@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.
Files changed (273) hide show
  1. package/README.md +1 -1
  2. package/dist/baseline/index.css +5 -1
  3. package/dist/components/button/button-spinner.js +19 -4
  4. package/dist/components/button/button-spinner.stylex.js +96 -0
  5. package/dist/components/button/button.d.ts +10 -18
  6. package/dist/components/button/button.js +11 -43
  7. package/dist/components/button/button.stylex.js +159 -0
  8. package/dist/components/button-link/button-link.d.ts +6 -7
  9. package/dist/components/button-link/button-link.js +8 -12
  10. package/dist/components/checkbox/checkbox-icon.js +5 -4
  11. package/dist/components/checkbox/checkbox.d.ts +1 -2
  12. package/dist/components/checkbox/checkbox.js +8 -9
  13. package/dist/components/checkbox/checkbox.stylex.js +43 -0
  14. package/dist/components/cn.js +20 -0
  15. package/dist/components/column/column.d.ts +1 -2
  16. package/dist/components/column/column.js +7 -9
  17. package/dist/components/column/column.stylex.js +8 -0
  18. package/dist/components/combobox/combobox-content.d.ts +1 -2
  19. package/dist/components/combobox/combobox-content.js +9 -10
  20. package/dist/components/combobox/combobox-empty.d.ts +1 -2
  21. package/dist/components/combobox/combobox-empty.js +6 -7
  22. package/dist/components/combobox/combobox-empty.stylex.js +11 -0
  23. package/dist/components/combobox/combobox-group-label.d.ts +1 -2
  24. package/dist/components/combobox/combobox-group-label.js +6 -7
  25. package/dist/components/combobox/combobox-group.d.ts +1 -2
  26. package/dist/components/combobox/combobox-group.js +6 -7
  27. package/dist/components/combobox/combobox-input.d.ts +5 -10
  28. package/dist/components/combobox/combobox-input.js +14 -28
  29. package/dist/components/combobox/combobox-input.stylex.js +110 -0
  30. package/dist/components/combobox/combobox-item.d.ts +2 -4
  31. package/dist/components/combobox/combobox-item.js +10 -12
  32. package/dist/components/combobox/combobox-list.d.ts +1 -2
  33. package/dist/components/combobox/combobox-list.js +6 -7
  34. package/dist/components/combobox/combobox-search.d.ts +2 -4
  35. package/dist/components/combobox/combobox-search.js +10 -12
  36. package/dist/components/combobox/combobox-search.stylex.js +45 -0
  37. package/dist/components/combobox/combobox-separator.d.ts +1 -2
  38. package/dist/components/combobox/combobox-separator.js +6 -7
  39. package/dist/components/combobox/combobox-trigger.d.ts +4 -8
  40. package/dist/components/combobox/combobox-trigger.js +8 -22
  41. package/dist/components/combobox/combobox-value.d.ts +1 -2
  42. package/dist/components/combobox/combobox-value.js +6 -7
  43. package/dist/components/combobox/combobox-value.stylex.js +12 -0
  44. package/dist/components/combobox/combobox.js +1 -1
  45. package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +6 -7
  46. package/dist/components/dialog-responsive/dialog-responsive-backdrop.stylex.js +14 -0
  47. package/dist/components/dialog-responsive/dialog-responsive-bar.js +6 -7
  48. package/dist/components/dialog-responsive/dialog-responsive-bar.stylex.js +13 -0
  49. package/dist/components/dialog-responsive/dialog-responsive-popup.d.ts +1 -2
  50. package/dist/components/dialog-responsive/dialog-responsive-popup.js +6 -7
  51. package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.js +30 -0
  52. package/dist/components/dialog-responsive/dialog-responsive-portal.js +6 -7
  53. package/dist/components/dialog-responsive/dialog-responsive-portal.stylex.js +9 -0
  54. package/dist/components/dialog-responsive/dialog-responsive-trigger.js +1 -1
  55. package/dist/components/dialog-responsive/dialog-responsive-viewport.js +6 -7
  56. package/dist/components/dialog-responsive/dialog-responsive-viewport.stylex.js +13 -0
  57. package/dist/components/dialog-responsive/dialog-responsive.d.ts +1 -4
  58. package/dist/components/dialog-responsive/dialog-responsive.js +2 -4
  59. package/dist/components/icon-button/icon-button.d.ts +2 -5
  60. package/dist/components/icon-button/icon-button.js +10 -26
  61. package/dist/components/icon-button/icon-button.stylex.js +36 -0
  62. package/dist/components/index.d.ts +53 -53
  63. package/dist/components/index.js +54 -53
  64. package/dist/components/input/input.d.ts +7 -16
  65. package/dist/components/input/input.js +10 -37
  66. package/dist/components/input/input.stylex.js +84 -0
  67. package/dist/components/label/label.d.ts +1 -2
  68. package/dist/components/label/label.js +6 -7
  69. package/dist/components/label/label.stylex.js +10 -0
  70. package/dist/components/menu/menu-checkbox-item.d.ts +2 -6
  71. package/dist/components/menu/menu-checkbox-item.js +10 -14
  72. package/dist/components/menu/menu-content.d.ts +1 -2
  73. package/dist/components/menu/menu-content.js +13 -14
  74. package/dist/components/menu/menu-content.stylex.js +9 -0
  75. package/dist/components/menu/menu-group-label.d.ts +1 -2
  76. package/dist/components/menu/menu-group-label.js +6 -7
  77. package/dist/components/menu/menu-group.d.ts +1 -2
  78. package/dist/components/menu/menu-group.js +6 -7
  79. package/dist/components/menu/menu-item.d.ts +2 -4
  80. package/dist/components/menu/menu-item.js +7 -9
  81. package/dist/components/menu/menu-item.stylex.js +9 -0
  82. package/dist/components/menu/menu-link-item.d.ts +1 -2
  83. package/dist/components/menu/menu-link-item.js +7 -8
  84. package/dist/components/menu/menu-radio-group.d.ts +2 -4
  85. package/dist/components/menu/menu-radio-group.js +6 -8
  86. package/dist/components/menu/menu-radio-item.d.ts +2 -4
  87. package/dist/components/menu/menu-radio-item.js +10 -12
  88. package/dist/components/menu/menu-separator.d.ts +1 -2
  89. package/dist/components/menu/menu-separator.js +6 -7
  90. package/dist/components/menu/menu-submenu-trigger.d.ts +2 -4
  91. package/dist/components/menu/menu-submenu-trigger.js +10 -16
  92. package/dist/components/menu/menu-submenu-trigger.stylex.js +20 -0
  93. package/dist/components/menu/menu-submenu.js +1 -1
  94. package/dist/components/menu/menu-trigger.js +1 -1
  95. package/dist/components/menu/menu.js +1 -1
  96. package/dist/components/otp-field/otp-field-input.d.ts +1 -2
  97. package/dist/components/otp-field/otp-field-input.js +7 -7
  98. package/dist/components/otp-field/otp-field-input.stylex.js +23 -0
  99. package/dist/components/otp-field/otp-field.d.ts +3 -7
  100. package/dist/components/otp-field/otp-field.js +8 -18
  101. package/dist/components/otp-field/otp-field.stylex.js +17 -0
  102. package/dist/components/picker/picker-group.stylex.js +19 -0
  103. package/dist/components/picker/picker-item.stylex.js +41 -0
  104. package/dist/components/picker/picker-list.stylex.js +13 -0
  105. package/dist/components/picker/picker-popup.stylex.js +37 -0
  106. package/dist/components/picker/picker-separator.stylex.js +11 -0
  107. package/dist/components/picker/picker-trigger.stylex.js +77 -0
  108. package/dist/components/row/row.d.ts +1 -2
  109. package/dist/components/row/row.js +7 -9
  110. package/dist/components/row/row.stylex.js +8 -0
  111. package/dist/components/select/select-content.d.ts +1 -2
  112. package/dist/components/select/select-content.js +12 -13
  113. package/dist/components/select/select-group-label.d.ts +1 -2
  114. package/dist/components/select/select-group-label.js +6 -7
  115. package/dist/components/select/select-group.d.ts +1 -2
  116. package/dist/components/select/select-group.js +6 -7
  117. package/dist/components/select/select-item.d.ts +2 -4
  118. package/dist/components/select/select-item.js +10 -12
  119. package/dist/components/select/select-separator.d.ts +1 -2
  120. package/dist/components/select/select-separator.js +6 -7
  121. package/dist/components/select/select-trigger.d.ts +4 -8
  122. package/dist/components/select/select-trigger.js +8 -22
  123. package/dist/components/select/select-value.d.ts +1 -2
  124. package/dist/components/select/select-value.js +6 -7
  125. package/dist/components/select/select-value.stylex.js +12 -0
  126. package/dist/components/select/select.js +1 -1
  127. package/dist/components/spacer/spacer.d.ts +1 -2
  128. package/dist/components/spacer/spacer.js +6 -7
  129. package/dist/components/spacer/spacer.stylex.js +7 -0
  130. package/dist/components/stylex.css +1420 -0
  131. package/dist/components/switch/switch.d.ts +3 -12
  132. package/dist/components/switch/switch.js +7 -22
  133. package/dist/components/switch/switch.stylex.js +48 -0
  134. package/dist/components/tabs/tabs-panel.d.ts +1 -2
  135. package/dist/components/tabs/tabs-panel.js +6 -7
  136. package/dist/components/tabs/tabs-panel.stylex.js +12 -0
  137. package/dist/components/tabs/tabs.d.ts +1 -2
  138. package/dist/components/tabs/tabs.js +6 -7
  139. package/dist/components/tabs/tabs.stylex.js +8 -0
  140. package/dist/components/tabs-pill/tabs-pill-indicator.js +6 -7
  141. package/dist/components/tabs-pill/tabs-pill-indicator.stylex.js +16 -0
  142. package/dist/components/tabs-pill/tabs-pill-list.d.ts +1 -2
  143. package/dist/components/tabs-pill/tabs-pill-list.js +6 -7
  144. package/dist/components/tabs-pill/tabs-pill-list.stylex.js +11 -0
  145. package/dist/components/tabs-pill/tabs-pill-tab.d.ts +2 -5
  146. package/dist/components/tabs-pill/tabs-pill-tab.js +9 -10
  147. package/dist/components/tabs-pill/tabs-pill-tab.stylex.js +46 -0
  148. package/dist/components/tabs-segmented/tabs-segmented-indicator.js +6 -7
  149. package/dist/components/tabs-segmented/tabs-segmented-indicator.stylex.js +16 -0
  150. package/dist/components/tabs-segmented/tabs-segmented-list.d.ts +1 -2
  151. package/dist/components/tabs-segmented/tabs-segmented-list.js +6 -7
  152. package/dist/components/tabs-segmented/tabs-segmented-list.stylex.js +15 -0
  153. package/dist/components/tabs-segmented/tabs-segmented-tab.d.ts +2 -5
  154. package/dist/components/tabs-segmented/tabs-segmented-tab.js +7 -8
  155. package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.js +26 -0
  156. package/dist/components/tabs-underline/tabs-underline-indicator.js +6 -7
  157. package/dist/components/tabs-underline/tabs-underline-indicator.stylex.js +14 -0
  158. package/dist/components/tabs-underline/tabs-underline-list.d.ts +1 -2
  159. package/dist/components/tabs-underline/tabs-underline-list.js +6 -7
  160. package/dist/components/tabs-underline/tabs-underline-list.stylex.js +12 -0
  161. package/dist/components/tabs-underline/tabs-underline-tab.d.ts +2 -5
  162. package/dist/components/tabs-underline/tabs-underline-tab.js +7 -8
  163. package/dist/components/tabs-underline/tabs-underline-tab.stylex.js +25 -0
  164. package/dist/components/textarea/textarea.d.ts +6 -12
  165. package/dist/components/textarea/textarea.js +11 -24
  166. package/dist/components/textarea/textarea.stylex.js +11 -0
  167. package/dist/components/toggle-group/toggle-group-item.d.ts +2 -6
  168. package/dist/components/toggle-group/toggle-group-item.js +7 -9
  169. package/dist/components/toggle-group/toggle-group-item.stylex.js +34 -0
  170. package/dist/components/toggle-group/toggle-group.d.ts +2 -7
  171. package/dist/components/toggle-group/toggle-group.js +7 -10
  172. package/dist/components/toggle-group/toggle-group.stylex.js +9 -0
  173. package/dist/components/tooltip/tooltip-popup.d.ts +1 -2
  174. package/dist/components/tooltip/tooltip-popup.js +8 -8
  175. package/dist/components/tooltip/tooltip-popup.stylex.js +32 -0
  176. package/dist/components/tooltip/tooltip-provider.js +1 -1
  177. package/dist/components/tooltip/tooltip-trigger.js +1 -1
  178. package/dist/components/tooltip/tooltip.d.ts +1 -4
  179. package/dist/components/tooltip/tooltip.js +3 -4
  180. package/dist/tailwind-colors/root.css +10 -0
  181. package/package.json +6 -4
  182. package/dist/components/button/button-spinner.css +0 -97
  183. package/dist/components/button/button-spinner.module.js +0 -8
  184. package/dist/components/button/button.css +0 -157
  185. package/dist/components/button/button.module.js +0 -21
  186. package/dist/components/checkbox/checkbox.css +0 -55
  187. package/dist/components/checkbox/checkbox.module.js +0 -9
  188. package/dist/components/column/column.css +0 -6
  189. package/dist/components/column/column.module.js +0 -5
  190. package/dist/components/combobox/combobox-empty.css +0 -9
  191. package/dist/components/combobox/combobox-empty.module.js +0 -5
  192. package/dist/components/combobox/combobox-input.css +0 -121
  193. package/dist/components/combobox/combobox-input.module.js +0 -16
  194. package/dist/components/combobox/combobox-search.css +0 -44
  195. package/dist/components/combobox/combobox-search.module.js +0 -9
  196. package/dist/components/combobox/combobox-value.css +0 -14
  197. package/dist/components/combobox/combobox-value.module.js +0 -5
  198. package/dist/components/dialog-responsive/dialog-responsive-backdrop.css +0 -28
  199. package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js +0 -5
  200. package/dist/components/dialog-responsive/dialog-responsive-bar.css +0 -16
  201. package/dist/components/dialog-responsive/dialog-responsive-bar.module.js +0 -5
  202. package/dist/components/dialog-responsive/dialog-responsive-popup.css +0 -56
  203. package/dist/components/dialog-responsive/dialog-responsive-popup.module.js +0 -5
  204. package/dist/components/dialog-responsive/dialog-responsive-portal.css +0 -7
  205. package/dist/components/dialog-responsive/dialog-responsive-portal.module.js +0 -5
  206. package/dist/components/dialog-responsive/dialog-responsive-viewport.css +0 -18
  207. package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js +0 -5
  208. package/dist/components/icon-button/icon-button.css +0 -21
  209. package/dist/components/icon-button/icon-button.module.js +0 -11
  210. package/dist/components/input/input.css +0 -83
  211. package/dist/components/input/input.module.js +0 -14
  212. package/dist/components/label/label.css +0 -8
  213. package/dist/components/label/label.module.js +0 -5
  214. package/dist/components/menu/menu-content.css +0 -7
  215. package/dist/components/menu/menu-content.module.js +0 -5
  216. package/dist/components/menu/menu-item.css +0 -7
  217. package/dist/components/menu/menu-item.module.js +0 -5
  218. package/dist/components/menu/menu-submenu-trigger.css +0 -16
  219. package/dist/components/menu/menu-submenu-trigger.module.js +0 -8
  220. package/dist/components/otp-field/otp-field-input.css +0 -32
  221. package/dist/components/otp-field/otp-field-input.module.js +0 -5
  222. package/dist/components/otp-field/otp-field.css +0 -13
  223. package/dist/components/otp-field/otp-field.module.js +0 -8
  224. package/dist/components/picker/picker-group.css +0 -14
  225. package/dist/components/picker/picker-group.module.js +0 -8
  226. package/dist/components/picker/picker-item.css +0 -43
  227. package/dist/components/picker/picker-item.module.js +0 -9
  228. package/dist/components/picker/picker-list.css +0 -15
  229. package/dist/components/picker/picker-list.module.js +0 -5
  230. package/dist/components/picker/picker-popup.css +0 -56
  231. package/dist/components/picker/picker-popup.module.js +0 -8
  232. package/dist/components/picker/picker-separator.css +0 -8
  233. package/dist/components/picker/picker-separator.module.js +0 -5
  234. package/dist/components/picker/picker-trigger.css +0 -85
  235. package/dist/components/picker/picker-trigger.module.js +0 -14
  236. package/dist/components/row/row.css +0 -6
  237. package/dist/components/row/row.module.js +0 -5
  238. package/dist/components/select/select-value.css +0 -14
  239. package/dist/components/select/select-value.module.js +0 -5
  240. package/dist/components/spacer/spacer.css +0 -5
  241. package/dist/components/spacer/spacer.module.js +0 -5
  242. package/dist/components/switch/switch.css +0 -55
  243. package/dist/components/switch/switch.module.js +0 -10
  244. package/dist/components/tabs/tabs-panel.css +0 -14
  245. package/dist/components/tabs/tabs-panel.module.js +0 -5
  246. package/dist/components/tabs/tabs.css +0 -6
  247. package/dist/components/tabs/tabs.module.js +0 -5
  248. package/dist/components/tabs-pill/tabs-pill-indicator.css +0 -14
  249. package/dist/components/tabs-pill/tabs-pill-indicator.module.js +0 -5
  250. package/dist/components/tabs-pill/tabs-pill-list.css +0 -9
  251. package/dist/components/tabs-pill/tabs-pill-list.module.js +0 -5
  252. package/dist/components/tabs-pill/tabs-pill-tab.css +0 -66
  253. package/dist/components/tabs-pill/tabs-pill-tab.module.js +0 -9
  254. package/dist/components/tabs-segmented/tabs-segmented-indicator.css +0 -14
  255. package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js +0 -5
  256. package/dist/components/tabs-segmented/tabs-segmented-list.css +0 -13
  257. package/dist/components/tabs-segmented/tabs-segmented-list.module.js +0 -5
  258. package/dist/components/tabs-segmented/tabs-segmented-tab.css +0 -37
  259. package/dist/components/tabs-segmented/tabs-segmented-tab.module.js +0 -5
  260. package/dist/components/tabs-underline/tabs-underline-indicator.css +0 -12
  261. package/dist/components/tabs-underline/tabs-underline-indicator.module.js +0 -5
  262. package/dist/components/tabs-underline/tabs-underline-list.css +0 -10
  263. package/dist/components/tabs-underline/tabs-underline-list.module.js +0 -5
  264. package/dist/components/tabs-underline/tabs-underline-tab.css +0 -36
  265. package/dist/components/tabs-underline/tabs-underline-tab.module.js +0 -5
  266. package/dist/components/textarea/textarea.css +0 -9
  267. package/dist/components/textarea/textarea.module.js +0 -5
  268. package/dist/components/toggle-group/toggle-group-item.css +0 -47
  269. package/dist/components/toggle-group/toggle-group-item.module.js +0 -5
  270. package/dist/components/toggle-group/toggle-group.css +0 -7
  271. package/dist/components/toggle-group/toggle-group.module.js +0 -5
  272. package/dist/components/tooltip/tooltip-popup.css +0 -32
  273. 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,8 +0,0 @@
1
- @layer components {
2
- .label-module_base_iQZ4sG {
3
- color: var(--color-text-secondary);
4
- width: fit-content;
5
- font-size: 13px;
6
- font-weight: 450;
7
- }
8
- }
@@ -1,5 +0,0 @@
1
- import './label.css';
2
- //#region src/components/label/label.module.css
3
- var label_module_default = { "base": "label-module_base_iQZ4sG" };
4
- //#endregion
5
- export { label_module_default as default };
@@ -1,7 +0,0 @@
1
- @layer components {
2
- .menu-content-module_base_Dr2KgW {
3
- max-width: min(var(--available-width), 320px);
4
- width: max-content;
5
- min-width: 180px;
6
- }
7
- }
@@ -1,5 +0,0 @@
1
- import './menu-content.css';
2
- //#region src/components/menu/menu-content.module.css
3
- var menu_content_module_default = { "base": "menu-content-module_base_Dr2KgW" };
4
- //#endregion
5
- export { menu_content_module_default as default };
@@ -1,7 +0,0 @@
1
- @layer components {
2
- .menu-item-module_base_6F7Ula {
3
- color: var(--color-text-primary);
4
- font-size: 14px;
5
- font-weight: 450;
6
- }
7
- }
@@ -1,5 +0,0 @@
1
- import './menu-item.css';
2
- //#region src/components/menu/menu-item.module.css
3
- var menu_item_module_default = { "base": "menu-item-module_base_6F7Ula" };
4
- //#endregion
5
- export { menu_item_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,5 +0,0 @@
1
- import './otp-field-input.css';
2
- //#region src/components/otp-field/otp-field-input.module.css
3
- var otp_field_input_module_default = { "base": "otp-field-input-module_base_7VaNVa" };
4
- //#endregion
5
- export { otp_field_input_module_default as default };
@@ -1,13 +0,0 @@
1
- @layer components {
2
- .otp-field-module_base_6ylpka {
3
- flex-wrap: wrap;
4
- justify-content: center;
5
- gap: 8px;
6
- width: fit-content;
7
- display: flex;
8
- }
9
-
10
- .otp-field-module_masked_6ylpka > input {
11
- font-family: var(--font-code);
12
- }
13
- }
@@ -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,5 +0,0 @@
1
- import './picker-list.css';
2
- //#region src/components/picker/picker-list.module.css
3
- var picker_list_module_default = { "base": "picker-list-module_base_DdtSga" };
4
- //#endregion
5
- export { picker_list_module_default as default };
@@ -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,8 +0,0 @@
1
- @layer components {
2
- .picker-separator-module_base_OgPvTq {
3
- background-color: var(--color-border);
4
- flex-shrink: 0;
5
- height: 1px;
6
- margin: 2px 8px;
7
- }
8
- }
@@ -1,5 +0,0 @@
1
- import './picker-separator.css';
2
- //#region src/components/picker/picker-separator.module.css
3
- var picker_separator_module_default = { "base": "picker-separator-module_base_OgPvTq" };
4
- //#endregion
5
- export { picker_separator_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,6 +0,0 @@
1
- @layer components {
2
- .row-module_base_FQp50q {
3
- flex-direction: row;
4
- display: flex;
5
- }
6
- }
@@ -1,5 +0,0 @@
1
- import './row.css';
2
- //#region src/components/row/row.module.css
3
- var row_module_default = { "base": "row-module_base_FQp50q" };
4
- //#endregion
5
- export { row_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,5 +0,0 @@
1
- import './select-value.css';
2
- //#region src/components/select/select-value.module.css
3
- var select_value_module_default = { "base": "select-value-module_base_j4ZBgq" };
4
- //#endregion
5
- export { select_value_module_default as default };
@@ -1,5 +0,0 @@
1
- @layer components {
2
- .spacer-module_base_liXYKW {
3
- flex-shrink: 0;
4
- }
5
- }
@@ -1,5 +0,0 @@
1
- import './spacer.css';
2
- //#region src/components/spacer/spacer.module.css
3
- var spacer_module_default = { "base": "spacer-module_base_liXYKW" };
4
- //#endregion
5
- export { spacer_module_default as default };
@@ -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 };