@nattstack/ui 0.0.107 → 0.1.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.
- package/README.md +1 -1
- package/dist/baseline/index.css +5 -1
- package/dist/components/button/button-spinner.js +19 -4
- package/dist/components/button/button-spinner.stylex.js +96 -0
- package/dist/components/button/button.d.ts +10 -18
- package/dist/components/button/button.js +11 -43
- package/dist/components/button/button.stylex.js +159 -0
- package/dist/components/button-link/button-link.d.ts +6 -7
- package/dist/components/button-link/button-link.js +8 -12
- package/dist/components/checkbox/checkbox-icon.js +5 -4
- package/dist/components/checkbox/checkbox.d.ts +1 -2
- package/dist/components/checkbox/checkbox.js +8 -9
- package/dist/components/checkbox/checkbox.stylex.js +43 -0
- package/dist/components/cn.js +20 -0
- package/dist/components/column/column.d.ts +1 -2
- package/dist/components/column/column.js +7 -9
- 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 +9 -10
- package/dist/components/combobox/combobox-empty.d.ts +1 -2
- package/dist/components/combobox/combobox-empty.js +6 -7
- 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 +6 -7
- package/dist/components/combobox/combobox-group.d.ts +1 -2
- package/dist/components/combobox/combobox-group.js +6 -7
- package/dist/components/combobox/combobox-input.d.ts +5 -10
- package/dist/components/combobox/combobox-input.js +14 -28
- package/dist/components/combobox/combobox-input.stylex.js +110 -0
- package/dist/components/combobox/combobox-item.d.ts +2 -4
- package/dist/components/combobox/combobox-item.js +10 -12
- package/dist/components/combobox/combobox-list.d.ts +1 -2
- package/dist/components/combobox/combobox-list.js +6 -7
- package/dist/components/combobox/combobox-search.d.ts +2 -4
- package/dist/components/combobox/combobox-search.js +10 -12
- 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 +6 -7
- package/dist/components/combobox/combobox-trigger.d.ts +4 -8
- package/dist/components/combobox/combobox-trigger.js +8 -22
- package/dist/components/combobox/combobox-value.d.ts +1 -2
- package/dist/components/combobox/combobox-value.js +6 -7
- package/dist/components/combobox/combobox-value.stylex.js +12 -0
- package/dist/components/combobox/combobox.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +6 -7
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.stylex.js +14 -0
- package/dist/components/dialog-responsive/dialog-responsive-bar.js +6 -7
- package/dist/components/dialog-responsive/dialog-responsive-bar.stylex.js +13 -0
- package/dist/components/dialog-responsive/dialog-responsive-popup.d.ts +1 -2
- package/dist/components/dialog-responsive/dialog-responsive-popup.js +6 -7
- package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.js +30 -0
- package/dist/components/dialog-responsive/dialog-responsive-portal.js +6 -7
- package/dist/components/dialog-responsive/dialog-responsive-portal.stylex.js +9 -0
- package/dist/components/dialog-responsive/dialog-responsive-trigger.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-viewport.js +6 -7
- 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 +2 -4
- package/dist/components/icon-button/icon-button.d.ts +2 -5
- package/dist/components/icon-button/icon-button.js +10 -26
- package/dist/components/icon-button/icon-button.stylex.js +36 -0
- package/dist/components/index.d.ts +53 -53
- package/dist/components/index.js +54 -53
- package/dist/components/input/input.d.ts +7 -16
- package/dist/components/input/input.js +10 -37
- package/dist/components/input/input.stylex.js +84 -0
- package/dist/components/label/label.d.ts +1 -2
- package/dist/components/label/label.js +6 -7
- 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 +10 -14
- package/dist/components/menu/menu-content.d.ts +1 -2
- package/dist/components/menu/menu-content.js +13 -14
- 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 +6 -7
- package/dist/components/menu/menu-group.d.ts +1 -2
- package/dist/components/menu/menu-group.js +6 -7
- package/dist/components/menu/menu-item.d.ts +2 -4
- package/dist/components/menu/menu-item.js +7 -9
- 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 +7 -8
- package/dist/components/menu/menu-radio-group.d.ts +2 -4
- package/dist/components/menu/menu-radio-group.js +6 -8
- package/dist/components/menu/menu-radio-item.d.ts +2 -4
- package/dist/components/menu/menu-radio-item.js +10 -12
- package/dist/components/menu/menu-separator.d.ts +1 -2
- package/dist/components/menu/menu-separator.js +6 -7
- package/dist/components/menu/menu-submenu-trigger.d.ts +2 -4
- package/dist/components/menu/menu-submenu-trigger.js +10 -16
- package/dist/components/menu/menu-submenu-trigger.stylex.js +20 -0
- package/dist/components/menu/menu-submenu.js +1 -1
- package/dist/components/menu/menu-trigger.js +1 -1
- package/dist/components/menu/menu.js +1 -1
- package/dist/components/otp-field/otp-field-input.d.ts +1 -2
- package/dist/components/otp-field/otp-field-input.js +7 -7
- package/dist/components/otp-field/otp-field-input.stylex.js +23 -0
- package/dist/components/otp-field/otp-field.d.ts +3 -7
- package/dist/components/otp-field/otp-field.js +8 -18
- package/dist/components/otp-field/otp-field.stylex.js +17 -0
- package/dist/components/picker/picker-group.stylex.js +19 -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.js +37 -0
- package/dist/components/picker/picker-separator.stylex.js +11 -0
- package/dist/components/picker/picker-trigger.stylex.js +77 -0
- package/dist/components/row/row.d.ts +1 -2
- package/dist/components/row/row.js +7 -9
- package/dist/components/row/row.stylex.js +8 -0
- package/dist/components/select/select-content.d.ts +1 -2
- package/dist/components/select/select-content.js +12 -13
- package/dist/components/select/select-group-label.d.ts +1 -2
- package/dist/components/select/select-group-label.js +6 -7
- package/dist/components/select/select-group.d.ts +1 -2
- package/dist/components/select/select-group.js +6 -7
- package/dist/components/select/select-item.d.ts +2 -4
- package/dist/components/select/select-item.js +10 -12
- package/dist/components/select/select-separator.d.ts +1 -2
- package/dist/components/select/select-separator.js +6 -7
- package/dist/components/select/select-trigger.d.ts +4 -8
- package/dist/components/select/select-trigger.js +8 -22
- package/dist/components/select/select-value.d.ts +1 -2
- package/dist/components/select/select-value.js +6 -7
- package/dist/components/select/select-value.stylex.js +12 -0
- package/dist/components/select/select.js +1 -1
- package/dist/components/spacer/spacer.d.ts +1 -2
- package/dist/components/spacer/spacer.js +6 -7
- package/dist/components/spacer/spacer.stylex.js +7 -0
- package/dist/components/stylex.css +1420 -0
- package/dist/components/switch/switch.d.ts +3 -12
- package/dist/components/switch/switch.js +7 -22
- package/dist/components/switch/switch.stylex.js +48 -0
- package/dist/components/tabs/tabs-panel.d.ts +1 -2
- package/dist/components/tabs/tabs-panel.js +6 -7
- package/dist/components/tabs/tabs-panel.stylex.js +12 -0
- package/dist/components/tabs/tabs.d.ts +1 -2
- package/dist/components/tabs/tabs.js +6 -7
- package/dist/components/tabs/tabs.stylex.js +8 -0
- package/dist/components/tabs-pill/tabs-pill-indicator.js +6 -7
- package/dist/components/tabs-pill/tabs-pill-indicator.stylex.js +16 -0
- package/dist/components/tabs-pill/tabs-pill-list.d.ts +1 -2
- package/dist/components/tabs-pill/tabs-pill-list.js +6 -7
- package/dist/components/tabs-pill/tabs-pill-list.stylex.js +11 -0
- package/dist/components/tabs-pill/tabs-pill-tab.d.ts +2 -5
- package/dist/components/tabs-pill/tabs-pill-tab.js +9 -10
- package/dist/components/tabs-pill/tabs-pill-tab.stylex.js +46 -0
- package/dist/components/tabs-segmented/tabs-segmented-indicator.js +6 -7
- package/dist/components/tabs-segmented/tabs-segmented-indicator.stylex.js +16 -0
- package/dist/components/tabs-segmented/tabs-segmented-list.d.ts +1 -2
- package/dist/components/tabs-segmented/tabs-segmented-list.js +6 -7
- package/dist/components/tabs-segmented/tabs-segmented-list.stylex.js +15 -0
- package/dist/components/tabs-segmented/tabs-segmented-tab.d.ts +2 -5
- package/dist/components/tabs-segmented/tabs-segmented-tab.js +7 -8
- package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.js +26 -0
- package/dist/components/tabs-underline/tabs-underline-indicator.js +6 -7
- package/dist/components/tabs-underline/tabs-underline-indicator.stylex.js +14 -0
- package/dist/components/tabs-underline/tabs-underline-list.d.ts +1 -2
- package/dist/components/tabs-underline/tabs-underline-list.js +6 -7
- package/dist/components/tabs-underline/tabs-underline-list.stylex.js +12 -0
- package/dist/components/tabs-underline/tabs-underline-tab.d.ts +2 -5
- package/dist/components/tabs-underline/tabs-underline-tab.js +7 -8
- package/dist/components/tabs-underline/tabs-underline-tab.stylex.js +25 -0
- package/dist/components/textarea/textarea.d.ts +6 -12
- package/dist/components/textarea/textarea.js +11 -24
- package/dist/components/textarea/textarea.stylex.js +11 -0
- package/dist/components/toggle-group/toggle-group-item.d.ts +2 -6
- package/dist/components/toggle-group/toggle-group-item.js +7 -9
- package/dist/components/toggle-group/toggle-group-item.stylex.js +34 -0
- package/dist/components/toggle-group/toggle-group.d.ts +2 -7
- package/dist/components/toggle-group/toggle-group.js +7 -10
- package/dist/components/toggle-group/toggle-group.stylex.js +9 -0
- package/dist/components/tooltip/tooltip-popup.d.ts +1 -2
- package/dist/components/tooltip/tooltip-popup.js +8 -8
- package/dist/components/tooltip/tooltip-popup.stylex.js +32 -0
- package/dist/components/tooltip/tooltip-provider.js +1 -1
- package/dist/components/tooltip/tooltip-trigger.js +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -4
- package/dist/components/tooltip/tooltip.js +3 -4
- package/dist/tailwind-colors/root.css +10 -0
- package/package.json +6 -4
- 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,11 +0,0 @@
|
|
|
1
|
-
import './icon-button.css';
|
|
2
|
-
//#region src/components/icon-button/icon-button.module.css
|
|
3
|
-
var icon_button_module_default = {
|
|
4
|
-
"size_32": "icon-button-module_size_32_gxECxa",
|
|
5
|
-
"size_36": "icon-button-module_size_36_gxECxa",
|
|
6
|
-
"size_40": "icon-button-module_size_40_gxECxa",
|
|
7
|
-
"size_44": "icon-button-module_size_44_gxECxa",
|
|
8
|
-
"size_48": "icon-button-module_size_48_gxECxa"
|
|
9
|
-
};
|
|
10
|
-
//#endregion
|
|
11
|
-
export { icon_button_module_default as default };
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.input-module_base_o34hyq {
|
|
3
|
-
appearance: none;
|
|
4
|
-
background-color: var(--color-bg-shell-inner);
|
|
5
|
-
box-shadow: inset 0 0 0 1px var(--color-border);
|
|
6
|
-
color: var(--color-text-primary);
|
|
7
|
-
cursor: text;
|
|
8
|
-
outline-offset: -2px;
|
|
9
|
-
border-style: none;
|
|
10
|
-
outline: 2px solid #0000;
|
|
11
|
-
width: 100%;
|
|
12
|
-
font-size: 14px;
|
|
13
|
-
font-weight: 400;
|
|
14
|
-
line-height: 1.5;
|
|
15
|
-
text-decoration: none;
|
|
16
|
-
transition-property: box-shadow, opacity;
|
|
17
|
-
transition-duration: .15s;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.input-module_base_o34hyq::placeholder {
|
|
21
|
-
color: var(--color-gray-9);
|
|
22
|
-
user-select: none;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.input-module_base_o34hyq:disabled {
|
|
26
|
-
cursor: not-allowed;
|
|
27
|
-
opacity: .5;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.input-module_base_o34hyq:enabled:active, .input-module_base_o34hyq:enabled:focus, .input-module_base_o34hyq:enabled:hover, .input-module_base_o34hyq:enabled[data-is-active="true"] {
|
|
31
|
-
box-shadow: inset 0 0 0 1px var(--color-gray-6);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.input-module_base_o34hyq[data-is-valid="true"] {
|
|
35
|
-
outline-color: #30a46c;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.input-module_base_o34hyq[data-is-invalid="true"] {
|
|
39
|
-
outline-color: #e5484d;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.input-module_base_o34hyq:focus-visible {
|
|
43
|
-
outline-color: var(--color-outline);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.input-module_rounded_base_o34hyq {
|
|
47
|
-
border-radius: 12px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.input-module_base_o34hyq.input-module_rounded_full_o34hyq {
|
|
51
|
-
border-radius: 9999px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.input-module_size_32_o34hyq {
|
|
55
|
-
border-radius: 8px;
|
|
56
|
-
min-height: 32px;
|
|
57
|
-
padding: 0 8px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.input-module_size_36_o34hyq {
|
|
61
|
-
border-radius: 9px;
|
|
62
|
-
min-height: 36px;
|
|
63
|
-
padding: 0 10px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.input-module_size_40_o34hyq {
|
|
67
|
-
border-radius: 10px;
|
|
68
|
-
min-height: 40px;
|
|
69
|
-
padding: 0 12px;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.input-module_size_44_o34hyq {
|
|
73
|
-
border-radius: 11px;
|
|
74
|
-
min-height: 44px;
|
|
75
|
-
padding: 0 14px;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.input-module_size_48_o34hyq {
|
|
79
|
-
border-radius: 12px;
|
|
80
|
-
min-height: 48px;
|
|
81
|
-
padding: 0 16px;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import './input.css';
|
|
2
|
-
//#region src/components/input/input.module.css
|
|
3
|
-
var input_module_default = {
|
|
4
|
-
"base": "input-module_base_o34hyq",
|
|
5
|
-
"rounded_base": "input-module_rounded_base_o34hyq",
|
|
6
|
-
"rounded_full": "input-module_rounded_full_o34hyq",
|
|
7
|
-
"size_32": "input-module_size_32_o34hyq",
|
|
8
|
-
"size_36": "input-module_size_36_o34hyq",
|
|
9
|
-
"size_40": "input-module_size_40_o34hyq",
|
|
10
|
-
"size_44": "input-module_size_44_o34hyq",
|
|
11
|
-
"size_48": "input-module_size_48_o34hyq"
|
|
12
|
-
};
|
|
13
|
-
//#endregion
|
|
14
|
-
export { input_module_default as default };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.menu-submenu-trigger-module_base_XujWGq[data-popup-open] {
|
|
3
|
-
background-color: var(--color-gray-3);
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.menu-submenu-trigger-module_icon_XujWGq {
|
|
7
|
-
color: var(--color-text-secondary);
|
|
8
|
-
flex-shrink: 0;
|
|
9
|
-
justify-content: center;
|
|
10
|
-
align-items: center;
|
|
11
|
-
width: 16px;
|
|
12
|
-
height: 16px;
|
|
13
|
-
margin-left: auto;
|
|
14
|
-
display: flex;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './menu-submenu-trigger.css';
|
|
2
|
-
//#region src/components/menu/menu-submenu-trigger.module.css
|
|
3
|
-
var menu_submenu_trigger_module_default = {
|
|
4
|
-
"base": "menu-submenu-trigger-module_base_XujWGq",
|
|
5
|
-
"icon": "menu-submenu-trigger-module_icon_XujWGq"
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
export { menu_submenu_trigger_module_default as default };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.otp-field-input-module_base_7VaNVa {
|
|
3
|
-
background-color: var(--color-gray-3);
|
|
4
|
-
box-shadow: inset 0 0 0 1px var(--color-border);
|
|
5
|
-
color: var(--color-text-primary);
|
|
6
|
-
outline-color: var(--color-outline);
|
|
7
|
-
outline-offset: -2px;
|
|
8
|
-
text-align: center;
|
|
9
|
-
border-radius: 14px;
|
|
10
|
-
outline-width: 0;
|
|
11
|
-
outline-style: solid;
|
|
12
|
-
width: 40px;
|
|
13
|
-
height: 48px;
|
|
14
|
-
font-size: 14px;
|
|
15
|
-
font-weight: 450;
|
|
16
|
-
transition-property: box-shadow;
|
|
17
|
-
transition-duration: .15s;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.otp-field-input-module_base_7VaNVa:enabled:hover {
|
|
21
|
-
box-shadow: inset 0 0 0 1px var(--color-gray-6);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.otp-field-input-module_base_7VaNVa:disabled {
|
|
25
|
-
cursor: not-allowed;
|
|
26
|
-
opacity: .5;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.otp-field-input-module_base_7VaNVa:focus-visible {
|
|
30
|
-
outline-width: 2px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './otp-field.css';
|
|
2
|
-
//#region src/components/otp-field/otp-field.module.css
|
|
3
|
-
var otp_field_module_default = {
|
|
4
|
-
"base": "otp-field-module_base_6ylpka",
|
|
5
|
-
"masked": "otp-field-module_masked_6ylpka"
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
export { otp_field_module_default as default };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.picker-group-module_base_7MpjwG {
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
row-gap: 2px;
|
|
5
|
-
display: flex;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.picker-group-module_label_7MpjwG {
|
|
9
|
-
color: var(--color-text-secondary);
|
|
10
|
-
padding: 6px 12px 4px;
|
|
11
|
-
font-size: 12px;
|
|
12
|
-
font-weight: 450;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './picker-group.css';
|
|
2
|
-
//#region src/components/picker/picker-group.module.css
|
|
3
|
-
var picker_group_module_default = {
|
|
4
|
-
"base": "picker-group-module_base_7MpjwG",
|
|
5
|
-
"label": "picker-group-module_label_7MpjwG"
|
|
6
|
-
};
|
|
7
|
-
//#endregion
|
|
8
|
-
export { picker_group_module_default as default };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.picker-item-module_base__oYUvq {
|
|
3
|
-
cursor: pointer;
|
|
4
|
-
user-select: none;
|
|
5
|
-
border-radius: 8px;
|
|
6
|
-
outline: none;
|
|
7
|
-
flex-shrink: 0;
|
|
8
|
-
align-items: center;
|
|
9
|
-
column-gap: 8px;
|
|
10
|
-
height: 36px;
|
|
11
|
-
padding: 0 12px;
|
|
12
|
-
display: flex;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.picker-item-module_base__oYUvq[data-disabled] {
|
|
16
|
-
cursor: not-allowed;
|
|
17
|
-
opacity: .5;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.picker-item-module_base__oYUvq[data-highlighted]:not([data-disabled]), .picker-item-module_base__oYUvq[data-highlighted][data-disabled]:not(:hover) {
|
|
21
|
-
background-color: var(--color-gray-3);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.picker-item-module_label__oYUvq {
|
|
25
|
-
color: var(--color-text-primary);
|
|
26
|
-
text-overflow: ellipsis;
|
|
27
|
-
white-space: nowrap;
|
|
28
|
-
font-size: 14px;
|
|
29
|
-
font-weight: 450;
|
|
30
|
-
overflow-x: hidden;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.picker-item-module_indicator__oYUvq {
|
|
34
|
-
color: var(--color-primary-9);
|
|
35
|
-
flex-shrink: 0;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
align-items: center;
|
|
38
|
-
width: 16px;
|
|
39
|
-
height: 16px;
|
|
40
|
-
margin-left: auto;
|
|
41
|
-
display: flex;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import './picker-item.css';
|
|
2
|
-
//#region src/components/picker/picker-item.module.css
|
|
3
|
-
var picker_item_module_default = {
|
|
4
|
-
"base": "picker-item-module_base__oYUvq",
|
|
5
|
-
"indicator": "picker-item-module_indicator__oYUvq",
|
|
6
|
-
"label": "picker-item-module_label__oYUvq"
|
|
7
|
-
};
|
|
8
|
-
//#endregion
|
|
9
|
-
export { picker_item_module_default as default };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@layer components {
|
|
2
|
-
.picker-list-module_base_DdtSga {
|
|
3
|
-
overscroll-behavior: contain;
|
|
4
|
-
flex-direction: column;
|
|
5
|
-
row-gap: 2px;
|
|
6
|
-
padding: 4px;
|
|
7
|
-
scroll-padding: 4px;
|
|
8
|
-
display: flex;
|
|
9
|
-
overflow-y: auto;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.picker-list-module_base_DdtSga[data-empty] {
|
|
13
|
-
display: none;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -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 };
|