npm - @unoff/ui - Versions diffs - 1.21.3 → 1.22.1 - Mend

@unoff/ui 1.21.3 → 1.22.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 (99) hide show

package/dist/assets/Accordion.css +1 -1
package/dist/assets/ActionsItem.css +1 -1
package/dist/assets/ActionsList.css +1 -1
package/dist/assets/Bar.css +1 -1
package/dist/assets/Button.css +1 -1
package/dist/assets/Card.css +1 -1
package/dist/assets/Chip.css +1 -1
package/dist/assets/ColorChip.css +1 -1
package/dist/assets/Consent.css +1 -1
package/dist/assets/Dialog.css +1 -1
package/dist/assets/DraggableItem.css +1 -1
package/dist/assets/DraggableWindow.css +1 -1
package/dist/assets/Drawer.css +1 -1
package/dist/assets/Dropdown.css +1 -1
package/dist/assets/Dropzone.css +1 -1
package/dist/assets/FormItem.css +1 -1
package/dist/assets/Icon.css +1 -1
package/dist/assets/Input.css +1 -1
package/dist/assets/InputsBar.css +1 -1
package/dist/assets/KeyboardShortcutItem.css +1 -1
package/dist/assets/Knob.css +1 -1
package/dist/assets/Layout.css +1 -1
package/dist/assets/List.css +1 -1
package/dist/assets/MembersList.css +1 -1
package/dist/assets/Message.css +1 -1
package/dist/assets/MultipleSlider.css +1 -1
package/dist/assets/Popin.css +1 -1
package/dist/assets/Section.css +1 -1
package/dist/assets/SectionTitle.css +1 -1
package/dist/assets/Select.css +1 -1
package/dist/assets/SemanticMessage.css +1 -1
package/dist/assets/SimpleItem.css +1 -1
package/dist/assets/SimpleSlider.css +1 -1
package/dist/assets/SortableList.css +1 -1
package/dist/assets/Tabs.css +1 -1
package/dist/assets/Thumbnail.css +1 -1
package/dist/assets/Tooltip.css +1 -1
package/dist/assets/styles/texts/styles/figma.css +1 -1
package/dist/assets/styles/texts/styles/framer.css +1 -1
package/dist/assets/styles/texts/styles/penpot.css +1 -1
package/dist/assets/styles/texts/styles/sketch.css +1 -1
package/dist/assets/styles/texts/texts.css +1 -1
package/dist/assets/styles/tokens/modules/commons.css +1 -0
package/dist/assets/styles/tokens/modules/figma-colors.css +1 -1
package/dist/assets/styles/tokens/modules/figma-plugin.css +1 -0
package/dist/assets/styles/tokens/modules/framer-colors.css +1 -1
package/dist/assets/styles/tokens/modules/penpot-colors.css +1 -1
package/dist/assets/styles/tokens/modules/penpot-types.css +1 -1
package/dist/assets/styles/tokens/modules/sketch-colors.css +1 -1
package/dist/assets/styles/tokens/modules/sketch-types.css +1 -1
package/dist/components/actions/button/Button.figma.js +1 -1
package/dist/components/assets/icon/Icon.figma.js +1 -1
package/dist/components/dialogs/consent/Consent.d.ts.map +1 -1
package/dist/components/dialogs/consent/Consent.js.map +1 -1
package/dist/components/inputs/dropdown/Dropdown.d.ts.map +1 -1
package/dist/components/inputs/dropdown/Dropdown.figma.js +1 -1
package/dist/components/inputs/dropdown/Dropdown.js.map +1 -1
package/dist/components/inputs/dropzone/Dropzone.d.ts +1 -1
package/dist/components/inputs/dropzone/Dropzone.d.ts.map +1 -1
package/dist/components/inputs/dropzone/Dropzone.js.map +1 -1
package/dist/components/inputs/input/Input.figma.js +1 -1
package/dist/components/lists/actions-list/ActionsList.d.ts.map +1 -1
package/dist/components/lists/actions-list/ActionsList.js.map +1 -1
package/dist/components/lists/sortable-list/SortableList.d.ts.map +1 -1
package/dist/components/lists/sortable-list/SortableList.js.map +1 -1
package/dist/components/lists/tabs/Tabs.figma.js +1 -1
package/dist/components/tags/chip/Chip.figma.js +1 -1
package/dist/components/tags/color-chip/ColorChip.d.ts.map +1 -1
package/dist/components/tags/color-chip/ColorChip.js.map +1 -1
package/dist/components/tags/icon-chip/IconChip.d.ts.map +1 -1
package/dist/components/tags/icon-chip/IconChip.js.map +1 -1
package/dist/index.d.ts +3 -2
package/dist/index.d.ts.map +1 -1
package/dist/index.js +108 -106
package/dist/index.js.map +1 -1
package/dist/index_react-D2vn0nVd.js +19160 -0
package/dist/index_react-D2vn0nVd.js.map +1 -0
package/dist/styles/texts/texts.module.js +14 -14
package/dist/styles/tokens/modules/commons.module.js +9 -0
package/dist/styles/tokens/modules/commons.module.js.map +1 -0
package/dist/styles/tokens/modules/figma-plugin.module.js +9 -0
package/dist/styles/tokens/modules/figma-plugin.module.js.map +1 -0
package/dist/styles/tokens/modules/figma-types.module.js +1 -1
package/dist/styles/tokens/modules/framer-types.module.js +1 -1
package/dist/types/icon.types.d.ts +1 -1
package/dist/types/icon.types.d.ts.map +1 -1
package/dist/types/icon.types.js.map +1 -1
package/package.json +2 -5
package/dist/assets/styles/tokens/figma-types.css +0 -1
package/dist/assets/styles/tokens/framer-types.css +0 -1
package/dist/assets/styles/tokens/modules/figma-types.css +0 -1
package/dist/assets/styles/tokens/modules/framer-types.css +0 -1
package/dist/assets/styles/tokens/modules/globals.css +0 -1
package/dist/assets/styles/tokens/penpot-types.css +0 -1
package/dist/assets/styles/tokens/sketch-types.css +0 -1
package/dist/index_react-BkjUklDQ.js +0 -18392
package/dist/index_react-BkjUklDQ.js.map +0 -1
package/dist/styles/tokens/modules/globals.module.js +0 -9
package/dist/styles/tokens/modules/globals.module.js.map +0 -1

package/dist/assets/styles/tokens/modules/figma-colors.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";:root{--figma-color-bg: #ffffff;--figma-color-bg-brand: #0d99ff;--figma-color-bg-brand-hover: #007be5;--figma-color-bg-brand-pressed: #007be5;--figma-color-bg-brand-secondary: #0768cf;--figma-color-bg-brand-tertiary: #e5f4ff;--figma-color-bg-component: #9747ff;--figma-color-bg-component-hover: #8638e5;--figma-color-bg-component-pressed: #8638e5;--figma-color-bg-component-secondary: #7c2bda;--figma-color-bg-component-tertiary: #f1e5ff;--figma-color-bg-danger: #f24822;--figma-color-bg-danger-hover: #dc3412;--figma-color-bg-danger-pressed: #dc3412;--figma-color-bg-danger-secondary: #bd2915;--figma-color-bg-danger-tertiary: #ffe2e0;--figma-color-bg-disabled: #d9d9d9;--figma-color-bg-disabled-secondary: #b3b3b3;--figma-color-bg-hover: #f5f5f5;--figma-color-bg-inverse: #2c2c2c;--figma-color-bg-onselected: #bde3ff;--figma-color-bg-onselected-hover: #bde3ff;--figma-color-bg-onselected-pressed: #bde3ff;--figma-color-bg-pressed: #f5f5f5;--figma-color-bg-secondary: #f5f5f5;--figma-color-bg-selected: #e5f4ff;--figma-color-bg-selected-hover: #bde3ff;--figma-color-bg-selected-pressed: #bde3ff;--figma-color-bg-selected-secondary: #f2f9ff;--figma-color-bg-selected-strong: #0d99ff;--figma-color-bg-selected-tertiary: #f2f9ff;--figma-color-bg-success: #14ae5c;--figma-color-bg-success-hover: #009951;--figma-color-bg-success-pressed: #009951;--figma-color-bg-success-secondary: #008043;--figma-color-bg-success-tertiary: #cff7d3;--figma-color-bg-tertiary: #e6e6e6;--figma-color-bg-warning: #ffcd29;--figma-color-bg-warning-hover: #ffc21a;--figma-color-bg-warning-pressed: #ffc21a;--figma-color-bg-warning-secondary: #fab815;--figma-color-bg-warning-tertiary: #fff1c2;--figma-color-border: #e6e6e6;--figma-color-border-brand: #bde3ff;--figma-color-border-brand-strong: #007be5;--figma-color-border-component: #e4ccff;--figma-color-border-component-hover: #9747ff;--figma-color-border-component-strong: #8638e5;--figma-color-border-danger: #ffc7c2;--figma-color-border-danger-strong: #dc3412;--figma-color-border-disabled: #e6e6e6;--figma-color-border-disabled-strong: #0000004d;--figma-color-border-onbrand: #007be5;--figma-color-border-onbrand-strong: #ffffff;--figma-color-border-oncomponent: #8638e5;--figma-color-border-oncomponent-strong: #ffffff;--figma-color-border-ondanger: #dc3412;--figma-color-border-ondanger-strong: #ffffff;--figma-color-border-onselected: #bde3ff;--figma-color-border-onselected-strong: #000000e5;--figma-color-border-onsuccess: #009951;--figma-color-border-onsuccess-strong: #ffffff;--figma-color-border-onwarning: #fab815;--figma-color-border-onwarning-strong: #000000e5;--figma-color-border-selected: #0d99ff;--figma-color-border-selected-strong: #007be5;--figma-color-border-strong: #2c2c2c;--figma-color-border-success: #aff4c6;--figma-color-border-success-strong: #009951;--figma-color-border-warning: #ffe8a3;--figma-color-border-warning-strong: #b86200;--figma-color-icon: #000000e5;--figma-color-icon-brand: #007be5;--figma-color-icon-brand-pressed: #0768cf;--figma-color-icon-brand-secondary: #80caff;--figma-color-icon-brand-tertiary: #bde3ff;--figma-color-icon-component: #8638e5;--figma-color-icon-component-pressed: #7c2bda;--figma-color-icon-component-secondary: #c5b2dc;--figma-color-icon-component-tertiary: #c5b2dc;--figma-color-icon-danger: #f24822;--figma-color-icon-danger-hover: #bd2915;--figma-color-icon-danger-pressed: #bd2915;--figma-color-icon-danger-secondary: #f24822;--figma-color-icon-danger-secondary-hover: #f24822;--figma-color-icon-danger-tertiary: #f24822;--figma-color-icon-disabled: #0000004d;--figma-color-icon-hover: #000000e5;--figma-color-icon-onbrand: #ffffff;--figma-color-icon-onbrand-secondary: #ffffffcc;--figma-color-icon-onbrand-tertiary: #ffffff66;--figma-color-icon-oncomponent: #ffffff;--figma-color-icon-oncomponent-secondary: #ffffffcc;--figma-color-icon-oncomponent-tertiary: #ffffff66;--figma-color-icon-ondanger: #ffffff;--figma-color-icon-ondanger-secondary: #ffffffcc;--figma-color-icon-ondanger-tertiary: #ffffff66;--figma-color-icon-ondisabled: #ffffff;--figma-color-icon-oninverse: #ffffffe5;--figma-color-icon-onselected: #000000e5;--figma-color-icon-onselected-secondary: #00000080;--figma-color-icon-onselected-strong: #ffffff;--figma-color-icon-onselected-tertiary: #0000004d;--figma-color-icon-onsuccess: #ffffff;--figma-color-icon-onsuccess-secondary: #ffffffcc;--figma-color-icon-onsuccess-tertiary: #ffffff66;--figma-color-icon-onwarning: #ffffff;--figma-color-icon-onwarning-secondary: #ffffffcc;--figma-color-icon-onwarning-tertiary: #ffffff66;--figma-color-icon-pressed: #007be5;--figma-color-icon-secondary: #00000080;--figma-color-icon-secondary-hover: #000000e5;--figma-color-icon-selected: #007be5;--figma-color-icon-selected-secondary: #007be5;--figma-color-icon-selected-tertiary: #007be5;--figma-color-icon-success: #14ae5c;--figma-color-icon-success-pressed: #008043;--figma-color-icon-success-secondary: #14ae5c;--figma-color-icon-success-tertiary: #14ae5c;--figma-color-icon-tertiary: #0000004d;--figma-color-icon-tertiary-hover: #000000e5;--figma-color-icon-warning: #ffcd29;--figma-color-icon-warning-pressed: #b86200;--figma-color-icon-warning-secondary: #ffcd29;--figma-color-icon-warning-tertiary: #ffcd29;--figma-color-text: #000000e5;--figma-color-text-brand: #007be5;--figma-color-text-brand-secondary: #007be5;--figma-color-text-brand-tertiary: #007be5;--figma-color-text-component: #8638e5;--figma-color-text-component-pressed: #7c2bda;--figma-color-text-component-secondary: #c5b2dc;--figma-color-text-component-tertiary: #c5b2dc;--figma-color-text-danger: #dc3412;--figma-color-text-danger-secondary: #dc3412;--figma-color-text-danger-tertiary: #dc3412;--figma-color-text-disabled: #0000004d;--figma-color-text-hover: #000000e5;--figma-color-text-onbrand: #ffffff;--figma-color-text-onbrand-secondary: #ffffffcc;--figma-color-text-onbrand-tertiary: #ffffff66;--figma-color-text-oncomponent: #ffffff;--figma-color-text-oncomponent-secondary: #ffffffcc;--figma-color-text-oncomponent-tertiary: #ffffff66;--figma-color-text-ondanger: #ffffff;--figma-color-text-ondanger-secondary: #ffffffcc;--figma-color-text-ondanger-tertiary: #ffffff66;--figma-color-text-ondisabled: #ffffff;--figma-color-text-oninverse: #ffffffe5;--figma-color-text-onselected: #000000e5;--figma-color-text-onselected-secondary: #00000080;--figma-color-text-onselected-strong: #ffffff;--figma-color-text-onselected-tertiary: #0000004d;--figma-color-text-onsuccess: #ffffff;--figma-color-text-onsuccess-secondary: #ffffffcc;--figma-color-text-onsuccess-tertiary: #ffffff66;--figma-color-text-onwarning: #ffffff;--figma-color-text-onwarning-secondary: #ffffffcc;--figma-color-text-onwarning-tertiary: #ffffff66;--figma-color-text-secondary: #00000080;--figma-color-text-secondary-hover: #000000e5;--figma-color-text-selected: #007be5;--figma-color-text-selected-secondary: #007be5;--figma-color-text-selected-tertiary: #007be5;--figma-color-text-success: #009951;--figma-color-text-success-secondary: #009951;--figma-color-text-success-tertiary: #009951;--figma-color-text-tertiary: #0000004d;--figma-color-text-tertiary-hover: #000000e5;--figma-color-text-warning: #b86200;--figma-color-text-warning-secondary: #b86200;--figma-color-text-warning-tertiary: #b86200}[data-mode=figma-light]{--figma-color-bg: #ffffff;--figma-color-bg-brand: #0d99ff;--figma-color-bg-brand-hover: #007be5;--figma-color-bg-brand-pressed: #007be5;--figma-color-bg-brand-secondary: #0768cf;--figma-color-bg-brand-tertiary: #e5f4ff;--figma-color-bg-component: #9747ff;--figma-color-bg-component-hover: #8638e5;--figma-color-bg-component-pressed: #8638e5;--figma-color-bg-component-secondary: #7c2bda;--figma-color-bg-component-tertiary: #f1e5ff;--figma-color-bg-danger: #f24822;--figma-color-bg-danger-hover: #dc3412;--figma-color-bg-danger-pressed: #dc3412;--figma-color-bg-danger-secondary: #bd2915;--figma-color-bg-danger-tertiary: #ffe2e0;--figma-color-bg-disabled: #d9d9d9;--figma-color-bg-disabled-secondary: #b3b3b3;--figma-color-bg-hover: #f5f5f5;--figma-color-bg-inverse: #2c2c2c;--figma-color-bg-onselected: #bde3ff;--figma-color-bg-onselected-hover: #bde3ff;--figma-color-bg-onselected-pressed: #bde3ff;--figma-color-bg-pressed: #f5f5f5;--figma-color-bg-secondary: #f5f5f5;--figma-color-bg-selected: #e5f4ff;--figma-color-bg-selected-hover: #bde3ff;--figma-color-bg-selected-pressed: #bde3ff;--figma-color-bg-selected-secondary: #f2f9ff;--figma-color-bg-selected-strong: #0d99ff;--figma-color-bg-selected-tertiary: #f2f9ff;--figma-color-bg-success: #14ae5c;--figma-color-bg-success-hover: #009951;--figma-color-bg-success-pressed: #009951;--figma-color-bg-success-secondary: #008043;--figma-color-bg-success-tertiary: #cff7d3;--figma-color-bg-tertiary: #e6e6e6;--figma-color-bg-warning: #ffcd29;--figma-color-bg-warning-hover: #ffc21a;--figma-color-bg-warning-pressed: #ffc21a;--figma-color-bg-warning-secondary: #fab815;--figma-color-bg-warning-tertiary: #fff1c2;--figma-color-border: #e6e6e6;--figma-color-border-brand: #bde3ff;--figma-color-border-brand-strong: #007be5;--figma-color-border-component: #e4ccff;--figma-color-border-component-hover: #9747ff;--figma-color-border-component-strong: #8638e5;--figma-color-border-danger: #ffc7c2;--figma-color-border-danger-strong: #dc3412;--figma-color-border-disabled: #e6e6e6;--figma-color-border-disabled-strong: #0000004d;--figma-color-border-onbrand: #007be5;--figma-color-border-onbrand-strong: #ffffff;--figma-color-border-oncomponent: #8638e5;--figma-color-border-oncomponent-strong: #ffffff;--figma-color-border-ondanger: #dc3412;--figma-color-border-ondanger-strong: #ffffff;--figma-color-border-onselected: #bde3ff;--figma-color-border-onselected-strong: #000000e5;--figma-color-border-onsuccess: #009951;--figma-color-border-onsuccess-strong: #ffffff;--figma-color-border-onwarning: #fab815;--figma-color-border-onwarning-strong: #000000e5;--figma-color-border-selected: #0d99ff;--figma-color-border-selected-strong: #007be5;--figma-color-border-strong: #2c2c2c;--figma-color-border-success: #aff4c6;--figma-color-border-success-strong: #009951;--figma-color-border-warning: #ffe8a3;--figma-color-border-warning-strong: #b86200;--figma-color-icon: #000000e5;--figma-color-icon-brand: #007be5;--figma-color-icon-brand-pressed: #0768cf;--figma-color-icon-brand-secondary: #80caff;--figma-color-icon-brand-tertiary: #bde3ff;--figma-color-icon-component: #8638e5;--figma-color-icon-component-pressed: #7c2bda;--figma-color-icon-component-secondary: #c5b2dc;--figma-color-icon-component-tertiary: #c5b2dc;--figma-color-icon-danger: #f24822;--figma-color-icon-danger-hover: #bd2915;--figma-color-icon-danger-pressed: #bd2915;--figma-color-icon-danger-secondary: #f24822;--figma-color-icon-danger-secondary-hover: #f24822;--figma-color-icon-danger-tertiary: #f24822;--figma-color-icon-disabled: #0000004d;--figma-color-icon-hover: #000000e5;--figma-color-icon-onbrand: #ffffff;--figma-color-icon-onbrand-secondary: #ffffffcc;--figma-color-icon-onbrand-tertiary: #ffffff66;--figma-color-icon-oncomponent: #ffffff;--figma-color-icon-oncomponent-secondary: #ffffffcc;--figma-color-icon-oncomponent-tertiary: #ffffff66;--figma-color-icon-ondanger: #ffffff;--figma-color-icon-ondanger-secondary: #ffffffcc;--figma-color-icon-ondanger-tertiary: #ffffff66;--figma-color-icon-ondisabled: #ffffff;--figma-color-icon-oninverse: #ffffffe5;--figma-color-icon-onselected: #000000e5;--figma-color-icon-onselected-secondary: #00000080;--figma-color-icon-onselected-strong: #ffffff;--figma-color-icon-onselected-tertiary: #0000004d;--figma-color-icon-onsuccess: #ffffff;--figma-color-icon-onsuccess-secondary: #ffffffcc;--figma-color-icon-onsuccess-tertiary: #ffffff66;--figma-color-icon-onwarning: #ffffff;--figma-color-icon-onwarning-secondary: #ffffffcc;--figma-color-icon-onwarning-tertiary: #ffffff66;--figma-color-icon-pressed: #007be5;--figma-color-icon-secondary: #00000080;--figma-color-icon-secondary-hover: #000000e5;--figma-color-icon-selected: #007be5;--figma-color-icon-selected-secondary: #007be5;--figma-color-icon-selected-tertiary: #007be5;--figma-color-icon-success: #14ae5c;--figma-color-icon-success-pressed: #008043;--figma-color-icon-success-secondary: #14ae5c;--figma-color-icon-success-tertiary: #14ae5c;--figma-color-icon-tertiary: #0000004d;--figma-color-icon-tertiary-hover: #000000e5;--figma-color-icon-warning: #ffcd29;--figma-color-icon-warning-pressed: #b86200;--figma-color-icon-warning-secondary: #ffcd29;--figma-color-icon-warning-tertiary: #ffcd29;--figma-color-text: #000000e5;--figma-color-text-brand: #007be5;--figma-color-text-brand-secondary: #007be5;--figma-color-text-brand-tertiary: #007be5;--figma-color-text-component: #8638e5;--figma-color-text-component-pressed: #7c2bda;--figma-color-text-component-secondary: #c5b2dc;--figma-color-text-component-tertiary: #c5b2dc;--figma-color-text-danger: #dc3412;--figma-color-text-danger-secondary: #dc3412;--figma-color-text-danger-tertiary: #dc3412;--figma-color-text-disabled: #0000004d;--figma-color-text-hover: #000000e5;--figma-color-text-onbrand: #ffffff;--figma-color-text-onbrand-secondary: #ffffffcc;--figma-color-text-onbrand-tertiary: #ffffff66;--figma-color-text-oncomponent: #ffffff;--figma-color-text-oncomponent-secondary: #ffffffcc;--figma-color-text-oncomponent-tertiary: #ffffff66;--figma-color-text-ondanger: #ffffff;--figma-color-text-ondanger-secondary: #ffffffcc;--figma-color-text-ondanger-tertiary: #ffffff66;--figma-color-text-ondisabled: #ffffff;--figma-color-text-oninverse: #ffffffe5;--figma-color-text-onselected: #000000e5;--figma-color-text-onselected-secondary: #00000080;--figma-color-text-onselected-strong: #ffffff;--figma-color-text-onselected-tertiary: #0000004d;--figma-color-text-onsuccess: #ffffff;--figma-color-text-onsuccess-secondary: #ffffffcc;--figma-color-text-onsuccess-tertiary: #ffffff66;--figma-color-text-onwarning: #ffffff;--figma-color-text-onwarning-secondary: #ffffffcc;--figma-color-text-onwarning-tertiary: #ffffff66;--figma-color-text-secondary: #00000080;--figma-color-text-secondary-hover: #000000e5;--figma-color-text-selected: #007be5;--figma-color-text-selected-secondary: #007be5;--figma-color-text-selected-tertiary: #007be5;--figma-color-text-success: #009951;--figma-color-text-success-secondary: #009951;--figma-color-text-success-tertiary: #009951;--figma-color-text-tertiary: #0000004d;--figma-color-text-tertiary-hover: #000000e5;--figma-color-text-warning: #b86200;--figma-color-text-warning-secondary: #b86200;--figma-color-text-warning-tertiary: #b86200}[data-mode=figma-dark]{--figma-color-bg: #2c2c2c;--figma-color-bg-brand: #0c8ce9;--figma-color-bg-brand-hover: #0a6dc2;--figma-color-bg-brand-pressed: #0a6dc2;--figma-color-bg-brand-secondary: #105cad;--figma-color-bg-brand-tertiary: #394360;--figma-color-bg-component: #8a38f5;--figma-color-bg-component-hover: #7a2ed6;--figma-color-bg-component-pressed: #7a2ed6;--figma-color-bg-component-secondary: #652ca8;--figma-color-bg-component-tertiary: #473956;--figma-color-bg-danger: #e03e1a;--figma-color-bg-danger-hover: #c4381c;--figma-color-bg-danger-pressed: #c4381c;--figma-color-bg-danger-secondary: #963323;--figma-color-bg-danger-tertiary: #60332a;--figma-color-bg-disabled: #757575;--figma-color-bg-disabled-secondary: #b3b3b3;--figma-color-bg-hover: #383838;--figma-color-bg-inverse: #ffffff;--figma-color-bg-onselected: #667799;--figma-color-bg-onselected-hover: #667799;--figma-color-bg-onselected-pressed: #667799;--figma-color-bg-pressed: #383838;--figma-color-bg-secondary: #383838;--figma-color-bg-selected: #4a5878;--figma-color-bg-selected-hover: #536383;--figma-color-bg-selected-pressed: #536383;--figma-color-bg-selected-secondary: #394360;--figma-color-bg-selected-strong: #0c8ce9;--figma-color-bg-selected-tertiary: #394360;--figma-color-bg-success: #198f51;--figma-color-bg-success-hover: #078348;--figma-color-bg-success-pressed: #078348;--figma-color-bg-success-secondary: #0a5c35;--figma-color-bg-success-tertiary: #476656;--figma-color-bg-tertiary: #444444;--figma-color-bg-warning: #f3c11b;--figma-color-bg-warning-hover: #f2b50d;--figma-color-bg-warning-pressed: #f2b50d;--figma-color-bg-warning-secondary: #e4a711;--figma-color-bg-warning-tertiary: #5c4100;--figma-color-border: #444444;--figma-color-border-brand: #105cad;--figma-color-border-brand-strong: #7cc4f8;--figma-color-border-component: #652ca8;--figma-color-border-component-hover: #8a38f5;--figma-color-border-component-strong: #d6b6fb;--figma-color-border-danger: #963323;--figma-color-border-danger-strong: #fca397;--figma-color-border-disabled: #444444;--figma-color-border-disabled-strong: #ffffff66;--figma-color-border-onbrand: #0a6dc2;--figma-color-border-onbrand-strong: #ffffff;--figma-color-border-oncomponent: #7a2ed6;--figma-color-border-oncomponent-strong: #ffffff;--figma-color-border-ondanger: #c4381c;--figma-color-border-ondanger-strong: #ffffff;--figma-color-border-onselected: #667799;--figma-color-border-onselected-strong: #ffffffe5;--figma-color-border-onsuccess: #078348;--figma-color-border-onsuccess-strong: #ffffff;--figma-color-border-onwarning: #e4a711;--figma-color-border-onwarning-strong: #000000e5;--figma-color-border-selected: #0c8ce9;--figma-color-border-selected-strong: #7cc4f8;--figma-color-border-strong: #ffffffe5;--figma-color-border-success: #0a5c35;--figma-color-border-success-strong: #79d297;--figma-color-border-warning: #925711;--figma-color-border-warning-strong: #f7d15f;--figma-color-icon: #ffffff;--figma-color-icon-brand: #7cc4f8;--figma-color-icon-brand-pressed: #0c8ce9;--figma-color-icon-brand-secondary: #0a6dc2;--figma-color-icon-brand-tertiary: #394360;--figma-color-icon-component: #d1a8ff;--figma-color-icon-component-pressed: #d6b6fb;--figma-color-icon-component-secondary: #7f699b;--figma-color-icon-component-tertiary: #7f699b;--figma-color-icon-danger: #e03e1a;--figma-color-icon-danger-hover: #fbbcb6;--figma-color-icon-danger-pressed: #fbbcb6;--figma-color-icon-danger-secondary: #e03e1a;--figma-color-icon-danger-secondary-hover: #e03e1a;--figma-color-icon-danger-tertiary: #e03e1a;--figma-color-icon-disabled: #ffffff66;--figma-color-icon-hover: #ffffff;--figma-color-icon-onbrand: #ffffff;--figma-color-icon-onbrand-secondary: #ffffffcc;--figma-color-icon-onbrand-tertiary: #ffffff66;--figma-color-icon-oncomponent: #ffffff;--figma-color-icon-oncomponent-secondary: #ffffffcc;--figma-color-icon-oncomponent-tertiary: #ffffff66;--figma-color-icon-ondanger: #ffffff;--figma-color-icon-ondanger-secondary: #ffffffcc;--figma-color-icon-ondanger-tertiary: #ffffff66;--figma-color-icon-ondisabled: #2c2c2c;--figma-color-icon-oninverse: #000000e5;--figma-color-icon-onselected: #ffffff;--figma-color-icon-onselected-secondary: #ffffffb2;--figma-color-icon-onselected-strong: #ffffff;--figma-color-icon-onselected-tertiary: #ffffff66;--figma-color-icon-onsuccess: #ffffff;--figma-color-icon-onsuccess-secondary: #ffffffcc;--figma-color-icon-onsuccess-tertiary: #ffffff66;--figma-color-icon-onwarning: #000000e5;--figma-color-icon-onwarning-secondary: #00000080;--figma-color-icon-onwarning-tertiary: #0000004d;--figma-color-icon-pressed: #0a6dc2;--figma-color-icon-secondary: #ffffffb2;--figma-color-icon-secondary-hover: #ffffff;--figma-color-icon-selected: #7cc4f8;--figma-color-icon-selected-secondary: #7cc4f8;--figma-color-icon-selected-tertiary: #7cc4f8;--figma-color-icon-success: #198f51;--figma-color-icon-success-pressed: #a1e8b9;--figma-color-icon-success-secondary: #198f51;--figma-color-icon-success-tertiary: #198f51;--figma-color-icon-tertiary: #ffffff66;--figma-color-icon-tertiary-hover: #ffffff;--figma-color-icon-warning: #f3c11b;--figma-color-icon-warning-pressed: #f7d15f;--figma-color-icon-warning-secondary: #f3c11b;--figma-color-icon-warning-tertiary: #f3c11b;--figma-color-text: #ffffff;--figma-color-text-brand: #7cc4f8;--figma-color-text-brand-secondary: #7cc4f8;--figma-color-text-brand-tertiary: #7cc4f8;--figma-color-text-component: #d1a8ff;--figma-color-text-component-pressed: #d6b6fb;--figma-color-text-component-secondary: #7f699b;--figma-color-text-component-tertiary: #7f699b;--figma-color-text-danger: #fca397;--figma-color-text-danger-secondary: #fca397;--figma-color-text-danger-tertiary: #fca397;--figma-color-text-disabled: #ffffff66;--figma-color-text-hover: #ffffff;--figma-color-text-onbrand: #ffffff;--figma-color-text-onbrand-secondary: #ffffffcc;--figma-color-text-onbrand-tertiary: #ffffff66;--figma-color-text-oncomponent: #ffffff;--figma-color-text-oncomponent-secondary: #ffffffcc;--figma-color-text-oncomponent-tertiary: #ffffff66;--figma-color-text-ondanger: #ffffff;--figma-color-text-ondanger-secondary: #ffffffcc;--figma-color-text-ondanger-tertiary: #ffffff66;--figma-color-text-ondisabled: #2c2c2c;--figma-color-text-oninverse: #000000e5;--figma-color-text-onselected: #ffffffe5;--figma-color-text-onselected-secondary: #ffffffb2;--figma-color-text-onselected-strong: #ffffff;--figma-color-text-onselected-tertiary: #ffffff66;--figma-color-text-onsuccess: #ffffff;--figma-color-text-onsuccess-secondary: #ffffffcc;--figma-color-text-onsuccess-tertiary: #ffffff66;--figma-color-text-onwarning: #000000e5;--figma-color-text-onwarning-secondary: #00000080;--figma-color-text-onwarning-tertiary: #0000004d;--figma-color-text-secondary: #ffffffb2;--figma-color-text-secondary-hover: #ffffff;--figma-color-text-selected: #7cc4f8;--figma-color-text-selected-secondary: #7cc4f8;--figma-color-text-selected-tertiary: #7cc4f8;--figma-color-text-success: #79d297;--figma-color-text-success-secondary: #79d297;--figma-color-text-success-tertiary: #79d297;--figma-color-text-tertiary: #ffffff66;--figma-color-text-tertiary-hover: #ffffff;--figma-color-text-warning: #f7d15f;--figma-color-text-warning-secondary: #f7d15f;--figma-color-text-warning-tertiary: #f7d15f}[data-mode=figjam]{--figma-color-bg: #ffffff;--figma-color-bg-brand: #9747ff;--figma-color-bg-brand-hover: #8638e5;--figma-color-bg-brand-pressed: #8638e5;--figma-color-bg-brand-secondary: #7c2bda;--figma-color-bg-brand-tertiary: #f1e5ff;--figma-color-bg-component: #9747ff;--figma-color-bg-component-hover: #8638e5;--figma-color-bg-component-pressed: #8638e5;--figma-color-bg-component-secondary: #7c2bda;--figma-color-bg-component-tertiary: #f1e5ff;--figma-color-bg-danger: #f24822;--figma-color-bg-danger-hover: #dc3412;--figma-color-bg-danger-pressed: #dc3412;--figma-color-bg-danger-secondary: #bd2915;--figma-color-bg-danger-tertiary: #ffe2e0;--figma-color-bg-disabled: #d9d9d9;--figma-color-bg-disabled-secondary: #b3b3b3;--figma-color-bg-hover: #f5f5f5;--figma-color-bg-inverse: #2c2c2c;--figma-color-bg-onselected: #e4ccff;--figma-color-bg-onselected-hover: #e4ccff;--figma-color-bg-onselected-pressed: #e4ccff;--figma-color-bg-pressed: #f5f5f5;--figma-color-bg-secondary: #f5f5f5;--figma-color-bg-selected: #f1e5ff;--figma-color-bg-selected-hover: #e4ccff;--figma-color-bg-selected-pressed: #e4ccff;--figma-color-bg-selected-secondary: #f9f5ff;--figma-color-bg-selected-strong: #9747ff;--figma-color-bg-selected-tertiary: #f9f5ff;--figma-color-bg-success: #14ae5c;--figma-color-bg-success-hover: #009951;--figma-color-bg-success-pressed: #009951;--figma-color-bg-success-secondary: #008043;--figma-color-bg-success-tertiary: #cff7d3;--figma-color-bg-tertiary: #e6e6e6;--figma-color-bg-warning: #ffcd29;--figma-color-bg-warning-hover: #ffc21a;--figma-color-bg-warning-pressed: #ffc21a;--figma-color-bg-warning-secondary: #fab815;--figma-color-bg-warning-tertiary: #fff1c2;--figma-color-border: #e6e6e6;--figma-color-border-brand: #e4ccff;--figma-color-border-brand-strong: #8638e5;--figma-color-border-component: #e4ccff;--figma-color-border-component-hover: #9747ff;--figma-color-border-component-strong: #8638e5;--figma-color-border-danger: #ffc7c2;--figma-color-border-danger-strong: #dc3412;--figma-color-border-disabled: #e6e6e6;--figma-color-border-disabled-strong: #0000004d;--figma-color-border-onbrand: #8638e5;--figma-color-border-onbrand-strong: #ffffff;--figma-color-border-oncomponent: #8638e5;--figma-color-border-oncomponent-strong: #ffffff;--figma-color-border-ondanger: #dc3412;--figma-color-border-ondanger-strong: #ffffff;--figma-color-border-onselected: #e4ccff;--figma-color-border-onselected-strong: #000000e5;--figma-color-border-onsuccess: #009951;--figma-color-border-onsuccess-strong: #ffffff;--figma-color-border-onwarning: #fab815;--figma-color-border-onwarning-strong: #000000e5;--figma-color-border-selected: #9747ff;--figma-color-border-selected-strong: #8638e5;--figma-color-border-strong: #2c2c2c;--figma-color-border-success: #aff4c6;--figma-color-border-success-strong: #009951;--figma-color-border-warning: #ffe8a3;--figma-color-border-warning-strong: #b86200;--figma-color-icon: #000000e5;--figma-color-icon-brand: #8638e5;--figma-color-icon-brand-pressed: #7c2bda;--figma-color-icon-brand-secondary: #d9b8ff;--figma-color-icon-brand-tertiary: #e4ccff;--figma-color-icon-component: #8638e5;--figma-color-icon-component-pressed: #7c2bda;--figma-color-icon-component-secondary: #c5b2dc;--figma-color-icon-component-tertiary: #c5b2dc;--figma-color-icon-danger: #f24822;--figma-color-icon-danger-hover: #bd2915;--figma-color-icon-danger-pressed: #bd2915;--figma-color-icon-danger-secondary: #f24822;--figma-color-icon-danger-secondary-hover: #f24822;--figma-color-icon-danger-tertiary: #f24822;--figma-color-icon-disabled: #0000004d;--figma-color-icon-hover: #000000e5;--figma-color-icon-onbrand: #ffffff;--figma-color-icon-onbrand-secondary: #ffffffcc;--figma-color-icon-onbrand-tertiary: #ffffff66;--figma-color-icon-oncomponent: #ffffff;--figma-color-icon-oncomponent-secondary: #ffffffcc;--figma-color-icon-oncomponent-tertiary: #ffffff66;--figma-color-icon-ondanger: #ffffff;--figma-color-icon-ondanger-secondary: #ffffffcc;--figma-color-icon-ondanger-tertiary: #ffffff66;--figma-color-icon-ondisabled: #ffffff;--figma-color-icon-oninverse: #ffffffe5;--figma-color-icon-onselected: #000000e5;--figma-color-icon-onselected-secondary: #00000080;--figma-color-icon-onselected-strong: #ffffff;--figma-color-icon-onselected-tertiary: #0000004d;--figma-color-icon-onsuccess: #ffffff;--figma-color-icon-onsuccess-secondary: #ffffffcc;--figma-color-icon-onsuccess-tertiary: #ffffff66;--figma-color-icon-onwarning: #000000e5;--figma-color-icon-onwarning-secondary: #00000080;--figma-color-icon-onwarning-tertiary: #0000004d;--figma-color-icon-pressed: #8638e5;--figma-color-icon-secondary: #00000080;--figma-color-icon-secondary-hover: #000000e5;--figma-color-icon-selected: #8638e5;--figma-color-icon-selected-secondary: #8638e5;--figma-color-icon-selected-tertiary: #8638e5;--figma-color-icon-success: #14ae5c;--figma-color-icon-success-pressed: #008043;--figma-color-icon-success-secondary: #14ae5c;--figma-color-icon-success-tertiary: #14ae5c;--figma-color-icon-tertiary: #0000004d;--figma-color-icon-tertiary-hover: #000000e5;--figma-color-icon-warning: #ffcd29;--figma-color-icon-warning-pressed: #b86200;--figma-color-icon-warning-secondary: #ffcd29;--figma-color-icon-warning-tertiary: #ffcd29;--figma-color-text: #000000e5;--figma-color-text-brand: #8638e5;--figma-color-text-brand-secondary: #8638e5;--figma-color-text-brand-tertiary: #8638e5;--figma-color-text-component: #8638e5;--figma-color-text-component-pressed: #7c2bda;--figma-color-text-component-secondary: #c5b2dc;--figma-color-text-component-tertiary: #c5b2dc;--figma-color-text-danger: #dc3412;--figma-color-text-danger-secondary: #dc3412;--figma-color-text-danger-tertiary: #dc3412;--figma-color-text-disabled: #0000004d;--figma-color-text-hover: #000000e5;--figma-color-text-onbrand: #ffffff;--figma-color-text-onbrand-secondary: #ffffffcc;--figma-color-text-onbrand-tertiary: #ffffff66;--figma-color-text-oncomponent: #ffffff;--figma-color-text-oncomponent-secondary: #ffffffcc;--figma-color-text-oncomponent-tertiary: #ffffff66;--figma-color-text-ondanger: #ffffff;--figma-color-text-ondanger-secondary: #ffffffcc;--figma-color-text-ondanger-tertiary: #ffffff66;--figma-color-text-ondisabled: #ffffff;--figma-color-text-oninverse: #ffffff;--figma-color-text-onselected: #000000e5;--figma-color-text-onselected-secondary: #00000080;--figma-color-text-onselected-strong: #ffffff;--figma-color-text-onselected-tertiary: #0000004d;--figma-color-text-onsuccess: #ffffff;--figma-color-text-onsuccess-secondary: #ffffffcc;--figma-color-text-onsuccess-tertiary: #ffffff66;--figma-color-text-onwarning: #ffffff;--figma-color-text-onwarning-secondary: #00000080;--figma-color-text-onwarning-tertiary: #0000004d;--figma-color-text-secondary: #00000080;--figma-color-text-secondary-hover: #000000e5;--figma-color-text-selected: #8638e5;--figma-color-text-selected-secondary: #8638e5;--figma-color-text-selected-tertiary: #8638e5;--figma-color-text-success: #009951;--figma-color-text-success-secondary: #009951;--figma-color-text-success-tertiary: #009951;--figma-color-text-tertiary: #0000004d;--figma-color-text-tertiary-hover: #000000e5;--figma-color-text-warning: #b86200;--figma-color-text-warning-secondary: #b86200;--figma-color-text-warning-tertiary: #b86200}
1	+ @charset "UTF-8";[data-mode=figma-light]{--figma-color-bg-brand-default: var(--figma-color-bg-brand, rgb(5.098% 60% 100%));--figma-color-bg-brand-hover: rgb(0% 48.235% 89.804%);--figma-color-bg-brand-pressed: rgb(0% 48.235% 89.804%);--figma-color-bg-brand-secondary: rgb(2.7451% 40.784% 81.176%);--figma-color-bg-brand-tertiary: rgb(89.804% 95.686% 100%);--figma-color-bg-component-default: var(--figma-color-bg-component, rgb(59.216% 27.843% 100%));--figma-color-bg-component-hover: rgb(52.549% 21.961% 89.804%);--figma-color-bg-component-pressed: rgb(52.549% 21.961% 89.804%);--figma-color-bg-component-secondary: rgb(48.627% 16.863% 85.49%);--figma-color-bg-component-tertiary: rgb(94.51% 89.804% 100%);--figma-color-bg-danger-default: var(--figma-color-bg-danger, rgb(94.902% 28.235% 13.333%));--figma-color-bg-danger-hover: rgb(86.275% 20.392% 7.0588%);--figma-color-bg-danger-pressed: rgb(86.275% 20.392% 7.0588%);--figma-color-bg-danger-secondary: rgb(74.118% 16.078% 8.2353%);--figma-color-bg-danger-tertiary: rgb(100% 88.627% 87.843%);--figma-color-bg-default: var(--figma-color-bg, rgb(100% 100% 100%));--figma-color-bg-disabled-default: var(--figma-color-bg-disabled, rgb(85.098% 85.098% 85.098%));--figma-color-bg-disabled-secondary: rgb(70.196% 70.196% 70.196%);--figma-color-bg-hover: rgb(96.078% 96.078% 96.078%);--figma-color-bg-inverse: rgb(17.255% 17.255% 17.255%);--figma-color-bg-onselected-default: var(--figma-color-bg-onselected, rgb(74.118% 89.02% 100%));--figma-color-bg-onselected-hover: rgb(74.118% 89.02% 100%);--figma-color-bg-onselected-pressed: rgb(74.118% 89.02% 100%);--figma-color-bg-pressed: rgb(96.078% 96.078% 96.078%);--figma-color-bg-secondary: rgb(96.078% 96.078% 96.078%);--figma-color-bg-selected-default: var(--figma-color-bg-selected, rgb(89.804% 95.686% 100%));--figma-color-bg-selected-hover: rgb(74.118% 89.02% 100%);--figma-color-bg-selected-pressed: rgb(74.118% 89.02% 100%);--figma-color-bg-selected-secondary: rgb(94.902% 97.647% 100%);--figma-color-bg-selected-strong: rgb(5.098% 60% 100%);--figma-color-bg-selected-tertiary: rgb(94.902% 97.647% 100%);--figma-color-bg-success-default: var(--figma-color-bg-success, rgb(7.8431% 68.235% 36.078%));--figma-color-bg-success-hover: rgb(0% 60% 31.765%);--figma-color-bg-success-pressed: rgb(0% 60% 31.765%);--figma-color-bg-success-secondary: rgb(0% 50.196% 26.275%);--figma-color-bg-success-tertiary: rgb(81.176% 96.863% 82.745%);--figma-color-bg-tertiary: rgb(90.196% 90.196% 90.196%);--figma-color-bg-warning-default: var(--figma-color-bg-warning, rgb(100% 80.392% 16.078%));--figma-color-bg-warning-hover: rgb(100% 76.078% 10.196%);--figma-color-bg-warning-pressed: rgb(100% 76.078% 10.196%);--figma-color-bg-warning-secondary: rgb(98.039% 72.157% 8.2353%);--figma-color-bg-warning-tertiary: rgb(100% 94.51% 76.078%);--figma-color-border-brand-default: var(--figma-color-border-brand, rgb(74.118% 89.02% 100%));--figma-color-border-brand-strong: rgb(0% 48.235% 89.804%);--figma-color-border-component-default: var(--figma-color-border-component, rgb(89.412% 80% 100%));--figma-color-border-component-hover: rgb(59.216% 27.843% 100%);--figma-color-border-component-strong: rgb(52.549% 21.961% 89.804%);--figma-color-border-danger-default: var(--figma-color-border-danger, rgb(100% 78.039% 76.078%));--figma-color-border-danger-strong: rgb(86.275% 20.392% 7.0588%);--figma-color-border-default: var(--figma-color-border, rgb(90.196% 90.196% 90.196%));--figma-color-border-disabled-default: var(--figma-color-border-disabled, rgb(90.196% 90.196% 90.196%));--figma-color-border-disabled-strong: rgb(0% 0% 0% / .30196);--figma-color-border-onbrand-default: var(--figma-color-border-onbrand, rgb(0% 48.235% 89.804%));--figma-color-border-onbrand-strong: rgb(100% 100% 100%);--figma-color-border-oncomponent-default: var(--figma-color-border-oncomponent, rgb(52.549% 21.961% 89.804%));--figma-color-border-oncomponent-strong: rgb(100% 100% 100%);--figma-color-border-ondanger-default: var(--figma-color-border-ondanger, rgb(86.275% 20.392% 7.0588%));--figma-color-border-ondanger-strong: rgb(100% 100% 100%);--figma-color-border-onselected-default: var(--figma-color-border-onselected, rgb(74.118% 89.02% 100%));--figma-color-border-onselected-strong: rgb(0% 0% 0% / .89804);--figma-color-border-onsuccess-default: var(--figma-color-border-onsuccess, rgb(0% 60% 31.765%));--figma-color-border-onsuccess-strong: rgb(100% 100% 100%);--figma-color-border-onwarning-default: var(--figma-color-border-onwarning, rgb(98.039% 72.157% 8.2353%));--figma-color-border-onwarning-strong: rgb(0% 0% 0% / .89804);--figma-color-border-selected-default: var(--figma-color-border-selected, rgb(5.098% 60% 100%));--figma-color-border-selected-strong: rgb(0% 48.235% 89.804%);--figma-color-border-strong: rgb(17.255% 17.255% 17.255%);--figma-color-border-success-default: var(--figma-color-border-success, rgb(68.627% 95.686% 77.647%));--figma-color-border-success-strong: rgb(0% 60% 31.765%);--figma-color-border-warning-default: var(--figma-color-border-warning, rgb(100% 90.98% 63.922%));--figma-color-border-warning-strong: rgb(72.157% 38.431% 0%);--figma-color-icon-brand-default: var(--figma-color-icon-brand, rgb(0% 48.235% 89.804%));--figma-color-icon-brand-pressed: rgb(2.7451% 40.784% 81.176%);--figma-color-icon-brand-secondary: rgb(50.196% 79.216% 100%);--figma-color-icon-brand-tertiary: rgb(74.118% 89.02% 100%);--figma-color-icon-component-default: var(--figma-color-icon-component, rgb(52.549% 21.961% 89.804%));--figma-color-icon-component-pressed: rgb(48.627% 16.863% 85.49%);--figma-color-icon-component-secondary: rgb(77.255% 69.804% 86.275%);--figma-color-icon-component-tertiary: rgb(77.255% 69.804% 86.275%);--figma-color-icon-danger-default: var(--figma-color-icon-danger, rgb(94.902% 28.235% 13.333%));--figma-color-icon-danger-hover: rgb(74.118% 16.078% 8.2353%);--figma-color-icon-danger-pressed: rgb(74.118% 16.078% 8.2353%);--figma-color-icon-danger-secondary-default: var(--figma-color-icon-danger-secondary, rgb(94.902% 28.235% 13.333%));--figma-color-icon-danger-secondary-hover: rgb(94.902% 28.235% 13.333%);--figma-color-icon-danger-tertiary: rgb(94.902% 28.235% 13.333%);--figma-color-icon-default: var(--figma-color-icon, rgb(0% 0% 0% / .89804));--figma-color-icon-disabled: rgb(0% 0% 0% / .30196);--figma-color-icon-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-onbrand-default: var(--figma-color-icon-onbrand, rgb(100% 100% 100%));--figma-color-icon-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-oncomponent-default: var(--figma-color-icon-oncomponent, rgb(100% 100% 100%));--figma-color-icon-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondanger-default: var(--figma-color-icon-ondanger, rgb(100% 100% 100%));--figma-color-icon-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondisabled: rgb(100% 100% 100%);--figma-color-icon-oninverse: rgb(100% 100% 100% / .89804);--figma-color-icon-onselected-default: var(--figma-color-icon-onselected, rgb(0% 0% 0% / .89804));--figma-color-icon-onselected-secondary: rgb(0% 0% 0% / .50196);--figma-color-icon-onselected-strong: rgb(100% 100% 100%);--figma-color-icon-onselected-tertiary: rgb(0% 0% 0% / .30196);--figma-color-icon-onsuccess-default: var(--figma-color-icon-onsuccess, rgb(100% 100% 100%));--figma-color-icon-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-onwarning-default: var(--figma-color-icon-onwarning, rgb(100% 100% 100%));--figma-color-icon-onwarning-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onwarning-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-pressed: rgb(0% 48.235% 89.804%);--figma-color-icon-secondary-default: var(--figma-color-icon-secondary, rgb(0% 0% 0% / .50196));--figma-color-icon-secondary-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-selected-default: var(--figma-color-icon-selected, rgb(0% 48.235% 89.804%));--figma-color-icon-selected-secondary: rgb(0% 48.235% 89.804%);--figma-color-icon-selected-tertiary: rgb(0% 48.235% 89.804%);--figma-color-icon-success-default: var(--figma-color-icon-success, rgb(7.8431% 68.235% 36.078%));--figma-color-icon-success-pressed: rgb(0% 50.196% 26.275%);--figma-color-icon-success-secondary: rgb(7.8431% 68.235% 36.078%);--figma-color-icon-success-tertiary: rgb(7.8431% 68.235% 36.078%);--figma-color-icon-tertiary-default: var(--figma-color-icon-tertiary, rgb(0% 0% 0% / .30196));--figma-color-icon-tertiary-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-warning-default: var(--figma-color-icon-warning, rgb(100% 80.392% 16.078%));--figma-color-icon-warning-pressed: rgb(72.157% 38.431% 0%);--figma-color-icon-warning-secondary: rgb(100% 80.392% 16.078%);--figma-color-icon-warning-tertiary: rgb(100% 80.392% 16.078%);--figma-color-text-brand-default: var(--figma-color-text-brand, rgb(0% 48.235% 89.804%));--figma-color-text-brand-secondary: rgb(0% 48.235% 89.804%);--figma-color-text-brand-tertiary: rgb(0% 48.235% 89.804%);--figma-color-text-component-default: var(--figma-color-text-component, rgb(52.549% 21.961% 89.804%));--figma-color-text-component-pressed: rgb(48.627% 16.863% 85.49%);--figma-color-text-component-secondary: rgb(77.255% 69.804% 86.275%);--figma-color-text-component-tertiary: rgb(77.255% 69.804% 86.275%);--figma-color-text-danger-default: var(--figma-color-text-danger, rgb(86.275% 20.392% 7.0588%));--figma-color-text-danger-secondary: rgb(86.275% 20.392% 7.0588%);--figma-color-text-danger-tertiary: rgb(86.275% 20.392% 7.0588%);--figma-color-text-default: var(--figma-color-text, rgb(0% 0% 0% / .89804));--figma-color-text-disabled: rgb(0% 0% 0% / .30196);--figma-color-text-hover: rgb(0% 0% 0% / .89804);--figma-color-text-onbrand-default: var(--figma-color-text-onbrand, rgb(100% 100% 100%));--figma-color-text-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-oncomponent-default: var(--figma-color-text-oncomponent, rgb(100% 100% 100%));--figma-color-text-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-text-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondanger-default: var(--figma-color-text-ondanger, rgb(100% 100% 100%));--figma-color-text-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-text-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondisabled: rgb(100% 100% 100%);--figma-color-text-oninverse: rgb(100% 100% 100% / .89804);--figma-color-text-onselected-default: var(--figma-color-text-onselected, rgb(0% 0% 0% / .89804));--figma-color-text-onselected-secondary: rgb(0% 0% 0% / .50196);--figma-color-text-onselected-strong: rgb(100% 100% 100%);--figma-color-text-onselected-tertiary: rgb(0% 0% 0% / .30196);--figma-color-text-onsuccess-default: var(--figma-color-text-onsuccess, rgb(100% 100% 100%));--figma-color-text-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-onwarning-default: var(--figma-color-text-onwarning, rgb(100% 100% 100%));--figma-color-text-onwarning-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onwarning-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-secondary-default: var(--figma-color-text-secondary, rgb(0% 0% 0% / .50196));--figma-color-text-secondary-hover: rgb(0% 0% 0% / .89804);--figma-color-text-selected-default: var(--figma-color-text-selected, rgb(0% 48.235% 89.804%));--figma-color-text-selected-secondary: rgb(0% 48.235% 89.804%);--figma-color-text-selected-tertiary: rgb(0% 48.235% 89.804%);--figma-color-text-success-default: var(--figma-color-text-success, rgb(0% 60% 31.765%));--figma-color-text-success-secondary: rgb(0% 60% 31.765%);--figma-color-text-success-tertiary: rgb(0% 60% 31.765%);--figma-color-text-tertiary-default: var(--figma-color-text-tertiary, rgb(0% 0% 0% / .30196));--figma-color-text-tertiary-hover: rgb(0% 0% 0% / .89804);--figma-color-text-warning-default: var(--figma-color-text-warning, rgb(72.157% 38.431% 0%));--figma-color-text-warning-secondary: rgb(72.157% 38.431% 0%);--figma-color-text-warning-tertiary: rgb(72.157% 38.431% 0%)}[data-mode=figma-dark]{--figma-color-bg-brand-default: var(--figma-color-bg-brand, rgb(4.7059% 54.902% 91.373%));--figma-color-bg-brand-hover: rgb(3.9216% 42.745% 76.078%);--figma-color-bg-brand-pressed: rgb(3.9216% 42.745% 76.078%);--figma-color-bg-brand-secondary: rgb(6.2745% 36.078% 67.843%);--figma-color-bg-brand-tertiary: rgb(22.353% 26.275% 37.647%);--figma-color-bg-component-default: var(--figma-color-bg-component, rgb(54.118% 21.961% 96.078%));--figma-color-bg-component-hover: rgb(47.843% 18.039% 83.922%);--figma-color-bg-component-pressed: rgb(47.843% 18.039% 83.922%);--figma-color-bg-component-secondary: rgb(39.608% 17.255% 65.882%);--figma-color-bg-component-tertiary: rgb(27.843% 22.353% 33.725%);--figma-color-bg-danger-default: var(--figma-color-bg-danger, rgb(87.843% 24.314% 10.196%));--figma-color-bg-danger-hover: rgb(76.863% 21.961% 10.98%);--figma-color-bg-danger-pressed: rgb(76.863% 21.961% 10.98%);--figma-color-bg-danger-secondary: rgb(58.824% 20% 13.725%);--figma-color-bg-danger-tertiary: rgb(37.647% 20% 16.471%);--figma-color-bg-default: var(--figma-color-bg, rgb(17.255% 17.255% 17.255%));--figma-color-bg-disabled-default: var(--figma-color-bg-disabled, rgb(45.882% 45.882% 45.882%));--figma-color-bg-disabled-secondary: rgb(70.196% 70.196% 70.196%);--figma-color-bg-hover: rgb(21.961% 21.961% 21.961%);--figma-color-bg-inverse: rgb(100% 100% 100%);--figma-color-bg-onselected-default: var(--figma-color-bg-onselected, rgb(40% 46.667% 60%));--figma-color-bg-onselected-hover: rgb(40% 46.667% 60%);--figma-color-bg-onselected-pressed: rgb(40% 46.667% 60%);--figma-color-bg-pressed: rgb(21.961% 21.961% 21.961%);--figma-color-bg-secondary: rgb(21.961% 21.961% 21.961%);--figma-color-bg-selected-default: var(--figma-color-bg-selected, rgb(29.02% 34.51% 47.059%));--figma-color-bg-selected-hover: rgb(32.549% 38.824% 51.373%);--figma-color-bg-selected-pressed: rgb(32.549% 38.824% 51.373%);--figma-color-bg-selected-secondary: rgb(22.353% 26.275% 37.647%);--figma-color-bg-selected-strong: rgb(4.7059% 54.902% 91.373%);--figma-color-bg-selected-tertiary: rgb(22.353% 26.275% 37.647%);--figma-color-bg-success-default: var(--figma-color-bg-success, rgb(9.8039% 56.078% 31.765%));--figma-color-bg-success-hover: rgb(2.7451% 51.373% 28.235%);--figma-color-bg-success-pressed: rgb(2.7451% 51.373% 28.235%);--figma-color-bg-success-secondary: rgb(3.9216% 36.078% 20.784%);--figma-color-bg-success-tertiary: rgb(27.843% 40% 33.725%);--figma-color-bg-tertiary: rgb(26.667% 26.667% 26.667%);--figma-color-bg-warning-default: var(--figma-color-bg-warning, rgb(95.294% 75.686% 10.588%));--figma-color-bg-warning-hover: rgb(94.902% 70.98% 5.098%);--figma-color-bg-warning-pressed: rgb(94.902% 70.98% 5.098%);--figma-color-bg-warning-secondary: rgb(89.412% 65.49% 6.6667%);--figma-color-bg-warning-tertiary: rgb(36.078% 25.49% 0%);--figma-color-border-brand-default: var(--figma-color-border-brand, rgb(6.2745% 36.078% 67.843%));--figma-color-border-brand-strong: rgb(48.627% 76.863% 97.255%);--figma-color-border-component-default: var(--figma-color-border-component, rgb(39.608% 17.255% 65.882%));--figma-color-border-component-hover: rgb(54.118% 21.961% 96.078%);--figma-color-border-component-strong: rgb(83.922% 71.373% 98.431%);--figma-color-border-danger-default: var(--figma-color-border-danger, rgb(58.824% 20% 13.725%));--figma-color-border-danger-strong: rgb(98.824% 63.922% 59.216%);--figma-color-border-default: var(--figma-color-border, rgb(26.667% 26.667% 26.667%));--figma-color-border-disabled-default: var(--figma-color-border-disabled, rgb(26.667% 26.667% 26.667%));--figma-color-border-disabled-strong: rgb(100% 100% 100% / .4);--figma-color-border-onbrand-default: var(--figma-color-border-onbrand, rgb(3.9216% 42.745% 76.078%));--figma-color-border-onbrand-strong: rgb(100% 100% 100%);--figma-color-border-oncomponent-default: var(--figma-color-border-oncomponent, rgb(47.843% 18.039% 83.922%));--figma-color-border-oncomponent-strong: rgb(100% 100% 100%);--figma-color-border-ondanger-default: var(--figma-color-border-ondanger, rgb(76.863% 21.961% 10.98%));--figma-color-border-ondanger-strong: rgb(100% 100% 100%);--figma-color-border-onselected-default: var(--figma-color-border-onselected, rgb(40% 46.667% 60%));--figma-color-border-onselected-strong: rgb(100% 100% 100% / .89804);--figma-color-border-onsuccess-default: var(--figma-color-border-onsuccess, rgb(2.7451% 51.373% 28.235%));--figma-color-border-onsuccess-strong: rgb(100% 100% 100%);--figma-color-border-onwarning-default: var(--figma-color-border-onwarning, rgb(89.412% 65.49% 6.6667%));--figma-color-border-onwarning-strong: rgb(0% 0% 0% / .89804);--figma-color-border-selected-default: var(--figma-color-border-selected, rgb(4.7059% 54.902% 91.373%));--figma-color-border-selected-strong: rgb(48.627% 76.863% 97.255%);--figma-color-border-strong: rgb(100% 100% 100% / .89804);--figma-color-border-success-default: var(--figma-color-border-success, rgb(3.9216% 36.078% 20.784%));--figma-color-border-success-strong: rgb(47.451% 82.353% 59.216%);--figma-color-border-warning-default: var(--figma-color-border-warning, rgb(57.255% 34.118% 6.6667%));--figma-color-border-warning-strong: rgb(96.863% 81.961% 37.255%);--figma-color-icon-brand-default: var(--figma-color-icon-brand, rgb(48.627% 76.863% 97.255%));--figma-color-icon-brand-pressed: rgb(4.7059% 54.902% 91.373%);--figma-color-icon-brand-secondary: rgb(3.9216% 42.745% 76.078%);--figma-color-icon-brand-tertiary: rgb(22.353% 26.275% 37.647%);--figma-color-icon-component-default: var(--figma-color-icon-component, rgb(81.961% 65.882% 100%));--figma-color-icon-component-pressed: rgb(83.922% 71.373% 98.431%);--figma-color-icon-component-secondary: rgb(49.804% 41.176% 60.784%);--figma-color-icon-component-tertiary: rgb(49.804% 41.176% 60.784%);--figma-color-icon-danger-default: var(--figma-color-icon-danger, rgb(87.843% 24.314% 10.196%));--figma-color-icon-danger-hover: rgb(98.431% 73.725% 71.373%);--figma-color-icon-danger-pressed: rgb(98.431% 73.725% 71.373%);--figma-color-icon-danger-secondary-default: var(--figma-color-icon-danger-secondary, rgb(87.843% 24.314% 10.196%));--figma-color-icon-danger-secondary-hover: rgb(87.843% 24.314% 10.196%);--figma-color-icon-danger-tertiary: rgb(87.843% 24.314% 10.196%);--figma-color-icon-default: var(--figma-color-icon, rgb(100% 100% 100%));--figma-color-icon-disabled: rgb(100% 100% 100% / .4);--figma-color-icon-hover: rgb(100% 100% 100%);--figma-color-icon-onbrand-default: var(--figma-color-icon-onbrand, rgb(100% 100% 100%));--figma-color-icon-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-oncomponent-default: var(--figma-color-icon-oncomponent, rgb(100% 100% 100%));--figma-color-icon-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondanger-default: var(--figma-color-icon-ondanger, rgb(100% 100% 100%));--figma-color-icon-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondisabled: rgb(17.255% 17.255% 17.255%);--figma-color-icon-oninverse: rgb(0% 0% 0% / .89804);--figma-color-icon-onselected-default: var(--figma-color-icon-onselected, rgb(100% 100% 100%));--figma-color-icon-onselected-secondary: rgb(100% 100% 100% / .69804);--figma-color-icon-onselected-strong: rgb(100% 100% 100%);--figma-color-icon-onselected-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-onsuccess-default: var(--figma-color-icon-onsuccess, rgb(100% 100% 100%));--figma-color-icon-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-onwarning-default: var(--figma-color-icon-onwarning, rgb(0% 0% 0% / .89804));--figma-color-icon-onwarning-secondary: rgb(0% 0% 0% / .50196);--figma-color-icon-onwarning-tertiary: rgb(0% 0% 0% / .30196);--figma-color-icon-pressed: rgb(3.9216% 42.745% 76.078%);--figma-color-icon-secondary-default: var(--figma-color-icon-secondary, rgb(100% 100% 100% / .69804));--figma-color-icon-secondary-hover: rgb(100% 100% 100%);--figma-color-icon-selected-default: var(--figma-color-icon-selected, rgb(48.627% 76.863% 97.255%));--figma-color-icon-selected-secondary: rgb(48.627% 76.863% 97.255%);--figma-color-icon-selected-tertiary: rgb(48.627% 76.863% 97.255%);--figma-color-icon-success-default: var(--figma-color-icon-success, rgb(9.8039% 56.078% 31.765%));--figma-color-icon-success-pressed: rgb(63.137% 90.98% 72.549%);--figma-color-icon-success-secondary: rgb(9.8039% 56.078% 31.765%);--figma-color-icon-success-tertiary: rgb(9.8039% 56.078% 31.765%);--figma-color-icon-tertiary-default: var(--figma-color-icon-tertiary, rgb(100% 100% 100% / .4));--figma-color-icon-tertiary-hover: rgb(100% 100% 100%);--figma-color-icon-warning-default: var(--figma-color-icon-warning, rgb(95.294% 75.686% 10.588%));--figma-color-icon-warning-pressed: rgb(96.863% 81.961% 37.255%);--figma-color-icon-warning-secondary: rgb(95.294% 75.686% 10.588%);--figma-color-icon-warning-tertiary: rgb(95.294% 75.686% 10.588%);--figma-color-text-brand-default: var(--figma-color-text-brand, rgb(48.627% 76.863% 97.255%));--figma-color-text-brand-secondary: rgb(48.627% 76.863% 97.255%);--figma-color-text-brand-tertiary: rgb(48.627% 76.863% 97.255%);--figma-color-text-component-default: var(--figma-color-text-component, rgb(81.961% 65.882% 100%));--figma-color-text-component-pressed: rgb(83.922% 71.373% 98.431%);--figma-color-text-component-secondary: rgb(49.804% 41.176% 60.784%);--figma-color-text-component-tertiary: rgb(49.804% 41.176% 60.784%);--figma-color-text-danger-default: var(--figma-color-text-danger, rgb(98.824% 63.922% 59.216%));--figma-color-text-danger-secondary: rgb(98.824% 63.922% 59.216%);--figma-color-text-danger-tertiary: rgb(98.824% 63.922% 59.216%);--figma-color-text-default: var(--figma-color-text, rgb(100% 100% 100%));--figma-color-text-disabled: rgb(100% 100% 100% / .4);--figma-color-text-hover: rgb(100% 100% 100%);--figma-color-text-onbrand-default: var(--figma-color-text-onbrand, rgb(100% 100% 100%));--figma-color-text-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-oncomponent-default: var(--figma-color-text-oncomponent, rgb(100% 100% 100%));--figma-color-text-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-text-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondanger-default: var(--figma-color-text-ondanger, rgb(100% 100% 100%));--figma-color-text-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-text-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondisabled: rgb(17.255% 17.255% 17.255%);--figma-color-text-oninverse: rgb(0% 0% 0% / .89804);--figma-color-text-onselected-default: var(--figma-color-text-onselected, rgb(100% 100% 100% / .89804));--figma-color-text-onselected-secondary: rgb(100% 100% 100% / .69804);--figma-color-text-onselected-strong: rgb(100% 100% 100%);--figma-color-text-onselected-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-onsuccess-default: var(--figma-color-text-onsuccess, rgb(100% 100% 100%));--figma-color-text-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-onwarning-default: var(--figma-color-text-onwarning, rgb(0% 0% 0% / .89804));--figma-color-text-onwarning-secondary: rgb(0% 0% 0% / .50196);--figma-color-text-onwarning-tertiary: rgb(0% 0% 0% / .30196);--figma-color-text-secondary-default: var(--figma-color-text-secondary, rgb(100% 100% 100% / .69804));--figma-color-text-secondary-hover: rgb(100% 100% 100%);--figma-color-text-selected-default: var(--figma-color-text-selected, rgb(48.627% 76.863% 97.255%));--figma-color-text-selected-secondary: rgb(48.627% 76.863% 97.255%);--figma-color-text-selected-tertiary: rgb(48.627% 76.863% 97.255%);--figma-color-text-success-default: var(--figma-color-text-success, rgb(47.451% 82.353% 59.216%));--figma-color-text-success-secondary: rgb(47.451% 82.353% 59.216%);--figma-color-text-success-tertiary: rgb(47.451% 82.353% 59.216%);--figma-color-text-tertiary-default: var(--figma-color-text-tertiary, rgb(100% 100% 100% / .4));--figma-color-text-tertiary-hover: rgb(100% 100% 100%);--figma-color-text-warning-default: var(--figma-color-text-warning, rgb(96.863% 81.961% 37.255%));--figma-color-text-warning-secondary: rgb(96.863% 81.961% 37.255%);--figma-color-text-warning-tertiary: rgb(96.863% 81.961% 37.255%)}[data-mode=figjam]{--figma-color-bg-brand-default: var(--figma-color-bg-brand, rgb(59.216% 27.843% 100%));--figma-color-bg-brand-hover: rgb(52.549% 21.961% 89.804%);--figma-color-bg-brand-pressed: rgb(52.549% 21.961% 89.804%);--figma-color-bg-brand-secondary: rgb(48.627% 16.863% 85.49%);--figma-color-bg-brand-tertiary: rgb(94.51% 89.804% 100%);--figma-color-bg-component-default: var(--figma-color-bg-component, rgb(59.216% 27.843% 100%));--figma-color-bg-component-hover: rgb(52.549% 21.961% 89.804%);--figma-color-bg-component-pressed: rgb(52.549% 21.961% 89.804%);--figma-color-bg-component-secondary: rgb(48.627% 16.863% 85.49%);--figma-color-bg-component-tertiary: rgb(94.51% 89.804% 100%);--figma-color-bg-danger-default: var(--figma-color-bg-danger, rgb(94.902% 28.235% 13.333%));--figma-color-bg-danger-hover: rgb(86.275% 20.392% 7.0588%);--figma-color-bg-danger-pressed: rgb(86.275% 20.392% 7.0588%);--figma-color-bg-danger-secondary: rgb(74.118% 16.078% 8.2353%);--figma-color-bg-danger-tertiary: rgb(100% 88.627% 87.843%);--figma-color-bg-default: var(--figma-color-bg, rgb(100% 100% 100%));--figma-color-bg-disabled-default: var(--figma-color-bg-disabled, rgb(85.098% 85.098% 85.098%));--figma-color-bg-disabled-secondary: rgb(70.196% 70.196% 70.196%);--figma-color-bg-hover: rgb(96.078% 96.078% 96.078%);--figma-color-bg-inverse: rgb(17.255% 17.255% 17.255%);--figma-color-bg-onselected-default: var(--figma-color-bg-onselected, rgb(89.412% 80% 100%));--figma-color-bg-onselected-hover: rgb(89.412% 80% 100%);--figma-color-bg-onselected-pressed: rgb(89.412% 80% 100%);--figma-color-bg-pressed: rgb(96.078% 96.078% 96.078%);--figma-color-bg-secondary: rgb(96.078% 96.078% 96.078%);--figma-color-bg-selected-default: var(--figma-color-bg-selected, rgb(94.51% 89.804% 100%));--figma-color-bg-selected-hover: rgb(89.412% 80% 100%);--figma-color-bg-selected-pressed: rgb(89.412% 80% 100%);--figma-color-bg-selected-secondary: rgb(97.647% 96.078% 100%);--figma-color-bg-selected-strong: rgb(59.216% 27.843% 100%);--figma-color-bg-selected-tertiary: rgb(97.647% 96.078% 100%);--figma-color-bg-success-default: var(--figma-color-bg-success, rgb(7.8431% 68.235% 36.078%));--figma-color-bg-success-hover: rgb(0% 60% 31.765%);--figma-color-bg-success-pressed: rgb(0% 60% 31.765%);--figma-color-bg-success-secondary: rgb(0% 50.196% 26.275%);--figma-color-bg-success-tertiary: rgb(81.176% 96.863% 82.745%);--figma-color-bg-tertiary: rgb(90.196% 90.196% 90.196%);--figma-color-bg-warning-default: var(--figma-color-bg-warning, rgb(100% 80.392% 16.078%));--figma-color-bg-warning-hover: rgb(100% 76.078% 10.196%);--figma-color-bg-warning-pressed: rgb(100% 76.078% 10.196%);--figma-color-bg-warning-secondary: rgb(98.039% 72.157% 8.2353%);--figma-color-bg-warning-tertiary: rgb(100% 94.51% 76.078%);--figma-color-border-brand-default: var(--figma-color-border-brand, rgb(89.412% 80% 100%));--figma-color-border-brand-strong: rgb(52.549% 21.961% 89.804%);--figma-color-border-component-default: var(--figma-color-border-component, rgb(89.412% 80% 100%));--figma-color-border-component-hover: rgb(59.216% 27.843% 100%);--figma-color-border-component-strong: rgb(52.549% 21.961% 89.804%);--figma-color-border-danger-default: var(--figma-color-border-danger, rgb(100% 78.039% 76.078%));--figma-color-border-danger-strong: rgb(86.275% 20.392% 7.0588%);--figma-color-border-default: var(--figma-color-border, rgb(90.196% 90.196% 90.196%));--figma-color-border-disabled-default: var(--figma-color-border-disabled, rgb(90.196% 90.196% 90.196%));--figma-color-border-disabled-strong: rgb(0% 0% 0% / .30196);--figma-color-border-onbrand-default: var(--figma-color-border-onbrand, rgb(52.549% 21.961% 89.804%));--figma-color-border-onbrand-strong: rgb(100% 100% 100%);--figma-color-border-oncomponent-default: var(--figma-color-border-oncomponent, rgb(52.549% 21.961% 89.804%));--figma-color-border-oncomponent-strong: rgb(100% 100% 100%);--figma-color-border-ondanger-default: var(--figma-color-border-ondanger, rgb(86.275% 20.392% 7.0588%));--figma-color-border-ondanger-strong: rgb(100% 100% 100%);--figma-color-border-onselected-default: var(--figma-color-border-onselected, rgb(89.412% 80% 100%));--figma-color-border-onselected-strong: rgb(0% 0% 0% / .89804);--figma-color-border-onsuccess-default: var(--figma-color-border-onsuccess, rgb(0% 60% 31.765%));--figma-color-border-onsuccess-strong: rgb(100% 100% 100%);--figma-color-border-onwarning-default: var(--figma-color-border-onwarning, rgb(98.039% 72.157% 8.2353%));--figma-color-border-onwarning-strong: rgb(0% 0% 0% / .89804);--figma-color-border-selected-default: var(--figma-color-border-selected, rgb(59.216% 27.843% 100%));--figma-color-border-selected-strong: rgb(52.549% 21.961% 89.804%);--figma-color-border-strong: rgb(17.255% 17.255% 17.255%);--figma-color-border-success-default: var(--figma-color-border-success, rgb(68.627% 95.686% 77.647%));--figma-color-border-success-strong: rgb(0% 60% 31.765%);--figma-color-border-warning-default: var(--figma-color-border-warning, rgb(100% 90.98% 63.922%));--figma-color-border-warning-strong: rgb(72.157% 38.431% 0%);--figma-color-icon-brand-default: var(--figma-color-icon-brand, rgb(52.549% 21.961% 89.804%));--figma-color-icon-brand-pressed: rgb(48.627% 16.863% 85.49%);--figma-color-icon-brand-secondary: rgb(85.098% 72.157% 100%);--figma-color-icon-brand-tertiary: rgb(89.412% 80% 100%);--figma-color-icon-component-default: var(--figma-color-icon-component, rgb(52.549% 21.961% 89.804%));--figma-color-icon-component-pressed: rgb(48.627% 16.863% 85.49%);--figma-color-icon-component-secondary: rgb(77.255% 69.804% 86.275%);--figma-color-icon-component-tertiary: rgb(77.255% 69.804% 86.275%);--figma-color-icon-danger-default: var(--figma-color-icon-danger, rgb(94.902% 28.235% 13.333%));--figma-color-icon-danger-hover: rgb(74.118% 16.078% 8.2353%);--figma-color-icon-danger-pressed: rgb(74.118% 16.078% 8.2353%);--figma-color-icon-danger-secondary-default: var(--figma-color-icon-danger-secondary, rgb(94.902% 28.235% 13.333%));--figma-color-icon-danger-secondary-hover: rgb(94.902% 28.235% 13.333%);--figma-color-icon-danger-tertiary: rgb(94.902% 28.235% 13.333%);--figma-color-icon-default: var(--figma-color-icon, rgb(0% 0% 0% / .89804));--figma-color-icon-disabled: rgb(0% 0% 0% / .30196);--figma-color-icon-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-onbrand-default: var(--figma-color-icon-onbrand, rgb(100% 100% 100%));--figma-color-icon-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-oncomponent-default: var(--figma-color-icon-oncomponent, rgb(100% 100% 100%));--figma-color-icon-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondanger-default: var(--figma-color-icon-ondanger, rgb(100% 100% 100%));--figma-color-icon-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-ondisabled: rgb(100% 100% 100%);--figma-color-icon-oninverse: rgb(100% 100% 100% / .89804);--figma-color-icon-onselected-default: var(--figma-color-icon-onselected, rgb(0% 0% 0% / .89804));--figma-color-icon-onselected-secondary: rgb(0% 0% 0% / .50196);--figma-color-icon-onselected-strong: rgb(100% 100% 100%);--figma-color-icon-onselected-tertiary: rgb(0% 0% 0% / .30196);--figma-color-icon-onsuccess-default: var(--figma-color-icon-onsuccess, rgb(100% 100% 100%));--figma-color-icon-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-icon-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-icon-onwarning-default: var(--figma-color-icon-onwarning, rgb(0% 0% 0% / .89804));--figma-color-icon-onwarning-secondary: rgb(0% 0% 0% / .50196);--figma-color-icon-onwarning-tertiary: rgb(0% 0% 0% / .30196);--figma-color-icon-pressed: rgb(52.549% 21.961% 89.804%);--figma-color-icon-secondary-default: var(--figma-color-icon-secondary, rgb(0% 0% 0% / .50196));--figma-color-icon-secondary-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-selected-default: var(--figma-color-icon-selected, rgb(52.549% 21.961% 89.804%));--figma-color-icon-selected-secondary: rgb(52.549% 21.961% 89.804%);--figma-color-icon-selected-tertiary: rgb(52.549% 21.961% 89.804%);--figma-color-icon-success-default: var(--figma-color-icon-success, rgb(7.8431% 68.235% 36.078%));--figma-color-icon-success-pressed: rgb(0% 50.196% 26.275%);--figma-color-icon-success-secondary: rgb(7.8431% 68.235% 36.078%);--figma-color-icon-success-tertiary: rgb(7.8431% 68.235% 36.078%);--figma-color-icon-tertiary-default: var(--figma-color-icon-tertiary, rgb(0% 0% 0% / .30196));--figma-color-icon-tertiary-hover: rgb(0% 0% 0% / .89804);--figma-color-icon-warning-default: var(--figma-color-icon-warning, rgb(100% 80.392% 16.078%));--figma-color-icon-warning-pressed: rgb(72.157% 38.431% 0%);--figma-color-icon-warning-secondary: rgb(100% 80.392% 16.078%);--figma-color-icon-warning-tertiary: rgb(100% 80.392% 16.078%);--figma-color-text-brand-default: var(--figma-color-text-brand, rgb(52.549% 21.961% 89.804%));--figma-color-text-brand-secondary: rgb(52.549% 21.961% 89.804%);--figma-color-text-brand-tertiary: rgb(52.549% 21.961% 89.804%);--figma-color-text-component-default: var(--figma-color-text-component, rgb(52.549% 21.961% 89.804%));--figma-color-text-component-pressed: rgb(48.627% 16.863% 85.49%);--figma-color-text-component-secondary: rgb(77.255% 69.804% 86.275%);--figma-color-text-component-tertiary: rgb(77.255% 69.804% 86.275%);--figma-color-text-danger-default: var(--figma-color-text-danger, rgb(86.275% 20.392% 7.0588%));--figma-color-text-danger-secondary: rgb(86.275% 20.392% 7.0588%);--figma-color-text-danger-tertiary: rgb(86.275% 20.392% 7.0588%);--figma-color-text-default: var(--figma-color-text, rgb(0% 0% 0% / .89804));--figma-color-text-disabled: rgb(0% 0% 0% / .30196);--figma-color-text-hover: rgb(0% 0% 0% / .89804);--figma-color-text-onbrand-default: var(--figma-color-text-onbrand, rgb(100% 100% 100%));--figma-color-text-onbrand-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onbrand-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-oncomponent-default: var(--figma-color-text-oncomponent, rgb(100% 100% 100%));--figma-color-text-oncomponent-secondary: rgb(100% 100% 100% / .8);--figma-color-text-oncomponent-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondanger-default: var(--figma-color-text-ondanger, rgb(100% 100% 100%));--figma-color-text-ondanger-secondary: rgb(100% 100% 100% / .8);--figma-color-text-ondanger-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-ondisabled: rgb(100% 100% 100%);--figma-color-text-oninverse: rgb(100% 100% 100%);--figma-color-text-onselected-default: var(--figma-color-text-onselected, rgb(0% 0% 0% / .89804));--figma-color-text-onselected-secondary: rgb(0% 0% 0% / .50196);--figma-color-text-onselected-strong: rgb(100% 100% 100%);--figma-color-text-onselected-tertiary: rgb(0% 0% 0% / .30196);--figma-color-text-onsuccess-default: var(--figma-color-text-onsuccess, rgb(100% 100% 100%));--figma-color-text-onsuccess-secondary: rgb(100% 100% 100% / .8);--figma-color-text-onsuccess-tertiary: rgb(100% 100% 100% / .4);--figma-color-text-onwarning-default: var(--figma-color-text-onwarning, rgb(100% 100% 100%));--figma-color-text-onwarning-secondary: rgb(0% 0% 0% / .50196);--figma-color-text-onwarning-tertiary: rgb(0% 0% 0% / .30196);--figma-color-text-secondary-default: var(--figma-color-text-secondary, rgb(0% 0% 0% / .50196));--figma-color-text-secondary-hover: rgb(0% 0% 0% / .89804);--figma-color-text-selected-default: var(--figma-color-text-selected, rgb(52.549% 21.961% 89.804%));--figma-color-text-selected-secondary: rgb(52.549% 21.961% 89.804%);--figma-color-text-selected-tertiary: rgb(52.549% 21.961% 89.804%);--figma-color-text-success-default: var(--figma-color-text-success, rgb(0% 60% 31.765%));--figma-color-text-success-secondary: rgb(0% 60% 31.765%);--figma-color-text-success-tertiary: rgb(0% 60% 31.765%);--figma-color-text-tertiary-default: var(--figma-color-text-tertiary, rgb(0% 0% 0% / .30196));--figma-color-text-tertiary-hover: rgb(0% 0% 0% / .89804);--figma-color-text-warning-default: var(--figma-color-text-warning, rgb(72.157% 38.431% 0%));--figma-color-text-warning-secondary: rgb(72.157% 38.431% 0%);--figma-color-text-warning-tertiary: rgb(72.157% 38.431% 0%)}

package/dist/assets/styles/tokens/modules/figma-plugin.css ADDED Viewed

@@ -0,0 +1 @@

+ @charset "UTF-8";:root{--figma-color-bg-brand-default: var(--figma-color-bg-brand);--figma-color-bg-component-default: var(--figma-color-bg-component);--figma-color-bg-danger-default: var(--figma-color-bg-danger);--figma-color-bg-default: var(--figma-color-bg);--figma-color-bg-disabled-default: var(--figma-color-bg-disabled);--figma-color-bg-onselected-default: var(--figma-color-bg-onselected);--figma-color-bg-selected-default: var(--figma-color-bg-selected);--figma-color-bg-success-default: var(--figma-color-bg-success);--figma-color-bg-warning-default: var(--figma-color-bg-warning);--figma-color-border-brand-default: var(--figma-color-border-brand);--figma-color-border-component-default: var(--figma-color-border-component);--figma-color-border-danger-default: var(--figma-color-border-danger);--figma-color-border-default: var(--figma-color-border);--figma-color-border-disabled-default: var(--figma-color-border-disabled);--figma-color-border-onbrand-default: var(--figma-color-border-onbrand);--figma-color-border-oncomponent-default: var(--figma-color-border-oncomponent);--figma-color-border-ondanger-default: var(--figma-color-border-ondanger);--figma-color-border-onselected-default: var(--figma-color-border-onselected);--figma-color-border-onsuccess-default: var(--figma-color-border-onsuccess);--figma-color-border-onwarning-default: var(--figma-color-border-onwarning);--figma-color-border-selected-default: var(--figma-color-border-selected);--figma-color-border-success-default: var(--figma-color-border-success);--figma-color-border-warning-default: var(--figma-color-border-warning);--figma-color-icon-brand-default: var(--figma-color-icon-brand);--figma-color-icon-component-default: var(--figma-color-icon-component);--figma-color-icon-danger-default: var(--figma-color-icon-danger);--figma-color-icon-danger-secondary-default: var(--figma-color-icon-danger-secondary);--figma-color-icon-default: var(--figma-color-icon);--figma-color-icon-onbrand-default: var(--figma-color-icon-onbrand);--figma-color-icon-oncomponent-default: var(--figma-color-icon-oncomponent);--figma-color-icon-ondanger-default: var(--figma-color-icon-ondanger);--figma-color-icon-onselected-default: var(--figma-color-icon-onselected);--figma-color-icon-onsuccess-default: var(--figma-color-icon-onsuccess);--figma-color-icon-onwarning-default: var(--figma-color-icon-onwarning);--figma-color-icon-secondary-default: var(--figma-color-icon-secondary);--figma-color-icon-selected-default: var(--figma-color-icon-selected);--figma-color-icon-success-default: var(--figma-color-icon-success);--figma-color-icon-tertiary-default: var(--figma-color-icon-tertiary);--figma-color-icon-warning-default: var(--figma-color-icon-warning);--figma-color-text-brand-default: var(--figma-color-text-brand);--figma-color-text-component-default: var(--figma-color-text-component);--figma-color-text-danger-default: var(--figma-color-text-danger);--figma-color-text-default: var(--figma-color-text);--figma-color-text-onbrand-default: var(--figma-color-text-onbrand);--figma-color-text-oncomponent-default: var(--figma-color-text-oncomponent);--figma-color-text-ondanger-default: var(--figma-color-text-ondanger);--figma-color-text-onselected-default: var(--figma-color-text-onselected);--figma-color-text-onsuccess-default: var(--figma-color-text-onsuccess);--figma-color-text-onwarning-default: var(--figma-color-text-onwarning);--figma-color-text-secondary-default: var(--figma-color-text-secondary);--figma-color-text-selected-default: var(--figma-color-text-selected);--figma-color-text-success-default: var(--figma-color-text-success);--figma-color-text-tertiary-default: var(--figma-color-text-tertiary);--figma-color-text-warning-default: var(--figma-color-text-warning)}

package/dist/assets/styles/tokens/modules/framer-colors.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8"~~;:root~~{--framer-color-bg: ~~#ffffff;--~~framer-color-bg~~-secondary:~~ ~~#f3f3f3~~;--framer-color-bg-~~tertiary~~: ~~#eeeeee~~;--framer-color-~~destructive~~: ~~#ff3366~~;--framer-color-destructive-dark: ~~#ee2255~~;--framer-color-destructive-~~dimmed~~: ~~#ffebf0;--~~framer-color-destructive~~-extra-dark:~~ ~~#dd1144;--framer-color-divider:~~ ~~#eeeeee;--framer-color-success:~~ ~~#33ff36~~;--framer-color-~~success~~-~~dark: #22ff25;--framer-color-success-~~dimmed: ~~#ebffeb~~;--framer-color-~~success~~-extra-dark: ~~#11ff14;--framer-color-text:~~ ~~#333333~~;--framer-color-~~text-reversed~~: ~~#ffffff~~;--framer-color-~~text~~-~~secondary~~: ~~#666666~~;--framer-color-~~text~~-~~tertiary~~: ~~#999999;--~~framer-color-~~tint:~~ ~~#0099ff;--framer-color-tint-dark:~~ ~~#0088ff~~;--framer-color-~~tint~~-dimmed: ~~#e5f5ff~~;--framer-color-~~tint~~-extra-dark: ~~#0077ff;--framer-color-warning:~~ ~~#ffaa00~~;--framer-color-~~warning~~-~~dark~~: ~~#ff9900;--~~framer-color-~~warning-dimmed:~~ ~~#fff6e5~~;--framer-color-~~warning~~-~~extra-dark~~: ~~#ff8800}[data-mode=framer-light]{--framer-color-bg:~~ ~~#ffffff~~;--framer-color-bg-secondary: ~~#f3f3f3~~;--framer-color-bg-tertiary: ~~#eeeeee;--framer-color-destructive:~~ ~~#ff3366~~;--framer-color-~~destructive~~-dark: ~~#ee2255;--framer-color-destructive-dimmed:~~ ~~#ffebf0~~;--framer-color-~~destructive~~-~~extra-dark~~: ~~#dd1144;--~~framer-color-~~divider:~~ ~~#eeeeee;--framer-color-success:~~ ~~#33ff36;--framer-color-success-dark:~~ ~~#22ff25~~;--framer-color-~~success~~-dimmed: ~~#ebffeb~~;--framer-color-~~success~~-extra-dark: ~~#11ff14;--framer-color-text:~~ ~~#333333;--framer-color-text-reversed:~~ ~~#ffffff~~;--framer-color-~~text~~-~~secondary~~: ~~#666666;--framer-color-text-tertiary:~~ ~~#999999;--framer-color-tint:~~ ~~#0099ff~~;--framer-color-~~tint~~-~~dark~~: ~~#0088ff;--~~framer-color-~~tint-dimmed:~~ ~~#e5f5ff;--framer-color-tint-extra-dark:~~ ~~#0077ff;--framer-color-warning:~~ ~~#ffaa00~~;--framer-color-warning-~~dark: #ff9900;--framer-color-warning-~~dimmed: ~~#fff6e5~~;--framer-color-warning-extra-dark: ~~#ff8800~~}[data-mode=framer-dark]{--framer-color-bg: ~~#111111~~;--framer-color-bg-secondary: ~~#1d1d1d~~;--framer-color-bg-tertiary: ~~#2b2b2b~~;--framer-color-destructive: ~~#ff3366~~;--framer-color-destructive-~~dark~~: ~~#ee1155~~;--framer-color-destructive-dimmed: ~~#35161e~~;--framer-color-destructive-extra-dark: ~~#dd1144~~;--framer-color-divider: ~~#252525~~;--framer-color-success: ~~#33ff36~~;--framer-color-success-~~dark~~: ~~#22ff25~~;--framer-color-success-dimmed: ~~#163517~~;--framer-color-success-extra-dark: ~~#11ff14~~;--framer-color-text: ~~#ffffff~~;--framer-color-text-reversed: ~~#ffffff~~;--framer-color-text-secondary: ~~#cccccc~~;--framer-color-text-tertiary: ~~#777777~~;--framer-color-tint: ~~#0099ff~~;--framer-color-tint-~~dark~~: ~~#0088ff~~;--framer-color-tint-dimmed: ~~#0e2535~~;--framer-color-tint-extra-dark: ~~#0077ff~~;--framer-color-warning: ~~#ffaa00~~;--framer-color-warning-~~dark~~: ~~#ff9900~~;--framer-color-warning-dimmed: ~~#35280e~~;--framer-color-warning-extra-dark: ~~#ff8800~~}
1	+ @charset "UTF-8";[data-mode=framer-light]{--framer-color-bg-default: var(--framer-color-bg, rgb(100% 100% 100%));--framer-color-bg-secondary: rgb(95.294% 95.294% 95.294%);--framer-color-bg-tertiary: rgb(93.333% 93.333% 93.333%);--framer-color-destructive-dark: rgb(93.333% 13.333% 33.333%);--framer-color-destructive-default: var(--framer-color-destructive, rgb(100% 20% 40%));--framer-color-destructive-dimmed: rgb(100% 92.157% 94.118%);--framer-color-destructive-extra-dark: rgb(86.667% 6.6667% 26.667%);--framer-color-divider: rgb(93.333% 93.333% 93.333%);--framer-color-success-dark: rgb(13.333% 100% 14.51%);--framer-color-success-default: var(--framer-color-success, rgb(20% 100% 21.176%));--framer-color-success-dimmed: rgb(92.157% 100% 92.157%);--framer-color-success-extra-dark: rgb(6.6667% 100% 7.8431%);--framer-color-text-default: var(--framer-color-text, rgb(20% 20% 20%));--framer-color-text-reversed: rgb(100% 100% 100%);--framer-color-text-secondary: rgb(40% 40% 40%);--framer-color-text-tertiary: rgb(60% 60% 60%);--framer-color-tint-dark: rgb(0% 53.333% 100%);--framer-color-tint-default: var(--framer-color-tint, rgb(0% 60% 100%));--framer-color-tint-dimmed: rgb(89.804% 96.078% 100%);--framer-color-tint-extra-dark: rgb(0% 46.667% 100%);--framer-color-warning-dark: rgb(100% 60% 0%);--framer-color-warning-default: var(--framer-color-warning, rgb(100% 66.667% 0%));--framer-color-warning-dimmed: rgb(100% 96.471% 89.804%);--framer-color-warning-extra-dark: rgb(100% 53.333% 0%)}[data-mode=framer-dark]{--framer-color-bg-default: var(--framer-color-bg, rgb(6.6667% 6.6667% 6.6667%));--framer-color-bg-secondary: rgb(11.373% 11.373% 11.373%);--framer-color-bg-tertiary: rgb(16.863% 16.863% 16.863%);--framer-color-destructive-dark: rgb(93.333% 6.6667% 33.333%);--framer-color-destructive-default: var(--framer-color-destructive, rgb(100% 20% 40%));--framer-color-destructive-dimmed: rgb(20.784% 8.6275% 11.765%);--framer-color-destructive-extra-dark: rgb(86.667% 6.6667% 26.667%);--framer-color-divider: rgb(14.51% 14.51% 14.51%);--framer-color-success-dark: rgb(13.333% 100% 14.51%);--framer-color-success-default: var(--framer-color-success, rgb(20% 100% 21.176%));--framer-color-success-dimmed: rgb(8.6275% 20.784% 9.0196%);--framer-color-success-extra-dark: rgb(6.6667% 100% 7.8431%);--framer-color-text-default: var(--framer-color-text, rgb(100% 100% 100%));--framer-color-text-reversed: rgb(100% 100% 100%);--framer-color-text-secondary: rgb(80% 80% 80%);--framer-color-text-tertiary: rgb(46.667% 46.667% 46.667%);--framer-color-tint-dark: rgb(0% 53.333% 100%);--framer-color-tint-default: var(--framer-color-tint, rgb(0% 60% 100%));--framer-color-tint-dimmed: rgb(5.4902% 14.51% 20.784%);--framer-color-tint-extra-dark: rgb(0% 46.667% 100%);--framer-color-warning-dark: rgb(100% 60% 0%);--framer-color-warning-default: var(--framer-color-warning, rgb(100% 66.667% 0%));--framer-color-warning-dimmed: rgb(20.784% 15.686% 5.4902%);--framer-color-warning-extra-dark: rgb(100% 53.333% 0%)}

package/dist/assets/styles/tokens/modules/penpot-colors.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8"~~;:root~~{--penpot-color-accent-default: ~~#eef0f2;--~~penpot-color-accent~~-error:~~ ~~#c80857;--penpot-color-accent-info:~~ ~~#0e9be9;--penpot-color-accent-overlay:~~ ~~#6911d499~~;--penpot-color-accent-~~primary~~: ~~#6911d4;--penpot-color-accent-primary-muted:~~ ~~#e1d2f5;--penpot-color-accent-quaternary:~~ ~~#ff6fe0~~;--penpot-color-accent-~~secondary~~: ~~#1345aa;--penpot-color-accent-select:~~ ~~#8c33eb1a;--penpot-color-accent-success:~~ ~~#2d9f8f~~;--penpot-color-accent-~~tertiary~~: ~~#8c33eb;--penpot-color-accent-warning:~~ ~~#fe9c07;--penpot-color-background-default:~~ ~~#ffffff;--penpot-color-background-error:~~ ~~#ffcada;--penpot-color-background-info:~~ ~~#bae3fd~~;--penpot-color-~~background~~-primary~~: #ffffff;--penpot~~-~~color-background-quaternary~~: ~~#eef0f2;--~~penpot-color-~~background~~-~~secondary:~~ ~~#e8eaee;--penpot-color-background-success:~~ ~~#a7e8d9;--penpot-color-background-tertiary:~~ ~~#f3f4f6~~;--penpot-color-~~background~~-~~warning: #fedeac;--penpot~~-~~color-canvas~~: ~~#bfbfbf;--penpot-color-foreground-disabled:~~ ~~#8f9da366;--penpot-color-foreground-error:~~ ~~#ff3277~~;--penpot-color-~~foreground~~-~~primary~~: ~~#000000;--penpot-color-foreground-secondary:~~ ~~#495e74;--penpot-color-icon-default:~~ ~~#495e74~~;--penpot-color-~~overlay~~-~~default~~: ~~#ffffff99;--penpot-color-overlay-onboarding:~~ ~~#ffffffe6;--penpot-color-shadow-dark:~~ ~~#e8eaee99~~;--penpot-color-~~token-~~accent~~: #59acbb;--penpot~~-~~color-token-background~~: ~~#ddf7ff;--penpot-color-token-border:~~ ~~#77e1f3;--penpot-color-token-foreground:~~ ~~#1d4464}[data-mode=penpot-light]{--penpot-color-accent-default:~~ ~~#eef0f2;--penpot-color-accent-error:~~ ~~#c80857~~;--penpot-color-accent-~~info~~: ~~#0e9be9;--penpot-color-accent-overlay:~~ ~~#6911d499;--penpot-color-accent-primary:~~ ~~#6911d4~~;--penpot-color-accent-~~primary-muted~~: ~~#e1d2f5;--penpot-color-accent-quaternary:~~ ~~#ff6fe0;--penpot-color-accent-secondary:~~ ~~#1345aa~~;--penpot-color-accent-~~select~~: ~~#8c33eb1a;--penpot-color-accent-success:~~ ~~#2d9f8f;--penpot-color-accent-tertiary:~~ ~~#8c33eb~~;--penpot-color-~~accent~~-~~warning~~: ~~#fe9c07;--~~penpot-color-background~~-default:~~ ~~#ffffff~~;--penpot-color-background-error: ~~#ffcada~~;--penpot-color-background-info: ~~#bae3fd~~;--penpot-color-background-primary: ~~#ffffff~~;--penpot-color-background-quaternary: ~~#eef0f2~~;--penpot-color-background-secondary: ~~#e8eaee~~;--penpot-color-background-success: ~~#a7e8d9~~;--penpot-color-background-tertiary: ~~#f3f4f6~~;--penpot-color-background-warning: ~~#fedeac~~;--penpot-color-canvas: ~~#bfbfbf~~;--penpot-color-foreground-disabled: ~~#8f9da366~~;--penpot-color-foreground-error: ~~#ff3277~~;--penpot-color-foreground-primary: ~~#000000~~;--penpot-color-foreground-secondary: ~~#495e74~~;--penpot-color-icon-default: ~~#495e74~~;--penpot-color-overlay-default: ~~#ffffff99~~;--penpot-color-overlay-onboarding: ~~#ffffffe6~~;--penpot-color-shadow-dark: ~~#e8eaee99~~;--penpot-color-token-accent: ~~#59acbb~~;--penpot-color-token-background: ~~#ddf7ff~~;--penpot-color-token-border: ~~#77e1f3~~;--penpot-color-token-foreground: ~~#1d4464~~}[data-mode=penpot-dark]{--penpot-color-accent-default: ~~#2e3434~~;--penpot-color-accent-error: ~~#c80857~~;--penpot-color-accent-info: ~~#0e9be9~~;--penpot-color-accent-overlay: ~~#7efff599~~;--penpot-color-accent-primary: ~~#7efff5~~;--penpot-color-accent-primary-muted: ~~#426158~~;--penpot-color-accent-quaternary: ~~#ff6fe0~~;--penpot-color-accent-secondary: ~~#bb97d8~~;--penpot-color-accent-select: ~~#00d1b81a~~;--penpot-color-accent-success: ~~#2d9f8f~~;--penpot-color-accent-tertiary: ~~#00d1b8~~;--penpot-color-accent-warning: ~~#fe9c07~~;--penpot-color-background-default: ~~#18181a~~;--penpot-color-background-error: ~~#500124~~;--penpot-color-background-info: ~~#082c49~~;--penpot-color-background-primary: ~~#18181a~~;--penpot-color-background-quaternary: ~~#2e3434~~;--penpot-color-background-secondary: ~~#000000~~;--penpot-color-background-success: ~~#0a2927~~;--penpot-color-background-tertiary: ~~#212426~~;--penpot-color-background-warning: ~~#3d2501~~;--penpot-color-canvas: ~~#bfbfbf~~;--penpot-color-foreground-disabled: ~~#8f9da366~~;--penpot-color-foreground-error: ~~#ff3277~~;--penpot-color-foreground-primary: ~~#ffffff~~;--penpot-color-foreground-secondary: ~~#8f9da3~~;--penpot-color-icon-default: ~~#8f9da3~~;--penpot-color-overlay-default: ~~#18181a99~~;--penpot-color-overlay-onboarding: ~~#18181ae6~~;--penpot-color-shadow-dark: ~~#00000099~~;--penpot-color-token-accent: ~~#6c6dad~~;--penpot-color-token-background: ~~#272941~~;--penpot-color-token-border: ~~#484c74~~;--penpot-color-token-foreground: ~~#a7a9ff~~}
1	+ @charset "UTF-8";[data-mode=penpot-light]{--penpot-color-accent-default: var(--penpot-color-accent, rgb(93.333% 94.118% 94.902%));--penpot-color-accent-error: rgb(78.431% 3.1373% 34.118%);--penpot-color-accent-info: rgb(5.4902% 60.784% 91.373%);--penpot-color-accent-overlay: rgb(41.176% 6.6667% 83.137% / .6);--penpot-color-accent-primary-default: var(--penpot-color-accent-primary, rgb(41.176% 6.6667% 83.137%));--penpot-color-accent-primary-muted: rgb(88.235% 82.353% 96.078%);--penpot-color-accent-quaternary: rgb(100% 43.529% 87.843%);--penpot-color-accent-secondary: rgb(7.451% 27.059% 66.667%);--penpot-color-accent-select: rgb(54.902% 20% 92.157% / .10196);--penpot-color-accent-success: rgb(17.647% 62.353% 56.078%);--penpot-color-accent-tertiary: rgb(54.902% 20% 92.157%);--penpot-color-accent-warning: rgb(99.608% 61.176% 2.7451%);--penpot-color-background-default: var(--penpot-color-background, rgb(100% 100% 100%));--penpot-color-background-error: rgb(100% 79.216% 85.49%);--penpot-color-background-info: rgb(72.941% 89.02% 99.216%);--penpot-color-background-primary: rgb(100% 100% 100%);--penpot-color-background-quaternary: rgb(93.333% 94.118% 94.902%);--penpot-color-background-secondary: rgb(90.98% 91.765% 93.333%);--penpot-color-background-success: rgb(65.49% 90.98% 85.098%);--penpot-color-background-tertiary: rgb(95.294% 95.686% 96.471%);--penpot-color-background-warning: rgb(99.608% 87.059% 67.451%);--penpot-color-canvas: rgb(74.902% 74.902% 74.902%);--penpot-color-foreground-disabled: rgb(56.078% 61.569% 63.922% / .4);--penpot-color-foreground-error: rgb(100% 19.608% 46.667%);--penpot-color-foreground-primary: rgb(0% 0% 0%);--penpot-color-foreground-secondary: rgb(28.627% 36.863% 45.49%);--penpot-color-icon-default: var(--penpot-color-icon, rgb(28.627% 36.863% 45.49%));--penpot-color-overlay-default: var(--penpot-color-overlay, rgb(100% 100% 100% / .6));--penpot-color-overlay-onboarding: rgb(100% 100% 100% / .90196);--penpot-color-shadow-dark: rgb(90.98% 91.765% 93.333% / .6);--penpot-color-token-accent: rgb(34.902% 67.451% 73.333%);--penpot-color-token-background: rgb(86.667% 96.863% 100%);--penpot-color-token-border: rgb(46.667% 88.235% 95.294%);--penpot-color-token-foreground: rgb(11.373% 26.667% 39.216%)}[data-mode=penpot-dark]{--penpot-color-accent-default: var(--penpot-color-accent, rgb(18.039% 20.392% 20.392%));--penpot-color-accent-error: rgb(78.431% 3.1373% 34.118%);--penpot-color-accent-info: rgb(5.4902% 60.784% 91.373%);--penpot-color-accent-overlay: rgb(49.412% 100% 96.078% / .6);--penpot-color-accent-primary-default: var(--penpot-color-accent-primary, rgb(49.412% 100% 96.078%));--penpot-color-accent-primary-muted: rgb(25.882% 38.039% 34.51%);--penpot-color-accent-quaternary: rgb(100% 43.529% 87.843%);--penpot-color-accent-secondary: rgb(73.333% 59.216% 84.706%);--penpot-color-accent-select: rgb(0% 81.961% 72.157% / .10196);--penpot-color-accent-success: rgb(17.647% 62.353% 56.078%);--penpot-color-accent-tertiary: rgb(0% 81.961% 72.157%);--penpot-color-accent-warning: rgb(99.608% 61.176% 2.7451%);--penpot-color-background-default: var(--penpot-color-background, rgb(9.4118% 9.4118% 10.196%));--penpot-color-background-error: rgb(31.373% .39216% 14.118%);--penpot-color-background-info: rgb(3.1373% 17.255% 28.627%);--penpot-color-background-primary: rgb(9.4118% 9.4118% 10.196%);--penpot-color-background-quaternary: rgb(18.039% 20.392% 20.392%);--penpot-color-background-secondary: rgb(0% 0% 0%);--penpot-color-background-success: rgb(3.9216% 16.078% 15.294%);--penpot-color-background-tertiary: rgb(12.941% 14.118% 14.902%);--penpot-color-background-warning: rgb(23.922% 14.51% .39216%);--penpot-color-canvas: rgb(74.902% 74.902% 74.902%);--penpot-color-foreground-disabled: rgb(56.078% 61.569% 63.922% / .4);--penpot-color-foreground-error: rgb(100% 19.608% 46.667%);--penpot-color-foreground-primary: rgb(100% 100% 100%);--penpot-color-foreground-secondary: rgb(56.078% 61.569% 63.922%);--penpot-color-icon-default: var(--penpot-color-icon, rgb(56.078% 61.569% 63.922%));--penpot-color-overlay-default: var(--penpot-color-overlay, rgb(9.4118% 9.4118% 10.196% / .6));--penpot-color-overlay-onboarding: rgb(9.4118% 9.4118% 10.196% / .90196);--penpot-color-shadow-dark: rgb(0% 0% 0% / .6);--penpot-color-token-accent: rgb(42.353% 42.745% 67.843%);--penpot-color-token-background: rgb(15.294% 16.078% 25.49%);--penpot-color-token-border: rgb(28.235% 29.804% 45.49%);--penpot-color-token-foreground: rgb(65.49% 66.275% 100%)}

package/dist/assets/styles/tokens/modules/penpot-types.css CHANGED Viewed

	@@ -1 +1 @@
1	- @~~charset "UTF-8";@~~import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"~~;:root[data-theme=penpot]{--font-stack: "Work Sans", sans-serif}~~
1	+ @import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";

package/dist/assets/styles/tokens/modules/sketch-colors.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8"~~;:root~~{--sketch-color-accent-default: ~~#f26726~~;--sketch-color-accent-disabled: ~~#fce4d8~~;--sketch-color-accent-error: ~~#cc0000~~;--sketch-color-accent-info: ~~#84d7cf~~;--sketch-color-accent-primary: ~~#f26726~~;--sketch-color-accent-secondary: ~~#e36e3a~~;--sketch-color-accent-select: ~~#fff1e8~~;--sketch-color-accent-success: ~~#13be3e~~;--sketch-color-accent-tertiary: ~~#f9c3aa~~;--sketch-color-accent-warning: ~~#d4910c~~;--sketch-color-background-default: ~~#ffffff~~;--sketch-color-background-disabled: ~~#f2f2f2~~;--sketch-color-background-error: ~~#ffe0e0~~;--sketch-color-background-info: ~~#e5f5f3~~;--sketch-color-background-primary: ~~#ffffff~~;--sketch-color-background-secondary: ~~#f5f5f6~~;--sketch-color-background-success: ~~#e1f3e5~~;--sketch-color-background-tertiary: ~~#e8e8e8~~;--sketch-color-background-warning: ~~#fbeeda~~;--sketch-color-border-default: ~~#e0e0e0;--~~sketch-color-border~~-disabled:~~ ~~#ebebeb;--sketch-color-border-onaccent:~~ ~~#ffffff7d;--sketch-color-border-primary:~~ ~~#e0e0e0~~;--sketch-color-border-~~secondary~~: ~~#c8c8c8~~;--sketch-color-border-~~tertiary~~: ~~#494949;--sketch-color-foreground-default:~~ ~~#202022;--sketch-color-foreground-disabled:~~ ~~#b3b3b3;--sketch-color-foreground-error:~~ ~~#a10000;--sketch-color-foreground-info:~~ ~~#3c9992~~;--sketch-color-~~foreground~~-~~inverted~~: ~~#ffffff;--sketch-color-foreground-onaccent:~~ ~~#ffffff;--sketch-color-foreground-onaccent-disabled:~~ ~~#ffffff87~~;--sketch-color-~~foreground~~-~~primary: #202022;--sketch-color-foreground-~~secondary: ~~#494949;--sketch-color-foreground-success:~~ ~~#0a8f2e~~;--sketch-color-~~foreground~~-tertiary: ~~#696969~~;--sketch-color-foreground-~~warning: #9b6909;--sketch-color-overlay-~~default: ~~#1e1f20bf}[data-mode=sketch-light]{~~--sketch-color-~~accent-default:~~ ~~#f26726~~;--sketch-color-~~accent~~-disabled: ~~#fce4d8~~;--sketch-color-~~accent~~-error: ~~#cc0000~~;--sketch-color-~~accent~~-info: ~~#84d7cf;--sketch-color-accent-primary:~~ ~~#f26726;--sketch-color-accent-secondary:~~ ~~#e36e3a~~;--sketch-color-~~accent~~-~~select~~: ~~#fff1e8;--sketch-color-accent-success:~~ ~~#13be3e;--sketch-color-accent-tertiary:~~ ~~#f9c3aa~~;--sketch-color-~~accent~~-~~warning: #d4910c;--sketch~~-~~color-background-~~default: ~~#ffffff;--~~sketch-color-~~background~~-~~disabled:~~ ~~#f2f2f2;--sketch-color-background-error:~~ ~~#ffe0e0;--sketch-color-background-info:~~ ~~#e5f5f3~~;--sketch-color-~~background~~-~~primary: #ffffff;--sketch~~-~~color-background-secondary~~: ~~#f5f5f6;--sketch-color-background-success:~~ ~~#e1f3e5;--sketch-color-background-tertiary:~~ ~~#e8e8e8;--sketch-color-background-warning:~~ ~~#fbeeda;--sketch-color-border-default:~~ ~~#e0e0e0~~;--sketch-color-~~border~~-~~disabled~~: ~~#ebebeb;--sketch-color-border-onaccent:~~ ~~#ffffff7d;--sketch-color-border-primary:~~ ~~#e0e0e0~~;--sketch-color-~~border~~-secondary: ~~#c8c8c8;--sketch-color-border-tertiary:~~ ~~#494949;--sketch-color-foreground-default:~~ ~~#202022~~;--sketch-color-foreground-~~disabled~~: ~~#b3b3b3;--sketch-color-foreground-error:~~ ~~#a10000;--sketch-color-foreground-info:~~ ~~#3c9992~~;--sketch-color-foreground-~~inverted~~: ~~#ffffff;--sketch-color-foreground-onaccent:~~ ~~#ffffff;--sketch-color-foreground-onaccent-disabled:~~ ~~#ffffff87~~;--sketch-color-foreground-~~primary~~: ~~#202022;--sketch-color-foreground-secondary:~~ ~~#494949;--sketch-color-foreground-success:~~ ~~#0a8f2e~~;--sketch-color-~~foreground~~-~~tertiary~~: ~~#696969;--~~sketch-color-~~foreground-warning: #9b6909;--sketch-color-~~overlay~~-default:~~ ~~#1e1f20bf~~}[data-mode=sketch-dark]{--sketch-color-accent-default: ~~#f26726~~;--sketch-color-accent-disabled: ~~#4e2f24~~;--sketch-color-accent-error: ~~#cc0000~~;--sketch-color-accent-info: ~~#84d7cf~~;--sketch-color-accent-primary: ~~#f26726~~;--sketch-color-accent-secondary: ~~#ce5820~~;--sketch-color-accent-select: ~~#180a04~~;--sketch-color-accent-success: ~~#13be3e~~;--sketch-color-accent-tertiary: ~~#5f3623~~;--sketch-color-accent-warning: ~~#d4910c~~;--sketch-color-background-default: ~~#202022~~;--sketch-color-background-disabled: ~~#3e3e3f~~;--sketch-color-background-error: ~~#371c1d~~;--sketch-color-background-info: ~~#2d3839~~;--sketch-color-background-primary: ~~#202022~~;--sketch-color-background-secondary: ~~#2d2d2f~~;--sketch-color-background-success: ~~#1e3526~~;--sketch-color-background-tertiary: ~~#454545~~;--sketch-color-background-warning: ~~#382f1f~~;--sketch-color-border-default: ~~#303032~~;--sketch-color-border-disabled: ~~#303032~~;--sketch-color-border-onaccent: ~~#ffffff7d~~;--sketch-color-border-primary: ~~#303032~~;--sketch-color-border-secondary: ~~#454545~~;--sketch-color-border-tertiary: ~~#d9d9d9~~;--sketch-color-foreground-default: ~~#ffffff~~;--sketch-color-foreground-disabled: ~~#9a9a9b~~;--sketch-color-foreground-error: ~~#ff1f1f~~;--sketch-color-foreground-info: ~~#84d7cf~~;--sketch-color-foreground-inverted: ~~#202022~~;--sketch-color-foreground-onaccent: ~~#ffffff~~;--sketch-color-foreground-onaccent-disabled: ~~#ffffff87~~;--sketch-color-foreground-primary: ~~#ffffff~~;--sketch-color-foreground-secondary: ~~#d9d9d9~~;--sketch-color-foreground-success: ~~#13be3e~~;--sketch-color-foreground-tertiary: ~~#b3b3b3~~;--sketch-color-foreground-warning: ~~#d4910c~~;--sketch-color-overlay-default: ~~#1e1f20bf~~}
1	+ @charset "UTF-8";[data-mode=sketch-light]{--sketch-color-accent-default: var(--sketch-color-accent, rgb(94.902% 40.392% 14.902%));--sketch-color-accent-disabled: rgb(98.824% 89.412% 84.706%);--sketch-color-accent-error: rgb(80% 0% 0%);--sketch-color-accent-info: rgb(51.765% 84.314% 81.176%);--sketch-color-accent-primary: rgb(94.902% 40.392% 14.902%);--sketch-color-accent-secondary: rgb(89.02% 43.137% 22.745%);--sketch-color-accent-select: rgb(100% 94.51% 90.98%);--sketch-color-accent-success: rgb(7.451% 74.51% 24.314%);--sketch-color-accent-tertiary: rgb(97.647% 76.471% 66.667%);--sketch-color-accent-warning: rgb(83.137% 56.863% 4.7059%);--sketch-color-background-default: var(--sketch-color-background, rgb(100% 100% 100%));--sketch-color-background-disabled: rgb(94.902% 94.902% 94.902%);--sketch-color-background-error: rgb(100% 87.843% 87.843%);--sketch-color-background-info: rgb(89.804% 96.078% 95.294%);--sketch-color-background-primary: rgb(100% 100% 100%);--sketch-color-background-secondary: rgb(96.078% 96.078% 96.471%);--sketch-color-background-success: rgb(88.235% 95.294% 89.804%);--sketch-color-background-tertiary: rgb(90.98% 90.98% 90.98%);--sketch-color-background-warning: rgb(98.431% 93.333% 85.49%);--sketch-color-border-default: var(--sketch-color-border, rgb(87.843% 87.843% 87.843%));--sketch-color-border-disabled: rgb(92.157% 92.157% 92.157%);--sketch-color-border-onaccent: rgb(100% 100% 100% / .4902);--sketch-color-border-primary: rgb(87.843% 87.843% 87.843%);--sketch-color-border-secondary: rgb(78.431% 78.431% 78.431%);--sketch-color-border-tertiary: rgb(28.627% 28.627% 28.627%);--sketch-color-foreground-default: var(--sketch-color-foreground, rgb(12.549% 12.549% 13.333%));--sketch-color-foreground-disabled: rgb(70.196% 70.196% 70.196%);--sketch-color-foreground-error: rgb(63.137% 0% 0%);--sketch-color-foreground-info: rgb(23.529% 60% 57.255%);--sketch-color-foreground-inverted: rgb(100% 100% 100%);--sketch-color-foreground-onaccent-default: var(--sketch-color-foreground-onaccent, rgb(100% 100% 100%));--sketch-color-foreground-onaccent-disabled: rgb(100% 100% 100% / .52941);--sketch-color-foreground-primary: rgb(12.549% 12.549% 13.333%);--sketch-color-foreground-secondary: rgb(28.627% 28.627% 28.627%);--sketch-color-foreground-success: rgb(3.9216% 56.078% 18.039%);--sketch-color-foreground-tertiary: rgb(41.176% 41.176% 41.176%);--sketch-color-foreground-warning: rgb(60.784% 41.176% 3.5294%);--sketch-color-overlay-default: var(--sketch-color-overlay, rgb(11.765% 12.157% 12.549% / .74902))}[data-mode=sketch-dark]{--sketch-color-accent-default: var(--sketch-color-accent, rgb(94.902% 40.392% 14.902%));--sketch-color-accent-disabled: rgb(30.588% 18.431% 14.118%);--sketch-color-accent-error: rgb(80% 0% 0%);--sketch-color-accent-info: rgb(51.765% 84.314% 81.176%);--sketch-color-accent-primary: rgb(94.902% 40.392% 14.902%);--sketch-color-accent-secondary: rgb(80.784% 34.51% 12.549%);--sketch-color-accent-select: rgb(9.4118% 3.9216% 1.5686%);--sketch-color-accent-success: rgb(7.451% 74.51% 24.314%);--sketch-color-accent-tertiary: rgb(37.255% 21.176% 13.725%);--sketch-color-accent-warning: rgb(83.137% 56.863% 4.7059%);--sketch-color-background-default: var(--sketch-color-background, rgb(12.549% 12.549% 13.333%));--sketch-color-background-disabled: rgb(24.314% 24.314% 24.706%);--sketch-color-background-error: rgb(21.569% 10.98% 11.373%);--sketch-color-background-info: rgb(17.647% 21.961% 22.353%);--sketch-color-background-primary: rgb(12.549% 12.549% 13.333%);--sketch-color-background-secondary: rgb(17.647% 17.647% 18.431%);--sketch-color-background-success: rgb(11.765% 20.784% 14.902%);--sketch-color-background-tertiary: rgb(27.059% 27.059% 27.059%);--sketch-color-background-warning: rgb(21.961% 18.431% 12.157%);--sketch-color-border-default: var(--sketch-color-border, rgb(18.824% 18.824% 19.608%));--sketch-color-border-disabled: rgb(18.824% 18.824% 19.608%);--sketch-color-border-onaccent: rgb(100% 100% 100% / .4902);--sketch-color-border-primary: rgb(18.824% 18.824% 19.608%);--sketch-color-border-secondary: rgb(27.059% 27.059% 27.059%);--sketch-color-border-tertiary: rgb(85.098% 85.098% 85.098%);--sketch-color-foreground-default: var(--sketch-color-foreground, rgb(100% 100% 100%));--sketch-color-foreground-disabled: rgb(60.392% 60.392% 60.784%);--sketch-color-foreground-error: rgb(100% 12.157% 12.157%);--sketch-color-foreground-info: rgb(51.765% 84.314% 81.176%);--sketch-color-foreground-inverted: rgb(12.549% 12.549% 13.333%);--sketch-color-foreground-onaccent-default: var(--sketch-color-foreground-onaccent, rgb(100% 100% 100%));--sketch-color-foreground-onaccent-disabled: rgb(100% 100% 100% / .52941);--sketch-color-foreground-primary: rgb(100% 100% 100%);--sketch-color-foreground-secondary: rgb(85.098% 85.098% 85.098%);--sketch-color-foreground-success: rgb(7.451% 74.51% 24.314%);--sketch-color-foreground-tertiary: rgb(70.196% 70.196% 70.196%);--sketch-color-foreground-warning: rgb(83.137% 56.863% 4.7059%);--sketch-color-overlay-default: var(--sketch-color-overlay, rgb(11.765% 12.157% 12.549% / .74902))}

package/dist/assets/styles/tokens/modules/sketch-types.css CHANGED Viewed

	@@ -1 +1 @@
1	- @~~charset "UTF-8";@~~import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"~~;:root[data-theme=sketch]{--font-stack: "Inter", sans-serif}~~
1	+ @import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

package/dist/components/actions/button/Button.figma.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { i as e } from "../../../index_react-BkjUklDQ.js";
+import { i as e } from "../../../index_react-D2vn0nVd.js";
 import i from "./Button.js";
 e.figma.connect(
   i,

package/dist/components/assets/icon/Icon.figma.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { i as o } from "../../../index_react-BkjUklDQ.js";
+import { i as o } from "../../../index_react-D2vn0nVd.js";
 import { Icon as i } from "./Icon.js";
 o.figma.connect(
   i,

package/dist/components/dialogs/consent/Consent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Consent.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,2CAA2C;QAC3C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;KAC7D,CAAA;IACD;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,cAAc,EAAE;QACd,4BAA4B;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,sBAAsB;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,8BAA8B;QAC9B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC/D;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,~~CAAC~~,YAAY,~~EAAE~~,YAAY,~~CAAC~~;~~gBAClE~~,KAAK,EAAE,YAAY;IAS/B,YAAY,aASX;IAED,SAAS,aASR;IAED,gBAAgB,aAKf;IAGD,qBAAqB,GAAI,OAAO,MAAM,UAerC;IAGD,aAAa,gDAoFZ;IAED,mBAAmB,gDA6MlB;IAGD,MAAM;CAeP"}
1	+ {"version":3,"file":"Consent.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,2CAA2C;QAC3C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;KAC7D,CAAA;IACD;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,cAAc,EAAE;QACd,4BAA4B;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,sBAAsB;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,8BAA8B;QAC9B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC/D;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAClD,YAAY,EACZ,YAAY,CACb;gBACa,KAAK,EAAE,YAAY;IAS/B,YAAY,aASX;IAED,SAAS,aASR;IAED,gBAAgB,aAKf;IAGD,qBAAqB,GAAI,OAAO,MAAM,UAerC;IAGD,aAAa,gDAoFZ;IAED,mBAAmB,gDA6MlB;IAGD,MAAM;CAeP"}

package/dist/components/dialogs/consent/Consent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Consent.js","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport layouts from '@styles/layouts.module.scss'\nimport Bar from '@components/slots/bar/Bar'\nimport Select from '@components/inputs/select/Select'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport Button from '@components/actions/button/Button'\nimport type { ConsentConfiguration } from '@tps/consent.types'\nimport './consent.scss'\n\nexport interface ConsentProps {\n /*\n Welcome message displayed at the top\n /\n welcomeMessage: string\n /\n Message describing the vendors\n /\n vendorsMessage: string\n /\n Privacy policy link configuration\n /\n privacyPolicy: {\n /* Label for the privacy policy link /\n label: string\n /* Click handler for the privacy policy /\n action: React.MouseEventHandler & React.KeyboardEventHandler\n }\n /\n Label for the \"more details\" toggle\n /\n moreDetailsLabel: string\n /\n Label for the \"less details\" toggle\n /\n lessDetailsLabel: string\n /\n Configuration for consent action buttons\n /\n consentActions: {\n /* Consent to all action /\n consent: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n /* Deny all action /\n deny: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n /* Save preferences action /\n save: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n }\n /\n Configuration for a valid vendor\n /\n validVendor: ConsentConfiguration\n /\n List of all vendors\n /\n vendorsList: Array<ConsentConfiguration>\n /\n Whether the consent dialog can be closed\n /\n canBeClosed?: boolean\n /\n Label for the close button\n /\n closeLabel?: string\n /\n Close button handler\n */\n onClose?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface ConsentState {\n isVendorsOpen: boolean\n vendorsConsent: Array<ConsentConfiguration>\n}\n\nexport default class Consent extends React.Component<ConsentProps, ConsentState> {\n constructor(props: ConsentProps) {\n super(props)\n this.state = {\n isVendorsOpen: false,\n vendorsConsent: props.vendorsList,\n }\n }\n\n // Direct Actions\n onConsentAll = () => {\n const { vendorsList, consentActions } = this.props\n\n consentActions.consent.action(\n vendorsList.map((vendor) => ({\n ...vendor,\n isConsented: true,\n }))\n )\n }\n\n onDenyAll = () => {\n const { vendorsList, consentActions } = this.props\n\n consentActions.deny.action(\n vendorsList.map((vendor) => ({\n ...vendor,\n isConsented: false,\n }))\n )\n }\n\n onPartialConsent = () => {\n const { consentActions } = this.props\n const { vendorsConsent } = this.state\n\n consentActions.save.action(vendorsConsent)\n }\n\n // Handlers\n consentVendorsHandler = (index: number) => {\n const { vendorsConsent } = this.state\n\n this.setState({\n vendorsConsent: vendorsConsent.map((consent, i) => {\n if (i === index)\n return {\n ...consent,\n isConsented: !consent.isConsented,\n }\n return {\n ...consent,\n }\n }),\n })\n }\n\n // Templates\n WelcomeScreen = () => {\n const {\n welcomeMessage,\n privacyPolicy,\n moreDetailsLabel,\n consentActions,\n canBeClosed,\n closeLabel,\n onClose,\n } = this.props\n\n const { isVendorsOpen } = this.state\n\n return (\n <div\n className=\"consent__banner\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Cookie consent\"\n >\n <div\n className=\"consent__banner__message\"\n role=\"region\"\n >\n <div className={texts.type}>{welcomeMessage}</div>\n <Button\n type=\"tertiary\"\n label={privacyPolicy.label}\n action={privacyPolicy.action}\n aria-label={privacyPolicy.label}\n />\n </div>\n <Bar\n leftPartSlot={\n <Button\n type=\"tertiary\"\n label={moreDetailsLabel}\n action={() =>\n this.setState({\n isVendorsOpen: !isVendorsOpen,\n })\n }\n aria-label={moreDetailsLabel}\n aria-expanded={isVendorsOpen}\n />\n }\n rightPartSlot={\n <div\n className={doClassnames([\n 'consent__banner__actions',\n layouts['snackbar--medium'],\n ])}\n role=\"group\"\n >\n <Button\n type=\"secondary\"\n label={consentActions.deny.label}\n action={this.onDenyAll}\n aria-label={consentActions.deny.label}\n />\n <Button\n type=\"primary\"\n label={consentActions.consent.label}\n action={this.onConsentAll}\n aria-label={consentActions.consent.label}\n />\n {canBeClosed && (\n <Button\n type=\"icon\"\n icon=\"close\"\n helper={\n closeLabel !== undefined\n ? { label: closeLabel, pin: 'TOP' }\n : undefined\n }\n action={onClose}\n />\n )}\n </div>\n }\n padding=\"0\"\n />\n </div>\n )\n }\n\n DetailedVendorsList = () => {\n const {\n vendorsMessage,\n lessDetailsLabel,\n validVendor,\n vendorsList,\n consentActions,\n canBeClosed,\n closeLabel,\n onClose,\n } = this.props\n\n const { isVendorsOpen, vendorsConsent } = this.state\n\n return (\n <div\n className=\"consent__banner\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Cookie vendors consent preferences\"\n >\n <div\n className=\"consent__banner__content\"\n role=\"region\"\n >\n <div\n className={doClassnames(['consent__banner__message', texts.type])}\n role=\"status\"\n aria-live=\"polite\"\n >\n {vendorsMessage}\n </div>\n <ul\n className=\"consent__banner__list\"\n role=\"list\"\n >\n <li\n className=\"consent__banner__item\"\n role=\"listitem\"\n >\n <Bar\n leftPartSlot={\n <div className={layouts['snackbar--large']}>\n <div>\n <div\n className={doClassnames([\n 'consent__banner__item__title',\n texts['type--large'],\n texts.type,\n ])}\n role=\"heading\"\n aria-level={2}\n >\n {validVendor.name}\n </div>\n <div\n className={doClassnames([\n 'consent__banner__item__description',\n texts.type,\n ])}\n role=\"note\"\n >\n {validVendor.description}\n </div>\n </div>\n </div>\n }\n rightPartSlot={\n <div\n className=\"consent__banner__item__action\"\n role=\"switch\"\n aria-checked={validVendor.isConsented}\n aria-readonly=\"true\"\n >\n <Select\n id={`legit-user-consent`}\n type=\"SWITCH_BUTTON\"\n isChecked={validVendor.isConsented}\n isDisabled={true}\n />\n </div>\n }\n border={['BOTTOM']}\n padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n />\n </li>\n {vendorsList.map((vendor, index) => (\n <li\n key={index}\n className=\"consent__banner__item\"\n role=\"listitem\"\n >\n <Bar\n leftPartSlot={\n <div className={layouts['snackbar--large']}>\n <div\n className=\"consent__banner__item__icon\"\n role=\"img\"\n >\n <Thumbnail\n src={vendor.icon}\n width=\"32px\"\n height=\"32px\"\n />\n </div>\n <div>\n <div\n className={doClassnames([\n 'consent__banner__item__title',\n texts['type--large'],\n texts.type,\n ])}\n role=\"heading\"\n aria-level={2}\n >\n {vendor.name}\n </div>\n <div\n className={doClassnames([\n 'consent__banner__item__description',\n texts.type,\n ])}\n role=\"note\"\n >\n {vendor.description}\n </div>\n </div>\n </div>\n }\n rightPartSlot={\n <div\n className=\"consent__banner__item__action\"\n role=\"switch\"\n aria-checked={vendorsConsent[index].isConsented}\n >\n <Select\n id={`change-${vendor.id}-user-consent`}\n type=\"SWITCH_BUTTON\"\n isChecked={vendorsConsent[index].isConsented}\n action={() => this.consentVendorsHandler(index)}\n />\n </div>\n }\n border={\n index === vendorsConsent.length - 1 ? undefined : ['BOTTOM']\n }\n padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n />\n </li>\n ))}\n </ul>\n </div>\n <Bar\n leftPartSlot={\n <Button\n type=\"tertiary\"\n label={lessDetailsLabel}\n action={() =>\n this.setState({\n isVendorsOpen: !isVendorsOpen,\n })\n }\n aria-label={lessDetailsLabel}\n aria-expanded={!isVendorsOpen}\n />\n }\n rightPartSlot={\n <div\n className={doClassnames([\n 'consent__banner__actions',\n layouts['snackbar--medium'],\n ])}\n role=\"group\"\n >\n <Button\n type=\"secondary\"\n label={consentActions.deny.label}\n action={this.onDenyAll}\n aria-label={consentActions.deny.label}\n />\n <Button\n type=\"primary\"\n label={consentActions.save.label}\n action={this.onPartialConsent}\n aria-label={consentActions.save.label}\n isAutofocus\n />\n {canBeClosed && (\n <Button\n type=\"icon\"\n icon=\"close\"\n helper={\n closeLabel !== undefined\n ? { label: closeLabel, pin: 'TOP' }\n : undefined\n }\n action={onClose}\n />\n )}\n </div>\n }\n padding=\"0\"\n />\n </div>\n )\n }\n\n // Render\n render() {\n const { isVendorsOpen } = this.state\n\n if (isVendorsOpen)\n return (\n <dialog className=\"consent\">\n <this.DetailedVendorsList />\n </dialog>\n )\n return (\n <dialog className=\"consent\">\n <this.WelcomeScreen />\n </dialog>\n )\n }\n}\n"],"names":["Consent","React","props","vendorsList","consentActions","vendor","vendorsConsent","index","consent","i","welcomeMessage","privacyPolicy","moreDetailsLabel","canBeClosed","closeLabel","onClose","isVendorsOpen","jsxs","jsx","texts","Button","Bar","doClassnames","layouts","vendorsMessage","lessDetailsLabel","validVendor","Select","Thumbnail"],"mappings":"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"}
1	+ {"version":3,"file":"Consent.js","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport layouts from '@styles/layouts.module.scss'\nimport Bar from '@components/slots/bar/Bar'\nimport Select from '@components/inputs/select/Select'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport Button from '@components/actions/button/Button'\nimport type { ConsentConfiguration } from '@tps/consent.types'\nimport './consent.scss'\n\nexport interface ConsentProps {\n /*\n Welcome message displayed at the top\n /\n welcomeMessage: string\n /\n Message describing the vendors\n /\n vendorsMessage: string\n /\n Privacy policy link configuration\n /\n privacyPolicy: {\n /* Label for the privacy policy link /\n label: string\n /* Click handler for the privacy policy /\n action: React.MouseEventHandler & React.KeyboardEventHandler\n }\n /\n Label for the \"more details\" toggle\n /\n moreDetailsLabel: string\n /\n Label for the \"less details\" toggle\n /\n lessDetailsLabel: string\n /\n Configuration for consent action buttons\n /\n consentActions: {\n /* Consent to all action /\n consent: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n /* Deny all action /\n deny: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n /* Save preferences action /\n save: {\n label: string\n action: (vendorsConsent: Array<ConsentConfiguration>) => void\n }\n }\n /\n Configuration for a valid vendor\n /\n validVendor: ConsentConfiguration\n /\n List of all vendors\n /\n vendorsList: Array<ConsentConfiguration>\n /\n Whether the consent dialog can be closed\n /\n canBeClosed?: boolean\n /\n Label for the close button\n /\n closeLabel?: string\n /\n Close button handler\n */\n onClose?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface ConsentState {\n isVendorsOpen: boolean\n vendorsConsent: Array<ConsentConfiguration>\n}\n\nexport default class Consent extends React.Component<\n ConsentProps,\n ConsentState\n> {\n constructor(props: ConsentProps) {\n super(props)\n this.state = {\n isVendorsOpen: false,\n vendorsConsent: props.vendorsList,\n }\n }\n\n // Direct Actions\n onConsentAll = () => {\n const { vendorsList, consentActions } = this.props\n\n consentActions.consent.action(\n vendorsList.map((vendor) => ({\n ...vendor,\n isConsented: true,\n }))\n )\n }\n\n onDenyAll = () => {\n const { vendorsList, consentActions } = this.props\n\n consentActions.deny.action(\n vendorsList.map((vendor) => ({\n ...vendor,\n isConsented: false,\n }))\n )\n }\n\n onPartialConsent = () => {\n const { consentActions } = this.props\n const { vendorsConsent } = this.state\n\n consentActions.save.action(vendorsConsent)\n }\n\n // Handlers\n consentVendorsHandler = (index: number) => {\n const { vendorsConsent } = this.state\n\n this.setState({\n vendorsConsent: vendorsConsent.map((consent, i) => {\n if (i === index)\n return {\n ...consent,\n isConsented: !consent.isConsented,\n }\n return {\n ...consent,\n }\n }),\n })\n }\n\n // Templates\n WelcomeScreen = () => {\n const {\n welcomeMessage,\n privacyPolicy,\n moreDetailsLabel,\n consentActions,\n canBeClosed,\n closeLabel,\n onClose,\n } = this.props\n\n const { isVendorsOpen } = this.state\n\n return (\n <div\n className=\"consent__banner\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Cookie consent\"\n >\n <div\n className=\"consent__banner__message\"\n role=\"region\"\n >\n <div className={texts.type}>{welcomeMessage}</div>\n <Button\n type=\"tertiary\"\n label={privacyPolicy.label}\n action={privacyPolicy.action}\n aria-label={privacyPolicy.label}\n />\n </div>\n <Bar\n leftPartSlot={\n <Button\n type=\"tertiary\"\n label={moreDetailsLabel}\n action={() =>\n this.setState({\n isVendorsOpen: !isVendorsOpen,\n })\n }\n aria-label={moreDetailsLabel}\n aria-expanded={isVendorsOpen}\n />\n }\n rightPartSlot={\n <div\n className={doClassnames([\n 'consent__banner__actions',\n layouts['snackbar--medium'],\n ])}\n role=\"group\"\n >\n <Button\n type=\"secondary\"\n label={consentActions.deny.label}\n action={this.onDenyAll}\n aria-label={consentActions.deny.label}\n />\n <Button\n type=\"primary\"\n label={consentActions.consent.label}\n action={this.onConsentAll}\n aria-label={consentActions.consent.label}\n />\n {canBeClosed && (\n <Button\n type=\"icon\"\n icon=\"close\"\n helper={\n closeLabel !== undefined\n ? { label: closeLabel, pin: 'TOP' }\n : undefined\n }\n action={onClose}\n />\n )}\n </div>\n }\n padding=\"0\"\n />\n </div>\n )\n }\n\n DetailedVendorsList = () => {\n const {\n vendorsMessage,\n lessDetailsLabel,\n validVendor,\n vendorsList,\n consentActions,\n canBeClosed,\n closeLabel,\n onClose,\n } = this.props\n\n const { isVendorsOpen, vendorsConsent } = this.state\n\n return (\n <div\n className=\"consent__banner\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Cookie vendors consent preferences\"\n >\n <div\n className=\"consent__banner__content\"\n role=\"region\"\n >\n <div\n className={doClassnames(['consent__banner__message', texts.type])}\n role=\"status\"\n aria-live=\"polite\"\n >\n {vendorsMessage}\n </div>\n <ul\n className=\"consent__banner__list\"\n role=\"list\"\n >\n <li\n className=\"consent__banner__item\"\n role=\"listitem\"\n >\n <Bar\n leftPartSlot={\n <div className={layouts['snackbar--large']}>\n <div>\n <div\n className={doClassnames([\n 'consent__banner__item__title',\n texts['type--large'],\n texts.type,\n ])}\n role=\"heading\"\n aria-level={2}\n >\n {validVendor.name}\n </div>\n <div\n className={doClassnames([\n 'consent__banner__item__description',\n texts.type,\n ])}\n role=\"note\"\n >\n {validVendor.description}\n </div>\n </div>\n </div>\n }\n rightPartSlot={\n <div\n className=\"consent__banner__item__action\"\n role=\"switch\"\n aria-checked={validVendor.isConsented}\n aria-readonly=\"true\"\n >\n <Select\n id={`legit-user-consent`}\n type=\"SWITCH_BUTTON\"\n isChecked={validVendor.isConsented}\n isDisabled={true}\n />\n </div>\n }\n border={['BOTTOM']}\n padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n />\n </li>\n {vendorsList.map((vendor, index) => (\n <li\n key={index}\n className=\"consent__banner__item\"\n role=\"listitem\"\n >\n <Bar\n leftPartSlot={\n <div className={layouts['snackbar--large']}>\n <div\n className=\"consent__banner__item__icon\"\n role=\"img\"\n >\n <Thumbnail\n src={vendor.icon}\n width=\"32px\"\n height=\"32px\"\n />\n </div>\n <div>\n <div\n className={doClassnames([\n 'consent__banner__item__title',\n texts['type--large'],\n texts.type,\n ])}\n role=\"heading\"\n aria-level={2}\n >\n {vendor.name}\n </div>\n <div\n className={doClassnames([\n 'consent__banner__item__description',\n texts.type,\n ])}\n role=\"note\"\n >\n {vendor.description}\n </div>\n </div>\n </div>\n }\n rightPartSlot={\n <div\n className=\"consent__banner__item__action\"\n role=\"switch\"\n aria-checked={vendorsConsent[index].isConsented}\n >\n <Select\n id={`change-${vendor.id}-user-consent`}\n type=\"SWITCH_BUTTON\"\n isChecked={vendorsConsent[index].isConsented}\n action={() => this.consentVendorsHandler(index)}\n />\n </div>\n }\n border={\n index === vendorsConsent.length - 1 ? undefined : ['BOTTOM']\n }\n padding=\"var(--size-pos-xxxsmall) 0 var(--size-pos-xxsmall) 0\"\n />\n </li>\n ))}\n </ul>\n </div>\n <Bar\n leftPartSlot={\n <Button\n type=\"tertiary\"\n label={lessDetailsLabel}\n action={() =>\n this.setState({\n isVendorsOpen: !isVendorsOpen,\n })\n }\n aria-label={lessDetailsLabel}\n aria-expanded={!isVendorsOpen}\n />\n }\n rightPartSlot={\n <div\n className={doClassnames([\n 'consent__banner__actions',\n layouts['snackbar--medium'],\n ])}\n role=\"group\"\n >\n <Button\n type=\"secondary\"\n label={consentActions.deny.label}\n action={this.onDenyAll}\n aria-label={consentActions.deny.label}\n />\n <Button\n type=\"primary\"\n label={consentActions.save.label}\n action={this.onPartialConsent}\n aria-label={consentActions.save.label}\n isAutofocus\n />\n {canBeClosed && (\n <Button\n type=\"icon\"\n icon=\"close\"\n helper={\n closeLabel !== undefined\n ? { label: closeLabel, pin: 'TOP' }\n : undefined\n }\n action={onClose}\n />\n )}\n </div>\n }\n padding=\"0\"\n />\n </div>\n )\n }\n\n // Render\n render() {\n const { isVendorsOpen } = this.state\n\n if (isVendorsOpen)\n return (\n <dialog className=\"consent\">\n <this.DetailedVendorsList />\n </dialog>\n )\n return (\n <dialog className=\"consent\">\n <this.WelcomeScreen />\n </dialog>\n )\n }\n}\n"],"names":["Consent","React","props","vendorsList","consentActions","vendor","vendorsConsent","index","consent","i","welcomeMessage","privacyPolicy","moreDetailsLabel","canBeClosed","closeLabel","onClose","isVendorsOpen","jsxs","jsx","texts","Button","Bar","doClassnames","layouts","vendorsMessage","lessDetailsLabel","validVendor","Select","Thumbnail"],"mappings":"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"}

package/dist/components/inputs/dropdown/Dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACrC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,wBAAwB;QACxB,KAAK,EAAE,MAAM,CAAA;QACb,mBAAmB;QACnB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC9B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;;OAGG;IACH,YAAY,CAAC,EAAE;QACb,gCAAgC;QAChC,SAAS,EAAE,OAAO,CAAA;QAClB,iCAAiC;QACjC,IAAI,EAAE,QAAQ,CAAA;KACf,CAAA;IACD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CACjE;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,OAAO,CAAA;IACzB,gBAAgB,EAAE,OAAO,CAAA;IACzB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,~~CAAC~~,aAAa,~~EAAE~~,aAAa,~~CAAC~~;~~IACjF~~,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,SAAS,CAAoC;IACrD,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,OAAO,CAAmC;IAClD,OAAO,CAAC,UAAU,CAAmC;IAErD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAO1C;gBAEW,KAAK,EAAE,aAAa;IAkBhC,iBAAiB,aAGhB;IAED,oBAAoB,aAGnB;IAGD,YAAY,aAEX;IAGD,UAAU,aAkGT;IAED,WAAW,eAqDV;IAED,kBAAkB,GAAI,GAAG,KAAK,UAmB7B;IAED,kBAAkB,GAAI,SAAS,KAAK,CAAC,cAAc,CAAC,KAAG,MAAM,CAgB5D;IAGD,MAAM,4DA0BL;IAGD,UAAU,gDAiCT;IAED,cAAc,gDA4Ib;IAGD,MAAM;CASP"}
1	+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/inputs/dropdown/Dropdown.figma.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { i as e } from "../../../index_react-BkjUklDQ.js";
+import { i as e } from "../../../index_react-D2vn0nVd.js";
 import o from "./Dropdown.js";
 e.figma.connect(
   o,

package/dist/components/inputs/dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/inputs/dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport ActionsList from '@components/lists/actions-list/ActionsList'\nimport Icon from '@components/assets/icon/Icon'\nimport Menu, { MenuProps } from '@components/actions/menu/Menu'\nimport type { DropdownOption } from '@tps/list.types'\nimport type { IconList } from '@tps/icon.types'\nimport './dropdown.scss'\n\nexport interface DropdownProps {\n /*\n Unique identifier for the dropdown\n /\n id: string\n /\n List of options to display in the dropdown\n /\n options: Array<DropdownOption>\n /\n ID of the currently selected option\n /\n selected: string\n /\n ID of the container element for portal rendering\n /\n containerId?: string\n /\n Horizontal alignment of the dropdown\n * @default 'LEFT'\n /\n alignment?: 'RIGHT' \| 'LEFT' \| 'FILL'\n /\n Vertical position of helper tooltips\n * @default 'NONE'\n /\n pin?: 'NONE' \| 'TOP' \| 'BOTTOM'\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Tooltip display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Preview tooltip configuration with image\n /\n preview?: {\n /* Preview image URL /\n image: string\n /* Preview text /\n text: string \| React.ReactNode\n /* Preview position /\n pin?: 'TOP' \| 'BOTTOM'\n }\n /\n Warning tooltip configuration\n /\n warning?: {\n /* Warning message /\n label: string \| React.ReactNode\n /* Warning position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Warning display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Reflow configuration for responsive behavior\n * @default { isEnabled: false, icon: 'adjust' }\n /\n shouldReflow?: {\n /* Whether reflow is enabled /\n isEnabled: boolean\n /* Icon to show when reflowed /\n icon: IconList\n }\n /\n Whether the dropdown is disabled\n * @default false\n /\n isDisabled?: boolean\n /\n Whether the dropdown is blocked\n * @default false\n /\n isBlocked?: boolean\n /\n Whether to show a \"New\" badge\n * @default false\n /\n isNew?: boolean\n /\n Handler called when unblock is clicked\n */\n onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface DropdownState {\n isMenuOpen: boolean\n isMenuVisible: boolean\n listShouldScroll: boolean\n isTooltipVisible: boolean\n documentWidth: number\n}\n\nexport default class Dropdown extends React.Component<DropdownProps, DropdownState> {\n private selectMenuRef: React.RefObject<HTMLDivElement>\n private buttonRef: React.RefObject<HTMLButtonElement>\n private listRef: React.RefObject<HTMLDivElement>\n private actionsListRef: React.RefObject<ActionsList>\n private menuRef: React.RefObject<HTMLUListElement>\n private subMenuRef: React.RefObject<HTMLUListElement>\n\n static defaultProps: Partial<DropdownProps> = {\n alignment: 'LEFT',\n pin: 'NONE',\n shouldReflow: { isEnabled: false, icon: 'adjust' },\n isNew: false,\n isBlocked: false,\n isDisabled: false,\n }\n\n constructor(props: DropdownProps) {\n super(props)\n this.state = {\n isMenuOpen: false,\n isMenuVisible: false,\n listShouldScroll: false,\n isTooltipVisible: false,\n documentWidth: typeof window !== 'undefined' ? window.innerWidth : 1024,\n }\n this.selectMenuRef = React.createRef()\n this.buttonRef = React.createRef()\n this.listRef = React.createRef()\n this.actionsListRef = React.createRef()\n this.menuRef = React.createRef()\n this.subMenuRef = React.createRef()\n this.handleClickOutside = this.handleClickOutside.bind(this)\n }\n\n componentDidMount = () => {\n document.addEventListener('mousedown', this.handleClickOutside)\n window.addEventListener('resize', this.handleResize)\n }\n\n componentWillUnmount = () => {\n document.removeEventListener('mousedown', this.handleClickOutside)\n window.removeEventListener('resize', this.handleResize)\n }\n\n // Handlers\n handleResize = () => {\n this.setState({ documentWidth: window.innerWidth })\n }\n\n // Direct Actions\n onOpenMenu = () => {\n const { containerId } = this.props\n const { isMenuOpen } = this.state\n\n this.setState({\n isMenuOpen: !isMenuOpen,\n })\n\n setTimeout(() => {\n if (this.listRef.current != null) {\n const menuRect = this.listRef.current.getBoundingClientRect()\n const buttonRect = this.buttonRef.current?.getBoundingClientRect()\n\n let adjustedTop = 0\n let adjustedLeft = 0\n let shouldTransformY = false\n let shouldTransformX = false\n\n if (menuRect.bottom > window.innerHeight) {\n adjustedTop = window.innerHeight - menuRect.height - 8\n shouldTransformY = true\n }\n if (menuRect.top < 0) {\n adjustedTop = 8\n shouldTransformY = true\n }\n\n if (menuRect.right > window.innerWidth) {\n adjustedLeft = window.innerWidth - menuRect.width - 8\n shouldTransformX = true\n }\n if (menuRect.left < 0) {\n adjustedLeft = 8\n shouldTransformX = true\n }\n\n if (shouldTransformY) {\n if (buttonRect)\n this.listRef.current.style.top = `${adjustedTop - buttonRect.top}px`\n this.listRef.current.style.transform = shouldTransformX\n ? `translate(${adjustedLeft - menuRect.left}px, 0)`\n : 'none'\n }\n\n if (shouldTransformX && !shouldTransformY)\n this.listRef.current.style.transform = `translateX(${adjustedLeft - menuRect.left}px)`\n\n if (containerId !== undefined) {\n const containerElement = document.getElementById(containerId)\n if (containerElement) {\n const container = containerElement.getBoundingClientRect()\n const button = this.buttonRef.current?.getBoundingClientRect()\n\n const diffTop =\n this.listRef.current.getBoundingClientRect().top - container.top\n const diffBottom =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffTop < -16 && button) {\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n this.setState({\n listShouldScroll: true,\n })\n\n const diffBottomV2 =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffBottomV2 < -16)\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n }\n\n if (diffBottom > -16 && button) {\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n this.setState({\n listShouldScroll: true,\n })\n\n const diffTopV2 =\n this.listRef.current.getBoundingClientRect().top - container.top\n\n if (diffTopV2 > -16)\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n }\n\n this.listRef.current.style.visibility = 'visible'\n }\n }\n\n // Rendre le menu visible après positionnement\n this.setState({ isMenuVisible: true })\n }\n }, 1)\n }\n\n setPosition = () => {\n const { options, selected } = this.props\n if (!this.selectMenuRef.current \|\| !this.listRef.current) return '0px'\n\n const listComputedStyle = getComputedStyle(this.listRef.current)\n const itemHeight = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-item-height') \|\| '32',\n 10\n )\n const dividerHeight = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-divider-height') \|\|\n '1',\n 10\n )\n const dividerMarginTop = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-divider-margin-top') \|\|\n '11',\n 10\n )\n const dividerMarginBottom = parseInt(\n listComputedStyle.getPropertyValue(\n '--actions-list-divider-margin-bottom'\n ) \|\| '8',\n 10\n )\n\n const menuPaddingTop = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-padding-top') \|\| '4',\n 10\n )\n\n let totalHeight = menuPaddingTop\n\n for (let i = 0; i < options.length; i++) {\n const option = options[i]\n\n if (\n option.value === selected \|\|\n option.children?.find((child) => child.value === selected) !== undefined\n )\n break\n\n if (option.type === 'SEPARATOR')\n totalHeight += dividerHeight + dividerMarginTop + dividerMarginBottom\n else if (\n option.type === 'TITLE' \|\|\n option.type === 'OPTION' \|\|\n option.type === 'GROUP'\n )\n totalHeight += itemHeight\n }\n\n return `-${totalHeight}px`\n }\n\n handleClickOutside = (e: Event) => {\n const target = e.target as HTMLElement\n if (\n target === this.buttonRef.current \|\|\n target === this.menuRef.current \|\|\n target === this.subMenuRef.current \|\|\n (target.tagName === 'HR' && this.menuRef.current?.contains(target)) \|\|\n (target.dataset.role === 'GROUP' &&\n this.menuRef.current?.contains(target))\n )\n this.setState({\n isMenuOpen: true,\n })\n else\n this.setState({\n isMenuOpen: false,\n isMenuVisible: false,\n listShouldScroll: false,\n })\n }\n\n findSelectedOption = (options: Array<DropdownOption>): string => {\n const { selected } = this.props\n const label: Array<string> = []\n\n selected.split(', ').forEach((value) => {\n options.forEach((option) => {\n if (option.value === value) label.push(option.label ?? '')\n if (\n option.children?.find((child) => child.value === value) !== undefined\n )\n label.push(\n option.children?.find((child) => child.value === value)?.label ?? ''\n )\n })\n })\n return label.join(', ')\n }\n\n // Template\n Status = () => {\n const { warning, preview, isBlocked, isNew, onUnblock } = this.props\n\n if (warning \|\| isBlocked \|\| isNew)\n return (\n <div className=\"select-menu__status\">\n {warning !== undefined && (\n <IconChip\n iconType=\"PICTO\"\n iconName=\"warning\"\n text={warning.label}\n pin={warning.pin}\n type={warning.type}\n />\n )}\n {(isBlocked \|\| isNew) && (\n <Chip\n preview={preview}\n isSolo\n action={isBlocked ? onUnblock : undefined}\n >\n {isNew ? 'New' : 'Pro'}\n </Chip>\n )}\n </div>\n )\n }\n\n // Templates\n MenuButton = () => {\n const {\n id,\n helper,\n warning,\n options,\n selected,\n pin,\n alignment,\n shouldReflow,\n isBlocked,\n } = this.props\n\n const newAlignment = []\n\n if (pin === 'TOP' \|\| pin === 'NONE') newAlignment.push('BOTTOM')\n else newAlignment.push('TOP')\n\n if (alignment === 'LEFT' \|\| alignment === 'FILL') newAlignment.push('LEFT')\n else newAlignment.push('RIGHT')\n\n return (\n <Menu\n id={id}\n options={options}\n selected={selected}\n alignment={`${newAlignment.join('_')}` as MenuProps['alignment']}\n icon={shouldReflow?.icon}\n helper={helper}\n warning={warning}\n isBlocked={isBlocked}\n />\n )\n }\n\n DropdownButton = () => {\n const {\n id,\n alignment,\n options,\n selected,\n helper,\n containerId,\n isDisabled,\n isBlocked,\n } = this.props\n const { isMenuOpen, listShouldScroll, isTooltipVisible } = this.state\n\n return (\n <div\n id={id}\n className={doClassnames([\n 'select-menu',\n (() => {\n if (alignment === 'LEFT') return 'select-menu--left'\n if (alignment === 'RIGHT') return 'select-menu--right'\n return 'select-menu--fill'\n })(),\n (isDisabled \|\| isBlocked) && 'select-menu--disabled',\n ])}\n ref={this.selectMenuRef}\n >\n <button\n role=\"combobox\"\n className={doClassnames([\n 'select-menu__button',\n isMenuOpen && 'select-menu__button--active',\n ])}\n disabled={isDisabled \|\| isBlocked}\n aria-expanded={isMenuOpen ? 'true' : 'false'}\n {...(isMenuOpen &&\n (containerId === undefined ? this.state.isMenuVisible : true) && {\n 'aria-controls': `${id}-menu`,\n })}\n aria-label={`Select option: ${this.findSelectedOption(options)}`}\n aria-haspopup=\"menu\"\n onKeyDown={(e) => {\n if (\n e.key === ' ' \|\|\n (e.key === 'Enter' && !(isDisabled \|\| isBlocked))\n ) {\n this.onOpenMenu()\n setTimeout(\n () => this.actionsListRef.current?.focusFirstMenuItem(),\n 0\n )\n }\n if (e.key === 'Escape') return (e.target as HTMLElement).blur()\n return null\n }}\n onMouseDown={!(isDisabled \|\| isBlocked) ? this.onOpenMenu : undefined}\n onMouseEnter={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: true })\n }}\n onMouseLeave={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: false })\n }}\n onFocus={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: true })\n }}\n onBlur={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: false })\n }}\n tabIndex={0}\n ref={this.buttonRef}\n >\n <span\n className={doClassnames([\n texts['type--truncated'],\n texts.type,\n 'select-menu__label',\n ])}\n >\n {this.findSelectedOption(options)}\n </span>\n <span className=\"select-menu__caret\">\n <Icon\n type=\"PICTO\"\n iconName=\"caret-down\"\n />\n </span>\n {isTooltipVisible && helper !== undefined && (\n <Tooltip\n pin={helper?.pin \|\| 'BOTTOM'}\n type={helper?.type \|\| 'SINGLE_LINE'}\n >\n {helper?.label}\n </Tooltip>\n )}\n </button>\n {this.Status()}\n {(() => {\n const { pin } = this.props\n\n if (isMenuOpen)\n return (\n <div\n className=\"floating-menu\"\n id={`${id}-menu`}\n style={{\n position: 'absolute',\n zIndex: 99,\n top:\n pin === 'TOP'\n ? '-4px'\n : pin === 'BOTTOM'\n ? 'auto'\n : this.setPosition(),\n bottom: pin === 'BOTTOM' ? '-4px' : 'auto',\n right: alignment === 'RIGHT' ? 0 : 'auto',\n left: alignment === 'LEFT' ? 0 : 'auto',\n visibility:\n containerId === undefined && this.state.isMenuVisible\n ? 'visible'\n : 'hidden',\n }}\n ref={this.listRef}\n >\n <ActionsList\n options={options}\n selected={selected}\n direction={alignment?.includes('LEFT') ? 'RIGHT' : 'LEFT'}\n shouldScroll={listShouldScroll}\n containerId={containerId}\n onCancellation={() => this.setState({ isMenuOpen: false })}\n ref={this.actionsListRef}\n menuRef={this.menuRef}\n subMenuRef={this.subMenuRef}\n />\n </div>\n )\n return null\n })()}\n </div>\n )\n }\n\n // Render\n render() {\n const { shouldReflow } = this.props\n const { documentWidth } = this.state\n\n const isReflowActive = shouldReflow?.isEnabled && documentWidth <= 460\n\n if (isReflowActive) return this.MenuButton()\n return this.DropdownButton()\n }\n}\n"],"names":["Dropdown","React","props","containerId","isMenuOpen","menuRect","buttonRect","adjustedTop","adjustedLeft","shouldTransformY","shouldTransformX","containerElement","container","button","diffTop","diffBottom","options","selected","listComputedStyle","itemHeight","dividerHeight","dividerMarginTop","dividerMarginBottom","totalHeight","i","option","child","e","target","label","value","warning","preview","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","id","helper","pin","alignment","shouldReflow","newAlignment","Menu","isDisabled","listShouldScroll","isTooltipVisible","doClassnames","texts","Icon","Tooltip","ActionsList","documentWidth"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/inputs/dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport Chip from '@components/tags/chip/Chip'\nimport ActionsList from '@components/lists/actions-list/ActionsList'\nimport Icon from '@components/assets/icon/Icon'\nimport Menu, { MenuProps } from '@components/actions/menu/Menu'\nimport type { DropdownOption } from '@tps/list.types'\nimport type { IconList } from '@tps/icon.types'\nimport './dropdown.scss'\n\nexport interface DropdownProps {\n /*\n Unique identifier for the dropdown\n /\n id: string\n /\n List of options to display in the dropdown\n /\n options: Array<DropdownOption>\n /\n ID of the currently selected option\n /\n selected: string\n /\n ID of the container element for portal rendering\n /\n containerId?: string\n /\n Horizontal alignment of the dropdown\n * @default 'LEFT'\n /\n alignment?: 'RIGHT' \| 'LEFT' \| 'FILL'\n /\n Vertical position of helper tooltips\n * @default 'NONE'\n /\n pin?: 'NONE' \| 'TOP' \| 'BOTTOM'\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Tooltip display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Preview tooltip configuration with image\n /\n preview?: {\n /* Preview image URL /\n image: string\n /* Preview text /\n text: string \| React.ReactNode\n /* Preview position /\n pin?: 'TOP' \| 'BOTTOM'\n }\n /\n Warning tooltip configuration\n /\n warning?: {\n /* Warning message /\n label: string \| React.ReactNode\n /* Warning position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Warning display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Reflow configuration for responsive behavior\n * @default { isEnabled: false, icon: 'adjust' }\n /\n shouldReflow?: {\n /* Whether reflow is enabled /\n isEnabled: boolean\n /* Icon to show when reflowed /\n icon: IconList\n }\n /\n Whether the dropdown is disabled\n * @default false\n /\n isDisabled?: boolean\n /\n Whether the dropdown is blocked\n * @default false\n /\n isBlocked?: boolean\n /\n Whether to show a \"New\" badge\n * @default false\n /\n isNew?: boolean\n /\n Handler called when unblock is clicked\n */\n onUnblock?: React.MouseEventHandler & React.KeyboardEventHandler\n}\n\nexport interface DropdownState {\n isMenuOpen: boolean\n isMenuVisible: boolean\n listShouldScroll: boolean\n isTooltipVisible: boolean\n documentWidth: number\n}\n\nexport default class Dropdown extends React.Component<\n DropdownProps,\n DropdownState\n> {\n private selectMenuRef: React.RefObject<HTMLDivElement>\n private buttonRef: React.RefObject<HTMLButtonElement>\n private listRef: React.RefObject<HTMLDivElement>\n private actionsListRef: React.RefObject<ActionsList>\n private menuRef: React.RefObject<HTMLUListElement>\n private subMenuRef: React.RefObject<HTMLUListElement>\n\n static defaultProps: Partial<DropdownProps> = {\n alignment: 'LEFT',\n pin: 'NONE',\n shouldReflow: { isEnabled: false, icon: 'adjust' },\n isNew: false,\n isBlocked: false,\n isDisabled: false,\n }\n\n constructor(props: DropdownProps) {\n super(props)\n this.state = {\n isMenuOpen: false,\n isMenuVisible: false,\n listShouldScroll: false,\n isTooltipVisible: false,\n documentWidth: typeof window !== 'undefined' ? window.innerWidth : 1024,\n }\n this.selectMenuRef = React.createRef()\n this.buttonRef = React.createRef()\n this.listRef = React.createRef()\n this.actionsListRef = React.createRef()\n this.menuRef = React.createRef()\n this.subMenuRef = React.createRef()\n this.handleClickOutside = this.handleClickOutside.bind(this)\n }\n\n componentDidMount = () => {\n document.addEventListener('mousedown', this.handleClickOutside)\n window.addEventListener('resize', this.handleResize)\n }\n\n componentWillUnmount = () => {\n document.removeEventListener('mousedown', this.handleClickOutside)\n window.removeEventListener('resize', this.handleResize)\n }\n\n // Handlers\n handleResize = () => {\n this.setState({ documentWidth: window.innerWidth })\n }\n\n // Direct Actions\n onOpenMenu = () => {\n const { containerId } = this.props\n const { isMenuOpen } = this.state\n\n this.setState({\n isMenuOpen: !isMenuOpen,\n })\n\n setTimeout(() => {\n if (this.listRef.current != null) {\n const menuRect = this.listRef.current.getBoundingClientRect()\n const buttonRect = this.buttonRef.current?.getBoundingClientRect()\n\n let adjustedTop = 0\n let adjustedLeft = 0\n let shouldTransformY = false\n let shouldTransformX = false\n\n if (menuRect.bottom > window.innerHeight) {\n adjustedTop = window.innerHeight - menuRect.height - 8\n shouldTransformY = true\n }\n if (menuRect.top < 0) {\n adjustedTop = 8\n shouldTransformY = true\n }\n\n if (menuRect.right > window.innerWidth) {\n adjustedLeft = window.innerWidth - menuRect.width - 8\n shouldTransformX = true\n }\n if (menuRect.left < 0) {\n adjustedLeft = 8\n shouldTransformX = true\n }\n\n if (shouldTransformY) {\n if (buttonRect)\n this.listRef.current.style.top = `${adjustedTop - buttonRect.top}px`\n this.listRef.current.style.transform = shouldTransformX\n ? `translate(${adjustedLeft - menuRect.left}px, 0)`\n : 'none'\n }\n\n if (shouldTransformX && !shouldTransformY)\n this.listRef.current.style.transform = `translateX(${adjustedLeft - menuRect.left}px)`\n\n if (containerId !== undefined) {\n const containerElement = document.getElementById(containerId)\n if (containerElement) {\n const container = containerElement.getBoundingClientRect()\n const button = this.buttonRef.current?.getBoundingClientRect()\n\n const diffTop =\n this.listRef.current.getBoundingClientRect().top - container.top\n const diffBottom =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffTop < -16 && button) {\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n this.setState({\n listShouldScroll: true,\n })\n\n const diffBottomV2 =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffBottomV2 < -16)\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n }\n\n if (diffBottom > -16 && button) {\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n this.setState({\n listShouldScroll: true,\n })\n\n const diffTopV2 =\n this.listRef.current.getBoundingClientRect().top - container.top\n\n if (diffTopV2 > -16)\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n }\n\n this.listRef.current.style.visibility = 'visible'\n }\n }\n\n // Rendre le menu visible après positionnement\n this.setState({ isMenuVisible: true })\n }\n }, 1)\n }\n\n setPosition = () => {\n const { options, selected } = this.props\n if (!this.selectMenuRef.current \|\| !this.listRef.current) return '0px'\n\n const listComputedStyle = getComputedStyle(this.listRef.current)\n const itemHeight = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-item-height') \|\| '32',\n 10\n )\n const dividerHeight = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-divider-height') \|\|\n '1',\n 10\n )\n const dividerMarginTop = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-divider-margin-top') \|\|\n '11',\n 10\n )\n const dividerMarginBottom = parseInt(\n listComputedStyle.getPropertyValue(\n '--actions-list-divider-margin-bottom'\n ) \|\| '8',\n 10\n )\n\n const menuPaddingTop = parseInt(\n listComputedStyle.getPropertyValue('--actions-list-padding-top') \|\| '4',\n 10\n )\n\n let totalHeight = menuPaddingTop\n\n for (let i = 0; i < options.length; i++) {\n const option = options[i]\n\n if (\n option.value === selected \|\|\n option.children?.find((child) => child.value === selected) !== undefined\n )\n break\n\n if (option.type === 'SEPARATOR')\n totalHeight += dividerHeight + dividerMarginTop + dividerMarginBottom\n else if (\n option.type === 'TITLE' \|\|\n option.type === 'OPTION' \|\|\n option.type === 'GROUP'\n )\n totalHeight += itemHeight\n }\n\n return `-${totalHeight}px`\n }\n\n handleClickOutside = (e: Event) => {\n const target = e.target as HTMLElement\n if (\n target === this.buttonRef.current \|\|\n target === this.menuRef.current \|\|\n target === this.subMenuRef.current \|\|\n (target.tagName === 'HR' && this.menuRef.current?.contains(target)) \|\|\n (target.dataset.role === 'GROUP' &&\n this.menuRef.current?.contains(target))\n )\n this.setState({\n isMenuOpen: true,\n })\n else\n this.setState({\n isMenuOpen: false,\n isMenuVisible: false,\n listShouldScroll: false,\n })\n }\n\n findSelectedOption = (options: Array<DropdownOption>): string => {\n const { selected } = this.props\n const label: Array<string> = []\n\n selected.split(', ').forEach((value) => {\n options.forEach((option) => {\n if (option.value === value) label.push(option.label ?? '')\n if (\n option.children?.find((child) => child.value === value) !== undefined\n )\n label.push(\n option.children?.find((child) => child.value === value)?.label ?? ''\n )\n })\n })\n return label.join(', ')\n }\n\n // Template\n Status = () => {\n const { warning, preview, isBlocked, isNew, onUnblock } = this.props\n\n if (warning \|\| isBlocked \|\| isNew)\n return (\n <div className=\"select-menu__status\">\n {warning !== undefined && (\n <IconChip\n iconType=\"PICTO\"\n iconName=\"warning\"\n text={warning.label}\n pin={warning.pin}\n type={warning.type}\n />\n )}\n {(isBlocked \|\| isNew) && (\n <Chip\n preview={preview}\n isSolo\n action={isBlocked ? onUnblock : undefined}\n >\n {isNew ? 'New' : 'Pro'}\n </Chip>\n )}\n </div>\n )\n }\n\n // Templates\n MenuButton = () => {\n const {\n id,\n helper,\n warning,\n options,\n selected,\n pin,\n alignment,\n shouldReflow,\n isBlocked,\n } = this.props\n\n const newAlignment = []\n\n if (pin === 'TOP' \|\| pin === 'NONE') newAlignment.push('BOTTOM')\n else newAlignment.push('TOP')\n\n if (alignment === 'LEFT' \|\| alignment === 'FILL') newAlignment.push('LEFT')\n else newAlignment.push('RIGHT')\n\n return (\n <Menu\n id={id}\n options={options}\n selected={selected}\n alignment={`${newAlignment.join('_')}` as MenuProps['alignment']}\n icon={shouldReflow?.icon}\n helper={helper}\n warning={warning}\n isBlocked={isBlocked}\n />\n )\n }\n\n DropdownButton = () => {\n const {\n id,\n alignment,\n options,\n selected,\n helper,\n containerId,\n isDisabled,\n isBlocked,\n } = this.props\n const { isMenuOpen, listShouldScroll, isTooltipVisible } = this.state\n\n return (\n <div\n id={id}\n className={doClassnames([\n 'select-menu',\n (() => {\n if (alignment === 'LEFT') return 'select-menu--left'\n if (alignment === 'RIGHT') return 'select-menu--right'\n return 'select-menu--fill'\n })(),\n (isDisabled \|\| isBlocked) && 'select-menu--disabled',\n ])}\n ref={this.selectMenuRef}\n >\n <button\n role=\"combobox\"\n className={doClassnames([\n 'select-menu__button',\n isMenuOpen && 'select-menu__button--active',\n ])}\n disabled={isDisabled \|\| isBlocked}\n aria-expanded={isMenuOpen ? 'true' : 'false'}\n {...(isMenuOpen &&\n (containerId === undefined ? this.state.isMenuVisible : true) && {\n 'aria-controls': `${id}-menu`,\n })}\n aria-label={`Select option: ${this.findSelectedOption(options)}`}\n aria-haspopup=\"menu\"\n onKeyDown={(e) => {\n if (\n e.key === ' ' \|\|\n (e.key === 'Enter' && !(isDisabled \|\| isBlocked))\n ) {\n this.onOpenMenu()\n setTimeout(\n () => this.actionsListRef.current?.focusFirstMenuItem(),\n 0\n )\n }\n if (e.key === 'Escape') return (e.target as HTMLElement).blur()\n return null\n }}\n onMouseDown={!(isDisabled \|\| isBlocked) ? this.onOpenMenu : undefined}\n onMouseEnter={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: true })\n }}\n onMouseLeave={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: false })\n }}\n onFocus={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: true })\n }}\n onBlur={() => {\n if (helper !== undefined) this.setState({ isTooltipVisible: false })\n }}\n tabIndex={0}\n ref={this.buttonRef}\n >\n <span\n className={doClassnames([\n texts['type--truncated'],\n texts.type,\n 'select-menu__label',\n ])}\n >\n {this.findSelectedOption(options)}\n </span>\n <span className=\"select-menu__caret\">\n <Icon\n type=\"PICTO\"\n iconName=\"caret-down\"\n />\n </span>\n {isTooltipVisible && helper !== undefined && (\n <Tooltip\n pin={helper?.pin \|\| 'BOTTOM'}\n type={helper?.type \|\| 'SINGLE_LINE'}\n >\n {helper?.label}\n </Tooltip>\n )}\n </button>\n {this.Status()}\n {(() => {\n const { pin } = this.props\n\n if (isMenuOpen)\n return (\n <div\n className=\"floating-menu\"\n id={`${id}-menu`}\n style={{\n position: 'absolute',\n zIndex: 99,\n top:\n pin === 'TOP'\n ? '-4px'\n : pin === 'BOTTOM'\n ? 'auto'\n : this.setPosition(),\n bottom: pin === 'BOTTOM' ? '-4px' : 'auto',\n right: alignment === 'RIGHT' ? 0 : 'auto',\n left: alignment === 'LEFT' ? 0 : 'auto',\n visibility:\n containerId === undefined && this.state.isMenuVisible\n ? 'visible'\n : 'hidden',\n }}\n ref={this.listRef}\n >\n <ActionsList\n options={options}\n selected={selected}\n direction={alignment?.includes('LEFT') ? 'RIGHT' : 'LEFT'}\n shouldScroll={listShouldScroll}\n containerId={containerId}\n onCancellation={() => this.setState({ isMenuOpen: false })}\n ref={this.actionsListRef}\n menuRef={this.menuRef}\n subMenuRef={this.subMenuRef}\n />\n </div>\n )\n return null\n })()}\n </div>\n )\n }\n\n // Render\n render() {\n const { shouldReflow } = this.props\n const { documentWidth } = this.state\n\n const isReflowActive = shouldReflow?.isEnabled && documentWidth <= 460\n\n if (isReflowActive) return this.MenuButton()\n return this.DropdownButton()\n }\n}\n"],"names":["Dropdown","React","props","containerId","isMenuOpen","menuRect","buttonRect","adjustedTop","adjustedLeft","shouldTransformY","shouldTransformX","containerElement","container","button","diffTop","diffBottom","options","selected","listComputedStyle","itemHeight","dividerHeight","dividerMarginTop","dividerMarginBottom","totalHeight","i","option","child","e","target","label","value","warning","preview","isBlocked","isNew","onUnblock","jsxs","jsx","IconChip","Chip","id","helper","pin","alignment","shouldReflow","newAlignment","Menu","isDisabled","listShouldScroll","isTooltipVisible","doClassnames","texts","Icon","Tooltip","ActionsList","documentWidth"],"mappings":"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"}

package/dist/components/inputs/dropzone/Dropzone.d.ts CHANGED Viewed

@@ -61,7 +61,7 @@ export interface DropzoneState {
     blackList: Array<string>;
 }
 export default class Dropzone extends React.Component<DropzoneProps, DropzoneState> {
-    stopLoading: NodeJS.Timeout | undefined;
+    stopLoading: number | undefined;
     static defaultProps: Partial<DropzoneProps>;
     constructor(props: DropzoneProps);
     componentDidUpdate: (prevProps: Readonly<DropzoneProps>) => void;

package/dist/components/inputs/dropzone/Dropzone.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,iBAAiB,CAAA;AAExB,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;CACjD;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAChC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CACnD;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CACzB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,~~CAAC~~,aAAa,~~EAAE~~,aAAa,~~CAAC~~;~~IACjF~~,WAAW,EAAE,MAAM,~~CAAC,OAAO,~~GAAG,SAAS,CAAA;~~IAEvC~~,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAM1C;gBAEW,KAAK,EAAE,aAAa;IAYhC,kBAAkB,GAAI,WAAW,QAAQ,CAAC,aAAa,CAAC,UAqBvD;IAGD,QAAQ,GAAI,YAAY,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,CAAC,IAAI,CAAC,UAmC7D;IAED,qBAAqB,aAsBpB;IAED,mBAAmB,GAAI,OAAO,KAAK,CAAC,SAAS,UAiC5C;IAED,UAAU,GAAI,OAAO,KAAK,CAAC,SAAS,UAKnC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,SAAS,UAKpC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,SAAS,UAKpC;IAED,MAAM;CAiHP"}
1	+ {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,iBAAiB,CAAA;AAExB,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;CACjD;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IAChC;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CACnD;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACjD,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;CACzB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAS,CACnD,aAAa,EACb,aAAa,CACd;IACC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAM1C;gBAEW,KAAK,EAAE,aAAa;IAYhC,kBAAkB,GAAI,WAAW,QAAQ,CAAC,aAAa,CAAC,UAqBvD;IAGD,QAAQ,GAAI,YAAY,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,CAAC,IAAI,CAAC,UAmC7D;IAED,qBAAqB,aAsBpB;IAED,mBAAmB,GAAI,OAAO,KAAK,CAAC,SAAS,UAiC5C;IAED,UAAU,GAAI,OAAO,KAAK,CAAC,SAAS,UAKnC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,SAAS,UAKpC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,SAAS,UAKpC;IAED,MAAM;CAiHP"}