@nattstack/ui 0.0.107 → 0.1.0

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 (303) hide show
  1. package/README.md +1 -1
  2. package/dist/baseline/index.css +5 -1
  3. package/dist/components/button/button-spinner.js +18 -3
  4. package/dist/components/button/button-spinner.stylex.js +96 -0
  5. package/dist/components/button/button.d.ts +20 -17
  6. package/dist/components/button/button.js +28 -38
  7. package/dist/components/button/button.stylex.d.ts +121 -0
  8. package/dist/components/button/button.stylex.js +158 -0
  9. package/dist/components/button-link/button-link.d.ts +5 -6
  10. package/dist/components/button-link/button-link.js +5 -5
  11. package/dist/components/checkbox/checkbox-icon.js +4 -3
  12. package/dist/components/checkbox/checkbox.d.ts +2 -2
  13. package/dist/components/checkbox/checkbox.js +6 -8
  14. package/dist/components/checkbox/checkbox.stylex.d.ts +40 -0
  15. package/dist/components/checkbox/checkbox.stylex.js +43 -0
  16. package/dist/components/cn.d.ts +6 -0
  17. package/dist/components/cn.js +18 -0
  18. package/dist/components/column/column.d.ts +2 -2
  19. package/dist/components/column/column.js +8 -9
  20. package/dist/components/column/column.stylex.d.ts +10 -0
  21. package/dist/components/column/column.stylex.js +8 -0
  22. package/dist/components/combobox/combobox-content.d.ts +1 -2
  23. package/dist/components/combobox/combobox-content.js +5 -7
  24. package/dist/components/combobox/combobox-empty.d.ts +2 -2
  25. package/dist/components/combobox/combobox-empty.js +4 -6
  26. package/dist/components/combobox/combobox-empty.stylex.d.ts +13 -0
  27. package/dist/components/combobox/combobox-empty.stylex.js +11 -0
  28. package/dist/components/combobox/combobox-group-label.d.ts +1 -2
  29. package/dist/components/combobox/combobox-group-label.js +4 -6
  30. package/dist/components/combobox/combobox-group.d.ts +1 -2
  31. package/dist/components/combobox/combobox-group.js +4 -6
  32. package/dist/components/combobox/combobox-input.d.ts +6 -10
  33. package/dist/components/combobox/combobox-input.js +10 -25
  34. package/dist/components/combobox/combobox-input.stylex.d.ts +93 -0
  35. package/dist/components/combobox/combobox-input.stylex.js +100 -0
  36. package/dist/components/combobox/combobox-item.d.ts +2 -4
  37. package/dist/components/combobox/combobox-item.js +7 -10
  38. package/dist/components/combobox/combobox-list.d.ts +1 -2
  39. package/dist/components/combobox/combobox-list.js +4 -6
  40. package/dist/components/combobox/combobox-search.d.ts +3 -4
  41. package/dist/components/combobox/combobox-search.js +7 -10
  42. package/dist/components/combobox/combobox-search.stylex.d.ts +45 -0
  43. package/dist/components/combobox/combobox-search.stylex.js +45 -0
  44. package/dist/components/combobox/combobox-separator.d.ts +1 -2
  45. package/dist/components/combobox/combobox-separator.js +4 -6
  46. package/dist/components/combobox/combobox-trigger.d.ts +4 -8
  47. package/dist/components/combobox/combobox-trigger.js +6 -21
  48. package/dist/components/combobox/combobox-value.d.ts +2 -2
  49. package/dist/components/combobox/combobox-value.js +4 -6
  50. package/dist/components/combobox/combobox-value.stylex.d.ts +14 -0
  51. package/dist/components/combobox/combobox-value.stylex.js +12 -0
  52. package/dist/components/dialog-responsive/dialog-responsive-backdrop.js +4 -6
  53. package/dist/components/dialog-responsive/dialog-responsive-backdrop.stylex.js +14 -0
  54. package/dist/components/dialog-responsive/dialog-responsive-bar.js +4 -6
  55. package/dist/components/dialog-responsive/dialog-responsive-bar.stylex.js +13 -0
  56. package/dist/components/dialog-responsive/dialog-responsive-popup.d.ts +2 -2
  57. package/dist/components/dialog-responsive/dialog-responsive-popup.js +4 -6
  58. package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.d.ts +32 -0
  59. package/dist/components/dialog-responsive/dialog-responsive-popup.stylex.js +30 -0
  60. package/dist/components/dialog-responsive/dialog-responsive-portal.js +4 -6
  61. package/dist/components/dialog-responsive/dialog-responsive-portal.stylex.js +9 -0
  62. package/dist/components/dialog-responsive/dialog-responsive-viewport.js +4 -6
  63. package/dist/components/dialog-responsive/dialog-responsive-viewport.stylex.js +13 -0
  64. package/dist/components/dialog-responsive/dialog-responsive.d.ts +1 -4
  65. package/dist/components/dialog-responsive/dialog-responsive.js +1 -4
  66. package/dist/components/icon-button/icon-button.d.ts +3 -5
  67. package/dist/components/icon-button/icon-button.js +17 -22
  68. package/dist/components/icon-button/icon-button.stylex.d.ts +21 -0
  69. package/dist/components/icon-button/icon-button.stylex.js +25 -0
  70. package/dist/components/index.d.ts +90 -53
  71. package/dist/components/index.js +91 -53
  72. package/dist/components/input/input.d.ts +8 -16
  73. package/dist/components/input/input.js +9 -37
  74. package/dist/components/input/input.stylex.d.ts +66 -0
  75. package/dist/components/input/input.stylex.js +71 -0
  76. package/dist/components/label/label.d.ts +2 -2
  77. package/dist/components/label/label.js +7 -7
  78. package/dist/components/label/label.stylex.d.ts +12 -0
  79. package/dist/components/label/label.stylex.js +10 -0
  80. package/dist/components/menu/menu-checkbox-item.d.ts +2 -6
  81. package/dist/components/menu/menu-checkbox-item.js +7 -12
  82. package/dist/components/menu/menu-content.d.ts +2 -2
  83. package/dist/components/menu/menu-content.js +8 -10
  84. package/dist/components/menu/menu-content.stylex.d.ts +11 -0
  85. package/dist/components/menu/menu-content.stylex.js +9 -0
  86. package/dist/components/menu/menu-group-label.d.ts +1 -2
  87. package/dist/components/menu/menu-group-label.js +4 -6
  88. package/dist/components/menu/menu-group.d.ts +1 -2
  89. package/dist/components/menu/menu-group.js +4 -6
  90. package/dist/components/menu/menu-item.d.ts +3 -4
  91. package/dist/components/menu/menu-item.js +6 -9
  92. package/dist/components/menu/menu-item.stylex.d.ts +11 -0
  93. package/dist/components/menu/menu-item.stylex.js +9 -0
  94. package/dist/components/menu/menu-link-item.d.ts +1 -2
  95. package/dist/components/menu/menu-link-item.js +5 -7
  96. package/dist/components/menu/menu-radio-group.d.ts +2 -4
  97. package/dist/components/menu/menu-radio-group.js +5 -8
  98. package/dist/components/menu/menu-radio-item.d.ts +2 -4
  99. package/dist/components/menu/menu-radio-item.js +7 -10
  100. package/dist/components/menu/menu-separator.d.ts +1 -2
  101. package/dist/components/menu/menu-separator.js +4 -6
  102. package/dist/components/menu/menu-submenu-trigger.d.ts +3 -4
  103. package/dist/components/menu/menu-submenu-trigger.js +8 -15
  104. package/dist/components/menu/menu-submenu-trigger.stylex.d.ts +19 -0
  105. package/dist/components/menu/menu-submenu-trigger.stylex.js +20 -0
  106. package/dist/components/otp-field/otp-field-input.d.ts +2 -2
  107. package/dist/components/otp-field/otp-field-input.js +5 -6
  108. package/dist/components/otp-field/otp-field-input.stylex.d.ts +25 -0
  109. package/dist/components/otp-field/otp-field-input.stylex.js +23 -0
  110. package/dist/components/otp-field/otp-field.d.ts +4 -7
  111. package/dist/components/otp-field/otp-field.js +7 -18
  112. package/dist/components/otp-field/otp-field.stylex.d.ts +16 -0
  113. package/dist/components/otp-field/otp-field.stylex.js +17 -0
  114. package/dist/components/picker/picker-group.stylex.d.ts +18 -0
  115. package/dist/components/picker/picker-group.stylex.js +19 -0
  116. package/dist/components/picker/picker-item.stylex.d.ts +39 -0
  117. package/dist/components/picker/picker-item.stylex.js +41 -0
  118. package/dist/components/picker/picker-list.stylex.js +13 -0
  119. package/dist/components/picker/picker-popup.stylex.d.ts +36 -0
  120. package/dist/components/picker/picker-popup.stylex.js +37 -0
  121. package/dist/components/picker/picker-separator.stylex.d.ts +13 -0
  122. package/dist/components/picker/picker-separator.stylex.js +11 -0
  123. package/dist/components/picker/picker-trigger.stylex.d.ts +60 -0
  124. package/dist/components/picker/picker-trigger.stylex.js +67 -0
  125. package/dist/components/row/row.d.ts +2 -2
  126. package/dist/components/row/row.js +8 -9
  127. package/dist/components/row/row.stylex.d.ts +10 -0
  128. package/dist/components/row/row.stylex.js +8 -0
  129. package/dist/components/select/select-content.d.ts +2 -2
  130. package/dist/components/select/select-content.js +7 -9
  131. package/dist/components/select/select-group-label.d.ts +1 -2
  132. package/dist/components/select/select-group-label.js +4 -6
  133. package/dist/components/select/select-group.d.ts +2 -2
  134. package/dist/components/select/select-group.js +4 -6
  135. package/dist/components/select/select-item.d.ts +3 -4
  136. package/dist/components/select/select-item.js +7 -10
  137. package/dist/components/select/select-separator.d.ts +2 -2
  138. package/dist/components/select/select-separator.js +4 -6
  139. package/dist/components/select/select-trigger.d.ts +5 -8
  140. package/dist/components/select/select-trigger.js +6 -21
  141. package/dist/components/select/select-value.d.ts +2 -2
  142. package/dist/components/select/select-value.js +4 -6
  143. package/dist/components/select/select-value.stylex.d.ts +14 -0
  144. package/dist/components/select/select-value.stylex.js +12 -0
  145. package/dist/components/spacer/spacer.d.ts +2 -2
  146. package/dist/components/spacer/spacer.js +7 -7
  147. package/dist/components/spacer/spacer.stylex.d.ts +9 -0
  148. package/dist/components/spacer/spacer.stylex.js +7 -0
  149. package/dist/components/stylex.css +1420 -0
  150. package/dist/components/switch/switch.d.ts +4 -12
  151. package/dist/components/switch/switch.js +6 -22
  152. package/dist/components/switch/switch.stylex.d.ts +41 -0
  153. package/dist/components/switch/switch.stylex.js +44 -0
  154. package/dist/components/tabs/tabs-panel.d.ts +2 -2
  155. package/dist/components/tabs/tabs-panel.js +7 -7
  156. package/dist/components/tabs/tabs-panel.stylex.d.ts +14 -0
  157. package/dist/components/tabs/tabs-panel.stylex.js +12 -0
  158. package/dist/components/tabs/tabs.d.ts +2 -2
  159. package/dist/components/tabs/tabs.js +7 -7
  160. package/dist/components/tabs/tabs.stylex.d.ts +10 -0
  161. package/dist/components/tabs/tabs.stylex.js +8 -0
  162. package/dist/components/tabs-pill/tabs-pill-indicator.js +4 -6
  163. package/dist/components/tabs-pill/tabs-pill-indicator.stylex.js +16 -0
  164. package/dist/components/tabs-pill/tabs-pill-list.d.ts +2 -2
  165. package/dist/components/tabs-pill/tabs-pill-list.js +4 -6
  166. package/dist/components/tabs-pill/tabs-pill-list.stylex.d.ts +13 -0
  167. package/dist/components/tabs-pill/tabs-pill-list.stylex.js +11 -0
  168. package/dist/components/tabs-pill/tabs-pill-tab.d.ts +3 -5
  169. package/dist/components/tabs-pill/tabs-pill-tab.js +8 -10
  170. package/dist/components/tabs-pill/tabs-pill-tab.stylex.d.ts +44 -0
  171. package/dist/components/tabs-pill/tabs-pill-tab.stylex.js +46 -0
  172. package/dist/components/tabs-segmented/tabs-segmented-indicator.js +4 -6
  173. package/dist/components/tabs-segmented/tabs-segmented-indicator.stylex.js +16 -0
  174. package/dist/components/tabs-segmented/tabs-segmented-list.d.ts +2 -2
  175. package/dist/components/tabs-segmented/tabs-segmented-list.js +4 -6
  176. package/dist/components/tabs-segmented/tabs-segmented-list.stylex.d.ts +17 -0
  177. package/dist/components/tabs-segmented/tabs-segmented-list.stylex.js +15 -0
  178. package/dist/components/tabs-segmented/tabs-segmented-tab.d.ts +3 -5
  179. package/dist/components/tabs-segmented/tabs-segmented-tab.js +6 -8
  180. package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.d.ts +28 -0
  181. package/dist/components/tabs-segmented/tabs-segmented-tab.stylex.js +26 -0
  182. package/dist/components/tabs-underline/tabs-underline-indicator.js +4 -6
  183. package/dist/components/tabs-underline/tabs-underline-indicator.stylex.js +14 -0
  184. package/dist/components/tabs-underline/tabs-underline-list.d.ts +2 -2
  185. package/dist/components/tabs-underline/tabs-underline-list.js +4 -6
  186. package/dist/components/tabs-underline/tabs-underline-list.stylex.d.ts +14 -0
  187. package/dist/components/tabs-underline/tabs-underline-list.stylex.js +12 -0
  188. package/dist/components/tabs-underline/tabs-underline-tab.d.ts +3 -5
  189. package/dist/components/tabs-underline/tabs-underline-tab.js +6 -8
  190. package/dist/components/tabs-underline/tabs-underline-tab.stylex.d.ts +27 -0
  191. package/dist/components/tabs-underline/tabs-underline-tab.stylex.js +25 -0
  192. package/dist/components/textarea/textarea.d.ts +7 -12
  193. package/dist/components/textarea/textarea.js +10 -24
  194. package/dist/components/textarea/textarea.stylex.d.ts +13 -0
  195. package/dist/components/textarea/textarea.stylex.js +11 -0
  196. package/dist/components/toggle-group/toggle-group-item.d.ts +3 -6
  197. package/dist/components/toggle-group/toggle-group-item.js +6 -9
  198. package/dist/components/toggle-group/toggle-group-item.stylex.d.ts +33 -0
  199. package/dist/components/toggle-group/toggle-group-item.stylex.js +34 -0
  200. package/dist/components/toggle-group/toggle-group.d.ts +3 -7
  201. package/dist/components/toggle-group/toggle-group.js +6 -10
  202. package/dist/components/toggle-group/toggle-group.stylex.d.ts +11 -0
  203. package/dist/components/toggle-group/toggle-group.stylex.js +9 -0
  204. package/dist/components/tooltip/tooltip-popup.d.ts +2 -2
  205. package/dist/components/tooltip/tooltip-popup.js +6 -7
  206. package/dist/components/tooltip/tooltip-popup.stylex.d.ts +30 -0
  207. package/dist/components/tooltip/tooltip-popup.stylex.js +32 -0
  208. package/dist/components/tooltip/tooltip.d.ts +1 -4
  209. package/dist/components/tooltip/tooltip.js +2 -4
  210. package/dist/tailwind-colors/root.css +10 -0
  211. package/package.json +4 -3
  212. package/dist/components/button/button-spinner.css +0 -97
  213. package/dist/components/button/button-spinner.module.js +0 -8
  214. package/dist/components/button/button.css +0 -157
  215. package/dist/components/button/button.module.js +0 -21
  216. package/dist/components/checkbox/checkbox.css +0 -55
  217. package/dist/components/checkbox/checkbox.module.js +0 -9
  218. package/dist/components/column/column.css +0 -6
  219. package/dist/components/column/column.module.js +0 -5
  220. package/dist/components/combobox/combobox-empty.css +0 -9
  221. package/dist/components/combobox/combobox-empty.module.js +0 -5
  222. package/dist/components/combobox/combobox-input.css +0 -121
  223. package/dist/components/combobox/combobox-input.module.js +0 -16
  224. package/dist/components/combobox/combobox-search.css +0 -44
  225. package/dist/components/combobox/combobox-search.module.js +0 -9
  226. package/dist/components/combobox/combobox-value.css +0 -14
  227. package/dist/components/combobox/combobox-value.module.js +0 -5
  228. package/dist/components/dialog-responsive/dialog-responsive-backdrop.css +0 -28
  229. package/dist/components/dialog-responsive/dialog-responsive-backdrop.module.js +0 -5
  230. package/dist/components/dialog-responsive/dialog-responsive-bar.css +0 -16
  231. package/dist/components/dialog-responsive/dialog-responsive-bar.module.js +0 -5
  232. package/dist/components/dialog-responsive/dialog-responsive-popup.css +0 -56
  233. package/dist/components/dialog-responsive/dialog-responsive-popup.module.js +0 -5
  234. package/dist/components/dialog-responsive/dialog-responsive-portal.css +0 -7
  235. package/dist/components/dialog-responsive/dialog-responsive-portal.module.js +0 -5
  236. package/dist/components/dialog-responsive/dialog-responsive-viewport.css +0 -18
  237. package/dist/components/dialog-responsive/dialog-responsive-viewport.module.js +0 -5
  238. package/dist/components/icon-button/icon-button.css +0 -21
  239. package/dist/components/icon-button/icon-button.module.js +0 -11
  240. package/dist/components/input/input.css +0 -83
  241. package/dist/components/input/input.module.js +0 -14
  242. package/dist/components/label/label.css +0 -8
  243. package/dist/components/label/label.module.js +0 -5
  244. package/dist/components/menu/menu-content.css +0 -7
  245. package/dist/components/menu/menu-content.module.js +0 -5
  246. package/dist/components/menu/menu-item.css +0 -7
  247. package/dist/components/menu/menu-item.module.js +0 -5
  248. package/dist/components/menu/menu-submenu-trigger.css +0 -16
  249. package/dist/components/menu/menu-submenu-trigger.module.js +0 -8
  250. package/dist/components/otp-field/otp-field-input.css +0 -32
  251. package/dist/components/otp-field/otp-field-input.module.js +0 -5
  252. package/dist/components/otp-field/otp-field.css +0 -13
  253. package/dist/components/otp-field/otp-field.module.js +0 -8
  254. package/dist/components/picker/picker-group.css +0 -14
  255. package/dist/components/picker/picker-group.module.js +0 -8
  256. package/dist/components/picker/picker-item.css +0 -43
  257. package/dist/components/picker/picker-item.module.js +0 -9
  258. package/dist/components/picker/picker-list.css +0 -15
  259. package/dist/components/picker/picker-list.module.js +0 -5
  260. package/dist/components/picker/picker-popup.css +0 -56
  261. package/dist/components/picker/picker-popup.module.js +0 -8
  262. package/dist/components/picker/picker-separator.css +0 -8
  263. package/dist/components/picker/picker-separator.module.js +0 -5
  264. package/dist/components/picker/picker-trigger.css +0 -85
  265. package/dist/components/picker/picker-trigger.module.js +0 -14
  266. package/dist/components/row/row.css +0 -6
  267. package/dist/components/row/row.module.js +0 -5
  268. package/dist/components/select/select-value.css +0 -14
  269. package/dist/components/select/select-value.module.js +0 -5
  270. package/dist/components/spacer/spacer.css +0 -5
  271. package/dist/components/spacer/spacer.module.js +0 -5
  272. package/dist/components/switch/switch.css +0 -55
  273. package/dist/components/switch/switch.module.js +0 -10
  274. package/dist/components/tabs/tabs-panel.css +0 -14
  275. package/dist/components/tabs/tabs-panel.module.js +0 -5
  276. package/dist/components/tabs/tabs.css +0 -6
  277. package/dist/components/tabs/tabs.module.js +0 -5
  278. package/dist/components/tabs-pill/tabs-pill-indicator.css +0 -14
  279. package/dist/components/tabs-pill/tabs-pill-indicator.module.js +0 -5
  280. package/dist/components/tabs-pill/tabs-pill-list.css +0 -9
  281. package/dist/components/tabs-pill/tabs-pill-list.module.js +0 -5
  282. package/dist/components/tabs-pill/tabs-pill-tab.css +0 -66
  283. package/dist/components/tabs-pill/tabs-pill-tab.module.js +0 -9
  284. package/dist/components/tabs-segmented/tabs-segmented-indicator.css +0 -14
  285. package/dist/components/tabs-segmented/tabs-segmented-indicator.module.js +0 -5
  286. package/dist/components/tabs-segmented/tabs-segmented-list.css +0 -13
  287. package/dist/components/tabs-segmented/tabs-segmented-list.module.js +0 -5
  288. package/dist/components/tabs-segmented/tabs-segmented-tab.css +0 -37
  289. package/dist/components/tabs-segmented/tabs-segmented-tab.module.js +0 -5
  290. package/dist/components/tabs-underline/tabs-underline-indicator.css +0 -12
  291. package/dist/components/tabs-underline/tabs-underline-indicator.module.js +0 -5
  292. package/dist/components/tabs-underline/tabs-underline-list.css +0 -10
  293. package/dist/components/tabs-underline/tabs-underline-list.module.js +0 -5
  294. package/dist/components/tabs-underline/tabs-underline-tab.css +0 -36
  295. package/dist/components/tabs-underline/tabs-underline-tab.module.js +0 -5
  296. package/dist/components/textarea/textarea.css +0 -9
  297. package/dist/components/textarea/textarea.module.js +0 -5
  298. package/dist/components/toggle-group/toggle-group-item.css +0 -47
  299. package/dist/components/toggle-group/toggle-group-item.module.js +0 -5
  300. package/dist/components/toggle-group/toggle-group.css +0 -7
  301. package/dist/components/toggle-group/toggle-group.module.js +0 -5
  302. package/dist/components/tooltip/tooltip-popup.css +0 -32
  303. package/dist/components/tooltip/tooltip-popup.module.js +0 -8
@@ -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 };
@@ -1,14 +0,0 @@
1
- @layer components {
2
- .tabs-panel-module_base_AXj2FW {
3
- outline-color: var(--color-primary-9);
4
- outline-offset: -2px;
5
- outline-width: 0;
6
- outline-style: solid;
7
- flex-direction: column;
8
- display: flex;
9
- }
10
-
11
- .tabs-panel-module_base_AXj2FW:focus-visible {
12
- outline-width: 2px;
13
- }
14
- }
@@ -1,5 +0,0 @@
1
- import './tabs-panel.css';
2
- //#region src/components/tabs/tabs-panel.module.css
3
- var tabs_panel_module_default = { "base": "tabs-panel-module_base_AXj2FW" };
4
- //#endregion
5
- export { tabs_panel_module_default as default };
@@ -1,6 +0,0 @@
1
- @layer components {
2
- .tabs-module_base__1Jl1W {
3
- flex-direction: column;
4
- display: flex;
5
- }
6
- }
@@ -1,5 +0,0 @@
1
- import './tabs.css';
2
- //#region src/components/tabs/tabs.module.css
3
- var tabs_module_default = { "base": "tabs-module_base__1Jl1W" };
4
- //#endregion
5
- export { tabs_module_default as default };
@@ -1,14 +0,0 @@
1
- @layer components {
2
- .tabs-pill-indicator-module_base_PiFilW {
3
- background-color: var(--color-gray-12);
4
- height: var(--active-tab-height);
5
- left: var(--active-tab-left);
6
- top: var(--active-tab-top);
7
- width: var(--active-tab-width);
8
- z-index: -1;
9
- border-radius: 12px;
10
- transition-property: left, width;
11
- transition-duration: .15s;
12
- position: absolute;
13
- }
14
- }
@@ -1,5 +0,0 @@
1
- import './tabs-pill-indicator.css';
2
- //#region src/components/tabs-pill/tabs-pill-indicator.module.css
3
- var tabs_pill_indicator_module_default = { "base": "tabs-pill-indicator-module_base_PiFilW" };
4
- //#endregion
5
- export { tabs_pill_indicator_module_default as default };
@@ -1,9 +0,0 @@
1
- @layer components {
2
- .tabs-pill-list-module_base_3ahKPW {
3
- isolation: isolate;
4
- column-gap: 8px;
5
- display: flex;
6
- position: relative;
7
- overflow-x: auto;
8
- }
9
- }
@@ -1,5 +0,0 @@
1
- import './tabs-pill-list.css';
2
- //#region src/components/tabs-pill/tabs-pill-list.module.css
3
- var tabs_pill_list_module_default = { "base": "tabs-pill-list-module_base_3ahKPW" };
4
- //#endregion
5
- export { tabs_pill_list_module_default as default };
@@ -1,66 +0,0 @@
1
- @layer components {
2
- .tabs-pill-tab-module_base_nxQ-sW {
3
- border-radius: var(--border-radius);
4
- color: #000;
5
- cursor: pointer;
6
- outline-color: var(--color-primary-9);
7
- outline-offset: -4px;
8
- white-space: nowrap;
9
- outline-width: 0;
10
- outline-style: solid;
11
- flex-shrink: 0;
12
- justify-content: center;
13
- align-items: center;
14
- column-gap: 8px;
15
- height: 40px;
16
- padding: 0 14px;
17
- font-size: 14px;
18
- font-weight: 450;
19
- transition-property: background-color, color;
20
- transition-duration: .15s;
21
- display: flex;
22
- }
23
-
24
- .tabs-pill-tab-module_base_nxQ-sW:focus-visible {
25
- outline-width: 2px;
26
- }
27
-
28
- .tabs-pill-tab-module_base_nxQ-sW:hover {
29
- background-color: var(--color-gray-4);
30
- }
31
-
32
- .tabs-pill-tab-module_base_nxQ-sW[data-active] {
33
- color: #fff;
34
- background-color: #0000;
35
- }
36
-
37
- .dark .tabs-pill-tab-module_base_nxQ-sW {
38
- color: #fff;
39
- }
40
-
41
- .dark .tabs-pill-tab-module_base_nxQ-sW[data-active] {
42
- color: #000;
43
- }
44
-
45
- .tabs-pill-tab-module_base_nxQ-sW > svg {
46
- --size-icon: 16px;
47
- height: var(--size-icon);
48
- width: var(--size-icon);
49
- }
50
-
51
- .tabs-pill-tab-module_wrapper_nxQ-sW {
52
- --border-radius: 12px;
53
- border-radius: var(--border-radius);
54
- flex-shrink: 0;
55
- display: flex;
56
- position: relative;
57
- overflow: hidden;
58
- }
59
-
60
- .tabs-pill-tab-module_background_nxQ-sW {
61
- background-color: var(--color-gray-3);
62
- z-index: -2;
63
- position: absolute;
64
- inset: 0;
65
- }
66
- }
@@ -1,9 +0,0 @@
1
- import './tabs-pill-tab.css';
2
- //#region src/components/tabs-pill/tabs-pill-tab.module.css
3
- var tabs_pill_tab_module_default = {
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
- };
8
- //#endregion
9
- export { tabs_pill_tab_module_default as default };
@@ -1,14 +0,0 @@
1
- @layer components {
2
- .tabs-segmented-indicator-module_base_3DY8Ta {
3
- background-color: var(--color-gray-1);
4
- height: var(--active-tab-height);
5
- left: var(--active-tab-left);
6
- top: var(--active-tab-top);
7
- width: var(--active-tab-width);
8
- z-index: -1;
9
- border-radius: 10px;
10
- transition-property: left, width;
11
- transition-duration: .15s;
12
- position: absolute;
13
- }
14
- }
@@ -1,5 +0,0 @@
1
- import './tabs-segmented-indicator.css';
2
- //#region src/components/tabs-segmented/tabs-segmented-indicator.module.css
3
- var tabs_segmented_indicator_module_default = { "base": "tabs-segmented-indicator-module_base_3DY8Ta" };
4
- //#endregion
5
- export { tabs_segmented_indicator_module_default as default };
@@ -1,13 +0,0 @@
1
- @layer components {
2
- .tabs-segmented-list-module_base_wG8CPq {
3
- background-color: var(--color-gray-3);
4
- isolation: isolate;
5
- border-radius: 12px;
6
- width: fit-content;
7
- height: 40px;
8
- padding: 2px;
9
- display: flex;
10
- position: relative;
11
- overflow-x: auto;
12
- }
13
- }
@@ -1,5 +0,0 @@
1
- import './tabs-segmented-list.css';
2
- //#region src/components/tabs-segmented/tabs-segmented-list.module.css
3
- var tabs_segmented_list_module_default = { "base": "tabs-segmented-list-module_base_wG8CPq" };
4
- //#endregion
5
- export { tabs_segmented_list_module_default as default };
@@ -1,37 +0,0 @@
1
- @layer components {
2
- .tabs-segmented-tab-module_base_du-IJG {
3
- color: var(--color-gray-11);
4
- cursor: pointer;
5
- outline-color: var(--color-primary-9);
6
- outline-offset: -4px;
7
- white-space: nowrap;
8
- border-radius: 10px;
9
- outline-width: 0;
10
- outline-style: solid;
11
- flex-shrink: 0;
12
- justify-content: center;
13
- align-items: center;
14
- column-gap: 8px;
15
- height: 100%;
16
- padding: 0 14px;
17
- font-size: 14px;
18
- font-weight: 450;
19
- transition-property: color;
20
- transition-duration: .15s;
21
- display: flex;
22
- }
23
-
24
- .tabs-segmented-tab-module_base_du-IJG:focus-visible {
25
- outline-width: 2px;
26
- }
27
-
28
- .tabs-segmented-tab-module_base_du-IJG:hover, .tabs-segmented-tab-module_base_du-IJG[data-active] {
29
- color: var(--color-gray-12);
30
- }
31
-
32
- .tabs-segmented-tab-module_base_du-IJG > svg {
33
- --size-icon: 16px;
34
- height: var(--size-icon);
35
- width: var(--size-icon);
36
- }
37
- }
@@ -1,5 +0,0 @@
1
- import './tabs-segmented-tab.css';
2
- //#region src/components/tabs-segmented/tabs-segmented-tab.module.css
3
- var tabs_segmented_tab_module_default = { "base": "tabs-segmented-tab-module_base_du-IJG" };
4
- //#endregion
5
- export { tabs_segmented_tab_module_default as default };
@@ -1,12 +0,0 @@
1
- @layer components {
2
- .tabs-underline-indicator-module_base_Gl55Ba {
3
- background-color: var(--color-primary-9);
4
- height: 2px;
5
- bottom: 0;
6
- left: var(--active-tab-left);
7
- width: var(--active-tab-width);
8
- transition-property: left, width;
9
- transition-duration: .15s;
10
- position: absolute;
11
- }
12
- }
@@ -1,5 +0,0 @@
1
- import './tabs-underline-indicator.css';
2
- //#region src/components/tabs-underline/tabs-underline-indicator.module.css
3
- var tabs_underline_indicator_module_default = { "base": "tabs-underline-indicator-module_base_Gl55Ba" };
4
- //#endregion
5
- export { tabs_underline_indicator_module_default as default };
@@ -1,10 +0,0 @@
1
- @layer components {
2
- .tabs-underline-list-module_base_3MpMpG {
3
- border-bottom-color: var(--color-gray-4);
4
- border-bottom-style: solid;
5
- border-bottom-width: 1px;
6
- display: flex;
7
- position: relative;
8
- overflow-x: auto;
9
- }
10
- }
@@ -1,5 +0,0 @@
1
- import './tabs-underline-list.css';
2
- //#region src/components/tabs-underline/tabs-underline-list.module.css
3
- var tabs_underline_list_module_default = { "base": "tabs-underline-list-module_base_3MpMpG" };
4
- //#endregion
5
- export { tabs_underline_list_module_default as default };
@@ -1,36 +0,0 @@
1
- @layer components {
2
- .tabs-underline-tab-module_base_lcqfQW {
3
- color: var(--color-gray-11);
4
- cursor: pointer;
5
- outline-color: var(--color-primary-9);
6
- outline-offset: -2px;
7
- white-space: nowrap;
8
- border-radius: 8px;
9
- outline-width: 0;
10
- outline-style: solid;
11
- flex-shrink: 0;
12
- align-items: center;
13
- column-gap: 8px;
14
- margin-bottom: 6px;
15
- padding: 6px 12px;
16
- font-size: 14px;
17
- font-weight: 450;
18
- transition-property: color;
19
- transition-duration: .15s;
20
- display: flex;
21
- }
22
-
23
- .tabs-underline-tab-module_base_lcqfQW:focus-visible {
24
- outline-width: 2px;
25
- }
26
-
27
- .tabs-underline-tab-module_base_lcqfQW:hover, .tabs-underline-tab-module_base_lcqfQW[data-active] {
28
- color: var(--color-gray-12);
29
- }
30
-
31
- .tabs-underline-tab-module_base_lcqfQW > svg {
32
- --size-icon: 16px;
33
- height: var(--size-icon);
34
- width: var(--size-icon);
35
- }
36
- }
@@ -1,5 +0,0 @@
1
- import './tabs-underline-tab.css';
2
- //#region src/components/tabs-underline/tabs-underline-tab.module.css
3
- var tabs_underline_tab_module_default = { "base": "tabs-underline-tab-module_base_lcqfQW" };
4
- //#endregion
5
- export { tabs_underline_tab_module_default as default };
@@ -1,9 +0,0 @@
1
- @layer components {
2
- .textarea-module_base_jT_oOq {
3
- resize: vertical;
4
- height: auto;
5
- min-height: 66px;
6
- max-height: none;
7
- padding: 12px;
8
- }
9
- }
@@ -1,5 +0,0 @@
1
- import './textarea.css';
2
- //#region src/components/textarea/textarea.module.css
3
- var textarea_module_default = { "base": "textarea-module_base_jT_oOq" };
4
- //#endregion
5
- export { textarea_module_default as default };