@studiolxd/brand 49.28.0 → 50.0.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 (279) hide show
  1. package/LICENSE +61 -0
  2. package/README.md +26 -4
  3. package/dist/_shared/assign-ref.js +6 -0
  4. package/dist/_shared/calendargrid.js +57 -57
  5. package/dist/_shared/datepicker.js +67 -65
  6. package/dist/_shared/default-render-link.js +7 -0
  7. package/dist/_shared/dialogsurface.js +1 -1
  8. package/dist/_shared/dropdownitems.js +14 -20
  9. package/dist/_shared/imagecropdialog.js +38 -441
  10. package/dist/_shared/overflow-focusable.js +15 -0
  11. package/dist/_shared/side-offset.js +13 -0
  12. package/dist/_shared/tokens.js +31 -129
  13. package/dist/_shared/useasyncoptions.js +30 -0
  14. package/dist/_types/atoms/Accordion/Accordion.d.ts +7 -1
  15. package/dist/_types/atoms/AsyncMultiSelect/AsyncMultiSelect.d.ts +8 -4
  16. package/dist/_types/atoms/AsyncSelect/AsyncSelect.d.ts +8 -4
  17. package/dist/_types/atoms/Autocomplete/Autocomplete.d.ts +10 -6
  18. package/dist/_types/atoms/CloseButton/CloseButton.d.ts +13 -3
  19. package/dist/_types/atoms/Fieldset/Fieldset.d.ts +1 -1
  20. package/dist/_types/atoms/InputPhone/InputPhone.d.ts +2 -0
  21. package/dist/_types/atoms/MultiSelect/MultiSelect.d.ts +11 -10
  22. package/dist/_types/atoms/Select/Select.d.ts +6 -0
  23. package/dist/_types/atoms/Skeleton/Skeleton.d.ts +1 -1
  24. package/dist/_types/atoms/Spinner/Spinner.d.ts +3 -1
  25. package/dist/_types/atoms/TypingIndicator/TypingIndicator.d.ts +3 -1
  26. package/dist/_types/atoms/_shared/useAsyncOptions.d.ts +36 -0
  27. package/dist/_types/constants/assign-ref.d.ts +12 -0
  28. package/dist/_types/constants/default-render-link.d.ts +13 -0
  29. package/dist/_types/constants/overflow-focusable.d.ts +15 -0
  30. package/dist/_types/constants/side-offset.d.ts +18 -0
  31. package/dist/_types/email/EmailLayout.d.ts +38 -21
  32. package/dist/_types/messages/BrandMessages.d.ts +8 -2
  33. package/dist/_types/messages/index.d.ts +1 -1
  34. package/dist/_types/molecules/AppLauncher/AppLauncher.d.ts +9 -3
  35. package/dist/_types/molecules/Calendar/Calendar.d.ts +10 -1
  36. package/dist/_types/molecules/CalendarPlanner/CalendarPlanner.d.ts +43 -13
  37. package/dist/_types/molecules/CalendarRoster/CalendarRoster.d.ts +10 -2
  38. package/dist/_types/molecules/ContextMenu/ContextMenu.d.ts +8 -1
  39. package/dist/_types/molecules/DatePicker/DatePicker.d.ts +6 -0
  40. package/dist/_types/molecules/DateTimeField/DateTimeField.d.ts +2 -0
  41. package/dist/_types/molecules/DocsSearch/DocsSearch.d.ts +2 -2
  42. package/dist/_types/molecules/FloatingToolbar/FloatingToolbar.d.ts +83 -0
  43. package/dist/_types/molecules/FormField/FormField.d.ts +5 -6
  44. package/dist/_types/molecules/LanguageSwitcher/LanguageSwitcher.d.ts +7 -3
  45. package/dist/_types/molecules/LoadingRegion/LoadingRegion.d.ts +12 -4
  46. package/dist/_types/molecules/Modal/Modal.d.ts +10 -4
  47. package/dist/_types/molecules/OrgSwitcher/OrgSwitcher.d.ts +7 -1
  48. package/dist/_types/molecules/PasswordField/PasswordField.d.ts +9 -2
  49. package/dist/_types/molecules/PrevNextNav/PrevNextNav.d.ts +3 -1
  50. package/dist/_types/molecules/RecurrenceField/RecurrenceField.d.ts +6 -1
  51. package/dist/_types/molecules/SidebarNav/SidebarNav.d.ts +18 -2
  52. package/dist/_types/molecules/SiteNav/SiteNav.d.ts +4 -1
  53. package/dist/_types/molecules/StatTile/StatTile.d.ts +15 -1
  54. package/dist/_types/molecules/Table/Table.d.ts +1 -1
  55. package/dist/_types/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +38 -3
  56. package/dist/_types/molecules/Toast/Toaster.d.ts +8 -0
  57. package/dist/_types/molecules/UserMenu/UserMenu.d.ts +7 -1
  58. package/dist/_types/molecules/_shared/calendarGrid.d.ts +15 -2
  59. package/dist/_types/molecules/_shared/dialogSurface.d.ts +6 -1
  60. package/dist/_types/molecules/_shared/dropdownItems.d.ts +0 -2
  61. package/dist/_types/sections/AppHeader/AppHeader.d.ts +3 -1
  62. package/dist/_types/sections/AppShell/AppShell.d.ts +6 -1
  63. package/dist/_types/sections/LegalFooter/LegalFooter.d.ts +7 -1
  64. package/dist/_types/sections/Sidebar/Sidebar.d.ts +3 -1
  65. package/dist/_types/sections/SiteFooter/SiteFooter.d.ts +6 -2
  66. package/dist/_types/sections/SiteHeader/SiteHeader.d.ts +2 -2
  67. package/dist/_types/templates/ConnectorAuth/ConnectorAuthShell.d.ts +5 -2
  68. package/dist/_types/templates/ConnectorAuth/ConnectorConsentPage.d.ts +1 -1
  69. package/dist/_types/templates/ConnectorAuth/ConnectorExternalSignInPage.d.ts +1 -1
  70. package/dist/_types/templates/ConnectorAuth/ConnectorRejectionPage.d.ts +1 -1
  71. package/dist/_types/templates/ConnectorAuth/ConnectorSignInPage.d.ts +1 -1
  72. package/dist/_types/templates/ErrorPage/ErrorPage.d.ts +7 -1
  73. package/dist/_types/templates/NotFoundPage/NotFoundPage.d.ts +7 -1
  74. package/dist/_types/templates/PublicPageShell/PublicPageShell.d.ts +6 -0
  75. package/dist/accordion.css +1 -1
  76. package/dist/accordion.js +6 -5
  77. package/dist/alert.css +1 -1
  78. package/dist/app-header.js +16 -21
  79. package/dist/app-launcher.css +1 -1
  80. package/dist/app-launcher.js +29 -21
  81. package/dist/app-shell.js +43 -43
  82. package/dist/async-multi-select.css +1 -1
  83. package/dist/async-multi-select.js +104 -173
  84. package/dist/async-select.css +1 -1
  85. package/dist/async-select.js +81 -137
  86. package/dist/autocomplete.css +1 -1
  87. package/dist/autocomplete.js +76 -115
  88. package/dist/brand.css +77 -987
  89. package/dist/breadcrumb.js +11 -16
  90. package/dist/button.css +1 -1
  91. package/dist/calendar-planner.css +1 -1
  92. package/dist/calendar-planner.js +100 -95
  93. package/dist/calendar-roster.css +1 -1
  94. package/dist/calendar-roster.js +69 -61
  95. package/dist/calendar.css +1 -1
  96. package/dist/calendar.js +86 -85
  97. package/dist/card.css +1 -1
  98. package/dist/card.js +42 -41
  99. package/dist/chart.css +1 -1
  100. package/dist/chat-shell.js +48 -47
  101. package/dist/checkbox.css +1 -1
  102. package/dist/close-button.js +14 -12
  103. package/dist/command-palette.css +1 -1
  104. package/dist/connector-consent-page.js +19 -18
  105. package/dist/connector-external-sign-in-page.js +6 -5
  106. package/dist/connector-rejection-page.js +5 -4
  107. package/dist/connector-sign-in-page.js +10 -9
  108. package/dist/consent.css +1 -1
  109. package/dist/context-menu.js +3 -2
  110. package/dist/conversation-list.css +1 -1
  111. package/dist/conversation-thread.css +1 -1
  112. package/dist/conversation-thread.js +1 -0
  113. package/dist/data-table.js +74 -1625
  114. package/dist/date-time-field.js +7 -6
  115. package/dist/docs-search.js +36 -38
  116. package/dist/email.js +10 -7
  117. package/dist/error-page.js +2 -2
  118. package/dist/fieldset.css +1 -1
  119. package/dist/figure.js +1 -0
  120. package/dist/file-upload.css +1 -1
  121. package/dist/file-upload.js +48 -50
  122. package/dist/floating-toolbar.css +1 -0
  123. package/dist/floating-toolbar.js +64 -0
  124. package/dist/form-field.js +55 -53
  125. package/dist/imagecropdialog.css +1 -1
  126. package/dist/input-phone.css +1 -1
  127. package/dist/input-phone.js +30 -31
  128. package/dist/input.css +1 -1
  129. package/dist/label.css +1 -1
  130. package/dist/language-switcher.js +37 -44
  131. package/dist/legal-footer.js +12 -17
  132. package/dist/loading-region.css +1 -1
  133. package/dist/loading-region.js +8 -8
  134. package/dist/menu.css +1 -1
  135. package/dist/menu.js +4 -3
  136. package/dist/message-bubble.css +1 -1
  137. package/dist/message-composer.css +1 -1
  138. package/dist/modal.css +1 -1
  139. package/dist/modal.js +9 -9
  140. package/dist/multi-select.css +1 -1
  141. package/dist/multi-select.js +104 -172
  142. package/dist/not-found-page.js +8 -5
  143. package/dist/notification-list.js +16 -21
  144. package/dist/notification-panel.js +34 -46
  145. package/dist/number-badge.css +1 -1
  146. package/dist/number-input.css +1 -1
  147. package/dist/org-switcher.css +1 -1
  148. package/dist/org-switcher.js +13 -11
  149. package/dist/password-field.js +40 -39
  150. package/dist/popover.css +1 -1
  151. package/dist/popover.js +9 -15
  152. package/dist/prev-next-nav.js +8 -7
  153. package/dist/public-page-shell.js +7 -6
  154. package/dist/radio.css +1 -1
  155. package/dist/recurrence-field.css +1 -1
  156. package/dist/recurrence-field.js +38 -37
  157. package/dist/select.css +1 -1
  158. package/dist/select.js +3 -2
  159. package/dist/sheet.css +1 -1
  160. package/dist/sidebar-nav.css +1 -1
  161. package/dist/sidebar-nav.js +75 -70
  162. package/dist/sidebar.css +1 -1
  163. package/dist/sidebar.js +46 -42
  164. package/dist/site-footer.js +28 -28
  165. package/dist/site-header.js +39 -44
  166. package/dist/site-nav.js +10 -19
  167. package/dist/site-search.js +34 -36
  168. package/dist/site-shell.js +17 -16
  169. package/dist/skeleton.js +8 -6
  170. package/dist/sortable.js +20 -19
  171. package/dist/spinner.js +11 -7
  172. package/dist/stat-tile.js +24 -26
  173. package/dist/switcher.css +1 -1
  174. package/dist/table.css +1 -1
  175. package/dist/table.js +57 -45
  176. package/dist/textarea.css +1 -1
  177. package/dist/theme-switcher.js +57 -56
  178. package/dist/toaster.css +1 -1
  179. package/dist/toggle.css +1 -1
  180. package/dist/tokens.css +75 -986
  181. package/dist/tooltip.css +1 -1
  182. package/dist/tooltip.js +20 -27
  183. package/dist/typing-indicator.css +1 -1
  184. package/dist/typing-indicator.js +4 -4
  185. package/dist/user-menu.css +1 -1
  186. package/dist/user-menu.js +38 -45
  187. package/dist/visuallyhidden.css +1 -1
  188. package/package.json +26 -14
  189. package/src/tokens/components/async-multi-select.css +4 -0
  190. package/src/tokens/components/async-select.css +3 -0
  191. package/src/tokens/components/autocomplete.css +1 -0
  192. package/src/tokens/components/breadcrumb.css +0 -2
  193. package/src/tokens/components/button.css +0 -23
  194. package/src/tokens/components/control.css +0 -4
  195. package/src/tokens/components/file-upload.css +0 -4
  196. package/src/tokens/components/radio.css +2 -0
  197. package/src/tokens/components/site-header.css +0 -1
  198. package/src/tokens/index.css +5 -7
  199. package/src/tokens/molecules/async-multi-select-field.css +0 -6
  200. package/src/tokens/molecules/async-select-field.css +0 -6
  201. package/src/tokens/molecules/autocomplete-field.css +0 -5
  202. package/src/tokens/molecules/avatar-upload.css +0 -6
  203. package/src/tokens/molecules/calendar-roster.css +5 -0
  204. package/src/tokens/molecules/chart.css +0 -3
  205. package/src/tokens/molecules/checkbox-field.css +0 -6
  206. package/src/tokens/molecules/consent.css +1 -0
  207. package/src/tokens/molecules/conversation-thread.css +10 -0
  208. package/src/tokens/molecules/date-picker-field.css +0 -6
  209. package/src/tokens/molecules/date-time-field.css +0 -6
  210. package/src/tokens/molecules/dropdown-field.css +0 -6
  211. package/src/tokens/molecules/file-upload-field.css +0 -6
  212. package/src/tokens/molecules/floating-toolbar.css +18 -0
  213. package/src/tokens/molecules/floating-toolbar.ts +4 -0
  214. package/src/tokens/molecules/input-field.css +0 -1
  215. package/src/tokens/molecules/input-phone-field.css +0 -6
  216. package/src/tokens/molecules/modal.css +1 -0
  217. package/src/tokens/molecules/multi-select-field.css +0 -6
  218. package/src/tokens/molecules/number-input-field.css +0 -6
  219. package/src/tokens/molecules/otp-field.css +0 -6
  220. package/src/tokens/molecules/radio-field.css +0 -6
  221. package/src/tokens/molecules/recurrence-field.css +1 -0
  222. package/src/tokens/molecules/select-field.css +0 -6
  223. package/src/tokens/molecules/sidebar-nav.css +0 -6
  224. package/src/tokens/molecules/site-search.css +0 -2
  225. package/src/tokens/molecules/switcher-field.css +0 -1
  226. package/src/tokens/molecules/table.css +1 -0
  227. package/src/tokens/molecules/textarea-field.css +0 -6
  228. package/src/tokens/molecules/time-field.css +0 -6
  229. package/src/tokens/scss/_index.legacy.scss +1 -0
  230. package/src/tokens/scss/_index.scss +1 -0
  231. package/src/tokens/scss/components/_async-multi-select.scss +4 -0
  232. package/src/tokens/scss/components/_async-select.scss +3 -0
  233. package/src/tokens/scss/components/_autocomplete.scss +1 -0
  234. package/src/tokens/scss/components/_breadcrumb.scss +0 -2
  235. package/src/tokens/scss/components/_button.scss +0 -23
  236. package/src/tokens/scss/components/_control.scss +0 -4
  237. package/src/tokens/scss/components/_file-upload.scss +0 -4
  238. package/src/tokens/scss/components/_site-header.scss +0 -1
  239. package/src/tokens/scss/molecules/_async-multi-select-field.scss +0 -5
  240. package/src/tokens/scss/molecules/_async-select-field.scss +0 -5
  241. package/src/tokens/scss/molecules/_autocomplete-field.scss +0 -5
  242. package/src/tokens/scss/molecules/_avatar-upload.scss +0 -5
  243. package/src/tokens/scss/molecules/_calendar-roster.scss +4 -0
  244. package/src/tokens/scss/molecules/_chart.scss +0 -2
  245. package/src/tokens/scss/molecules/_checkbox-field.scss +0 -5
  246. package/src/tokens/scss/molecules/_consent.scss +1 -0
  247. package/src/tokens/scss/molecules/_conversation-thread.scss +3 -0
  248. package/src/tokens/scss/molecules/_date-picker-field.scss +0 -5
  249. package/src/tokens/scss/molecules/_date-time-field.scss +0 -5
  250. package/src/tokens/scss/molecules/_dropdown-field.scss +0 -5
  251. package/src/tokens/scss/molecules/_file-upload-field.scss +0 -5
  252. package/src/tokens/scss/molecules/_floating-toolbar.scss +15 -0
  253. package/src/tokens/scss/molecules/_input-field.scss +0 -1
  254. package/src/tokens/scss/molecules/_input-phone-field.scss +0 -5
  255. package/src/tokens/scss/molecules/_modal.scss +1 -0
  256. package/src/tokens/scss/molecules/_multi-select-field.scss +0 -5
  257. package/src/tokens/scss/molecules/_number-input-field.scss +0 -5
  258. package/src/tokens/scss/molecules/_otp-field.scss +0 -5
  259. package/src/tokens/scss/molecules/_radio-field.scss +0 -5
  260. package/src/tokens/scss/molecules/_recurrence-field.scss +1 -0
  261. package/src/tokens/scss/molecules/_select-field.scss +0 -5
  262. package/src/tokens/scss/molecules/_sidebar-nav.scss +0 -4
  263. package/src/tokens/scss/molecules/_site-search.scss +0 -2
  264. package/src/tokens/scss/molecules/_switcher-field.scss +0 -1
  265. package/src/tokens/scss/molecules/_table.scss +1 -0
  266. package/src/tokens/scss/molecules/_textarea-field.scss +0 -5
  267. package/src/tokens/scss/molecules/_time-field.scss +0 -5
  268. package/src/tokens/surface-dark-derived.css +2 -1
  269. package/src/tokens/surface-invert.css +15 -21
  270. package/src/tokens/surface-public.css +0 -19
  271. package/src/tokens/tokens.json +31 -129
  272. package/CHANGELOG.md +0 -8154
  273. package/dist/_types/data/home.d.ts +0 -83
  274. package/dist/_types/pages/Auth/AuthPage.d.ts +0 -24
  275. package/dist/_types/pages/Onboarding/OnboardingPage.d.ts +0 -37
  276. package/dist/_types/pages/Status/StatusPage.d.ts +0 -37
  277. package/dist/_types/pages/Status/_datos.d.ts +0 -47
  278. package/src/tokens/surface-light.css +0 -782
  279. package/src/tokens/utils.test.ts +0 -86
package/dist/toaster.css CHANGED
@@ -1 +1 @@
1
- :root{--button-border-style:solid;--button-border-color:#0000;--button-justify-content:center;--button-cursor:pointer;--button-white-space:nowrap;--button-text-decoration:none;--button-disabled-cursor:not-allowed;--button-loading-spinner-size:1em;--button-focus-ring-style:solid;--button-block-width:100%;--button-outline-bg:#0000;--button-text-border-width:0;--button-text-padding-inline:0;--button-text-bg:#0000;--button-text-border:#0000;--button-text-hover-bg:#0000;--button-text-hover-border:#0000;--button-text-active-bg:#0000;--button-text-active-border:#0000;--button-ghost-border-width:0;--button-ghost-bg:#0000;--button-ghost-border:#0000;--button-ghost-hover-border:#0000;--button-ghost-active-border:#0000;--button-font-family:var(--font-family-sans);--button-font-size:var(--font-size-2);--button-line-height:var(--line-height-none);--button-transition-duration:var(--motion-duration-fast);--button-transition-easing:var(--motion-easing-default);--button-height:var(--size-component-md);--button-sm-height:var(--size-component-sm);--button-lg-height:var(--size-component-lg);--button-loading-gap:var(--spacing-2);--button-padding-inline:var(--spacing-6);--button-focus-ring-offset:var(--spacing-1);--button-sm-padding-inline:var(--spacing-5);--button-sm-font-size:var(--font-size-1);--button-lg-padding-inline:var(--spacing-8);--button-lg-font-size:var(--font-size-3);--button-primary-border-style:var(--button-border-style);--button-primary-justify-content:var(--button-justify-content);--button-primary-cursor:var(--button-cursor);--button-primary-white-space:var(--button-white-space);--button-primary-text-decoration:var(--button-text-decoration);--button-primary-disabled-cursor:var(--button-disabled-cursor);--button-primary-disabled-color:var(--color-white);--button-primary-focus-ring-style:var(--button-focus-ring-style);--button-destructive-border-style:var(--button-border-style);--button-destructive-justify-content:var(--button-justify-content);--button-destructive-cursor:var(--button-cursor);--button-destructive-white-space:var(--button-white-space);--button-destructive-text-decoration:var(--button-text-decoration);--button-destructive-disabled-cursor:var(--button-disabled-cursor);--button-destructive-focus-ring-style:var(--button-focus-ring-style);--button-destructive-bg:var(--color-white);--button-outline-border-style:var(--button-border-style);--button-outline-justify-content:var(--button-justify-content);--button-outline-cursor:var(--button-cursor);--button-outline-white-space:var(--button-white-space);--button-outline-text-decoration:var(--button-text-decoration);--button-outline-disabled-cursor:var(--button-disabled-cursor);--button-outline-focus-ring-style:var(--button-focus-ring-style);--button-text-border-style:var(--button-border-style);--button-text-justify-content:var(--button-justify-content);--button-text-cursor:var(--link-cursor);--button-text-white-space:var(--button-white-space);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-ink-hover-underline-width:var(--link-ink-hover-underline-width);--button-text-disabled-cursor:var(--button-disabled-cursor);--button-text-focus-ring-style:var(--button-focus-ring-style);--button-ghost-border-style:var(--button-border-style);--button-ghost-justify-content:var(--button-justify-content);--button-ghost-cursor:var(--button-cursor);--button-ghost-white-space:var(--button-white-space);--button-ghost-text-decoration:var(--button-text-decoration);--button-ghost-disabled-cursor:var(--button-disabled-cursor);--button-ghost-focus-ring-style:var(--button-focus-ring-style);--button-border-radius:var(--border-radius-default);--button-border-width:var(--border-width-default);--button-font-weight:var(--font-weight-default);--button-disabled-bg:var(--color-disabled-bg-on-light);--button-disabled-color:var(--color-disabled-text-on-light);--button-disabled-border:var(--color-disabled-text-on-light);--button-focus-ring-width:var(--border-width-focus);--button-primary-font-family:var(--button-font-family);--button-primary-font-size:var(--button-font-size);--button-primary-line-height:var(--button-line-height);--button-primary-transition-duration:var(--button-transition-duration);--button-primary-transition-easing:var(--button-transition-easing);--button-primary-padding-inline:var(--button-padding-inline);--button-primary-focus-ring-offset:var(--button-focus-ring-offset);--button-primary-focus-ring-color:var(--color-primary);--button-primary-bg:var(--color-accent-1);--button-primary-color:var(--color-primary);--button-primary-border:var(--color-accent-1);--button-primary-hover-bg:var(--color-accent-2);--button-primary-hover-color:var(--color-primary);--button-primary-hover-border:var(--color-accent-2);--button-primary-active-bg:var(--color-accent-2);--button-primary-active-color:var(--color-primary);--button-primary-active-border:var(--color-accent-2);--button-destructive-font-family:var(--button-font-family);--button-destructive-font-size:var(--button-font-size);--button-destructive-line-height:var(--button-line-height);--button-destructive-transition-duration:var(--button-transition-duration);--button-destructive-transition-easing:var(--button-transition-easing);--button-destructive-padding-inline:var(--button-padding-inline);--button-destructive-focus-ring-offset:var(--button-focus-ring-offset);--button-destructive-focus-ring-color:var(--color-destructive-text-on-light);--button-destructive-color:var(--color-destructive-text-on-light);--button-destructive-border:var(--color-destructive-text-on-light);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-outline-font-family:var(--button-font-family);--button-outline-font-size:var(--button-font-size);--button-outline-line-height:var(--button-line-height);--button-outline-transition-duration:var(--button-transition-duration);--button-outline-transition-easing:var(--button-transition-easing);--button-outline-disabled-color:var(--color-disabled-border-on-light);--button-outline-disabled-border:var(--color-disabled-border-on-light);--button-outline-padding-inline:var(--button-padding-inline);--button-outline-focus-ring-offset:var(--button-focus-ring-offset);--button-outline-focus-ring-color:var(--color-text-on-light);--button-outline-color:var(--color-text-on-light);--button-outline-border:var(--color-text-on-light);--button-outline-hover-bg:var(--color-text-on-light);--button-outline-hover-color:var(--color-text-on-dark);--button-outline-hover-border:var(--color-text-on-light);--button-outline-active-bg:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-dark);--button-outline-active-border:var(--color-text-on-light);--button-text-font-family:var(--button-font-family);--button-text-font-size:var(--button-font-size);--button-text-line-height:var(--button-line-height);--button-text-underline-offset:var(--link-underline-offset);--button-text-transition-duration:var(--button-transition-duration);--button-text-transition-easing:var(--button-transition-easing);--button-ghost-font-family:var(--button-font-family);--button-ghost-font-size:var(--button-font-size);--button-ghost-line-height:var(--button-line-height);--button-ghost-transition-duration:var(--button-transition-duration);--button-ghost-transition-easing:var(--button-transition-easing);--button-ghost-padding-inline:var(--button-padding-inline);--button-ghost-focus-ring-offset:var(--button-focus-ring-offset);--button-ghost-focus-ring-color:var(--color-primary);--button-ghost-color:var(--color-text-on-light);--button-ghost-hover-bg:var(--color-primary);--button-ghost-hover-color:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-primary);--button-ghost-active-color:var(--color-text-on-dark);--button-primary-border-radius:var(--button-border-radius);--button-primary-border-width:var(--button-border-width);--button-primary-font-weight:var(--button-font-weight);--button-primary-disabled-bg:var(--button-disabled-border);--button-primary-disabled-border:var(--button-disabled-border);--button-primary-focus-ring-width:var(--button-focus-ring-width);--button-destructive-border-radius:var(--button-border-radius);--button-destructive-border-width:var(--button-border-width);--button-destructive-font-weight:var(--button-font-weight);--button-destructive-disabled-color:var(--button-disabled-color);--button-destructive-disabled-border:var(--button-disabled-border);--button-destructive-focus-ring-width:var(--button-focus-ring-width);--button-outline-border-radius:var(--button-border-radius);--button-outline-border-width:var(--button-border-width);--button-outline-font-weight:var(--button-font-weight);--button-outline-focus-ring-width:var(--button-focus-ring-width);--button-text-border-radius:var(--button-border-radius);--button-text-font-weight:var(--button-font-weight);--button-text-underline-width:var(--link-underline-width);--button-text-ink-color:var(--link-ink-color);--button-text-ink-underline-width:var(--link-ink-underline-width);--button-text-disabled-color:var(--button-disabled-color);--button-text-focus-ring-width:var(--button-focus-ring-width);--button-text-focus-ring-offset:var(--link-focus-ring-offset);--button-text-focus-ring-color:var(--link-focus-ring-color);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-active-color:var(--link-hover-color);--button-ghost-border-radius:var(--button-border-radius);--button-ghost-font-weight:var(--button-font-weight);--button-ghost-disabled-color:var(--button-disabled-color);--button-ghost-focus-ring-width:var(--button-focus-ring-width)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--button-outline-hover-bg:var(--color-white);--button-outline-hover-border:var(--color-white);--button-outline-active-bg:var(--color-white);--button-outline-active-border:var(--color-white);--button-outline-focus-ring-color:var(--color-white);--button-text-underline-width:var(--link-underline-width);--button-primary-focus-ring-color:var(--color-text-on-dark);--button-destructive-color:var(--color-destructive-text-on-dark);--button-destructive-border:var(--color-destructive-text-on-dark);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-destructive-focus-ring-color:var(--color-destructive-text-on-dark);--button-outline-color:var(--color-text-on-dark);--button-outline-border:var(--color-text-on-dark);--button-outline-hover-color:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-light);--button-text-disabled-color:var(--color-text-muted-on-dark);--button-ghost-color:var(--color-text-on-dark);--button-ghost-hover-color:var(--color-primary);--button-ghost-active-color:var(--color-primary);--button-ghost-focus-ring-color:var(--color-text-on-dark);--button-ghost-hover-bg:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-text-on-dark);--button-ghost-disabled-color:var(--color-text-muted-on-dark);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-ink-color:var(--link-ink-color);--button-text-active-color:var(--link-hover-color);--button-text-focus-ring-color:var(--link-focus-ring-color)}:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}:root{--toast-max-width:360px;--toast-stack-scale:.05;--toast-enter-scale:.97;--toast-z-index:var(--z-index-toast);--toast-inset-block:var(--spacing-5);--toast-inset-inline:var(--spacing-5);--toast-gap:var(--spacing-2);--toast-stack-offset:var(--spacing-3);--toast-duration-in:var(--motion-duration-base);--toast-duration-out:var(--motion-duration-base);--toast-easing:var(--motion-easing-out)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-width:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}.toaster{--toast-stack-direction:-1;z-index:var(--toast-z-index);inline-size:min(var(--toast-max-width), calc(100vw - var(--toast-inset-inline) * 2));outline:none;position:fixed;inset-block-end:var(--toast-inset-block);inset-inline-end:var(--toast-inset-inline)}.toaster.toaster--top{--toast-stack-direction:1;inset-block-start:var(--toast-inset-block);inset-block-end:auto}.toaster.toaster--left{inset-inline-start:var(--toast-inset-inline);inset-inline-end:auto}.toaster.toaster--center{inset-inline:50% auto;translate:-50%}.toast{transform-origin:bottom;cursor:default;z-index:calc(var(--toast-z-index) - var(--toast-index));transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * var(--toast-index) * var(--toast-stack-offset))) scale(max(0, 1 - var(--toast-index) * var(--toast-stack-scale)));transition:transform var(--toast-duration-in) var(--toast-easing), opacity var(--toast-duration-in) var(--toast-easing);position:absolute;inset-block-end:0;inset-inline:0}.toaster.toaster--top .toast{transform-origin:top;inset-block:0 auto}.toast[data-expanded],.toaster--expanded .toast{transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * (var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))))}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translateY(calc(var(--toast-stack-direction) * -100%)) scale(var(--toast-enter-scale))}.toast[data-ending-style]{transition-duration:var(--toast-duration-out)}.toast[data-swiping]{transition:none}.toast[data-limited]{opacity:0}.toast .toast__action{margin-block-start:var(--alert-content-gap);margin-inline-start:calc(var(--button-sm-padding-inline) * -1)}
1
+ :root{--button-border-style:solid;--button-justify-content:center;--button-cursor:pointer;--button-white-space:nowrap;--button-text-decoration:none;--button-disabled-cursor:not-allowed;--button-loading-spinner-size:1em;--button-focus-ring-style:solid;--button-block-width:100%;--button-outline-bg:#0000;--button-text-border-width:0;--button-text-padding-inline:0;--button-text-bg:#0000;--button-text-border:#0000;--button-text-hover-bg:#0000;--button-text-hover-border:#0000;--button-text-active-bg:#0000;--button-text-active-border:#0000;--button-ghost-border-width:0;--button-ghost-bg:#0000;--button-ghost-border:#0000;--button-ghost-hover-border:#0000;--button-ghost-active-border:#0000;--button-font-family:var(--font-family-sans);--button-font-size:var(--font-size-2);--button-line-height:var(--line-height-none);--button-transition-duration:var(--motion-duration-fast);--button-transition-easing:var(--motion-easing-default);--button-height:var(--size-component-md);--button-sm-height:var(--size-component-sm);--button-lg-height:var(--size-component-lg);--button-loading-gap:var(--spacing-2);--button-padding-inline:var(--spacing-6);--button-focus-ring-offset:var(--spacing-1);--button-sm-padding-inline:var(--spacing-5);--button-sm-font-size:var(--font-size-1);--button-lg-padding-inline:var(--spacing-8);--button-lg-font-size:var(--font-size-3);--button-primary-border-style:var(--button-border-style);--button-primary-justify-content:var(--button-justify-content);--button-primary-cursor:var(--button-cursor);--button-primary-white-space:var(--button-white-space);--button-primary-text-decoration:var(--button-text-decoration);--button-primary-disabled-cursor:var(--button-disabled-cursor);--button-primary-disabled-color:var(--color-white);--button-primary-focus-ring-style:var(--button-focus-ring-style);--button-outline-border-style:var(--button-border-style);--button-outline-justify-content:var(--button-justify-content);--button-outline-cursor:var(--button-cursor);--button-outline-white-space:var(--button-white-space);--button-outline-text-decoration:var(--button-text-decoration);--button-outline-disabled-cursor:var(--button-disabled-cursor);--button-outline-focus-ring-style:var(--button-focus-ring-style);--button-text-border-style:var(--button-border-style);--button-text-justify-content:var(--button-justify-content);--button-text-cursor:var(--link-cursor);--button-text-white-space:var(--button-white-space);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-ink-hover-underline-width:var(--link-ink-hover-underline-width);--button-text-disabled-cursor:var(--button-disabled-cursor);--button-text-focus-ring-style:var(--button-focus-ring-style);--button-ghost-border-style:var(--button-border-style);--button-ghost-justify-content:var(--button-justify-content);--button-ghost-cursor:var(--button-cursor);--button-ghost-white-space:var(--button-white-space);--button-ghost-text-decoration:var(--button-text-decoration);--button-ghost-disabled-cursor:var(--button-disabled-cursor);--button-ghost-focus-ring-style:var(--button-focus-ring-style);--button-border-radius:var(--border-radius-default);--button-border-width:var(--border-width-default);--button-font-weight:var(--font-weight-default);--button-disabled-color:var(--color-disabled-text-on-light);--button-disabled-border:var(--color-disabled-text-on-light);--button-focus-ring-width:var(--border-width-focus);--button-primary-font-family:var(--button-font-family);--button-primary-font-size:var(--button-font-size);--button-primary-line-height:var(--button-line-height);--button-primary-transition-duration:var(--button-transition-duration);--button-primary-transition-easing:var(--button-transition-easing);--button-primary-padding-inline:var(--button-padding-inline);--button-primary-focus-ring-offset:var(--button-focus-ring-offset);--button-primary-focus-ring-color:var(--color-primary);--button-primary-bg:var(--color-accent-1);--button-primary-color:var(--color-primary);--button-primary-border:var(--color-accent-1);--button-primary-hover-bg:var(--color-accent-2);--button-primary-hover-color:var(--color-primary);--button-primary-hover-border:var(--color-accent-2);--button-primary-active-bg:var(--color-accent-2);--button-primary-active-color:var(--color-primary);--button-primary-active-border:var(--color-accent-2);--button-destructive-focus-ring-color:var(--color-destructive-text-on-light);--button-destructive-color:var(--color-destructive-text-on-light);--button-destructive-border:var(--color-destructive-text-on-light);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-outline-font-family:var(--button-font-family);--button-outline-font-size:var(--button-font-size);--button-outline-line-height:var(--button-line-height);--button-outline-transition-duration:var(--button-transition-duration);--button-outline-transition-easing:var(--button-transition-easing);--button-outline-disabled-color:var(--color-disabled-border-on-light);--button-outline-disabled-border:var(--color-disabled-border-on-light);--button-outline-padding-inline:var(--button-padding-inline);--button-outline-focus-ring-offset:var(--button-focus-ring-offset);--button-outline-focus-ring-color:var(--color-text-on-light);--button-outline-color:var(--color-text-on-light);--button-outline-border:var(--color-text-on-light);--button-outline-hover-bg:var(--color-text-on-light);--button-outline-hover-color:var(--color-text-on-dark);--button-outline-hover-border:var(--color-text-on-light);--button-outline-active-bg:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-dark);--button-outline-active-border:var(--color-text-on-light);--button-text-font-family:var(--button-font-family);--button-text-font-size:var(--button-font-size);--button-text-line-height:var(--button-line-height);--button-text-underline-offset:var(--link-underline-offset);--button-text-transition-duration:var(--button-transition-duration);--button-text-transition-easing:var(--button-transition-easing);--button-ghost-font-family:var(--button-font-family);--button-ghost-font-size:var(--button-font-size);--button-ghost-line-height:var(--button-line-height);--button-ghost-transition-duration:var(--button-transition-duration);--button-ghost-transition-easing:var(--button-transition-easing);--button-ghost-padding-inline:var(--button-padding-inline);--button-ghost-focus-ring-offset:var(--button-focus-ring-offset);--button-ghost-focus-ring-color:var(--color-primary);--button-ghost-color:var(--color-text-on-light);--button-ghost-hover-bg:var(--color-primary);--button-ghost-hover-color:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-primary);--button-ghost-active-color:var(--color-text-on-dark);--button-primary-border-radius:var(--button-border-radius);--button-primary-border-width:var(--button-border-width);--button-primary-font-weight:var(--button-font-weight);--button-primary-disabled-bg:var(--button-disabled-border);--button-primary-disabled-border:var(--button-disabled-border);--button-primary-focus-ring-width:var(--button-focus-ring-width);--button-outline-border-radius:var(--button-border-radius);--button-outline-border-width:var(--button-border-width);--button-outline-font-weight:var(--button-font-weight);--button-outline-focus-ring-width:var(--button-focus-ring-width);--button-text-border-radius:var(--button-border-radius);--button-text-font-weight:var(--button-font-weight);--button-text-underline-width:var(--link-underline-width);--button-text-ink-color:var(--link-ink-color);--button-text-ink-underline-width:var(--link-ink-underline-width);--button-text-disabled-color:var(--button-disabled-color);--button-text-focus-ring-width:var(--button-focus-ring-width);--button-text-focus-ring-offset:var(--link-focus-ring-offset);--button-text-focus-ring-color:var(--link-focus-ring-color);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-active-color:var(--link-hover-color);--button-ghost-border-radius:var(--button-border-radius);--button-ghost-font-weight:var(--button-font-weight);--button-ghost-disabled-color:var(--button-disabled-color);--button-ghost-focus-ring-width:var(--button-focus-ring-width)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--button-outline-hover-bg:var(--color-white);--button-outline-hover-border:var(--color-white);--button-outline-active-bg:var(--color-white);--button-outline-active-border:var(--color-white);--button-outline-focus-ring-color:var(--color-white);--button-text-underline-width:var(--link-underline-width);--button-primary-focus-ring-color:var(--color-text-on-dark);--button-destructive-color:var(--color-destructive-text-on-dark);--button-destructive-border:var(--color-destructive-text-on-dark);--button-destructive-hover-bg:var(--color-destructive-fill);--button-destructive-hover-color:var(--color-destructive-fill-text);--button-destructive-hover-border:var(--color-destructive-fill);--button-destructive-active-bg:var(--color-destructive-fill);--button-destructive-active-color:var(--color-destructive-fill-text);--button-destructive-active-border:var(--color-destructive-fill);--button-destructive-focus-ring-color:var(--color-destructive-text-on-dark);--button-outline-color:var(--color-text-on-dark);--button-outline-border:var(--color-text-on-dark);--button-outline-hover-color:var(--color-text-on-light);--button-outline-active-color:var(--color-text-on-light);--button-text-disabled-color:var(--color-text-muted-on-dark);--button-ghost-color:var(--color-text-on-dark);--button-ghost-hover-color:var(--color-primary);--button-ghost-active-color:var(--color-primary);--button-ghost-focus-ring-color:var(--color-text-on-dark);--button-ghost-hover-bg:var(--color-text-on-dark);--button-ghost-active-bg:var(--color-text-on-dark);--button-ghost-disabled-color:var(--color-text-muted-on-dark);--button-text-hover-underline-width:var(--link-hover-underline-width);--button-text-color:var(--link-color);--button-text-hover-color:var(--link-hover-color);--button-text-ink-color:var(--link-ink-color);--button-text-active-color:var(--link-hover-color);--button-text-focus-ring-color:var(--link-focus-ring-color)}:root{--alert-padding-block:var(--spacing-4);--alert-padding-inline:var(--spacing-5);--alert-gap:var(--spacing-3);--alert-content-gap:var(--spacing-2);--alert-actions-margin-block-start:var(--spacing-3);--alert-title-line-height:var(--line-height-snug);--alert-close-size:var(--size-component-sm);--alert-close-inset:var(--spacing-2);--alert-border-radius:var(--border-radius-default);--alert-border-width:var(--border-width-default);--alert-actions-gap:var(--form-actions-gap);--alert-bg:var(--color-primary);--alert-border-color:var(--color-text-on-dark);--alert-title-font-size:var(--text-font-size);--alert-title-font-weight:var(--font-weight-emphasis);--alert-title-color:var(--color-text-on-dark);--alert-description-font-size:var(--text-font-size);--alert-description-line-height:var(--text-line-height);--alert-description-color:var(--color-text-on-dark);--alert-success-bg:var(--color-success-fill);--alert-success-border-color:var(--color-success-fill);--alert-success-title-color:var(--color-success-fill-text);--alert-success-description-color:var(--color-success-fill-text);--alert-error-bg:var(--color-error-fill);--alert-error-border-color:var(--color-error-fill);--alert-error-title-color:var(--color-error-fill-text);--alert-error-description-color:var(--color-error-fill-text);--alert-warning-bg:var(--color-warning-fill);--alert-warning-border-color:var(--color-warning-fill);--alert-warning-title-color:var(--color-warning-fill-text);--alert-warning-description-color:var(--color-warning-fill-text);--alert-warning-close-color:var(--color-warning-fill-text)}.surface-dark,.surface-invert,[data-theme=dark],html.dark{--alert-bg:var(--color-text-on-dark);--alert-border-color:var(--color-text-on-dark);--alert-title-color:var(--color-primary);--alert-description-color:var(--color-primary)}:root{--toast-max-width:360px;--toast-stack-scale:.05;--toast-enter-scale:.97;--toast-z-index:var(--z-index-toast);--toast-inset-block:var(--spacing-5);--toast-inset-inline:var(--spacing-5);--toast-gap:var(--spacing-2);--toast-stack-offset:var(--spacing-3);--toast-duration-in:var(--motion-duration-base);--toast-duration-out:var(--motion-duration-base);--toast-easing:var(--motion-easing-out)}.alert{background-color:var(--alert-bg);border:var(--alert-border-width) solid var(--alert-border-color);border-radius:var(--alert-border-radius);padding-block:var(--alert-padding-block);padding-inline:var(--alert-padding-inline);align-items:flex-start;gap:var(--alert-gap);box-sizing:border-box;--alert-title-ink:var(--alert-title-color);--alert-description-ink:var(--alert-description-color);display:flex;position:relative}.alert.alert--dismissible{padding-inline-end:calc(var(--alert-close-inset) * 2 + var(--alert-close-size))}.alert__content{flex:1;min-inline-size:0}.alert__title{font-size:var(--alert-title-font-size);font-weight:var(--alert-title-font-weight);color:var(--alert-title-ink);line-height:var(--alert-title-line-height);margin:0}.alert__description{font-size:var(--alert-description-font-size);color:var(--alert-description-ink);line-height:var(--alert-description-line-height);margin:0;align-items:start;gap:var(--alert-content-gap);flex-direction:column;margin-block-start:var(--alert-content-gap);display:flex}.alert__actions{align-items:stretch;gap:var(--alert-actions-gap);flex-direction:column;margin-block-start:var(--alert-actions-margin-block-start);display:flex}.alert__actions>*{inline-size:100%}@media (width>=768px){.alert__actions{flex-flow:wrap;align-items:center}.alert__actions>*{inline-size:auto}}.alert .link,.alert a:not(.button){color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-underline-width)) 0 0 currentColor}.alert .link:hover,.alert a:not(.button):hover{color:var(--alert-description-ink);box-shadow:inset 0 calc(-1 * var(--link-ink-hover-underline-width)) 0 0 currentColor}.alert .link:focus-visible,.alert a:not(.button):focus-visible{outline-color:var(--alert-description-ink)}.alert .alert__close{--close-button-size:var(--alert-close-size);position:absolute;inset-block-start:var(--alert-close-inset);inset-inline-end:var(--alert-close-inset)}.alert.alert--success{--alert-bg:var(--alert-success-bg);--alert-border-color:var(--alert-success-border-color);--alert-title-color:var(--alert-success-title-color);--alert-description-color:var(--alert-success-description-color)}.alert.alert--error{--alert-bg:var(--alert-error-bg);--alert-border-color:var(--alert-error-border-color);--alert-title-color:var(--alert-error-title-color);--alert-description-color:var(--alert-error-description-color)}.alert.alert--warning{--alert-bg:var(--alert-warning-bg);--alert-border-color:var(--alert-warning-border-color);--alert-title-color:var(--alert-warning-title-color);--alert-description-color:var(--alert-warning-description-color);--close-button-color:var(--alert-warning-close-color);--close-button-focus-ring-color:var(--alert-warning-close-color)}.toaster{--toast-stack-direction:-1;z-index:var(--toast-z-index);inline-size:min(var(--toast-max-width), calc(100vw - var(--toast-inset-inline) * 2));outline:none;position:fixed;inset-block-end:var(--toast-inset-block);inset-inline-end:var(--toast-inset-inline)}.toaster.toaster--top{--toast-stack-direction:1;inset-block-start:var(--toast-inset-block);inset-block-end:auto}.toaster.toaster--left{inset-inline-start:var(--toast-inset-inline);inset-inline-end:auto}.toaster.toaster--center{inset-inline:50% auto;translate:-50%}.toast{transform-origin:bottom;cursor:default;z-index:calc(var(--toast-z-index) - var(--toast-index));transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * var(--toast-index) * var(--toast-stack-offset))) scale(max(0, 1 - var(--toast-index) * var(--toast-stack-scale)));transition:transform var(--toast-duration-in) var(--toast-easing), opacity var(--toast-duration-in) var(--toast-easing);position:absolute;inset-block-end:0;inset-inline:0}.toaster.toaster--top .toast{transform-origin:top;inset-block:0 auto}.toast[data-expanded],.toaster--expanded .toast{transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) + var(--toast-stack-direction) * (var(--toast-offset-y) + var(--toast-index) * var(--toast-gap))))}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translateY(calc(var(--toast-stack-direction) * -100%)) scale(var(--toast-enter-scale))}.toast[data-ending-style]{transition-duration:var(--toast-duration-out)}.toast[data-swiping]{transition:none}.toast[data-limited]{opacity:0}.toast .toast__action{margin-block-start:var(--alert-content-gap);margin-inline-start:calc(var(--button-sm-padding-inline) * -1)}
package/dist/toggle.css CHANGED
@@ -1 +1 @@
1
- .toggle{justify-content:center;align-items:center;gap:var(--toggle-gap);height:var(--toggle-height);padding-block:0;padding-inline:var(--toggle-padding-inline);border-width:var(--toggle-border-width);border-style:var(--toggle-border-style);border-radius:var(--toggle-border-radius);border-color:var(--toggle-border-color);background-color:var(--toggle-bg);color:var(--toggle-color);font-family:var(--toggle-font-family);font-size:var(--toggle-font-size);font-weight:var(--toggle-font-weight);line-height:var(--toggle-line-height);cursor:var(--toggle-cursor);transition:color var(--toggle-transition-duration) var(--toggle-transition-easing), border-color var(--toggle-transition-duration) var(--toggle-transition-easing), background-color var(--toggle-transition-duration) var(--toggle-transition-easing);display:inline-flex}.toggle:hover:not([data-pressed]):not([data-disabled]){border-color:var(--toggle-hover-border-color)}.toggle[data-pressed]{background-color:var(--toggle-pressed-bg);border-color:var(--toggle-pressed-border-color);color:var(--toggle-pressed-color)}.toggle:focus-visible{outline:var(--toggle-focus-ring-width) solid var(--toggle-focus-ring-color);outline-offset:var(--toggle-focus-ring-offset)}.toggle[data-disabled]{opacity:var(--toggle-disabled-opacity);cursor:var(--toggle-disabled-cursor)}.toggle.toggle--icon-only{inline-size:var(--toggle-height);padding-inline:0}.toggle.toggle--sm{--toggle-height:var(--toggle-sm-height);--toggle-padding-inline:var(--toggle-sm-padding-inline);--toggle-font-size:var(--toggle-sm-font-size)}.toggle.toggle--lg{--toggle-height:var(--toggle-lg-height);--toggle-padding-inline:var(--toggle-lg-padding-inline);--toggle-font-size:var(--toggle-lg-font-size)}
1
+ .toggle{justify-content:center;align-items:center;gap:var(--toggle-gap);block-size:var(--toggle-height);padding-block:0;padding-inline:var(--toggle-padding-inline);border-width:var(--toggle-border-width);border-style:var(--toggle-border-style);border-radius:var(--toggle-border-radius);border-color:var(--toggle-border-color);background-color:var(--toggle-bg);color:var(--toggle-color);font-family:var(--toggle-font-family);font-size:var(--toggle-font-size);font-weight:var(--toggle-font-weight);line-height:var(--toggle-line-height);cursor:var(--toggle-cursor);transition:color var(--toggle-transition-duration) var(--toggle-transition-easing), border-color var(--toggle-transition-duration) var(--toggle-transition-easing), background-color var(--toggle-transition-duration) var(--toggle-transition-easing);display:inline-flex}.toggle:hover:not([data-pressed]):not([data-disabled]){border-color:var(--toggle-hover-border-color)}.toggle[data-pressed]{background-color:var(--toggle-pressed-bg);border-color:var(--toggle-pressed-border-color);color:var(--toggle-pressed-color)}.toggle:focus-visible{outline:var(--toggle-focus-ring-width) solid var(--toggle-focus-ring-color);outline-offset:var(--toggle-focus-ring-offset)}.toggle[data-disabled]{opacity:var(--toggle-disabled-opacity);cursor:var(--toggle-disabled-cursor)}.toggle.toggle--icon-only{inline-size:var(--toggle-height);padding-inline:0}.toggle.toggle--sm{--toggle-height:var(--toggle-sm-height);--toggle-padding-inline:var(--toggle-sm-padding-inline);--toggle-font-size:var(--toggle-sm-font-size)}.toggle.toggle--lg{--toggle-height:var(--toggle-lg-height);--toggle-padding-inline:var(--toggle-lg-padding-inline);--toggle-font-size:var(--toggle-lg-font-size)}