@studiolxd/brand 50.0.0 → 51.0.1

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