@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.
Files changed (114) hide show
  1. package/dist/components/checkbox/checkbox.css +4 -4
  2. package/dist/components/checkbox/checkbox.js +1 -1
  3. package/dist/components/checkbox/checkbox.module.js +1 -1
  4. package/dist/components/column/column.css +1 -1
  5. package/dist/components/column/column.js +1 -1
  6. package/dist/components/column/column.module.js +1 -1
  7. package/dist/components/dialog-responsive/dialog-responsive-backdrop.css +5 -5
  8. package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +1 -1
  9. package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js +1 -1
  10. package/dist/components/dialog-responsive/dialog-responsive-bar.css +2 -2
  11. package/dist/components/dialog-responsive/dialog-responsive-bar.js +1 -1
  12. package/dist/components/dialog-responsive/dialog-responsive-bar.module.js +1 -1
  13. package/dist/components/dialog-responsive/dialog-responsive-popup.css +7 -7
  14. package/dist/components/dialog-responsive/dialog-responsive-popup.js +1 -1
  15. package/dist/components/dialog-responsive/dialog-responsive-popup.module.js +1 -1
  16. package/dist/components/dialog-responsive/dialog-responsive-portal.css +1 -1
  17. package/dist/components/dialog-responsive/dialog-responsive-portal.js +1 -1
  18. package/dist/components/dialog-responsive/dialog-responsive-portal.module.js +1 -1
  19. package/dist/components/dialog-responsive/dialog-responsive-viewport.css +2 -2
  20. package/dist/components/dialog-responsive/dialog-responsive-viewport.js +1 -1
  21. package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js +1 -1
  22. package/dist/components/index.d.ts +2 -1
  23. package/dist/components/index.js +2 -1
  24. package/dist/components/input/input.css +14 -14
  25. package/dist/components/input/input.js +8 -8
  26. package/dist/components/input/input.module.js +8 -8
  27. package/dist/components/label/label.css +1 -1
  28. package/dist/components/label/label.js +1 -1
  29. package/dist/components/label/label.module.js +1 -1
  30. package/dist/components/otp-field/otp-field-input.css +4 -4
  31. package/dist/components/otp-field/otp-field-input.js +1 -1
  32. package/dist/components/otp-field/otp-field-input.module.js +1 -1
  33. package/dist/components/otp-field/otp-field.css +2 -2
  34. package/dist/components/otp-field/otp-field.js +2 -2
  35. package/dist/components/otp-field/otp-field.module.js +2 -2
  36. package/dist/components/row/row.css +1 -1
  37. package/dist/components/row/row.js +1 -1
  38. package/dist/components/row/row.module.js +1 -1
  39. package/dist/components/select/select-content.css +8 -8
  40. package/dist/components/select/select-content.js +3 -3
  41. package/dist/components/select/select-content.module.js +2 -2
  42. package/dist/components/select/select-group-label.css +2 -2
  43. package/dist/components/select/select-group-label.js +1 -1
  44. package/dist/components/select/select-group-label.module.js +1 -1
  45. package/dist/components/select/select-group.css +1 -1
  46. package/dist/components/select/select-group.js +1 -1
  47. package/dist/components/select/select-group.module.js +1 -1
  48. package/dist/components/select/select-item.css +23 -27
  49. package/dist/components/select/select-item.js +7 -7
  50. package/dist/components/select/select-item.module.js +3 -3
  51. package/dist/components/select/select-separator.css +1 -1
  52. package/dist/components/select/select-separator.js +1 -1
  53. package/dist/components/select/select-separator.module.js +1 -1
  54. package/dist/components/select/select-trigger.css +10 -21
  55. package/dist/components/select/select-trigger.d.ts +1 -3
  56. package/dist/components/select/select-trigger.js +4 -9
  57. package/dist/components/select/select-trigger.module.js +2 -3
  58. package/dist/components/select/select-value.css +14 -0
  59. package/dist/components/select/select-value.d.ts +8 -0
  60. package/dist/components/select/select-value.js +18 -0
  61. package/dist/components/select/select-value.module.js +5 -0
  62. package/dist/components/select/select.d.ts +2 -2
  63. package/dist/components/spacer/spacer.css +1 -1
  64. package/dist/components/spacer/spacer.js +1 -1
  65. package/dist/components/spacer/spacer.module.js +1 -1
  66. package/dist/components/switch/switch.css +8 -8
  67. package/dist/components/switch/switch.js +4 -4
  68. package/dist/components/switch/switch.module.js +4 -4
  69. package/dist/components/tabs/tabs-panel.css +2 -2
  70. package/dist/components/tabs/tabs-panel.js +1 -1
  71. package/dist/components/tabs/tabs-panel.module.js +1 -1
  72. package/dist/components/tabs/tabs.css +1 -1
  73. package/dist/components/tabs/tabs.js +1 -1
  74. package/dist/components/tabs/tabs.module.js +1 -1
  75. package/dist/components/tabs-pill/tabs-pill-indicator.css +1 -1
  76. package/dist/components/tabs-pill/tabs-pill-indicator.js +1 -1
  77. package/dist/components/tabs-pill/tabs-pill-indicator.module.js +1 -1
  78. package/dist/components/tabs-pill/tabs-pill-list.css +1 -1
  79. package/dist/components/tabs-pill/tabs-pill-list.js +1 -1
  80. package/dist/components/tabs-pill/tabs-pill-list.module.js +1 -1
  81. package/dist/components/tabs-pill/tabs-pill-tab.css +9 -9
  82. package/dist/components/tabs-pill/tabs-pill-tab.js +3 -3
  83. package/dist/components/tabs-pill/tabs-pill-tab.module.js +3 -3
  84. package/dist/components/tabs-segmented/tabs-segmented-indicator.css +1 -1
  85. package/dist/components/tabs-segmented/tabs-segmented-indicator.js +1 -1
  86. package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js +1 -1
  87. package/dist/components/tabs-segmented/tabs-segmented-list.css +1 -1
  88. package/dist/components/tabs-segmented/tabs-segmented-list.js +1 -1
  89. package/dist/components/tabs-segmented/tabs-segmented-list.module.js +1 -1
  90. package/dist/components/tabs-segmented/tabs-segmented-tab.css +4 -4
  91. package/dist/components/tabs-segmented/tabs-segmented-tab.js +1 -1
  92. package/dist/components/tabs-segmented/tabs-segmented-tab.module.js +1 -1
  93. package/dist/components/tabs-underline/tabs-underline-indicator.css +1 -1
  94. package/dist/components/tabs-underline/tabs-underline-indicator.js +1 -1
  95. package/dist/components/tabs-underline/tabs-underline-indicator.module.js +1 -1
  96. package/dist/components/tabs-underline/tabs-underline-list.css +1 -1
  97. package/dist/components/tabs-underline/tabs-underline-list.js +1 -1
  98. package/dist/components/tabs-underline/tabs-underline-list.module.js +1 -1
  99. package/dist/components/tabs-underline/tabs-underline-tab.css +4 -4
  100. package/dist/components/tabs-underline/tabs-underline-tab.js +1 -1
  101. package/dist/components/tabs-underline/tabs-underline-tab.module.js +1 -1
  102. package/dist/components/textarea/textarea.css +1 -1
  103. package/dist/components/textarea/textarea.js +3 -3
  104. package/dist/components/textarea/textarea.module.js +1 -1
  105. package/dist/components/toggle-group/toggle-group-item.css +6 -6
  106. package/dist/components/toggle-group/toggle-group-item.js +1 -1
  107. package/dist/components/toggle-group/toggle-group-item.module.js +1 -1
  108. package/dist/components/toggle-group/toggle-group.css +1 -1
  109. package/dist/components/toggle-group/toggle-group.js +1 -1
  110. package/dist/components/toggle-group/toggle-group.module.js +1 -1
  111. package/dist/components/tooltip/tooltip-popup.css +5 -5
  112. package/dist/components/tooltip/tooltip-popup.js +2 -2
  113. package/dist/components/tooltip/tooltip-popup.module.js +2 -2
  114. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-pill-indicator-module_tabs_pill_indicator_PiFilW {
2
+ .tabs-pill-indicator-module_base_PiFilW {
3
3
  background-color: var(--color-gray-12);
4
4
  height: var(--active-tab-height);
5
5
  left: var(--active-tab-left);
@@ -13,6 +13,6 @@ function TabsPillIndicator(props) {
13
13
  ...rest
14
14
  });
15
15
  }
16
- const tabsPillIndicatorVariants = cva(tabs_pill_indicator_module_default.tabs_pill_indicator);
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 = { "tabs_pill_indicator": "tabs-pill-indicator-module_tabs_pill_indicator_PiFilW" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-pill-list-module_tabs_pill_list_3ahKPW {
2
+ .tabs-pill-list-module_base_3ahKPW {
3
3
  isolation: isolate;
4
4
  column-gap: 8px;
5
5
  display: flex;
@@ -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.tabs_pill_list);
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 = { "tabs_pill_list": "tabs-pill-list-module_tabs_pill_list_3ahKPW" };
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-module_tabs_pill_tab_nxQ-sW {
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-module_tabs_pill_tab_nxQ-sW:focus-visible {
24
+ .tabs-pill-tab-module_base_nxQ-sW:focus-visible {
25
25
  outline-width: 2px;
26
26
  }
27
27
 
28
- .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW:hover {
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-module_tabs_pill_tab_nxQ-sW[data-active] {
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-module_tabs_pill_tab_nxQ-sW {
37
+ .dark .tabs-pill-tab-module_base_nxQ-sW {
38
38
  color: #fff;
39
39
  }
40
40
 
41
- .dark .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW[data-active] {
41
+ .dark .tabs-pill-tab-module_base_nxQ-sW[data-active] {
42
42
  color: #000;
43
43
  }
44
44
 
45
- .tabs-pill-tab-module_tabs_pill_tab_nxQ-sW > svg {
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-module_tabs_pill_tab_wrapper_nxQ-sW {
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-module_tabs_pill_tab_background_nxQ-sW {
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.tabs_pill_tab_wrapper,
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.tabs_pill_tab_background })]
16
+ }), /* @__PURE__ */ jsx("div", { className: tabs_pill_tab_module_default.background })]
17
17
  });
18
18
  }
19
- const tabsPillTabVariants = cva(tabs_pill_tab_module_default.tabs_pill_tab);
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
- "tabs_pill_tab": "tabs-pill-tab-module_tabs_pill_tab_nxQ-sW",
5
- "tabs_pill_tab_background": "tabs-pill-tab-module_tabs_pill_tab_background_nxQ-sW",
6
- "tabs_pill_tab_wrapper": "tabs-pill-tab-module_tabs_pill_tab_wrapper_nxQ-sW"
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta {
2
+ .tabs-segmented-indicator-module_base_3DY8Ta {
3
3
  background-color: var(--color-gray-1);
4
4
  height: var(--active-tab-height);
5
5
  left: var(--active-tab-left);
@@ -13,6 +13,6 @@ function TabsSegmentedIndicator(props) {
13
13
  ...rest
14
14
  });
15
15
  }
16
- const tabsSegmentedIndicatorVariants = cva(tabs_segmented_indicator_module_default.tabs_segmented_indicator);
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 = { "tabs_segmented_indicator": "tabs-segmented-indicator-module_tabs_segmented_indicator_3DY8Ta" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-segmented-list-module_tabs_segmented_list_wG8CPq {
2
+ .tabs-segmented-list-module_base_wG8CPq {
3
3
  background-color: var(--color-gray-3);
4
4
  isolation: isolate;
5
5
  border-radius: 12px;
@@ -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.tabs_segmented_list);
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 = { "tabs_segmented_list": "tabs-segmented-list-module_tabs_segmented_list_wG8CPq" };
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-module_tabs_segmented_tab_du-IJG {
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-module_tabs_segmented_tab_du-IJG:focus-visible {
24
+ .tabs-segmented-tab-module_base_du-IJG:focus-visible {
25
25
  outline-width: 2px;
26
26
  }
27
27
 
28
- .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG:hover, .tabs-segmented-tab-module_tabs_segmented_tab_du-IJG[data-active] {
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-module_tabs_segmented_tab_du-IJG > svg {
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.tabs_segmented_tab);
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 = { "tabs_segmented_tab": "tabs-segmented-tab-module_tabs_segmented_tab_du-IJG" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba {
2
+ .tabs-underline-indicator-module_base_Gl55Ba {
3
3
  background-color: var(--color-primary-9);
4
4
  height: 2px;
5
5
  bottom: 0;
@@ -13,6 +13,6 @@ function TabsUnderlineIndicator(props) {
13
13
  ...rest
14
14
  });
15
15
  }
16
- const tabsUnderlineIndicatorVariants = cva(tabs_underline_indicator_module_default.tabs_underline_indicator);
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 = { "tabs_underline_indicator": "tabs-underline-indicator-module_tabs_underline_indicator_Gl55Ba" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .tabs-underline-list-module_tabs_underline_list_3MpMpG {
2
+ .tabs-underline-list-module_base_3MpMpG {
3
3
  border-bottom-color: var(--color-gray-4);
4
4
  border-bottom-style: solid;
5
5
  border-bottom-width: 1px;
@@ -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.tabs_underline_list);
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 = { "tabs_underline_list": "tabs-underline-list-module_tabs_underline_list_3MpMpG" };
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-module_tabs_underline_tab_lcqfQW {
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-module_tabs_underline_tab_lcqfQW:focus-visible {
23
+ .tabs-underline-tab-module_base_lcqfQW:focus-visible {
24
24
  outline-width: 2px;
25
25
  }
26
26
 
27
- .tabs-underline-tab-module_tabs_underline_tab_lcqfQW:hover, .tabs-underline-tab-module_tabs_underline_tab_lcqfQW[data-active] {
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-module_tabs_underline_tab_lcqfQW > svg {
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.tabs_underline_tab);
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 = { "tabs_underline_tab": "tabs-underline-tab-module_tabs_underline_tab_lcqfQW" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .textarea-module_textarea_jT_oOq {
2
+ .textarea-module_base_jT_oOq {
3
3
  resize: vertical;
4
4
  height: auto;
5
5
  min-height: 66px;
@@ -21,11 +21,11 @@ function Textarea(props) {
21
21
  ...rest
22
22
  });
23
23
  }
24
- const textareaVariants = cva([input_module_default.input, textarea_module_default.textarea], {
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.input__rounded_base,
28
- true: input_module_default.input__rounded_full
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 = { "textarea": "textarea-module_textarea_jT_oOq" };
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-module_toggle_group_item_Q7Q0iq {
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-module_toggle_group_item_Q7Q0iq:focus-visible {
23
+ .toggle-group-item-module_base_Q7Q0iq:focus-visible {
24
24
  outline-width: 2px;
25
25
  }
26
26
 
27
- .toggle-group-item-module_toggle_group_item_Q7Q0iq:hover:not(:disabled) {
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-module_toggle_group_item_Q7Q0iq:disabled {
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-module_toggle_group_item_Q7Q0iq[data-pressed] {
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-module_toggle_group_item_Q7Q0iq > svg {
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.toggle_group_item);
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 = { "toggle_group_item": "toggle-group-item-module_toggle_group_item_Q7Q0iq" };
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 };
@@ -1,5 +1,5 @@
1
1
  @layer components {
2
- .toggle-group-module_toggle_group_cgldTq {
2
+ .toggle-group-module_base_cgldTq {
3
3
  flex-wrap: wrap;
4
4
  gap: 8px;
5
5
  display: flex;
@@ -14,6 +14,6 @@ function ToggleGroup$1(props) {
14
14
  ...rest
15
15
  });
16
16
  }
17
- const toggleGroupVariants = cva(toggle_group_module_default.toggle_group);
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 = { "toggle_group": "toggle-group-module_toggle_group_cgldTq" };
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-module_tooltip_popup_SLo08q {
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-module_tooltip_popup_SLo08q[data-ending-style], .tooltip-popup-module_tooltip_popup_SLo08q[data-starting-style] {
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-module_tooltip_popup_SLo08q[data-instant] {
20
+ .tooltip-popup-module_base_SLo08q[data-instant] {
21
21
  transition: none;
22
22
  }
23
23
 
24
- .tooltip-popup-module_tooltip_popup_portal_SLo08q {
24
+ .tooltip-popup-module_portal_SLo08q {
25
25
  z-index: 50;
26
26
  }
27
27
 
28
- .dark .tooltip-popup-module_tooltip_popup_SLo08q {
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.tooltip_popup_portal,
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.tooltip_popup);
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
- "tooltip_popup": "tooltip-popup-module_tooltip_popup_SLo08q",
5
- "tooltip_popup_portal": "tooltip-popup-module_tooltip_popup_portal_SLo08q"
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattstack/ui",
3
- "version": "0.0.89",
3
+ "version": "0.0.90",
4
4
  "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
5
5
  "keywords": [
6
6
  "base-ui",