@studiolxd/brand 49.28.0 → 51.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 (730) hide show
  1. package/LICENSE +61 -0
  2. package/README.md +26 -4
  3. package/dist/_shared/alert.js +98 -0
  4. package/dist/_shared/assign-ref.js +6 -0
  5. package/dist/_shared/asyncmultiselect.js +133 -0
  6. package/dist/_shared/asyncselect.js +122 -0
  7. package/dist/_shared/brandmessagescontext.js +27 -11
  8. package/dist/_shared/{calendargrid.js → calendar.js} +67 -57
  9. package/dist/_shared/closebutton.js +34 -0
  10. package/dist/_shared/colorpicker.js +141 -122
  11. package/dist/_shared/connectorrequestsummary.js +46 -0
  12. package/dist/_shared/{copy-to-clipboard.js → copy.js} +8 -1
  13. package/dist/_shared/datepicker.js +98 -83
  14. package/dist/_shared/default-render-link.js +12 -0
  15. package/dist/_shared/dialogsurface.js +1 -1
  16. package/dist/_shared/dotsbutton.js +31 -0
  17. package/dist/_shared/dropdownitems.js +14 -20
  18. package/dist/_shared/env.js +13 -2
  19. package/dist/_shared/field-optional.js +9 -0
  20. package/dist/_shared/fieldshell.js +85 -0
  21. package/dist/_shared/fileupload.js +237 -0
  22. package/dist/_shared/focusable-when-disabled.js +10 -0
  23. package/dist/_shared/imagecropdialog.js +65 -460
  24. package/dist/_shared/inputfield.js +92 -0
  25. package/dist/_shared/inputphone.js +91 -0
  26. package/dist/_shared/legalfooter.js +42 -0
  27. package/dist/_shared/logo.js +10 -9
  28. package/dist/_shared/menubutton.js +31 -0
  29. package/dist/_shared/modal.js +69 -0
  30. package/dist/_shared/multiselect.js +128 -0
  31. package/dist/_shared/notificationbutton.js +35 -0
  32. package/dist/_shared/numberinput.js +104 -0
  33. package/dist/_shared/otpinput.js +119 -0
  34. package/dist/_shared/overflow-focusable.js +15 -0
  35. package/dist/_shared/pagination.js +198 -0
  36. package/dist/_shared/prevnextnav.js +93 -0
  37. package/dist/_shared/progressbar.js +25 -23
  38. package/dist/_shared/publicpageshell.js +39 -0
  39. package/dist/_shared/requiredinput.js +23 -0
  40. package/dist/_shared/searchform.js +65 -0
  41. package/dist/_shared/select.js +163 -0
  42. package/dist/_shared/sheet.js +58 -0
  43. package/dist/_shared/side-offset.js +13 -0
  44. package/dist/_shared/slider.js +43 -0
  45. package/dist/_shared/spinner.js +5 -0
  46. package/dist/_shared/table.js +140 -0
  47. package/dist/_shared/timeselect.js +91 -0
  48. package/dist/_shared/tokens.js +147 -140
  49. package/dist/_shared/typingindicator.js +32 -0
  50. package/dist/_shared/untrustedtext.js +27 -23
  51. package/dist/_shared/useasyncoptions.js +30 -0
  52. package/dist/_types/atoms/Accordion/Accordion.d.ts +7 -1
  53. package/dist/_types/atoms/AsyncMultiSelect/AsyncMultiSelect.d.ts +14 -5
  54. package/dist/_types/atoms/AsyncSelect/AsyncSelect.d.ts +14 -5
  55. package/dist/_types/atoms/Autocomplete/Autocomplete.d.ts +16 -7
  56. package/dist/_types/atoms/Button/Button.d.ts +13 -0
  57. package/dist/_types/atoms/CloseButton/CloseButton.d.ts +22 -3
  58. package/dist/_types/atoms/DescriptionList/DescriptionList.d.ts +4 -4
  59. package/dist/_types/atoms/EmbedFrame/EmbedFrame.d.ts +13 -1
  60. package/dist/_types/atoms/Fieldset/Fieldset.d.ts +12 -6
  61. package/dist/_types/atoms/FileUpload/FileUpload.d.ts +7 -2
  62. package/dist/_types/atoms/Input/Input.d.ts +1 -1
  63. package/dist/_types/atoms/InputPhone/InputPhone.d.ts +7 -0
  64. package/dist/_types/atoms/Link/Link.d.ts +7 -3
  65. package/dist/_types/atoms/List/List.d.ts +4 -2
  66. package/dist/_types/atoms/Logo/Logo.d.ts +11 -5
  67. package/dist/_types/atoms/Logo/index.d.ts +1 -1
  68. package/dist/_types/atoms/MultiSelect/MultiSelect.d.ts +22 -11
  69. package/dist/_types/atoms/NumberBadge/NumberBadge.d.ts +14 -2
  70. package/dist/_types/atoms/NumberInput/NumberInput.d.ts +1 -1
  71. package/dist/_types/atoms/OtpInput/OtpInput.d.ts +2 -0
  72. package/dist/_types/atoms/Paragraph/Paragraph.d.ts +14 -2
  73. package/dist/_types/atoms/Popover/Popover.d.ts +5 -1
  74. package/dist/_types/atoms/ProgressBar/ProgressBar.d.ts +12 -4
  75. package/dist/_types/atoms/Select/Select.d.ts +6 -0
  76. package/dist/_types/atoms/Skeleton/Skeleton.d.ts +1 -1
  77. package/dist/_types/atoms/Sparkline/Sparkline.d.ts +2 -0
  78. package/dist/_types/atoms/Spinner/Spinner.d.ts +3 -1
  79. package/dist/_types/atoms/StepMarker/StepMarker.d.ts +9 -4
  80. package/dist/_types/atoms/Tag/Tag.d.ts +13 -2
  81. package/dist/_types/atoms/Text/Text.d.ts +11 -5
  82. package/dist/_types/atoms/TimeSelect/TimeSelect.d.ts +6 -1
  83. package/dist/_types/atoms/Toggle/Toggle.d.ts +9 -0
  84. package/dist/_types/atoms/Tooltip/Tooltip.d.ts +11 -13
  85. package/dist/_types/atoms/TypingIndicator/TypingIndicator.d.ts +3 -1
  86. package/dist/_types/atoms/_shared/useAsyncOptions.d.ts +36 -0
  87. package/dist/_types/constants/assign-ref.d.ts +12 -0
  88. package/dist/_types/constants/default-render-link.d.ts +20 -0
  89. package/dist/_types/constants/env.d.ts +9 -5
  90. package/dist/_types/constants/field-optional.d.ts +14 -0
  91. package/dist/_types/constants/focusable-when-disabled.d.ts +2 -0
  92. package/dist/_types/constants/overflow-focusable.d.ts +15 -0
  93. package/dist/_types/constants/side-offset.d.ts +18 -0
  94. package/dist/_types/email/EmailLayout.d.ts +38 -21
  95. package/dist/_types/messages/BrandMessages.d.ts +60 -15
  96. package/dist/_types/messages/BrandMessagesContext.d.ts +534 -12
  97. package/dist/_types/messages/BrandMessagesProvider.d.ts +33 -11
  98. package/dist/_types/messages/brandMessagesEs.d.ts +18 -0
  99. package/dist/_types/messages/es/alert.d.ts +3 -0
  100. package/dist/_types/messages/es/annotationThread.d.ts +3 -0
  101. package/dist/_types/messages/es/appHeader.d.ts +3 -0
  102. package/dist/_types/messages/es/appLauncher.d.ts +3 -0
  103. package/dist/_types/messages/es/appRoot.d.ts +3 -0
  104. package/dist/_types/messages/es/appShell.d.ts +3 -0
  105. package/dist/_types/messages/es/asyncMultiSelect.d.ts +3 -0
  106. package/dist/_types/messages/es/asyncSelect.d.ts +3 -0
  107. package/dist/_types/messages/es/avatarUpload.d.ts +3 -0
  108. package/dist/_types/messages/es/banner.d.ts +3 -0
  109. package/dist/_types/messages/es/breadcrumb.d.ts +3 -0
  110. package/dist/_types/messages/es/calendar.d.ts +3 -0
  111. package/dist/_types/messages/es/calendarPlanner.d.ts +3 -0
  112. package/dist/_types/messages/es/calendarRoster.d.ts +3 -0
  113. package/dist/_types/messages/es/carousel.d.ts +3 -0
  114. package/dist/_types/messages/es/chart.d.ts +3 -0
  115. package/dist/_types/messages/es/chatShell.d.ts +3 -0
  116. package/dist/_types/messages/es/clockWidget.d.ts +3 -0
  117. package/dist/_types/messages/es/closeButton.d.ts +3 -0
  118. package/dist/_types/messages/es/codeBlock.d.ts +3 -0
  119. package/dist/_types/messages/es/colorPicker.d.ts +3 -0
  120. package/dist/_types/messages/es/commandPalette.d.ts +3 -0
  121. package/dist/_types/messages/es/confirmDialog.d.ts +3 -0
  122. package/dist/_types/messages/es/connectorConsent.d.ts +3 -0
  123. package/dist/_types/messages/es/connectorExternalSignIn.d.ts +3 -0
  124. package/dist/_types/messages/es/connectorRejection.d.ts +3 -0
  125. package/dist/_types/messages/es/connectorRequestSummary.d.ts +3 -0
  126. package/dist/_types/messages/es/connectorSignIn.d.ts +3 -0
  127. package/dist/_types/messages/es/consent.d.ts +3 -0
  128. package/dist/_types/messages/es/conversationList.d.ts +3 -0
  129. package/dist/_types/messages/es/conversationThread.d.ts +3 -0
  130. package/dist/_types/messages/es/copy.d.ts +3 -0
  131. package/dist/_types/messages/es/dataTable.d.ts +3 -0
  132. package/dist/_types/messages/es/datePicker.d.ts +3 -0
  133. package/dist/_types/messages/es/docsSearch.d.ts +3 -0
  134. package/dist/_types/messages/es/dotsButton.d.ts +3 -0
  135. package/dist/_types/messages/es/field.d.ts +3 -0
  136. package/dist/_types/messages/es/fileUpload.d.ts +3 -0
  137. package/dist/_types/messages/es/filterBar.d.ts +3 -0
  138. package/dist/_types/messages/es/floatingDock.d.ts +3 -0
  139. package/dist/_types/messages/es/heatmap.d.ts +3 -0
  140. package/dist/_types/messages/es/imageCropDialog.d.ts +3 -0
  141. package/dist/_types/messages/es/inputField.d.ts +3 -0
  142. package/dist/_types/messages/es/inputPhone.d.ts +3 -0
  143. package/dist/_types/messages/es/languageSwitcher.d.ts +3 -0
  144. package/dist/_types/messages/es/legalFooter.d.ts +3 -0
  145. package/dist/_types/messages/es/menuButton.d.ts +3 -0
  146. package/dist/_types/messages/es/messageComposer.d.ts +3 -0
  147. package/dist/_types/messages/es/modal.d.ts +3 -0
  148. package/dist/_types/messages/es/multiSelect.d.ts +3 -0
  149. package/dist/_types/messages/es/notificationButton.d.ts +3 -0
  150. package/dist/_types/messages/es/notificationList.d.ts +3 -0
  151. package/dist/_types/messages/es/notificationPanel.d.ts +3 -0
  152. package/dist/_types/messages/es/numberInput.d.ts +3 -0
  153. package/dist/_types/messages/es/onboardingShell.d.ts +3 -0
  154. package/dist/_types/messages/es/orgChart.d.ts +3 -0
  155. package/dist/_types/messages/es/orgSwitcher.d.ts +3 -0
  156. package/dist/_types/messages/es/otpInput.d.ts +3 -0
  157. package/dist/_types/messages/es/pagination.d.ts +3 -0
  158. package/dist/_types/messages/es/passwordField.d.ts +3 -0
  159. package/dist/_types/messages/es/planningGrid.d.ts +3 -0
  160. package/dist/_types/messages/es/prevNextNav.d.ts +3 -0
  161. package/dist/_types/messages/es/progressBar.d.ts +3 -0
  162. package/dist/_types/messages/es/projectCard.d.ts +3 -0
  163. package/dist/_types/messages/es/publicPageShell.d.ts +3 -0
  164. package/dist/_types/messages/es/recurrenceField.d.ts +3 -0
  165. package/dist/_types/messages/es/searchForm.d.ts +3 -0
  166. package/dist/_types/messages/es/select.d.ts +3 -0
  167. package/dist/_types/messages/es/sheet.d.ts +3 -0
  168. package/dist/_types/messages/es/sidebar.d.ts +3 -0
  169. package/dist/_types/messages/es/sidebarNav.d.ts +3 -0
  170. package/dist/_types/messages/es/siteHeader.d.ts +3 -0
  171. package/dist/_types/messages/es/siteNav.d.ts +3 -0
  172. package/dist/_types/messages/es/siteSearch.d.ts +3 -0
  173. package/dist/_types/messages/es/slider.d.ts +3 -0
  174. package/dist/_types/messages/es/spinner.d.ts +3 -0
  175. package/dist/_types/messages/es/statTile.d.ts +3 -0
  176. package/dist/_types/messages/es/stepper.d.ts +3 -0
  177. package/dist/_types/messages/es/table.d.ts +3 -0
  178. package/dist/_types/messages/es/tableOfContents.d.ts +3 -0
  179. package/dist/_types/messages/es/themeSwitcher.d.ts +3 -0
  180. package/dist/_types/messages/es/timeSelect.d.ts +3 -0
  181. package/dist/_types/messages/es/timeline.d.ts +3 -0
  182. package/dist/_types/messages/es/toaster.d.ts +3 -0
  183. package/dist/_types/messages/es/treeView.d.ts +3 -0
  184. package/dist/_types/messages/es/typingIndicator.d.ts +3 -0
  185. package/dist/_types/messages/es/untrustedText.d.ts +3 -0
  186. package/dist/_types/messages/es/uptimeBars.d.ts +3 -0
  187. package/dist/_types/messages/es/userMenu.d.ts +3 -0
  188. package/dist/_types/messages/index.d.ts +1 -1
  189. package/dist/_types/molecules/Alert/Alert.d.ts +11 -2
  190. package/dist/_types/molecules/AppLauncher/AppLauncher.d.ts +9 -3
  191. package/dist/_types/molecules/AsyncMultiSelectField/AsyncMultiSelectField.d.ts +2 -1
  192. package/dist/_types/molecules/AsyncSelectField/AsyncSelectField.d.ts +2 -1
  193. package/dist/_types/molecules/AutocompleteField/AutocompleteField.d.ts +2 -1
  194. package/dist/_types/molecules/Banner/Banner.d.ts +11 -3
  195. package/dist/_types/molecules/Breadcrumb/Breadcrumb.d.ts +3 -1
  196. package/dist/_types/molecules/Calendar/Calendar.d.ts +10 -1
  197. package/dist/_types/molecules/CalendarPlanner/CalendarPlanner.d.ts +50 -14
  198. package/dist/_types/molecules/CalendarRoster/CalendarRoster.d.ts +23 -3
  199. package/dist/_types/molecules/Card/Card.d.ts +10 -2
  200. package/dist/_types/molecules/CheckboxField/CheckboxField.d.ts +8 -1
  201. package/dist/_types/molecules/ColorPicker/ColorPicker.d.ts +15 -1
  202. package/dist/_types/molecules/ColorPickerField/ColorPickerField.d.ts +10 -1
  203. package/dist/_types/molecules/CommandPalette/CommandPalette.d.ts +5 -0
  204. package/dist/_types/molecules/ConfirmDialog/ConfirmDialog.d.ts +6 -1
  205. package/dist/_types/molecules/ContextMenu/ContextMenu.d.ts +8 -1
  206. package/dist/_types/molecules/CopyButton/CopyButton.d.ts +8 -0
  207. package/dist/_types/molecules/DatePicker/DatePicker.d.ts +18 -1
  208. package/dist/_types/molecules/DatePickerField/DatePickerField.d.ts +2 -1
  209. package/dist/_types/molecules/DateTimeField/DateTimeField.d.ts +10 -1
  210. package/dist/_types/molecules/DocsSearch/DocsSearch.d.ts +2 -2
  211. package/dist/_types/molecules/DropdownField/DropdownField.d.ts +11 -1
  212. package/dist/_types/molecules/FileUploadField/FileUploadField.d.ts +2 -1
  213. package/dist/_types/molecules/FilterBar/FilterBar.d.ts +3 -1
  214. package/dist/_types/molecules/FloatingToolbar/FloatingToolbar.d.ts +101 -0
  215. package/dist/_types/molecules/Form/Form.d.ts +8 -0
  216. package/dist/_types/molecules/FormField/FormField.d.ts +5 -6
  217. package/dist/_types/molecules/Heatmap/Heatmap.d.ts +42 -5
  218. package/dist/_types/molecules/Heatmap/heatmapScale.d.ts +50 -0
  219. package/dist/_types/molecules/ImageCropDialog/ImageCropDialog.d.ts +18 -2
  220. package/dist/_types/molecules/InputField/InputField.d.ts +2 -1
  221. package/dist/_types/molecules/InputPhoneField/InputPhoneField.d.ts +2 -1
  222. package/dist/_types/molecules/LanguageSwitcher/LanguageSwitcher.d.ts +7 -3
  223. package/dist/_types/molecules/LoadingRegion/LoadingRegion.d.ts +12 -4
  224. package/dist/_types/molecules/Menu/Menu.d.ts +5 -0
  225. package/dist/_types/molecules/Modal/Modal.d.ts +23 -5
  226. package/dist/_types/molecules/MultiSelectField/MultiSelectField.d.ts +4 -1
  227. package/dist/_types/molecules/NotificationPanel/NotificationPanel.d.ts +6 -1
  228. package/dist/_types/molecules/NumberInputField/NumberInputField.d.ts +2 -1
  229. package/dist/_types/molecules/OrgSwitcher/OrgSwitcher.d.ts +8 -1
  230. package/dist/_types/molecules/OtpField/OtpField.d.ts +4 -1
  231. package/dist/_types/molecules/PageIntro/PageIntro.d.ts +1 -1
  232. package/dist/_types/molecules/Pagination/Pagination.d.ts +26 -5
  233. package/dist/_types/molecules/PasswordField/PasswordField.d.ts +13 -5
  234. package/dist/_types/molecules/PrevNextNav/PrevNextNav.d.ts +22 -4
  235. package/dist/_types/molecules/ProjectCard/ProjectCard.d.ts +8 -2
  236. package/dist/_types/molecules/RadioField/RadioField.d.ts +8 -0
  237. package/dist/_types/molecules/RecoveryCodes/RecoveryCodes.d.ts +1 -1
  238. package/dist/_types/molecules/RecurrenceField/RecurrenceField.d.ts +24 -1
  239. package/dist/_types/molecules/SelectField/SelectField.d.ts +2 -1
  240. package/dist/_types/molecules/Sheet/Sheet.d.ts +5 -0
  241. package/dist/_types/molecules/SidebarNav/SidebarNav.d.ts +18 -2
  242. package/dist/_types/molecules/SiteNav/SiteNav.d.ts +4 -1
  243. package/dist/_types/molecules/StatTile/StatTile.d.ts +15 -1
  244. package/dist/_types/molecules/Table/Table.d.ts +7 -2
  245. package/dist/_types/molecules/TableOfContents/TableOfContents.d.ts +3 -1
  246. package/dist/_types/molecules/TextareaField/TextareaField.d.ts +2 -1
  247. package/dist/_types/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +38 -3
  248. package/dist/_types/molecules/TimeField/TimeField.d.ts +2 -1
  249. package/dist/_types/molecules/Timeline/Timeline.d.ts +6 -3
  250. package/dist/_types/molecules/Toast/Toaster.d.ts +8 -0
  251. package/dist/_types/molecules/UserMenu/UserMenu.d.ts +8 -1
  252. package/dist/_types/molecules/_shared/FieldShell.d.ts +130 -0
  253. package/dist/_types/molecules/_shared/calendarGrid.d.ts +15 -2
  254. package/dist/_types/molecules/_shared/dialogSurface.d.ts +6 -1
  255. package/dist/_types/molecules/_shared/dropdownItems.d.ts +0 -2
  256. package/dist/_types/molecules/_shared/requiredInput.d.ts +8 -0
  257. package/dist/_types/organisms/AnnotationThread/AnnotationThread.d.ts +3 -2
  258. package/dist/_types/organisms/DataTable/DataTable.d.ts +1 -1
  259. package/dist/_types/organisms/PlanningGrid/PlanningGrid.d.ts +12 -1
  260. package/dist/_types/organisms/Steps/Steps.d.ts +3 -3
  261. package/dist/_types/sections/AppHeader/AppHeader.d.ts +3 -1
  262. package/dist/_types/sections/AppShell/AppShell.d.ts +6 -1
  263. package/dist/_types/sections/Hero/Hero.d.ts +1 -1
  264. package/dist/_types/sections/LegalFooter/LegalFooter.d.ts +7 -1
  265. package/dist/_types/sections/Sidebar/Sidebar.d.ts +3 -1
  266. package/dist/_types/sections/SiteFooter/SiteFooter.d.ts +6 -2
  267. package/dist/_types/sections/SiteHeader/SiteHeader.d.ts +5 -5
  268. package/dist/_types/templates/ConnectorAuth/ConnectorAuthShell.d.ts +5 -2
  269. package/dist/_types/templates/ConnectorAuth/ConnectorConsentPage.d.ts +1 -1
  270. package/dist/_types/templates/ConnectorAuth/ConnectorExternalSignInPage.d.ts +1 -1
  271. package/dist/_types/templates/ConnectorAuth/ConnectorRejectionPage.d.ts +1 -1
  272. package/dist/_types/templates/ConnectorAuth/ConnectorSignInPage.d.ts +1 -1
  273. package/dist/_types/templates/ErrorPage/ErrorPage.d.ts +7 -1
  274. package/dist/_types/templates/NotFoundPage/NotFoundPage.d.ts +7 -1
  275. package/dist/_types/templates/PublicPageShell/PublicPageShell.d.ts +6 -0
  276. package/dist/accordion.css +1 -1
  277. package/dist/accordion.js +6 -5
  278. package/dist/alert.css +1 -1
  279. package/dist/alert.js +2 -94
  280. package/dist/annotation-thread.css +1 -1
  281. package/dist/annotation-thread.js +38 -31
  282. package/dist/app-header.css +1 -1
  283. package/dist/app-header.js +31 -33
  284. package/dist/app-launcher.css +1 -1
  285. package/dist/app-launcher.js +48 -33
  286. package/dist/app-root.js +9 -6
  287. package/dist/app-shell.js +52 -52
  288. package/dist/assistant-message.js +1 -1
  289. package/dist/async-multi-select-field.js +46 -51
  290. package/dist/async-multi-select.js +2 -197
  291. package/dist/async-select-field.js +45 -50
  292. package/dist/async-select.js +2 -173
  293. package/dist/asyncmultiselect.css +1 -0
  294. package/dist/asyncselect.css +1 -0
  295. package/dist/autocomplete-field.js +45 -50
  296. package/dist/autocomplete.css +1 -1
  297. package/dist/autocomplete.js +76 -115
  298. package/dist/avatar-upload.js +82 -69
  299. package/dist/banner.js +33 -30
  300. package/dist/brand.css +538 -1207
  301. package/dist/breadcrumb.css +1 -1
  302. package/dist/breadcrumb.js +26 -26
  303. package/dist/button.css +1 -1
  304. package/dist/button.js +44 -41
  305. package/dist/calendar-planner.css +1 -1
  306. package/dist/calendar-planner.js +130 -107
  307. package/dist/calendar-roster.css +1 -1
  308. package/dist/calendar-roster.js +90 -67
  309. package/dist/calendar.css +1 -1
  310. package/dist/calendar.js +66 -65
  311. package/dist/card.css +1 -1
  312. package/dist/card.js +76 -73
  313. package/dist/carousel.css +1 -1
  314. package/dist/carousel.js +66 -52
  315. package/dist/chart.css +1 -1
  316. package/dist/chart.js +213 -206
  317. package/dist/chat-shell.css +1 -1
  318. package/dist/chat-shell.js +53 -49
  319. package/dist/checkbox-field.js +40 -49
  320. package/dist/checkbox.css +1 -1
  321. package/dist/clock-widget.js +49 -33
  322. package/dist/close-button.js +2 -21
  323. package/dist/code-block.js +45 -39
  324. package/dist/collapsible.css +1 -1
  325. package/dist/color-picker-field.js +38 -39
  326. package/dist/colorpicker.css +1 -1
  327. package/dist/command-palette.css +1 -1
  328. package/dist/command-palette.js +39 -31
  329. package/dist/confirm-dialog.js +29 -22
  330. package/dist/connector-auth-shell.js +1 -1
  331. package/dist/connector-consent-page.js +56 -49
  332. package/dist/connector-external-sign-in-page.js +40 -32
  333. package/dist/connector-rejection-page.js +28 -24
  334. package/dist/connector-request-summary.js +2 -37
  335. package/dist/connector-sign-in-page.js +44 -36
  336. package/dist/consent.css +1 -1
  337. package/dist/consent.js +55 -44
  338. package/dist/container.css +1 -1
  339. package/dist/context-menu.js +4 -3
  340. package/dist/conversation-list.css +1 -1
  341. package/dist/conversation-list.js +42 -33
  342. package/dist/conversation-thread.css +1 -1
  343. package/dist/conversation-thread.js +24 -20
  344. package/dist/copy-button.js +35 -33
  345. package/dist/copyable-value.js +40 -40
  346. package/dist/data-table.js +82 -1627
  347. package/dist/date-picker-field.js +32 -37
  348. package/dist/date-time-field.js +78 -79
  349. package/dist/datepicker.css +1 -1
  350. package/dist/description-list.js +5 -5
  351. package/dist/docs-search.css +1 -1
  352. package/dist/docs-search.js +46 -39
  353. package/dist/dots-button.js +2 -29
  354. package/dist/dropdown-field.css +1 -1
  355. package/dist/dropdown-field.js +52 -51
  356. package/dist/email.js +10 -7
  357. package/dist/embed-frame.css +1 -1
  358. package/dist/embed-frame.js +5 -4
  359. package/dist/error-page.js +4 -4
  360. package/dist/fieldset.css +1 -1
  361. package/dist/fieldset.js +6 -6
  362. package/dist/figure.js +1 -0
  363. package/dist/file-upload-field.js +31 -36
  364. package/dist/file-upload.js +2 -225
  365. package/dist/fileupload.css +1 -0
  366. package/dist/filter-bar.css +1 -1
  367. package/dist/filter-bar.js +22 -17
  368. package/dist/floating-dock.css +1 -1
  369. package/dist/floating-dock.js +35 -29
  370. package/dist/floating-toolbar.css +1 -0
  371. package/dist/floating-toolbar.js +71 -0
  372. package/dist/form-field.js +55 -53
  373. package/dist/form.js +56 -52
  374. package/dist/heatmap.css +1 -1
  375. package/dist/heatmap.js +96 -36
  376. package/dist/hero.js +1 -1
  377. package/dist/highlight.js +1 -1
  378. package/dist/imagecropdialog.css +1 -1
  379. package/dist/input-field.js +2 -100
  380. package/dist/input-phone-field.js +43 -48
  381. package/dist/input-phone.js +2 -89
  382. package/dist/input.css +1 -1
  383. package/dist/input.js +14 -13
  384. package/dist/inputphone.css +1 -0
  385. package/dist/label.css +1 -1
  386. package/dist/language-switcher.css +1 -1
  387. package/dist/language-switcher.js +41 -45
  388. package/dist/legal-footer.js +2 -44
  389. package/dist/link.css +1 -1
  390. package/dist/list.js +8 -8
  391. package/dist/loading-region.css +1 -1
  392. package/dist/loading-region.js +37 -36
  393. package/dist/loading-state.css +1 -1
  394. package/dist/loading-state.js +29 -28
  395. package/dist/logo.css +1 -1
  396. package/dist/menu-button.js +2 -28
  397. package/dist/menu.css +1 -1
  398. package/dist/menu.js +4 -3
  399. package/dist/message-bubble.css +1 -1
  400. package/dist/message-composer.css +1 -1
  401. package/dist/message-composer.js +32 -29
  402. package/dist/messages.js +10 -7
  403. package/dist/modal.css +1 -1
  404. package/dist/modal.js +2 -61
  405. package/dist/multi-select-field.js +43 -47
  406. package/dist/multi-select.js +2 -192
  407. package/dist/multiselect.css +1 -0
  408. package/dist/not-found-page.js +9 -6
  409. package/dist/notification-button.js +2 -32
  410. package/dist/notification-list.js +33 -31
  411. package/dist/notification-panel.css +1 -1
  412. package/dist/notification-panel.js +79 -83
  413. package/dist/notificationbutton.css +1 -0
  414. package/dist/number-badge.css +1 -1
  415. package/dist/number-badge.js +15 -11
  416. package/dist/number-input-field.js +44 -48
  417. package/dist/number-input.js +2 -99
  418. package/dist/numberinput.css +1 -0
  419. package/dist/onboarding-shell.css +1 -1
  420. package/dist/onboarding-shell.js +37 -34
  421. package/dist/org-chart.css +1 -1
  422. package/dist/org-chart.js +46 -35
  423. package/dist/org-switcher.css +1 -1
  424. package/dist/org-switcher.js +28 -23
  425. package/dist/otp-field.js +44 -47
  426. package/dist/otp-input.js +2 -115
  427. package/dist/otpinput.css +1 -0
  428. package/dist/page-intro.js +1 -1
  429. package/dist/pagination.css +1 -1
  430. package/dist/pagination.js +2 -179
  431. package/dist/paragraph.css +1 -1
  432. package/dist/paragraph.js +16 -10
  433. package/dist/password-field.css +1 -1
  434. package/dist/password-field.js +57 -57
  435. package/dist/planning-grid.css +1 -1
  436. package/dist/planning-grid.js +89 -75
  437. package/dist/popover.css +1 -1
  438. package/dist/popover.js +9 -15
  439. package/dist/prev-next-nav.js +2 -83
  440. package/dist/prevnextnav.css +1 -0
  441. package/dist/project-card.css +1 -1
  442. package/dist/project-card.js +41 -32
  443. package/dist/public-page-shell.js +2 -38
  444. package/dist/radio-field.js +29 -39
  445. package/dist/radio.css +1 -1
  446. package/dist/recurrence-field.css +1 -1
  447. package/dist/recurrence-field.js +129 -93
  448. package/dist/search-form.js +2 -61
  449. package/dist/searchform.css +1 -0
  450. package/dist/select-field.js +49 -54
  451. package/dist/select.css +1 -1
  452. package/dist/select.js +2 -158
  453. package/dist/sheet.css +1 -1
  454. package/dist/sheet.js +2 -54
  455. package/dist/sidebar-nav.css +1 -1
  456. package/dist/sidebar-nav.js +83 -71
  457. package/dist/sidebar.css +1 -1
  458. package/dist/sidebar.js +68 -57
  459. package/dist/site-footer.js +29 -29
  460. package/dist/site-header.css +1 -1
  461. package/dist/site-header.js +44 -46
  462. package/dist/site-nav.css +1 -1
  463. package/dist/site-nav.js +25 -31
  464. package/dist/site-search.css +1 -1
  465. package/dist/site-search.js +88 -74
  466. package/dist/site-shell.js +17 -16
  467. package/dist/skeleton.js +8 -6
  468. package/dist/skip-link.css +1 -1
  469. package/dist/slider.css +1 -1
  470. package/dist/slider.js +2 -34
  471. package/dist/sortable.js +20 -19
  472. package/dist/sparkline.js +37 -35
  473. package/dist/spinner.js +21 -16
  474. package/dist/star-rating.js +2 -2
  475. package/dist/stat-tile.js +39 -37
  476. package/dist/step-marker.css +1 -1
  477. package/dist/step-marker.js +19 -16
  478. package/dist/stepper.css +1 -1
  479. package/dist/stepper.js +25 -16
  480. package/dist/switcher-field.js +39 -55
  481. package/dist/switcher.css +1 -1
  482. package/dist/table-of-contents.css +1 -1
  483. package/dist/table-of-contents.js +33 -28
  484. package/dist/table.css +1 -1
  485. package/dist/table.js +2 -121
  486. package/dist/tabs.css +1 -1
  487. package/dist/tag.css +1 -1
  488. package/dist/tag.js +16 -10
  489. package/dist/text.css +1 -1
  490. package/dist/textarea-field.js +41 -45
  491. package/dist/textarea.css +1 -1
  492. package/dist/theme-switcher.css +1 -1
  493. package/dist/theme-switcher.js +64 -57
  494. package/dist/time-field.js +42 -47
  495. package/dist/time-select.js +2 -84
  496. package/dist/timeline.js +14 -11
  497. package/dist/toaster.css +1 -1
  498. package/dist/toaster.js +32 -29
  499. package/dist/toggle.css +1 -1
  500. package/dist/toggle.js +33 -13
  501. package/dist/tokens.css +450 -1179
  502. package/dist/tooltip.css +1 -1
  503. package/dist/tooltip.js +48 -41
  504. package/dist/tree-view.css +1 -1
  505. package/dist/tree-view.js +60 -60
  506. package/dist/typing-indicator.js +2 -29
  507. package/dist/typingindicator.css +1 -0
  508. package/dist/uptime-bars.js +36 -33
  509. package/dist/user-menu.css +1 -1
  510. package/dist/user-menu.js +55 -59
  511. package/dist/visuallyhidden.css +1 -1
  512. package/package.json +27 -15
  513. package/src/tokens/colors.ts +6 -6
  514. package/src/tokens/components/accordion.css +1 -1
  515. package/src/tokens/components/app-header.css +2 -2
  516. package/src/tokens/components/async-multi-select.css +4 -0
  517. package/src/tokens/components/async-select.css +3 -0
  518. package/src/tokens/components/autocomplete.css +1 -0
  519. package/src/tokens/components/breadcrumb.css +2 -4
  520. package/src/tokens/components/button.css +9 -25
  521. package/src/tokens/components/card.css +3 -3
  522. package/src/tokens/components/checkbox.css +5 -5
  523. package/src/tokens/components/collapsible.css +1 -0
  524. package/src/tokens/components/control.css +0 -4
  525. package/src/tokens/components/embed-frame.css +8 -0
  526. package/src/tokens/components/file-upload.css +5 -9
  527. package/src/tokens/components/floating-dock.css +2 -2
  528. package/src/tokens/components/floating-panel.css +2 -2
  529. package/src/tokens/components/input.css +2 -2
  530. package/src/tokens/components/kbd.css +1 -1
  531. package/src/tokens/components/label.css +2 -0
  532. package/src/tokens/components/link.css +20 -6
  533. package/src/tokens/components/logo.css +1 -1
  534. package/src/tokens/components/message-bubble.css +2 -2
  535. package/src/tokens/components/multi-select.css +2 -2
  536. package/src/tokens/components/number-badge.css +3 -3
  537. package/src/tokens/components/otp-input.css +1 -1
  538. package/src/tokens/components/radio.css +2 -0
  539. package/src/tokens/components/select.css +2 -2
  540. package/src/tokens/components/sidebar.css +2 -2
  541. package/src/tokens/components/site-header.css +5 -6
  542. package/src/tokens/components/slider.css +1 -1
  543. package/src/tokens/components/spinner.css +3 -3
  544. package/src/tokens/components/step.css +4 -4
  545. package/src/tokens/components/switcher.css +3 -3
  546. package/src/tokens/components/tabs.css +5 -4
  547. package/src/tokens/components/tag.css +4 -4
  548. package/src/tokens/components/text-inline.css +3 -1
  549. package/src/tokens/components/text.css +2 -2
  550. package/src/tokens/components/textarea.css +2 -2
  551. package/src/tokens/components/tooltip.css +2 -2
  552. package/src/tokens/components/typing-indicator.css +1 -1
  553. package/src/tokens/deprecated-aliases.css +74 -0
  554. package/src/tokens/global/colors.css +2 -2
  555. package/src/tokens/global/shadow.css +4 -4
  556. package/src/tokens/index.css +11 -7
  557. package/src/tokens/molecules/alert.css +1 -0
  558. package/src/tokens/molecules/annotation-thread.css +0 -2
  559. package/src/tokens/molecules/app-launcher.css +1 -1
  560. package/src/tokens/molecules/async-multi-select-field.css +0 -6
  561. package/src/tokens/molecules/async-select-field.css +0 -6
  562. package/src/tokens/molecules/autocomplete-field.css +0 -5
  563. package/src/tokens/molecules/avatar-upload.css +0 -6
  564. package/src/tokens/molecules/calendar-planner.css +2 -1
  565. package/src/tokens/molecules/calendar-roster.css +14 -9
  566. package/src/tokens/molecules/calendar.css +5 -4
  567. package/src/tokens/molecules/carousel.css +3 -3
  568. package/src/tokens/molecules/chart.css +3 -6
  569. package/src/tokens/molecules/chat-shell.css +2 -2
  570. package/src/tokens/molecules/checkbox-field.css +0 -6
  571. package/src/tokens/molecules/color-picker.css +2 -2
  572. package/src/tokens/molecules/command-palette.css +1 -0
  573. package/src/tokens/molecules/consent.css +4 -3
  574. package/src/tokens/molecules/conversation-list.css +1 -0
  575. package/src/tokens/molecules/conversation-thread.css +10 -0
  576. package/src/tokens/molecules/date-picker-field.css +0 -6
  577. package/src/tokens/molecules/date-picker.css +1 -1
  578. package/src/tokens/molecules/date-time-field.css +0 -6
  579. package/src/tokens/molecules/docs-search.css +1 -1
  580. package/src/tokens/molecules/dropdown-field.css +2 -7
  581. package/src/tokens/molecules/file-upload-field.css +0 -6
  582. package/src/tokens/molecules/filter-bar.css +1 -1
  583. package/src/tokens/molecules/floating-toolbar.css +18 -0
  584. package/src/tokens/molecules/floating-toolbar.ts +4 -0
  585. package/src/tokens/molecules/heatmap.css +33 -6
  586. package/src/tokens/molecules/input-field.css +0 -1
  587. package/src/tokens/molecules/input-phone-field.css +0 -6
  588. package/src/tokens/molecules/loading-state.css +2 -2
  589. package/src/tokens/molecules/menu.css +2 -1
  590. package/src/tokens/molecules/message-composer.css +1 -1
  591. package/src/tokens/molecules/modal.css +5 -4
  592. package/src/tokens/molecules/multi-select-field.css +0 -6
  593. package/src/tokens/molecules/notification-panel.css +2 -2
  594. package/src/tokens/molecules/number-input-field.css +0 -6
  595. package/src/tokens/molecules/org-chart.css +4 -4
  596. package/src/tokens/molecules/otp-field.css +0 -6
  597. package/src/tokens/molecules/pagination.css +1 -0
  598. package/src/tokens/molecules/password-field.css +2 -2
  599. package/src/tokens/molecules/planning-grid.css +7 -7
  600. package/src/tokens/molecules/radio-field.css +0 -6
  601. package/src/tokens/molecules/recurrence-field.css +6 -0
  602. package/src/tokens/molecules/search-form.css +1 -1
  603. package/src/tokens/molecules/select-field.css +0 -6
  604. package/src/tokens/molecules/sheet.css +2 -2
  605. package/src/tokens/molecules/sidebar-nav.css +0 -6
  606. package/src/tokens/molecules/site-nav.css +3 -1
  607. package/src/tokens/molecules/site-search.css +4 -6
  608. package/src/tokens/molecules/switcher-field.css +0 -1
  609. package/src/tokens/molecules/table-of-contents.css +1 -1
  610. package/src/tokens/molecules/table.css +3 -2
  611. package/src/tokens/molecules/textarea-field.css +0 -6
  612. package/src/tokens/molecules/time-field.css +0 -6
  613. package/src/tokens/molecules/toast.css +1 -0
  614. package/src/tokens/scss/_index.legacy.scss +2 -0
  615. package/src/tokens/scss/_index.scss +2 -0
  616. package/src/tokens/scss/components/_accordion.scss +4 -1
  617. package/src/tokens/scss/components/_async-multi-select.scss +7 -0
  618. package/src/tokens/scss/components/_async-select.scss +3 -0
  619. package/src/tokens/scss/components/_autocomplete.scss +1 -0
  620. package/src/tokens/scss/components/_breadcrumb.scss +4 -3
  621. package/src/tokens/scss/components/_button.scss +7 -25
  622. package/src/tokens/scss/components/_card.scss +1 -1
  623. package/src/tokens/scss/components/_checkbox.scss +6 -2
  624. package/src/tokens/scss/components/_collapsible.scss +1 -0
  625. package/src/tokens/scss/components/_control.scss +0 -4
  626. package/src/tokens/scss/components/_embed-frame.scss +9 -0
  627. package/src/tokens/scss/components/_file-upload.scss +4 -5
  628. package/src/tokens/scss/components/_floating-dock.scss +6 -2
  629. package/src/tokens/scss/components/_label.scss +1 -0
  630. package/src/tokens/scss/components/_link.scss +16 -6
  631. package/src/tokens/scss/components/_logo.scss +4 -1
  632. package/src/tokens/scss/components/_number-badge.scss +6 -2
  633. package/src/tokens/scss/components/_otp-input.scss +4 -1
  634. package/src/tokens/scss/components/_site-header.scss +1 -2
  635. package/src/tokens/scss/components/_slider.scss +4 -1
  636. package/src/tokens/scss/components/_spinner.scss +3 -3
  637. package/src/tokens/scss/components/_step.scss +6 -2
  638. package/src/tokens/scss/components/_switcher.scss +5 -2
  639. package/src/tokens/scss/components/_tabs.scss +7 -2
  640. package/src/tokens/scss/components/_tag.scss +6 -2
  641. package/src/tokens/scss/components/_text-inline.scss +2 -1
  642. package/src/tokens/scss/components/_text.scss +4 -1
  643. package/src/tokens/scss/components/_typing-indicator.scss +4 -1
  644. package/src/tokens/scss/global/_colors.scss +6 -2
  645. package/src/tokens/scss/global/_shadow.scss +4 -4
  646. package/src/tokens/scss/molecules/_alert.scss +1 -0
  647. package/src/tokens/scss/molecules/_annotation-thread.scss +0 -2
  648. package/src/tokens/scss/molecules/_app-launcher.scss +4 -1
  649. package/src/tokens/scss/molecules/_async-multi-select-field.scss +0 -5
  650. package/src/tokens/scss/molecules/_async-select-field.scss +0 -5
  651. package/src/tokens/scss/molecules/_autocomplete-field.scss +0 -5
  652. package/src/tokens/scss/molecules/_avatar-upload.scss +0 -5
  653. package/src/tokens/scss/molecules/_calendar-planner.scss +1 -0
  654. package/src/tokens/scss/molecules/_calendar-roster.scss +4 -0
  655. package/src/tokens/scss/molecules/_calendar.scss +9 -3
  656. package/src/tokens/scss/molecules/_carousel.scss +8 -3
  657. package/src/tokens/scss/molecules/_chart.scss +1 -3
  658. package/src/tokens/scss/molecules/_checkbox-field.scss +0 -5
  659. package/src/tokens/scss/molecules/_color-picker.scss +6 -2
  660. package/src/tokens/scss/molecules/_command-palette.scss +1 -0
  661. package/src/tokens/scss/molecules/_consent.scss +5 -1
  662. package/src/tokens/scss/molecules/_conversation-list.scss +1 -0
  663. package/src/tokens/scss/molecules/_conversation-thread.scss +3 -0
  664. package/src/tokens/scss/molecules/_date-picker-field.scss +0 -5
  665. package/src/tokens/scss/molecules/_date-picker.scss +4 -1
  666. package/src/tokens/scss/molecules/_date-time-field.scss +0 -5
  667. package/src/tokens/scss/molecules/_docs-search.scss +4 -1
  668. package/src/tokens/scss/molecules/_dropdown-field.scss +1 -5
  669. package/src/tokens/scss/molecules/_file-upload-field.scss +0 -5
  670. package/src/tokens/scss/molecules/_filter-bar.scss +4 -1
  671. package/src/tokens/scss/molecules/_floating-toolbar.scss +15 -0
  672. package/src/tokens/scss/molecules/_heatmap.scss +15 -2
  673. package/src/tokens/scss/molecules/_input-field.scss +0 -1
  674. package/src/tokens/scss/molecules/_input-phone-field.scss +0 -5
  675. package/src/tokens/scss/molecules/_loading-state.scss +6 -2
  676. package/src/tokens/scss/molecules/_menu.scss +2 -1
  677. package/src/tokens/scss/molecules/_modal.scss +7 -2
  678. package/src/tokens/scss/molecules/_multi-select-field.scss +0 -5
  679. package/src/tokens/scss/molecules/_notification-panel.scss +6 -2
  680. package/src/tokens/scss/molecules/_number-input-field.scss +0 -5
  681. package/src/tokens/scss/molecules/_org-chart.scss +6 -2
  682. package/src/tokens/scss/molecules/_otp-field.scss +0 -5
  683. package/src/tokens/scss/molecules/_pagination.scss +1 -0
  684. package/src/tokens/scss/molecules/_password-field.scss +4 -1
  685. package/src/tokens/scss/molecules/_planning-grid.scss +3 -2
  686. package/src/tokens/scss/molecules/_radio-field.scss +0 -5
  687. package/src/tokens/scss/molecules/_recurrence-field.scss +6 -0
  688. package/src/tokens/scss/molecules/_search-form.scss +4 -1
  689. package/src/tokens/scss/molecules/_select-field.scss +0 -5
  690. package/src/tokens/scss/molecules/_sheet.scss +6 -2
  691. package/src/tokens/scss/molecules/_sidebar-nav.scss +0 -4
  692. package/src/tokens/scss/molecules/_site-nav.scss +2 -1
  693. package/src/tokens/scss/molecules/_site-search.scss +10 -6
  694. package/src/tokens/scss/molecules/_switcher-field.scss +0 -1
  695. package/src/tokens/scss/molecules/_table-of-contents.scss +4 -1
  696. package/src/tokens/scss/molecules/_table.scss +4 -0
  697. package/src/tokens/scss/molecules/_textarea-field.scss +0 -5
  698. package/src/tokens/scss/molecules/_time-field.scss +0 -5
  699. package/src/tokens/scss/molecules/_toast.scss +1 -0
  700. package/src/tokens/surface-dark-derived.css +3 -1
  701. package/src/tokens/surface-invert.css +72 -55
  702. package/src/tokens/surface-public.css +4 -21
  703. package/src/tokens/tokens.json +147 -140
  704. package/CHANGELOG.md +0 -8154
  705. package/dist/_types/data/home.d.ts +0 -83
  706. package/dist/_types/pages/Auth/AuthPage.d.ts +0 -24
  707. package/dist/_types/pages/Onboarding/OnboardingPage.d.ts +0 -37
  708. package/dist/_types/pages/Status/StatusPage.d.ts +0 -37
  709. package/dist/_types/pages/Status/_datos.d.ts +0 -47
  710. package/dist/async-multi-select.css +0 -1
  711. package/dist/async-select.css +0 -1
  712. package/dist/file-upload.css +0 -1
  713. package/dist/input-phone.css +0 -1
  714. package/dist/multi-select.css +0 -1
  715. package/dist/notification-button.css +0 -1
  716. package/dist/number-input.css +0 -1
  717. package/dist/otp-input.css +0 -1
  718. package/dist/prev-next-nav.css +0 -1
  719. package/dist/search-form.css +0 -1
  720. package/dist/typing-indicator.css +0 -1
  721. package/src/tokens/surface-light.css +0 -782
  722. package/src/tokens/utils.test.ts +0 -86
  723. /package/dist/{close-button.css → closebutton.css} +0 -0
  724. /package/dist/{connector-request-summary.css → connectorrequestsummary.css} +0 -0
  725. /package/dist/{dots-button.css → dotsbutton.css} +0 -0
  726. /package/dist/{input-field.css → inputfield.css} +0 -0
  727. /package/dist/{legal-footer.css → legalfooter.css} +0 -0
  728. /package/dist/{menu-button.css → menubutton.css} +0 -0
  729. /package/dist/{public-page-shell.css → publicpageshell.css} +0 -0
  730. /package/dist/{time-select.css → timeselect.css} +0 -0
package/src/tokens/surface-invert.css CHANGED
@@ -4,11 +4,19 @@
4
4
  * Superficie invertida dentro de una oscura: `.surface-invert` vuelve a poner
5
5
  * en claro todo token que el modo oscuro haya volteado. Sobre página clara no
6
6
  * hace falta bloque: `.surface-invert` ya es uno de los selectores oscuros.
7
+ *
8
+ * Superficie siempre clara: `.surface-light` devuelve a su valor claro los
9
+ * mismos tokens, con los mismos valores, cuando cae dentro de una superficie
10
+ * oscura. Por eso comparte bloque. Sobre página clara no hace falta nada.
7
11
  */
8
12
 
9
13
  .surface-dark .surface-invert,
10
14
  [data-theme="dark"] .surface-invert,
11
- html.dark .surface-invert {
15
+ html.dark .surface-invert,
16
+ .surface-dark .surface-light,
17
+ .surface-invert .surface-light,
18
+ [data-theme="dark"] .surface-light,
19
+ html.dark .surface-light {
12
20
  --accordion-border-color: var(--color-primary);
13
21
  --accordion-index-color: var(--color-text-muted-on-light);
14
22
  --accordion-focus-ring-color: var(--color-primary);
@@ -16,7 +24,7 @@ html.dark .surface-invert {
16
24
  --alert-border-color: var(--color-text-on-dark);
17
25
  --alert-title-color: var(--color-text-on-dark);
18
26
  --alert-description-color: var(--color-text-on-dark);
19
- --app-header-bg: var(--color-background-light);
27
+ --app-header-bg: var(--color-bg-light);
20
28
  --app-header-border-color: var(--color-primary);
21
29
  --app-launcher-trigger-color: var(--color-text-on-light);
22
30
  --app-launcher-focus-ring-color: var(--color-primary);
@@ -69,7 +77,7 @@ html.dark .surface-invert {
69
77
  --avatar-initials-color: var(--color-text-on-dark);
70
78
  --breadcrumb-separator-color: var(--color-text-on-light);
71
79
  --breadcrumb-link-color: var(--color-text-on-light);
72
- --breadcrumb-link-color-hover: var(--color-primary);
80
+ --breadcrumb-link-hover-color: var(--color-primary);
73
81
  --breadcrumb-current-color: var(--color-text-on-light);
74
82
  --breadcrumb-focus-ring-color: var(--color-primary);
75
83
  --button-primary-focus-ring-color: var(--color-primary);
@@ -93,6 +101,8 @@ html.dark .surface-invert {
93
101
  --button-outline-active-border: var(--color-text-on-light);
94
102
  --button-text-underline-width: var(--link-underline-width);
95
103
  --button-text-hover-underline-width: var(--link-hover-underline-width);
104
+ --button-text-decoration-line: var(--link-decoration-line);
105
+ --button-text-hover-decoration-line: var(--link-hover-decoration-line);
96
106
  --button-text-ink-color: var(--link-ink-color);
97
107
  --button-text-disabled-color: var(--button-disabled-color);
98
108
  --button-text-focus-ring-color: var(--link-focus-ring-color);
@@ -106,17 +116,17 @@ html.dark .surface-invert {
106
116
  --button-ghost-hover-color: var(--color-text-on-dark);
107
117
  --button-ghost-active-bg: var(--color-primary);
108
118
  --button-ghost-active-color: var(--color-text-on-dark);
109
- --card-outline-bg: var(--color-background-light);
119
+ --card-outline-bg: var(--color-bg-light);
110
120
  --card-outline-color: var(--color-text-on-light);
111
121
  --card-outline-border-color: var(--color-primary);
112
122
  --card-selectable-focus-ring-color: var(--button-primary-focus-ring-color);
113
123
  --checkbox-border-color: var(--color-primary);
114
- --checkbox-bg-checked: var(--color-primary);
124
+ --checkbox-checked-bg: var(--color-primary);
115
125
  --checkbox-check-color: var(--color-white);
116
126
  --checkbox-focus-ring-color: var(--color-primary);
117
127
  --checkbox-error-border-color: var(--color-error-text-on-light);
118
128
  --checkbox-disabled-border-color: var(--color-disabled-border-on-light);
119
- --checkbox-disabled-bg-checked: var(--color-disabled-border-on-light);
129
+ --checkbox-checked-disabled-bg: var(--color-disabled-border-on-light);
120
130
  --close-button-color: var(--color-text-on-light);
121
131
  --close-button-focus-ring-color: var(--color-text-on-light);
122
132
  --code-block-border-color: var(--card-outline-border-color);
@@ -168,7 +178,7 @@ html.dark .surface-invert {
168
178
  --file-upload-thumb-bg: var(--color-surface-secondary-on-light);
169
179
  --file-upload-thumb-icon-color: var(--color-icon-secondary-on-light);
170
180
  --file-upload-remove-color: var(--color-text-muted-on-light);
171
- --file-upload-remove-color-hover: var(--color-error-text-on-light);
181
+ --file-upload-remove-hover-color: var(--color-error-text-on-light);
172
182
  --floating-dock-panel-bg: var(--floating-panel-bg);
173
183
  --floating-dock-panel-border-color: var(--floating-panel-border-color);
174
184
  --floating-dock-title-color: var(--modal-title-color);
@@ -176,7 +186,7 @@ html.dark .surface-invert {
176
186
  --floating-dock-close-color: var(--modal-close-color);
177
187
  --floating-dock-close-focus-ring-color: var(--modal-close-focus-ring-color);
178
188
  --floating-dock-focus-ring-color: var(--color-primary);
179
- --floating-panel-bg: var(--color-background-light);
189
+ --floating-panel-bg: var(--color-bg-light);
180
190
  --floating-panel-border-color: var(--color-primary);
181
191
  --form-error-color: var(--color-error-text-on-light);
182
192
  --form-helper-color: var(--color-text-on-light);
@@ -203,12 +213,17 @@ html.dark .surface-invert {
203
213
  --kbd-bg: var(--color-surface-secondary-on-light);
204
214
  --kbd-color: var(--color-text-on-light);
205
215
  --label-color: var(--color-text-on-light);
216
+ --label-optional-color: var(--color-text-muted-on-light);
206
217
  --link-color: var(--color-text-on-light);
207
218
  --link-hover-color: var(--color-text-on-light);
208
219
  --link-underline-width: var(--border-width-default);
209
220
  --link-hover-underline-width: 0px;
221
+ --link-decoration-line: underline;
222
+ --link-hover-decoration-line: none;
210
223
  --link-focus-ring-color: var(--color-primary);
211
224
  --link-ink-color: var(--color-text-on-light);
225
+ --link-accent-1-color: var(--link-color);
226
+ --link-accent-1-hover-color: var(--link-hover-color);
212
227
  --loading-state-spinner-color: var(--empty-state-icon-color);
213
228
  --loading-state-label-color: var(--empty-state-description-color);
214
229
  --logo-color: var(--color-text-on-light);
@@ -227,8 +242,8 @@ html.dark .surface-invert {
227
242
  --menu-separator-color: var(--separator-color);
228
243
  --message-bubble-color: var(--color-text-on-light);
229
244
  --message-bubble-border-color: var(--color-text-on-light);
230
- --message-bubble-tail-fill: var(--color-background-light);
231
- --modal-bg: var(--color-background-light);
245
+ --message-bubble-tail-fill: var(--color-bg-light);
246
+ --modal-bg: var(--color-bg-light);
232
247
  --modal-border-color: rgba(0, 0, 0, 0);
233
248
  --modal-title-color: var(--color-text-on-light);
234
249
  --modal-description-color: var(--color-text-muted-on-light);
@@ -292,7 +307,7 @@ html.dark .surface-invert {
292
307
  --pagination-ellipsis-color: var(--color-text-muted-on-light);
293
308
  --pagination-focus-ring-color: var(--color-primary);
294
309
  --password-field-toggle-color: var(--color-primary);
295
- --password-field-toggle-color-hover: var(--color-primary);
310
+ --password-field-toggle-hover-color: var(--color-primary);
296
311
  --password-field-toggle-focus-ring-color: var(--color-primary);
297
312
  --popover-bg: var(--floating-panel-bg);
298
313
  --popover-border-color: var(--floating-panel-border-color);
@@ -307,6 +322,8 @@ html.dark .surface-invert {
307
322
  --radio-error-border-color: var(--color-error-text-on-light);
308
323
  --radio-dot-color: var(--color-primary);
309
324
  --radio-focus-ring-color: var(--color-primary);
325
+ --radio-disabled-border-color: var(--color-disabled-border-on-light);
326
+ --radio-disabled-dot-color: var(--color-disabled-border-on-light);
310
327
  --scroll-area-thumb-bg: var(--color-border-default-on-light);
311
328
  --scroll-area-thumb-hover-bg: var(--color-icon-secondary-on-light);
312
329
  --scroll-area-focus-ring-color: var(--color-primary);
@@ -323,18 +340,16 @@ html.dark .surface-invert {
323
340
  --separator-color: var(--color-primary);
324
341
  --sidebar-nav-group-label-color: var(--color-primary);
325
342
  --sidebar-nav-item-color: var(--color-text-on-light);
326
- --sidebar-nav-item-active-color: var(--color-primary);
327
343
  --sidebar-nav-focus-ring-color: var(--color-primary);
328
344
  --sidebar-nav-item-empty-color: var(--color-text-muted-on-light);
329
345
  --sidebar-nav-item-empty-mark-color: var(--color-text-muted-on-light);
330
- --sidebar-nav-item-hover-line-color: var(--color-primary);
331
- --sidebar-bg: var(--color-background-light);
346
+ --sidebar-bg: var(--color-bg-light);
332
347
  --sidebar-border-color: var(--color-primary);
333
348
  --sidebar-resizer-hover-color: var(--color-primary);
334
349
  --sidebar-separator-color: var(--separator-color);
335
350
  --site-footer-legal-separator-color: var(--separator-color);
336
- --site-header-bg: var(--color-background-light);
337
- --site-header-panel-bg: var(--color-background-light);
351
+ --site-header-bg: var(--color-bg-light);
352
+ --site-header-panel-bg: var(--color-bg-light);
338
353
  --skeleton-bg: var(--color-surface-secondary-on-light);
339
354
  --skeleton-highlight: var(--color-white);
340
355
  --skip-link-bg: var(--color-primary);
@@ -354,7 +369,7 @@ html.dark .surface-invert {
354
369
  --star-rating-empty-color: var(--color-text-muted-on-light);
355
370
  --star-rating-fill-color: var(--color-primary);
356
371
  --star-rating-focus-ring-color: var(--color-primary);
357
- --step-pending-bg: var(--color-background-light);
372
+ --step-pending-bg: var(--color-bg-light);
358
373
  --step-pending-border-color: var(--color-border-default-on-light);
359
374
  --step-pending-color: var(--color-text-muted-on-light);
360
375
  --step-tone-primary-bg: var(--color-primary);
@@ -365,7 +380,7 @@ html.dark .surface-invert {
365
380
  --step-connector-done-color: var(--color-primary);
366
381
  --step-description-color: var(--color-text-muted-on-light);
367
382
  --switcher-track-bg: var(--color-border-default-on-light);
368
- --switcher-track-bg-checked: var(--color-primary);
383
+ --switcher-track-checked-bg: var(--color-primary);
369
384
  --switcher-thumb-bg: var(--color-white);
370
385
  --switcher-focus-ring-color: var(--color-primary);
371
386
  --switcher-error-ring-color: var(--color-error-text-on-light);
@@ -376,7 +391,7 @@ html.dark .surface-invert {
376
391
  --table-row-border-color: var(--color-primary);
377
392
  --table-row-selected-color: var(--color-primary);
378
393
  --table-row-hover-marker-color: var(--color-primary);
379
- --table-sticky-bg: var(--color-background-light);
394
+ --table-sticky-bg: var(--color-bg-light);
380
395
  --table-footer-bg: var(--color-surface-secondary-on-light);
381
396
  --table-footer-border-color: var(--color-text-on-light);
382
397
  --table-focus-ring-color: var(--color-primary);
@@ -385,19 +400,20 @@ html.dark .surface-invert {
385
400
  --tabs-trigger-hover-color: var(--color-text-on-light);
386
401
  --tabs-trigger-active-color: var(--color-text-on-light);
387
402
  --tabs-trigger-indicator-color: var(--color-primary);
388
- --tabs-trigger-pill-bg-active: var(--color-primary);
389
- --tabs-trigger-pill-color-active: var(--color-white);
403
+ --tabs-trigger-pill-active-bg: var(--color-primary);
404
+ --tabs-trigger-pill-active-color: var(--color-white);
390
405
  --tabs-focus-ring-color: var(--color-primary);
391
406
  --tag-primary-bg: var(--color-primary);
392
407
  --tag-primary-color: var(--color-text-on-dark);
393
408
  --tag-info-bg: var(--color-primary);
394
409
  --tag-info-color: var(--color-text-on-dark);
395
410
  --text-inline-muted-color: var(--color-text-muted-on-light);
411
+ --text-inline-error-color: var(--color-error-text-on-light);
396
412
  --text-inline-destructive-color: var(--color-destructive-text-on-light);
397
413
  --text-inline-success-color: var(--color-success-text-on-light);
398
414
  --text-inline-strikethrough-color: var(--color-text-muted-on-light);
399
415
  --text-color: var(--color-text-on-light);
400
- --text-background: var(--color-background-light);
416
+ --text-bg: var(--color-bg-light);
401
417
  --text-h1-color: var(--text-heading-color);
402
418
  --text-h2-color: var(--text-heading-color);
403
419
  --text-h3-color: var(--text-heading-color);
@@ -430,7 +446,7 @@ html.dark .surface-invert {
430
446
  --toggle-pressed-color: var(--color-text-on-dark);
431
447
  --toggle-pressed-border-color: var(--color-primary);
432
448
  --toggle-focus-ring-color: var(--color-primary);
433
- --tooltip-bg: var(--color-background-dark);
449
+ --tooltip-bg: var(--color-bg-dark);
434
450
  --tooltip-color: var(--color-text-on-dark);
435
451
  --typing-indicator-dot-color: var(--color-text-on-light);
436
452
  --user-menu-focus-ring-color: var(--color-primary);
@@ -448,15 +464,11 @@ html.dark .surface-invert {
448
464
  --user-menu-separator-color: var(--separator-color);
449
465
  --assistant-message-model-color: var(--color-text-on-light);
450
466
  --assistant-message-timestamp-color: var(--color-text-muted-on-light);
451
- --async-multi-select-field-error-color: var(--form-error-color);
452
467
  --async-multi-select-field-helper-color: var(--form-helper-color);
453
- --async-select-field-error-color: var(--form-error-color);
454
468
  --async-select-field-helper-color: var(--form-helper-color);
455
- --autocomplete-field-error-color: var(--async-select-field-error-color);
456
469
  --autocomplete-field-helper-color: var(--async-select-field-helper-color);
457
470
  --avatar-upload-ring-color: var(--color-primary);
458
471
  --avatar-upload-hint-color: var(--form-helper-color);
459
- --avatar-upload-error-color: var(--form-error-color);
460
472
  --calendar-planner-nav-color: var(--calendar-nav-color);
461
473
  --calendar-planner-nav-focus-ring-color: var(--calendar-nav-focus-ring-color);
462
474
  --calendar-planner-title-color: var(--calendar-title-color);
@@ -475,17 +487,18 @@ html.dark .surface-invert {
475
487
  --calendar-planner-hover-line-color: var(--calendar-hover-line-color);
476
488
  --calendar-roster-border-color: var(--color-primary);
477
489
  --calendar-roster-th-name-color: var(--color-text-muted-on-light);
478
- --calendar-roster-th-name-bg: var(--color-background-light);
490
+ --calendar-roster-th-name-bg: var(--color-bg-light);
479
491
  --calendar-roster-th-day-color: var(--color-text-on-light);
480
- --calendar-roster-th-day-bg: var(--color-background-light);
481
- --calendar-roster-th-day-today-color: var(--color-background-light);
492
+ --calendar-roster-th-day-bg: var(--color-bg-light);
493
+ --calendar-roster-th-day-today-color: var(--color-bg-light);
482
494
  --calendar-roster-th-day-today-bg: var(--color-primary);
483
495
  --calendar-roster-td-name-color: var(--color-text-on-light);
484
- --calendar-roster-td-name-bg: var(--color-background-light);
485
- --calendar-roster-cell-bg: var(--color-background-light);
496
+ --calendar-roster-td-name-bg: var(--color-bg-light);
497
+ --calendar-roster-cell-bg: var(--color-bg-light);
486
498
  --calendar-roster-cell-weekend-bg: var(--color-surface-secondary-on-light);
487
499
  --calendar-roster-cell-holiday-bg: var(--color-surface-secondary-on-light);
488
500
  --calendar-roster-cell-non-working-bg: var(--color-surface-secondary-on-light);
501
+ --calendar-roster-focus-ring-color: var(--color-primary);
489
502
  --calendar-roster-schedule-color: var(--color-text-on-light);
490
503
  --calendar-roster-legend-color: var(--color-text-muted-on-light);
491
504
  --calendar-nav-color: var(--color-text-on-light);
@@ -511,7 +524,6 @@ html.dark .surface-invert {
511
524
  --carousel-indicator-current-color: var(--color-text-on-light);
512
525
  --carousel-focus-ring-color: var(--color-primary);
513
526
  --checkbox-field-label-color: var(--text-color);
514
- --checkbox-field-error-color: var(--form-error-color);
515
527
  --checkbox-field-helper-color: var(--form-helper-color);
516
528
  --clock-widget-date-color: var(--color-text-muted-on-light);
517
529
  --clock-widget-status-color: var(--color-text-muted-on-light);
@@ -540,7 +552,7 @@ html.dark .surface-invert {
540
552
  --command-palette-item-color: var(--menu-item-color);
541
553
  --command-palette-item-highlighted-bg: var(--menu-item-highlighted-bg);
542
554
  --command-palette-item-highlighted-color: var(--menu-item-highlighted-color);
543
- --consent-banner-bg: var(--color-background-light);
555
+ --consent-banner-bg: var(--color-bg-light);
544
556
  --consent-banner-color: var(--color-text-on-light);
545
557
  --consent-banner-border-color: var(--color-primary);
546
558
  --conversation-list-item-color: var(--color-text-muted-on-light);
@@ -549,14 +561,13 @@ html.dark .surface-invert {
549
561
  --conversation-list-delete-color: var(--color-icon-secondary-on-light);
550
562
  --conversation-list-delete-hover-color: var(--color-destructive-text-on-light);
551
563
  --conversation-list-focus-ring-color: var(--color-primary);
552
- --date-picker-field-error-color: var(--form-error-color);
564
+ --conversation-thread-focus-ring-color: var(--color-primary);
553
565
  --date-picker-field-helper-color: var(--form-helper-color);
554
566
  --date-picker-button-color: var(--color-primary);
555
567
  --date-picker-button-hover-color: var(--color-primary);
556
568
  --date-picker-button-disabled-color: var(--input-disabled-color);
557
569
  --date-picker-button-focus-ring-color: var(--input-focus-border-color);
558
570
  --date-picker-message-color: var(--form-error-color);
559
- --date-time-field-error-color: var(--form-error-color);
560
571
  --date-time-field-helper-color: var(--form-helper-color);
561
572
  --docs-search-result-color: var(--color-text-on-light);
562
573
  --docs-search-result-excerpt-color: var(--color-text-muted-on-light);
@@ -569,16 +580,16 @@ html.dark .surface-invert {
569
580
  --dropdown-field-border-color: var(--select-border-color);
570
581
  --dropdown-field-focus-ring-color: var(--select-focus-ring-color);
571
582
  --dropdown-field-error-border-color: var(--select-error-border-color);
572
- --dropdown-field-error-color: var(--form-error-color);
573
583
  --dropdown-field-helper-color: var(--form-helper-color);
574
584
  --field-row-empty-color: var(--color-text-muted-on-light);
575
- --file-upload-field-error-color: var(--form-error-color);
576
585
  --file-upload-field-helper-color: var(--form-helper-color);
586
+ --floating-toolbar-bg: var(--floating-panel-bg);
587
+ --floating-toolbar-border-color: var(--floating-panel-border-color);
577
588
  --heatmap-border-color: var(--color-primary);
578
589
  --heatmap-row-header-color: var(--color-text-on-light);
579
- --heatmap-row-header-bg: var(--color-background-light);
590
+ --heatmap-row-header-bg: var(--color-bg-light);
580
591
  --heatmap-column-header-color: var(--color-text-muted-on-light);
581
- --heatmap-column-header-bg: var(--color-background-light);
592
+ --heatmap-column-header-bg: var(--color-bg-light);
582
593
  --heatmap-group-header-color: var(--color-text-muted-on-light);
583
594
  --heatmap-empty-bg: var(--color-surface-secondary-on-light);
584
595
  --heatmap-empty-pattern-color: var(--color-border-default-on-light);
@@ -595,6 +606,20 @@ html.dark .surface-invert {
595
606
  --heatmap-step-5-color: var(--color-text-on-dark);
596
607
  --heatmap-step-6-bg: var(--color-chart-sequential-700);
597
608
  --heatmap-step-6-color: var(--color-text-on-dark);
609
+ --heatmap-diverging-warm-3-bg: var(--color-chart-diverging-warm-3);
610
+ --heatmap-diverging-warm-3-color: var(--color-text-on-dark);
611
+ --heatmap-diverging-warm-2-bg: var(--color-chart-diverging-warm-2-on-dark);
612
+ --heatmap-diverging-warm-2-color: var(--color-text-on-light);
613
+ --heatmap-diverging-warm-1-bg: var(--color-chart-diverging-warm-1);
614
+ --heatmap-diverging-warm-1-color: var(--color-text-on-light);
615
+ --heatmap-diverging-neutral-bg: var(--color-surface-secondary-on-light);
616
+ --heatmap-diverging-neutral-color: var(--color-text-on-light);
617
+ --heatmap-diverging-cool-1-bg: var(--color-chart-diverging-cool-1);
618
+ --heatmap-diverging-cool-1-color: var(--color-text-on-light);
619
+ --heatmap-diverging-cool-2-bg: var(--color-chart-diverging-cool-2);
620
+ --heatmap-diverging-cool-2-color: var(--color-text-on-light);
621
+ --heatmap-diverging-cool-3-bg: var(--color-chart-diverging-cool-3);
622
+ --heatmap-diverging-cool-3-color: var(--color-text-on-dark);
598
623
  --image-crop-dialog-area-bg: var(--color-surface-secondary-on-light);
599
624
  --input-field-search-icon-color: var(--color-primary);
600
625
  --input-field-search-clear-color: var(--color-primary);
@@ -602,7 +627,6 @@ html.dark .surface-invert {
602
627
  --input-field-search-clear-focus-ring-color: var(--color-primary);
603
628
  --input-field-error-color: var(--form-error-color);
604
629
  --input-field-helper-color: var(--form-helper-color);
605
- --input-phone-field-error-color: var(--form-error-color);
606
630
  --input-phone-field-helper-color: var(--form-helper-color);
607
631
  --language-switcher-focus-ring-color: var(--color-primary);
608
632
  --message-composer-border-color: var(--textarea-border-color);
@@ -612,13 +636,10 @@ html.dark .surface-invert {
612
636
  --message-composer-disabled-bg: var(--textarea-disabled-bg);
613
637
  --message-composer-disabled-border-color: var(--textarea-disabled-border-color);
614
638
  --message-composer-helper-color: var(--color-text-muted-on-light);
615
- --multi-select-field-error-color: var(--form-error-color);
616
639
  --multi-select-field-helper-color: var(--form-helper-color);
617
640
  --notification-list-time-color: var(--color-text-muted-on-light);
618
641
  --notification-panel-focus-ring-color: var(--color-primary);
619
- --number-input-field-error-color: var(--form-error-color);
620
642
  --number-input-field-helper-color: var(--form-helper-color);
621
- --otp-field-error-color: var(--form-error-color);
622
643
  --otp-field-helper-color: var(--form-helper-color);
623
644
  --prev-next-nav-eyebrow-color: var(--color-text-muted-on-light);
624
645
  --prev-next-nav-title-color: var(--color-text-on-light);
@@ -642,16 +663,15 @@ html.dark .surface-invert {
642
663
  --prose-rule-color: var(--separator-color);
643
664
  --prose-caption-color: var(--color-text-muted-on-light);
644
665
  --radio-field-label-color: var(--text-color);
645
- --radio-field-error-color: var(--form-error-color);
646
666
  --radio-field-helper-color: var(--form-helper-color);
647
667
  --recovery-codes-color: var(--color-text-on-light);
648
668
  --recovery-codes-index-color: var(--color-text-muted-on-light);
649
669
  --recurrence-field-legend-color: var(--color-text-on-light);
670
+ --recurrence-field-helper-color: var(--form-helper-color);
650
671
  --search-form-submit-color: var(--color-primary);
651
672
  --search-form-submit-hover-color: var(--color-primary);
652
673
  --search-form-submit-disabled-color: var(--input-disabled-color);
653
674
  --search-form-submit-focus-ring-color: var(--input-focus-border-color);
654
- --select-field-error-color: var(--form-error-color);
655
675
  --select-field-helper-color: var(--form-helper-color);
656
676
  --sheet-bg: var(--modal-bg);
657
677
  --sheet-title-color: var(--modal-title-color);
@@ -661,6 +681,7 @@ html.dark .surface-invert {
661
681
  --site-nav-item-color: var(--color-text-on-light);
662
682
  --site-nav-item-hover-color: var(--color-text-on-light);
663
683
  --site-nav-item-hover-line-width: var(--link-underline-width);
684
+ --site-nav-item-hover-decoration-line: var(--link-decoration-line);
664
685
  --site-nav-item-disabled-color: var(--color-disabled-text-on-light);
665
686
  --site-nav-focus-ring-color: var(--color-primary);
666
687
  --stat-tile-border-color: var(--card-outline-border-color);
@@ -683,10 +704,8 @@ html.dark .surface-invert {
683
704
  --table-of-contents-item-active-color: var(--color-primary);
684
705
  --table-of-contents-item-active-marker-color: var(--color-primary);
685
706
  --table-of-contents-focus-ring-color: var(--color-primary);
686
- --textarea-field-error-color: var(--form-error-color);
687
707
  --textarea-field-helper-color: var(--form-helper-color);
688
708
  --theme-switcher-focus-ring-color: var(--color-primary);
689
- --time-field-error-color: var(--form-error-color);
690
709
  --time-field-helper-color: var(--form-helper-color);
691
710
  --timeline-rail-color: var(--color-border-default-on-light);
692
711
  --timeline-title-color: var(--color-text-on-light);
@@ -733,7 +752,7 @@ html.dark .surface-invert {
733
752
  --chart-diverging-cool-1: var(--color-chart-diverging-cool-1);
734
753
  --chart-diverging-cool-2: var(--color-chart-diverging-cool-2);
735
754
  --chart-diverging-cool-3: var(--color-chart-diverging-cool-3);
736
- --chart-surface: var(--color-background-light);
755
+ --chart-surface: var(--color-bg-light);
737
756
  --chart-grid-color: var(--color-border-default-on-light);
738
757
  --chart-axis-color: var(--color-icon-secondary-on-light);
739
758
  --chart-label-color: var(--color-text-muted-on-light);
@@ -741,17 +760,16 @@ html.dark .surface-invert {
741
760
  --chart-radial-track-color: var(--color-icon-secondary-on-light);
742
761
  --chart-tile-label-color-5: var(--color-text-on-dark);
743
762
  --chart-tile-label-color-7: var(--color-text-on-dark);
744
- --chart-tile-label-color-muted: var(--color-text-on-dark);
745
763
  --chart-tooltip-bg: var(--tooltip-bg);
746
764
  --chart-tooltip-color: var(--tooltip-color);
747
765
  --chart-crosshair-color: var(--color-icon-secondary-on-light);
748
- --chat-shell-bg: var(--color-background-light);
766
+ --chat-shell-bg: var(--color-bg-light);
749
767
  --connector-auth-untrusted-focus-ring-color: var(--link-focus-ring-color);
750
768
  --org-chart-viewport-bg: var(--color-surface-secondary-on-light);
751
769
  --org-chart-viewport-border-color: var(--color-border-default-on-light);
752
770
  --org-chart-focus-ring-color: var(--color-primary);
753
771
  --org-chart-connector-color: var(--color-border-default-on-light);
754
- --org-chart-card-bg: var(--color-background-light);
772
+ --org-chart-card-bg: var(--color-bg-light);
755
773
  --org-chart-card-border-color: var(--color-primary);
756
774
  --org-chart-name-color: var(--color-text-on-light);
757
775
  --org-chart-group-color: var(--color-text-muted-on-light);
@@ -760,17 +778,16 @@ html.dark .surface-invert {
760
778
  --org-chart-empty-color: var(--color-text-muted-on-light);
761
779
  --planning-grid-border-color: var(--color-primary);
762
780
  --planning-grid-row-header-color: var(--color-text-on-light);
763
- --planning-grid-row-header-bg: var(--color-background-light);
781
+ --planning-grid-row-header-bg: var(--color-bg-light);
764
782
  --planning-grid-column-header-color: var(--color-text-on-light);
765
783
  --planning-grid-column-header-sub-color: var(--color-text-muted-on-light);
766
- --planning-grid-column-header-bg: var(--color-background-light);
784
+ --planning-grid-column-header-bg: var(--color-bg-light);
767
785
  --planning-grid-current-outline-color: var(--color-primary);
768
786
  --planning-grid-cell-color: var(--color-text-on-light);
769
787
  --planning-grid-cell-readonly-color: var(--color-text-muted-on-light);
770
788
  --planning-grid-cell-readonly-bg: var(--color-surface-secondary-on-light);
771
789
  --planning-grid-footer-bg: var(--color-surface-secondary-on-light);
772
790
  --planning-grid-footer-color: var(--color-text-on-light);
773
- --planning-grid-over-color: var(--color-error-text-on-light);
774
791
  --site-search-status-color: var(--color-text-muted-on-light);
775
792
  --site-search-result-title-color: var(--color-text-on-light);
776
793
  --site-search-result-section-color: var(--color-text-muted-on-light);
package/src/tokens/surface-public.css CHANGED
@@ -83,7 +83,7 @@
83
83
  --calendar-day-size: var(--calendar-lg-day-size);
84
84
  --calendar-title-font-size: var(--calendar-lg-title-font-size);
85
85
  --calendar-day-font-size: var(--calendar-lg-day-font-size);
86
- --calendar-year-grid-min-inline-size: var(--calendar-lg-year-grid-min-inline-size);
86
+ --calendar-year-grid-min-width: var(--calendar-lg-year-grid-min-width);
87
87
  --calendar-year-height: var(--calendar-lg-year-height);
88
88
  --calendar-year-font-size: var(--calendar-lg-year-font-size);
89
89
  --checkbox-field-gap: var(--checkbox-field-lg-gap);
@@ -141,8 +141,6 @@
141
141
  --breadcrumb-font-size: var(--text-paragraph-small-font-size);
142
142
  --button-primary-font-size: var(--button-font-size);
143
143
  --button-primary-padding-inline: var(--button-padding-inline);
144
- --button-destructive-font-size: var(--button-font-size);
145
- --button-destructive-padding-inline: var(--button-padding-inline);
146
144
  --button-outline-font-size: var(--button-font-size);
147
145
  --button-outline-padding-inline: var(--button-padding-inline);
148
146
  --button-text-font-size: var(--button-font-size);
@@ -151,6 +149,7 @@
151
149
  --code-block-font-size: var(--text-paragraph-small-font-size);
152
150
  --code-font-size: var(--code-block-font-size);
153
151
  --collapsible-trigger-font-size: var(--control-font-size);
152
+ --collapsible-trigger-line-height: var(--text-line-height);
154
153
  --description-list-term-font-size: var(--text-paragraph-small-font-size);
155
154
  --description-list-value-font-size: var(--text-font-size);
156
155
  --description-list-value-line-height: var(--text-line-height);
@@ -186,20 +185,15 @@
186
185
  --text-list-secondary-font-size: var(--text-paragraph-small-font-size);
187
186
  --assistant-message-model-font-size: var(--text-paragraph-small-font-size);
188
187
  --assistant-message-timestamp-font-size: var(--text-paragraph-small-font-size);
189
- --async-multi-select-field-error-font-size: var(--form-error-font-size);
190
188
  --async-multi-select-field-helper-font-size: var(--form-helper-font-size);
191
- --async-select-field-error-font-size: var(--form-error-font-size);
192
189
  --async-select-field-helper-font-size: var(--form-helper-font-size);
193
- --autocomplete-field-error-font-size: var(--async-select-field-error-font-size);
194
190
  --autocomplete-field-helper-font-size: var(--async-select-field-helper-font-size);
195
191
  --avatar-upload-hint-font-size: var(--form-helper-font-size);
196
- --avatar-upload-error-font-size: var(--form-error-font-size);
197
192
  --banner-font-size: var(--text-font-size);
198
193
  --banner-line-height: var(--text-line-height);
199
194
  --calendar-planner-title-font-size: var(--calendar-title-font-size);
200
195
  --checkbox-field-label-font-size: var(--text-font-size);
201
196
  --checkbox-field-label-line-height: var(--text-line-height);
202
- --checkbox-field-error-font-size: var(--form-error-font-size);
203
197
  --checkbox-field-helper-font-size: var(--form-helper-font-size);
204
198
  --clock-widget-date-font-size: var(--text-paragraph-small-font-size);
205
199
  --clock-widget-status-font-size: var(--text-paragraph-small-font-size);
@@ -208,29 +202,23 @@
208
202
  --consent-banner-title-font-size: var(--text-size-3);
209
203
  --consent-banner-description-font-size: var(--text-font-size);
210
204
  --conversation-list-item-font-size: var(--text-font-size);
211
- --date-picker-field-error-font-size: var(--form-error-font-size);
212
205
  --date-picker-field-helper-font-size: var(--form-helper-font-size);
213
206
  --date-picker-message-font-size: var(--form-error-font-size);
214
- --date-time-field-error-font-size: var(--form-error-font-size);
215
207
  --date-time-field-helper-font-size: var(--form-helper-font-size);
216
208
  --docs-search-result-title-font-size: var(--text-font-size);
217
209
  --docs-search-result-excerpt-font-size: var(--text-paragraph-small-font-size);
218
210
  --docs-search-status-font-size: var(--text-paragraph-small-font-size);
219
- --dropdown-field-error-font-size: var(--form-error-font-size);
220
211
  --dropdown-field-helper-font-size: var(--form-helper-font-size);
221
212
  --field-row-empty-font-size: var(--text-paragraph-small-font-size);
222
- --file-upload-field-error-font-size: var(--form-error-font-size);
223
213
  --file-upload-field-helper-font-size: var(--form-helper-font-size);
224
214
  --filter-bar-label-offset: calc(var(--label-font-size) * var(--label-line-height) + var(--input-field-gap));
225
- --filter-bar-control-block-size: var(--control-height);
215
+ --filter-bar-control-height: var(--control-height);
226
216
  --input-field-search-input-padding-inline-start: var(--input-field-search-slot-size);
227
217
  --input-field-search-input-padding-inline-end: var(--input-field-search-slot-size);
228
218
  --input-field-error-font-size: var(--form-error-font-size);
229
219
  --input-field-helper-font-size: var(--form-helper-font-size);
230
- --input-phone-field-error-font-size: var(--form-error-font-size);
231
220
  --input-phone-field-helper-font-size: var(--form-helper-font-size);
232
221
  --message-composer-helper-font-size: var(--text-paragraph-small-font-size);
233
- --multi-select-field-error-font-size: var(--form-error-font-size);
234
222
  --multi-select-field-helper-font-size: var(--form-helper-font-size);
235
223
  --notification-list-title-font-size: var(--text-font-size);
236
224
  --notification-list-body-font-size: var(--text-font-size);
@@ -239,9 +227,7 @@
239
227
  --notification-panel-item-body-font-size: var(--text-paragraph-small-font-size);
240
228
  --notification-panel-item-time-font-size: var(--text-paragraph-small-font-size);
241
229
  --notification-panel-footer-font-size: var(--text-paragraph-small-font-size);
242
- --number-input-field-error-font-size: var(--form-error-font-size);
243
230
  --number-input-field-helper-font-size: var(--form-helper-font-size);
244
- --otp-field-error-font-size: var(--form-error-font-size);
245
231
  --otp-field-helper-font-size: var(--form-helper-font-size);
246
232
  --prev-next-nav-font-size: var(--text-font-size);
247
233
  --prev-next-nav-eyebrow-font-size: var(--text-paragraph-small-font-size);
@@ -253,12 +239,11 @@
253
239
  --prose-caption-font-size: var(--text-paragraph-small-font-size);
254
240
  --radio-field-label-font-size: var(--text-font-size);
255
241
  --radio-field-label-line-height: var(--text-line-height);
256
- --radio-field-error-font-size: var(--form-error-font-size);
257
242
  --radio-field-helper-font-size: var(--form-helper-font-size);
258
243
  --recovery-codes-font-size: var(--text-paragraph-small-font-size);
259
244
  --recurrence-field-legend-font-size: var(--label-font-size);
245
+ --recurrence-field-helper-font-size: var(--form-helper-font-size);
260
246
  --search-form-submit-input-padding-inline-end: var(--search-form-submit-slot-size);
261
- --select-field-error-font-size: var(--form-error-font-size);
262
247
  --select-field-helper-font-size: var(--form-helper-font-size);
263
248
  --sheet-description-font-size: var(--modal-description-font-size);
264
249
  --sheet-close-size: var(--modal-close-size);
@@ -272,9 +257,7 @@
272
257
  --switcher-field-error-font-size: var(--form-error-font-size);
273
258
  --switcher-field-helper-font-size: var(--form-helper-font-size);
274
259
  --table-of-contents-item-font-size: var(--text-paragraph-small-font-size);
275
- --textarea-field-error-font-size: var(--form-error-font-size);
276
260
  --textarea-field-helper-font-size: var(--form-helper-font-size);
277
- --time-field-error-font-size: var(--form-error-font-size);
278
261
  --time-field-helper-font-size: var(--form-helper-font-size);
279
262
  --timeline-title-font-size: var(--text-font-size);
280
263
  --timeline-meta-font-size: var(--text-paragraph-small-font-size);