@moises.ai/design-system 3.11.21 → 3.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/{MinusIcon-BS8c20DV.js → UpgradeUpIcon-DQGpL9A5.js} +2012 -1756
  2. package/dist/colors/custom-styles.css +2 -0
  3. package/dist/icons.js +616 -588
  4. package/dist/index.js +3915 -3837
  5. package/package.json +1 -1
  6. package/src/colors/custom-styles.css +2 -0
  7. package/src/components/InputLevelMeter/InputLevelMeter.jsx +65 -2
  8. package/src/components/InputLevelMeter/InputLevelMeter.module.css +27 -3
  9. package/src/components/PanControl/PanControl.jsx +66 -3
  10. package/src/components/PanControl/PanControl.module.css +6 -1
  11. package/src/components/TrackControlButton/TrackControlButton.module.css +28 -8
  12. package/src/components/TrackControlsToggle/TrackControlsToggle.jsx +4 -0
  13. package/src/components/TrackControlsToggle/TrackControlsToggle.stories.jsx +22 -0
  14. package/src/icons/ArrowEnterIcon.jsx +13 -0
  15. package/src/icons/CloudUploadErrorIcon.jsx +10 -0
  16. package/src/icons/CommandIcon.jsx +10 -0
  17. package/src/icons/FunctionIcon.jsx +7 -0
  18. package/src/icons/MagicWandIcon.jsx +5 -63
  19. package/src/icons/MinusIcon.jsx +1 -1
  20. package/src/icons/NoSendIcon.jsx +8 -0
  21. package/src/icons/NoSmartphoneIcon.jsx +7 -0
  22. package/src/icons/OptionIcon.jsx +7 -0
  23. package/src/icons/QrCodeIcon.jsx +9 -0
  24. package/src/icons/SendIcon.jsx +16 -0
  25. package/src/icons/Settings2Icon.jsx +14 -0
  26. package/src/icons/ShapesIcon.jsx +9 -0
  27. package/src/icons/Share2Icon.jsx +6 -13
  28. package/src/icons/ShareAndroidIcon.jsx +11 -0
  29. package/src/icons/ShareIosIcon.jsx +13 -0
  30. package/src/icons/ShareWebIcon.jsx +11 -0
  31. package/src/icons/ShieldIcon.jsx +7 -0
  32. package/src/icons/ShoppingBagIcon.jsx +9 -0
  33. package/src/icons/SkillsIcon.jsx +8 -0
  34. package/src/icons/SmartphoneIcon.jsx +8 -0
  35. package/src/icons/SparklesIcon.jsx +11 -0
  36. package/src/icons/SunIcon.jsx +8 -0
  37. package/src/icons/TextFileIcon.jsx +8 -0
  38. package/src/icons/TicketIcon.jsx +8 -0
  39. package/src/icons/TimeControlIcon.jsx +8 -0
  40. package/src/icons/TouchIdPersonalIcon.jsx +8 -0
  41. package/src/icons/TrophyIcon.jsx +8 -0
  42. package/src/icons/UpgradeUpIcon.jsx +9 -0
  43. package/src/icons/UserErrorIcon.jsx +8 -0
  44. package/src/icons/UserIcon.jsx +4 -18
  45. package/src/icons/UserVoiceIcon.jsx +10 -0
  46. package/src/icons/ZipIcon.jsx +9 -0
  47. package/src/icons.jsx +29 -0
@@ -11,19 +11,12 @@ export const Share2Icon = ({
11
11
  fill="none"
12
12
  xmlns="http://www.w3.org/2000/svg"
13
13
  >
14
- <g clip-path="url(#clip0_6624_4145)">
15
- <path
16
- d="M10.1875 2.89583L8.00001 0.708328M8.00001 0.708328L5.81251 2.89583M8.00001 0.708328V10.1875M10.9167 5.08333C12.5275 5.08333 13.8333 6.38916 13.8333 7.99999V12.2917C13.8333 13.9485 12.4902 15.2917 10.8333 15.2917H5.16656C3.50968 15.2917 2.16653 13.9485 2.16656 12.2916L2.16663 7.99999C2.16666 6.38915 3.47251 5.08333 5.08335 5.08333"
17
- stroke="#B0B4BA"
18
- stroke-linecap="round"
19
- stroke-linejoin="round"
20
- />
21
- </g>
22
- <defs>
23
- <clipPath id="clip0_6624_4145">
24
- <rect width="16" height="16" fill="white" />
25
- </clipPath>
26
- </defs>
14
+ <path
15
+ d="M10.1875 2.89583L8.00001 0.708328M8.00001 0.708328L5.81251 2.89583M8.00001 0.708328V10.1875M10.9167 5.08333C12.5275 5.08333 13.8333 6.38916 13.8333 7.99999V12.2917C13.8333 13.9485 12.4902 15.2917 10.8333 15.2917H5.16656C3.50968 15.2917 2.16653 13.9485 2.16656 12.2916L2.16663 7.99999C2.16666 6.38915 3.47251 5.08333 5.08335 5.08333"
16
+ stroke="#B0B4BA"
17
+ strokeLinecap="round"
18
+ strokeLinejoin="round"
19
+ />
27
20
  </svg>
28
21
  )
29
22
 
@@ -0,0 +1,11 @@
1
+ export const ShareAndroidIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path
4
+ d="M8.5 10.2846L15.5 6.16355M15.5 17.8365L8.5 13.7154M9 12C9 13.6569 7.65685 15 6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12ZM21 5C21 6.65685 19.6569 8 18 8C16.3431 8 15 6.65685 15 5C15 3.34315 16.3431 2 18 2C19.6569 2 21 3.34315 21 5ZM21 19C21 20.6569 19.6569 22 18 22C16.3431 22 15 20.6569 15 19C15 17.3431 16.3431 16 18 16C19.6569 16 21 17.3431 21 19Z"
5
+ stroke="currentColor"
6
+ strokeWidth="1.5"
7
+ strokeLinejoin="round" />
8
+ </svg>
9
+ )
10
+
11
+ ShareAndroidIcon.displayName = 'ShareAndroidIcon'
@@ -0,0 +1,13 @@
1
+ export const ShareIosIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg"
3
+ width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
4
+ <path
5
+ d="M15.2815 4.34375L12.0003 1.0625M12.0003 1.0625L8.71902 4.34375M12.0003 1.0625V15.2812M16.3753 7.625H17.7503C19.4071 7.625 20.7503 8.96814 20.7503 10.625V19.9375C20.7503 21.5944 19.4071 22.9375 17.7503 22.9375H6.25005C4.59318 22.9375 3.25002 21.5943 3.25005 19.9374L3.25021 10.6249C3.25024 8.96811 4.59338 7.625 6.25021 7.625H7.62527"
6
+ stroke="currentColor"
7
+ strokeWidth="1.5"
8
+ strokeLinecap="round"
9
+ strokeLinejoin="round" />
10
+ </svg>
11
+ )
12
+
13
+ ShareIosIcon.displayName = 'ShareIosIcon'
@@ -0,0 +1,11 @@
1
+ export const ShareWebIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M20.0355 4.38236L23.2782 7.625L20.0355 10.8676M22 7.625H18C14.134 7.625 11 10.759 11 14.625V15.5027M13.5 4H6.5C4.01472 4 2 6.01472 2 8.5V17.5C2 19.9853 4.01472 22 6.5 22H15.5C17.9853 22 20 19.9853 20 17.5V16.5"
4
+ stroke="currentColor"
5
+ strokeWidth="1.5"
6
+ strokeLinecap="round"
7
+ strokeLinejoin="round" />
8
+ </svg>
9
+ )
10
+
11
+ ShareWebIcon.displayName = 'ShareWebIcon'
@@ -0,0 +1,7 @@
1
+ export const ShieldIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
4
+ </svg>
5
+ )
6
+
7
+ ShieldIcon.displayName = 'ShieldIcon'
@@ -0,0 +1,9 @@
1
+ export const ShoppingBagIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path
4
+ d="M3 6L6 2H18L21 6M3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6M3 6H21M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10"
5
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
6
+ </svg>
7
+ )
8
+
9
+ ShoppingBagIcon.displayName = 'ShoppingBagIcon'
@@ -0,0 +1,8 @@
1
+ export const SkillsIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M16.0001 1.47432C16.0122 3.42313 17.5954 4.99929 19.5469 5C17.5883 5.00071 16.0007 6.5883 16 8.54687C15.9993 6.59053 14.4153 5.00432 12.4598 5.00001M16.0001 1.47432C15.988 3.42091 14.4082 4.99571 12.4598 5.00001M16.0001 1.47432L16 1.45182L16 1.46773M12.4598 5.00001H12.4519L12.4575 5M19.8979 11C20.5017 11 20.9921 10.5145 21 9.91263M19.8979 11H21M19.8979 11C20.5066 11 21 11.4935 21 12.1022C21 11.4935 21.4934 11 22.1021 11C21.4984 11 21.0079 10.5145 21 9.91263M21 9.91263L21.0001 9.89785L21 9.90831M2 20.5C2 21.8807 5.80558 23 10.5 23C15.1944 23 19 21.8807 19 20.5C19 19.1193 15.1944 18 10.5 18C5.80558 18 2 19.1193 2 20.5ZM2 20.5V1L18.7422 19.8906"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ SkillsIcon.displayName = 'SkillsIcon'
@@ -0,0 +1,8 @@
1
+ export const SmartphoneIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M9.75 2.25H9C9 2.66421 9.33579 3 9.75 3V2.25ZM14.25 2.25V3C14.6642 3 15 2.66421 15 2.25H14.25ZM18.25 3V21H19.75V3H18.25ZM17 22.25H7V23.75H17V22.25ZM5.75 21V3H4.25V21H5.75ZM7 22.25C6.30964 22.25 5.75 21.6904 5.75 21H4.25C4.25 22.5188 5.48122 23.75 7 23.75V22.25ZM18.25 21C18.25 21.6904 17.6904 22.25 17 22.25V23.75C18.5188 23.75 19.75 22.5188 19.75 21H18.25ZM17 1.75C17.6904 1.75 18.25 2.30964 18.25 3H19.75C19.75 1.48122 18.5188 0.25 17 0.25V1.75ZM7 0.25C5.48122 0.25 4.25 1.48122 4.25 3H5.75C5.75 2.30964 6.30964 1.75 7 1.75V0.25ZM9.75 3H14.25V1.5H9.75V3ZM14.25 1.75H17V0.25H14.25V1.75ZM15 2.25V1H13.5V2.25H15ZM7 1.75H9.75V0.25H7V1.75ZM9.75 1.75H14.25V0.25H9.75V1.75ZM10.5 2.25V1H9V2.25H10.5Z"
4
+ fill="currentColor" />
5
+ </svg>
6
+ )
7
+
8
+ SmartphoneIcon.displayName = 'SmartphoneIcon'
@@ -0,0 +1,11 @@
1
+ export const SparklesIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg"
3
+ width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
4
+ <path d="M10.1648 5.65189C10.1927 10.1575 13.844 13.8015 18.3447 13.8032C13.8277 13.8048 10.1663 17.4753 10.1646 22.0034C10.163 17.4804 6.50991 13.8131 2 13.8032C6.49362 13.7932 10.1369 10.1523 10.1648 5.65189Z"
5
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
6
+ <path d="M18.996 2C19.0062 3.65328 20.346 4.99041 21.9975 4.99101C20.34 4.99162 18.9965 6.33845 18.9959 8C18.9953 6.34034 17.6549 4.99468 16 4.99102C17.6489 4.98737 18.9858 3.65139 18.996 2Z"
7
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
8
+ </svg>
9
+ )
10
+
11
+ SparklesIcon.displayName = 'SparklesIcon'
@@ -0,0 +1,8 @@
1
+ export const SunIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M12 1V3M12 21V23M4.22 4.22L5.64 5.64M18.36 18.36L19.78 19.78M1 12H3M21 12H23M4.22 19.78L5.64 18.36M18.36 5.64L19.78 4.22M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ SunIcon.displayName = 'SunIcon'
@@ -0,0 +1,8 @@
1
+ export const TextFileIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M13.9556 1.71875H5.95557C5.42513 1.71875 4.91643 1.92946 4.54135 2.30454C4.16628 2.67961 3.95557 3.18832 3.95557 3.71875V19.7188C3.95557 20.2492 4.16628 20.7579 4.54135 21.133C4.91643 21.508 5.42513 21.7188 5.95557 21.7188H17.9556C18.486 21.7188 18.9947 21.508 19.3698 21.133C19.7449 20.7579 19.9556 20.2492 19.9556 19.7188V7.71875M13.9556 1.71875L19.9556 7.71875M13.9556 1.71875V7.71875H19.9556M7.5 12.5H13.9556M7.5 17H16.5"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ TextFileIcon.displayName = 'TextFileIcon'
@@ -0,0 +1,8 @@
1
+ export const TicketIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M9.87863 5.63623L18.3639 14.1215M16.9849 3.55013C16.3418 4.52082 16.448 5.84165 17.3033 6.69689C18.1584 7.55209 19.4787 7.65755 20.4493 7.01454L22.9601 9.52532L9.52508 22.9603L7.01429 20.4496C7.6573 19.4789 7.55184 18.1587 6.69665 17.3035C5.84141 16.4483 4.52057 16.342 3.54989 16.9852L1.03979 14.4751L14.4748 1.04004L16.9849 3.55013Z"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ TicketIcon.displayName = 'TicketIcon'
@@ -0,0 +1,8 @@
1
+ export const TimeControlIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M2.20093 19.9429L5.36102 16.7829C6.11116 16.0327 7.12858 15.6113 8.18945 15.6113H14.5267C15.3403 15.6113 15.9999 16.2709 15.9999 17.0845C15.9999 17.8982 15.3403 18.5578 14.5267 18.5578H10.9999M6.37212 23.0014H14.0106C14.3378 23.0014 14.6646 22.8764 14.9142 22.6269L21.3127 16.2285C22.0378 15.5034 22.0378 14.3279 21.3128 13.6028C20.5877 12.8778 19.4122 12.8778 18.6871 13.6028L16.208 16.082M11.9999 3V6.5L13.9999 8M17.4999 6.5C17.4999 9.53757 15.0375 12 11.9999 12C8.96237 12 6.49994 9.53757 6.49994 6.5C6.49994 3.46243 8.96237 1 11.9999 1C15.0375 1 17.4999 3.46243 17.4999 6.5Z"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ TimeControlIcon.displayName = 'TimeControlIcon'
@@ -0,0 +1,8 @@
1
+ export const TouchIdPersonalIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M12 12.4998C12.7143 16.0508 16 18.9998 19.6531 18.2234M16.1006 21.3089C12.5 20.4004 10.2012 17.3017 9.42203 15.5486C7.84908 12.0095 9.14375 9.29991 11.3514 8.96409C12.678 8.76229 14.4831 9.16954 15.5 11.9004C16.5119 14.618 18.334 15.1903 19.5 14.9004C21.61 14.3759 22.7218 12.3192 21.4571 8.96409C20.3466 6.01815 17.0706 2.363 11.3514 2.47211C9.92192 2.49938 8.53714 2.86404 7.2859 3.50647M18.9029 11.8282C17.7646 6.80919 14 5.2312 10.8517 5.7181C8.58721 6.06831 5.30358 8.08789 5.30358 12.3763C5.30358 14.0794 5.77664 15.1868 6.7506 17.1626C7.72456 19.1383 6.94539 19.9824 6.24971 20.3071C5.55402 20.6317 4.52518 20.2858 3.85655 19.4166C2.74346 17.9696 2.26758 16.3866 2.02985 15.1833C1.3372 11.6775 2.20947 8.55848 3.95953 6.28723"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
5
+ </svg>
6
+ )
7
+
8
+ TouchIdPersonalIcon.displayName = 'TouchIdPersonalIcon'
@@ -0,0 +1,8 @@
1
+ export const TrophyIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M12 17C9.68 17 8.53517 14.9154 7.81824 13.2426L6.40404 9.94275C6.13746 9.32074 6 8.65105 6 7.97431V2H18V7.97431C18 8.65105 17.8625 9.32074 17.596 9.94275L16.1818 13.2426C15.4648 14.9154 14.32 17 12 17ZM12 17V22M3 4.75H1V5.97279C1 9.54123 3.36339 12.6782 6.7934 13.6625L7.94 14M21 4.75H22.9975V5.97279C22.9975 9.54123 20.6341 12.6782 17.2041 13.6625L16.06 14M18 22H6.26001"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ TrophyIcon.displayName = 'TrophyIcon'
@@ -0,0 +1,9 @@
1
+ export const UpgradeUpIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M17 18H7" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
4
+ <path d="M17 7L12 2L7 7M12 3V14" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ <path d="M17 23H7" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
6
+ </svg>
7
+ )
8
+
9
+ UpgradeUpIcon.displayName = 'UpgradeUpIcon'
@@ -0,0 +1,8 @@
1
+ export const UserErrorIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M20 20V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H15M4 21V19C4 17.9391 4.42143 16.9217 5.17157 16.1716C5.92172 15.4214 6.93913 15 8 15H9.5M8.09211 7.85742C8.03179 7.5812 8 7.29431 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7C16 9.20914 14.2091 11 12 11C11.6547 11 11.3196 10.9562 11 10.874M3 3L21 21"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
6
+ )
7
+
8
+ UserErrorIcon.displayName = 'UserErrorIcon'
@@ -1,22 +1,8 @@
1
1
  export const UserIcon = ({ width = 16, height = 16, className, ...props }) => (
2
- <svg
3
- width={width}
4
- height={height}
5
- viewBox="0 0 16 16"
6
- fill="none"
7
- xmlns="http://www.w3.org/2000/svg"
8
- className={className}
9
- {...props}
10
- >
11
- <g>
12
- <path
13
- d="M11.334 14.6663V13.4071C11.334 12.7391 11.0706 12.0985 10.6018 11.6262C10.1329 11.1539 9.49703 10.8886 8.83398 10.8886H3.83398C3.17094 10.8886 2.53506 11.1539 2.06622 11.6262C1.59738 12.0985 1.33398 12.7391 1.33398 13.4071V14.6663M13.1561 1.33301C14.1237 2.39398 14.6673 3.83279 14.6673 5.33301C14.6673 6.83323 14.1237 8.27203 13.1561 9.33301M11.334 3.33018C11.8178 3.86067 12.0896 4.58007 12.0896 5.33018C12.0896 6.08029 11.8178 6.79969 11.334 7.33018M8.83398 5.85153C8.83398 7.24247 7.7147 8.37004 6.33398 8.37004C4.95327 8.37004 3.83398 7.24247 3.83398 5.85153C3.83398 4.46059 4.95327 3.33301 6.33398 3.33301C7.7147 3.33301 8.83398 4.46059 8.83398 5.85153Z"
14
- stroke="currentColor"
15
- strokeLinecap="round"
16
- strokeLinejoin="round"
17
- />
18
- </g>
19
- </svg>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21M16 7C16 9.20914 14.2091 11 12 11C9.79086 11 8 9.20914 8 7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7Z"
4
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
5
+ </svg>
20
6
  )
21
7
 
22
8
  UserIcon.displayName = 'UserIcon'
@@ -0,0 +1,10 @@
1
+ export const UserVoiceIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
4
+ <path
5
+ d="M17 22.0002V20.1113C17 19.1094 16.6049 18.1485 15.9016 17.44C15.1984 16.7316 14.2446 16.3335 13.25 16.3335H5.75C4.75544 16.3335 3.80161 16.7316 3.09835 17.44C2.39509 18.1485 2 19.1094 2 20.1113V22.0002M19.7331 2.78202C21.1846 4.37349 22 6.53169 22 8.78202C22 11.0324 21.1846 13.1906 19.7331 14.782M17 5.77778C17.7257 6.57351 18.1334 7.65261 18.1334 8.77778C18.1334 9.90294 17.7257 10.982 17 11.7778M13.25 8.77799C13.25 10.8644 11.5711 12.5558 9.5 12.5558C7.42893 12.5558 5.75 10.8644 5.75 8.77799C5.75 6.69158 7.42893 5.00021 9.5 5.00021C11.5711 5.00021 13.25 6.69158 13.25 8.77799Z"
6
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
7
+ </svg>
8
+ )
9
+
10
+ UserVoiceIcon.displayName = 'UserVoiceIcon'
@@ -0,0 +1,9 @@
1
+ export const ZipIcon = ({ width = 16, height = 16, className, ...props }) => (
2
+ <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
3
+ <path
4
+ d="M9.75 10.1074H14.25M9.75 13.1074H14.25M9.75 16.1074H12.25M22 19C22 19.5304 21.7893 20.0391 21.4142 20.4142C21.0391 20.7893 20.5304 21 20 21H4C3.46957 21 2.96086 20.7893 2.58579 20.4142C2.21071 20.0391 2 19.5304 2 19V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H9L11 6H20C20.5304 6 21.0391 6.21071 21.4142 6.58579C21.7893 6.96086 22 7.46957 22 8V19Z"
5
+ stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
6
+ </svg>
7
+ )
8
+
9
+ ZipIcon.displayName = 'ZipIcon'
package/src/icons.jsx CHANGED
@@ -352,3 +352,32 @@ export { ChevronDownFilledIcon } from './icons/ChevronDownFilledIcon'
352
352
  export { Share2Icon } from './icons/Share2Icon'
353
353
  export { TrackPreviousIcon } from './icons/TrackPreviousIcon'
354
354
  export { MinusIcon } from './icons/MinusIcon'
355
+ export { ArrowEnterIcon } from './icons/ArrowEnterIcon'
356
+ export { CommandIcon } from './icons/CommandIcon'
357
+ export { OptionIcon } from './icons/OptionIcon'
358
+ export { FunctionIcon } from './icons/FunctionIcon'
359
+ export { SendIcon } from './icons/SendIcon'
360
+ export { NoSendIcon } from './icons/NoSendIcon'
361
+ export { Settings2Icon } from './icons/Settings2Icon'
362
+ export { ShareAndroidIcon } from './icons/ShareAndroidIcon'
363
+ export { ShareIosIcon } from './icons/ShareIosIcon'
364
+ export { ShareWebIcon } from './icons/ShareWebIcon'
365
+ export { ShapesIcon } from './icons/ShapesIcon'
366
+ export { ShieldIcon } from './icons/ShieldIcon'
367
+ export { ShoppingBagIcon } from './icons/ShoppingBagIcon'
368
+ export { SkillsIcon } from './icons/SkillsIcon'
369
+ export { SmartphoneIcon } from './icons/SmartphoneIcon'
370
+ export { NoSmartphoneIcon } from './icons/NoSmartphoneIcon'
371
+ export { SparklesIcon } from './icons/SparklesIcon'
372
+ export { SunIcon } from './icons/SunIcon'
373
+ export { TextFileIcon } from './icons/TextFileIcon'
374
+ export { TimeControlIcon } from './icons/TimeControlIcon'
375
+ export { TouchIdPersonalIcon } from './icons/TouchIdPersonalIcon'
376
+ export { TrophyIcon } from './icons/TrophyIcon'
377
+ export { TicketIcon } from './icons/TicketIcon'
378
+ export { CloudUploadErrorIcon } from './icons/CloudUploadErrorIcon'
379
+ export { UserErrorIcon } from './icons/UserErrorIcon'
380
+ export { UserVoiceIcon } from './icons/UserVoiceIcon'
381
+ export { QrCodeIcon } from './icons/QrCodeIcon'
382
+ export { ZipIcon } from './icons/ZipIcon'
383
+ export { UpgradeUpIcon } from './icons/UpgradeUpIcon'