@nattstack/ui 0.0.89 → 0.0.90
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/checkbox/checkbox.css +4 -4
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/checkbox/checkbox.module.js +1 -1
- package/dist/components/column/column.css +1 -1
- package/dist/components/column/column.js +1 -1
- package/dist/components/column/column.module.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.css +5 -5
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-bar.css +2 -2
- package/dist/components/dialog-responsive/dialog-responsive-bar.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-bar.module.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-popup.css +7 -7
- package/dist/components/dialog-responsive/dialog-responsive-popup.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-popup.module.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-portal.css +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-portal.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-portal.module.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-viewport.css +2 -2
- package/dist/components/dialog-responsive/dialog-responsive-viewport.js +1 -1
- package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +2 -1
- package/dist/components/input/input.css +14 -14
- package/dist/components/input/input.js +8 -8
- package/dist/components/input/input.module.js +8 -8
- package/dist/components/label/label.css +1 -1
- package/dist/components/label/label.js +1 -1
- package/dist/components/label/label.module.js +1 -1
- package/dist/components/otp-field/otp-field-input.css +4 -4
- package/dist/components/otp-field/otp-field-input.js +1 -1
- package/dist/components/otp-field/otp-field-input.module.js +1 -1
- package/dist/components/otp-field/otp-field.css +2 -2
- package/dist/components/otp-field/otp-field.js +2 -2
- package/dist/components/otp-field/otp-field.module.js +2 -2
- package/dist/components/row/row.css +1 -1
- package/dist/components/row/row.js +1 -1
- package/dist/components/row/row.module.js +1 -1
- package/dist/components/select/select-content.css +8 -8
- package/dist/components/select/select-content.js +3 -3
- package/dist/components/select/select-content.module.js +2 -2
- package/dist/components/select/select-group-label.css +2 -2
- package/dist/components/select/select-group-label.js +1 -1
- package/dist/components/select/select-group-label.module.js +1 -1
- package/dist/components/select/select-group.css +1 -1
- package/dist/components/select/select-group.js +1 -1
- package/dist/components/select/select-group.module.js +1 -1
- package/dist/components/select/select-item.css +23 -27
- package/dist/components/select/select-item.js +7 -7
- package/dist/components/select/select-item.module.js +3 -3
- package/dist/components/select/select-separator.css +1 -1
- package/dist/components/select/select-separator.js +1 -1
- package/dist/components/select/select-separator.module.js +1 -1
- package/dist/components/select/select-trigger.css +10 -21
- package/dist/components/select/select-trigger.d.ts +1 -3
- package/dist/components/select/select-trigger.js +4 -9
- package/dist/components/select/select-trigger.module.js +2 -3
- package/dist/components/select/select-value.css +14 -0
- package/dist/components/select/select-value.d.ts +8 -0
- package/dist/components/select/select-value.js +18 -0
- package/dist/components/select/select-value.module.js +5 -0
- package/dist/components/select/select.d.ts +2 -2
- package/dist/components/spacer/spacer.css +1 -1
- package/dist/components/spacer/spacer.js +1 -1
- package/dist/components/spacer/spacer.module.js +1 -1
- package/dist/components/switch/switch.css +8 -8
- package/dist/components/switch/switch.js +4 -4
- package/dist/components/switch/switch.module.js +4 -4
- package/dist/components/tabs/tabs-panel.css +2 -2
- package/dist/components/tabs/tabs-panel.js +1 -1
- package/dist/components/tabs/tabs-panel.module.js +1 -1
- package/dist/components/tabs/tabs.css +1 -1
- package/dist/components/tabs/tabs.js +1 -1
- package/dist/components/tabs/tabs.module.js +1 -1
- package/dist/components/tabs-pill/tabs-pill-indicator.css +1 -1
- package/dist/components/tabs-pill/tabs-pill-indicator.js +1 -1
- package/dist/components/tabs-pill/tabs-pill-indicator.module.js +1 -1
- package/dist/components/tabs-pill/tabs-pill-list.css +1 -1
- package/dist/components/tabs-pill/tabs-pill-list.js +1 -1
- package/dist/components/tabs-pill/tabs-pill-list.module.js +1 -1
- package/dist/components/tabs-pill/tabs-pill-tab.css +9 -9
- package/dist/components/tabs-pill/tabs-pill-tab.js +3 -3
- package/dist/components/tabs-pill/tabs-pill-tab.module.js +3 -3
- package/dist/components/tabs-segmented/tabs-segmented-indicator.css +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-indicator.js +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-list.css +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-list.js +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-list.module.js +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-tab.css +4 -4
- package/dist/components/tabs-segmented/tabs-segmented-tab.js +1 -1
- package/dist/components/tabs-segmented/tabs-segmented-tab.module.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-indicator.css +1 -1
- package/dist/components/tabs-underline/tabs-underline-indicator.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-indicator.module.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-list.css +1 -1
- package/dist/components/tabs-underline/tabs-underline-list.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-list.module.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-tab.css +4 -4
- package/dist/components/tabs-underline/tabs-underline-tab.js +1 -1
- package/dist/components/tabs-underline/tabs-underline-tab.module.js +1 -1
- package/dist/components/textarea/textarea.css +1 -1
- package/dist/components/textarea/textarea.js +3 -3
- package/dist/components/textarea/textarea.module.js +1 -1
- package/dist/components/toggle-group/toggle-group-item.css +6 -6
- package/dist/components/toggle-group/toggle-group-item.js +1 -1
- package/dist/components/toggle-group/toggle-group-item.module.js +1 -1
- package/dist/components/toggle-group/toggle-group.css +1 -1
- package/dist/components/toggle-group/toggle-group.js +1 -1
- package/dist/components/toggle-group/toggle-group.module.js +1 -1
- package/dist/components/tooltip/tooltip-popup.css +5 -5
- package/dist/components/tooltip/tooltip-popup.js +2 -2
- package/dist/components/tooltip/tooltip-popup.module.js +2 -2
- package/package.json +1 -1
|
@@ -13,6 +13,6 @@ function TabsPillIndicator(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.
|
|
16
|
+
const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { TabsPillIndicator, tabsPillIndicatorVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-pill-indicator.css';
|
|
2
2
|
//#region src/components/tabs-pill/tabs-pill-indicator.module.css
|
|
3
|
-
var tabs_pill_indicator_module_default = { "
|
|
3
|
+
var tabs_pill_indicator_module_default = { "base": "tabs-pill-indicator-module_base_PiFilW" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_pill_indicator_module_default as default };
|
|
@@ -14,6 +14,6 @@ function TabsPillList(props) {
|
|
|
14
14
|
children: [children, /* @__PURE__ */ jsx(TabsPillIndicator, {})]
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
const tabsPillListVariants = cva(tabs_pill_list_module_default.
|
|
17
|
+
const tabsPillListVariants = cva(tabs_pill_list_module_default.base);
|
|
18
18
|
//#endregion
|
|
19
19
|
export { TabsPillList, tabsPillListVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-pill-list.css';
|
|
2
2
|
//#region src/components/tabs-pill/tabs-pill-list.module.css
|
|
3
|
-
var tabs_pill_list_module_default = { "
|
|
3
|
+
var tabs_pill_list_module_default = { "base": "tabs-pill-list-module_base_3ahKPW" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_pill_list_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
.tabs-pill-tab-
|
|
2
|
+
.tabs-pill-tab-module_base_nxQ-sW {
|
|
3
3
|
border-radius: var(--border-radius);
|
|
4
4
|
color: #000;
|
|
5
5
|
cursor: pointer;
|
|
@@ -21,34 +21,34 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.tabs-pill-tab-
|
|
24
|
+
.tabs-pill-tab-module_base_nxQ-sW:focus-visible {
|
|
25
25
|
outline-width: 2px;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.tabs-pill-tab-
|
|
28
|
+
.tabs-pill-tab-module_base_nxQ-sW:hover {
|
|
29
29
|
background-color: var(--color-gray-4);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.tabs-pill-tab-
|
|
32
|
+
.tabs-pill-tab-module_base_nxQ-sW[data-active] {
|
|
33
33
|
color: #fff;
|
|
34
34
|
background-color: #0000;
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
.dark .tabs-pill-tab-
|
|
37
|
+
.dark .tabs-pill-tab-module_base_nxQ-sW {
|
|
38
38
|
color: #fff;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.dark .tabs-pill-tab-
|
|
41
|
+
.dark .tabs-pill-tab-module_base_nxQ-sW[data-active] {
|
|
42
42
|
color: #000;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.tabs-pill-tab-
|
|
45
|
+
.tabs-pill-tab-module_base_nxQ-sW > svg {
|
|
46
46
|
--size-icon: 16px;
|
|
47
47
|
height: var(--size-icon);
|
|
48
48
|
width: var(--size-icon);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.tabs-pill-tab-
|
|
51
|
+
.tabs-pill-tab-module_wrapper_nxQ-sW {
|
|
52
52
|
--border-radius: 12px;
|
|
53
53
|
border-radius: var(--border-radius);
|
|
54
54
|
flex-shrink: 0;
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
overflow: hidden;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.tabs-pill-tab-
|
|
60
|
+
.tabs-pill-tab-module_background_nxQ-sW {
|
|
61
61
|
background-color: var(--color-gray-3);
|
|
62
62
|
z-index: -2;
|
|
63
63
|
position: absolute;
|
|
@@ -7,15 +7,15 @@ function TabsPillTab(props) {
|
|
|
7
7
|
const { className: customClassName = "", isNativeButton = true, ...rest } = props;
|
|
8
8
|
const combinedClassName = tabsPillTabVariants({ className: customClassName });
|
|
9
9
|
return /* @__PURE__ */ jsxs("div", {
|
|
10
|
-
className: tabs_pill_tab_module_default.
|
|
10
|
+
className: tabs_pill_tab_module_default.wrapper,
|
|
11
11
|
children: [/* @__PURE__ */ jsx(Tabs.Tab, {
|
|
12
12
|
className: combinedClassName,
|
|
13
13
|
"data-slot": "tabs-pill-tab",
|
|
14
14
|
nativeButton: isNativeButton,
|
|
15
15
|
...rest
|
|
16
|
-
}), /* @__PURE__ */ jsx("div", { className: tabs_pill_tab_module_default.
|
|
16
|
+
}), /* @__PURE__ */ jsx("div", { className: tabs_pill_tab_module_default.background })]
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
|
-
const tabsPillTabVariants = cva(tabs_pill_tab_module_default.
|
|
19
|
+
const tabsPillTabVariants = cva(tabs_pill_tab_module_default.base);
|
|
20
20
|
//#endregion
|
|
21
21
|
export { TabsPillTab, tabsPillTabVariants };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './tabs-pill-tab.css';
|
|
2
2
|
//#region src/components/tabs-pill/tabs-pill-tab.module.css
|
|
3
3
|
var tabs_pill_tab_module_default = {
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
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
7
|
};
|
|
8
8
|
//#endregion
|
|
9
9
|
export { tabs_pill_tab_module_default as default };
|
|
@@ -13,6 +13,6 @@ function TabsSegmentedIndicator(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.
|
|
16
|
+
const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { TabsSegmentedIndicator, tabsSegmentedIndicatorVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-segmented-indicator.css';
|
|
2
2
|
//#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
|
|
3
|
-
var tabs_segmented_indicator_module_default = { "
|
|
3
|
+
var tabs_segmented_indicator_module_default = { "base": "tabs-segmented-indicator-module_base_3DY8Ta" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_segmented_indicator_module_default as default };
|
|
@@ -14,6 +14,6 @@ function TabsSegmentedList(props) {
|
|
|
14
14
|
children: [children, /* @__PURE__ */ jsx(TabsSegmentedIndicator, {})]
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
const tabsSegmentedListVariants = cva(tabs_segmented_list_module_default.
|
|
17
|
+
const tabsSegmentedListVariants = cva(tabs_segmented_list_module_default.base);
|
|
18
18
|
//#endregion
|
|
19
19
|
export { TabsSegmentedList, tabsSegmentedListVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-segmented-list.css';
|
|
2
2
|
//#region src/components/tabs-segmented/tabs-segmented-list.module.css
|
|
3
|
-
var tabs_segmented_list_module_default = { "
|
|
3
|
+
var tabs_segmented_list_module_default = { "base": "tabs-segmented-list-module_base_wG8CPq" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_segmented_list_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
.tabs-segmented-tab-
|
|
2
|
+
.tabs-segmented-tab-module_base_du-IJG {
|
|
3
3
|
color: var(--color-gray-11);
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
outline-color: var(--color-primary-9);
|
|
@@ -21,15 +21,15 @@
|
|
|
21
21
|
display: flex;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.tabs-segmented-tab-
|
|
24
|
+
.tabs-segmented-tab-module_base_du-IJG:focus-visible {
|
|
25
25
|
outline-width: 2px;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.tabs-segmented-tab-
|
|
28
|
+
.tabs-segmented-tab-module_base_du-IJG:hover, .tabs-segmented-tab-module_base_du-IJG[data-active] {
|
|
29
29
|
color: var(--color-gray-12);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.tabs-segmented-tab-
|
|
32
|
+
.tabs-segmented-tab-module_base_du-IJG > svg {
|
|
33
33
|
--size-icon: 16px;
|
|
34
34
|
height: var(--size-icon);
|
|
35
35
|
width: var(--size-icon);
|
|
@@ -13,6 +13,6 @@ function TabsSegmentedTab(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const tabsSegmentedTabVariants = cva(tabs_segmented_tab_module_default.
|
|
16
|
+
const tabsSegmentedTabVariants = cva(tabs_segmented_tab_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { TabsSegmentedTab, tabsSegmentedTabVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-segmented-tab.css';
|
|
2
2
|
//#region src/components/tabs-segmented/tabs-segmented-tab.module.css
|
|
3
|
-
var tabs_segmented_tab_module_default = { "
|
|
3
|
+
var tabs_segmented_tab_module_default = { "base": "tabs-segmented-tab-module_base_du-IJG" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_segmented_tab_module_default as default };
|
|
@@ -13,6 +13,6 @@ function TabsUnderlineIndicator(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.
|
|
16
|
+
const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { TabsUnderlineIndicator, tabsUnderlineIndicatorVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-underline-indicator.css';
|
|
2
2
|
//#region src/components/tabs-underline/tabs-underline-indicator.module.css
|
|
3
|
-
var tabs_underline_indicator_module_default = { "
|
|
3
|
+
var tabs_underline_indicator_module_default = { "base": "tabs-underline-indicator-module_base_Gl55Ba" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_underline_indicator_module_default as default };
|
|
@@ -14,6 +14,6 @@ function TabsUnderlineList(props) {
|
|
|
14
14
|
children: [children, /* @__PURE__ */ jsx(TabsUnderlineIndicator, {})]
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
const tabsUnderlineListVariants = cva(tabs_underline_list_module_default.
|
|
17
|
+
const tabsUnderlineListVariants = cva(tabs_underline_list_module_default.base);
|
|
18
18
|
//#endregion
|
|
19
19
|
export { TabsUnderlineList, tabsUnderlineListVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-underline-list.css';
|
|
2
2
|
//#region src/components/tabs-underline/tabs-underline-list.module.css
|
|
3
|
-
var tabs_underline_list_module_default = { "
|
|
3
|
+
var tabs_underline_list_module_default = { "base": "tabs-underline-list-module_base_3MpMpG" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_underline_list_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
.tabs-underline-tab-
|
|
2
|
+
.tabs-underline-tab-module_base_lcqfQW {
|
|
3
3
|
color: var(--color-gray-11);
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
outline-color: var(--color-primary-9);
|
|
@@ -20,15 +20,15 @@
|
|
|
20
20
|
display: flex;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.tabs-underline-tab-
|
|
23
|
+
.tabs-underline-tab-module_base_lcqfQW:focus-visible {
|
|
24
24
|
outline-width: 2px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.tabs-underline-tab-
|
|
27
|
+
.tabs-underline-tab-module_base_lcqfQW:hover, .tabs-underline-tab-module_base_lcqfQW[data-active] {
|
|
28
28
|
color: var(--color-gray-12);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.tabs-underline-tab-
|
|
31
|
+
.tabs-underline-tab-module_base_lcqfQW > svg {
|
|
32
32
|
--size-icon: 16px;
|
|
33
33
|
height: var(--size-icon);
|
|
34
34
|
width: var(--size-icon);
|
|
@@ -13,6 +13,6 @@ function TabsUnderlineTab(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const tabsUnderlineTabVariants = cva(tabs_underline_tab_module_default.
|
|
16
|
+
const tabsUnderlineTabVariants = cva(tabs_underline_tab_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { TabsUnderlineTab, tabsUnderlineTabVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './tabs-underline-tab.css';
|
|
2
2
|
//#region src/components/tabs-underline/tabs-underline-tab.module.css
|
|
3
|
-
var tabs_underline_tab_module_default = { "
|
|
3
|
+
var tabs_underline_tab_module_default = { "base": "tabs-underline-tab-module_base_lcqfQW" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { tabs_underline_tab_module_default as default };
|
|
@@ -21,11 +21,11 @@ function Textarea(props) {
|
|
|
21
21
|
...rest
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const textareaVariants = cva([input_module_default.
|
|
24
|
+
const textareaVariants = cva([input_module_default.base, textarea_module_default.base], {
|
|
25
25
|
defaultVariants: { isRounded: false },
|
|
26
26
|
variants: { isRounded: {
|
|
27
|
-
false: input_module_default.
|
|
28
|
-
true: input_module_default.
|
|
27
|
+
false: input_module_default.rounded_base,
|
|
28
|
+
true: input_module_default.rounded_full
|
|
29
29
|
} }
|
|
30
30
|
});
|
|
31
31
|
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './textarea.css';
|
|
2
2
|
//#region src/components/textarea/textarea.module.css
|
|
3
|
-
var textarea_module_default = { "
|
|
3
|
+
var textarea_module_default = { "base": "textarea-module_base_jT_oOq" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { textarea_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
.toggle-group-item-
|
|
2
|
+
.toggle-group-item-module_base_Q7Q0iq {
|
|
3
3
|
color: var(--color-text-secondary);
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
outline-color: var(--color-outline);
|
|
@@ -20,26 +20,26 @@
|
|
|
20
20
|
display: flex;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.toggle-group-item-
|
|
23
|
+
.toggle-group-item-module_base_Q7Q0iq:focus-visible {
|
|
24
24
|
outline-width: 2px;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.toggle-group-item-
|
|
27
|
+
.toggle-group-item-module_base_Q7Q0iq:hover:not(:disabled) {
|
|
28
28
|
background-color: var(--color-gray-4);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.toggle-group-item-
|
|
31
|
+
.toggle-group-item-module_base_Q7Q0iq:disabled {
|
|
32
32
|
cursor: not-allowed;
|
|
33
33
|
opacity: .5;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.toggle-group-item-
|
|
36
|
+
.toggle-group-item-module_base_Q7Q0iq[data-pressed] {
|
|
37
37
|
background-color: var(--color-gray-3);
|
|
38
38
|
box-shadow: inset 0 0 0 1px var(--color-primary);
|
|
39
39
|
color: var(--color-text-primary);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.toggle-group-item-
|
|
42
|
+
.toggle-group-item-module_base_Q7Q0iq > svg {
|
|
43
43
|
--size-icon: 16px;
|
|
44
44
|
height: var(--size-icon);
|
|
45
45
|
width: var(--size-icon);
|
|
@@ -13,6 +13,6 @@ function ToggleGroupItem(props) {
|
|
|
13
13
|
...rest
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const toggleGroupItemVariants = cva(toggle_group_item_module_default.
|
|
16
|
+
const toggleGroupItemVariants = cva(toggle_group_item_module_default.base);
|
|
17
17
|
//#endregion
|
|
18
18
|
export { ToggleGroupItem, toggleGroupItemVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './toggle-group-item.css';
|
|
2
2
|
//#region src/components/toggle-group/toggle-group-item.module.css
|
|
3
|
-
var toggle_group_item_module_default = { "
|
|
3
|
+
var toggle_group_item_module_default = { "base": "toggle-group-item-module_base_Q7Q0iq" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { toggle_group_item_module_default as default };
|
|
@@ -14,6 +14,6 @@ function ToggleGroup$1(props) {
|
|
|
14
14
|
...rest
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
|
-
const toggleGroupVariants = cva(toggle_group_module_default.
|
|
17
|
+
const toggleGroupVariants = cva(toggle_group_module_default.base);
|
|
18
18
|
//#endregion
|
|
19
19
|
export { ToggleGroup$1 as ToggleGroup, toggleGroupVariants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './toggle-group.css';
|
|
2
2
|
//#region src/components/toggle-group/toggle-group.module.css
|
|
3
|
-
var toggle_group_module_default = { "
|
|
3
|
+
var toggle_group_module_default = { "base": "toggle-group-module_base_cgldTq" };
|
|
4
4
|
//#endregion
|
|
5
5
|
export { toggle_group_module_default as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
.tooltip-popup-
|
|
2
|
+
.tooltip-popup-module_base_SLo08q {
|
|
3
3
|
background-color: var(--color-gray-dark-1);
|
|
4
4
|
color: var(--color-gray-dark-12);
|
|
5
5
|
transform-origin: var(--transform-origin);
|
|
@@ -12,20 +12,20 @@
|
|
|
12
12
|
box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.tooltip-popup-
|
|
15
|
+
.tooltip-popup-module_base_SLo08q[data-ending-style], .tooltip-popup-module_base_SLo08q[data-starting-style] {
|
|
16
16
|
opacity: 0;
|
|
17
17
|
scale: .975;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.tooltip-popup-
|
|
20
|
+
.tooltip-popup-module_base_SLo08q[data-instant] {
|
|
21
21
|
transition: none;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.tooltip-popup-
|
|
24
|
+
.tooltip-popup-module_portal_SLo08q {
|
|
25
25
|
z-index: 50;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.dark .tooltip-popup-
|
|
28
|
+
.dark .tooltip-popup-module_base_SLo08q {
|
|
29
29
|
background-color: var(--color-gray-light-1);
|
|
30
30
|
color: var(--color-gray-light-12);
|
|
31
31
|
}
|
|
@@ -7,7 +7,7 @@ function TooltipPopup(props) {
|
|
|
7
7
|
const { children = void 0, className: customClassName = "", side = "top", sideOffset = 4, ...rest } = props;
|
|
8
8
|
const combinedClassName = tooltipPopupVariants({ className: customClassName });
|
|
9
9
|
return /* @__PURE__ */ jsx(Tooltip.Portal, {
|
|
10
|
-
className: tooltip_popup_module_default.
|
|
10
|
+
className: tooltip_popup_module_default.portal,
|
|
11
11
|
children: /* @__PURE__ */ jsxs(Tooltip.Positioner, {
|
|
12
12
|
side,
|
|
13
13
|
sideOffset,
|
|
@@ -20,6 +20,6 @@ function TooltipPopup(props) {
|
|
|
20
20
|
})
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
|
-
const tooltipPopupVariants = cva(tooltip_popup_module_default.
|
|
23
|
+
const tooltipPopupVariants = cva(tooltip_popup_module_default.base);
|
|
24
24
|
//#endregion
|
|
25
25
|
export { TooltipPopup, tooltipPopupVariants };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './tooltip-popup.css';
|
|
2
2
|
//#region src/components/tooltip/tooltip-popup.module.css
|
|
3
3
|
var tooltip_popup_module_default = {
|
|
4
|
-
"
|
|
5
|
-
"
|
|
4
|
+
"base": "tooltip-popup-module_base_SLo08q",
|
|
5
|
+
"portal": "tooltip-popup-module_portal_SLo08q"
|
|
6
6
|
};
|
|
7
7
|
//#endregion
|
|
8
8
|
export { tooltip_popup_module_default as default };
|