ToolJet/frontend/assets/images/icons/widgets/spinner.jsx

39 lines
1.8 KiB
React
Raw Normal View History

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 b18abe19fbd82246611153634c79934ad9012101. * 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 08:00:39 +00:00
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;