@pathscale/ui 2.1.1 → 2.2.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 (605) hide show
  1. package/README.md +1 -1
  2. package/dist/components/accordion/Accordion.css +3 -3
  3. package/dist/components/accordion/Accordion.generated.d.ts +8 -8
  4. package/dist/components/accordion/Accordion.generated.js +9 -14
  5. package/dist/components/address/Address.css +66 -0
  6. package/dist/components/address/Address.generated.d.ts +35 -0
  7. package/dist/components/address/Address.generated.js +106 -0
  8. package/dist/components/address/Address.interactions.d.ts +48 -0
  9. package/dist/components/address/Address.interactions.js +25 -0
  10. package/dist/components/address/Address.recipe.d.ts +60 -0
  11. package/dist/components/address/Address.recipe.js +101 -0
  12. package/dist/components/address/index.d.ts +5 -0
  13. package/dist/components/address/index.js +3 -0
  14. package/dist/components/alert/Alert.css +125 -72
  15. package/dist/components/alert/Alert.generated.d.ts +12 -30
  16. package/dist/components/alert/Alert.generated.js +95 -191
  17. package/dist/components/alert/Alert.recipe.d.ts +57 -24
  18. package/dist/components/alert/Alert.recipe.js +90 -49
  19. package/dist/components/alert/index.d.ts +3 -1
  20. package/dist/components/alert/index.js +2 -1
  21. package/dist/components/auth-card/AuthCard.css +44 -0
  22. package/dist/components/auth-card/AuthCard.generated.d.ts +12 -0
  23. package/dist/components/auth-card/{AuthCard.js → AuthCard.generated.js} +33 -46
  24. package/dist/components/auth-card/AuthCard.recipe.d.ts +30 -0
  25. package/dist/components/auth-card/AuthCard.recipe.js +79 -0
  26. package/dist/components/auth-card/index.d.ts +2 -1
  27. package/dist/components/auth-card/index.js +1 -1
  28. package/dist/components/auth-field-group/AuthFieldGroup.css +19 -0
  29. package/dist/components/auth-field-group/AuthFieldGroup.generated.d.ts +10 -0
  30. package/dist/components/auth-field-group/AuthFieldGroup.generated.js +17 -0
  31. package/dist/components/auth-field-group/AuthFieldGroup.recipe.d.ts +19 -0
  32. package/dist/components/auth-field-group/AuthFieldGroup.recipe.js +39 -0
  33. package/dist/components/auth-field-group/index.d.ts +2 -1
  34. package/dist/components/auth-field-group/index.js +1 -1
  35. package/dist/components/auth-footer-links/AuthFooterLinks.css +53 -0
  36. package/dist/components/auth-footer-links/AuthFooterLinks.generated.d.ts +17 -0
  37. package/dist/components/auth-footer-links/AuthFooterLinks.generated.js +58 -0
  38. package/dist/components/auth-footer-links/AuthFooterLinks.recipe.d.ts +22 -0
  39. package/dist/components/auth-footer-links/AuthFooterLinks.recipe.js +47 -0
  40. package/dist/components/auth-footer-links/index.d.ts +2 -1
  41. package/dist/components/auth-footer-links/index.js +1 -1
  42. package/dist/components/auth-message/AuthMessage.css +6 -0
  43. package/dist/components/auth-message/AuthMessage.generated.d.ts +9 -0
  44. package/dist/components/auth-message/AuthMessage.generated.js +27 -0
  45. package/dist/components/auth-message/AuthMessage.recipe.d.ts +9 -0
  46. package/dist/components/auth-message/AuthMessage.recipe.js +23 -0
  47. package/dist/components/auth-message/index.d.ts +2 -0
  48. package/dist/components/auth-message/index.js +1 -0
  49. package/dist/components/auth-powered-by/AuthPoweredBy.css +61 -0
  50. package/dist/components/auth-powered-by/AuthPoweredBy.generated.d.ts +14 -0
  51. package/dist/components/auth-powered-by/AuthPoweredBy.generated.js +41 -0
  52. package/dist/components/auth-powered-by/AuthPoweredBy.recipe.d.ts +34 -0
  53. package/dist/components/auth-powered-by/AuthPoweredBy.recipe.js +74 -0
  54. package/dist/components/auth-powered-by/index.d.ts +2 -1
  55. package/dist/components/auth-powered-by/index.js +1 -1
  56. package/dist/components/auth-submit-button/AuthSubmitButton.css +5 -0
  57. package/dist/components/auth-submit-button/AuthSubmitButton.generated.d.ts +14 -0
  58. package/dist/components/auth-submit-button/AuthSubmitButton.generated.js +34 -0
  59. package/dist/components/auth-submit-button/AuthSubmitButton.recipe.d.ts +9 -0
  60. package/dist/components/auth-submit-button/AuthSubmitButton.recipe.js +23 -0
  61. package/dist/components/auth-submit-button/index.d.ts +2 -1
  62. package/dist/components/auth-submit-button/index.js +1 -1
  63. package/dist/components/avatar/Avatar.css +33 -16
  64. package/dist/components/avatar/Avatar.generated.d.ts +5 -6
  65. package/dist/components/avatar/Avatar.generated.js +6 -9
  66. package/dist/components/avatar/Avatar.recipe.d.ts +9 -6
  67. package/dist/components/avatar/Avatar.recipe.js +9 -6
  68. package/dist/components/avatar/AvatarGroup.generated.d.ts +2 -3
  69. package/dist/components/avatar/AvatarGroup.generated.js +1 -2
  70. package/dist/components/avatar/index.d.ts +1 -1
  71. package/dist/components/badge/Badge.css +81 -69
  72. package/dist/components/badge/Badge.generated.d.ts +4 -4
  73. package/dist/components/badge/Badge.generated.js +8 -4
  74. package/dist/components/badge/Badge.recipe.d.ts +20 -9
  75. package/dist/components/badge/Badge.recipe.js +20 -9
  76. package/dist/components/{breadcrumbs/Breadcrumbs.css → breadcrumb/Breadcrumb.css} +10 -10
  77. package/dist/components/breadcrumb/Breadcrumb.generated.d.ts +21 -0
  78. package/dist/components/{breadcrumbs/Breadcrumbs.generated.js → breadcrumb/Breadcrumb.generated.js} +29 -31
  79. package/dist/components/breadcrumb/Breadcrumb.recipe.d.ts +18 -0
  80. package/dist/components/{breadcrumbs/Breadcrumbs.recipe.js → breadcrumb/Breadcrumb.recipe.js} +17 -17
  81. package/dist/components/breadcrumb/index.d.ts +1 -0
  82. package/dist/components/breadcrumb/index.js +1 -0
  83. package/dist/components/button/Button.css +218 -81
  84. package/dist/components/button/Button.generated.d.ts +12 -16
  85. package/dist/components/button/Button.generated.js +31 -61
  86. package/dist/components/button/Button.recipe.d.ts +80 -33
  87. package/dist/components/button/Button.recipe.js +131 -52
  88. package/dist/components/button/index.d.ts +3 -2
  89. package/dist/components/button/index.js +2 -1
  90. package/dist/components/button-group/ButtonGroup.generated.d.ts +6 -7
  91. package/dist/components/button-group/ButtonGroup.generated.js +5 -7
  92. package/dist/components/button-group/context.d.ts +3 -3
  93. package/dist/components/calendar/Calendar.css +8 -8
  94. package/dist/components/calendar/Calendar.generated.d.ts +3 -3
  95. package/dist/components/calendar/Calendar.generated.js +3 -4
  96. package/dist/components/card/Card.css +170 -64
  97. package/dist/components/card/Card.generated.d.ts +22 -25
  98. package/dist/components/card/Card.generated.js +71 -144
  99. package/dist/components/card/Card.recipe.d.ts +110 -24
  100. package/dist/components/card/Card.recipe.js +171 -46
  101. package/dist/components/card/index.d.ts +16 -1
  102. package/dist/components/card/index.js +11 -1
  103. package/dist/components/chatbubble/ChatBubble.css +12 -12
  104. package/dist/components/chatbubble/ChatBubble.generated.d.ts +2 -2
  105. package/dist/components/chatbubble/ChatBubble.generated.js +1 -2
  106. package/dist/components/chatbubble/ChatBubble.recipe.d.ts +9 -9
  107. package/dist/components/chatbubble/ChatBubble.recipe.js +9 -9
  108. package/dist/components/chatbubble/ChatBubbleAvatar.generated.d.ts +2 -2
  109. package/dist/components/chatbubble/ChatBubbleAvatar.generated.js +3 -3
  110. package/dist/components/chatbubble/ChatBubbleFooter.generated.d.ts +2 -2
  111. package/dist/components/chatbubble/ChatBubbleFooter.generated.js +2 -3
  112. package/dist/components/chatbubble/ChatBubbleHeader.generated.d.ts +2 -2
  113. package/dist/components/chatbubble/ChatBubbleHeader.generated.js +2 -3
  114. package/dist/components/chatbubble/ChatBubbleMessage.generated.d.ts +3 -3
  115. package/dist/components/chatbubble/ChatBubbleMessage.generated.js +6 -6
  116. package/dist/components/chatbubble/ChatBubbleTime.generated.d.ts +2 -2
  117. package/dist/components/chatbubble/ChatBubbleTime.generated.js +2 -3
  118. package/dist/components/checkbox/Checkbox.css +2 -2
  119. package/dist/components/checkbox/Checkbox.generated.d.ts +4 -4
  120. package/dist/components/checkbox/Checkbox.generated.js +6 -6
  121. package/dist/components/checkbox-group/CheckboxGroup.generated.d.ts +4 -4
  122. package/dist/components/checkbox-group/CheckboxGroup.generated.js +6 -6
  123. package/dist/components/chip/Chip.css +76 -52
  124. package/dist/components/chip/Chip.generated.d.ts +3 -3
  125. package/dist/components/chip/Chip.generated.js +6 -7
  126. package/dist/components/chip/Chip.recipe.d.ts +9 -7
  127. package/dist/components/chip/Chip.recipe.js +9 -7
  128. package/dist/components/close-button/CloseButton.css +2 -2
  129. package/dist/components/close-button/CloseButton.generated.d.ts +3 -4
  130. package/dist/components/close-button/CloseButton.generated.js +3 -4
  131. package/dist/components/{disclosure/Disclosure.css → collapsible/Collapsible.css} +18 -18
  132. package/dist/components/collapsible/Collapsible.generated.d.ts +46 -0
  133. package/dist/components/{disclosure/Disclosure.generated.js → collapsible/Collapsible.generated.js} +59 -86
  134. package/dist/components/collapsible/Collapsible.recipe.d.ts +28 -0
  135. package/dist/components/collapsible/Collapsible.recipe.js +77 -0
  136. package/dist/components/collapsible/index.d.ts +11 -0
  137. package/dist/components/collapsible/index.js +4 -0
  138. package/dist/components/color-area/ColorArea.css +5 -5
  139. package/dist/components/color-area/ColorArea.generated.d.ts +3 -3
  140. package/dist/components/color-area/ColorArea.generated.js +3 -4
  141. package/dist/components/color-field/ColorField.css +1 -1
  142. package/dist/components/color-field/ColorField.generated.d.ts +3 -3
  143. package/dist/components/color-field/ColorField.generated.js +3 -4
  144. package/dist/components/color-picker/ColorPicker.generated.d.ts +3 -3
  145. package/dist/components/color-picker/ColorPicker.generated.js +16 -20
  146. package/dist/components/color-slider/ColorSlider.css +5 -5
  147. package/dist/components/color-slider/ColorSlider.generated.d.ts +3 -3
  148. package/dist/components/color-slider/ColorSlider.generated.js +3 -4
  149. package/dist/components/color-swatch/ColorSwatch.css +5 -5
  150. package/dist/components/color-swatch/ColorSwatch.generated.d.ts +3 -3
  151. package/dist/components/color-swatch/ColorSwatch.generated.js +3 -4
  152. package/dist/components/color-swatch-picker/ColorSwatchPicker.generated.d.ts +3 -3
  153. package/dist/components/color-swatch-picker/ColorSwatchPicker.generated.js +3 -4
  154. package/dist/components/color-wheel-flower/ColorWheelFlower.css +11 -11
  155. package/dist/components/color-wheel-flower/ColorWheelFlower.generated.d.ts +0 -1
  156. package/dist/components/color-wheel-flower/ColorWheelFlower.generated.js +5 -6
  157. package/dist/components/combo-box/ComboBox.css +5 -5
  158. package/dist/components/combo-box/ComboBox.generated.d.ts +11 -12
  159. package/dist/components/combo-box/ComboBox.generated.js +17 -23
  160. package/dist/components/composer/Composer.css +109 -0
  161. package/dist/components/composer/Composer.generated.d.ts +46 -0
  162. package/dist/components/composer/Composer.generated.js +153 -0
  163. package/dist/components/composer/Composer.interactions.d.ts +93 -0
  164. package/dist/components/composer/Composer.interactions.js +42 -0
  165. package/dist/components/composer/Composer.recipe.d.ts +80 -0
  166. package/dist/components/composer/Composer.recipe.js +146 -0
  167. package/dist/components/composer/index.d.ts +5 -0
  168. package/dist/components/composer/index.js +3 -0
  169. package/dist/components/date-field/DateField.generated.d.ts +12 -13
  170. package/dist/components/date-field/DateField.generated.js +15 -22
  171. package/dist/components/date-picker/DatePicker.css +1 -1
  172. package/dist/components/date-picker/DatePicker.generated.d.ts +4 -4
  173. package/dist/components/date-picker/DatePicker.generated.js +7 -8
  174. package/dist/components/date-range-picker/DateRangePicker.css +1 -1
  175. package/dist/components/date-range-picker/DateRangePicker.generated.d.ts +4 -4
  176. package/dist/components/date-range-picker/DateRangePicker.generated.js +7 -8
  177. package/dist/components/{modal/Modal.css → dialog/Dialog.css} +73 -73
  178. package/dist/components/dialog/Dialog.generated.d.ts +84 -0
  179. package/dist/components/{modal/Modal.generated.js → dialog/Dialog.generated.js} +81 -91
  180. package/dist/components/dialog/Dialog.recipe.d.ts +104 -0
  181. package/dist/components/dialog/Dialog.recipe.js +178 -0
  182. package/dist/components/dialog/index.d.ts +1 -0
  183. package/dist/components/dialog/index.js +1 -0
  184. package/dist/components/{floating-dock/FloatingDock.css → dock/Dock.css} +32 -32
  185. package/dist/components/{floating-dock/FloatingDock.generated.d.ts → dock/Dock.generated.d.ts} +11 -11
  186. package/dist/components/{floating-dock/FloatingDock.generated.js → dock/Dock.generated.js} +17 -18
  187. package/dist/components/dock/Dock.recipe.d.ts +31 -0
  188. package/dist/components/dock/Dock.recipe.js +45 -0
  189. package/dist/components/dock/index.d.ts +2 -0
  190. package/dist/components/dock/index.js +1 -0
  191. package/dist/components/drawer/Drawer.a11y.d.ts +1 -1
  192. package/dist/components/drawer/Drawer.css +9 -9
  193. package/dist/components/drawer/Drawer.generated.d.ts +13 -13
  194. package/dist/components/drawer/Drawer.generated.js +15 -26
  195. package/dist/components/dropdown/Dropdown.css +8 -8
  196. package/dist/components/dropdown/Dropdown.generated.d.ts +0 -1
  197. package/dist/components/dropdown/Dropdown.generated.js +1 -2
  198. package/dist/components/{empty-state/EmptyState.css → empty/Empty.css} +5 -5
  199. package/dist/components/empty/Empty.generated.d.ts +33 -0
  200. package/dist/components/{empty-state/EmptyState.generated.js → empty/Empty.generated.js} +36 -41
  201. package/dist/components/empty/Empty.recipe.d.ts +20 -0
  202. package/dist/components/{empty-state/EmptyState.recipe.js → empty/Empty.recipe.js} +21 -21
  203. package/dist/components/empty/index.d.ts +3 -0
  204. package/dist/components/empty/index.js +1 -0
  205. package/dist/components/fieldset/Fieldset.generated.d.ts +5 -5
  206. package/dist/components/fieldset/Fieldset.generated.js +4 -8
  207. package/dist/components/flex/Flex.generated.d.ts +2 -2
  208. package/dist/components/flex/Flex.generated.js +1 -2
  209. package/dist/components/footer/Footer.generated.d.ts +2 -2
  210. package/dist/components/footer/Footer.generated.js +1 -2
  211. package/dist/components/footer/FooterTitle.generated.d.ts +2 -2
  212. package/dist/components/footer/FooterTitle.generated.js +1 -2
  213. package/dist/components/form/FieldErrorMessage.generated.d.ts +0 -1
  214. package/dist/components/form/FieldErrorMessage.generated.js +1 -1
  215. package/dist/components/form/Form.generated.d.ts +3 -3
  216. package/dist/components/form/Form.generated.js +2 -4
  217. package/dist/components/form/FormField.generated.d.ts +0 -1
  218. package/dist/components/form/FormField.generated.js +9 -5
  219. package/dist/components/form/FormSubmitButton.generated.d.ts +1 -1
  220. package/dist/components/form/FormSubmitButton.generated.js +3 -6
  221. package/dist/components/glow-card/GlowCard.css +1 -1
  222. package/dist/components/glow-card/GlowCard.generated.d.ts +2 -2
  223. package/dist/components/glow-card/GlowCard.generated.js +1 -2
  224. package/dist/components/grid/Grid.generated.d.ts +2 -2
  225. package/dist/components/grid/Grid.generated.js +1 -2
  226. package/dist/components/header/Header.generated.d.ts +2 -2
  227. package/dist/components/header/Header.generated.js +1 -2
  228. package/dist/components/icon/Icon.css +37 -1
  229. package/dist/components/icon/Icon.generated.d.ts +17 -7
  230. package/dist/components/icon/Icon.generated.js +40 -22
  231. package/dist/components/icon/Icon.interactions.d.ts +8 -0
  232. package/dist/components/icon/Icon.interactions.js +10 -0
  233. package/dist/components/icon/Icon.recipe.d.ts +27 -6
  234. package/dist/components/icon/Icon.recipe.js +36 -8
  235. package/dist/components/icon/index.d.ts +2 -1
  236. package/dist/components/icon/index.js +2 -1
  237. package/dist/components/immersive-landing/ImmersiveLanding.css +12 -12
  238. package/dist/components/immersive-landing/ImmersiveLanding.generated.js +1 -2
  239. package/dist/components/immersive-landing/ImmersiveLandingArrows.generated.js +3 -4
  240. package/dist/components/immersive-landing/ImmersiveLandingNavigation.generated.js +1 -2
  241. package/dist/components/immersive-landing/ImmersiveLandingPage.generated.js +1 -2
  242. package/dist/components/immersive-landing/components/CookieConsent.js +3 -3
  243. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +5 -5
  244. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +3 -3
  245. package/dist/components/immersive-landing/types.d.ts +5 -5
  246. package/dist/components/input/Input.css +1 -1
  247. package/dist/components/input/Input.generated.d.ts +6 -10
  248. package/dist/components/input/Input.generated.js +25 -32
  249. package/dist/components/input-otp/InputOTP.generated.d.ts +7 -7
  250. package/dist/components/input-otp/InputOTP.generated.js +9 -12
  251. package/dist/components/join/Join.generated.d.ts +2 -2
  252. package/dist/components/join/Join.generated.js +1 -2
  253. package/dist/components/kbd/Kbd.css +2 -2
  254. package/dist/components/kbd/Kbd.generated.d.ts +4 -4
  255. package/dist/components/kbd/Kbd.generated.js +3 -6
  256. package/dist/components/label/Label.generated.d.ts +5 -5
  257. package/dist/components/label/Label.generated.js +10 -10
  258. package/dist/components/language-switcher/LanguageSwitcher.css +3 -3
  259. package/dist/components/language-switcher/LanguageSwitcher.generated.d.ts +2 -2
  260. package/dist/components/language-switcher/LanguageSwitcher.generated.js +2 -3
  261. package/dist/components/link/Link.css +2 -2
  262. package/dist/components/link/Link.generated.d.ts +4 -4
  263. package/dist/components/link/Link.generated.js +4 -6
  264. package/dist/components/list-box/ListBox.css +2 -2
  265. package/dist/components/list-box/ListBox.generated.d.ts +4 -4
  266. package/dist/components/list-box/ListBox.generated.js +5 -6
  267. package/dist/components/list-box/ListBoxItem.generated.d.ts +4 -4
  268. package/dist/components/list-box/ListBoxItem.generated.js +5 -7
  269. package/dist/components/list-box/ListBoxSection.generated.d.ts +2 -2
  270. package/dist/components/list-box/ListBoxSection.generated.js +1 -2
  271. package/dist/components/live-chat/LiveChat.css +8 -8
  272. package/dist/components/live-chat/LiveChatBubble.generated.d.ts +2 -2
  273. package/dist/components/live-chat/LiveChatBubble.generated.js +1 -2
  274. package/dist/components/live-chat/LiveChatPanel.generated.d.ts +2 -2
  275. package/dist/components/live-chat/LiveChatPanel.generated.js +5 -6
  276. package/dist/components/menu/Menu.css +2 -2
  277. package/dist/components/menu/Menu.generated.d.ts +4 -4
  278. package/dist/components/menu/Menu.generated.js +5 -6
  279. package/dist/components/menu/MenuItem.generated.d.ts +5 -5
  280. package/dist/components/menu/MenuItem.generated.js +6 -9
  281. package/dist/components/menu/MenuSection.generated.d.ts +2 -2
  282. package/dist/components/menu/MenuSection.generated.js +1 -2
  283. package/dist/components/metal-border/MetalBorder.generated.d.ts +2 -2
  284. package/dist/components/metal-border/MetalBorder.generated.js +1 -2
  285. package/dist/components/meter/Meter.css +34 -18
  286. package/dist/components/meter/Meter.generated.d.ts +7 -7
  287. package/dist/components/meter/Meter.generated.js +9 -13
  288. package/dist/components/meter/Meter.recipe.d.ts +9 -6
  289. package/dist/components/meter/Meter.recipe.js +9 -6
  290. package/dist/components/navbar/Navbar.css +13 -13
  291. package/dist/components/navbar/Navbar.generated.d.ts +2 -3
  292. package/dist/components/navbar/Navbar.generated.js +1 -2
  293. package/dist/components/navbar/Navbar.recipe.d.ts +12 -9
  294. package/dist/components/navbar/Navbar.recipe.js +13 -10
  295. package/dist/components/navbar/NavbarRow.generated.d.ts +5 -3
  296. package/dist/components/navbar/NavbarRow.generated.js +4 -4
  297. package/dist/components/navbar/NavbarSection.generated.d.ts +0 -1
  298. package/dist/components/navbar/NavbarSection.generated.js +1 -2
  299. package/dist/components/navbar/NavbarStack.generated.d.ts +2 -3
  300. package/dist/components/navbar/NavbarStack.generated.js +1 -2
  301. package/dist/components/noise-background/NoiseBackground.generated.d.ts +2 -2
  302. package/dist/components/noise-background/NoiseBackground.generated.js +1 -2
  303. package/dist/components/pagination/Pagination.css +1 -1
  304. package/dist/components/pagination/Pagination.generated.d.ts +3 -3
  305. package/dist/components/pagination/Pagination.generated.js +3 -4
  306. package/dist/components/password-field/PasswordField.css +12 -0
  307. package/dist/components/password-field/PasswordField.generated.d.ts +29 -0
  308. package/dist/components/password-field/PasswordField.generated.js +95 -0
  309. package/dist/components/password-field/{PasswordField.d.ts → PasswordField.interactions.d.ts} +40 -38
  310. package/dist/components/password-field/PasswordField.interactions.js +48 -0
  311. package/dist/components/password-field/PasswordField.recipe.d.ts +12 -0
  312. package/dist/components/password-field/PasswordField.recipe.js +31 -0
  313. package/dist/components/password-field/index.d.ts +3 -1
  314. package/dist/components/password-field/index.js +2 -1
  315. package/dist/components/password-requirements/PasswordRequirements.css +42 -0
  316. package/dist/components/password-requirements/PasswordRequirements.generated.d.ts +12 -0
  317. package/dist/components/password-requirements/PasswordRequirements.generated.js +69 -0
  318. package/dist/components/password-requirements/PasswordRequirements.recipe.d.ts +24 -0
  319. package/dist/components/password-requirements/PasswordRequirements.recipe.js +63 -0
  320. package/dist/components/password-requirements/index.d.ts +2 -1
  321. package/dist/components/password-requirements/index.js +1 -1
  322. package/dist/components/popover/Popover.css +3 -3
  323. package/dist/components/popover/Popover.generated.d.ts +8 -8
  324. package/dist/components/popover/Popover.generated.js +9 -15
  325. package/dist/components/progress/Progress.css +121 -0
  326. package/dist/components/progress/Progress.generated.d.ts +20 -0
  327. package/dist/components/{progress-bar/ProgressBar.generated.js → progress/Progress.generated.js} +12 -13
  328. package/dist/components/progress/Progress.recipe.d.ts +32 -0
  329. package/dist/components/progress/Progress.recipe.js +46 -0
  330. package/dist/components/progress/index.d.ts +2 -0
  331. package/dist/components/progress/index.js +1 -0
  332. package/dist/components/radial-progress/RadialProgress.css +99 -0
  333. package/dist/components/radial-progress/RadialProgress.generated.d.ts +19 -0
  334. package/dist/components/{progress-circle/ProgressCircle.generated.js → radial-progress/RadialProgress.generated.js} +12 -13
  335. package/dist/components/radial-progress/RadialProgress.recipe.d.ts +31 -0
  336. package/dist/components/radial-progress/RadialProgress.recipe.js +45 -0
  337. package/dist/components/radial-progress/index.d.ts +2 -0
  338. package/dist/components/radial-progress/index.js +1 -0
  339. package/dist/components/radio/Radio.css +3 -3
  340. package/dist/components/radio/Radio.generated.d.ts +4 -4
  341. package/dist/components/radio/Radio.generated.js +6 -6
  342. package/dist/components/radio-group/RadioGroup.generated.d.ts +4 -4
  343. package/dist/components/radio-group/RadioGroup.generated.js +6 -6
  344. package/dist/components/range-calendar/RangeCalendar.css +1 -1
  345. package/dist/components/range-calendar/RangeCalendar.generated.d.ts +3 -3
  346. package/dist/components/range-calendar/RangeCalendar.generated.js +5 -6
  347. package/dist/components/{scroll-shadow/ScrollShadow.css → scroll-area/ScrollArea.css} +20 -20
  348. package/dist/components/scroll-area/ScrollArea.generated.d.ts +19 -0
  349. package/dist/components/{scroll-shadow/ScrollShadow.generated.js → scroll-area/ScrollArea.generated.js} +15 -16
  350. package/dist/components/scroll-area/ScrollArea.recipe.d.ts +19 -0
  351. package/dist/components/{scroll-shadow/ScrollShadow.recipe.js → scroll-area/ScrollArea.recipe.js} +6 -6
  352. package/dist/components/scroll-area/index.d.ts +2 -0
  353. package/dist/components/scroll-area/index.js +1 -0
  354. package/dist/components/scroll-area/useScrollArea.d.ts +13 -0
  355. package/dist/components/{scroll-shadow/useScrollShadow.js → scroll-area/useScrollArea.js} +6 -6
  356. package/dist/components/select/Select.css +7 -7
  357. package/dist/components/select/Select.generated.d.ts +11 -11
  358. package/dist/components/select/Select.generated.js +16 -23
  359. package/dist/components/separator/Separator.generated.d.ts +2 -2
  360. package/dist/components/separator/Separator.generated.js +1 -2
  361. package/dist/components/size-picker/SizePicker.generated.d.ts +2 -2
  362. package/dist/components/size-picker/SizePicker.generated.js +5 -3
  363. package/dist/components/skeleton/Skeleton.css +71 -0
  364. package/dist/components/skeleton/Skeleton.generated.d.ts +13 -4
  365. package/dist/components/skeleton/Skeleton.generated.js +36 -6
  366. package/dist/components/skeleton/Skeleton.recipe.d.ts +39 -10
  367. package/dist/components/skeleton/Skeleton.recipe.js +88 -12
  368. package/dist/components/skeleton/index.d.ts +3 -2
  369. package/dist/components/skeleton/index.js +2 -1
  370. package/dist/components/slider/Slider.css +8 -8
  371. package/dist/components/slider/Slider.generated.d.ts +2 -3
  372. package/dist/components/slider/Slider.generated.js +1 -2
  373. package/dist/components/spinner/Spinner.generated.d.ts +6 -8
  374. package/dist/components/spinner/Spinner.generated.js +4 -4
  375. package/dist/components/spinner/Spinner.recipe.d.ts +15 -31
  376. package/dist/components/spinner/Spinner.recipe.js +67 -32
  377. package/dist/components/spinner/index.d.ts +3 -2
  378. package/dist/components/spinner/index.js +2 -1
  379. package/dist/components/status/index.d.ts +3 -0
  380. package/dist/components/status/index.js +1 -0
  381. package/dist/components/status/status.d.ts +167 -0
  382. package/dist/components/status/status.js +101 -0
  383. package/dist/components/{toggle/Toggle.css → switch/Switch.css} +83 -63
  384. package/dist/components/{toggle/Toggle.generated.d.ts → switch/Switch.generated.d.ts} +7 -7
  385. package/dist/components/{toggle/Toggle.generated.js → switch/Switch.generated.js} +18 -19
  386. package/dist/components/switch/Switch.recipe.d.ts +43 -0
  387. package/dist/components/switch/Switch.recipe.js +97 -0
  388. package/dist/components/{toggle → switch}/index.d.ts +1 -1
  389. package/dist/components/switch/index.js +1 -0
  390. package/dist/components/table/ExpandToggle.generated.d.ts +2 -2
  391. package/dist/components/table/ExpandToggle.generated.js +3 -4
  392. package/dist/components/table/InlineConfirm.generated.d.ts +3 -3
  393. package/dist/components/table/InlineConfirm.generated.js +13 -18
  394. package/dist/components/table/MobileListView.generated.d.ts +2 -2
  395. package/dist/components/table/MobileListView.generated.js +6 -7
  396. package/dist/components/table/SortIcon.generated.d.ts +2 -2
  397. package/dist/components/table/SortIcon.generated.js +2 -3
  398. package/dist/components/table/Table.css +7 -7
  399. package/dist/components/table/Table.generated.d.ts +16 -16
  400. package/dist/components/table/Table.generated.js +15 -30
  401. package/dist/components/table/VirtualSpacerRow.generated.d.ts +2 -2
  402. package/dist/components/table/VirtualSpacerRow.generated.js +1 -2
  403. package/dist/components/tabs/Tabs.css +5 -5
  404. package/dist/components/tabs/Tabs.generated.d.ts +2 -1
  405. package/dist/components/tabs/Tabs.generated.js +2 -2
  406. package/dist/components/text/Text.generated.d.ts +2 -2
  407. package/dist/components/text/Text.generated.js +1 -2
  408. package/dist/components/textarea/Textarea.generated.d.ts +16 -7
  409. package/dist/components/textarea/Textarea.generated.js +47 -7
  410. package/dist/components/textarea/Textarea.recipe.d.ts +9 -1
  411. package/dist/components/textarea/Textarea.recipe.js +16 -3
  412. package/dist/components/textarea/index.d.ts +1 -2
  413. package/dist/components/textarea/index.js +1 -1
  414. package/dist/components/theme-color-picker/ThemeColorPicker.generated.d.ts +2 -2
  415. package/dist/components/theme-color-picker/ThemeColorPicker.generated.js +2 -3
  416. package/dist/components/time-field/TimeField.generated.d.ts +12 -13
  417. package/dist/components/time-field/TimeField.generated.js +15 -22
  418. package/dist/components/toast/Toast.css +4 -4
  419. package/dist/components/toast/Toast.generated.d.ts +10 -10
  420. package/dist/components/toast/Toast.generated.js +16 -24
  421. package/dist/components/toolbar/Toolbar.css +2 -2
  422. package/dist/components/toolbar/Toolbar.generated.d.ts +2 -2
  423. package/dist/components/toolbar/Toolbar.generated.js +1 -2
  424. package/dist/components/tooltip/Tooltip.css +4 -4
  425. package/dist/components/tooltip/Tooltip.generated.d.ts +6 -6
  426. package/dist/components/tooltip/Tooltip.generated.js +7 -11
  427. package/dist/components/types.d.ts +0 -7
  428. package/dist/components/video-preview/VideoPreview.generated.d.ts +2 -2
  429. package/dist/components/video-preview/VideoPreview.generated.js +1 -2
  430. package/dist/components/vocabulary.d.ts +267 -0
  431. package/dist/components/vocabulary.js +46 -0
  432. package/dist/index.css +0 -1
  433. package/dist/index.d.ts +53 -113
  434. package/dist/index.js +32 -67
  435. package/dist/lab.d.ts +44 -0
  436. package/dist/lab.js +24 -0
  437. package/dist/layouts.manifest.json +77 -218
  438. package/dist/purge-manifest.json +13075 -17765
  439. package/dist/styles/themes/dark.css +27 -0
  440. package/dist/styles/themes/light.css +29 -0
  441. package/package.json +13 -12
  442. package/dist/components/auth-card/AuthCard.d.ts +0 -12
  443. package/dist/components/auth-error-message/AuthErrorMessage.d.ts +0 -7
  444. package/dist/components/auth-error-message/AuthErrorMessage.js +0 -35
  445. package/dist/components/auth-error-message/index.d.ts +0 -1
  446. package/dist/components/auth-error-message/index.js +0 -1
  447. package/dist/components/auth-field-group/AuthFieldGroup.d.ts +0 -8
  448. package/dist/components/auth-field-group/AuthFieldGroup.js +0 -33
  449. package/dist/components/auth-footer-links/AuthFooterLinks.d.ts +0 -15
  450. package/dist/components/auth-footer-links/AuthFooterLinks.js +0 -74
  451. package/dist/components/auth-form/AuthForm.d.ts +0 -9
  452. package/dist/components/auth-form/AuthForm.js +0 -36
  453. package/dist/components/auth-form/index.d.ts +0 -1
  454. package/dist/components/auth-form/index.js +0 -1
  455. package/dist/components/auth-powered-by/AuthPoweredBy.d.ts +0 -11
  456. package/dist/components/auth-powered-by/AuthPoweredBy.js +0 -59
  457. package/dist/components/auth-submit-button/AuthSubmitButton.d.ts +0 -11
  458. package/dist/components/auth-submit-button/AuthSubmitButton.js +0 -51
  459. package/dist/components/auth-success-message/AuthSuccessMessage.d.ts +0 -7
  460. package/dist/components/auth-success-message/AuthSuccessMessage.js +0 -36
  461. package/dist/components/auth-success-message/index.d.ts +0 -1
  462. package/dist/components/auth-success-message/index.js +0 -1
  463. package/dist/components/breadcrumbs/Breadcrumbs.generated.d.ts +0 -21
  464. package/dist/components/breadcrumbs/Breadcrumbs.recipe.d.ts +0 -18
  465. package/dist/components/breadcrumbs/index.d.ts +0 -1
  466. package/dist/components/breadcrumbs/index.js +0 -1
  467. package/dist/components/description/Description.css +0 -10
  468. package/dist/components/description/Description.generated.d.ts +0 -12
  469. package/dist/components/description/Description.generated.js +0 -47
  470. package/dist/components/description/Description.recipe.d.ts +0 -10
  471. package/dist/components/description/Description.recipe.js +0 -29
  472. package/dist/components/description/index.d.ts +0 -1
  473. package/dist/components/description/index.js +0 -1
  474. package/dist/components/disclosure/Disclosure.generated.d.ts +0 -46
  475. package/dist/components/disclosure/Disclosure.recipe.d.ts +0 -28
  476. package/dist/components/disclosure/Disclosure.recipe.js +0 -77
  477. package/dist/components/disclosure/index.d.ts +0 -11
  478. package/dist/components/disclosure/index.js +0 -4
  479. package/dist/components/disclosure-group/DisclosureGroup.css +0 -9
  480. package/dist/components/disclosure-group/DisclosureGroup.generated.d.ts +0 -26
  481. package/dist/components/disclosure-group/DisclosureGroup.generated.js +0 -80
  482. package/dist/components/disclosure-group/DisclosureGroup.recipe.d.ts +0 -10
  483. package/dist/components/disclosure-group/DisclosureGroup.recipe.js +0 -29
  484. package/dist/components/disclosure-group/index.d.ts +0 -9
  485. package/dist/components/disclosure-group/index.js +0 -5
  486. package/dist/components/disclosure-group/useDisclosureGroupNavigation.d.ts +0 -14
  487. package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +0 -54
  488. package/dist/components/empty-state/EmptyState.generated.d.ts +0 -33
  489. package/dist/components/empty-state/EmptyState.recipe.d.ts +0 -20
  490. package/dist/components/empty-state/index.d.ts +0 -3
  491. package/dist/components/empty-state/index.js +0 -1
  492. package/dist/components/error-message/ErrorMessage.css +0 -20
  493. package/dist/components/error-message/ErrorMessage.generated.d.ts +0 -12
  494. package/dist/components/error-message/ErrorMessage.generated.js +0 -47
  495. package/dist/components/error-message/ErrorMessage.recipe.d.ts +0 -10
  496. package/dist/components/error-message/ErrorMessage.recipe.js +0 -29
  497. package/dist/components/error-message/index.d.ts +0 -1
  498. package/dist/components/error-message/index.js +0 -1
  499. package/dist/components/field-error/FieldError.css +0 -27
  500. package/dist/components/field-error/FieldError.generated.d.ts +0 -22
  501. package/dist/components/field-error/FieldError.generated.js +0 -76
  502. package/dist/components/field-error/FieldError.recipe.d.ts +0 -10
  503. package/dist/components/field-error/FieldError.recipe.js +0 -29
  504. package/dist/components/field-error/index.d.ts +0 -1
  505. package/dist/components/field-error/index.js +0 -1
  506. package/dist/components/floating-dock/FloatingDock.recipe.d.ts +0 -31
  507. package/dist/components/floating-dock/FloatingDock.recipe.js +0 -45
  508. package/dist/components/floating-dock/index.d.ts +0 -2
  509. package/dist/components/floating-dock/index.js +0 -1
  510. package/dist/components/glass-panel/GlassPanel.css +0 -359
  511. package/dist/components/glass-panel/GlassPanel.generated.d.ts +0 -21
  512. package/dist/components/glass-panel/GlassPanel.generated.js +0 -116
  513. package/dist/components/glass-panel/GlassPanel.recipe.d.ts +0 -33
  514. package/dist/components/glass-panel/GlassPanel.recipe.js +0 -47
  515. package/dist/components/glass-panel/index.d.ts +0 -1
  516. package/dist/components/glass-panel/index.js +0 -1
  517. package/dist/components/input-group/InputGroup.css +0 -172
  518. package/dist/components/input-group/InputGroup.generated.d.ts +0 -45
  519. package/dist/components/input-group/InputGroup.generated.js +0 -246
  520. package/dist/components/input-group/InputGroup.recipe.d.ts +0 -32
  521. package/dist/components/input-group/InputGroup.recipe.js +0 -71
  522. package/dist/components/input-group/index.d.ts +0 -1
  523. package/dist/components/input-group/index.js +0 -1
  524. package/dist/components/modal/Modal.generated.d.ts +0 -84
  525. package/dist/components/modal/Modal.recipe.d.ts +0 -104
  526. package/dist/components/modal/Modal.recipe.js +0 -178
  527. package/dist/components/modal/index.d.ts +0 -1
  528. package/dist/components/modal/index.js +0 -1
  529. package/dist/components/number-field/NumberField.css +0 -198
  530. package/dist/components/number-field/NumberField.generated.d.ts +0 -49
  531. package/dist/components/number-field/NumberField.generated.js +0 -372
  532. package/dist/components/number-field/NumberField.recipe.d.ts +0 -40
  533. package/dist/components/number-field/NumberField.recipe.js +0 -89
  534. package/dist/components/number-field/index.d.ts +0 -1
  535. package/dist/components/number-field/index.js +0 -1
  536. package/dist/components/password-field/PasswordField.js +0 -168
  537. package/dist/components/password-requirements/PasswordRequirements.d.ts +0 -12
  538. package/dist/components/password-requirements/PasswordRequirements.js +0 -79
  539. package/dist/components/password-rules/index.d.ts +0 -1
  540. package/dist/components/password-rules/index.js +0 -1
  541. package/dist/components/progress-bar/ProgressBar.css +0 -104
  542. package/dist/components/progress-bar/ProgressBar.generated.d.ts +0 -20
  543. package/dist/components/progress-bar/ProgressBar.recipe.d.ts +0 -29
  544. package/dist/components/progress-bar/ProgressBar.recipe.js +0 -43
  545. package/dist/components/progress-bar/index.d.ts +0 -2
  546. package/dist/components/progress-bar/index.js +0 -1
  547. package/dist/components/progress-circle/ProgressCircle.css +0 -82
  548. package/dist/components/progress-circle/ProgressCircle.generated.d.ts +0 -19
  549. package/dist/components/progress-circle/ProgressCircle.recipe.d.ts +0 -28
  550. package/dist/components/progress-circle/ProgressCircle.recipe.js +0 -42
  551. package/dist/components/progress-circle/index.d.ts +0 -2
  552. package/dist/components/progress-circle/index.js +0 -1
  553. package/dist/components/scroll-shadow/ScrollShadow.generated.d.ts +0 -19
  554. package/dist/components/scroll-shadow/ScrollShadow.recipe.d.ts +0 -19
  555. package/dist/components/scroll-shadow/index.d.ts +0 -2
  556. package/dist/components/scroll-shadow/index.js +0 -1
  557. package/dist/components/scroll-shadow/useScrollShadow.d.ts +0 -13
  558. package/dist/components/search-field/SearchField.css +0 -183
  559. package/dist/components/search-field/SearchField.generated.d.ts +0 -54
  560. package/dist/components/search-field/SearchField.generated.js +0 -323
  561. package/dist/components/search-field/SearchField.recipe.d.ts +0 -38
  562. package/dist/components/search-field/SearchField.recipe.js +0 -77
  563. package/dist/components/search-field/index.d.ts +0 -1
  564. package/dist/components/search-field/index.js +0 -1
  565. package/dist/components/surface/Surface.css +0 -37
  566. package/dist/components/surface/Surface.generated.d.ts +0 -13
  567. package/dist/components/surface/Surface.generated.js +0 -42
  568. package/dist/components/surface/Surface.recipe.d.ts +0 -16
  569. package/dist/components/surface/Surface.recipe.js +0 -35
  570. package/dist/components/surface/index.d.ts +0 -1
  571. package/dist/components/surface/index.js +0 -1
  572. package/dist/components/tag/Tag.css +0 -129
  573. package/dist/components/tag/Tag.generated.d.ts +0 -34
  574. package/dist/components/tag/Tag.generated.js +0 -254
  575. package/dist/components/tag/Tag.recipe.d.ts +0 -30
  576. package/dist/components/tag/Tag.recipe.js +0 -64
  577. package/dist/components/tag/index.d.ts +0 -1
  578. package/dist/components/tag/index.js +0 -1
  579. package/dist/components/tag-group/TagGroup.css +0 -22
  580. package/dist/components/tag-group/TagGroup.generated.d.ts +0 -33
  581. package/dist/components/tag-group/TagGroup.generated.js +0 -190
  582. package/dist/components/tag-group/TagGroup.recipe.d.ts +0 -16
  583. package/dist/components/tag-group/TagGroup.recipe.js +0 -40
  584. package/dist/components/tag-group/context.d.ts +0 -15
  585. package/dist/components/tag-group/context.js +0 -3
  586. package/dist/components/tag-group/index.d.ts +0 -2
  587. package/dist/components/tag-group/index.js +0 -1
  588. package/dist/components/text-area/TextArea.generated.d.ts +0 -20
  589. package/dist/components/text-area/TextArea.generated.js +0 -68
  590. package/dist/components/text-area/TextArea.recipe.d.ts +0 -17
  591. package/dist/components/text-area/TextArea.recipe.js +0 -36
  592. package/dist/components/text-area/index.d.ts +0 -1
  593. package/dist/components/text-area/index.js +0 -1
  594. package/dist/components/text-field/TextField.css +0 -33
  595. package/dist/components/text-field/TextField.generated.d.ts +0 -35
  596. package/dist/components/text-field/TextField.generated.js +0 -89
  597. package/dist/components/text-field/TextField.recipe.d.ts +0 -17
  598. package/dist/components/text-field/TextField.recipe.js +0 -36
  599. package/dist/components/text-field/index.d.ts +0 -1
  600. package/dist/components/text-field/index.js +0 -1
  601. package/dist/components/toggle/Toggle.recipe.d.ts +0 -40
  602. package/dist/components/toggle/Toggle.recipe.js +0 -94
  603. package/dist/components/toggle/index.js +0 -1
  604. package/dist/styles/icons/generated-icons.css +0 -1
  605. /package/dist/components/{text-area/TextArea.css → textarea/Textarea.css} +0 -0
@@ -1,12 +0,0 @@
1
- import type { Component as __LayoutComponent } from "solid-js";
2
- import "./Description.css";
3
- import { type JSX } from "solid-js";
4
- import type { IComponentBaseProps } from "../types";
5
- export type DescriptionRootProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
6
- declare const DescriptionRoot: __LayoutComponent<DescriptionRootProps>;
7
- declare const Description: __LayoutComponent<DescriptionRootProps> & {
8
- Root: __LayoutComponent<DescriptionRootProps>;
9
- };
10
- export default Description;
11
- export { Description, DescriptionRoot };
12
- export type { DescriptionRootProps as DescriptionProps };
@@ -1,47 +0,0 @@
1
- import { insert, mergeProps, spread, template } from "solid-js/web";
2
- import { defineComponent } from "solid-layouts/application-boundary";
3
- import "./Description.css";
4
- import { splitProps } from "solid-js";
5
- import { twMerge } from "tailwind-merge";
6
- import { CLASSES, componentRecipe } from "./Description.recipe.js";
7
- var _tmpl$ = /*#__PURE__*/ template("<span>");
8
- const __solidLayoutDescriptionRoot = (_stable, p)=>{
9
- const [local, others] = splitProps(p, [
10
- "children",
11
- "class",
12
- "className",
13
- "dataTheme",
14
- "style",
15
- "slot"
16
- ]);
17
- return (()=>{
18
- var _el$ = _tmpl$();
19
- spread(_el$, mergeProps(others, ()=>({
20
- class: twMerge(CLASSES.base, local.class, local.className)
21
- }), {
22
- "data-slot": "description",
23
- get slot () {
24
- return local.slot ?? "description";
25
- },
26
- get ["data-theme"] () {
27
- return local.dataTheme;
28
- },
29
- get style () {
30
- return local.style;
31
- }
32
- }), false, true);
33
- insert(_el$, ()=>local.children);
34
- return _el$;
35
- })();
36
- };
37
- const DescriptionRoot = defineComponent({
38
- recipe: componentRecipe,
39
- layout: __solidLayoutDescriptionRoot,
40
- embedded: true
41
- });
42
- const Description = Object.assign(DescriptionRoot, {
43
- Root: DescriptionRoot
44
- });
45
- const Description_generated = Description;
46
- export default Description_generated;
47
- export { Description, DescriptionRoot };
@@ -1,10 +0,0 @@
1
- export declare const CLASSES: {
2
- readonly base: "description";
3
- };
4
- export declare const componentRecipe: import("solid-layouts").Recipe<{
5
- readonly component: "description";
6
- readonly slots: {
7
- readonly description: {};
8
- readonly root: {};
9
- };
10
- }>;
@@ -1,29 +0,0 @@
1
- import { recipe } from "../../lib/layouts/index.js";
2
- const CLASSES = {
3
- base: "description"
4
- };
5
- const componentRecipe = recipe({
6
- component: "description",
7
- slots: {
8
- description: {},
9
- root: {}
10
- },
11
- _layouts: {
12
- slots: {
13
- description: {
14
- base: "",
15
- axes: {}
16
- },
17
- root: {
18
- base: "",
19
- axes: {}
20
- }
21
- },
22
- stateKeys: [],
23
- slotIds: {
24
- description: 0,
25
- root: 1
26
- }
27
- }
28
- });
29
- export { CLASSES, componentRecipe };
@@ -1 +0,0 @@
1
- export { default, Description, DescriptionRoot, type DescriptionProps, type DescriptionRootProps, } from "./Description.generated";
@@ -1 +0,0 @@
1
- export { Description, DescriptionRoot, default } from "./Description.generated.js";
@@ -1,46 +0,0 @@
1
- import type { Component as __LayoutComponent } from "solid-js";
2
- import "./Disclosure.css";
3
- import { type JSX } from "solid-js";
4
- import type { IComponentBaseProps } from "../types";
5
- export type DisclosureRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
6
- children?: JSX.Element;
7
- id?: string;
8
- isOpen?: boolean;
9
- defaultOpen?: boolean;
10
- onOpenChange?: (open: boolean) => void;
11
- isDisabled?: boolean;
12
- disabled?: boolean;
13
- };
14
- export type DisclosureHeadingProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & IComponentBaseProps & {
15
- children?: JSX.Element;
16
- };
17
- export type DisclosureTriggerProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "disabled"> & IComponentBaseProps & {
18
- children?: JSX.Element;
19
- };
20
- export type DisclosureContentProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
21
- children?: JSX.Element;
22
- keepMounted?: boolean;
23
- };
24
- export type DisclosureBodyProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
25
- children?: JSX.Element;
26
- };
27
- export type DisclosureIndicatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
28
- children?: JSX.Element;
29
- };
30
- declare const DisclosureRoot: __LayoutComponent<DisclosureRootProps>;
31
- declare const DisclosureHeading: __LayoutComponent<DisclosureHeadingProps>;
32
- declare const DisclosureTrigger: __LayoutComponent<DisclosureTriggerProps>;
33
- declare const DisclosureContent: __LayoutComponent<DisclosureContentProps>;
34
- declare const DisclosureBody: __LayoutComponent<DisclosureBodyProps>;
35
- declare const DisclosureIndicator: __LayoutComponent<DisclosureIndicatorProps>;
36
- declare const Disclosure: __LayoutComponent<DisclosureRootProps> & {
37
- Root: __LayoutComponent<DisclosureRootProps>;
38
- Heading: __LayoutComponent<DisclosureHeadingProps>;
39
- Trigger: __LayoutComponent<DisclosureTriggerProps>;
40
- Content: __LayoutComponent<DisclosureContentProps>;
41
- Body: __LayoutComponent<DisclosureBodyProps>;
42
- Indicator: __LayoutComponent<DisclosureIndicatorProps>;
43
- };
44
- export default Disclosure;
45
- export { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator, };
46
- export type { DisclosureRootProps as DisclosureProps };
@@ -1,28 +0,0 @@
1
- export declare const CLASSES: {
2
- readonly base: "disclosure";
3
- readonly slot: {
4
- readonly heading: "disclosure__heading";
5
- readonly trigger: "disclosure__trigger";
6
- readonly indicator: "disclosure__indicator";
7
- readonly content: "disclosure__content";
8
- readonly body: "disclosure__body";
9
- readonly bodyInner: "disclosure__body-inner";
10
- };
11
- readonly flag: {
12
- readonly expanded: "disclosure--expanded";
13
- readonly disabled: "disclosure--disabled";
14
- };
15
- };
16
- export declare const componentRecipe: import("solid-layouts").Recipe<{
17
- readonly component: "disclosure";
18
- readonly slots: {
19
- readonly disclosure: {};
20
- readonly "disclosure-body": {};
21
- readonly "disclosure-body-inner": {};
22
- readonly "disclosure-content": {};
23
- readonly "disclosure-heading": {};
24
- readonly "disclosure-indicator": {};
25
- readonly "disclosure-trigger": {};
26
- readonly root: {};
27
- };
28
- }>;
@@ -1,77 +0,0 @@
1
- import { recipe } from "../../lib/layouts/index.js";
2
- const CLASSES = {
3
- base: "disclosure",
4
- slot: {
5
- heading: "disclosure__heading",
6
- trigger: "disclosure__trigger",
7
- indicator: "disclosure__indicator",
8
- content: "disclosure__content",
9
- body: "disclosure__body",
10
- bodyInner: "disclosure__body-inner"
11
- },
12
- flag: {
13
- expanded: "disclosure--expanded",
14
- disabled: "disclosure--disabled"
15
- }
16
- };
17
- const componentRecipe = recipe({
18
- component: "disclosure",
19
- slots: {
20
- disclosure: {},
21
- "disclosure-body": {},
22
- "disclosure-body-inner": {},
23
- "disclosure-content": {},
24
- "disclosure-heading": {},
25
- "disclosure-indicator": {},
26
- "disclosure-trigger": {},
27
- root: {}
28
- },
29
- _layouts: {
30
- slots: {
31
- disclosure: {
32
- base: "",
33
- axes: {}
34
- },
35
- "disclosure-body": {
36
- base: "",
37
- axes: {}
38
- },
39
- "disclosure-body-inner": {
40
- base: "",
41
- axes: {}
42
- },
43
- "disclosure-content": {
44
- base: "",
45
- axes: {}
46
- },
47
- "disclosure-heading": {
48
- base: "",
49
- axes: {}
50
- },
51
- "disclosure-indicator": {
52
- base: "",
53
- axes: {}
54
- },
55
- "disclosure-trigger": {
56
- base: "",
57
- axes: {}
58
- },
59
- root: {
60
- base: "",
61
- axes: {}
62
- }
63
- },
64
- stateKeys: [],
65
- slotIds: {
66
- disclosure: 0,
67
- "disclosure-body": 1,
68
- "disclosure-body-inner": 2,
69
- "disclosure-content": 3,
70
- "disclosure-heading": 4,
71
- "disclosure-indicator": 5,
72
- "disclosure-trigger": 6,
73
- root: 7
74
- }
75
- }
76
- });
77
- export { CLASSES, componentRecipe };
@@ -1,11 +0,0 @@
1
- import type { ComponentProps } from "solid-js";
2
- import Disclosure, { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator } from "./Disclosure.generated";
3
- export type DisclosureProps = ComponentProps<typeof DisclosureRoot>;
4
- export type DisclosureRootProps = ComponentProps<typeof DisclosureRoot>;
5
- export type DisclosureHeadingProps = ComponentProps<typeof DisclosureHeading>;
6
- export type DisclosureTriggerProps = ComponentProps<typeof DisclosureTrigger>;
7
- export type DisclosureContentProps = ComponentProps<typeof DisclosureContent>;
8
- export type DisclosureBodyProps = ComponentProps<typeof DisclosureBody>;
9
- export type DisclosureIndicatorProps = ComponentProps<typeof DisclosureIndicator>;
10
- export { DisclosureRoot, DisclosureHeading, DisclosureTrigger, DisclosureContent, DisclosureBody, DisclosureIndicator, };
11
- export default Disclosure;
@@ -1,4 +0,0 @@
1
- import Disclosure_generated, { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger } from "./Disclosure.generated.js";
2
- const disclosure = Disclosure_generated;
3
- export default disclosure;
4
- export { DisclosureBody, DisclosureContent, DisclosureHeading, DisclosureIndicator, DisclosureRoot, DisclosureTrigger };
@@ -1,9 +0,0 @@
1
- @layer components {
2
- .disclosure-group {
3
- width: 100%;
4
- contain: layout style;
5
- display: flex;
6
- flex-direction: column;
7
- gap: 0.75rem;
8
- }
9
- }
@@ -1,26 +0,0 @@
1
- import type { Component as __LayoutComponent } from "solid-js";
2
- import "./DisclosureGroup.css";
3
- import { type JSX } from "solid-js";
4
- import type { IComponentBaseProps } from "../types";
5
- export type DisclosureGroupContextValue = {
6
- expandedKeys: () => Set<string>;
7
- setExpandedKeys: (keys: Set<string>) => void;
8
- allowsMultipleExpanded: () => boolean;
9
- isDisabled: () => boolean;
10
- };
11
- export declare const DisclosureGroupContext: import("solid-js").Context<DisclosureGroupContextValue | undefined>;
12
- export type DisclosureGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
13
- children?: JSX.Element;
14
- expandedKeys?: Set<string | number>;
15
- defaultExpandedKeys?: Set<string | number>;
16
- onExpandedChange?: (keys: Set<string | number>) => void;
17
- allowsMultipleExpanded?: boolean;
18
- isDisabled?: boolean;
19
- disabled?: boolean;
20
- };
21
- declare const DisclosureGroupRoot: __LayoutComponent<DisclosureGroupRootProps>;
22
- declare const DisclosureGroup: __LayoutComponent<DisclosureGroupRootProps> & {
23
- Root: __LayoutComponent<DisclosureGroupRootProps>;
24
- };
25
- export default DisclosureGroup;
26
- export { DisclosureGroupRoot };
@@ -1,80 +0,0 @@
1
- import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
2
- import { defineComponent } from "solid-layouts/application-boundary";
3
- import "./DisclosureGroup.css";
4
- import { createContext, createMemo, createSignal, splitProps } from "solid-js";
5
- import { twMerge } from "tailwind-merge";
6
- import { CLASSES, componentRecipe } from "./DisclosureGroup.recipe.js";
7
- var _tmpl$ = /*#__PURE__*/ template("<div>");
8
- const DisclosureGroupContext = createContext();
9
- const normalizeKeys = (keys)=>{
10
- if (!keys) return new Set();
11
- return new Set(Array.from(keys).map((key)=>String(key)));
12
- };
13
- const __solidLayoutDisclosureGroupRoot = (_stable, p)=>{
14
- const [local, others] = splitProps(p, [
15
- "children",
16
- "class",
17
- "className",
18
- "dataTheme",
19
- "style",
20
- "expandedKeys",
21
- "defaultExpandedKeys",
22
- "onExpandedChange",
23
- "allowsMultipleExpanded",
24
- "isDisabled",
25
- "disabled"
26
- ]);
27
- const allowsMultipleExpanded = ()=>Boolean(local.allowsMultipleExpanded);
28
- const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
29
- const [internalKeys, setInternalKeys] = createSignal(normalizeKeys(local.defaultExpandedKeys));
30
- const expandedKeys = createMemo(()=>void 0 !== local.expandedKeys ? normalizeKeys(local.expandedKeys) : internalKeys());
31
- const setExpandedKeys = (keys)=>{
32
- if (void 0 === local.expandedKeys) setInternalKeys(new Set(keys));
33
- local.onExpandedChange?.(new Set(keys));
34
- };
35
- const ctx = {
36
- expandedKeys,
37
- setExpandedKeys,
38
- allowsMultipleExpanded,
39
- isDisabled
40
- };
41
- return createComponent(DisclosureGroupContext.Provider, {
42
- value: ctx,
43
- get children () {
44
- var _el$ = _tmpl$();
45
- spread(_el$, mergeProps(others, ()=>({
46
- class: twMerge(CLASSES.base, local.class, local.className)
47
- }), {
48
- "data-slot": "disclosure-group",
49
- get ["data-multiple"] () {
50
- return allowsMultipleExpanded() ? "true" : "false";
51
- },
52
- get ["data-disabled"] () {
53
- return isDisabled() ? "true" : "false";
54
- },
55
- get ["data-theme"] () {
56
- return local.dataTheme;
57
- },
58
- get style () {
59
- return local.style;
60
- },
61
- get ["aria-disabled"] () {
62
- return isDisabled() ? "true" : void 0;
63
- }
64
- }), false, true);
65
- insert(_el$, ()=>local.children);
66
- return _el$;
67
- }
68
- });
69
- };
70
- const DisclosureGroupRoot = defineComponent({
71
- recipe: componentRecipe,
72
- layout: __solidLayoutDisclosureGroupRoot,
73
- embedded: true
74
- });
75
- const DisclosureGroup = Object.assign(DisclosureGroupRoot, {
76
- Root: DisclosureGroupRoot
77
- });
78
- const DisclosureGroup_generated = DisclosureGroup;
79
- export default DisclosureGroup_generated;
80
- export { DisclosureGroupContext, DisclosureGroupRoot };
@@ -1,10 +0,0 @@
1
- export declare const CLASSES: {
2
- readonly base: "disclosure-group";
3
- };
4
- export declare const componentRecipe: import("solid-layouts").Recipe<{
5
- readonly component: "disclosure-group";
6
- readonly slots: {
7
- readonly "disclosure-group": {};
8
- readonly root: {};
9
- };
10
- }>;
@@ -1,29 +0,0 @@
1
- import { recipe } from "../../lib/layouts/index.js";
2
- const CLASSES = {
3
- base: "disclosure-group"
4
- };
5
- const componentRecipe = recipe({
6
- component: "disclosure-group",
7
- slots: {
8
- "disclosure-group": {},
9
- root: {}
10
- },
11
- _layouts: {
12
- slots: {
13
- "disclosure-group": {
14
- base: "",
15
- axes: {}
16
- },
17
- root: {
18
- base: "",
19
- axes: {}
20
- }
21
- },
22
- stateKeys: [],
23
- slotIds: {
24
- "disclosure-group": 0,
25
- root: 1
26
- }
27
- }
28
- });
29
- export { CLASSES, componentRecipe };
@@ -1,9 +0,0 @@
1
- import type { ComponentProps } from "solid-js";
2
- import DisclosureGroup, { DisclosureGroupRoot } from "./DisclosureGroup.generated";
3
- import { useDisclosureGroupNavigation } from "./useDisclosureGroupNavigation";
4
- export type DisclosureGroupProps = ComponentProps<typeof DisclosureGroupRoot>;
5
- export type DisclosureGroupRootProps = ComponentProps<typeof DisclosureGroupRoot>;
6
- export type UseDisclosureGroupNavigationProps = Parameters<typeof useDisclosureGroupNavigation>[0];
7
- export type UseDisclosureGroupNavigationReturn = ReturnType<typeof useDisclosureGroupNavigation>;
8
- export { DisclosureGroupRoot, useDisclosureGroupNavigation };
9
- export default DisclosureGroup;
@@ -1,5 +0,0 @@
1
- import DisclosureGroup_generated, { DisclosureGroupRoot } from "./DisclosureGroup.generated.js";
2
- const disclosure_group = DisclosureGroup_generated;
3
- export { useDisclosureGroupNavigation } from "./useDisclosureGroupNavigation.js";
4
- export default disclosure_group;
5
- export { DisclosureGroupRoot };
@@ -1,14 +0,0 @@
1
- export type UseDisclosureGroupNavigationProps = {
2
- expandedKeys: () => Set<string | number>;
3
- itemIds: () => string[];
4
- onExpandedChange: (keys: Set<string | number>) => void;
5
- allowsMultipleExpanded?: boolean;
6
- };
7
- export type UseDisclosureGroupNavigationReturn = {
8
- currentIndex: () => number;
9
- isPrevDisabled: () => boolean;
10
- isNextDisabled: () => boolean;
11
- onPrevious: () => void;
12
- onNext: () => void;
13
- };
14
- export declare const useDisclosureGroupNavigation: (props: UseDisclosureGroupNavigationProps) => UseDisclosureGroupNavigationReturn;
@@ -1,54 +0,0 @@
1
- import { createMemo } from "solid-js";
2
- const normalizeKeys = (keys)=>new Set(Array.from(keys).map((key)=>String(key)));
3
- const useDisclosureGroupNavigation = (props)=>{
4
- const currentIndex = createMemo(()=>{
5
- const ids = props.itemIds();
6
- const expanded = Array.from(normalizeKeys(props.expandedKeys())).filter((id)=>ids.includes(id));
7
- const current = expanded.length > 0 ? expanded[0] : ids[0];
8
- if (!current) return -1;
9
- return ids.indexOf(current);
10
- });
11
- const setExpanded = (id)=>{
12
- if (!id) return;
13
- const allowsMultiple = Boolean(props.allowsMultipleExpanded);
14
- if (allowsMultiple) {
15
- const next = new Set(props.expandedKeys());
16
- next.add(id);
17
- props.onExpandedChange(next);
18
- return;
19
- }
20
- props.onExpandedChange(new Set([
21
- id
22
- ]));
23
- };
24
- const onPrevious = ()=>{
25
- const ids = props.itemIds();
26
- const index = currentIndex();
27
- if (index <= 0) return;
28
- const prev = ids[index - 1];
29
- if (!prev) return;
30
- setExpanded(prev);
31
- };
32
- const onNext = ()=>{
33
- const ids = props.itemIds();
34
- const index = currentIndex();
35
- if (index >= ids.length - 1) return;
36
- const next = ids[index + 1];
37
- if (!next) return;
38
- setExpanded(next);
39
- };
40
- const isPrevDisabled = createMemo(()=>currentIndex() <= 0);
41
- const isNextDisabled = createMemo(()=>{
42
- const index = currentIndex();
43
- const ids = props.itemIds();
44
- return index < 0 || index >= ids.length - 1;
45
- });
46
- return {
47
- currentIndex,
48
- isPrevDisabled,
49
- isNextDisabled,
50
- onPrevious,
51
- onNext
52
- };
53
- };
54
- export { useDisclosureGroupNavigation };
@@ -1,33 +0,0 @@
1
- import type { Component as __LayoutComponent } from "solid-js";
2
- import "./EmptyState.css";
3
- import { type JSX } from "solid-js";
4
- import type { IComponentBaseProps } from "../types";
5
- export type EmptyStateRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
6
- children: JSX.Element;
7
- };
8
- export type EmptyStateIconProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
9
- children: JSX.Element;
10
- };
11
- export type EmptyStateTitleProps = Omit<JSX.HTMLAttributes<HTMLHeadingElement>, "children"> & IComponentBaseProps & {
12
- children: JSX.Element;
13
- };
14
- export type EmptyStateDescriptionProps = Omit<JSX.HTMLAttributes<HTMLParagraphElement>, "children"> & IComponentBaseProps & {
15
- children: JSX.Element;
16
- };
17
- export type EmptyStateActionsProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
18
- children: JSX.Element;
19
- };
20
- declare const EmptyStateRoot: __LayoutComponent<EmptyStateRootProps>;
21
- declare const EmptyStateIcon: __LayoutComponent<EmptyStateIconProps>;
22
- declare const EmptyStateTitle: __LayoutComponent<EmptyStateTitleProps>;
23
- declare const EmptyStateDescription: __LayoutComponent<EmptyStateDescriptionProps>;
24
- declare const EmptyStateActions: __LayoutComponent<EmptyStateActionsProps>;
25
- declare const EmptyState: __LayoutComponent<EmptyStateRootProps> & {
26
- Root: __LayoutComponent<EmptyStateRootProps>;
27
- Icon: __LayoutComponent<EmptyStateIconProps>;
28
- Title: __LayoutComponent<EmptyStateTitleProps>;
29
- Description: __LayoutComponent<EmptyStateDescriptionProps>;
30
- Actions: __LayoutComponent<EmptyStateActionsProps>;
31
- };
32
- export default EmptyState;
33
- export { EmptyStateRoot, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions };
@@ -1,20 +0,0 @@
1
- export declare const CLASSES: {
2
- readonly base: "empty-state";
3
- readonly slot: {
4
- readonly icon: "empty-state__icon";
5
- readonly title: "empty-state__title";
6
- readonly description: "empty-state__description";
7
- readonly actions: "empty-state__actions";
8
- };
9
- };
10
- export declare const componentRecipe: import("solid-layouts").Recipe<{
11
- readonly component: "empty-state";
12
- readonly slots: {
13
- readonly "empty-state": {};
14
- readonly "empty-state-actions": {};
15
- readonly "empty-state-description": {};
16
- readonly "empty-state-icon": {};
17
- readonly "empty-state-title": {};
18
- readonly root: {};
19
- };
20
- }>;
@@ -1,3 +0,0 @@
1
- export { default as EmptyState, EmptyStateRoot, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, type EmptyStateRootProps, type EmptyStateIconProps, type EmptyStateTitleProps, type EmptyStateDescriptionProps, type EmptyStateActionsProps, } from "./EmptyState.generated";
2
- /** @deprecated Use EmptyStateRootProps instead */
3
- export type { EmptyStateRootProps as EmptyStateProps } from "./EmptyState.generated";
@@ -1 +0,0 @@
1
- export { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle, default as EmptyState } from "./EmptyState.generated.js";
@@ -1,20 +0,0 @@
1
- @layer components {
2
- .error-message {
3
- height: auto;
4
- font-size: 0.75rem;
5
- line-height: 1rem;
6
- text-wrap: wrap;
7
- overflow-wrap: break-word;
8
- word-break: break-word;
9
- color: var(--color-danger);
10
- transition:
11
- opacity 150ms var(--ease-out),
12
- height 350ms var(--ease-smooth);
13
- }
14
-
15
- @media (prefers-reduced-motion: reduce) {
16
- .error-message {
17
- transition: none;
18
- }
19
- }
20
- }
@@ -1,12 +0,0 @@
1
- import type { Component as __LayoutComponent } from "solid-js";
2
- import "./ErrorMessage.css";
3
- import { type JSX } from "solid-js";
4
- import type { IComponentBaseProps } from "../types";
5
- export type ErrorMessageRootProps = JSX.HTMLAttributes<HTMLSpanElement> & IComponentBaseProps;
6
- declare const ErrorMessageRoot: __LayoutComponent<ErrorMessageRootProps>;
7
- declare const ErrorMessage: __LayoutComponent<ErrorMessageRootProps> & {
8
- Root: __LayoutComponent<ErrorMessageRootProps>;
9
- };
10
- export default ErrorMessage;
11
- export { ErrorMessage, ErrorMessageRoot };
12
- export type { ErrorMessageRootProps as ErrorMessageProps };