@nattstack/ui 0.0.107 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/baseline/index.css +5 -1
- package/dist/components/button/button-spinner.js +18 -3
- package/dist/components/button/button-spinner.stylex.js +96 -0
- package/dist/components/button/button.d.ts +20 -17
- package/dist/components/button/button.js +28 -38
- package/dist/components/button/button.stylex.d.ts +121 -0
- package/dist/components/button/button.stylex.js +158 -0
- package/dist/components/button-link/button-link.d.ts +5 -6
- package/dist/components/button-link/button-link.js +5 -5
- package/dist/components/checkbox/checkbox-icon.js +4 -3
- package/dist/components/checkbox/checkbox.d.ts +2 -2
- package/dist/components/checkbox/checkbox.js +6 -8
- package/dist/components/checkbox/checkbox.stylex.d.ts +40 -0
- package/dist/components/checkbox/checkbox.stylex.js +43 -0
- package/dist/components/cn.d.ts +6 -0
- package/dist/components/cn.js +18 -0
- package/dist/components/column/column.d.ts +2 -2
- package/dist/components/column/column.js +8 -9
- package/dist/components/column/column.stylex.d.ts +10 -0
- package/dist/components/column/column.stylex.js +8 -0
- package/dist/components/combobox/combobox-content.d.ts +1 -2
- package/dist/components/combobox/combobox-content.js +5 -7
- package/dist/components/combobox/combobox-empty.d.ts +2 -2
- package/dist/components/combobox/combobox-empty.js +4 -6
- package/dist/components/combobox/combobox-empty.stylex.d.ts +13 -0
- package/dist/components/combobox/combobox-empty.stylex.js +11 -0
- package/dist/components/combobox/combobox-group-label.d.ts +1 -2
- package/dist/components/combobox/combobox-group-label.js +4 -6
- package/dist/components/combobox/combobox-group.d.ts +1 -2
- package/dist/components/combobox/combobox-group.js +4 -6
- package/dist/components/combobox/combobox-input.d.ts +6 -10
- package/dist/components/combobox/combobox-input.js +10 -25
- package/dist/components/combobox/combobox-input.stylex.d.ts +93 -0
- package/dist/components/combobox/combobox-input.stylex.js +100 -0
- package/dist/components/combobox/combobox-item.d.ts +2 -4
- package/dist/components/combobox/combobox-item.js +7 -10
- package/dist/components/combobox/combobox-list.d.ts +1 -2
- package/dist/components/combobox/combobox-list.js +4 -6
- package/dist/components/combobox/combobox-search.d.ts +3 -4
- package/dist/components/combobox/combobox-search.js +7 -10
- package/dist/components/combobox/combobox-search.stylex.d.ts +45 -0
- package/dist/components/combobox/combobox-search.stylex.js +45 -0
- package/dist/components/combobox/combobox-separator.d.ts +1 -2
- package/dist/components/combobox/combobox-separator.js +4 -6
- package/dist/components/combobox/combobox-trigger.d.ts +4 -8
- package/dist/components/combobox/combobox-trigger.js +6 -21
- package/dist/components/combobox/combobox-value.d.ts +2 -2
- package/dist/components/combobox/combobox-value.js +4 -6
- package/dist/components/combobox/combobox-value.stylex.d.ts +14 -0
- package/dist/components/combobox/combobox-value.stylex.js +12 -0
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +4 -6
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.stylex.js +14 -0
- package/dist/components/dialog-responsive/dialog-responsive-bar.js +4 -6
- package/dist/components/dialog-responsive/dialog-responsive-bar.stylex.js +13 -0
- package/dist/components/dialog-responsive/dialog-responsive-popup.d.ts +2 -2
- package/dist/components/dialog-responsive/dialog-responsive-popup.js +4 -6
- package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.d.ts +32 -0
- package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.js +30 -0
- package/dist/components/dialog-responsive/dialog-responsive-portal.js +4 -6
- package/dist/components/dialog-responsive/dialog-responsive-portal.stylex.js +9 -0
- package/dist/components/dialog-responsive/dialog-responsive-viewport.js +4 -6
- package/dist/components/dialog-responsive/dialog-responsive-viewport.stylex.js +13 -0
- package/dist/components/dialog-responsive/dialog-responsive.d.ts +1 -4
- package/dist/components/dialog-responsive/dialog-responsive.js +1 -4
- package/dist/components/icon-button/icon-button.d.ts +3 -5
- package/dist/components/icon-button/icon-button.js +17 -22
- package/dist/components/icon-button/icon-button.stylex.d.ts +21 -0
- package/dist/components/icon-button/icon-button.stylex.js +25 -0
- package/dist/components/index.d.ts +90 -53
- package/dist/components/index.js +91 -53
- package/dist/components/input/input.d.ts +8 -16
- package/dist/components/input/input.js +9 -37
- package/dist/components/input/input.stylex.d.ts +66 -0
- package/dist/components/input/input.stylex.js +71 -0
- package/dist/components/label/label.d.ts +2 -2
- package/dist/components/label/label.js +7 -7
- package/dist/components/label/label.stylex.d.ts +12 -0
- package/dist/components/label/label.stylex.js +10 -0
- package/dist/components/menu/menu-checkbox-item.d.ts +2 -6
- package/dist/components/menu/menu-checkbox-item.js +7 -12
- package/dist/components/menu/menu-content.d.ts +2 -2
- package/dist/components/menu/menu-content.js +8 -10
- package/dist/components/menu/menu-content.stylex.d.ts +11 -0
- package/dist/components/menu/menu-content.stylex.js +9 -0
- package/dist/components/menu/menu-group-label.d.ts +1 -2
- package/dist/components/menu/menu-group-label.js +4 -6
- package/dist/components/menu/menu-group.d.ts +1 -2
- package/dist/components/menu/menu-group.js +4 -6
- package/dist/components/menu/menu-item.d.ts +3 -4
- package/dist/components/menu/menu-item.js +6 -9
- package/dist/components/menu/menu-item.stylex.d.ts +11 -0
- package/dist/components/menu/menu-item.stylex.js +9 -0
- package/dist/components/menu/menu-link-item.d.ts +1 -2
- package/dist/components/menu/menu-link-item.js +5 -7
- package/dist/components/menu/menu-radio-group.d.ts +2 -4
- package/dist/components/menu/menu-radio-group.js +5 -8
- package/dist/components/menu/menu-radio-item.d.ts +2 -4
- package/dist/components/menu/menu-radio-item.js +7 -10
- package/dist/components/menu/menu-separator.d.ts +1 -2
- package/dist/components/menu/menu-separator.js +4 -6
- package/dist/components/menu/menu-submenu-trigger.d.ts +3 -4
- package/dist/components/menu/menu-submenu-trigger.js +8 -15
- package/dist/components/menu/menu-submenu-trigger.stylex.d.ts +19 -0
- package/dist/components/menu/menu-submenu-trigger.stylex.js +20 -0
- package/dist/components/otp-field/otp-field-input.d.ts +2 -2
- package/dist/components/otp-field/otp-field-input.js +5 -6
- package/dist/components/otp-field/otp-field-input.stylex.d.ts +25 -0
- package/dist/components/otp-field/otp-field-input.stylex.js +23 -0
- package/dist/components/otp-field/otp-field.d.ts +4 -7
- package/dist/components/otp-field/otp-field.js +7 -18
- package/dist/components/otp-field/otp-field.stylex.d.ts +16 -0
- package/dist/components/otp-field/otp-field.stylex.js +17 -0
- package/dist/components/picker/picker-group.stylex.d.ts +18 -0
- package/dist/components/picker/picker-group.stylex.js +19 -0
- package/dist/components/picker/picker-item.stylex.d.ts +39 -0
- package/dist/components/picker/picker-item.stylex.js +41 -0
- package/dist/components/picker/picker-list.stylex.js +13 -0
- package/dist/components/picker/picker-popup.stylex.d.ts +36 -0
- package/dist/components/picker/picker-popup.stylex.js +37 -0
- package/dist/components/picker/picker-separator.stylex.d.ts +13 -0
- package/dist/components/picker/picker-separator.stylex.js +11 -0
- package/dist/components/picker/picker-trigger.stylex.d.ts +60 -0
- package/dist/components/picker/picker-trigger.stylex.js +67 -0
- package/dist/components/row/row.d.ts +2 -2
- package/dist/components/row/row.js +8 -9
- package/dist/components/row/row.stylex.d.ts +10 -0
- package/dist/components/row/row.stylex.js +8 -0
- package/dist/components/select/select-content.d.ts +2 -2
- package/dist/components/select/select-content.js +7 -9
- package/dist/components/select/select-group-label.d.ts +1 -2
- package/dist/components/select/select-group-label.js +4 -6
- package/dist/components/select/select-group.d.ts +2 -2
- package/dist/components/select/select-group.js +4 -6
- package/dist/components/select/select-item.d.ts +3 -4
- package/dist/components/select/select-item.js +7 -10
- package/dist/components/select/select-separator.d.ts +2 -2
- package/dist/components/select/select-separator.js +4 -6
- package/dist/components/select/select-trigger.d.ts +5 -8
- package/dist/components/select/select-trigger.js +6 -21
- package/dist/components/select/select-value.d.ts +2 -2
- package/dist/components/select/select-value.js +4 -6
- package/dist/components/select/select-value.stylex.d.ts +14 -0
- package/dist/components/select/select-value.stylex.js +12 -0
- package/dist/components/spacer/spacer.d.ts +2 -2
- package/dist/components/spacer/spacer.js +7 -7
- package/dist/components/spacer/spacer.stylex.d.ts +9 -0
- package/dist/components/spacer/spacer.stylex.js +7 -0
- package/dist/components/stylex.css +1420 -0
- package/dist/components/switch/switch.d.ts +4 -12
- package/dist/components/switch/switch.js +6 -22
- package/dist/components/switch/switch.stylex.d.ts +41 -0
- package/dist/components/switch/switch.stylex.js +44 -0
- package/dist/components/tabs/tabs-panel.d.ts +2 -2
- package/dist/components/tabs/tabs-panel.js +7 -7
- package/dist/components/tabs/tabs-panel.stylex.d.ts +14 -0
- package/dist/components/tabs/tabs-panel.stylex.js +12 -0
- package/dist/components/tabs/tabs.d.ts +2 -2
- package/dist/components/tabs/tabs.js +7 -7
- package/dist/components/tabs/tabs.stylex.d.ts +10 -0
- package/dist/components/tabs/tabs.stylex.js +8 -0
- package/dist/components/tabs-pill/tabs-pill-indicator.js +4 -6
- package/dist/components/tabs-pill/tabs-pill-indicator.stylex.js +16 -0
- package/dist/components/tabs-pill/tabs-pill-list.d.ts +2 -2
- package/dist/components/tabs-pill/tabs-pill-list.js +4 -6
- package/dist/components/tabs-pill/tabs-pill-list.stylex.d.ts +13 -0
- package/dist/components/tabs-pill/tabs-pill-list.stylex.js +11 -0
- package/dist/components/tabs-pill/tabs-pill-tab.d.ts +3 -5
- package/dist/components/tabs-pill/tabs-pill-tab.js +8 -10
- package/dist/components/tabs-pill/tabs-pill-tab.stylex.d.ts +44 -0
- package/dist/components/tabs-pill/tabs-pill-tab.stylex.js +46 -0
- package/dist/components/tabs-segmented/tabs-segmented-indicator.js +4 -6
- package/dist/components/tabs-segmented/tabs-segmented-indicator.stylex.js +16 -0
- package/dist/components/tabs-segmented/tabs-segmented-list.d.ts +2 -2
- package/dist/components/tabs-segmented/tabs-segmented-list.js +4 -6
- package/dist/components/tabs-segmented/tabs-segmented-list.stylex.d.ts +17 -0
- package/dist/components/tabs-segmented/tabs-segmented-list.stylex.js +15 -0
- package/dist/components/tabs-segmented/tabs-segmented-tab.d.ts +3 -5
- package/dist/components/tabs-segmented/tabs-segmented-tab.js +6 -8
- package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.d.ts +28 -0
- package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.js +26 -0
- package/dist/components/tabs-underline/tabs-underline-indicator.js +4 -6
- package/dist/components/tabs-underline/tabs-underline-indicator.stylex.js +14 -0
- package/dist/components/tabs-underline/tabs-underline-list.d.ts +2 -2
- package/dist/components/tabs-underline/tabs-underline-list.js +4 -6
- package/dist/components/tabs-underline/tabs-underline-list.stylex.d.ts +14 -0
- package/dist/components/tabs-underline/tabs-underline-list.stylex.js +12 -0
- package/dist/components/tabs-underline/tabs-underline-tab.d.ts +3 -5
- package/dist/components/tabs-underline/tabs-underline-tab.js +6 -8
- package/dist/components/tabs-underline/tabs-underline-tab.stylex.d.ts +27 -0
- package/dist/components/tabs-underline/tabs-underline-tab.stylex.js +25 -0
- package/dist/components/textarea/textarea.d.ts +7 -12
- package/dist/components/textarea/textarea.js +10 -24
- package/dist/components/textarea/textarea.stylex.d.ts +13 -0
- package/dist/components/textarea/textarea.stylex.js +11 -0
- package/dist/components/toggle-group/toggle-group-item.d.ts +3 -6
- package/dist/components/toggle-group/toggle-group-item.js +6 -9
- package/dist/components/toggle-group/toggle-group-item.stylex.d.ts +33 -0
- package/dist/components/toggle-group/toggle-group-item.stylex.js +34 -0
- package/dist/components/toggle-group/toggle-group.d.ts +3 -7
- package/dist/components/toggle-group/toggle-group.js +6 -10
- package/dist/components/toggle-group/toggle-group.stylex.d.ts +11 -0
- package/dist/components/toggle-group/toggle-group.stylex.js +9 -0
- package/dist/components/tooltip/tooltip-popup.d.ts +2 -2
- package/dist/components/tooltip/tooltip-popup.js +6 -7
- package/dist/components/tooltip/tooltip-popup.stylex.d.ts +30 -0
- package/dist/components/tooltip/tooltip-popup.stylex.js +32 -0
- package/dist/components/tooltip/tooltip.d.ts +1 -4
- package/dist/components/tooltip/tooltip.js +2 -4
- package/dist/tailwind-colors/root.css +10 -0
- package/package.json +4 -3
- package/dist/components/button/button-spinner.css +0 -97
- package/dist/components/button/button-spinner.module.js +0 -8
- package/dist/components/button/button.css +0 -157
- package/dist/components/button/button.module.js +0 -21
- package/dist/components/checkbox/checkbox.css +0 -55
- package/dist/components/checkbox/checkbox.module.js +0 -9
- package/dist/components/column/column.css +0 -6
- package/dist/components/column/column.module.js +0 -5
- package/dist/components/combobox/combobox-empty.css +0 -9
- package/dist/components/combobox/combobox-empty.module.js +0 -5
- package/dist/components/combobox/combobox-input.css +0 -121
- package/dist/components/combobox/combobox-input.module.js +0 -16
- package/dist/components/combobox/combobox-search.css +0 -44
- package/dist/components/combobox/combobox-search.module.js +0 -9
- package/dist/components/combobox/combobox-value.css +0 -14
- package/dist/components/combobox/combobox-value.module.js +0 -5
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.css +0 -28
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js +0 -5
- package/dist/components/dialog-responsive/dialog-responsive-bar.css +0 -16
- package/dist/components/dialog-responsive/dialog-responsive-bar.module.js +0 -5
- package/dist/components/dialog-responsive/dialog-responsive-popup.css +0 -56
- package/dist/components/dialog-responsive/dialog-responsive-popup.module.js +0 -5
- package/dist/components/dialog-responsive/dialog-responsive-portal.css +0 -7
- package/dist/components/dialog-responsive/dialog-responsive-portal.module.js +0 -5
- package/dist/components/dialog-responsive/dialog-responsive-viewport.css +0 -18
- package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js +0 -5
- package/dist/components/icon-button/icon-button.css +0 -21
- package/dist/components/icon-button/icon-button.module.js +0 -11
- package/dist/components/input/input.css +0 -83
- package/dist/components/input/input.module.js +0 -14
- package/dist/components/label/label.css +0 -8
- package/dist/components/label/label.module.js +0 -5
- package/dist/components/menu/menu-content.css +0 -7
- package/dist/components/menu/menu-content.module.js +0 -5
- package/dist/components/menu/menu-item.css +0 -7
- package/dist/components/menu/menu-item.module.js +0 -5
- package/dist/components/menu/menu-submenu-trigger.css +0 -16
- package/dist/components/menu/menu-submenu-trigger.module.js +0 -8
- package/dist/components/otp-field/otp-field-input.css +0 -32
- package/dist/components/otp-field/otp-field-input.module.js +0 -5
- package/dist/components/otp-field/otp-field.css +0 -13
- package/dist/components/otp-field/otp-field.module.js +0 -8
- package/dist/components/picker/picker-group.css +0 -14
- package/dist/components/picker/picker-group.module.js +0 -8
- package/dist/components/picker/picker-item.css +0 -43
- package/dist/components/picker/picker-item.module.js +0 -9
- package/dist/components/picker/picker-list.css +0 -15
- package/dist/components/picker/picker-list.module.js +0 -5
- package/dist/components/picker/picker-popup.css +0 -56
- package/dist/components/picker/picker-popup.module.js +0 -8
- package/dist/components/picker/picker-separator.css +0 -8
- package/dist/components/picker/picker-separator.module.js +0 -5
- package/dist/components/picker/picker-trigger.css +0 -85
- package/dist/components/picker/picker-trigger.module.js +0 -14
- package/dist/components/row/row.css +0 -6
- package/dist/components/row/row.module.js +0 -5
- package/dist/components/select/select-value.css +0 -14
- package/dist/components/select/select-value.module.js +0 -5
- package/dist/components/spacer/spacer.css +0 -5
- package/dist/components/spacer/spacer.module.js +0 -5
- package/dist/components/switch/switch.css +0 -55
- package/dist/components/switch/switch.module.js +0 -10
- package/dist/components/tabs/tabs-panel.css +0 -14
- package/dist/components/tabs/tabs-panel.module.js +0 -5
- package/dist/components/tabs/tabs.css +0 -6
- package/dist/components/tabs/tabs.module.js +0 -5
- package/dist/components/tabs-pill/tabs-pill-indicator.css +0 -14
- package/dist/components/tabs-pill/tabs-pill-indicator.module.js +0 -5
- package/dist/components/tabs-pill/tabs-pill-list.css +0 -9
- package/dist/components/tabs-pill/tabs-pill-list.module.js +0 -5
- package/dist/components/tabs-pill/tabs-pill-tab.css +0 -66
- package/dist/components/tabs-pill/tabs-pill-tab.module.js +0 -9
- package/dist/components/tabs-segmented/tabs-segmented-indicator.css +0 -14
- package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js +0 -5
- package/dist/components/tabs-segmented/tabs-segmented-list.css +0 -13
- package/dist/components/tabs-segmented/tabs-segmented-list.module.js +0 -5
- package/dist/components/tabs-segmented/tabs-segmented-tab.css +0 -37
- package/dist/components/tabs-segmented/tabs-segmented-tab.module.js +0 -5
- package/dist/components/tabs-underline/tabs-underline-indicator.css +0 -12
- package/dist/components/tabs-underline/tabs-underline-indicator.module.js +0 -5
- package/dist/components/tabs-underline/tabs-underline-list.css +0 -10
- package/dist/components/tabs-underline/tabs-underline-list.module.js +0 -5
- package/dist/components/tabs-underline/tabs-underline-tab.css +0 -36
- package/dist/components/tabs-underline/tabs-underline-tab.module.js +0 -5
- package/dist/components/textarea/textarea.css +0 -9
- package/dist/components/textarea/textarea.module.js +0 -5
- package/dist/components/toggle-group/toggle-group-item.css +0 -47
- package/dist/components/toggle-group/toggle-group-item.module.js +0 -5
- package/dist/components/toggle-group/toggle-group.css +0 -7
- package/dist/components/toggle-group/toggle-group.module.js +0 -5
- package/dist/components/tooltip/tooltip-popup.css +0 -32
- package/dist/components/tooltip/tooltip-popup.module.js +0 -8
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.picker-popup-module_positioner_8AoJsa {
|
|
3
|
-
isolation: isolate;
|
|
4
|
-
z-index: 50;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.picker-popup-module_base_8AoJsa {
|
|
8
|
-
background-color: var(--color-bg-shell-inner);
|
|
9
|
-
border-color: var(--color-border);
|
|
10
|
-
color: var(--color-text-primary);
|
|
11
|
-
max-height: min(var(--available-height), 480px);
|
|
12
|
-
max-width: var(--available-width);
|
|
13
|
-
min-width: max(var(--anchor-width), 240px);
|
|
14
|
-
outline-color: var(--color-primary-9);
|
|
15
|
-
outline-offset: -2px;
|
|
16
|
-
transform-origin: var(--transform-origin);
|
|
17
|
-
width: var(--anchor-width);
|
|
18
|
-
will-change: opacity, transform;
|
|
19
|
-
border-style: solid;
|
|
20
|
-
border-width: 1px;
|
|
21
|
-
border-radius: 12px;
|
|
22
|
-
outline-width: 0;
|
|
23
|
-
outline-style: solid;
|
|
24
|
-
flex-direction: column;
|
|
25
|
-
transition-property: opacity, transform;
|
|
26
|
-
transition-duration: .15s;
|
|
27
|
-
display: flex;
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
box-shadow: 0 .5px oklab(0% none none / .03), 0 36px 15px -4px oklab(0% none none / .01), 0 20px 12px -3px oklab(0% none none / .03), 0 9px 9px -2px oklab(0% none none / .04), 0 2px 5px -1px oklab(0% none none / .05);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.picker-popup-module_base_8AoJsa:focus-visible {
|
|
33
|
-
outline-width: 2px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.picker-popup-module_base_8AoJsa[data-ending-style], .picker-popup-module_base_8AoJsa[data-starting-style] {
|
|
37
|
-
opacity: 0;
|
|
38
|
-
transform: scale(.975);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.picker-popup-module_base_8AoJsa[data-side="top"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="top"][data-starting-style] {
|
|
42
|
-
transform: scale(.975) translateY(4px);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.picker-popup-module_base_8AoJsa[data-side="bottom"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="bottom"][data-starting-style] {
|
|
46
|
-
transform: scale(.975) translateY(-4px);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.picker-popup-module_base_8AoJsa[data-side="left"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="left"][data-starting-style], .picker-popup-module_base_8AoJsa[data-side="inline-start"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="inline-start"][data-starting-style] {
|
|
50
|
-
transform: scale(.975) translateX(4px);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.picker-popup-module_base_8AoJsa[data-side="right"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="right"][data-starting-style], .picker-popup-module_base_8AoJsa[data-side="inline-end"][data-ending-style], .picker-popup-module_base_8AoJsa[data-side="inline-end"][data-starting-style] {
|
|
54
|
-
transform: scale(.975) translateX(-4px);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './picker-popup.css';
|
|
2
|
-
//#region src/components/picker/picker-popup.module.css
|
|
3
|
-
var picker_popup_module_default = {
|
|
4
|
-
"base": "picker-popup-module_base_8AoJsa",
|
|
5
|
-
"positioner": "picker-popup-module_positioner_8AoJsa"
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
export { picker_popup_module_default as default };
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.picker-trigger-module_base_81JCzq {
|
|
3
|
-
background-color: var(--color-bg-shell-inner);
|
|
4
|
-
box-shadow: inset 0 0 0 1px var(--color-border);
|
|
5
|
-
cursor: pointer;
|
|
6
|
-
outline-offset: 2px;
|
|
7
|
-
outline: 2px solid #0000;
|
|
8
|
-
flex-shrink: 0;
|
|
9
|
-
align-items: center;
|
|
10
|
-
column-gap: 8px;
|
|
11
|
-
width: stretch;
|
|
12
|
-
padding: 0 16px;
|
|
13
|
-
transition-property: background-color, box-shadow;
|
|
14
|
-
transition-duration: .15s;
|
|
15
|
-
display: inline-flex;
|
|
16
|
-
overflow: hidden;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.picker-trigger-module_base_81JCzq:disabled {
|
|
20
|
-
cursor: not-allowed;
|
|
21
|
-
opacity: .5;
|
|
22
|
-
background-color: var(--color-gray-3);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.dark .picker-trigger-module_base_81JCzq:disabled {
|
|
26
|
-
opacity: .25;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.picker-trigger-module_base_81JCzq:focus-visible {
|
|
30
|
-
outline-color: var(--color-primary);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.picker-trigger-module_base_81JCzq:hover:not(:disabled, [data-popup-open]) {
|
|
34
|
-
box-shadow: inset 0 0 0 1px var(--color-gray-6);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.picker-trigger-module_base_81JCzq[data-popup-open] {
|
|
38
|
-
background-color: var(--color-gray-3);
|
|
39
|
-
box-shadow: inset 0 0 0 1px #0000;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.picker-trigger-module_size_32_81JCzq {
|
|
43
|
-
border-radius: 8px;
|
|
44
|
-
height: 32px;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.picker-trigger-module_size_36_81JCzq {
|
|
48
|
-
border-radius: 9px;
|
|
49
|
-
height: 36px;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.picker-trigger-module_size_40_81JCzq {
|
|
53
|
-
border-radius: 10px;
|
|
54
|
-
height: 40px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.picker-trigger-module_size_44_81JCzq {
|
|
58
|
-
border-radius: 11px;
|
|
59
|
-
height: 44px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.picker-trigger-module_size_48_81JCzq {
|
|
63
|
-
border-radius: 12px;
|
|
64
|
-
height: 48px;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.picker-trigger-module_rounded_full_81JCzq {
|
|
68
|
-
border-radius: 9999px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.picker-trigger-module_icon_81JCzq {
|
|
72
|
-
justify-content: center;
|
|
73
|
-
align-items: center;
|
|
74
|
-
width: 16px;
|
|
75
|
-
height: 16px;
|
|
76
|
-
margin-left: auto;
|
|
77
|
-
transition-property: rotate;
|
|
78
|
-
transition-duration: .15s;
|
|
79
|
-
display: flex;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.picker-trigger-module_base_81JCzq[data-popup-open] .picker-trigger-module_icon_81JCzq {
|
|
83
|
-
rotate: 180deg;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import './picker-trigger.css';
|
|
2
|
-
//#region src/components/picker/picker-trigger.module.css
|
|
3
|
-
var picker_trigger_module_default = {
|
|
4
|
-
"base": "picker-trigger-module_base_81JCzq",
|
|
5
|
-
"icon": "picker-trigger-module_icon_81JCzq",
|
|
6
|
-
"rounded_full": "picker-trigger-module_rounded_full_81JCzq",
|
|
7
|
-
"size_32": "picker-trigger-module_size_32_81JCzq",
|
|
8
|
-
"size_36": "picker-trigger-module_size_36_81JCzq",
|
|
9
|
-
"size_40": "picker-trigger-module_size_40_81JCzq",
|
|
10
|
-
"size_44": "picker-trigger-module_size_44_81JCzq",
|
|
11
|
-
"size_48": "picker-trigger-module_size_48_81JCzq"
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
export { picker_trigger_module_default as default };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.select-value-module_base_j4ZBgq {
|
|
3
|
-
color: var(--color-text-primary);
|
|
4
|
-
text-overflow: ellipsis;
|
|
5
|
-
white-space: nowrap;
|
|
6
|
-
font-size: 14px;
|
|
7
|
-
font-weight: 450;
|
|
8
|
-
overflow-x: hidden;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.select-value-module_base_j4ZBgq[data-placeholder] {
|
|
12
|
-
color: var(--color-gray-9);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.switch-module_base_K0d9Sa {
|
|
3
|
-
background-color: var(--color-gray-6);
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
outline-color: var(--color-primary-9);
|
|
6
|
-
outline-offset: 2px;
|
|
7
|
-
border-radius: 9999px;
|
|
8
|
-
outline-width: 0;
|
|
9
|
-
outline-style: solid;
|
|
10
|
-
flex-shrink: 0;
|
|
11
|
-
padding: 2px;
|
|
12
|
-
transition-property: background-color;
|
|
13
|
-
transition-duration: .15s;
|
|
14
|
-
display: flex;
|
|
15
|
-
overflow: hidden;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.switch-module_base_K0d9Sa:focus-visible {
|
|
19
|
-
outline-width: 2px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.switch-module_base_K0d9Sa[data-checked] {
|
|
23
|
-
background-color: var(--color-primary-9);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.switch-module_base_K0d9Sa[data-disabled] {
|
|
27
|
-
cursor: not-allowed;
|
|
28
|
-
opacity: .5;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.switch-module_thumb_K0d9Sa {
|
|
32
|
-
aspect-ratio: 1;
|
|
33
|
-
background-color: #fff;
|
|
34
|
-
border-radius: 9999px;
|
|
35
|
-
height: 100%;
|
|
36
|
-
transition-property: transform;
|
|
37
|
-
transition-duration: .15s;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.switch-module_thumb_K0d9Sa[data-checked] {
|
|
41
|
-
transform: translateX(var(--translateX));
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.switch-module_size_18_K0d9Sa {
|
|
45
|
-
--translateX: 12px;
|
|
46
|
-
width: 30px;
|
|
47
|
-
height: 18px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.switch-module_size_24_K0d9Sa {
|
|
51
|
-
--translateX: 16px;
|
|
52
|
-
width: 40px;
|
|
53
|
-
height: 24px;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import './switch.css';
|
|
2
|
-
//#region src/components/switch/switch.module.css
|
|
3
|
-
var switch_module_default = {
|
|
4
|
-
"base": "switch-module_base_K0d9Sa",
|
|
5
|
-
"size_18": "switch-module_size_18_K0d9Sa",
|
|
6
|
-
"size_24": "switch-module_size_24_K0d9Sa",
|
|
7
|
-
"thumb": "switch-module_thumb_K0d9Sa"
|
|
8
|
-
};
|
|
9
|
-
//#endregion
|
|
10
|
-
export { switch_module_default as default };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-panel-module_base_AXj2FW {
|
|
3
|
-
outline-color: var(--color-primary-9);
|
|
4
|
-
outline-offset: -2px;
|
|
5
|
-
outline-width: 0;
|
|
6
|
-
outline-style: solid;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
display: flex;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.tabs-panel-module_base_AXj2FW:focus-visible {
|
|
12
|
-
outline-width: 2px;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-pill-indicator-module_base_PiFilW {
|
|
3
|
-
background-color: var(--color-gray-12);
|
|
4
|
-
height: var(--active-tab-height);
|
|
5
|
-
left: var(--active-tab-left);
|
|
6
|
-
top: var(--active-tab-top);
|
|
7
|
-
width: var(--active-tab-width);
|
|
8
|
-
z-index: -1;
|
|
9
|
-
border-radius: 12px;
|
|
10
|
-
transition-property: left, width;
|
|
11
|
-
transition-duration: .15s;
|
|
12
|
-
position: absolute;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-pill-indicator.css';
|
|
2
|
-
//#region src/components/tabs-pill/tabs-pill-indicator.module.css
|
|
3
|
-
var tabs_pill_indicator_module_default = { "base": "tabs-pill-indicator-module_base_PiFilW" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_pill_indicator_module_default as default };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-pill-tab-module_base_nxQ-sW {
|
|
3
|
-
border-radius: var(--border-radius);
|
|
4
|
-
color: #000;
|
|
5
|
-
cursor: pointer;
|
|
6
|
-
outline-color: var(--color-primary-9);
|
|
7
|
-
outline-offset: -4px;
|
|
8
|
-
white-space: nowrap;
|
|
9
|
-
outline-width: 0;
|
|
10
|
-
outline-style: solid;
|
|
11
|
-
flex-shrink: 0;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
align-items: center;
|
|
14
|
-
column-gap: 8px;
|
|
15
|
-
height: 40px;
|
|
16
|
-
padding: 0 14px;
|
|
17
|
-
font-size: 14px;
|
|
18
|
-
font-weight: 450;
|
|
19
|
-
transition-property: background-color, color;
|
|
20
|
-
transition-duration: .15s;
|
|
21
|
-
display: flex;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.tabs-pill-tab-module_base_nxQ-sW:focus-visible {
|
|
25
|
-
outline-width: 2px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.tabs-pill-tab-module_base_nxQ-sW:hover {
|
|
29
|
-
background-color: var(--color-gray-4);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.tabs-pill-tab-module_base_nxQ-sW[data-active] {
|
|
33
|
-
color: #fff;
|
|
34
|
-
background-color: #0000;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.dark .tabs-pill-tab-module_base_nxQ-sW {
|
|
38
|
-
color: #fff;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.dark .tabs-pill-tab-module_base_nxQ-sW[data-active] {
|
|
42
|
-
color: #000;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.tabs-pill-tab-module_base_nxQ-sW > svg {
|
|
46
|
-
--size-icon: 16px;
|
|
47
|
-
height: var(--size-icon);
|
|
48
|
-
width: var(--size-icon);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.tabs-pill-tab-module_wrapper_nxQ-sW {
|
|
52
|
-
--border-radius: 12px;
|
|
53
|
-
border-radius: var(--border-radius);
|
|
54
|
-
flex-shrink: 0;
|
|
55
|
-
display: flex;
|
|
56
|
-
position: relative;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.tabs-pill-tab-module_background_nxQ-sW {
|
|
61
|
-
background-color: var(--color-gray-3);
|
|
62
|
-
z-index: -2;
|
|
63
|
-
position: absolute;
|
|
64
|
-
inset: 0;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './tabs-pill-tab.css';
|
|
2
|
-
//#region src/components/tabs-pill/tabs-pill-tab.module.css
|
|
3
|
-
var tabs_pill_tab_module_default = {
|
|
4
|
-
"background": "tabs-pill-tab-module_background_nxQ-sW",
|
|
5
|
-
"base": "tabs-pill-tab-module_base_nxQ-sW",
|
|
6
|
-
"wrapper": "tabs-pill-tab-module_wrapper_nxQ-sW"
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
export { tabs_pill_tab_module_default as default };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-segmented-indicator-module_base_3DY8Ta {
|
|
3
|
-
background-color: var(--color-gray-1);
|
|
4
|
-
height: var(--active-tab-height);
|
|
5
|
-
left: var(--active-tab-left);
|
|
6
|
-
top: var(--active-tab-top);
|
|
7
|
-
width: var(--active-tab-width);
|
|
8
|
-
z-index: -1;
|
|
9
|
-
border-radius: 10px;
|
|
10
|
-
transition-property: left, width;
|
|
11
|
-
transition-duration: .15s;
|
|
12
|
-
position: absolute;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-segmented-indicator.css';
|
|
2
|
-
//#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
|
|
3
|
-
var tabs_segmented_indicator_module_default = { "base": "tabs-segmented-indicator-module_base_3DY8Ta" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_segmented_indicator_module_default as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-segmented-list-module_base_wG8CPq {
|
|
3
|
-
background-color: var(--color-gray-3);
|
|
4
|
-
isolation: isolate;
|
|
5
|
-
border-radius: 12px;
|
|
6
|
-
width: fit-content;
|
|
7
|
-
height: 40px;
|
|
8
|
-
padding: 2px;
|
|
9
|
-
display: flex;
|
|
10
|
-
position: relative;
|
|
11
|
-
overflow-x: auto;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-segmented-list.css';
|
|
2
|
-
//#region src/components/tabs-segmented/tabs-segmented-list.module.css
|
|
3
|
-
var tabs_segmented_list_module_default = { "base": "tabs-segmented-list-module_base_wG8CPq" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_segmented_list_module_default as default };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-segmented-tab-module_base_du-IJG {
|
|
3
|
-
color: var(--color-gray-11);
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
outline-color: var(--color-primary-9);
|
|
6
|
-
outline-offset: -4px;
|
|
7
|
-
white-space: nowrap;
|
|
8
|
-
border-radius: 10px;
|
|
9
|
-
outline-width: 0;
|
|
10
|
-
outline-style: solid;
|
|
11
|
-
flex-shrink: 0;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
align-items: center;
|
|
14
|
-
column-gap: 8px;
|
|
15
|
-
height: 100%;
|
|
16
|
-
padding: 0 14px;
|
|
17
|
-
font-size: 14px;
|
|
18
|
-
font-weight: 450;
|
|
19
|
-
transition-property: color;
|
|
20
|
-
transition-duration: .15s;
|
|
21
|
-
display: flex;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.tabs-segmented-tab-module_base_du-IJG:focus-visible {
|
|
25
|
-
outline-width: 2px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.tabs-segmented-tab-module_base_du-IJG:hover, .tabs-segmented-tab-module_base_du-IJG[data-active] {
|
|
29
|
-
color: var(--color-gray-12);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.tabs-segmented-tab-module_base_du-IJG > svg {
|
|
33
|
-
--size-icon: 16px;
|
|
34
|
-
height: var(--size-icon);
|
|
35
|
-
width: var(--size-icon);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-segmented-tab.css';
|
|
2
|
-
//#region src/components/tabs-segmented/tabs-segmented-tab.module.css
|
|
3
|
-
var tabs_segmented_tab_module_default = { "base": "tabs-segmented-tab-module_base_du-IJG" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_segmented_tab_module_default as default };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-underline-indicator-module_base_Gl55Ba {
|
|
3
|
-
background-color: var(--color-primary-9);
|
|
4
|
-
height: 2px;
|
|
5
|
-
bottom: 0;
|
|
6
|
-
left: var(--active-tab-left);
|
|
7
|
-
width: var(--active-tab-width);
|
|
8
|
-
transition-property: left, width;
|
|
9
|
-
transition-duration: .15s;
|
|
10
|
-
position: absolute;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-underline-indicator.css';
|
|
2
|
-
//#region src/components/tabs-underline/tabs-underline-indicator.module.css
|
|
3
|
-
var tabs_underline_indicator_module_default = { "base": "tabs-underline-indicator-module_base_Gl55Ba" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_underline_indicator_module_default as default };
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-underline-list.css';
|
|
2
|
-
//#region src/components/tabs-underline/tabs-underline-list.module.css
|
|
3
|
-
var tabs_underline_list_module_default = { "base": "tabs-underline-list-module_base_3MpMpG" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_underline_list_module_default as default };
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.tabs-underline-tab-module_base_lcqfQW {
|
|
3
|
-
color: var(--color-gray-11);
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
outline-color: var(--color-primary-9);
|
|
6
|
-
outline-offset: -2px;
|
|
7
|
-
white-space: nowrap;
|
|
8
|
-
border-radius: 8px;
|
|
9
|
-
outline-width: 0;
|
|
10
|
-
outline-style: solid;
|
|
11
|
-
flex-shrink: 0;
|
|
12
|
-
align-items: center;
|
|
13
|
-
column-gap: 8px;
|
|
14
|
-
margin-bottom: 6px;
|
|
15
|
-
padding: 6px 12px;
|
|
16
|
-
font-size: 14px;
|
|
17
|
-
font-weight: 450;
|
|
18
|
-
transition-property: color;
|
|
19
|
-
transition-duration: .15s;
|
|
20
|
-
display: flex;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.tabs-underline-tab-module_base_lcqfQW:focus-visible {
|
|
24
|
-
outline-width: 2px;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.tabs-underline-tab-module_base_lcqfQW:hover, .tabs-underline-tab-module_base_lcqfQW[data-active] {
|
|
28
|
-
color: var(--color-gray-12);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.tabs-underline-tab-module_base_lcqfQW > svg {
|
|
32
|
-
--size-icon: 16px;
|
|
33
|
-
height: var(--size-icon);
|
|
34
|
-
width: var(--size-icon);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './tabs-underline-tab.css';
|
|
2
|
-
//#region src/components/tabs-underline/tabs-underline-tab.module.css
|
|
3
|
-
var tabs_underline_tab_module_default = { "base": "tabs-underline-tab-module_base_lcqfQW" };
|
|
4
|
-
//#endregion
|
|
5
|
-
export { tabs_underline_tab_module_default as default };
|