@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
@@ -230,6 +230,10 @@
230
230
  "--async-multi-select-border-style": "solid",
231
231
  "--async-multi-select-border-width": "1px",
232
232
  "--async-multi-select-disabled-cursor": "not-allowed",
233
+ "--async-multi-select-disabled-opacity": "0.5",
234
+ "--async-multi-select-pill-remove-opacity": "0.7",
235
+ "--async-multi-select-pill-remove-hover-opacity": "1",
236
+ "--async-multi-select-input-min-inline-size": "4rem",
233
237
  "--async-multi-select-color": "#111e30",
234
238
  "--async-multi-select-content-bg": "#ffffff",
235
239
  "--async-multi-select-content-border-color": "#111e30",
@@ -279,6 +283,9 @@
279
283
  "--async-select-border-style": "solid",
280
284
  "--async-select-border-width": "1px",
281
285
  "--async-select-disabled-cursor": "not-allowed",
286
+ "--async-select-disabled-opacity": "0.5",
287
+ "--async-select-clear-opacity": "0.7",
288
+ "--async-select-clear-hover-opacity": "1",
282
289
  "--async-select-color": "#111e30",
283
290
  "--async-select-content-bg": "#ffffff",
284
291
  "--async-select-content-border-color": "#111e30",
@@ -320,6 +327,7 @@
320
327
  "--autocomplete-border-style": "solid",
321
328
  "--autocomplete-border-width": "1px",
322
329
  "--autocomplete-disabled-cursor": "not-allowed",
330
+ "--autocomplete-disabled-opacity": "0.5",
323
331
  "--autocomplete-color": "#111e30",
324
332
  "--autocomplete-content-bg": "#ffffff",
325
333
  "--autocomplete-content-border-color": "#111e30",
@@ -377,8 +385,6 @@
377
385
  "--breadcrumb-separator-color": "#111e30",
378
386
  "--breadcrumb-link-color": "#111e30",
379
387
  "--breadcrumb-link-color-hover": "#111e30",
380
- "--breadcrumb-link-text-decoration": "none",
381
- "--breadcrumb-link-text-decoration-hover": "none",
382
388
  "--breadcrumb-current-color": "#111e30",
383
389
  "--breadcrumb-current-font-weight": "500",
384
390
  "--breadcrumb-focus-ring-color": "#111e30",
@@ -387,7 +393,6 @@
387
393
  "--button-border-radius": "0px",
388
394
  "--button-border-width": "1px",
389
395
  "--button-border-style": "solid",
390
- "--button-border-color": "rgba(0, 0, 0, 0)",
391
396
  "--button-justify-content": "center",
392
397
  "--button-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
393
398
  "--button-font-size": "1rem",
@@ -399,7 +404,6 @@
399
404
  "--button-transition-duration": "150ms",
400
405
  "--button-transition-easing": "ease",
401
406
  "--button-disabled-cursor": "not-allowed",
402
- "--button-disabled-bg": "#f2f2f2",
403
407
  "--button-disabled-color": "#4a4a4a",
404
408
  "--button-disabled-border": "#4a4a4a",
405
409
  "--button-height": "2.5rem",
@@ -447,28 +451,7 @@
447
451
  "--button-primary-active-bg": "#ffcd00",
448
452
  "--button-primary-active-color": "#111e30",
449
453
  "--button-primary-active-border": "#ffcd00",
450
- "--button-destructive-border-radius": "0px",
451
- "--button-destructive-border-width": "1px",
452
- "--button-destructive-border-style": "solid",
453
- "--button-destructive-justify-content": "center",
454
- "--button-destructive-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
455
- "--button-destructive-font-size": "1rem",
456
- "--button-destructive-font-weight": "300",
457
- "--button-destructive-line-height": "1",
458
- "--button-destructive-cursor": "pointer",
459
- "--button-destructive-white-space": "nowrap",
460
- "--button-destructive-text-decoration": "none",
461
- "--button-destructive-transition-duration": "150ms",
462
- "--button-destructive-transition-easing": "ease",
463
- "--button-destructive-disabled-cursor": "not-allowed",
464
- "--button-destructive-disabled-color": "#4a4a4a",
465
- "--button-destructive-disabled-border": "#4a4a4a",
466
- "--button-destructive-padding-inline": "2rem",
467
- "--button-destructive-focus-ring-width": "2px",
468
- "--button-destructive-focus-ring-style": "solid",
469
- "--button-destructive-focus-ring-offset": "0.25rem",
470
454
  "--button-destructive-focus-ring-color": "#b30000",
471
- "--button-destructive-bg": "#ffffff",
472
455
  "--button-destructive-color": "#b30000",
473
456
  "--button-destructive-border": "#b30000",
474
457
  "--button-destructive-hover-bg": "#b30000",
@@ -722,10 +705,6 @@
722
705
  "--control-font-size": "1rem",
723
706
  "--control-font-weight": "300",
724
707
  "--control-line-height": "1",
725
- "--control-cursor": "text",
726
- "--control-disabled-cursor": "not-allowed",
727
- "--control-transition-duration": "150ms",
728
- "--control-transition-easing": "ease",
729
708
  "--control-focus-ring-width": "2px",
730
709
  "--control-focus-ring-inset-offset": "1px",
731
710
  "--control-padding-inline": "1rem",
@@ -845,9 +824,7 @@
845
824
  "--figure-ratio-16-9": "16 / 9",
846
825
  "--figure-ratio-21-9": "21 / 9",
847
826
  "--file-upload-border-color": "#111e30",
848
- "--file-upload-border-style": "dashed",
849
827
  "--file-upload-border-width": "1px",
850
- "--file-upload-border-radius": "0px",
851
828
  "--file-upload-bg": "#f2f2f2",
852
829
  "--file-upload-padding-inline": "1.5rem",
853
830
  "--file-upload-gap": "0.25rem",
@@ -857,10 +834,8 @@
857
834
  "--file-upload-transition-duration": "150ms",
858
835
  "--file-upload-transition-easing": "ease",
859
836
  "--file-upload-drag-border-color": "#111e30",
860
- "--file-upload-drag-border-style": "solid",
861
837
  "--file-upload-drag-bg": "#ffffff",
862
838
  "--file-upload-error-border-color": "#b30000",
863
- "--file-upload-error-border-style": "solid",
864
839
  "--file-upload-error-bg": "#f2f2f2",
865
840
  "--file-upload-disabled-opacity": "0.5",
866
841
  "--file-upload-disabled-cursor": "not-allowed",
@@ -1221,6 +1196,7 @@
1221
1196
  "--modal-title-line-height": "1.1",
1222
1197
  "--modal-title-color": "#111e30",
1223
1198
  "--modal-width-max": "560px",
1199
+ "--modal-inline-size": "90vw",
1224
1200
  "--modal-max-height": "90dvh",
1225
1201
  "--modal-transition-duration": "250ms",
1226
1202
  "--modal-transition-easing": "ease-in-out",
@@ -1584,13 +1560,11 @@
1584
1560
  "--sidebar-nav-item-font-weight": "300",
1585
1561
  "--sidebar-nav-item-line-height": "1.3",
1586
1562
  "--sidebar-nav-item-color": "#111e30",
1587
- "--sidebar-nav-item-active-color": "#111e30",
1588
1563
  "--sidebar-nav-item-active-font-weight": "500",
1589
1564
  "--sidebar-nav-focus-ring-color": "#111e30",
1590
1565
  "--sidebar-nav-focus-ring-width": "2px",
1591
1566
  "--sidebar-nav-item-gap": "0.25rem",
1592
1567
  "--sidebar-nav-rail-item-size": "2.5rem",
1593
- "--sidebar-nav-rail-active-bar-width": "2px",
1594
1568
  "--sidebar-nav-item-icon-size": "2rem",
1595
1569
  "--sidebar-nav-item-icon-gap": "0.5rem",
1596
1570
  "--sidebar-nav-transition-duration": "150ms",
@@ -1601,8 +1575,6 @@
1601
1575
  "--sidebar-nav-item-empty-cursor": "not-allowed",
1602
1576
  "--sidebar-nav-item-empty-mark-font-size": "0.875rem",
1603
1577
  "--sidebar-nav-item-empty-mark-color": "#4a4a4a",
1604
- "--sidebar-nav-item-hover-line-width": "1px",
1605
- "--sidebar-nav-item-hover-line-color": "#111e30",
1606
1578
  "--sidebar-width": "15rem",
1607
1579
  "--sidebar-min-width": "12rem",
1608
1580
  "--sidebar-max-width": "24rem",
@@ -1661,7 +1633,6 @@
1661
1633
  "--site-header-panel-transition-duration": "400ms",
1662
1634
  "--site-header-panel-transition-easing": "ease-in-out",
1663
1635
  "--site-header-panel-gap": "3rem",
1664
- "--site-header-settings-margin-block-start": "3rem",
1665
1636
  "--site-header-settings-gap": "1.5rem",
1666
1637
  "--site-shell-text-font-size": "1.25rem",
1667
1638
  "--site-shell-text-line-height": "1.5",
@@ -1824,6 +1795,7 @@
1824
1795
  "--table-header-padding-inline": "0.75rem",
1825
1796
  "--table-header-font-weight": "500",
1826
1797
  "--table-header-border-width": "1px",
1798
+ "--table-actions-inline-size": "1px",
1827
1799
  "--table-header-content-gap": "0.5rem",
1828
1800
  "--table-header-border-color": "#111e30",
1829
1801
  "--table-sort-icon-color": "#4a4a4a",
@@ -2175,33 +2147,18 @@
2175
2147
  "--assistant-message-timestamp-color": "#4a4a4a",
2176
2148
  "--assistant-message-timestamp-padding-inline": "0.25rem",
2177
2149
  "--async-multi-select-field-gap": "0.5rem",
2178
- "--async-multi-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2179
- "--async-multi-select-field-error-font-size": "0.875rem",
2180
- "--async-multi-select-field-error-font-weight": "300",
2181
- "--async-multi-select-field-error-line-height": "1.5",
2182
- "--async-multi-select-field-error-color": "#b30000",
2183
2150
  "--async-multi-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2184
2151
  "--async-multi-select-field-helper-font-size": "0.875rem",
2185
2152
  "--async-multi-select-field-helper-font-weight": "300",
2186
2153
  "--async-multi-select-field-helper-line-height": "1.5",
2187
2154
  "--async-multi-select-field-helper-color": "#111e30",
2188
2155
  "--async-select-field-gap": "0.5rem",
2189
- "--async-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2190
- "--async-select-field-error-font-size": "0.875rem",
2191
- "--async-select-field-error-font-weight": "300",
2192
- "--async-select-field-error-line-height": "1.5",
2193
- "--async-select-field-error-color": "#b30000",
2194
2156
  "--async-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2195
2157
  "--async-select-field-helper-font-size": "0.875rem",
2196
2158
  "--async-select-field-helper-font-weight": "300",
2197
2159
  "--async-select-field-helper-line-height": "1.5",
2198
2160
  "--async-select-field-helper-color": "#111e30",
2199
2161
  "--autocomplete-field-gap": "0.5rem",
2200
- "--autocomplete-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2201
- "--autocomplete-field-error-font-size": "0.875rem",
2202
- "--autocomplete-field-error-font-weight": "300",
2203
- "--autocomplete-field-error-line-height": "1.5",
2204
- "--autocomplete-field-error-color": "#b30000",
2205
2162
  "--autocomplete-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2206
2163
  "--autocomplete-field-helper-font-size": "0.875rem",
2207
2164
  "--autocomplete-field-helper-font-weight": "300",
@@ -2222,11 +2179,6 @@
2222
2179
  "--avatar-upload-hint-font-weight": "300",
2223
2180
  "--avatar-upload-hint-line-height": "1.5",
2224
2181
  "--avatar-upload-hint-color": "#111e30",
2225
- "--avatar-upload-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2226
- "--avatar-upload-error-font-size": "0.875rem",
2227
- "--avatar-upload-error-font-weight": "300",
2228
- "--avatar-upload-error-line-height": "1.5",
2229
- "--avatar-upload-error-color": "#b30000",
2230
2182
  "--banner-padding-block": "0.75rem",
2231
2183
  "--banner-padding-inline": "1.5rem",
2232
2184
  "--banner-gap": "1rem",
@@ -2307,6 +2259,7 @@
2307
2259
  "--calendar-roster-th-name-padding-inline": "0.75rem",
2308
2260
  "--calendar-roster-th-day-width": "2.5rem",
2309
2261
  "--calendar-roster-th-day-font-size": "0.875rem",
2262
+ "--calendar-roster-th-day-line-height": "1.2",
2310
2263
  "--calendar-roster-th-day-sub-font-size": "0.75rem",
2311
2264
  "--calendar-roster-th-day-color": "#111e30",
2312
2265
  "--calendar-roster-th-day-padding-block": "0.5rem",
@@ -2328,6 +2281,9 @@
2328
2281
  "--calendar-roster-cell-holiday-bg": "#f2f2f2",
2329
2282
  "--calendar-roster-cell-non-working-bg": "#f2f2f2",
2330
2283
  "--calendar-roster-cell-today-outline-width": "2px",
2284
+ "--calendar-roster-focus-ring-color": "#111e30",
2285
+ "--calendar-roster-focus-ring-width": "2px",
2286
+ "--calendar-roster-focus-ring-offset": "1px",
2331
2287
  "--calendar-roster-schedule-font-size": "0.75rem",
2332
2288
  "--calendar-roster-schedule-color": "#111e30",
2333
2289
  "--calendar-roster-legend-item-gap": "0.25rem",
@@ -2430,11 +2386,6 @@
2430
2386
  "--checkbox-field-label-line-height": "1.5",
2431
2387
  "--checkbox-field-label-color": "#111e30",
2432
2388
  "--checkbox-field-label-letter-spacing": "0em",
2433
- "--checkbox-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2434
- "--checkbox-field-error-font-size": "0.875rem",
2435
- "--checkbox-field-error-font-weight": "300",
2436
- "--checkbox-field-error-line-height": "1.5",
2437
- "--checkbox-field-error-color": "#b30000",
2438
2389
  "--checkbox-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2439
2390
  "--checkbox-field-helper-font-size": "0.875rem",
2440
2391
  "--checkbox-field-helper-font-weight": "300",
@@ -2552,6 +2503,7 @@
2552
2503
  "--consent-banner-padding-inline": "1rem",
2553
2504
  "--consent-banner-gap": "0.75rem",
2554
2505
  "--consent-banner-text-gap": "0.25rem",
2506
+ "--consent-banner-text-flex-basis": "20rem",
2555
2507
  "--consent-banner-actions-gap": "0.5rem",
2556
2508
  "--consent-banner-max-inline-size": "1280px",
2557
2509
  "--consent-banner-z-index": "100",
@@ -2580,13 +2532,11 @@
2580
2532
  "--conversation-list-transition-duration": "150ms",
2581
2533
  "--conversation-list-transition-easing": "ease",
2582
2534
  "--conversation-thread-gap": "1rem",
2535
+ "--conversation-thread-focus-ring-color": "#111e30",
2536
+ "--conversation-thread-focus-ring-width": "2px",
2537
+ "--conversation-thread-focus-ring-offset": "1px",
2583
2538
  "--copy-button-gap": "0.5rem",
2584
2539
  "--date-picker-field-gap": "0.5rem",
2585
- "--date-picker-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2586
- "--date-picker-field-error-font-size": "0.875rem",
2587
- "--date-picker-field-error-font-weight": "300",
2588
- "--date-picker-field-error-line-height": "1.5",
2589
- "--date-picker-field-error-color": "#b30000",
2590
2540
  "--date-picker-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2591
2541
  "--date-picker-field-helper-font-size": "0.875rem",
2592
2542
  "--date-picker-field-helper-font-weight": "300",
@@ -2617,11 +2567,6 @@
2617
2567
  "--date-picker-message-color": "#b30000",
2618
2568
  "--date-time-field-gap": "0.5rem",
2619
2569
  "--date-time-field-controls-gap": "0.5rem",
2620
- "--date-time-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2621
- "--date-time-field-error-font-size": "0.875rem",
2622
- "--date-time-field-error-font-weight": "300",
2623
- "--date-time-field-error-line-height": "1.5",
2624
- "--date-time-field-error-color": "#b30000",
2625
2570
  "--date-time-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2626
2571
  "--date-time-field-helper-font-size": "0.875rem",
2627
2572
  "--date-time-field-helper-font-weight": "300",
@@ -2679,11 +2624,6 @@
2679
2624
  "--dropdown-field-focus-ring-width": "2px",
2680
2625
  "--dropdown-field-focus-ring-color": "#111e30",
2681
2626
  "--dropdown-field-error-border-color": "#b30000",
2682
- "--dropdown-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2683
- "--dropdown-field-error-font-size": "0.875rem",
2684
- "--dropdown-field-error-font-weight": "300",
2685
- "--dropdown-field-error-line-height": "1.5",
2686
- "--dropdown-field-error-color": "#b30000",
2687
2627
  "--dropdown-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2688
2628
  "--dropdown-field-helper-font-size": "0.875rem",
2689
2629
  "--dropdown-field-helper-font-weight": "300",
@@ -2708,11 +2648,6 @@
2708
2648
  "--field-row-empty-line-height": "1.5",
2709
2649
  "--field-row-empty-color": "#4a4a4a",
2710
2650
  "--file-upload-field-gap": "0.5rem",
2711
- "--file-upload-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2712
- "--file-upload-field-error-font-size": "0.875rem",
2713
- "--file-upload-field-error-font-weight": "300",
2714
- "--file-upload-field-error-line-height": "1.5",
2715
- "--file-upload-field-error-color": "#b30000",
2716
2651
  "--file-upload-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2717
2652
  "--file-upload-field-helper-font-size": "0.875rem",
2718
2653
  "--file-upload-field-helper-font-weight": "300",
@@ -2724,6 +2659,18 @@
2724
2659
  "--filter-bar-actions-gap": "0.75rem",
2725
2660
  "--filter-bar-label-offset": "calc(0.875rem * 1.5 + 0.5rem)",
2726
2661
  "--filter-bar-control-block-size": "2.5rem",
2662
+ "--floating-toolbar-gap": "0.25rem",
2663
+ "--floating-toolbar-offset": "0.5rem",
2664
+ "--floating-toolbar-padding-block": "0.25rem",
2665
+ "--floating-toolbar-padding-inline": "0.25rem",
2666
+ "--floating-toolbar-button-size": "2rem",
2667
+ "--floating-toolbar-bg": "#ffffff",
2668
+ "--floating-toolbar-border-width": "1px",
2669
+ "--floating-toolbar-border-color": "#111e30",
2670
+ "--floating-toolbar-border-radius": "0px",
2671
+ "--floating-toolbar-shadow": "none",
2672
+ "--floating-toolbar-transition-duration": "150ms",
2673
+ "--floating-toolbar-transition-easing": "ease",
2727
2674
  "--form-field-gap": "0.25rem",
2728
2675
  "--heatmap-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2729
2676
  "--heatmap-radius": "0px",
@@ -2791,7 +2738,6 @@
2791
2738
  "--input-field-search-clear-focus-ring-color": "#111e30",
2792
2739
  "--input-field-search-input-padding-inline-start": "2.5rem",
2793
2740
  "--input-field-search-input-padding-inline-end": "2.5rem",
2794
- "--input-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2795
2741
  "--input-field-error-font-size": "0.875rem",
2796
2742
  "--input-field-error-font-weight": "300",
2797
2743
  "--input-field-error-line-height": "1.5",
@@ -2802,11 +2748,6 @@
2802
2748
  "--input-field-helper-line-height": "1.5",
2803
2749
  "--input-field-helper-color": "#111e30",
2804
2750
  "--input-phone-field-gap": "0.5rem",
2805
- "--input-phone-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2806
- "--input-phone-field-error-font-size": "0.875rem",
2807
- "--input-phone-field-error-font-weight": "300",
2808
- "--input-phone-field-error-line-height": "1.5",
2809
- "--input-phone-field-error-color": "#b30000",
2810
2751
  "--input-phone-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2811
2752
  "--input-phone-field-helper-font-size": "0.875rem",
2812
2753
  "--input-phone-field-helper-font-weight": "300",
@@ -2837,11 +2778,6 @@
2837
2778
  "--message-composer-helper-font-size": "0.875rem",
2838
2779
  "--message-composer-helper-color": "#4a4a4a",
2839
2780
  "--multi-select-field-gap": "0.5rem",
2840
- "--multi-select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2841
- "--multi-select-field-error-font-size": "0.875rem",
2842
- "--multi-select-field-error-font-weight": "300",
2843
- "--multi-select-field-error-line-height": "1.5",
2844
- "--multi-select-field-error-color": "#b30000",
2845
2781
  "--multi-select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2846
2782
  "--multi-select-field-helper-font-size": "0.875rem",
2847
2783
  "--multi-select-field-helper-font-weight": "300",
@@ -2896,22 +2832,12 @@
2896
2832
  "--notification-panel-focus-ring-width": "2px",
2897
2833
  "--notification-panel-focus-ring-color": "#111e30",
2898
2834
  "--number-input-field-gap": "0.5rem",
2899
- "--number-input-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2900
- "--number-input-field-error-font-size": "0.875rem",
2901
- "--number-input-field-error-font-weight": "300",
2902
- "--number-input-field-error-line-height": "1.5",
2903
- "--number-input-field-error-color": "#b30000",
2904
2835
  "--number-input-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2905
2836
  "--number-input-field-helper-font-size": "0.875rem",
2906
2837
  "--number-input-field-helper-font-weight": "300",
2907
2838
  "--number-input-field-helper-line-height": "1.5",
2908
2839
  "--number-input-field-helper-color": "#111e30",
2909
2840
  "--otp-field-gap": "0.5rem",
2910
- "--otp-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2911
- "--otp-field-error-font-size": "0.875rem",
2912
- "--otp-field-error-font-weight": "300",
2913
- "--otp-field-error-line-height": "1.5",
2914
- "--otp-field-error-color": "#b30000",
2915
2841
  "--otp-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
2916
2842
  "--otp-field-helper-font-size": "0.875rem",
2917
2843
  "--otp-field-helper-font-weight": "300",
@@ -3012,11 +2938,6 @@
3012
2938
  "--radio-field-label-line-height": "1.5",
3013
2939
  "--radio-field-label-color": "#111e30",
3014
2940
  "--radio-field-label-letter-spacing": "0em",
3015
- "--radio-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3016
- "--radio-field-error-font-size": "0.875rem",
3017
- "--radio-field-error-font-weight": "300",
3018
- "--radio-field-error-line-height": "1.5",
3019
- "--radio-field-error-color": "#b30000",
3020
2941
  "--radio-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3021
2942
  "--radio-field-helper-font-size": "0.875rem",
3022
2943
  "--radio-field-helper-font-weight": "300",
@@ -3034,6 +2955,7 @@
3034
2955
  "--recurrence-field-gap": "1rem",
3035
2956
  "--recurrence-field-row-gap": "0.75rem",
3036
2957
  "--recurrence-field-interval-width": "8rem",
2958
+ "--recurrence-field-end-flex-basis": "12rem",
3037
2959
  "--recurrence-field-weekdays-gap": "0.25rem",
3038
2960
  "--recurrence-field-legend-font-size": "0.875rem",
3039
2961
  "--recurrence-field-legend-color": "#111e30",
@@ -3058,11 +2980,6 @@
3058
2980
  "--search-form-submit-focus-ring-color": "#111e30",
3059
2981
  "--search-form-submit-input-padding-inline-end": "2.5rem",
3060
2982
  "--select-field-gap": "0.5rem",
3061
- "--select-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3062
- "--select-field-error-font-size": "0.875rem",
3063
- "--select-field-error-font-weight": "300",
3064
- "--select-field-error-line-height": "1.5",
3065
- "--select-field-error-color": "#b30000",
3066
2983
  "--select-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3067
2984
  "--select-field-helper-font-size": "0.875rem",
3068
2985
  "--select-field-helper-font-weight": "300",
@@ -3182,7 +3099,6 @@
3182
3099
  "--switcher-field-label-line-height": "1.5",
3183
3100
  "--switcher-field-label-color": "#111e30",
3184
3101
  "--switcher-field-label-letter-spacing": "0em",
3185
- "--switcher-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3186
3102
  "--switcher-field-error-font-size": "0.875rem",
3187
3103
  "--switcher-field-error-font-weight": "300",
3188
3104
  "--switcher-field-error-line-height": "1.5",
@@ -3217,11 +3133,6 @@
3217
3133
  "--table-of-contents-transition-duration": "150ms",
3218
3134
  "--table-of-contents-transition-easing": "ease",
3219
3135
  "--textarea-field-gap": "0.5rem",
3220
- "--textarea-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3221
- "--textarea-field-error-font-size": "0.875rem",
3222
- "--textarea-field-error-font-weight": "300",
3223
- "--textarea-field-error-line-height": "1.5",
3224
- "--textarea-field-error-color": "#b30000",
3225
3136
  "--textarea-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3226
3137
  "--textarea-field-helper-font-size": "0.875rem",
3227
3138
  "--textarea-field-helper-font-weight": "300",
@@ -3235,11 +3146,6 @@
3235
3146
  "--theme-switcher-focus-ring-offset": "2px",
3236
3147
  "--theme-switcher-focus-ring-color": "#111e30",
3237
3148
  "--time-field-gap": "0.5rem",
3238
- "--time-field-error-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3239
- "--time-field-error-font-size": "0.875rem",
3240
- "--time-field-error-font-weight": "300",
3241
- "--time-field-error-line-height": "1.5",
3242
- "--time-field-error-color": "#b30000",
3243
3149
  "--time-field-helper-font-family": "\"Google Sans Flex\", system-ui, sans-serif",
3244
3150
  "--time-field-helper-font-size": "0.875rem",
3245
3151
  "--time-field-helper-font-weight": "300",
@@ -3423,11 +3329,9 @@
3423
3329
  "--chart-tile-label-color-6": "#000000",
3424
3330
  "--chart-tile-label-color-7": "#ffffff",
3425
3331
  "--chart-tile-label-color-8": "#000000",
3426
- "--chart-tile-label-color-muted": "#ffffff",
3427
3332
  "--chart-padding-block": "0.5rem",
3428
3333
  "--chart-padding-inline": "0.5rem",
3429
3334
  "--chart-axis-gap": "0.5rem",
3430
- "--chart-height": "16rem",
3431
3335
  "--chart-block-gap": "0.75rem",
3432
3336
  "--chart-legend-gap": "0.5rem",
3433
3337
  "--chart-legend-swatch-size": "0.5rem",
@@ -3549,12 +3453,10 @@
3549
3453
  "--public-page-shell-preferences-gap": "0.75rem",
3550
3454
  "--site-search-inline-size": "100%",
3551
3455
  "--site-search-gap": "1.5rem",
3552
- "--site-search-block-gap": "0.75rem",
3553
3456
  "--site-search-status-font-size": "0.875rem",
3554
3457
  "--site-search-status-line-height": "1.5",
3555
3458
  "--site-search-status-color": "#4a4a4a",
3556
3459
  "--site-search-status-gap": "0.5rem",
3557
- "--site-search-status-query-font-weight": "500",
3558
3460
  "--site-search-results-gap": "2rem",
3559
3461
  "--site-search-result-gap": "0.5rem",
3560
3462
  "--site-search-result-title-font-size": "1.25rem",