ToolJet/frontend/assets/images/icons/widgets/spinner.jsx
Kiran Ashok e5d75bd4cf
Feat :: Editor UI revamp (#7275)
* temp commit ::  editor redesign

* fix :: components panel ui

* style updates

* fix :: arrangement widget list

* fix :: light mode widget list

* style fixes query manager

* updates

* updates heaer styles

* global settings fix

* left sidebar states and icon change

* cleanup

* minor fixes :: review

* fix opacity mode toggle

* detailing in hover states , bugfixes

* fix :: coloring whole app , debugger ui

* cleanup

* fix :: revert some changes , fix statistics widget

* feat :: navbar with new layout

* fix :: lint warnings

* cleanup

* cleanup

* minor fixes

* fix :: reusing serchbox

* removed unwanted prop

* Revert "cleanup"

This reverts commit b18abe19fb.

* fix :: icons sidebar

* fix :: padding searchbar

* style fix

* radix :: dark theme for portals

* fix :: icon styles

* fix :: all codehinter styles

* update :: base bg color app

* fix :: viewer color

* minor fixes :: icon left sidebar

* typo

* fix :: styling save message header

* icon :: fix for layout and inspector queries

* fix :: canvas and editor bg

* fix :: release btn style

* fix :: navbar border

* undo redo tooltip

* fix :: page input

* remove released btn icon

* fix :: for icon not loading proper in inspector

* fix :: dark mode toggle icon size

* fix :: share  app ui

* fix :: style fixes , inspector runpy icon

* fix :: ui runpy codehinter

* fix :: inputs in gds connection

* cleanup

* fix :: copilot codehinter ui

* fix :: share modal button

* fix :: canvas bg text

* style fix debugger

* fix :: whole dahsboard layout and border for all codehinters

* fix :: icon fills

* fix :: icon fill color sidebar

* darkmode fill color

* minor style fix

* Widget inspector redesign (#7355)

* Setup Storybook

* Update storybook config

* Add tab and toggle group component

* Created list component

* Properties tab

* update codehinter dropdown components

* Refactor styling

* Inspector header changes

* Fix es lint issue

* Fix

* feat :: styling color picker styles panel

* Fix color picker alignment

* feat :: remove alpha

* Fix UI bugs

* fix :: color picker

* Ui fix

* Backward compatible pagination changes

* fix

* Feedback changes

* UI feedback

* Check fix

* Fix

* fix :: canvas bg popover

* Styles fix

* Fix conflct issues

* minor style fix style tab

* Fix

* review comments fix :: hovering in color picker

* Code review and design feedback

* UI feedback

* Fix UI styles

* Fix pagination issue

* fix :: dark mode issues in select , number input

* fix :: remove extra boreder

* fix :: table column popover ui and component popover inspector

* fix :: datepickre input table column

* fix :: colopicker in table column inspector

* fix :: link column type ui in table

* fix :: column delete ui and delete not triggering

* Fix list item not dragging

* fix :: closing of popover on link column select

* style fix table popover

* Pass dark mode to Event manager button

* fix :: ux event manager

* cleanup

* cleanup

* fix :: delete page modal ui

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>

* style fixes

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2023-09-04 13:30:39 +05:30

38 lines
1.8 KiB
JavaScript

import React from 'react';
const Spinner = ({ fill = '#D7DBDF', width = 24, className = '', viewBox = '0 0 49 48' }) => (
<svg
width={width}
height={width}
viewBox={viewBox}
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<g fillRule="evenodd" clipPath="url(#clip0_873_270630)" clipRule="evenodd">
<path
fill={fill}
d="M11.529 26.36h-6.28c-1.3 0-2.36-1.06-2.36-2.36 0-1.3 1.06-2.36 2.36-2.36h6.28c1.3 0 2.36 1.06 2.36 2.36 0 1.3-1.06 2.36-2.36 2.36zM17.109 31.78c.92.92.92 2.41 0 3.33l-4.44 4.45c-.92.92-2.42.92-3.34 0-.92-.92-.92-2.42 0-3.34l4.45-4.44c.92-.92 2.41-.92 3.33 0zM17.109 12.89a2.354 2.354 0 11-3.33 3.33l-4.45-4.44c-.92-.92-.92-2.42 0-3.34.92-.92 2.42-.92 3.34 0l4.44 4.45z"
></path>
<path
fill="#3E63DD"
d="M27.249 4.36v6.28c0 1.3-1.06 2.36-2.36 2.36-1.3 0-2.36-1.06-2.36-2.36V4.36c0-1.3 1.06-2.36 2.36-2.36 1.3 0 2.36 1.06 2.36 2.36z"
></path>
<path
fill={fill}
d="M27.249 37.36v6.28c0 1.3-1.06 2.36-2.36 2.36-1.3 0-2.36-1.06-2.36-2.36v-6.28c0-1.3 1.06-2.36 2.36-2.36 1.3 0 2.36 1.06 2.36 2.36zM40.449 36.22c.92.92.92 2.42 0 3.34-.92.92-2.42.92-3.34 0l-4.44-4.45a2.354 2.354 0 113.33-3.33l4.45 4.44z"
></path>
<path
fill="#3E63DD"
d="M32.669 16.22c-.92-.92-.92-2.41 0-3.33l4.44-4.45c.92-.92 2.42-.92 3.34 0 .92.92.92 2.42 0 3.34l-4.45 4.44c-.92.92-2.41.92-3.33 0zM46.889 24c0 1.3-1.06 2.36-2.36 2.36h-6.28c-1.3 0-2.36-1.06-2.36-2.36 0-1.3 1.06-2.36 2.36-2.36h6.28c1.3 0 2.36 1.06 2.36 2.36z"
></path>
</g>
<defs>
<clipPath id="clip0_873_270630">
<path fill="#fff" d="M0 0H44V44H0z" transform="translate(2.889 2)"></path>
</clipPath>
</defs>
</svg>
);
export default Spinner;