sate-lib 1.73.1 → 1.74.0

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 (43) hide show
  1. package/README.md +7 -0
  2. package/lib/assets/icons/Eye.js +1 -0
  3. package/lib/assets/icons/EyeSlash.js +1 -0
  4. package/lib/assets/icons/ItemAddOn.js +1 -0
  5. package/lib/assets/icons/ItemDefault.js +1 -0
  6. package/lib/assets/icons/ItemSpecial.js +1 -0
  7. package/lib/assets/icons/PlusCircle.js +1 -0
  8. package/lib/assets/icons/Trash.js +1 -0
  9. package/lib/assets/styles/reset.css +1 -1
  10. package/lib/assets/styles/tokens.css +1 -1
  11. package/lib/components/filter-chip/filter-chip.d.ts +2 -2
  12. package/lib/components/filter-chip/filter-chip.d.ts.map +1 -1
  13. package/lib/components/filter-chip/filter-chip.js +1 -1
  14. package/lib/components/icon/icon.d.ts +7 -0
  15. package/lib/components/icon/icon.d.ts.map +1 -1
  16. package/lib/components/icon/icon.js +1 -1
  17. package/lib/components/logo/logo.d.ts +5 -10
  18. package/lib/components/logo/logo.d.ts.map +1 -1
  19. package/lib/components/logo/logo.js +1 -1
  20. package/lib/components/progress-indicator/progress-indicator.d.ts +2 -3
  21. package/lib/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  22. package/lib/components/progress-indicator/progress-indicator.js +1 -1
  23. package/lib/components/search-input/search-input.styles_module.css +1 -1
  24. package/lib/components/segmented-control/segmented-control.d.ts +3 -3
  25. package/lib/components/segmented-control/segmented-control.d.ts.map +1 -1
  26. package/lib/components/segmented-control/segmented-control.js +1 -5
  27. package/lib/components/segmented-control/segmented-control.styles.module.js +1 -1
  28. package/lib/components/segmented-control/segmented-control.styles_module.css +1 -1
  29. package/package.json +5 -3
  30. package/lib/components/avatar/avatar.test.d.ts +0 -2
  31. package/lib/components/avatar/avatar.test.d.ts.map +0 -1
  32. package/lib/components/badge/badge.test.d.ts +0 -2
  33. package/lib/components/badge/badge.test.d.ts.map +0 -1
  34. package/lib/components/button/button-icon.test.d.ts +0 -2
  35. package/lib/components/button/button-icon.test.d.ts.map +0 -1
  36. package/lib/components/button/button.test.d.ts +0 -2
  37. package/lib/components/button/button.test.d.ts.map +0 -1
  38. package/lib/components/icon/icon.test.d.ts +0 -2
  39. package/lib/components/icon/icon.test.d.ts.map +0 -1
  40. package/lib/components/notification/notification.test.d.ts +0 -2
  41. package/lib/components/notification/notification.test.d.ts.map +0 -1
  42. package/lib/components/typography/typography.test.d.ts +0 -2
  43. package/lib/components/typography/typography.test.d.ts.map +0 -1
package/README.md CHANGED
@@ -22,6 +22,7 @@ A lightweight and modular React component library designed for modern web interf
22
22
 
23
23
  - [RSLib](https://rslib.rs/)
24
24
  - [RSTest](https://rstest.rs/api/)
25
+ - [Chromatic](https://www.chromatic.com/)
25
26
  - [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
26
27
  - [Biome](https://biomejs.dev/)
27
28
  - [Husky](https://typicode.github.io/husky/)
@@ -116,3 +117,9 @@ FIGMA_TOKEN: Your Figma personal access token. file_content:read & file_metadata
116
117
  FIGMA_FILE_ID: The ID of the Figma file containing the icons.
117
118
  FIGMA_NODE_ID: The ID of the node (e.g., a frame or group) containing the icons. format is 1111:111 and not 1111-111
118
119
 
120
+ ## Chromatic setup
121
+
122
+ ```yaml
123
+ CHROMATIC_PROJECT_TOKEN
124
+ ```
125
+
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...e,children:t("path",{d:"M23.185 11.696c-.032-.074-.827-1.835-2.592-3.6C18.241 5.742 15.27 4.5 12 4.5S5.76 5.743 3.407 8.095C1.642 9.861.844 11.625.815 11.696a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.256 8.73 19.5 12 19.5s6.24-1.243 8.593-3.594c1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61M12 18c-2.886 0-5.407-1.05-7.493-3.117A12.5 12.5 0 0 1 2.344 12a12.5 12.5 0 0 1 2.163-2.883C6.593 7.05 9.114 6 12 6s5.407 1.05 7.493 3.117A12.5 12.5 0 0 1 21.661 12c-.676 1.262-3.62 6-9.661 6m0-10.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m0 7.5a3 3 0 1 1 0-5.999A3 3 0 0 1 12 15"})});export{e as default};
@@ -0,0 +1 @@
1
+ import{jsx as a}from"react/jsx-runtime";import"react";let t=t=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...t,children:a("path",{d:"M5.055 3.246a.75.75 0 1 0-1.11 1.008L5.749 6.24C2.344 8.33.879 11.55.815 11.696a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.256 8.73 19.5 12 19.5c1.68.01 3.344-.336 4.882-1.015l2.062 2.27a.75.75 0 1 0 1.11-1.01zm4.437 7.11 3.907 4.298a3 3 0 0 1-3.907-4.298M12 18c-2.886 0-5.407-1.05-7.493-3.117A12.5 12.5 0 0 1 2.344 12c.44-.824 1.843-3.13 4.439-4.63L8.47 9.223a4.5 4.5 0 0 0 5.968 6.563l1.381 1.518A10.5 10.5 0 0 1 12 18m.563-8.947a.75.75 0 0 1 .28-1.473 4.515 4.515 0 0 1 3.635 3.997.75.75 0 0 1-.676.817h-.07a.75.75 0 0 1-.75-.68 3.01 3.01 0 0 0-2.42-2.66m10.62 3.253c-.04.088-.99 2.19-3.128 4.106a.75.75 0 0 1-1.068-.05.75.75 0 0 1 .068-1.068A12.5 12.5 0 0 0 21.66 12a12.5 12.5 0 0 0-2.168-2.885C17.407 7.05 14.886 6 12 6q-.913 0-1.815.147a.75.75 0 1 1-.248-1.48A12.6 12.6 0 0 1 12 4.5c3.27 0 6.24 1.243 8.593 3.595 1.765 1.766 2.56 3.527 2.592 3.601a.75.75 0 0 1 0 .61z"})});export{t as default};
@@ -0,0 +1 @@
1
+ import{jsx as t,jsxs as a}from"react/jsx-runtime";import"react";let e=e=>a("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...e,children:[t("path",{d:"M20.625 8.125a1.25 1.25 0 1 1 0 2.5h-10a1.25 1.25 0 1 1 0-2.5z",opacity:.4}),t("path",{d:"M6.875 8.125a1.25 1.25 0 1 1 0 2.5h-2.5a1.25 1.25 0 1 1 0-2.5z"}),t("path",{d:"M16.875 14.375a1.25 1.25 0 1 1 0 2.5h-12.5a1.25 1.25 0 1 1 0-2.5z",opacity:.4})]});export{e as default};
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...a,children:t("path",{fill:"#646464",d:"M14.375 8.125a1.25 1.25 0 1 1 0 2.5h-10a1.25 1.25 0 1 1 0-2.5zm6.25 0a1.25 1.25 0 1 1 0 2.5h-2.5a1.25 1.25 0 1 1 0-2.5zm-3.75 6.25a1.25 1.25 0 1 1 0 2.5h-12.5a1.25 1.25 0 1 1 0-2.5z",opacity:.4})});export{a as default};
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import"react";let a=a=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...a,children:t("path",{fill:"#646464",d:"M17 4.5A1.25 1.25 0 1 1 17 7H7a1.25 1.25 0 1 1 0-2.5zm3.75 6.25a1.25 1.25 0 1 1 0 2.5H3.25a1.25 1.25 0 1 1 0-2.5zM13.25 17a1.25 1.25 0 1 1 0 2.5h-2.5a1.25 1.25 0 1 1 0-2.5z",opacity:.4})});export{a as default};
@@ -0,0 +1 @@
1
+ import{jsx as t}from"react/jsx-runtime";import"react";let e=e=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...e,children:t("path",{d:"M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m0 18A8.25 8.25 0 1 1 20.25 12 8.26 8.26 0 0 1 12 20.25M16.5 12a.75.75 0 0 1-.75.75h-3v3a.75.75 0 1 1-1.5 0v-3h-3a.75.75 0 1 1 0-1.5h3v-3a.75.75 0 1 1 1.5 0v3h3a.75.75 0 0 1 .75.75"})});export{e as default};
@@ -0,0 +1 @@
1
+ import{jsx as a,jsxs as l}from"react/jsx-runtime";import"react";let t=t=>l("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24",...t,children:[a("path",{d:"M8.599 7.5a.75.75 0 0 1 .776.724l.375 10.5a.751.751 0 0 1-1.5.052l-.375-10.5a.75.75 0 0 1 .724-.776M12 7.5a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-1.5 0V8.25A.75.75 0 0 1 12 7.5m3.401 0a.75.75 0 0 1 .724.776l-.375 10.5a.751.751 0 0 1-1.5-.052l.375-10.5a.75.75 0 0 1 .776-.724"}),a("path",{d:"M13.875 1.501a1.87 1.87 0 0 1 1.875 1.874V4.5h4.5a.75.75 0 0 1 0 1.5h-.795l-.893 14.297c-.075 1.215-.98 2.203-2.25 2.203H7.688c-1.257 0-2.182-.979-2.249-2.204L4.545 6H3.75a.75.75 0 1 1 0-1.5h4.5V3.375a1.87 1.87 0 0 1 1.875-1.874zM6.937 20.203v.009l.008.092c.06.447.377.696.742.696h8.625c.387 0 .72-.277.752-.796L17.95 6H6.05zM10.123 3a.38.38 0 0 0-.345.23.4.4 0 0 0-.028.143V4.5h4.5V3.373a.38.38 0 0 0-.23-.345.4.4 0 0 0-.143-.028z",clipRule:"evenodd"})]});export{t as default};
@@ -1 +1 @@
1
- *,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}button{color:inherit;cursor:pointer;border-color:#0000}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:inherit;text-decoration:none}
1
+ *,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;margin:0;padding:0}@supports (scrollbar-color:auto){*{scrollbar-color:#d0d0d0 #f9f9f6}}html{scroll-behavior:smooth}button{color:inherit;cursor:pointer;border-color:#0000}fieldset{border-color:#0000}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:inherit;text-decoration:none}
@@ -1 +1 @@
1
- :root{--spacing-size-4:.25rem;--spacing-size-8:.5rem;--spacing-size-12:.75rem;--spacing-size-16:1rem;--spacing-size-24:1.5rem;--spacing-size-32:2rem;--spacing-size-40:2.5rem;--spacing-size-48:3rem;--spacing-size-56:3.5rem;--spacing-size-64:4rem;--spacing-size-72:4.5rem;--spacing-size-80:5rem;--spacing-size-88:5.5rem;--spacing-size-96:6rem;--spacing-size-104:6.5rem;--spacing-size-112:7rem;--spacing-size-120:7.5rem;--spacing-size-128:8rem;--radius-radii-10:.625rem;--radius-radii-16:1rem;--radius-radii-24:1.5rem;--radius-radii-full:62.5rem;--radius-radii-32:2rem;--radius-radii-40:2.5rem;--radius-radii-64:4rem;--spacing-size-146:9.125rem;--spacing-size-154:9.625rem;--radius-radii-8:.5rem;--spacing-size-0:0rem;--radius-radii-4:.25rem;--radius-radii-12:.75rem;--spacing-size-2:.125rem;--spacing-size-6:.375rem;--radius-radii-14:.875rem;--spacing-size-20:1.25rem;--spacing-size-10:.625rem;--radius-radii-20:1.25rem;--typeface-brand:"Author";--typeface-interface:"Golos UI";--typeface-weight-regular:"Regular";--typeface-weight-medium:"Medium";--typeface-weight-bold:"Bold";--color-content-primary:#202020;--color-content-secondary:#646464;--color-content-tertiary:gray;--color-content-link:#202020;--color-content-link-hover:#000;--color-content-link-active:#202020;--color-interactive-primary:#646464;--color-interactive-primary-hover:#202020;--color-interactive-primary-active:#646464;--color-interactive-secondary:#000;--color-interactive-secondary-active:#000;--color-interactive-secondary-hover:#000;--color-interactive-accent:#202020;--color-interactive-accent-hover:#000;--color-interactive-accent-active:#202020;--color-interactive-control:#fff;--color-interactive-control-hover:#fff;--color-interactive-control-active:#fff;--color-interactive-contrast:#202020;--color-interactive-contrast-hover:#646464;--color-interactive-contrast-active:gray;--color-border-neutral:#000;--color-border-overlay:#000;--color-background-screen:#fdfdf9;--color-background-screen-hover:#000;--color-background-screen-active:#000;--color-background-elevated:#fdfdf9;--color-background-neutral:#000;--color-background-neutral-hover:#000;--color-background-neutral-active:#000;--color-background-overlay:#000;--color-sentiment-negative-primary:#c62a2f;--color-color-contrast:#fff;--color-color-light:#fff;--color-color-dark:#202020;--color-color-contrast-overlay:#fff;--color-color-contrast-theme:#202020;--color-background-input-primary:#fff;--typescale-display-large-font:var(--typeface-brand);--typescale-display-large-weight:var(--typeface-weight-bold);--typescale-display-large-font-size:6rem;--typescale-display-large-line-height:5.125rem;--typescale-display-large-letter-spacing:0rem;--typescale-display-medium-font:var(--typeface-brand);--typescale-display-medium-weight:var(--typeface-weight-bold);--typescale-display-medium-font-size:4rem;--typescale-display-medium-line-height:3.375rem;--typescale-display-medium-letter-spacing:0rem;--typescale-display-small-font:var(--typeface-brand);--typescale-display-small-weight:var(--typeface-weight-bold);--typescale-display-small-font-size:2.5rem;--typescale-display-small-line-height:2.125rem;--typescale-display-small-letter-spacing:0rem;--typescale-title-screen-font:var(--typeface-brand);--typescale-title-screen-weight:var(--typeface-weight-bold);--typescale-title-screen-font-size:2.5rem;--typescale-title-screen-line-height:2.125rem;--typescale-title-screen-letter-spacing:0rem;--typescale-title-screen-paragraph-spacing:.5rem;--typescale-title-section-font:var(--typeface-brand);--typescale-title-section-weight:var(--typeface-weight-bold);--typescale-title-section-font-size:1.75rem;--typescale-title-section-line-height:2.25rem;--typescale-title-section-letter-spacing:0rem;--typescale-title-section-paragraph-spacing:.5rem;--typescale-title-subsection-font:var(--typeface-brand);--typescale-title-subsection-weight:var(--typeface-weight-bold);--typescale-title-subsection-font-size:1.25rem;--typescale-title-subsection-line-height:1.75rem;--typescale-title-subsection-letter-spacing:0rem;--typescale-title-subsection-paragraph-spacing:.5rem;--typescale-title-body-font:var(--typeface-brand);--typescale-title-body-weight:var(--typeface-weight-bold);--typescale-title-body-font-size:1.125rem;--typescale-title-body-line-height:1.5rem;--typescale-title-body-letter-spacing:0rem;--typescale-title-body-paragraph-spacing:.5rem;--typescale-title-group-font:var(--typeface-brand);--typescale-title-group-weight:var(--typeface-weight-bold);--typescale-title-group-font-size:1.125rem;--typescale-title-group-line-height:1.625rem;--typescale-title-group-letter-spacing:0rem;--typescale-title-group-paragraph-spacing:.5rem;--typescale-body-large-font:var(--typeface-interface);--typescale-body-large-weight:var(--typeface-weight-regular);--typescale-body-large-font-size:1rem;--typescale-body-large-line-height:1.5rem;--typescale-body-large-letter-spacing:0rem;--typescale-body-large-paragraph-spacing:.5rem;--typescale-body-large-emphasis-font:var(--typeface-interface);--typescale-body-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-large-emphasis-font-size:1rem;--typescale-body-large-emphasis-line-height:1.5rem;--typescale-body-large-emphasis-letter-spacing:0rem;--typescale-body-large-emphasis-paragraph-spacing:.5rem;--typescale-body-default-font:var(--typeface-interface);--typescale-body-default-weight:var(--typeface-weight-regular);--typescale-body-default-font-size:.875rem;--typescale-body-default-line-height:1.25rem;--typescale-body-default-letter-spacing:0rem;--typescale-body-default-paragraph-spacing:.5rem;--typescale-body-default-emphasis-font:var(--typeface-interface);--typescale-body-default-emphasis-weight:var(--typeface-weight-medium);--typescale-body-default-emphasis-font-size:.875rem;--typescale-body-default-emphasis-line-height:1.25rem;--typescale-body-default-emphasis-letter-spacing:0rem;--typescale-body-default-emphasis-paragraph-spacing:.5rem;--typescale-body-small-font:var(--typeface-interface);--typescale-body-small-weight:var(--typeface-weight-regular);--typescale-body-small-font-size:.75rem;--typescale-body-small-line-height:1rem;--typescale-body-small-letter-spacing:0rem;--typescale-body-small-paragraph-spacing:.5rem;--typescale-body-small-emphasis-font:var(--typeface-interface);--typescale-body-small-emphasis-weight:var(--typeface-weight-medium);--typescale-body-small-emphasis-font-size:.75rem;--typescale-body-small-emphasis-line-height:1rem;--typescale-body-small-emphasis-letter-spacing:0rem;--typescale-body-small-emphasis-paragraph-spacing:.5rem;--typescale-link-large-font:var(--typeface-interface);--typescale-link-large-weight:var(--typeface-weight-medium);--typescale-link-large-font-size:1rem;--typescale-link-large-line-height:1.5rem;--typescale-link-large-letter-spacing:0rem;--typescale-link-large-paragraph-spacing:.5rem;--typescale-link-default-font:var(--typeface-interface);--typescale-link-default-weight:var(--typeface-weight-medium);--typescale-link-default-font-size:.875rem;--typescale-link-default-line-height:1.375rem;--typescale-link-default-letter-spacing:0rem;--typescale-link-default-paragraph-spacing:.5rem;--typescale-text-field-font:var(--typeface-interface);--typescale-text-field-weight:var(--typeface-weight-regular);--typescale-text-field-font-size:1rem;--typescale-text-field-line-height:1.25rem;--typescale-text-field-letter-spacing:0rem;--typescale-text-field-paragraph-spacing:.5rem;--color-sentiment-negative-primary-hover:#641723;--color-sentiment-negative-primary-active:#c62a2f;--color-black:#000;--color-white:#fff;--typescale-link-small-font:var(--typeface-interface);--typescale-link-small-weight:var(--typeface-weight-medium);--typescale-link-small-font-size:.75rem;--typescale-link-small-line-height:1rem;--typescale-link-small-letter-spacing:0rem;--typescale-link-small-paragraph-spacing:.5rem;--typescale-body-x-large-font:var(--typeface-interface);--typescale-body-x-large-weight:var(--typeface-weight-regular);--typescale-body-x-large-font-size:1.125rem;--typescale-body-x-large-line-height:1.625rem;--typescale-body-x-large-letter-spacing:0rem;--typescale-body-x-large-paragraph-spacing:.5rem;--typescale-body-x-large-emphasis-font:var(--typeface-interface);--typescale-body-x-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-x-large-emphasis-font-size:1.125rem;--typescale-body-x-large-emphasis-line-height:1.5rem;--typescale-body-x-large-emphasis-letter-spacing:0rem;--typescale-body-x-large-emphasis-paragraph-spacing:.5rem;--color-background-input-secondary:#000;--color-sentiment-negative-secondary:#ffe5e5;--color-sentiment-negative-secondary-hover:#fdd8d8;--color-sentiment-negative-secondary-active:#f9c6c6;--color-sentiment-positive-primary:#18794e;--color-sentiment-positive-primary-hover:#193b2d;--color-sentiment-positive-primary-active:#18794e;--color-sentiment-positive-secondary:#ddf3e4;--color-sentiment-positive-secondary-hover:#ccebd7;--color-sentiment-positive-secondary-active:#b4dfc4;--color-sentiment-warning-primary:#ffc53d;--color-sentiment-warning-primary-hover:#ffba1a;--color-sentiment-warning-primary-active:#ffc53d;--color-sentiment-warning-secondary:#fff3d0;--color-sentiment-warning-secondary-hover:#ffecb7;--color-sentiment-warning-secondary-active:#ffe0a1;--color-sentiment-warning-content:#775f28;--color-sentiment-warning-content-hover:#473b1f;--color-sentiment-warning-content-active:#775f28;--color-sentiment-informative-primary:#0880ea;--color-sentiment-informative-primary-hover:#0b68cb;--color-sentiment-informative-primary-active:#0880ea;--color-sentiment-informative-secondary:#e1f0ff;--color-sentiment-informative-secondary-hover:#cee7fe;--color-sentiment-informative-secondary-active:#b7d9f8;--color-fixed-elevated-light:#fff;--color-fixed-elevated-light-hover:#fff;--color-fixed-elevated-light-active:#fff;--color-fixed-elevated-dark:#000;--color-fixed-elevated-dark-hover:#000;--color-fixed-elevated-dark-active:#000;--color-fixed-content-on-dark:#fff;--color-fixed-content-on-light:#202020;--color-background-screen-blur:#fdfdf9;--box-shadow-1:0px 1px 0px 0px #11111a1a;--box-shadow-2:0px 1px 0px #11111a0d,0px 0px 8px #11111a1a;--box-shadow-3:0px 0px 16px 0px #11111a1a;--box-shadow-4:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a0d;--box-shadow-5:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a1a;--box-shadow-6:0px 16px 48px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 1px 0px 0px #11111a1a;--box-shadow-7:0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 4px 16px 0px #11111a1a;--box-shadow-8:0px 24px 80px 0px #11111a1a,0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a}
1
+ :root{--spacing-size-4:.25rem;--spacing-size-8:.5rem;--spacing-size-12:.75rem;--spacing-size-16:1rem;--spacing-size-24:1.5rem;--spacing-size-32:2rem;--spacing-size-40:2.5rem;--spacing-size-48:3rem;--spacing-size-56:3.5rem;--spacing-size-64:4rem;--spacing-size-72:4.5rem;--spacing-size-80:5rem;--spacing-size-88:5.5rem;--spacing-size-96:6rem;--spacing-size-104:6.5rem;--spacing-size-112:7rem;--spacing-size-120:7.5rem;--spacing-size-128:8rem;--radius-radii-10:.625rem;--radius-radii-16:1rem;--radius-radii-24:1.5rem;--radius-radii-full:62.5rem;--radius-radii-32:2rem;--radius-radii-40:2.5rem;--radius-radii-64:4rem;--spacing-size-146:9.125rem;--spacing-size-154:9.625rem;--radius-radii-8:.5rem;--spacing-size-0:0rem;--radius-radii-4:.25rem;--radius-radii-12:.75rem;--spacing-size-2:.125rem;--spacing-size-6:.375rem;--radius-radii-14:.875rem;--spacing-size-20:1.25rem;--spacing-size-10:.625rem;--radius-radii-20:1.25rem;--typeface-brand:"Author";--typeface-interface:"Golos UI";--typeface-weight-regular:"Regular";--typeface-weight-medium:"Medium";--typeface-weight-bold:"Bold";--color-content-primary:#202020;--color-content-secondary:#646464;--color-content-tertiary:gray;--color-content-link:#202020;--color-content-link-hover:#000;--color-content-link-active:#202020;--color-interactive-primary:#646464;--color-interactive-primary-hover:#202020;--color-interactive-primary-active:#646464;--color-interactive-secondary:#000;--color-interactive-secondary-active:#000;--color-interactive-secondary-hover:#000;--color-interactive-accent:#202020;--color-interactive-accent-hover:#000;--color-interactive-accent-active:#202020;--color-interactive-control:#fff;--color-interactive-control-hover:#fff;--color-interactive-control-active:#fff;--color-interactive-contrast:#202020;--color-interactive-contrast-hover:#646464;--color-interactive-contrast-active:gray;--color-border-neutral:#000;--color-border-overlay:#000;--color-background-screen:#fdfdf9;--color-background-screen-hover:#000;--color-background-screen-active:#000;--color-background-elevated:#fdfdf9;--color-background-neutral:#000;--color-background-neutral-hover:#000;--color-background-neutral-active:#000;--color-background-overlay:#000;--color-sentiment-negative-primary:#c62a2f;--color-color-contrast:#fff;--color-color-light:#fff;--color-color-dark:#202020;--color-color-contrast-overlay:#fff;--color-color-contrast-theme:#202020;--color-background-input-primary:#fff;--typescale-display-large-font:var(--typeface-brand);--typescale-display-large-weight:var(--typeface-weight-bold);--typescale-display-large-font-size:6rem;--typescale-display-large-line-height:5.125rem;--typescale-display-large-letter-spacing:0rem;--typescale-display-medium-font:var(--typeface-brand);--typescale-display-medium-weight:var(--typeface-weight-bold);--typescale-display-medium-font-size:4rem;--typescale-display-medium-line-height:3.375rem;--typescale-display-medium-letter-spacing:0rem;--typescale-display-small-font:var(--typeface-brand);--typescale-display-small-weight:var(--typeface-weight-bold);--typescale-display-small-font-size:2.5rem;--typescale-display-small-line-height:2.125rem;--typescale-display-small-letter-spacing:0rem;--typescale-title-screen-font:var(--typeface-brand);--typescale-title-screen-weight:var(--typeface-weight-bold);--typescale-title-screen-font-size:2.5rem;--typescale-title-screen-line-height:2.125rem;--typescale-title-screen-letter-spacing:0rem;--typescale-title-screen-paragraph-spacing:.5rem;--typescale-title-section-font:var(--typeface-brand);--typescale-title-section-weight:var(--typeface-weight-bold);--typescale-title-section-font-size:1.75rem;--typescale-title-section-line-height:2.25rem;--typescale-title-section-letter-spacing:0rem;--typescale-title-section-paragraph-spacing:.5rem;--typescale-title-subsection-font:var(--typeface-brand);--typescale-title-subsection-weight:var(--typeface-weight-bold);--typescale-title-subsection-font-size:1.25rem;--typescale-title-subsection-line-height:1.75rem;--typescale-title-subsection-letter-spacing:0rem;--typescale-title-subsection-paragraph-spacing:.5rem;--typescale-title-body-font:var(--typeface-brand);--typescale-title-body-weight:var(--typeface-weight-bold);--typescale-title-body-font-size:1.125rem;--typescale-title-body-line-height:1.5rem;--typescale-title-body-letter-spacing:0rem;--typescale-title-body-paragraph-spacing:.5rem;--typescale-title-group-font:var(--typeface-brand);--typescale-title-group-weight:var(--typeface-weight-bold);--typescale-title-group-font-size:1.125rem;--typescale-title-group-line-height:1.625rem;--typescale-title-group-letter-spacing:0rem;--typescale-title-group-paragraph-spacing:.5rem;--typescale-body-large-font:var(--typeface-interface);--typescale-body-large-weight:var(--typeface-weight-regular);--typescale-body-large-font-size:1rem;--typescale-body-large-line-height:1.5rem;--typescale-body-large-letter-spacing:0rem;--typescale-body-large-paragraph-spacing:.5rem;--typescale-body-large-emphasis-font:var(--typeface-interface);--typescale-body-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-large-emphasis-font-size:1rem;--typescale-body-large-emphasis-line-height:1.5rem;--typescale-body-large-emphasis-letter-spacing:0rem;--typescale-body-large-emphasis-paragraph-spacing:.5rem;--typescale-body-default-font:var(--typeface-interface);--typescale-body-default-weight:var(--typeface-weight-regular);--typescale-body-default-font-size:.875rem;--typescale-body-default-line-height:1.25rem;--typescale-body-default-letter-spacing:0rem;--typescale-body-default-paragraph-spacing:.5rem;--typescale-body-default-emphasis-font:var(--typeface-interface);--typescale-body-default-emphasis-weight:var(--typeface-weight-medium);--typescale-body-default-emphasis-font-size:.875rem;--typescale-body-default-emphasis-line-height:1.25rem;--typescale-body-default-emphasis-letter-spacing:0rem;--typescale-body-default-emphasis-paragraph-spacing:.5rem;--typescale-body-small-font:var(--typeface-interface);--typescale-body-small-weight:var(--typeface-weight-regular);--typescale-body-small-font-size:.75rem;--typescale-body-small-line-height:1rem;--typescale-body-small-letter-spacing:0rem;--typescale-body-small-paragraph-spacing:.5rem;--typescale-body-small-emphasis-font:var(--typeface-interface);--typescale-body-small-emphasis-weight:var(--typeface-weight-medium);--typescale-body-small-emphasis-font-size:.75rem;--typescale-body-small-emphasis-line-height:1rem;--typescale-body-small-emphasis-letter-spacing:0rem;--typescale-body-small-emphasis-paragraph-spacing:.5rem;--typescale-link-large-font:var(--typeface-interface);--typescale-link-large-weight:var(--typeface-weight-medium);--typescale-link-large-font-size:1rem;--typescale-link-large-line-height:1.5rem;--typescale-link-large-letter-spacing:0rem;--typescale-link-large-paragraph-spacing:.5rem;--typescale-link-default-font:var(--typeface-interface);--typescale-link-default-weight:var(--typeface-weight-medium);--typescale-link-default-font-size:.875rem;--typescale-link-default-line-height:1.375rem;--typescale-link-default-letter-spacing:0rem;--typescale-link-default-paragraph-spacing:.5rem;--typescale-text-field-input-font:var(--typeface-interface);--typescale-text-field-input-weight:var(--typeface-weight-regular);--typescale-text-field-input-font-size:1rem;--typescale-text-field-input-line-height:1.25rem;--typescale-text-field-input-letter-spacing:0rem;--typescale-text-field-input-paragraph-spacing:.5rem;--color-sentiment-negative-primary-hover:#641723;--color-sentiment-negative-primary-active:#c62a2f;--color-black:#000;--color-white:#fff;--typescale-link-small-font:var(--typeface-interface);--typescale-link-small-weight:var(--typeface-weight-medium);--typescale-link-small-font-size:.75rem;--typescale-link-small-line-height:1rem;--typescale-link-small-letter-spacing:0rem;--typescale-link-small-paragraph-spacing:.5rem;--typescale-body-x-large-font:var(--typeface-interface);--typescale-body-x-large-weight:var(--typeface-weight-regular);--typescale-body-x-large-font-size:1.125rem;--typescale-body-x-large-line-height:1.625rem;--typescale-body-x-large-letter-spacing:0rem;--typescale-body-x-large-paragraph-spacing:.5rem;--typescale-body-x-large-emphasis-font:var(--typeface-interface);--typescale-body-x-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-x-large-emphasis-font-size:1.125rem;--typescale-body-x-large-emphasis-line-height:1.5rem;--typescale-body-x-large-emphasis-letter-spacing:0rem;--typescale-body-x-large-emphasis-paragraph-spacing:.5rem;--color-background-input-secondary:#000;--color-sentiment-negative-secondary:#ffe5e5;--color-sentiment-negative-secondary-hover:#fdd8d8;--color-sentiment-negative-secondary-active:#f9c6c6;--color-sentiment-positive-primary:#18794e;--color-sentiment-positive-primary-hover:#193b2d;--color-sentiment-positive-primary-active:#18794e;--color-sentiment-positive-secondary:#ddf3e4;--color-sentiment-positive-secondary-hover:#ccebd7;--color-sentiment-positive-secondary-active:#b4dfc4;--color-sentiment-warning-primary:#ffc53d;--color-sentiment-warning-primary-hover:#ffba1a;--color-sentiment-warning-primary-active:#ffc53d;--color-sentiment-warning-secondary:#fff3d0;--color-sentiment-warning-secondary-hover:#ffecb7;--color-sentiment-warning-secondary-active:#ffe0a1;--color-sentiment-warning-content:#775f28;--color-sentiment-warning-content-hover:#473b1f;--color-sentiment-warning-content-active:#775f28;--color-sentiment-informative-primary:#0880ea;--color-sentiment-informative-primary-hover:#0b68cb;--color-sentiment-informative-primary-active:#0880ea;--color-sentiment-informative-secondary:#e1f0ff;--color-sentiment-informative-secondary-hover:#cee7fe;--color-sentiment-informative-secondary-active:#b7d9f8;--color-fixed-elevated-light:#fff;--color-fixed-elevated-light-hover:#fff;--color-fixed-elevated-light-active:#fff;--color-fixed-elevated-dark:#000;--color-fixed-elevated-dark-hover:#000;--color-fixed-elevated-dark-active:#000;--color-fixed-content-on-dark:#fff;--color-fixed-content-on-light:#202020;--color-background-screen-blur:#fdfdf9;--color-shadow-inner:#202020;--color-fixed-shadow-inner:#202020;--typescale-text-field-label-font:var(--typeface-interface);--typescale-text-field-label-weight:var(--typeface-weight-regular);--typescale-text-field-label-font-size:.75rem;--typescale-text-field-label-line-height:.875rem;--typescale-text-field-label-letter-spacing:0rem;--box-shadow-1:0px 1px 0px 0px #11111a1a;--box-shadow-2:0px 1px 0px #11111a0d,0px 0px 8px #11111a1a;--box-shadow-3:0px 0px 16px 0px #11111a1a;--box-shadow-4:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a0d;--box-shadow-5:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a1a;--box-shadow-6:0px 16px 48px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 1px 0px 0px #11111a1a;--box-shadow-7:0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 4px 16px 0px #11111a1a;--box-shadow-8:0px 24px 80px 0px #11111a1a,0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a}
@@ -9,7 +9,7 @@ interface Option {
9
9
  badge?: BadgeProps;
10
10
  disabled?: boolean;
11
11
  }
12
- interface FilterChipGroupProps {
12
+ export interface FilterChipGroupProps {
13
13
  options: Option[];
14
14
  selected?: string[];
15
15
  onChange?: (selected: string[]) => void;
@@ -17,6 +17,6 @@ interface FilterChipGroupProps {
17
17
  size?: Size;
18
18
  className?: string;
19
19
  }
20
- export declare function FilterChipGroup({ options, selected, onChange, mode, size, className, }: FilterChipGroupProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function FilterChipGroup({ options, selected, onChange, mode, size, className, ...props }: FilterChipGroupProps): import("react/jsx-runtime").JSX.Element;
21
21
  export {};
22
22
  //# sourceMappingURL=filter-chip.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,CAAC;AAClC,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAiB,EACjB,IAAe,EACf,SAAc,GACd,EAAE,oBAAoB,2CA+DtB"}
1
+ {"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chip/filter-chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,CAAC;AAClC,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACpC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC/B,OAAO,EACP,QAAa,EACb,QAAQ,EACR,IAAiB,EACjB,IAAe,EACf,SAAc,EACd,GAAG,KAAK,EACR,EAAE,oBAAoB,2CAsDtB"}
@@ -1 +1 @@
1
- import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as o}from"react";import{Badge as r}from"../badge/badge.js";import{Icon as t}from"../icon/icon.js";import l from"./filter-chip.styles.module.js";function m({options:m,selected:n,onChange:a,mode:d="multiple",size:s="medium",className:c=""}){let u=void 0!==n,[p,f]=o([]),b=n??p;return e("div",{className:[l.root,"medium"===s?"bodyLarge":"bodyDefault",c].filter(Boolean).join(" "),role:"single"===d?"radiogroup":"group",children:m.map(({value:o,label:m,icon:n,badge:c,disabled:p})=>{let g=b.includes(o),h=n||c;return i("button",{"aria-disabled":p,className:[l.item,l[s],h&&l.hasIcon,g&&l.selected].filter(Boolean).join(" "),disabled:p,onClick:()=>{let e;e="single"===d?[o]:b.includes(o)?b.filter(e=>e!==o):[...b,o],!u&&f(e),a?.(e)},role:"single"===d?"radio":"checkbox",type:"button",children:[c&&e(r,{...c}),n&&e(t,{name:n,size:"medium"===s?24:20}),m]},o)})})}export{m as FilterChipGroup};
1
+ import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Badge as r}from"../badge/badge.js";import{Icon as t}from"../icon/icon.js";import l from"./filter-chip.styles.module.js";function o({options:o,selected:a=[],onChange:m,mode:n="multiple",size:s="medium",className:d="",...u}){let c="single"===n;return e("fieldset",{"aria-label":"Filters",className:[l.root,"medium"===s?"bodyLarge":"bodyDefault",d].filter(Boolean).join(" "),...u,children:o.map(({value:o,label:n,icon:d,badge:u,disabled:p})=>{let f=a.includes(o),b=!!(d||u);return i("button",{"aria-disabled":p,"aria-pressed":f,className:[l.item,l[s],b&&l.hasIcon,f&&l.selected].filter(Boolean).join(" "),disabled:p,onClick:()=>{let e,i;return e=a.includes(o),i=c?[o]:e?a.filter(e=>e!==o):[...a,o],void m?.(i)},type:"button",children:[u&&e(r,{...u}),d&&e(t,{name:d,size:"medium"===s?24:20}),n]},o)})})}export{o as FilterChipGroup};
@@ -11,22 +11,29 @@ export declare const Icons: {
11
11
  readonly ChevronUp: import("react").FC<SVGProps<SVGSVGElement>>;
12
12
  readonly Envelope: import("react").FC<SVGProps<SVGSVGElement>>;
13
13
  readonly Export: import("react").FC<SVGProps<SVGSVGElement>>;
14
+ readonly Eye: import("react").FC<SVGProps<SVGSVGElement>>;
14
15
  readonly "Eye-fill": import("react").FC<SVGProps<SVGSVGElement>>;
16
+ readonly EyeSlash: import("react").FC<SVGProps<SVGSVGElement>>;
15
17
  readonly FacebookLogo: import("react").FC<SVGProps<SVGSVGElement>>;
16
18
  readonly Gallery: import("react").FC<SVGProps<SVGSVGElement>>;
17
19
  readonly GlobeSimple: import("react").FC<SVGProps<SVGSVGElement>>;
18
20
  readonly "Google-fill": import("react").FC<SVGProps<SVGSVGElement>>;
19
21
  readonly Info: import("react").FC<SVGProps<SVGSVGElement>>;
20
22
  readonly Instagram: import("react").FC<SVGProps<SVGSVGElement>>;
23
+ readonly ItemAddOn: import("react").FC<SVGProps<SVGSVGElement>>;
24
+ readonly ItemDefault: import("react").FC<SVGProps<SVGSVGElement>>;
25
+ readonly ItemSpecial: import("react").FC<SVGProps<SVGSVGElement>>;
21
26
  readonly "List-bullet": import("react").FC<SVGProps<SVGSVGElement>>;
22
27
  readonly MagnifyingGlass: import("react").FC<SVGProps<SVGSVGElement>>;
23
28
  readonly Notches: import("react").FC<SVGProps<SVGSVGElement>>;
24
29
  readonly OpenMap: import("react").FC<SVGProps<SVGSVGElement>>;
25
30
  readonly "Pepper-fill": import("react").FC<SVGProps<SVGSVGElement>>;
26
31
  readonly Phone: import("react").FC<SVGProps<SVGSVGElement>>;
32
+ readonly PlusCircle: import("react").FC<SVGProps<SVGSVGElement>>;
27
33
  readonly SlidersHorizontal: import("react").FC<SVGProps<SVGSVGElement>>;
28
34
  readonly "Star-fill": import("react").FC<SVGProps<SVGSVGElement>>;
29
35
  readonly TikTok: import("react").FC<SVGProps<SVGSVGElement>>;
36
+ readonly Trash: import("react").FC<SVGProps<SVGSVGElement>>;
30
37
  readonly "WarningCircle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
31
38
  readonly "WarningTriangle-fill": import("react").FC<SVGProps<SVGSVGElement>>;
32
39
  readonly WhatsappLogo: import("react").FC<SVGProps<SVGSVGElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDASX"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAyCtC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCR,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C,eAAO,MAAM,SAAS,EAAyB,QAAQ,EAAE,CAAC;AAE1D,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,IAAI,CAAC,EACpB,IAAI,EACJ,IAAS,EACT,KAAsB,EACtB,GAAG,IAAI,EACP,EAAE,SAAS,kDASX"}
@@ -1 +1 @@
1
- import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import n from"../../assets/icons/ChevronDown.js";import l from"../../assets/icons/ChevronLeft.js";import m from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye-fill.js";import j from"../../assets/icons/FacebookLogo.js";import h from"../../assets/icons/Gallery.js";import C from"../../assets/icons/GlobeSimple.js";import g from"../../assets/icons/Google-fill.js";import k from"../../assets/icons/Info.js";import u from"../../assets/icons/Instagram.js";import v from"../../assets/icons/List-bullet.js";import b from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import y from"../../assets/icons/Pepper-fill.js";import d from"../../assets/icons/Phone.js";import x from"../../assets/icons/SlidersHorizontal.js";import E from"../../assets/icons/Star-fill.js";import I from"../../assets/icons/TikTok.js";import S from"../../assets/icons/WarningCircle-fill.js";import T from"../../assets/icons/WarningTriangle-fill.js";import W from"../../assets/icons/WhatsappLogo.js";import w from"../../assets/icons/X2.js";import O from"../../assets/icons/XCircle-fill.js";let M={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:n,ChevronLeft:l,ChevronRight:m,ChevronUp:a,Envelope:c,Export:f,"Eye-fill":p,FacebookLogo:j,Gallery:h,GlobeSimple:C,"Google-fill":g,Info:k,Instagram:u,"List-bullet":v,MagnifyingGlass:b,Notches:G,OpenMap:L,"Pepper-fill":y,Phone:d,SlidersHorizontal:x,"Star-fill":E,TikTok:I,"WarningCircle-fill":S,"WarningTriangle-fill":T,WhatsappLogo:W,X2:w,"XCircle-fill":O},P=Object.keys(M);function X({name:o,size:i=24,color:r="currentColor",...e}){let t=M[o];return t?s(t.default??t,{fill:r,height:i,width:i,...e}):null}export{X as Icon,M as Icons,P as iconNames};
1
+ import{jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/ArrowOut.js";import i from"../../assets/icons/Caret.js";import r from"../../assets/icons/CheckboxChecked.js";import e from"../../assets/icons/CheckCircle.js";import t from"../../assets/icons/CheckCircle-fill.js";import m from"../../assets/icons/ChevronDown.js";import n from"../../assets/icons/ChevronLeft.js";import l from"../../assets/icons/ChevronRight.js";import a from"../../assets/icons/ChevronUp.js";import c from"../../assets/icons/Envelope.js";import f from"../../assets/icons/Export.js";import p from"../../assets/icons/Eye.js";import j from"../../assets/icons/Eye-fill.js";import h from"../../assets/icons/EyeSlash.js";import C from"../../assets/icons/FacebookLogo.js";import g from"../../assets/icons/Gallery.js";import k from"../../assets/icons/GlobeSimple.js";import u from"../../assets/icons/Google-fill.js";import I from"../../assets/icons/Info.js";import y from"../../assets/icons/Instagram.js";import d from"../../assets/icons/ItemAddOn.js";import v from"../../assets/icons/ItemDefault.js";import E from"../../assets/icons/ItemSpecial.js";import S from"../../assets/icons/List-bullet.js";import b from"../../assets/icons/MagnifyingGlass.js";import G from"../../assets/icons/Notches.js";import L from"../../assets/icons/OpenMap.js";import T from"../../assets/icons/Pepper-fill.js";import O from"../../assets/icons/Phone.js";import x from"../../assets/icons/PlusCircle.js";import P from"../../assets/icons/SlidersHorizontal.js";import W from"../../assets/icons/Star-fill.js";import w from"../../assets/icons/TikTok.js";import A from"../../assets/icons/Trash.js";import D from"../../assets/icons/WarningCircle-fill.js";import M from"../../assets/icons/WarningTriangle-fill.js";import X from"../../assets/icons/WhatsappLogo.js";import N from"../../assets/icons/X2.js";import z from"../../assets/icons/XCircle-fill.js";let F={ArrowOut:o,Caret:i,CheckboxChecked:r,CheckCircle:e,"CheckCircle-fill":t,ChevronDown:m,ChevronLeft:n,ChevronRight:l,ChevronUp:a,Envelope:c,Export:f,Eye:p,"Eye-fill":j,EyeSlash:h,FacebookLogo:C,Gallery:g,GlobeSimple:k,"Google-fill":u,Info:I,Instagram:y,ItemAddOn:d,ItemDefault:v,ItemSpecial:E,"List-bullet":S,MagnifyingGlass:b,Notches:G,OpenMap:L,"Pepper-fill":T,Phone:O,PlusCircle:x,SlidersHorizontal:P,"Star-fill":W,TikTok:w,Trash:A,"WarningCircle-fill":D,"WarningTriangle-fill":M,WhatsappLogo:X,X2:N,"XCircle-fill":z},H=Object.keys(F);function R({name:o,size:i=24,color:r="currentColor",...e}){let t=F[o];return t?s(t.default??t,{fill:r,height:i,width:i,...e}):null}export{R as Icon,F as Icons,H as iconNames};
@@ -1,16 +1,11 @@
1
- /** biome-ignore-all lint/a11y/noSvgWithoutTitle: <TBD> */
2
- /** biome-ignore-all lint/correctness/useUniqueElementIds: <TBD> */
3
- import { type SVGProps } from "react";
4
- export type Variant = "wordmark" | "tileDark" | "tileLight";
1
+ import type { SVGProps } from "react";
2
+ export type Variant = "motif" | "wordmark" | "lockup";
5
3
  export type Color = "currentColor" | "dark" | "light";
6
4
  export interface LogoProps extends SVGProps<SVGSVGElement> {
7
5
  size?: number;
8
6
  variant?: Variant;
9
- color?: string;
10
- title?: string;
7
+ color?: Color;
8
+ className?: string;
11
9
  }
12
- export declare function LogoWordMark({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
13
- export declare function LogoTileDark({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
14
- export declare function LogoTileLight({ className, size, color, title, ...rest }: LogoProps): import("react/jsx-runtime").JSX.Element;
15
- export declare const Logo: import("react").ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
10
+ export declare const Logo: ({ size, color, variant, className, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element;
16
11
  //# sourceMappingURL=logo.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,mEAAmE;AACnE,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAC5D,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,EAC5B,SAAc,EACd,IAAS,EACT,KAAsB,EACtB,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CAsBX;AAED,wBAAgB,YAAY,CAAC,EAC5B,SAAc,EACd,IAAS,EACT,KAAK,EACL,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CA8BX;AAED,wBAAgB,aAAa,CAAC,EAC7B,SAAc,EACd,IAAS,EACT,KAAK,EACL,KAAc,EACd,GAAG,IAAI,EACP,EAAE,SAAS,2CAuBX;AAED,eAAO,MAAM,IAAI,kHAwBf,CAAC"}
1
+ {"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACtD,MAAM,MAAM,KAAK,GAAG,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACzD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAaD,eAAO,MAAM,IAAI,GAAI,8CAMlB,SAAS,4CAgEX,CAAC"}
@@ -1 +1 @@
1
- import{jsx as l,jsxs as i}from"react/jsx-runtime";import{forwardRef as h}from"react";function e({className:h="",size:e=40,color:r="currentColor",title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,fill:r,height:.5*e,role:"img",viewBox:"0 0 40 20",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),l("path",{d:"M5.28 4c1.14 0 2.82.22 3.74.64l-.6 2.96c-.66-.4-2.12-.68-3.06-.68-1 0-1.52.18-1.52.7 0 1.36 5.68.42 5.68 4.7 0 2.44-1.86 3.96-5.14 3.96-1.5 0-2.92-.28-3.78-.7l.24-3.1c.74.48 2.32.88 3.64.88 1.1 0 1.64-.16 1.64-.74 0-1.44-5.68-.48-5.68-4.7C.44 5.56 2.32 4 5.28 4Zm16.797 12.08h-3.56l-.78-2.5h-3.66l-.78 2.5h-3.4l4.14-11.88h3.899l4.14 11.88Zm7.925-8.88h-3.06v8.88h-3.32V7.2h-3.18v-3h9.8l-.24 3Zm9.217-.04H34.5v1.5h3.84v2.88H34.5v1.58h5.061v2.96h-8.38V4.2h8.28l-.24 2.96Zm-23.362.4c-.1.52-.22 1-.4 1.56l-.58 1.84h2.04l-.56-1.84a12.8 12.8 0 0 1-.4-1.56h-.1Z"})]})}function r({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,height:e,role:"img",viewBox:"0 0 32 32",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),i("g",{clipPath:"url(#a)",children:[l("path",{d:"M0 0h32v32H0z",fill:"#202020"}),l("path",{d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123 0 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.858 4.763-3.858Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z",fill:"#FDFDF9"})]}),l("defs",{children:l("clipPath",{id:"a",children:l("rect",{fill:"#fff",height:"32",rx:"6",width:"32"})})})]})}function t({className:h="",size:e=32,color:r,title:t="SATE",...d}){let o=d.id?`${d.id}-title`:void 0;return i("svg",{"aria-hidden":!t||void 0,"aria-labelledby":t?o:void 0,className:h,height:e,role:"img",viewBox:"0 0 32 32",width:e,xmlns:"http://www.w3.org/2000/svg",...d,children:[t&&l("title",{id:o,children:t}),l("rect",{fill:"#FDFDF9",height:"32",rx:"6",width:"32"}),l("path",{d:"M13.587 20.106h-3.012v8.743H7.307v-8.743h-3.13v-2.952h9.646l-.236 2.952Zm13.203-.039h-4.646v1.477h3.78v2.835h-3.78v1.556h4.981v2.914h-8.249V17.154h8.15l-.236 2.913ZM9.354 2.957c1.123-.001 2.777.216 3.682.63l-.59 2.913c-.65-.394-2.087-.669-3.012-.669-.984 0-1.496.177-1.496.689 0 1.338 5.59.413 5.59 4.627 0 2.401-1.83 3.898-5.06 3.898-1.476 0-2.873-.276-3.72-.69l.236-3.051c.729.472 2.284.866 3.583.866 1.083 0 1.615-.158 1.615-.729-.002-1.416-5.591-.472-5.591-4.626 0-2.323 1.85-3.859 4.763-3.859Zm19.641 11.892H25.49l-.767-2.461H21.12l-.768 2.46h-3.347L21.08 3.155h3.84l4.075 11.695ZM22.872 6.46c-.098.512-.216.985-.393 1.536l-.572 1.812h2.008l-.55-1.812a12.596 12.596 0 0 1-.394-1.536h-.099Z",fill:"#202020"})]})}let d=h(function({size:i=40,color:h="currentColor",variant:d="wordmark",...o},a){return"tileLight"===d?l(t,{ref:a,size:i,...o}):"tileDark"===d?l(r,{ref:a,size:i,...o}):l(e,{color:"dark"===h?"#202020":"light"===h?"#ffffff":"currentColor",ref:a,size:i,...o})});export{d as Logo,r as LogoTileDark,t as LogoTileLight,e as LogoWordMark};
1
+ import{jsx as l,jsxs as a}from"react/jsx-runtime";let c=({size:c=100,color:h="currentColor",variant:e="wordmark",className:r,...t})=>{let i=(l=>{switch(l){case"dark":return"#000";case"light":return"#FDFDF9";default:return"currentColor"}})(h);return"motif"===e?l("svg",{className:r,fill:"none",viewBox:"0 0 51 51",width:c,xmlns:"http://www.w3.org/2000/svg",...t,children:l("path",{d:"M15.062 23.558c-7.301 0-13.226-6.983-14.855-9.101a.978.978 0 0 1 0-1.204c1.63-2.118 7.554-9.1 14.855-9.1a9.493 9.493 0 0 1 6.762 2.841 9.775 9.775 0 0 1 2.8 6.861 9.775 9.775 0 0 1-2.8 6.86 9.493 9.493 0 0 1-6.762 2.843ZM26.492 15.062c0-7.301 6.983-13.226 9.101-14.855a.978.978 0 0 1 1.204 0c2.118 1.63 9.1 7.554 9.1 14.855a9.493 9.493 0 0 1-2.841 6.762 9.775 9.775 0 0 1-6.861 2.8 9.775 9.775 0 0 1-6.86-2.8 9.493 9.493 0 0 1-2.843-6.762ZM23.558 34.988c0 7.3-6.983 13.226-9.101 14.855a.978.978 0 0 1-1.204 0c-2.118-1.63-9.1-7.554-9.1-14.855a9.493 9.493 0 0 1 2.841-6.762 9.775 9.775 0 0 1 6.861-2.801 9.775 9.775 0 0 1 6.86 2.8 9.493 9.493 0 0 1 2.843 6.763ZM34.988 26.492c7.3 0 13.225 6.983 14.855 9.101a.978.978 0 0 1 0 1.204c-1.63 2.118-7.554 9.1-14.855 9.1a9.493 9.493 0 0 1-6.762-2.841 9.775 9.775 0 0 1-2.801-6.861 9.775 9.775 0 0 1 2.8-6.86 9.493 9.493 0 0 1 6.763-2.843Z",fill:i})}):"wordmark"===e?l("svg",{className:r,fill:"none",viewBox:"0 0 113 45",width:c,xmlns:"http://www.w3.org/2000/svg",...t,children:l("path",{d:"M16.179 2.066c3.81 0 9.425.733 12.5 2.13l-2.004 9.85c-2.206-1.33-7.087-2.262-10.229-2.262-3.342 0-5.08.6-5.08 2.33 0 4.224 16.537 1.78 18.741 13.018l8.541-24.4h13.037l2.895 8.272V2.732h58.086l-.803 9.851H96.086v4.991h12.836v9.585H96.086v5.258H113v9.85H84.988V12.717h-8.68v29.552H53.624l-2.607-8.32H38.782l-2.607 8.32H24.81l.987-2.824c-2.923 2.244-7.191 3.49-12.627 3.49-5.014 0-9.76-.933-12.635-2.33l.802-10.317c2.473 1.598 7.756 2.929 12.168 2.929 3.676 0 5.481-.533 5.481-2.463C18.986 25.96 0 29.155 0 15.113 0 7.258 6.284 2.065 16.179 2.065ZM65.21 41.371V12.716H55.179L65.21 41.37ZM44.732 13.914a42.429 42.429 0 0 1-1.337 5.191l-1.939 6.123h6.82l-1.873-6.123a42.465 42.465 0 0 1-1.337-5.19h-.334Z",fill:i})}):a("svg",{className:r,fill:"none",viewBox:"0 0 180 51",width:c,xmlns:"http://www.w3.org/2000/svg",...t,children:[l("path",{d:"M13.855 25.425a9.774 9.774 0 0 1 6.86 2.8 9.493 9.493 0 0 1 2.842 6.762c0 7.301-6.982 13.227-9.1 14.856a.978.978 0 0 1-1.203 0c-2.118-1.63-9.102-7.555-9.102-14.856a9.494 9.494 0 0 1 2.842-6.761 9.776 9.776 0 0 1 6.861-2.801ZM34.987 26.492c7.301 0 13.226 6.983 14.856 9.1a.978.978 0 0 1 0 1.204c-1.63 2.118-7.555 9.101-14.856 9.101a9.494 9.494 0 0 1-6.762-2.841 9.776 9.776 0 0 1-2.8-6.862 9.775 9.775 0 0 1 2.8-6.86 9.494 9.494 0 0 1 6.762-2.842Z",fill:i}),l("path",{clipRule:"evenodd",d:"M82.204 4.59c3.81 0 9.426.733 12.5 2.13L92.7 16.572c-2.206-1.33-7.086-2.262-10.228-2.262-3.343 0-5.081.599-5.082 2.329 0 4.224 16.538 1.781 18.743 13.018l8.541-24.4h13.036l2.895 8.272V5.257h58.086l-.803 9.85h-15.777V20.1h12.836v9.585h-12.836v5.257h16.914v9.851h-28.012V15.24h-8.68v29.552h-22.684l-2.607-8.32h-12.235l-2.607 8.32H90.835l.987-2.823c-2.923 2.243-7.191 3.489-12.627 3.489-5.013 0-9.76-.932-12.635-2.33l.802-10.316c2.474 1.597 7.756 2.928 12.168 2.928 3.677 0 5.481-.533 5.481-2.463 0-4.792-18.986-1.597-18.986-15.64 0-7.854 6.285-13.046 16.179-13.046Zm49.031 39.306V15.24h-10.031l10.031 28.655Zm-20.477-27.458a42.7 42.7 0 0 1-1.337 5.192l-1.94 6.123h6.82l-1.872-6.123a42.336 42.336 0 0 1-1.337-5.192h-.334Z",fill:i,fillRule:"evenodd"}),l("path",{d:"M35.593.207a.979.979 0 0 1 1.204 0c2.118 1.63 9.1 7.554 9.1 14.854a9.493 9.493 0 0 1-2.841 6.762 9.775 9.775 0 0 1-6.86 2.801 9.776 9.776 0 0 1-6.862-2.8 9.494 9.494 0 0 1-2.842-6.763c0-7.3 6.982-13.224 9.1-14.854ZM15.062 4.152a9.494 9.494 0 0 1 6.762 2.842 9.775 9.775 0 0 1 2.8 6.86 9.776 9.776 0 0 1-2.8 6.862 9.494 9.494 0 0 1-6.762 2.842c-7.3 0-13.226-6.984-14.855-9.102a.978.978 0 0 1 0-1.203c1.629-2.118 7.554-9.1 14.855-9.1Z",fill:i})]})};export{c as Logo};
@@ -1,7 +1,6 @@
1
1
  export interface ProgressIndicatorProps {
2
2
  size?: number;
3
3
  }
4
- export declare function ProgressIndicator({ size }: ProgressIndicatorProps, ref: React.ForwardedRef<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
5
- declare const _default: import("react").ForwardRefExoticComponent<ProgressIndicatorProps & import("react").RefAttributes<SVGSVGElement>>;
6
- export default _default;
4
+ export declare const ProgressIndicator: import("react").ForwardRefExoticComponent<ProgressIndicatorProps & import("react").RefAttributes<SVGSVGElement>>;
5
+ export default ProgressIndicator;
7
6
  //# sourceMappingURL=progress-indicator.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/progress-indicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,iBAAiB,CAChC,EAAE,IAAS,EAAE,EAAE,sBAAsB,EACrC,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,2CAmDtC;;AAED,wBAA6C"}
1
+ {"version":3,"file":"progress-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/progress-indicator/progress-indicator.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,sBAAsB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,iBAAiB,kHAqD5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";function c({size:t=32},c){let i=s();return r("svg",{className:e.root,height:t,ref:c,viewBox:"0 0 200 200",width:t,xmlns:"http://www.w3.org/2000/svg",children:[r("radialGradient",{cx:".66",cy:".3125",fx:".66",fy:".3125",gradientTransform:"scale(1.5)",id:i,children:[o("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0"}),o("stop",{offset:".3",stopColor:"currentColor",stopOpacity:".3"}),o("stop",{offset:".6",stopColor:"currentColor",stopOpacity:".6"}),o("stop",{offset:".8",stopColor:"currentColor",stopOpacity:".8"}),o("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"1"})]}),o("circle",{cx:"100",cy:"100",fill:"none",r:"75",stroke:`url(#${i})`,strokeDasharray:"200 1000",strokeDashoffset:"0",strokeLinecap:"round",strokeWidth:"12"}),o("circle",{cx:"100",cy:"100",fill:"none",opacity:".2",r:"75",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"12"})]})}let i=t(c);export{c as ProgressIndicator,i as default};
1
+ import{jsx as o,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useId as s}from"react";import e from"./progress-indicator.styles.module.js";let c=t(function({size:t=32},c){let i=s();return r("svg",{className:e.root,height:t,ref:c,viewBox:"0 0 200 200",width:t,xmlns:"http://www.w3.org/2000/svg",children:[r("radialGradient",{cx:".66",cy:".3125",fx:".66",fy:".3125",gradientTransform:"scale(1.5)",id:i,children:[o("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0"}),o("stop",{offset:".3",stopColor:"currentColor",stopOpacity:".3"}),o("stop",{offset:".6",stopColor:"currentColor",stopOpacity:".6"}),o("stop",{offset:".8",stopColor:"currentColor",stopOpacity:".8"}),o("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"1"})]}),o("circle",{cx:"100",cy:"100",fill:"none",r:"75",stroke:`url(#${i})`,strokeDasharray:"200 1000",strokeDashoffset:"0",strokeLinecap:"round",strokeWidth:"12"}),o("circle",{cx:"100",cy:"100",fill:"none",opacity:".2",r:"75",stroke:"currentColor",strokeLinecap:"round",strokeWidth:"12"})]})}),i=c;export{c as ProgressIndicator,i as default};
@@ -1 +1 @@
1
- .root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-12,.75rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-jAJzW6:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);box-shadow:inset 0 0 0 1px #0000}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
1
+ .root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out;&:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff)}.filled-IQyZd1{background:color-mix(in srgb,var(--color-background-input-secondary,#0000000a)4%,transparent)}.filled-IQyZd1:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
@@ -7,11 +7,11 @@ interface Option {
7
7
  }
8
8
  interface SegmentedControlProps {
9
9
  options: Option[];
10
- defaultValue: string;
11
- value?: string;
10
+ name: string;
11
+ defaultValue?: string;
12
12
  onChange?: (value: string) => void;
13
13
  className?: string;
14
14
  }
15
- export declare function SegmentedControl({ options, value, defaultValue, onChange, className, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function SegmentedControl({ options, name, defaultValue, onChange, className, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
16
16
  export {};
17
17
  //# sourceMappingURL=segmented-control.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAc,GACd,EAAE,qBAAqB,2CA4EvB"}
1
+ {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGnD,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACT,EAAE,qBAAqB,2CAqCvB"}
@@ -1,5 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Item as l,Root as r}from"@radix-ui/react-radio-group";import{Fragment as i,useEffect as n,useRef as o,useState as a}from"react";import{Icon as d}from"../icon/icon.js";import u from"./segmented-control.styles.module.js";function c({options:c,value:s,defaultValue:m,onChange:f,className:h=""}){let p=o(null),g=o([]),[x,$]=a(c.findIndex(e=>e.value===s||e.value===m)),v=e=>{let t=c.findIndex(t=>t.value===e);$(t);let l=g.current[t],r=p.current;if(l&&r){let e=l.getBoundingClientRect(),t=r.getBoundingClientRect();r.style.cssText=`
2
- --slider-x: ${e.left-t.left+r.scrollLeft}px;
3
- --slider-width: ${e.width}px;
4
- --slider-height: ${e.height}px;
5
- `}};return n(()=>{let e=setTimeout(()=>{v(s||m)},20);return()=>clearTimeout(e)},[s,m,c]),e(r,{className:`${u.root} ${h}`.trim(),defaultValue:m,onValueChange:e=>{v(e),f?.(e)},ref:p,value:s,children:c.map((r,n)=>t(i,{children:[t(l,{className:`bodyDefault ${u.item} ${r.icon?u.withIcon:""}`,disabled:r.disabled,ref:e=>{g.current[n]=e},value:r.value,children:[r.icon&&e(d,{name:r.icon,size:18}),r.label]}),n<c.length-1&&e("div",{className:`${u.separator} ${n===x-1||n===x?u.hide:""}`})]},r.value))})}export{c as SegmentedControl};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Icon as i}from"../icon/icon.js";import n from"./segmented-control.styles.module.js";function o({options:o,name:l,defaultValue:r,onChange:a,className:m}){return e("fieldset",{className:["bodyDefault",n.root,m].filter(Boolean).join(" "),children:o.map(({label:o,value:m,icon:s,disabled:d})=>{let c=`${l}-${m}`;return t("div",{className:`${n.item} ${d?n.disabled:""}`,children:[e("input",{className:n.itemInput,defaultChecked:m===r,disabled:d,id:c,name:l,onChange:()=>a?.(m),type:"radio"}),t("label",{className:`${n.itemLabel} ${s?n.withIcon:""}`,htmlFor:c,children:[s&&e(i,{name:s,size:18}),e("span",{children:o})]})]},c)})})}export{o as SegmentedControl};
@@ -1 +1 @@
1
- import"./segmented-control.styles_module.css";let e={root:"root-ZurdY9",fadeIn:"fadeIn-BAIbcm",item:"item-KyXK8s",withIcon:"withIcon-bg61Z_",separator:"separator-UJWv6x",hide:"hide-j1DRR8"};export{e as default};
1
+ import"./segmented-control.styles_module.css";let e={root:"root-ZurdY9",item:"item-KyXK8s",itemInput:"itemInput-qor_CK",itemLabel:"itemLabel-hLhyLk",withIcon:"withIcon-bg61Z_",disabled:"disabled-enBWjG"};export{e as default};
@@ -1 +1 @@
1
- .root-ZurdY9{padding:var(--spacing-size-4,.25rem);cursor:pointer;background-color:color-mix(in srgb,var(--color-background-neutral)4%,transparent);border-radius:var(--radius-radii-14,.875rem);box-shadow:var(--box-shadow-1);align-items:center;display:inline-flex;position:relative}.root-ZurdY9:after{top:var(--spacing-size-4,.25rem);z-index:0;width:var(--slider-width,100px);height:var(--slider-height,100%);content:"";background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-10,.625rem);box-shadow:var(--box-shadow-2);transform:translateX(var(--slider-x,0));transition:transform .3s ease-in-out,width .3s ease-in-out;animation:.4s ease-in-out forwards fadeIn-BAIbcm;position:absolute;left:0}.item-KyXK8s{z-index:1;color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;border:none;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:outline .2s ease-in-out,font-weight .1s ease-in-out,color .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative}.item-KyXK8s[data-state=checked]{color:var(--color-interactive-accent,#202020);font-weight:500}.item-KyXK8s:hover{color:var(--color-interactive-primary-hover,#202020)}.item-KyXK8s:disabled{pointer-events:none;opacity:.38}.item-KyXK8s:focus-visible{outline:2px solid var(--color-content-primary,#202020);outline-offset:2px}.withIcon-bg61Z_{padding-left:.5rem}.separator-UJWv6x{background-color:color-mix(in srgb,var(--color-border-overlay)11%,transparent);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .3s ease-in-out}.hide-j1DRR8{opacity:0}@keyframes fadeIn-BAIbcm{0%{opacity:0}to{opacity:1}}
1
+ .root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:color-mix(in srgb,var(--color-background-input-secondary,#0000000a)4%,transparent);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 color-mix(in srgb,var(--color-shadow-inner,#202020)14%,transparent);border:0;align-items:center;display:flex}.item-KyXK8s{color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:color-mix(in srgb,var(--color-border-overlay)11%,transparent);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;outline:0;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,outline .1s ease-in-out;display:flex;&:hover{color:var(--color-interactive-primary-hover,#202020)}}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{color:var(--color-interactive-accent,#202020);background:var(--color-background-elevated,#fdfdf9);box-shadow:var(--box-shadow-2);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk{outline:2px solid var(--color-content-primary,#202020);outline-offset:2px}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sate-lib",
3
- "version": "1.73.1",
3
+ "version": "1.74.0",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "keywords": [
@@ -112,10 +112,12 @@
112
112
  "lint": "biome check",
113
113
  "format": "biome format --write",
114
114
  "release": "HUSKY=0 semantic-release",
115
- "prepare": "husky"
115
+ "prepare": "husky",
116
+ "chromatic": "chromatic --exit-zero-on-changes"
116
117
  },
117
118
  "devDependencies": {
118
119
  "@biomejs/biome": "2.3.8",
120
+ "@chromatic-com/storybook": "^4.1.3",
119
121
  "@commitlint/cli": "20.2.0",
120
122
  "@commitlint/config-conventional": "20.2.0",
121
123
  "@rsbuild/core": "1.6.14",
@@ -136,6 +138,7 @@
136
138
  "@types/node": "25.0.1",
137
139
  "@types/react": "19.2.7",
138
140
  "@types/react-dom": "19.2.3",
141
+ "chromatic": "^13.3.4",
139
142
  "husky": "9.1.7",
140
143
  "jsdom": "^27.3.0",
141
144
  "react": "19.2.3",
@@ -153,7 +156,6 @@
153
156
  },
154
157
  "dependencies": {
155
158
  "@radix-ui/react-portal": "1.1.10",
156
- "@radix-ui/react-radio-group": "1.3.8",
157
159
  "react-remove-scroll": "2.7.2"
158
160
  }
159
161
  }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=avatar.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatar.test.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=badge.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.test.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=button-icon.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button-icon.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=button.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.test.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=icon.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=notification.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"notification.test.d.ts","sourceRoot":"","sources":["../../../src/components/notification/notification.test.tsx"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=typography.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.test.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.test.tsx"],"names":[],"mappings":""}