@moduix/react 1.1.0 → 1.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/dist/components/accordion/Accordion.css +13 -13
- package/dist/components/accordion/Accordion.module.js +9 -9
- package/dist/components/alert/Alert.css +5 -5
- package/dist/components/alert/Alert.module.js +5 -5
- package/dist/components/angle-slider/AngleSlider.css +8 -8
- package/dist/components/angle-slider/AngleSlider.module.js +7 -7
- package/dist/components/aspect-ratio/AspectRatio.css +1 -1
- package/dist/components/aspect-ratio/AspectRatio.module.js +1 -1
- package/dist/components/avatar/Avatar.css +3 -3
- package/dist/components/avatar/Avatar.module.js +3 -3
- package/dist/components/badge/Badge.css +2 -2
- package/dist/components/badge/Badge.module.js +2 -2
- package/dist/components/bleed/Bleed.css +1 -1
- package/dist/components/bleed/Bleed.module.js +1 -1
- package/dist/components/breadcrumbs/Breadcrumbs.css +10 -10
- package/dist/components/breadcrumbs/Breadcrumbs.module.js +7 -7
- package/dist/components/button/Button.css +1 -1
- package/dist/components/button/Button.module.js +1 -1
- package/dist/components/card/Card.css +9 -9
- package/dist/components/card/Card.module.js +8 -8
- package/dist/components/carousel/Carousel.css +18 -18
- package/dist/components/carousel/Carousel.module.js +12 -12
- package/dist/components/checkbox/Checkbox.css +11 -11
- package/dist/components/checkbox/Checkbox.module.js +6 -6
- package/dist/components/clipboard/Clipboard.css +7 -7
- package/dist/components/clipboard/Clipboard.module.js +8 -8
- package/dist/components/close-button/CloseButton.css +1 -1
- package/dist/components/close-button/CloseButton.module.js +1 -1
- package/dist/components/collapsible/Collapsible.css +8 -8
- package/dist/components/collapsible/Collapsible.module.js +6 -6
- package/dist/components/color-picker/ColorPicker.css +29 -29
- package/dist/components/color-picker/ColorPicker.module.js +27 -27
- package/dist/components/combobox/Combobox.css +21 -21
- package/dist/components/combobox/Combobox.module.js +17 -17
- package/dist/components/command-palette/CommandPalette.css +43 -43
- package/dist/components/command-palette/CommandPalette.module.js +37 -37
- package/dist/components/container/Container.css +1 -1
- package/dist/components/container/Container.module.js +1 -1
- package/dist/components/date-input/DateInput.css +6 -6
- package/dist/components/date-input/DateInput.module.js +6 -6
- package/dist/components/date-picker/DatePicker.css +32 -32
- package/dist/components/date-picker/DatePicker.module.js +23 -23
- package/dist/components/dialog/Dialog.css +19 -19
- package/dist/components/dialog/Dialog.module.js +15 -15
- package/dist/components/drawer/Drawer.css +40 -40
- package/dist/components/drawer/Drawer.module.js +26 -26
- package/dist/components/editable/Editable.css +10 -10
- package/dist/components/editable/Editable.module.js +7 -7
- package/dist/components/empty/Empty.css +6 -6
- package/dist/components/empty/Empty.module.js +6 -6
- package/dist/components/field/Field.css +9 -9
- package/dist/components/field/Field.module.js +9 -9
- package/dist/components/fieldset/Fieldset.css +6 -6
- package/dist/components/fieldset/Fieldset.module.js +4 -4
- package/dist/components/file-upload/FileUpload.css +18 -18
- package/dist/components/file-upload/FileUpload.module.js +13 -13
- package/dist/components/floating-panel/FloatingPanel.css +16 -16
- package/dist/components/floating-panel/FloatingPanel.module.js +14 -14
- package/dist/components/heading/Heading.css +1 -1
- package/dist/components/heading/Heading.module.js +1 -1
- package/dist/components/highlight/Highlight.css +1 -1
- package/dist/components/highlight/Highlight.module.js +1 -1
- package/dist/components/hover-card/HoverCard.css +9 -9
- package/dist/components/hover-card/HoverCard.module.js +7 -7
- package/dist/components/image-cropper/ImageCropper.css +6 -6
- package/dist/components/image-cropper/ImageCropper.module.js +6 -6
- package/dist/components/input/Input.css +1 -1
- package/dist/components/input/Input.module.js +1 -1
- package/dist/components/input-group/InputGroup.css +6 -6
- package/dist/components/input-group/InputGroup.module.js +5 -5
- package/dist/components/kbd/Kbd.css +2 -2
- package/dist/components/kbd/Kbd.module.js +2 -2
- package/dist/components/lightbox/Lightbox.css +20 -20
- package/dist/components/lightbox/Lightbox.module.js +16 -16
- package/dist/components/list/List.css +1 -1
- package/dist/components/list/List.module.js +1 -1
- package/dist/components/listbox/Listbox.css +16 -16
- package/dist/components/listbox/Listbox.module.js +14 -14
- package/dist/components/marquee/Marquee.css +10 -10
- package/dist/components/marquee/Marquee.module.js +7 -7
- package/dist/components/menu/Menu.css +34 -34
- package/dist/components/menu/Menu.module.js +27 -27
- package/dist/components/native-select/NativeSelect.css +5 -5
- package/dist/components/native-select/NativeSelect.module.js +3 -3
- package/dist/components/number-input/NumberInput.css +11 -11
- package/dist/components/number-input/NumberInput.module.js +8 -8
- package/dist/components/pagination/Pagination.css +8 -8
- package/dist/components/pagination/Pagination.module.js +6 -6
- package/dist/components/password-input/PasswordInput.css +7 -7
- package/dist/components/password-input/PasswordInput.module.js +6 -6
- package/dist/components/pin-input/PinInput.css +5 -5
- package/dist/components/pin-input/PinInput.module.js +5 -5
- package/dist/components/popover/Popover.css +15 -15
- package/dist/components/popover/Popover.module.js +14 -14
- package/dist/components/progress-circular/ProgressCircular.css +8 -8
- package/dist/components/progress-circular/ProgressCircular.module.js +8 -8
- package/dist/components/progress-linear/ProgressLinear.css +8 -8
- package/dist/components/progress-linear/ProgressLinear.module.js +8 -8
- package/dist/components/qr-code/QrCode.css +10 -10
- package/dist/components/qr-code/QrCode.module.js +5 -5
- package/dist/components/radio-group/RadioGroup.css +6 -6
- package/dist/components/radio-group/RadioGroup.module.js +6 -6
- package/dist/components/rating-group/RatingGroup.css +11 -11
- package/dist/components/rating-group/RatingGroup.module.js +7 -7
- package/dist/components/scroll-area/ScrollArea.css +7 -7
- package/dist/components/scroll-area/ScrollArea.module.js +6 -6
- package/dist/components/segment-group/SegmentGroup.css +6 -6
- package/dist/components/segment-group/SegmentGroup.module.js +6 -6
- package/dist/components/select/Select.css +28 -28
- package/dist/components/select/Select.module.js +21 -21
- package/dist/components/separator/Separator.css +1 -1
- package/dist/components/separator/Separator.module.js +1 -1
- package/dist/components/sidebar/Sidebar.css +27 -30
- package/dist/components/sidebar/Sidebar.module.js +17 -17
- package/dist/components/signature-pad/SignaturePad.css +10 -10
- package/dist/components/signature-pad/SignaturePad.module.js +6 -6
- package/dist/components/skeleton/Skeleton.css +1 -1
- package/dist/components/skeleton/Skeleton.module.js +1 -1
- package/dist/components/slider/Slider.css +10 -10
- package/dist/components/slider/Slider.module.js +10 -10
- package/dist/components/spinner/Spinner.css +9 -9
- package/dist/components/spinner/Spinner.module.js +3 -3
- package/dist/components/split-button/SplitButton.css +9 -9
- package/dist/components/split-button/SplitButton.module.js +3 -3
- package/dist/components/splitter/Splitter.css +16 -12
- package/dist/components/splitter/Splitter.module.js +4 -4
- package/dist/components/stack/Stack.css +2 -2
- package/dist/components/stack/Stack.module.js +1 -1
- package/dist/components/steps/Steps.css +14 -14
- package/dist/components/steps/Steps.module.js +11 -11
- package/dist/components/switch/Switch.css +9 -9
- package/dist/components/switch/Switch.module.js +4 -4
- package/dist/components/table/Table.css +17 -17
- package/dist/components/table/Table.module.js +12 -12
- package/dist/components/tabs/Tabs.css +9 -9
- package/dist/components/tabs/Tabs.module.js +5 -5
- package/dist/components/tag/Tag.css +4 -4
- package/dist/components/tag/Tag.module.js +5 -5
- package/dist/components/tags-input/TagsInput.css +10 -10
- package/dist/components/tags-input/TagsInput.module.js +10 -10
- package/dist/components/text/Text.css +1 -1
- package/dist/components/text/Text.module.js +1 -1
- package/dist/components/textarea/Textarea.css +7 -7
- package/dist/components/textarea/Textarea.module.js +1 -1
- package/dist/components/timer/Timer.css +6 -6
- package/dist/components/timer/Timer.module.js +6 -6
- package/dist/components/toast/Toast.css +8 -8
- package/dist/components/toast/Toast.module.js +6 -6
- package/dist/components/toggle/Toggle.css +2 -2
- package/dist/components/toggle/Toggle.module.js +2 -2
- package/dist/components/toggle-group/ToggleGroup.css +3 -3
- package/dist/components/toggle-group/ToggleGroup.module.js +2 -2
- package/dist/components/tooltip/Tooltip.css +9 -9
- package/dist/components/tooltip/Tooltip.module.js +7 -7
- package/dist/components/tour/Tour.css +21 -21
- package/dist/components/tour/Tour.module.js +17 -17
- package/dist/components/tree-view/TreeView.css +21 -21
- package/dist/components/tree-view/TreeView.module.js +20 -20
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import './ScrollArea.css';
|
|
2
2
|
//#region src/components/scroll-area/ScrollArea.module.css
|
|
3
3
|
var ScrollArea_module_default = {
|
|
4
|
-
"content": "
|
|
5
|
-
"corner": "
|
|
6
|
-
"root": "
|
|
7
|
-
"scrollbar": "
|
|
8
|
-
"thumb": "
|
|
9
|
-
"viewport": "
|
|
4
|
+
"content": "xqtLha_content",
|
|
5
|
+
"corner": "xqtLha_corner",
|
|
6
|
+
"root": "xqtLha_root",
|
|
7
|
+
"scrollbar": "xqtLha_scrollbar",
|
|
8
|
+
"thumb": "xqtLha_thumb",
|
|
9
|
+
"viewport": "xqtLha_viewport"
|
|
10
10
|
};
|
|
11
11
|
//#endregion
|
|
12
12
|
export { ScrollArea_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
._3r0tBa_root {
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
isolation: isolate;
|
|
5
5
|
max-width: var(--segment-group-max-width, 100%);
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.
|
|
31
|
+
._3r0tBa_label {
|
|
32
32
|
z-index: 1;
|
|
33
33
|
color: var(--segment-group-label-color, var(--segment-group-color, var(--color-foreground)));
|
|
34
34
|
font-size: var(--segment-group-label-font-size, var(--text-sm));
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
position: relative;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
._3r0tBa_item {
|
|
42
42
|
box-sizing: border-box;
|
|
43
43
|
z-index: 1;
|
|
44
44
|
justify-content: center;
|
|
@@ -94,16 +94,16 @@
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
._3r0tBa_itemControl {
|
|
98
98
|
display: none;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
-
.
|
|
101
|
+
._3r0tBa_itemText {
|
|
102
102
|
z-index: 1;
|
|
103
103
|
position: relative;
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
-
.
|
|
106
|
+
._3r0tBa_indicator {
|
|
107
107
|
--transition-duration: var(--segment-group-indicator-transition-duration, var(--duration-normal));
|
|
108
108
|
--transition-timing-function: var(--segment-group-indicator-transition-timing-function, var(--ease-in-out));
|
|
109
109
|
z-index: 0;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import './SegmentGroup.css';
|
|
2
2
|
//#region src/components/segment-group/SegmentGroup.module.css
|
|
3
3
|
var SegmentGroup_module_default = {
|
|
4
|
-
"indicator": "
|
|
5
|
-
"item": "
|
|
6
|
-
"itemControl": "
|
|
7
|
-
"itemText": "
|
|
8
|
-
"label": "
|
|
9
|
-
"root": "
|
|
4
|
+
"indicator": "_3r0tBa_indicator",
|
|
5
|
+
"item": "_3r0tBa_item",
|
|
6
|
+
"itemControl": "_3r0tBa_itemControl",
|
|
7
|
+
"itemText": "_3r0tBa_itemText",
|
|
8
|
+
"label": "_3r0tBa_label",
|
|
9
|
+
"root": "_3r0tBa_root"
|
|
10
10
|
};
|
|
11
11
|
//#endregion
|
|
12
12
|
export { SegmentGroup_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
@keyframes
|
|
2
|
+
@keyframes FGbIOa_select-content-open {
|
|
3
3
|
from {
|
|
4
4
|
opacity: var(--select-content-closed-opacity, 0);
|
|
5
5
|
transform: scale(var(--select-content-closed-scale, var(--scale-popup)));
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
@keyframes
|
|
14
|
+
@keyframes FGbIOa_select-content-closed {
|
|
15
15
|
from {
|
|
16
16
|
opacity: 1;
|
|
17
17
|
transform: scale(1);
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
.
|
|
26
|
+
.FGbIOa_root {
|
|
27
27
|
box-sizing: border-box;
|
|
28
28
|
width: var(--select-width, 14rem);
|
|
29
29
|
max-width: var(--select-max-width, 100%);
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
display: flex;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.
|
|
37
|
+
.FGbIOa_label {
|
|
38
38
|
color: var(--select-label-color, var(--select-color, var(--color-foreground)));
|
|
39
39
|
font-size: var(--select-label-font-size, var(--text-sm));
|
|
40
40
|
font-weight: var(--select-label-font-weight, var(--weight-medium));
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.
|
|
51
|
+
.FGbIOa_control {
|
|
52
52
|
width: 100%;
|
|
53
53
|
min-width: 0;
|
|
54
54
|
color: var(--select-color, var(--color-foreground));
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
.
|
|
64
|
+
.FGbIOa_trigger {
|
|
65
65
|
box-sizing: border-box;
|
|
66
66
|
width: 100%;
|
|
67
67
|
min-width: 0;
|
|
@@ -102,17 +102,17 @@
|
|
|
102
102
|
cursor: default;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
-
.
|
|
105
|
+
.FGbIOa_control[data-focus] & {
|
|
106
106
|
border-color: var(--select-focus-ring-color, var(--color-ring));
|
|
107
107
|
outline-color: var(--select-focus-ring-color, var(--color-ring));
|
|
108
108
|
}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
.FGbIOa_control[data-invalid] & {
|
|
111
111
|
border-color: var(--select-invalid-color, var(--color-destructive));
|
|
112
112
|
outline-color: var(--select-invalid-color, var(--color-destructive));
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
.
|
|
115
|
+
.FGbIOa_control:not([data-disabled]) & {
|
|
116
116
|
@media (hover: hover) {
|
|
117
117
|
&:hover {
|
|
118
118
|
background-color: var(--select-bg-hover, var(--color-accent));
|
|
@@ -121,11 +121,11 @@
|
|
|
121
121
|
}
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.
|
|
124
|
+
.FGbIOa_control:has(.FGbIOa_clearTrigger:not([hidden])) .FGbIOa_trigger {
|
|
125
125
|
padding-inline-end: var(--select-trigger-padding-x-end, 4.25rem);
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
.
|
|
128
|
+
.FGbIOa_valueText {
|
|
129
129
|
text-overflow: ellipsis;
|
|
130
130
|
white-space: nowrap;
|
|
131
131
|
flex: 1;
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
overflow: hidden;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
136
|
+
.FGbIOa_indicators {
|
|
137
137
|
top: 50%;
|
|
138
138
|
right: var(--select-action-offset-right, .5rem);
|
|
139
139
|
align-items: center;
|
|
@@ -145,7 +145,7 @@
|
|
|
145
145
|
transform: translateY(-50%);
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.
|
|
148
|
+
.FGbIOa_indicator, .FGbIOa_clearTrigger {
|
|
149
149
|
box-sizing: border-box;
|
|
150
150
|
width: var(--select-action-size, 1.5rem);
|
|
151
151
|
height: var(--select-action-size, 1.5rem);
|
|
@@ -179,11 +179,11 @@
|
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
182
|
+
.FGbIOa_indicator {
|
|
183
183
|
pointer-events: none;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
-
.
|
|
186
|
+
.FGbIOa_clearTrigger {
|
|
187
187
|
cursor: pointer;
|
|
188
188
|
pointer-events: auto;
|
|
189
189
|
|
|
@@ -197,12 +197,12 @@
|
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.
|
|
200
|
+
.FGbIOa_positioner {
|
|
201
201
|
z-index: var(--z-index);
|
|
202
202
|
outline: 0;
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
.
|
|
205
|
+
.FGbIOa_content {
|
|
206
206
|
box-sizing: border-box;
|
|
207
207
|
z-index: calc(var(--z-popup) + var(--layer-index, 0));
|
|
208
208
|
min-width: var(--reference-width);
|
|
@@ -224,16 +224,16 @@
|
|
|
224
224
|
overflow: auto;
|
|
225
225
|
|
|
226
226
|
&[data-state="open"] {
|
|
227
|
-
animation:
|
|
227
|
+
animation: FGbIOa_select-content-open var(--select-transition, var(--transition-default));
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
&[data-state="closed"] {
|
|
231
|
-
animation:
|
|
231
|
+
animation: FGbIOa_select-content-closed var(--select-transition, var(--transition-default));
|
|
232
232
|
pointer-events: none;
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
235
|
|
|
236
|
-
.
|
|
236
|
+
.FGbIOa_list {
|
|
237
237
|
overscroll-behavior: contain;
|
|
238
238
|
min-height: 0;
|
|
239
239
|
scroll-padding-block: var(--select-content-padding-y, var(--spacing-1));
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
overflow-y: auto;
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
-
.
|
|
246
|
+
.FGbIOa_itemGroup {
|
|
247
247
|
flex-direction: column;
|
|
248
248
|
display: flex;
|
|
249
249
|
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
.
|
|
255
|
+
.FGbIOa_itemGroupLabel {
|
|
256
256
|
padding-block: var(--select-item-group-label-padding-y, .375rem);
|
|
257
257
|
padding-inline: var(--select-item-group-label-padding-x, .625rem);
|
|
258
258
|
color: var(--select-item-group-label-color, var(--color-muted-foreground));
|
|
@@ -261,7 +261,7 @@
|
|
|
261
261
|
line-height: var(--select-item-group-label-line-height, var(--line-height-text-xs));
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
.
|
|
264
|
+
.FGbIOa_item {
|
|
265
265
|
box-sizing: border-box;
|
|
266
266
|
width: calc(100% - var(--select-item-inset-x, var(--spacing-2)));
|
|
267
267
|
min-height: var(--select-item-min-height, 2rem);
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
.
|
|
303
|
+
.FGbIOa_itemText {
|
|
304
304
|
text-overflow: ellipsis;
|
|
305
305
|
white-space: nowrap;
|
|
306
306
|
flex: 1;
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
overflow: hidden;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.
|
|
311
|
+
.FGbIOa_itemIndicator {
|
|
312
312
|
width: var(--select-item-indicator-size, .875rem);
|
|
313
313
|
height: var(--select-item-indicator-size, .875rem);
|
|
314
314
|
color: var(--select-item-indicator-color, currentColor);
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
}
|
|
324
324
|
}
|
|
325
325
|
|
|
326
|
-
.
|
|
326
|
+
.FGbIOa_itemTextContent {
|
|
327
327
|
align-items: center;
|
|
328
328
|
gap: var(--select-item-text-content-gap, var(--spacing-2));
|
|
329
329
|
vertical-align: top;
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
display: inline-flex;
|
|
333
333
|
}
|
|
334
334
|
|
|
335
|
-
.
|
|
335
|
+
.FGbIOa_itemTextIcon {
|
|
336
336
|
width: var(--select-item-text-icon-size, 1rem);
|
|
337
337
|
height: var(--select-item-text-icon-size, 1rem);
|
|
338
338
|
color: var(--select-item-text-icon-color, currentColor);
|
|
@@ -342,7 +342,7 @@
|
|
|
342
342
|
display: inline-flex;
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
.
|
|
345
|
+
.FGbIOa_itemTextLabel {
|
|
346
346
|
text-overflow: ellipsis;
|
|
347
347
|
white-space: nowrap;
|
|
348
348
|
min-width: 0;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import './Select.css';
|
|
2
2
|
//#region src/components/select/Select.module.css
|
|
3
3
|
var Select_module_default = {
|
|
4
|
-
"clearTrigger": "
|
|
5
|
-
"content": "
|
|
6
|
-
"control": "
|
|
7
|
-
"indicator": "
|
|
8
|
-
"indicators": "
|
|
9
|
-
"item": "
|
|
10
|
-
"itemGroup": "
|
|
11
|
-
"itemGroupLabel": "
|
|
12
|
-
"itemIndicator": "
|
|
13
|
-
"itemText": "
|
|
14
|
-
"itemTextContent": "
|
|
15
|
-
"itemTextIcon": "
|
|
16
|
-
"itemTextLabel": "
|
|
17
|
-
"label": "
|
|
18
|
-
"list": "
|
|
19
|
-
"positioner": "
|
|
20
|
-
"root": "
|
|
21
|
-
"select-content-closed": "
|
|
22
|
-
"select-content-open": "
|
|
23
|
-
"trigger": "
|
|
24
|
-
"valueText": "
|
|
4
|
+
"clearTrigger": "FGbIOa_clearTrigger",
|
|
5
|
+
"content": "FGbIOa_content",
|
|
6
|
+
"control": "FGbIOa_control",
|
|
7
|
+
"indicator": "FGbIOa_indicator",
|
|
8
|
+
"indicators": "FGbIOa_indicators",
|
|
9
|
+
"item": "FGbIOa_item",
|
|
10
|
+
"itemGroup": "FGbIOa_itemGroup",
|
|
11
|
+
"itemGroupLabel": "FGbIOa_itemGroupLabel",
|
|
12
|
+
"itemIndicator": "FGbIOa_itemIndicator",
|
|
13
|
+
"itemText": "FGbIOa_itemText",
|
|
14
|
+
"itemTextContent": "FGbIOa_itemTextContent",
|
|
15
|
+
"itemTextIcon": "FGbIOa_itemTextIcon",
|
|
16
|
+
"itemTextLabel": "FGbIOa_itemTextLabel",
|
|
17
|
+
"label": "FGbIOa_label",
|
|
18
|
+
"list": "FGbIOa_list",
|
|
19
|
+
"positioner": "FGbIOa_positioner",
|
|
20
|
+
"root": "FGbIOa_root",
|
|
21
|
+
"select-content-closed": "FGbIOa_select-content-closed",
|
|
22
|
+
"select-content-open": "FGbIOa_select-content-open",
|
|
23
|
+
"trigger": "FGbIOa_trigger",
|
|
24
|
+
"valueText": "FGbIOa_valueText"
|
|
25
25
|
};
|
|
26
26
|
//#endregion
|
|
27
27
|
export { Select_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer ui.components {
|
|
2
|
-
.
|
|
2
|
+
._3sukta_root {
|
|
3
3
|
--splitter-width: var(--sidebar-width, 100%);
|
|
4
4
|
--splitter-height: var(--sidebar-height, 100dvh);
|
|
5
5
|
--splitter-min-height: var(--sidebar-min-height, 24rem);
|
|
@@ -11,14 +11,11 @@
|
|
|
11
11
|
--splitter-panel-padding: 0;
|
|
12
12
|
--splitter-panel-min-height: 0;
|
|
13
13
|
--splitter-resize-trigger-line-color: var(--sidebar-border-color, var(--color-border));
|
|
14
|
-
--splitter-resize-trigger-line-color-hover: var(--sidebar-resize-color-hover, color-mix(in oklab, var(--color-border) 72%, var(--color-muted-foreground)));
|
|
15
|
-
--splitter-resize-trigger-line-color-focus: var(--sidebar-resize-color-focus, color-mix(in oklab, var(--color-border) 72%, var(--color-muted-foreground)));
|
|
16
|
-
--splitter-resize-trigger-line-color-dragging: var(--sidebar-resize-color-dragging, color-mix(in oklab, var(--color-border) 72%, var(--color-muted-foreground)));
|
|
17
14
|
--splitter-resize-trigger-size: var(--sidebar-resize-hit-area, .75rem);
|
|
18
15
|
isolation: isolate;
|
|
19
16
|
}
|
|
20
17
|
|
|
21
|
-
.
|
|
18
|
+
._3sukta_panel {
|
|
22
19
|
background-color: var(--sidebar-bg, var(--color-card));
|
|
23
20
|
color: var(--sidebar-color, var(--color-card-foreground));
|
|
24
21
|
transition: background-color var(--sidebar-transition, var(--transition-default)),
|
|
@@ -28,21 +25,21 @@
|
|
|
28
25
|
overflow: hidden;
|
|
29
26
|
|
|
30
27
|
&[data-state="collapsed"] {
|
|
31
|
-
& .
|
|
28
|
+
& ._3sukta_header, & ._3sukta_footer, & ._3sukta_group {
|
|
32
29
|
padding-inline: var(--sidebar-collapsed-padding-x, var(--spacing-1));
|
|
33
30
|
}
|
|
34
31
|
|
|
35
|
-
& .
|
|
32
|
+
& ._3sukta_header, & ._3sukta_footer {
|
|
36
33
|
justify-content: center;
|
|
37
34
|
}
|
|
38
35
|
|
|
39
|
-
& .
|
|
36
|
+
& ._3sukta_content {
|
|
40
37
|
scrollbar-gutter: auto;
|
|
41
38
|
scrollbar-width: none;
|
|
42
39
|
overflow: hidden;
|
|
43
40
|
}
|
|
44
41
|
|
|
45
|
-
& .
|
|
42
|
+
& ._3sukta_label, & ._3sukta_groupLabel {
|
|
46
43
|
white-space: nowrap;
|
|
47
44
|
clip-path: inset(50%);
|
|
48
45
|
border: 0;
|
|
@@ -54,11 +51,11 @@
|
|
|
54
51
|
overflow: hidden;
|
|
55
52
|
}
|
|
56
53
|
|
|
57
|
-
& .
|
|
54
|
+
& ._3sukta_menuSub {
|
|
58
55
|
display: none;
|
|
59
56
|
}
|
|
60
57
|
|
|
61
|
-
& .
|
|
58
|
+
& ._3sukta_menuButton {
|
|
62
59
|
width: var(--sidebar-collapsed-item-size, var(--size-md));
|
|
63
60
|
min-height: var(--sidebar-collapsed-item-size, var(--size-md));
|
|
64
61
|
box-shadow: none;
|
|
@@ -85,7 +82,7 @@
|
|
|
85
82
|
}
|
|
86
83
|
}
|
|
87
84
|
|
|
88
|
-
.
|
|
85
|
+
._3sukta_inset {
|
|
89
86
|
background-color: var(--sidebar-inset-bg, var(--color-background));
|
|
90
87
|
min-width: 0;
|
|
91
88
|
color: var(--sidebar-inset-color, var(--color-foreground));
|
|
@@ -93,11 +90,11 @@
|
|
|
93
90
|
overflow: auto;
|
|
94
91
|
}
|
|
95
92
|
|
|
96
|
-
.
|
|
93
|
+
._3sukta_resizeTrigger {
|
|
97
94
|
z-index: 2;
|
|
98
95
|
}
|
|
99
96
|
|
|
100
|
-
.
|
|
97
|
+
._3sukta_trigger {
|
|
101
98
|
box-sizing: border-box;
|
|
102
99
|
width: var(--sidebar-trigger-size, 1.75rem);
|
|
103
100
|
min-width: var(--sidebar-trigger-size, 1.75rem);
|
|
@@ -141,7 +138,7 @@
|
|
|
141
138
|
}
|
|
142
139
|
}
|
|
143
140
|
|
|
144
|
-
.
|
|
141
|
+
._3sukta_trigger {
|
|
145
142
|
z-index: 4;
|
|
146
143
|
margin-block-start: var(--sidebar-trigger-offset-y, var(--spacing-4));
|
|
147
144
|
margin-inline: calc(var(--sidebar-trigger-size, 1.75rem) * -.5);
|
|
@@ -162,11 +159,11 @@
|
|
|
162
159
|
}
|
|
163
160
|
}
|
|
164
161
|
|
|
165
|
-
.
|
|
162
|
+
._3sukta_label {
|
|
166
163
|
min-width: 0;
|
|
167
164
|
}
|
|
168
165
|
|
|
169
|
-
.
|
|
166
|
+
._3sukta_header, ._3sukta_footer {
|
|
170
167
|
align-items: center;
|
|
171
168
|
gap: var(--sidebar-gap, var(--spacing-2));
|
|
172
169
|
padding: var(--sidebar-header-footer-padding, var(--spacing-3));
|
|
@@ -174,17 +171,17 @@
|
|
|
174
171
|
display: flex;
|
|
175
172
|
}
|
|
176
173
|
|
|
177
|
-
.
|
|
174
|
+
._3sukta_header {
|
|
178
175
|
border-block-end: var(--sidebar-section-border-width, 0) solid
|
|
179
176
|
var(--sidebar-border-color, var(--color-border));
|
|
180
177
|
}
|
|
181
178
|
|
|
182
|
-
.
|
|
179
|
+
._3sukta_footer {
|
|
183
180
|
border-block-start: var(--sidebar-section-border-width, 0) solid
|
|
184
181
|
var(--sidebar-border-color, var(--color-border));
|
|
185
182
|
}
|
|
186
183
|
|
|
187
|
-
.
|
|
184
|
+
._3sukta_content {
|
|
188
185
|
overscroll-behavior: contain;
|
|
189
186
|
scrollbar-gutter: stable;
|
|
190
187
|
flex-direction: column;
|
|
@@ -194,7 +191,7 @@
|
|
|
194
191
|
overflow: auto;
|
|
195
192
|
}
|
|
196
193
|
|
|
197
|
-
.
|
|
194
|
+
._3sukta_group {
|
|
198
195
|
gap: var(--sidebar-group-gap, var(--spacing-1));
|
|
199
196
|
padding: var(--sidebar-group-padding, var(--spacing-3));
|
|
200
197
|
flex-direction: column;
|
|
@@ -202,7 +199,7 @@
|
|
|
202
199
|
position: relative;
|
|
203
200
|
}
|
|
204
201
|
|
|
205
|
-
.
|
|
202
|
+
._3sukta_groupLabel {
|
|
206
203
|
min-width: 0;
|
|
207
204
|
padding-inline: var(--sidebar-group-label-padding-x, var(--spacing-2));
|
|
208
205
|
color: var(--sidebar-muted-color, var(--color-muted-foreground));
|
|
@@ -213,7 +210,7 @@
|
|
|
213
210
|
margin: 0;
|
|
214
211
|
}
|
|
215
212
|
|
|
216
|
-
.
|
|
213
|
+
._3sukta_menu, ._3sukta_menuSub {
|
|
217
214
|
gap: var(--sidebar-menu-gap, var(--spacing-1));
|
|
218
215
|
flex-direction: column;
|
|
219
216
|
width: 100%;
|
|
@@ -224,12 +221,12 @@
|
|
|
224
221
|
display: flex;
|
|
225
222
|
}
|
|
226
223
|
|
|
227
|
-
.
|
|
224
|
+
._3sukta_menuItem, ._3sukta_menuSubItem {
|
|
228
225
|
min-width: 0;
|
|
229
226
|
position: relative;
|
|
230
227
|
}
|
|
231
228
|
|
|
232
|
-
.
|
|
229
|
+
._3sukta_menuButton, ._3sukta_menuSubButton {
|
|
233
230
|
box-sizing: border-box;
|
|
234
231
|
border: var(--sidebar-menu-button-border-width, 0) solid transparent;
|
|
235
232
|
border-radius: var(--sidebar-menu-button-radius, var(--radius-md));
|
|
@@ -291,7 +288,7 @@
|
|
|
291
288
|
}
|
|
292
289
|
}
|
|
293
290
|
|
|
294
|
-
.
|
|
291
|
+
._3sukta_menuButton {
|
|
295
292
|
gap: var(--sidebar-menu-button-gap, var(--spacing-2));
|
|
296
293
|
min-height: var(--sidebar-menu-button-height, var(--size-md));
|
|
297
294
|
padding-block: var(--sidebar-menu-button-padding-y, var(--spacing-1));
|
|
@@ -313,11 +310,11 @@
|
|
|
313
310
|
}
|
|
314
311
|
}
|
|
315
312
|
|
|
316
|
-
.
|
|
313
|
+
._3sukta_panel ._3sukta_menuButton {
|
|
317
314
|
justify-content: flex-start;
|
|
318
315
|
}
|
|
319
316
|
|
|
320
|
-
.
|
|
317
|
+
._3sukta_menuSub {
|
|
321
318
|
border-inline-start: var(--sidebar-menu-sub-border-width, var(--border-width-sm)) solid
|
|
322
319
|
var(--sidebar-border-color, var(--color-border));
|
|
323
320
|
margin-block-start: var(--sidebar-menu-sub-margin-y, var(--spacing-1));
|
|
@@ -325,7 +322,7 @@
|
|
|
325
322
|
padding-inline-start: var(--sidebar-menu-sub-padding-x, var(--spacing-2));
|
|
326
323
|
}
|
|
327
324
|
|
|
328
|
-
.
|
|
325
|
+
._3sukta_menuSubButton {
|
|
329
326
|
gap: var(--sidebar-menu-sub-button-gap, var(--spacing-2));
|
|
330
327
|
min-height: var(--sidebar-menu-sub-button-height, var(--size-sm));
|
|
331
328
|
padding-inline: var(--sidebar-menu-sub-button-padding-x, var(--spacing-2));
|
|
@@ -334,7 +331,7 @@
|
|
|
334
331
|
}
|
|
335
332
|
|
|
336
333
|
@media (prefers-reduced-motion: reduce) {
|
|
337
|
-
.
|
|
334
|
+
._3sukta_panel, ._3sukta_trigger, ._3sukta_menuButton, ._3sukta_menuSubButton {
|
|
338
335
|
transition: none;
|
|
339
336
|
}
|
|
340
337
|
}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import './Sidebar.css';
|
|
2
2
|
//#region src/components/sidebar/Sidebar.module.css
|
|
3
3
|
var Sidebar_module_default = {
|
|
4
|
-
"content": "
|
|
5
|
-
"footer": "
|
|
6
|
-
"group": "
|
|
7
|
-
"groupLabel": "
|
|
8
|
-
"header": "
|
|
9
|
-
"inset": "
|
|
10
|
-
"label": "
|
|
11
|
-
"menu": "
|
|
12
|
-
"menuButton": "
|
|
13
|
-
"menuItem": "
|
|
14
|
-
"menuSub": "
|
|
15
|
-
"menuSubButton": "
|
|
16
|
-
"menuSubItem": "
|
|
17
|
-
"panel": "
|
|
18
|
-
"resizeTrigger": "
|
|
19
|
-
"root": "
|
|
20
|
-
"trigger": "
|
|
4
|
+
"content": "_3sukta_content",
|
|
5
|
+
"footer": "_3sukta_footer",
|
|
6
|
+
"group": "_3sukta_group",
|
|
7
|
+
"groupLabel": "_3sukta_groupLabel",
|
|
8
|
+
"header": "_3sukta_header",
|
|
9
|
+
"inset": "_3sukta_inset",
|
|
10
|
+
"label": "_3sukta_label",
|
|
11
|
+
"menu": "_3sukta_menu",
|
|
12
|
+
"menuButton": "_3sukta_menuButton",
|
|
13
|
+
"menuItem": "_3sukta_menuItem",
|
|
14
|
+
"menuSub": "_3sukta_menuSub",
|
|
15
|
+
"menuSubButton": "_3sukta_menuSubButton",
|
|
16
|
+
"menuSubItem": "_3sukta_menuSubItem",
|
|
17
|
+
"panel": "_3sukta_panel",
|
|
18
|
+
"resizeTrigger": "_3sukta_resizeTrigger",
|
|
19
|
+
"root": "_3sukta_root",
|
|
20
|
+
"trigger": "_3sukta_trigger"
|
|
21
21
|
};
|
|
22
22
|
//#endregion
|
|
23
23
|
export { Sidebar_module_default as default };
|