@studiolxd/brand 49.28.0 → 50.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (279) hide show
  1. package/LICENSE +61 -0
  2. package/README.md +26 -4
  3. package/dist/_shared/assign-ref.js +6 -0
  4. package/dist/_shared/calendargrid.js +57 -57
  5. package/dist/_shared/datepicker.js +67 -65
  6. package/dist/_shared/default-render-link.js +7 -0
  7. package/dist/_shared/dialogsurface.js +1 -1
  8. package/dist/_shared/dropdownitems.js +14 -20
  9. package/dist/_shared/imagecropdialog.js +38 -441
  10. package/dist/_shared/overflow-focusable.js +15 -0
  11. package/dist/_shared/side-offset.js +13 -0
  12. package/dist/_shared/tokens.js +31 -129
  13. package/dist/_shared/useasyncoptions.js +30 -0
  14. package/dist/_types/atoms/Accordion/Accordion.d.ts +7 -1
  15. package/dist/_types/atoms/AsyncMultiSelect/AsyncMultiSelect.d.ts +8 -4
  16. package/dist/_types/atoms/AsyncSelect/AsyncSelect.d.ts +8 -4
  17. package/dist/_types/atoms/Autocomplete/Autocomplete.d.ts +10 -6
  18. package/dist/_types/atoms/CloseButton/CloseButton.d.ts +13 -3
  19. package/dist/_types/atoms/Fieldset/Fieldset.d.ts +1 -1
  20. package/dist/_types/atoms/InputPhone/InputPhone.d.ts +2 -0
  21. package/dist/_types/atoms/MultiSelect/MultiSelect.d.ts +11 -10
  22. package/dist/_types/atoms/Select/Select.d.ts +6 -0
  23. package/dist/_types/atoms/Skeleton/Skeleton.d.ts +1 -1
  24. package/dist/_types/atoms/Spinner/Spinner.d.ts +3 -1
  25. package/dist/_types/atoms/TypingIndicator/TypingIndicator.d.ts +3 -1
  26. package/dist/_types/atoms/_shared/useAsyncOptions.d.ts +36 -0
  27. package/dist/_types/constants/assign-ref.d.ts +12 -0
  28. package/dist/_types/constants/default-render-link.d.ts +13 -0
  29. package/dist/_types/constants/overflow-focusable.d.ts +15 -0
  30. package/dist/_types/constants/side-offset.d.ts +18 -0
  31. package/dist/_types/email/EmailLayout.d.ts +38 -21
  32. package/dist/_types/messages/BrandMessages.d.ts +8 -2
  33. package/dist/_types/messages/index.d.ts +1 -1
  34. package/dist/_types/molecules/AppLauncher/AppLauncher.d.ts +9 -3
  35. package/dist/_types/molecules/Calendar/Calendar.d.ts +10 -1
  36. package/dist/_types/molecules/CalendarPlanner/CalendarPlanner.d.ts +43 -13
  37. package/dist/_types/molecules/CalendarRoster/CalendarRoster.d.ts +10 -2
  38. package/dist/_types/molecules/ContextMenu/ContextMenu.d.ts +8 -1
  39. package/dist/_types/molecules/DatePicker/DatePicker.d.ts +6 -0
  40. package/dist/_types/molecules/DateTimeField/DateTimeField.d.ts +2 -0
  41. package/dist/_types/molecules/DocsSearch/DocsSearch.d.ts +2 -2
  42. package/dist/_types/molecules/FloatingToolbar/FloatingToolbar.d.ts +83 -0
  43. package/dist/_types/molecules/FormField/FormField.d.ts +5 -6
  44. package/dist/_types/molecules/LanguageSwitcher/LanguageSwitcher.d.ts +7 -3
  45. package/dist/_types/molecules/LoadingRegion/LoadingRegion.d.ts +12 -4
  46. package/dist/_types/molecules/Modal/Modal.d.ts +10 -4
  47. package/dist/_types/molecules/OrgSwitcher/OrgSwitcher.d.ts +7 -1
  48. package/dist/_types/molecules/PasswordField/PasswordField.d.ts +9 -2
  49. package/dist/_types/molecules/PrevNextNav/PrevNextNav.d.ts +3 -1
  50. package/dist/_types/molecules/RecurrenceField/RecurrenceField.d.ts +6 -1
  51. package/dist/_types/molecules/SidebarNav/SidebarNav.d.ts +18 -2
  52. package/dist/_types/molecules/SiteNav/SiteNav.d.ts +4 -1
  53. package/dist/_types/molecules/StatTile/StatTile.d.ts +15 -1
  54. package/dist/_types/molecules/Table/Table.d.ts +1 -1
  55. package/dist/_types/molecules/ThemeSwitcher/ThemeSwitcher.d.ts +38 -3
  56. package/dist/_types/molecules/Toast/Toaster.d.ts +8 -0
  57. package/dist/_types/molecules/UserMenu/UserMenu.d.ts +7 -1
  58. package/dist/_types/molecules/_shared/calendarGrid.d.ts +15 -2
  59. package/dist/_types/molecules/_shared/dialogSurface.d.ts +6 -1
  60. package/dist/_types/molecules/_shared/dropdownItems.d.ts +0 -2
  61. package/dist/_types/sections/AppHeader/AppHeader.d.ts +3 -1
  62. package/dist/_types/sections/AppShell/AppShell.d.ts +6 -1
  63. package/dist/_types/sections/LegalFooter/LegalFooter.d.ts +7 -1
  64. package/dist/_types/sections/Sidebar/Sidebar.d.ts +3 -1
  65. package/dist/_types/sections/SiteFooter/SiteFooter.d.ts +6 -2
  66. package/dist/_types/sections/SiteHeader/SiteHeader.d.ts +2 -2
  67. package/dist/_types/templates/ConnectorAuth/ConnectorAuthShell.d.ts +5 -2
  68. package/dist/_types/templates/ConnectorAuth/ConnectorConsentPage.d.ts +1 -1
  69. package/dist/_types/templates/ConnectorAuth/ConnectorExternalSignInPage.d.ts +1 -1
  70. package/dist/_types/templates/ConnectorAuth/ConnectorRejectionPage.d.ts +1 -1
  71. package/dist/_types/templates/ConnectorAuth/ConnectorSignInPage.d.ts +1 -1
  72. package/dist/_types/templates/ErrorPage/ErrorPage.d.ts +7 -1
  73. package/dist/_types/templates/NotFoundPage/NotFoundPage.d.ts +7 -1
  74. package/dist/_types/templates/PublicPageShell/PublicPageShell.d.ts +6 -0
  75. package/dist/accordion.css +1 -1
  76. package/dist/accordion.js +6 -5
  77. package/dist/alert.css +1 -1
  78. package/dist/app-header.js +16 -21
  79. package/dist/app-launcher.css +1 -1
  80. package/dist/app-launcher.js +29 -21
  81. package/dist/app-shell.js +43 -43
  82. package/dist/async-multi-select.css +1 -1
  83. package/dist/async-multi-select.js +104 -173
  84. package/dist/async-select.css +1 -1
  85. package/dist/async-select.js +81 -137
  86. package/dist/autocomplete.css +1 -1
  87. package/dist/autocomplete.js +76 -115
  88. package/dist/brand.css +77 -987
  89. package/dist/breadcrumb.js +11 -16
  90. package/dist/button.css +1 -1
  91. package/dist/calendar-planner.css +1 -1
  92. package/dist/calendar-planner.js +100 -95
  93. package/dist/calendar-roster.css +1 -1
  94. package/dist/calendar-roster.js +69 -61
  95. package/dist/calendar.css +1 -1
  96. package/dist/calendar.js +86 -85
  97. package/dist/card.css +1 -1
  98. package/dist/card.js +42 -41
  99. package/dist/chart.css +1 -1
  100. package/dist/chat-shell.js +48 -47
  101. package/dist/checkbox.css +1 -1
  102. package/dist/close-button.js +14 -12
  103. package/dist/command-palette.css +1 -1
  104. package/dist/connector-consent-page.js +19 -18
  105. package/dist/connector-external-sign-in-page.js +6 -5
  106. package/dist/connector-rejection-page.js +5 -4
  107. package/dist/connector-sign-in-page.js +10 -9
  108. package/dist/consent.css +1 -1
  109. package/dist/context-menu.js +3 -2
  110. package/dist/conversation-list.css +1 -1
  111. package/dist/conversation-thread.css +1 -1
  112. package/dist/conversation-thread.js +1 -0
  113. package/dist/data-table.js +74 -1625
  114. package/dist/date-time-field.js +7 -6
  115. package/dist/docs-search.js +36 -38
  116. package/dist/email.js +10 -7
  117. package/dist/error-page.js +2 -2
  118. package/dist/fieldset.css +1 -1
  119. package/dist/figure.js +1 -0
  120. package/dist/file-upload.css +1 -1
  121. package/dist/file-upload.js +48 -50
  122. package/dist/floating-toolbar.css +1 -0
  123. package/dist/floating-toolbar.js +64 -0
  124. package/dist/form-field.js +55 -53
  125. package/dist/imagecropdialog.css +1 -1
  126. package/dist/input-phone.css +1 -1
  127. package/dist/input-phone.js +30 -31
  128. package/dist/input.css +1 -1
  129. package/dist/label.css +1 -1
  130. package/dist/language-switcher.js +37 -44
  131. package/dist/legal-footer.js +12 -17
  132. package/dist/loading-region.css +1 -1
  133. package/dist/loading-region.js +8 -8
  134. package/dist/menu.css +1 -1
  135. package/dist/menu.js +4 -3
  136. package/dist/message-bubble.css +1 -1
  137. package/dist/message-composer.css +1 -1
  138. package/dist/modal.css +1 -1
  139. package/dist/modal.js +9 -9
  140. package/dist/multi-select.css +1 -1
  141. package/dist/multi-select.js +104 -172
  142. package/dist/not-found-page.js +8 -5
  143. package/dist/notification-list.js +16 -21
  144. package/dist/notification-panel.js +34 -46
  145. package/dist/number-badge.css +1 -1
  146. package/dist/number-input.css +1 -1
  147. package/dist/org-switcher.css +1 -1
  148. package/dist/org-switcher.js +13 -11
  149. package/dist/password-field.js +40 -39
  150. package/dist/popover.css +1 -1
  151. package/dist/popover.js +9 -15
  152. package/dist/prev-next-nav.js +8 -7
  153. package/dist/public-page-shell.js +7 -6
  154. package/dist/radio.css +1 -1
  155. package/dist/recurrence-field.css +1 -1
  156. package/dist/recurrence-field.js +38 -37
  157. package/dist/select.css +1 -1
  158. package/dist/select.js +3 -2
  159. package/dist/sheet.css +1 -1
  160. package/dist/sidebar-nav.css +1 -1
  161. package/dist/sidebar-nav.js +75 -70
  162. package/dist/sidebar.css +1 -1
  163. package/dist/sidebar.js +46 -42
  164. package/dist/site-footer.js +28 -28
  165. package/dist/site-header.js +39 -44
  166. package/dist/site-nav.js +10 -19
  167. package/dist/site-search.js +34 -36
  168. package/dist/site-shell.js +17 -16
  169. package/dist/skeleton.js +8 -6
  170. package/dist/sortable.js +20 -19
  171. package/dist/spinner.js +11 -7
  172. package/dist/stat-tile.js +24 -26
  173. package/dist/switcher.css +1 -1
  174. package/dist/table.css +1 -1
  175. package/dist/table.js +57 -45
  176. package/dist/textarea.css +1 -1
  177. package/dist/theme-switcher.js +57 -56
  178. package/dist/toaster.css +1 -1
  179. package/dist/toggle.css +1 -1
  180. package/dist/tokens.css +75 -986
  181. package/dist/tooltip.css +1 -1
  182. package/dist/tooltip.js +20 -27
  183. package/dist/typing-indicator.css +1 -1
  184. package/dist/typing-indicator.js +4 -4
  185. package/dist/user-menu.css +1 -1
  186. package/dist/user-menu.js +38 -45
  187. package/dist/visuallyhidden.css +1 -1
  188. package/package.json +26 -14
  189. package/src/tokens/components/async-multi-select.css +4 -0
  190. package/src/tokens/components/async-select.css +3 -0
  191. package/src/tokens/components/autocomplete.css +1 -0
  192. package/src/tokens/components/breadcrumb.css +0 -2
  193. package/src/tokens/components/button.css +0 -23
  194. package/src/tokens/components/control.css +0 -4
  195. package/src/tokens/components/file-upload.css +0 -4
  196. package/src/tokens/components/radio.css +2 -0
  197. package/src/tokens/components/site-header.css +0 -1
  198. package/src/tokens/index.css +5 -7
  199. package/src/tokens/molecules/async-multi-select-field.css +0 -6
  200. package/src/tokens/molecules/async-select-field.css +0 -6
  201. package/src/tokens/molecules/autocomplete-field.css +0 -5
  202. package/src/tokens/molecules/avatar-upload.css +0 -6
  203. package/src/tokens/molecules/calendar-roster.css +5 -0
  204. package/src/tokens/molecules/chart.css +0 -3
  205. package/src/tokens/molecules/checkbox-field.css +0 -6
  206. package/src/tokens/molecules/consent.css +1 -0
  207. package/src/tokens/molecules/conversation-thread.css +10 -0
  208. package/src/tokens/molecules/date-picker-field.css +0 -6
  209. package/src/tokens/molecules/date-time-field.css +0 -6
  210. package/src/tokens/molecules/dropdown-field.css +0 -6
  211. package/src/tokens/molecules/file-upload-field.css +0 -6
  212. package/src/tokens/molecules/floating-toolbar.css +18 -0
  213. package/src/tokens/molecules/floating-toolbar.ts +4 -0
  214. package/src/tokens/molecules/input-field.css +0 -1
  215. package/src/tokens/molecules/input-phone-field.css +0 -6
  216. package/src/tokens/molecules/modal.css +1 -0
  217. package/src/tokens/molecules/multi-select-field.css +0 -6
  218. package/src/tokens/molecules/number-input-field.css +0 -6
  219. package/src/tokens/molecules/otp-field.css +0 -6
  220. package/src/tokens/molecules/radio-field.css +0 -6
  221. package/src/tokens/molecules/recurrence-field.css +1 -0
  222. package/src/tokens/molecules/select-field.css +0 -6
  223. package/src/tokens/molecules/sidebar-nav.css +0 -6
  224. package/src/tokens/molecules/site-search.css +0 -2
  225. package/src/tokens/molecules/switcher-field.css +0 -1
  226. package/src/tokens/molecules/table.css +1 -0
  227. package/src/tokens/molecules/textarea-field.css +0 -6
  228. package/src/tokens/molecules/time-field.css +0 -6
  229. package/src/tokens/scss/_index.legacy.scss +1 -0
  230. package/src/tokens/scss/_index.scss +1 -0
  231. package/src/tokens/scss/components/_async-multi-select.scss +4 -0
  232. package/src/tokens/scss/components/_async-select.scss +3 -0
  233. package/src/tokens/scss/components/_autocomplete.scss +1 -0
  234. package/src/tokens/scss/components/_breadcrumb.scss +0 -2
  235. package/src/tokens/scss/components/_button.scss +0 -23
  236. package/src/tokens/scss/components/_control.scss +0 -4
  237. package/src/tokens/scss/components/_file-upload.scss +0 -4
  238. package/src/tokens/scss/components/_site-header.scss +0 -1
  239. package/src/tokens/scss/molecules/_async-multi-select-field.scss +0 -5
  240. package/src/tokens/scss/molecules/_async-select-field.scss +0 -5
  241. package/src/tokens/scss/molecules/_autocomplete-field.scss +0 -5
  242. package/src/tokens/scss/molecules/_avatar-upload.scss +0 -5
  243. package/src/tokens/scss/molecules/_calendar-roster.scss +4 -0
  244. package/src/tokens/scss/molecules/_chart.scss +0 -2
  245. package/src/tokens/scss/molecules/_checkbox-field.scss +0 -5
  246. package/src/tokens/scss/molecules/_consent.scss +1 -0
  247. package/src/tokens/scss/molecules/_conversation-thread.scss +3 -0
  248. package/src/tokens/scss/molecules/_date-picker-field.scss +0 -5
  249. package/src/tokens/scss/molecules/_date-time-field.scss +0 -5
  250. package/src/tokens/scss/molecules/_dropdown-field.scss +0 -5
  251. package/src/tokens/scss/molecules/_file-upload-field.scss +0 -5
  252. package/src/tokens/scss/molecules/_floating-toolbar.scss +15 -0
  253. package/src/tokens/scss/molecules/_input-field.scss +0 -1
  254. package/src/tokens/scss/molecules/_input-phone-field.scss +0 -5
  255. package/src/tokens/scss/molecules/_modal.scss +1 -0
  256. package/src/tokens/scss/molecules/_multi-select-field.scss +0 -5
  257. package/src/tokens/scss/molecules/_number-input-field.scss +0 -5
  258. package/src/tokens/scss/molecules/_otp-field.scss +0 -5
  259. package/src/tokens/scss/molecules/_radio-field.scss +0 -5
  260. package/src/tokens/scss/molecules/_recurrence-field.scss +1 -0
  261. package/src/tokens/scss/molecules/_select-field.scss +0 -5
  262. package/src/tokens/scss/molecules/_sidebar-nav.scss +0 -4
  263. package/src/tokens/scss/molecules/_site-search.scss +0 -2
  264. package/src/tokens/scss/molecules/_switcher-field.scss +0 -1
  265. package/src/tokens/scss/molecules/_table.scss +1 -0
  266. package/src/tokens/scss/molecules/_textarea-field.scss +0 -5
  267. package/src/tokens/scss/molecules/_time-field.scss +0 -5
  268. package/src/tokens/surface-dark-derived.css +2 -1
  269. package/src/tokens/surface-invert.css +15 -21
  270. package/src/tokens/surface-public.css +0 -19
  271. package/src/tokens/tokens.json +31 -129
  272. package/CHANGELOG.md +0 -8154
  273. package/dist/_types/data/home.d.ts +0 -83
  274. package/dist/_types/pages/Auth/AuthPage.d.ts +0 -24
  275. package/dist/_types/pages/Onboarding/OnboardingPage.d.ts +0 -37
  276. package/dist/_types/pages/Status/StatusPage.d.ts +0 -37
  277. package/dist/_types/pages/Status/_datos.d.ts +0 -47
  278. package/src/tokens/surface-light.css +0 -782
  279. package/src/tokens/utils.test.ts +0 -86
package/src/tokens/surface-light.css DELETED
@@ -1,782 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- *
4
- * Superficie siempre clara: `.surface-light` devuelve a su valor claro todo
5
- * token que el modo oscuro haya volteado. Sobre página clara no hace falta
6
- * bloque: los tokens ya están en claro.
7
- */
8
-
9
- .surface-dark .surface-light,
10
- .surface-invert .surface-light,
11
- [data-theme="dark"] .surface-light,
12
- html.dark .surface-light {
13
- --accordion-border-color: var(--color-primary);
14
- --accordion-index-color: var(--color-text-muted-on-light);
15
- --accordion-focus-ring-color: var(--color-primary);
16
- --alert-bg: var(--color-primary);
17
- --alert-border-color: var(--color-text-on-dark);
18
- --alert-title-color: var(--color-text-on-dark);
19
- --alert-description-color: var(--color-text-on-dark);
20
- --app-header-bg: var(--color-background-light);
21
- --app-header-border-color: var(--color-primary);
22
- --app-launcher-trigger-color: var(--color-text-on-light);
23
- --app-launcher-focus-ring-color: var(--color-primary);
24
- --app-launcher-trigger-label-color: var(--sidebar-nav-item-color);
25
- --app-launcher-content-bg: var(--floating-panel-bg);
26
- --app-launcher-content-border-color: var(--floating-panel-border-color);
27
- --app-launcher-tile-name-color: var(--color-text-on-light);
28
- --app-launcher-tile-disabled-color: var(--color-disabled-text-on-light);
29
- --app-launcher-trigger-hover-bg: var(--menu-item-highlighted-bg);
30
- --app-launcher-trigger-hover-color: var(--menu-item-highlighted-color);
31
- --app-launcher-tile-highlighted-bg: var(--menu-item-highlighted-bg);
32
- --app-launcher-tile-highlighted-color: var(--menu-item-highlighted-color);
33
- --app-launcher-tile-badge-hover-bg: var(--menu-item-highlighted-color);
34
- --app-launcher-tile-badge-hover-color: var(--menu-item-highlighted-bg);
35
- --async-multi-select-bg: var(--multi-select-bg);
36
- --async-multi-select-border-color: var(--multi-select-border-color);
37
- --async-multi-select-color: var(--multi-select-color);
38
- --async-multi-select-content-bg: var(--multi-select-content-bg);
39
- --async-multi-select-content-border-color: var(--multi-select-content-border-color);
40
- --async-multi-select-error-border-color: var(--multi-select-error-border-color);
41
- --async-multi-select-focus-ring-color: var(--multi-select-focus-ring-color);
42
- --async-multi-select-item-highlighted-bg: var(--multi-select-item-highlighted-bg);
43
- --async-multi-select-item-highlighted-color: var(--multi-select-item-highlighted-color);
44
- --async-multi-select-placeholder-color: var(--multi-select-placeholder-color);
45
- --async-multi-select-pill-bg: var(--multi-select-pill-bg);
46
- --async-multi-select-pill-color: var(--multi-select-pill-color);
47
- --async-multi-select-empty-color: var(--color-text-muted-on-light);
48
- --async-select-bg: var(--select-bg);
49
- --async-select-border-color: var(--select-border-color);
50
- --async-select-color: var(--select-color);
51
- --async-select-content-bg: var(--select-content-bg);
52
- --async-select-content-border-color: var(--select-content-border-color);
53
- --async-select-error-border-color: var(--select-error-border-color);
54
- --async-select-focus-ring-color: var(--select-focus-ring-color);
55
- --async-select-item-highlighted-bg: var(--select-item-highlighted-bg);
56
- --async-select-item-highlighted-color: var(--select-item-highlighted-color);
57
- --async-select-placeholder-color: var(--multi-select-placeholder-color);
58
- --async-select-empty-color: var(--color-text-muted-on-light);
59
- --autocomplete-bg: var(--async-select-bg);
60
- --autocomplete-border-color: var(--async-select-border-color);
61
- --autocomplete-color: var(--async-select-color);
62
- --autocomplete-content-bg: var(--async-select-content-bg);
63
- --autocomplete-content-border-color: var(--async-select-content-border-color);
64
- --autocomplete-error-border-color: var(--async-select-error-border-color);
65
- --autocomplete-focus-ring-color: var(--async-select-focus-ring-color);
66
- --autocomplete-item-highlighted-bg: var(--async-select-item-highlighted-bg);
67
- --autocomplete-item-highlighted-color: var(--async-select-item-highlighted-color);
68
- --autocomplete-placeholder-color: var(--async-select-placeholder-color);
69
- --avatar-initials-bg: var(--color-primary);
70
- --avatar-initials-color: var(--color-text-on-dark);
71
- --breadcrumb-separator-color: var(--color-text-on-light);
72
- --breadcrumb-link-color: var(--color-text-on-light);
73
- --breadcrumb-link-color-hover: var(--color-primary);
74
- --breadcrumb-current-color: var(--color-text-on-light);
75
- --breadcrumb-focus-ring-color: var(--color-primary);
76
- --button-primary-focus-ring-color: var(--color-primary);
77
- --button-destructive-focus-ring-color: var(--color-destructive-text-on-light);
78
- --button-destructive-color: var(--color-destructive-text-on-light);
79
- --button-destructive-border: var(--color-destructive-text-on-light);
80
- --button-destructive-hover-bg: var(--color-destructive-fill);
81
- --button-destructive-hover-color: var(--color-destructive-fill-text);
82
- --button-destructive-hover-border: var(--color-destructive-fill);
83
- --button-destructive-active-bg: var(--color-destructive-fill);
84
- --button-destructive-active-color: var(--color-destructive-fill-text);
85
- --button-destructive-active-border: var(--color-destructive-fill);
86
- --button-outline-focus-ring-color: var(--color-text-on-light);
87
- --button-outline-color: var(--color-text-on-light);
88
- --button-outline-border: var(--color-text-on-light);
89
- --button-outline-hover-bg: var(--color-text-on-light);
90
- --button-outline-hover-color: var(--color-text-on-dark);
91
- --button-outline-hover-border: var(--color-text-on-light);
92
- --button-outline-active-bg: var(--color-text-on-light);
93
- --button-outline-active-color: var(--color-text-on-dark);
94
- --button-outline-active-border: var(--color-text-on-light);
95
- --button-text-underline-width: var(--link-underline-width);
96
- --button-text-hover-underline-width: var(--link-hover-underline-width);
97
- --button-text-ink-color: var(--link-ink-color);
98
- --button-text-disabled-color: var(--button-disabled-color);
99
- --button-text-focus-ring-color: var(--link-focus-ring-color);
100
- --button-text-color: var(--link-color);
101
- --button-text-hover-color: var(--link-hover-color);
102
- --button-text-active-color: var(--link-hover-color);
103
- --button-ghost-disabled-color: var(--button-disabled-color);
104
- --button-ghost-focus-ring-color: var(--color-primary);
105
- --button-ghost-color: var(--color-text-on-light);
106
- --button-ghost-hover-bg: var(--color-primary);
107
- --button-ghost-hover-color: var(--color-text-on-dark);
108
- --button-ghost-active-bg: var(--color-primary);
109
- --button-ghost-active-color: var(--color-text-on-dark);
110
- --card-outline-bg: var(--color-background-light);
111
- --card-outline-color: var(--color-text-on-light);
112
- --card-outline-border-color: var(--color-primary);
113
- --card-selectable-focus-ring-color: var(--button-primary-focus-ring-color);
114
- --checkbox-border-color: var(--color-primary);
115
- --checkbox-bg-checked: var(--color-primary);
116
- --checkbox-check-color: var(--color-white);
117
- --checkbox-focus-ring-color: var(--color-primary);
118
- --checkbox-error-border-color: var(--color-error-text-on-light);
119
- --checkbox-disabled-border-color: var(--color-disabled-border-on-light);
120
- --checkbox-disabled-bg-checked: var(--color-disabled-border-on-light);
121
- --close-button-color: var(--color-text-on-light);
122
- --close-button-focus-ring-color: var(--color-text-on-light);
123
- --code-block-border-color: var(--card-outline-border-color);
124
- --code-block-color: var(--color-text-on-light);
125
- --code-block-bg: var(--color-surface-secondary-on-light);
126
- --code-block-focus-ring-color: var(--color-primary);
127
- --code-block-token-keyword-color: var(--color-chart-sequential-700);
128
- --code-block-token-tag-color: var(--code-block-token-keyword-color);
129
- --code-block-token-constant-color: var(--code-block-token-keyword-color);
130
- --code-block-token-string-color: var(--color-green);
131
- --code-block-token-regexp-color: var(--code-block-token-string-color);
132
- --code-block-token-attribute-color: var(--code-block-token-string-color);
133
- --code-block-token-number-color: var(--color-chart-diverging-warm-3);
134
- --code-block-token-function-color: var(--code-block-token-number-color);
135
- --code-block-token-comment-color: var(--color-text-muted-on-light);
136
- --code-block-token-punctuation-color: var(--code-block-token-comment-color);
137
- --code-block-token-operator-color: var(--code-block-token-comment-color);
138
- --code-block-token-variable-color: var(--code-block-color);
139
- --code-block-token-property-color: var(--code-block-token-variable-color);
140
- --code-bg: var(--code-block-bg);
141
- --code-color: var(--code-block-color);
142
- --collapsible-trigger-color: var(--color-text-on-light);
143
- --collapsible-focus-ring-color: var(--color-primary);
144
- --color-swatch-border-color: var(--color-border-default-on-light);
145
- --description-list-border-color: var(--color-primary);
146
- --description-list-term-color: var(--color-text-on-light);
147
- --description-list-value-color: var(--color-text-on-light);
148
- --empty-state-icon-color: var(--color-icon-secondary-on-light);
149
- --empty-state-title-color: var(--color-text-muted-on-light);
150
- --empty-state-description-color: var(--color-text-muted-on-light);
151
- --figure-media-bg: var(--color-surface-secondary-on-light);
152
- --figure-caption-color: var(--color-text-muted-on-light);
153
- --file-upload-border-color: var(--color-primary);
154
- --file-upload-bg: var(--color-surface-secondary-on-light);
155
- --file-upload-text-color: var(--color-text-on-light);
156
- --file-upload-subtext-color: var(--color-text-muted-on-light);
157
- --file-upload-icon-color: var(--color-text-on-light);
158
- --file-upload-drag-border-color: var(--color-primary);
159
- --file-upload-drag-bg: var(--color-white);
160
- --file-upload-error-border-color: var(--color-error-text-on-light);
161
- --file-upload-error-bg: var(--color-surface-secondary-on-light);
162
- --file-upload-item-bg: var(--color-white);
163
- --file-upload-item-border-color: var(--color-primary);
164
- --file-upload-item-name-color: var(--color-text-on-light);
165
- --file-upload-item-size-color: var(--color-text-muted-on-light);
166
- --file-upload-item-error-color: var(--color-error-text-on-light);
167
- --file-upload-item-error-border-color: var(--color-error-text-on-light);
168
- --file-upload-item-error-bg: var(--color-white);
169
- --file-upload-thumb-bg: var(--color-surface-secondary-on-light);
170
- --file-upload-thumb-icon-color: var(--color-icon-secondary-on-light);
171
- --file-upload-remove-color: var(--color-text-muted-on-light);
172
- --file-upload-remove-color-hover: var(--color-error-text-on-light);
173
- --floating-dock-panel-bg: var(--floating-panel-bg);
174
- --floating-dock-panel-border-color: var(--floating-panel-border-color);
175
- --floating-dock-title-color: var(--modal-title-color);
176
- --floating-dock-description-color: var(--modal-description-color);
177
- --floating-dock-close-color: var(--modal-close-color);
178
- --floating-dock-close-focus-ring-color: var(--modal-close-focus-ring-color);
179
- --floating-dock-focus-ring-color: var(--color-primary);
180
- --floating-panel-bg: var(--color-background-light);
181
- --floating-panel-border-color: var(--color-primary);
182
- --form-error-color: var(--color-error-text-on-light);
183
- --form-helper-color: var(--color-text-on-light);
184
- --form-success-color: var(--color-text-on-light);
185
- --input-phone-country-border-color: var(--color-primary);
186
- --input-phone-country-item-highlighted-bg: var(--select-item-highlighted-bg);
187
- --input-phone-country-item-highlighted-color: var(--select-item-highlighted-color);
188
- --input-bg: var(--color-white);
189
- --input-color: var(--color-text-on-light);
190
- --input-border-color: var(--color-primary);
191
- --input-placeholder-color: var(--color-text-placeholder-on-light);
192
- --input-focus-border-color: var(--color-primary);
193
- --input-focus-ring-color: var(--color-primary);
194
- --input-disabled-bg: var(--color-disabled-bg-on-light);
195
- --input-disabled-color: var(--color-disabled-text-on-light);
196
- --input-disabled-border-color: var(--color-disabled-border-on-light);
197
- --input-error-bg: var(--color-white);
198
- --input-error-color: var(--color-text-on-light);
199
- --input-error-border-color: var(--color-error-text-on-light);
200
- --input-error-placeholder-color: var(--color-text-placeholder-on-light);
201
- --input-error-focus-border-color: var(--color-error-text-on-light);
202
- --input-error-focus-ring-color: var(--color-error-text-on-light);
203
- --kbd-border-color: var(--color-primary);
204
- --kbd-bg: var(--color-surface-secondary-on-light);
205
- --kbd-color: var(--color-text-on-light);
206
- --label-color: var(--color-text-on-light);
207
- --link-color: var(--color-text-on-light);
208
- --link-hover-color: var(--color-text-on-light);
209
- --link-underline-width: var(--border-width-default);
210
- --link-hover-underline-width: 0px;
211
- --link-focus-ring-color: var(--color-primary);
212
- --link-ink-color: var(--color-text-on-light);
213
- --loading-state-spinner-color: var(--empty-state-icon-color);
214
- --loading-state-label-color: var(--empty-state-description-color);
215
- --logo-color: var(--color-text-on-light);
216
- --logomark-color: var(--color-text-on-light);
217
- --menu-button-color: var(--color-text-on-light);
218
- --menu-button-focus-ring-color: var(--color-primary);
219
- --menu-bg: var(--floating-panel-bg);
220
- --menu-border-color: var(--floating-panel-border-color);
221
- --menu-item-color: var(--color-text-on-light);
222
- --menu-item-highlighted-bg: var(--color-primary);
223
- --menu-item-highlighted-color: var(--color-text-on-dark);
224
- --menu-item-destructive-color: var(--color-destructive-text-on-light);
225
- --menu-item-destructive-highlighted-bg: var(--color-destructive-fill);
226
- --menu-item-destructive-highlighted-color: var(--color-destructive-fill-text);
227
- --menu-label-color: var(--color-text-muted-on-light);
228
- --menu-separator-color: var(--separator-color);
229
- --message-bubble-color: var(--color-text-on-light);
230
- --message-bubble-border-color: var(--color-text-on-light);
231
- --message-bubble-tail-fill: var(--color-background-light);
232
- --modal-bg: var(--color-background-light);
233
- --modal-border-color: rgba(0, 0, 0, 0);
234
- --modal-title-color: var(--color-text-on-light);
235
- --modal-description-color: var(--color-text-muted-on-light);
236
- --modal-close-color: var(--color-primary);
237
- --modal-close-focus-ring-color: var(--color-primary);
238
- --multi-select-border-color: var(--select-border-color);
239
- --multi-select-error-border-color: var(--color-error-text-on-light);
240
- --multi-select-color: var(--select-color);
241
- --multi-select-placeholder-color: var(--color-text-placeholder-on-light);
242
- --multi-select-bg: var(--select-bg);
243
- --multi-select-focus-ring-color: var(--select-focus-ring-color);
244
- --multi-select-content-bg: var(--select-content-bg);
245
- --multi-select-content-border-color: var(--select-content-border-color);
246
- --multi-select-pill-bg: var(--color-primary);
247
- --multi-select-pill-color: var(--color-white);
248
- --multi-select-item-highlighted-bg: var(--select-item-highlighted-bg);
249
- --multi-select-item-highlighted-color: var(--select-item-highlighted-color);
250
- --number-badge-primary-bg: var(--color-primary);
251
- --number-badge-primary-color: var(--color-text-on-dark);
252
- --number-badge-neutral-bg: var(--color-surface-inverse-on-light);
253
- --number-badge-neutral-color: var(--color-text-on-dark);
254
- --number-input-border-color: var(--input-border-color);
255
- --number-input-bg: var(--input-bg);
256
- --number-input-color: var(--input-color);
257
- --number-input-btn-color: var(--color-primary);
258
- --number-input-btn-hover-line-color: var(--color-primary);
259
- --number-input-btn-separator-color: var(--input-border-color);
260
- --number-input-focus-ring-color: var(--input-focus-ring-color);
261
- --number-input-focus-border-color: var(--input-focus-border-color);
262
- --number-input-disabled-bg: var(--input-disabled-bg);
263
- --number-input-disabled-color: var(--input-disabled-color);
264
- --number-input-disabled-border-color: var(--input-disabled-border-color);
265
- --number-input-disabled-btn-color: var(--input-disabled-color);
266
- --number-input-error-border-color: var(--input-error-border-color);
267
- --number-input-error-bg: var(--input-error-bg);
268
- --number-input-error-color: var(--input-error-color);
269
- --number-input-error-focus-border-color: var(--input-error-focus-border-color);
270
- --number-input-error-focus-ring-color: var(--input-error-focus-ring-color);
271
- --org-switcher-focus-ring-color: var(--color-primary);
272
- --org-switcher-name-color: var(--color-text-on-light);
273
- --org-switcher-content-bg: var(--floating-panel-bg);
274
- --org-switcher-content-border-color: var(--floating-panel-border-color);
275
- --org-switcher-item-color: var(--color-text-on-light);
276
- --org-switcher-item-highlighted-bg: var(--menu-item-highlighted-bg);
277
- --org-switcher-item-highlighted-color: var(--menu-item-highlighted-color);
278
- --org-switcher-item-destructive-color: var(--menu-item-destructive-color);
279
- --org-switcher-item-destructive-highlighted-bg: var(--menu-item-destructive-highlighted-bg);
280
- --org-switcher-item-destructive-highlighted-color: var(--menu-item-destructive-highlighted-color);
281
- --org-switcher-separator-color: var(--separator-color);
282
- --pagination-summary-color: var(--color-text-on-light);
283
- --pagination-btn-color: var(--color-primary);
284
- --pagination-btn-border-color: var(--color-primary);
285
- --pagination-btn-hover-bg: var(--color-primary);
286
- --pagination-btn-hover-color: var(--color-text-on-dark);
287
- --pagination-btn-hover-border-color: var(--color-primary);
288
- --pagination-btn-current-bg: var(--color-primary);
289
- --pagination-btn-current-color: var(--color-text-on-dark);
290
- --pagination-btn-current-border-color: var(--color-primary);
291
- --pagination-btn-disabled-color: var(--color-disabled-border-on-light);
292
- --pagination-btn-disabled-border-color: var(--color-disabled-border-on-light);
293
- --pagination-ellipsis-color: var(--color-text-muted-on-light);
294
- --pagination-focus-ring-color: var(--color-primary);
295
- --password-field-toggle-color: var(--color-primary);
296
- --password-field-toggle-color-hover: var(--color-primary);
297
- --password-field-toggle-focus-ring-color: var(--color-primary);
298
- --popover-bg: var(--floating-panel-bg);
299
- --popover-border-color: var(--floating-panel-border-color);
300
- --popover-focus-ring-color: var(--color-primary);
301
- --progress-bar-track-bg: var(--color-surface-secondary-on-light);
302
- --progress-bar-fill-border-color: var(--color-text-on-light);
303
- --progress-bar-track-border-color: var(--color-text-on-light);
304
- --progress-bar-primary-fill: var(--color-primary);
305
- --progress-bar-primary-label-inside-color: var(--color-text-on-dark);
306
- --progress-bar-label-outside-color: var(--color-text-on-light);
307
- --radio-border-color: var(--color-primary);
308
- --radio-error-border-color: var(--color-error-text-on-light);
309
- --radio-dot-color: var(--color-primary);
310
- --radio-focus-ring-color: var(--color-primary);
311
- --scroll-area-thumb-bg: var(--color-border-default-on-light);
312
- --scroll-area-thumb-hover-bg: var(--color-icon-secondary-on-light);
313
- --scroll-area-focus-ring-color: var(--color-primary);
314
- --select-border-color: var(--color-primary);
315
- --select-error-border-color: var(--color-error-text-on-light);
316
- --select-color: var(--color-text-on-light);
317
- --select-bg: var(--color-white);
318
- --select-focus-ring-color: var(--color-primary);
319
- --select-content-bg: var(--color-white);
320
- --select-content-border-color: var(--color-primary);
321
- --select-separator-color: var(--separator-color);
322
- --select-item-highlighted-bg: var(--color-primary);
323
- --select-item-highlighted-color: var(--color-text-on-dark);
324
- --separator-color: var(--color-primary);
325
- --sidebar-nav-group-label-color: var(--color-primary);
326
- --sidebar-nav-item-color: var(--color-text-on-light);
327
- --sidebar-nav-item-active-color: var(--color-primary);
328
- --sidebar-nav-focus-ring-color: var(--color-primary);
329
- --sidebar-nav-item-empty-color: var(--color-text-muted-on-light);
330
- --sidebar-nav-item-empty-mark-color: var(--color-text-muted-on-light);
331
- --sidebar-nav-item-hover-line-color: var(--color-primary);
332
- --sidebar-bg: var(--color-background-light);
333
- --sidebar-border-color: var(--color-primary);
334
- --sidebar-resizer-hover-color: var(--color-primary);
335
- --sidebar-separator-color: var(--separator-color);
336
- --site-footer-legal-separator-color: var(--separator-color);
337
- --site-header-bg: var(--color-background-light);
338
- --site-header-panel-bg: var(--color-background-light);
339
- --skeleton-bg: var(--color-surface-secondary-on-light);
340
- --skeleton-highlight: var(--color-white);
341
- --skip-link-bg: var(--color-primary);
342
- --skip-link-color: var(--color-text-on-dark);
343
- --skip-link-focus-ring-color: var(--color-primary);
344
- --slider-track-bg: var(--color-border-default-on-light);
345
- --slider-indicator-bg: var(--color-primary);
346
- --slider-thumb-bg: var(--color-primary);
347
- --slider-thumb-border-color: var(--color-primary);
348
- --slider-value-color: var(--color-text-on-light);
349
- --slider-focus-ring-color: var(--color-primary);
350
- --sparkline-color: var(--chart-muted-color);
351
- --sparkline-accent-color: var(--chart-series-1);
352
- --sparkline-baseline-color: var(--chart-axis-color);
353
- --star-rating-track-color: var(--color-icon-secondary-on-light);
354
- --star-rating-count-color: var(--color-text-muted-on-light);
355
- --star-rating-empty-color: var(--color-text-muted-on-light);
356
- --star-rating-fill-color: var(--color-primary);
357
- --star-rating-focus-ring-color: var(--color-primary);
358
- --step-pending-bg: var(--color-background-light);
359
- --step-pending-border-color: var(--color-border-default-on-light);
360
- --step-pending-color: var(--color-text-muted-on-light);
361
- --step-tone-primary-bg: var(--color-primary);
362
- --step-tone-primary-color: var(--color-text-on-dark);
363
- --step-tone-neutral-bg: var(--color-surface-inverse-on-light);
364
- --step-tone-neutral-color: var(--color-text-on-dark);
365
- --step-connector-color: var(--color-border-default-on-light);
366
- --step-connector-done-color: var(--color-primary);
367
- --step-description-color: var(--color-text-muted-on-light);
368
- --switcher-track-bg: var(--color-border-default-on-light);
369
- --switcher-track-bg-checked: var(--color-primary);
370
- --switcher-thumb-bg: var(--color-white);
371
- --switcher-focus-ring-color: var(--color-primary);
372
- --switcher-error-ring-color: var(--color-error-text-on-light);
373
- --table-color: var(--color-text-on-light);
374
- --table-header-border-color: var(--color-text-on-light);
375
- --table-sort-icon-color: var(--color-text-muted-on-light);
376
- --table-sort-icon-active-color: var(--color-primary);
377
- --table-row-border-color: var(--color-primary);
378
- --table-row-selected-color: var(--color-primary);
379
- --table-row-hover-marker-color: var(--color-primary);
380
- --table-sticky-bg: var(--color-background-light);
381
- --table-footer-bg: var(--color-surface-secondary-on-light);
382
- --table-footer-border-color: var(--color-text-on-light);
383
- --table-focus-ring-color: var(--color-primary);
384
- --tabs-list-border-color: var(--color-primary);
385
- --tabs-trigger-color: var(--color-text-muted-on-light);
386
- --tabs-trigger-hover-color: var(--color-text-on-light);
387
- --tabs-trigger-active-color: var(--color-text-on-light);
388
- --tabs-trigger-indicator-color: var(--color-primary);
389
- --tabs-trigger-pill-bg-active: var(--color-primary);
390
- --tabs-trigger-pill-color-active: var(--color-white);
391
- --tabs-focus-ring-color: var(--color-primary);
392
- --tag-primary-bg: var(--color-primary);
393
- --tag-primary-color: var(--color-text-on-dark);
394
- --tag-info-bg: var(--color-primary);
395
- --tag-info-color: var(--color-text-on-dark);
396
- --text-inline-muted-color: var(--color-text-muted-on-light);
397
- --text-inline-destructive-color: var(--color-destructive-text-on-light);
398
- --text-inline-success-color: var(--color-success-text-on-light);
399
- --text-inline-strikethrough-color: var(--color-text-muted-on-light);
400
- --text-color: var(--color-text-on-light);
401
- --text-background: var(--color-background-light);
402
- --text-h1-color: var(--text-heading-color);
403
- --text-h2-color: var(--text-heading-color);
404
- --text-h3-color: var(--text-heading-color);
405
- --text-h4-color: var(--text-heading-color);
406
- --text-h5-color: var(--text-heading-color);
407
- --text-h6-color: var(--text-heading-color);
408
- --text-list-color: var(--text-color);
409
- --text-list-secondary-color: var(--color-text-muted-on-light);
410
- --text-list-separator-color: var(--separator-color);
411
- --textarea-bg: var(--color-white);
412
- --textarea-color: var(--color-text-on-light);
413
- --textarea-border-color: var(--color-primary);
414
- --textarea-placeholder-color: var(--color-text-placeholder-on-light);
415
- --textarea-focus-border-color: var(--color-primary);
416
- --textarea-focus-ring-color: var(--color-primary);
417
- --textarea-disabled-bg: var(--color-disabled-bg-on-light);
418
- --textarea-disabled-color: var(--color-disabled-text-on-light);
419
- --textarea-disabled-border-color: var(--color-disabled-border-on-light);
420
- --textarea-error-bg: var(--color-white);
421
- --textarea-error-color: var(--color-text-on-light);
422
- --textarea-error-border-color: var(--color-error-text-on-light);
423
- --textarea-error-placeholder-color: var(--color-text-placeholder-on-light);
424
- --textarea-error-focus-border-color: var(--color-error-text-on-light);
425
- --textarea-error-focus-ring-color: var(--color-error-text-on-light);
426
- --time-select-sep-color: var(--color-text-on-light);
427
- --toggle-border-color: var(--color-icon-secondary-on-light);
428
- --toggle-color: var(--color-text-on-light);
429
- --toggle-hover-border-color: var(--color-primary);
430
- --toggle-pressed-bg: var(--color-primary);
431
- --toggle-pressed-color: var(--color-text-on-dark);
432
- --toggle-pressed-border-color: var(--color-primary);
433
- --toggle-focus-ring-color: var(--color-primary);
434
- --tooltip-bg: var(--color-background-dark);
435
- --tooltip-color: var(--color-text-on-dark);
436
- --typing-indicator-dot-color: var(--color-text-on-light);
437
- --user-menu-focus-ring-color: var(--color-primary);
438
- --user-menu-name-color: var(--color-text-on-light);
439
- --user-menu-content-bg: var(--floating-panel-bg);
440
- --user-menu-content-border-color: var(--floating-panel-border-color);
441
- --user-menu-header-name-color: var(--color-text-on-light);
442
- --user-menu-header-email-color: var(--color-text-muted-on-light);
443
- --user-menu-item-color: var(--color-text-on-light);
444
- --user-menu-item-highlighted-bg: var(--menu-item-highlighted-bg);
445
- --user-menu-item-highlighted-color: var(--menu-item-highlighted-color);
446
- --user-menu-item-destructive-color: var(--color-destructive-text-on-light);
447
- --user-menu-item-destructive-highlighted-bg: var(--menu-item-destructive-highlighted-bg);
448
- --user-menu-item-destructive-highlighted-color: var(--menu-item-destructive-highlighted-color);
449
- --user-menu-separator-color: var(--separator-color);
450
- --assistant-message-model-color: var(--color-text-on-light);
451
- --assistant-message-timestamp-color: var(--color-text-muted-on-light);
452
- --async-multi-select-field-error-color: var(--form-error-color);
453
- --async-multi-select-field-helper-color: var(--form-helper-color);
454
- --async-select-field-error-color: var(--form-error-color);
455
- --async-select-field-helper-color: var(--form-helper-color);
456
- --autocomplete-field-error-color: var(--async-select-field-error-color);
457
- --autocomplete-field-helper-color: var(--async-select-field-helper-color);
458
- --avatar-upload-ring-color: var(--color-primary);
459
- --avatar-upload-hint-color: var(--form-helper-color);
460
- --avatar-upload-error-color: var(--form-error-color);
461
- --calendar-planner-nav-color: var(--calendar-nav-color);
462
- --calendar-planner-nav-focus-ring-color: var(--calendar-nav-focus-ring-color);
463
- --calendar-planner-title-color: var(--calendar-title-color);
464
- --calendar-planner-weekday-color: var(--calendar-weekday-color);
465
- --calendar-planner-grid-border-color: var(--color-primary);
466
- --calendar-planner-cell-today-number-bg: var(--color-primary);
467
- --calendar-planner-cell-today-number-color: var(--color-text-on-dark);
468
- --calendar-planner-cell-outside-bg: var(--color-surface-secondary-on-light);
469
- --calendar-planner-cell-focus-ring-color: var(--calendar-day-focus-ring-color);
470
- --calendar-planner-day-number-color: var(--calendar-day-color);
471
- --calendar-planner-day-number-outside-color: var(--calendar-outside-color);
472
- --calendar-planner-more-color: var(--color-text-muted-on-light);
473
- --calendar-planner-more-hover-color: var(--color-text-on-light);
474
- --calendar-planner-more-focus-ring-color: var(--color-primary);
475
- --calendar-planner-event-time-color: var(--color-text-muted-on-light);
476
- --calendar-planner-hover-line-color: var(--calendar-hover-line-color);
477
- --calendar-roster-border-color: var(--color-primary);
478
- --calendar-roster-th-name-color: var(--color-text-muted-on-light);
479
- --calendar-roster-th-name-bg: var(--color-background-light);
480
- --calendar-roster-th-day-color: var(--color-text-on-light);
481
- --calendar-roster-th-day-bg: var(--color-background-light);
482
- --calendar-roster-th-day-today-color: var(--color-background-light);
483
- --calendar-roster-th-day-today-bg: var(--color-primary);
484
- --calendar-roster-td-name-color: var(--color-text-on-light);
485
- --calendar-roster-td-name-bg: var(--color-background-light);
486
- --calendar-roster-cell-bg: var(--color-background-light);
487
- --calendar-roster-cell-weekend-bg: var(--color-surface-secondary-on-light);
488
- --calendar-roster-cell-holiday-bg: var(--color-surface-secondary-on-light);
489
- --calendar-roster-cell-non-working-bg: var(--color-surface-secondary-on-light);
490
- --calendar-roster-schedule-color: var(--color-text-on-light);
491
- --calendar-roster-legend-color: var(--color-text-muted-on-light);
492
- --calendar-nav-color: var(--color-text-on-light);
493
- --calendar-nav-disabled-color: var(--color-icon-secondary-on-light);
494
- --calendar-nav-focus-ring-color: var(--color-primary);
495
- --calendar-title-color: var(--color-text-on-light);
496
- --calendar-weekday-color: var(--color-text-muted-on-light);
497
- --calendar-day-color: var(--color-text-on-light);
498
- --calendar-day-focus-ring-color: var(--color-primary);
499
- --calendar-today-color: var(--color-primary);
500
- --calendar-today-marker-color: var(--color-primary);
501
- --calendar-selected-bg: var(--color-primary);
502
- --calendar-selected-color: var(--color-text-on-dark);
503
- --calendar-outside-color: var(--color-text-muted-on-light);
504
- --calendar-disabled-color: var(--color-icon-secondary-on-light);
505
- --calendar-year-color: var(--calendar-day-color);
506
- --calendar-year-current-color: var(--calendar-today-color);
507
- --calendar-year-selected-bg: var(--calendar-selected-bg);
508
- --calendar-year-selected-color: var(--calendar-selected-color);
509
- --calendar-year-disabled-color: var(--calendar-disabled-color);
510
- --calendar-hover-line-color: var(--color-primary);
511
- --carousel-indicator-color: var(--color-text-muted-on-light);
512
- --carousel-indicator-current-color: var(--color-text-on-light);
513
- --carousel-focus-ring-color: var(--color-primary);
514
- --checkbox-field-label-color: var(--text-color);
515
- --checkbox-field-error-color: var(--form-error-color);
516
- --checkbox-field-helper-color: var(--form-helper-color);
517
- --clock-widget-date-color: var(--color-text-muted-on-light);
518
- --clock-widget-status-color: var(--color-text-muted-on-light);
519
- --clock-widget-status-dot-closed-bg: var(--color-border-default-on-light);
520
- --clock-widget-elapsed-color: var(--color-text-on-light);
521
- --clock-widget-elapsed-label-color: var(--color-text-muted-on-light);
522
- --color-picker-field-helper-color: var(--form-helper-color);
523
- --color-picker-trigger-bg: var(--input-bg);
524
- --color-picker-trigger-border-color: var(--input-border-color);
525
- --color-picker-trigger-focus-border-color: var(--input-focus-border-color);
526
- --color-picker-trigger-focus-ring-color: var(--input-focus-ring-color);
527
- --color-picker-trigger-error-border-color: var(--input-error-border-color);
528
- --color-picker-trigger-error-focus-ring-color: var(--input-error-focus-ring-color);
529
- --color-picker-trigger-disabled-bg: var(--input-disabled-bg);
530
- --color-picker-trigger-disabled-border-color: var(--input-disabled-border-color);
531
- --color-picker-area-border-color: var(--color-border-default-on-light);
532
- --color-picker-thumb-focus-ring-color: var(--color-primary);
533
- --color-picker-preset-focus-ring-color: var(--color-primary);
534
- --color-picker-preset-selected-ring-color: var(--color-primary);
535
- --command-palette-input-border-color: var(--floating-panel-border-color);
536
- --command-palette-input-placeholder-color: var(--color-text-placeholder-on-light);
537
- --command-palette-input-focus-ring-color: var(--color-primary);
538
- --command-palette-input-focus-border-color: var(--color-primary);
539
- --command-palette-empty-color: var(--color-text-muted-on-light);
540
- --command-palette-heading-color: var(--color-text-muted-on-light);
541
- --command-palette-item-color: var(--menu-item-color);
542
- --command-palette-item-highlighted-bg: var(--menu-item-highlighted-bg);
543
- --command-palette-item-highlighted-color: var(--menu-item-highlighted-color);
544
- --consent-banner-bg: var(--color-background-light);
545
- --consent-banner-color: var(--color-text-on-light);
546
- --consent-banner-border-color: var(--color-primary);
547
- --conversation-list-item-color: var(--color-text-muted-on-light);
548
- --conversation-list-item-hover-color: var(--color-text-on-light);
549
- --conversation-list-item-active-color: var(--color-text-on-light);
550
- --conversation-list-delete-color: var(--color-icon-secondary-on-light);
551
- --conversation-list-delete-hover-color: var(--color-destructive-text-on-light);
552
- --conversation-list-focus-ring-color: var(--color-primary);
553
- --date-picker-field-error-color: var(--form-error-color);
554
- --date-picker-field-helper-color: var(--form-helper-color);
555
- --date-picker-button-color: var(--color-primary);
556
- --date-picker-button-hover-color: var(--color-primary);
557
- --date-picker-button-disabled-color: var(--input-disabled-color);
558
- --date-picker-button-focus-ring-color: var(--input-focus-border-color);
559
- --date-picker-message-color: var(--form-error-color);
560
- --date-time-field-error-color: var(--form-error-color);
561
- --date-time-field-helper-color: var(--form-helper-color);
562
- --docs-search-result-color: var(--color-text-on-light);
563
- --docs-search-result-excerpt-color: var(--color-text-muted-on-light);
564
- --docs-search-result-product-color: var(--color-text-muted-on-light);
565
- --docs-search-result-highlighted-bg: var(--menu-item-highlighted-bg);
566
- --docs-search-result-highlighted-color: var(--menu-item-highlighted-color);
567
- --docs-search-status-color: var(--color-text-muted-on-light);
568
- --dropdown-field-color: var(--select-color);
569
- --dropdown-field-bg: var(--select-bg);
570
- --dropdown-field-border-color: var(--select-border-color);
571
- --dropdown-field-focus-ring-color: var(--select-focus-ring-color);
572
- --dropdown-field-error-border-color: var(--select-error-border-color);
573
- --dropdown-field-error-color: var(--form-error-color);
574
- --dropdown-field-helper-color: var(--form-helper-color);
575
- --field-row-empty-color: var(--color-text-muted-on-light);
576
- --file-upload-field-error-color: var(--form-error-color);
577
- --file-upload-field-helper-color: var(--form-helper-color);
578
- --heatmap-border-color: var(--color-primary);
579
- --heatmap-row-header-color: var(--color-text-on-light);
580
- --heatmap-row-header-bg: var(--color-background-light);
581
- --heatmap-column-header-color: var(--color-text-muted-on-light);
582
- --heatmap-column-header-bg: var(--color-background-light);
583
- --heatmap-group-header-color: var(--color-text-muted-on-light);
584
- --heatmap-empty-bg: var(--color-surface-secondary-on-light);
585
- --heatmap-empty-pattern-color: var(--color-border-default-on-light);
586
- --heatmap-legend-color: var(--color-text-muted-on-light);
587
- --heatmap-step-1-bg: var(--color-chart-sequential-100);
588
- --heatmap-step-1-color: var(--color-text-on-light);
589
- --heatmap-step-2-bg: var(--color-chart-sequential-200);
590
- --heatmap-step-2-color: var(--color-text-on-light);
591
- --heatmap-step-3-bg: var(--color-chart-sequential-300);
592
- --heatmap-step-3-color: var(--color-text-on-light);
593
- --heatmap-step-4-bg: var(--color-chart-sequential-500);
594
- --heatmap-step-4-color: var(--color-text-on-light);
595
- --heatmap-step-5-bg: var(--color-chart-sequential-600);
596
- --heatmap-step-5-color: var(--color-text-on-dark);
597
- --heatmap-step-6-bg: var(--color-chart-sequential-700);
598
- --heatmap-step-6-color: var(--color-text-on-dark);
599
- --image-crop-dialog-area-bg: var(--color-surface-secondary-on-light);
600
- --input-field-search-icon-color: var(--color-primary);
601
- --input-field-search-clear-color: var(--color-primary);
602
- --input-field-search-clear-hover-color: var(--color-primary);
603
- --input-field-search-clear-focus-ring-color: var(--color-primary);
604
- --input-field-error-color: var(--form-error-color);
605
- --input-field-helper-color: var(--form-helper-color);
606
- --input-phone-field-error-color: var(--form-error-color);
607
- --input-phone-field-helper-color: var(--form-helper-color);
608
- --language-switcher-focus-ring-color: var(--color-primary);
609
- --message-composer-border-color: var(--textarea-border-color);
610
- --message-composer-bg: var(--textarea-bg);
611
- --message-composer-focus-border-color: var(--textarea-focus-border-color);
612
- --message-composer-focus-ring-color: var(--textarea-focus-ring-color);
613
- --message-composer-disabled-bg: var(--textarea-disabled-bg);
614
- --message-composer-disabled-border-color: var(--textarea-disabled-border-color);
615
- --message-composer-helper-color: var(--color-text-muted-on-light);
616
- --multi-select-field-error-color: var(--form-error-color);
617
- --multi-select-field-helper-color: var(--form-helper-color);
618
- --notification-list-time-color: var(--color-text-muted-on-light);
619
- --notification-panel-focus-ring-color: var(--color-primary);
620
- --number-input-field-error-color: var(--form-error-color);
621
- --number-input-field-helper-color: var(--form-helper-color);
622
- --otp-field-error-color: var(--form-error-color);
623
- --otp-field-helper-color: var(--form-helper-color);
624
- --prev-next-nav-eyebrow-color: var(--color-text-muted-on-light);
625
- --prev-next-nav-title-color: var(--color-text-on-light);
626
- --prev-next-nav-title-hover-color: var(--color-primary);
627
- --prev-next-nav-label-color: var(--color-text-on-light);
628
- --prev-next-nav-btn-color: var(--color-text-on-light);
629
- --prev-next-nav-btn-hover-color: var(--color-primary);
630
- --prev-next-nav-btn-disabled-color: var(--color-icon-secondary-on-light);
631
- --prev-next-nav-focus-ring-color: var(--color-primary);
632
- --project-card-focus-ring-color: var(--color-primary);
633
- --prose-color: var(--text-color);
634
- --prose-quote-border-color: var(--separator-color);
635
- --prose-quote-color: var(--color-text-muted-on-light);
636
- --prose-code-bg: var(--code-bg);
637
- --prose-code-color: var(--code-color);
638
- --prose-pre-bg: var(--code-block-bg);
639
- --prose-pre-color: var(--code-block-color);
640
- --prose-pre-border-color: var(--code-block-border-color);
641
- --prose-table-border-color: var(--table-row-border-color);
642
- --prose-table-header-border-color: var(--table-header-border-color);
643
- --prose-rule-color: var(--separator-color);
644
- --prose-caption-color: var(--color-text-muted-on-light);
645
- --radio-field-label-color: var(--text-color);
646
- --radio-field-error-color: var(--form-error-color);
647
- --radio-field-helper-color: var(--form-helper-color);
648
- --recovery-codes-color: var(--color-text-on-light);
649
- --recovery-codes-index-color: var(--color-text-muted-on-light);
650
- --recurrence-field-legend-color: var(--color-text-on-light);
651
- --search-form-submit-color: var(--color-primary);
652
- --search-form-submit-hover-color: var(--color-primary);
653
- --search-form-submit-disabled-color: var(--input-disabled-color);
654
- --search-form-submit-focus-ring-color: var(--input-focus-border-color);
655
- --select-field-error-color: var(--form-error-color);
656
- --select-field-helper-color: var(--form-helper-color);
657
- --sheet-bg: var(--modal-bg);
658
- --sheet-title-color: var(--modal-title-color);
659
- --sheet-description-color: var(--modal-description-color);
660
- --sheet-close-color: var(--modal-close-color);
661
- --sheet-close-focus-ring-color: var(--modal-close-focus-ring-color);
662
- --site-nav-item-color: var(--color-text-on-light);
663
- --site-nav-item-hover-color: var(--color-text-on-light);
664
- --site-nav-item-hover-line-width: var(--link-underline-width);
665
- --site-nav-item-disabled-color: var(--color-disabled-text-on-light);
666
- --site-nav-focus-ring-color: var(--color-primary);
667
- --stat-tile-border-color: var(--card-outline-border-color);
668
- --stat-tile-label-color: var(--color-text-muted-on-light);
669
- --stat-tile-icon-color: var(--color-text-muted-on-light);
670
- --stat-tile-value-color: var(--color-text-on-light);
671
- --stat-tile-description-color: var(--color-text-muted-on-light);
672
- --stepper-label-color: var(--color-text-on-light);
673
- --stepper-pending-color: var(--color-text-muted-on-light);
674
- --stepper-description-color: var(--color-text-muted-on-light);
675
- --stepper-compact-color: var(--color-text-on-light);
676
- --stepper-compact-label-color: var(--color-text-muted-on-light);
677
- --stepper-focus-ring-color: var(--color-primary);
678
- --switcher-field-label-color: var(--text-color);
679
- --switcher-field-error-color: var(--form-error-color);
680
- --switcher-field-helper-color: var(--form-helper-color);
681
- --table-of-contents-title-color: var(--color-text-muted-on-light);
682
- --table-of-contents-item-color: var(--color-text-on-light);
683
- --table-of-contents-item-hover-line-color: var(--color-primary);
684
- --table-of-contents-item-active-color: var(--color-primary);
685
- --table-of-contents-item-active-marker-color: var(--color-primary);
686
- --table-of-contents-focus-ring-color: var(--color-primary);
687
- --textarea-field-error-color: var(--form-error-color);
688
- --textarea-field-helper-color: var(--form-helper-color);
689
- --theme-switcher-focus-ring-color: var(--color-primary);
690
- --time-field-error-color: var(--form-error-color);
691
- --time-field-helper-color: var(--form-helper-color);
692
- --timeline-rail-color: var(--color-border-default-on-light);
693
- --timeline-title-color: var(--color-text-on-light);
694
- --timeline-meta-color: var(--color-text-muted-on-light);
695
- --timeline-meta-separator-color: var(--color-border-default-on-light);
696
- --timeline-note-color: var(--color-text-on-light);
697
- --tree-view-color: var(--sidebar-nav-item-color);
698
- --tree-view-selected-color: var(--sidebar-nav-item-color);
699
- --tree-view-chevron-color: var(--color-text-muted-on-light);
700
- --tree-view-focus-ring-color: var(--sidebar-nav-focus-ring-color);
701
- --uptime-bars-bar-border-color: var(--color-primary);
702
- --uptime-bars-empty-bg: var(--color-surface-secondary-on-light);
703
- --uptime-bars-empty-pattern-color: var(--color-disabled-border-on-light);
704
- --uptime-bars-focus-ring-color: var(--color-primary);
705
- --uptime-bars-edge-color: var(--color-text-on-light);
706
- --uptime-bars-summary-color: var(--color-text-on-light);
707
- --user-message-author-color: var(--color-text-muted-on-light);
708
- --user-message-timestamp-color: var(--color-text-muted-on-light);
709
- --annotation-thread-border-color: var(--color-border-default-on-light);
710
- --annotation-thread-reply-guide-color: var(--color-border-default-on-light);
711
- --annotation-thread-author-color: var(--color-text-on-light);
712
- --annotation-thread-meta-color: var(--color-text-muted-on-light);
713
- --annotation-thread-body-color: var(--color-text-on-light);
714
- --annotation-thread-replies-label-color: var(--color-text-muted-on-light);
715
- --chart-series-1: var(--color-chart-series-1);
716
- --chart-series-2: var(--color-chart-series-2);
717
- --chart-series-3: var(--color-chart-series-3);
718
- --chart-series-4: var(--color-chart-series-4);
719
- --chart-series-5: var(--color-chart-series-5);
720
- --chart-series-6: var(--color-chart-series-6);
721
- --chart-series-7: var(--color-chart-series-7);
722
- --chart-series-8: var(--color-chart-series-8);
723
- --chart-sequential-100: var(--color-chart-sequential-100);
724
- --chart-sequential-200: var(--color-chart-sequential-200);
725
- --chart-sequential-300: var(--color-chart-sequential-300);
726
- --chart-sequential-400: var(--color-chart-sequential-400);
727
- --chart-sequential-500: var(--color-chart-sequential-500);
728
- --chart-sequential-600: var(--color-chart-sequential-600);
729
- --chart-sequential-700: var(--color-chart-sequential-700);
730
- --chart-diverging-warm-1: var(--color-chart-diverging-warm-1);
731
- --chart-diverging-warm-2: var(--color-chart-diverging-warm-2);
732
- --chart-diverging-warm-3: var(--color-chart-diverging-warm-3);
733
- --chart-diverging-neutral: var(--color-surface-secondary-on-light);
734
- --chart-diverging-cool-1: var(--color-chart-diverging-cool-1);
735
- --chart-diverging-cool-2: var(--color-chart-diverging-cool-2);
736
- --chart-diverging-cool-3: var(--color-chart-diverging-cool-3);
737
- --chart-surface: var(--color-background-light);
738
- --chart-grid-color: var(--color-border-default-on-light);
739
- --chart-axis-color: var(--color-icon-secondary-on-light);
740
- --chart-label-color: var(--color-text-muted-on-light);
741
- --chart-muted-color: var(--color-icon-secondary-on-light);
742
- --chart-radial-track-color: var(--color-icon-secondary-on-light);
743
- --chart-tile-label-color-5: var(--color-text-on-dark);
744
- --chart-tile-label-color-7: var(--color-text-on-dark);
745
- --chart-tile-label-color-muted: var(--color-text-on-dark);
746
- --chart-tooltip-bg: var(--tooltip-bg);
747
- --chart-tooltip-color: var(--tooltip-color);
748
- --chart-crosshair-color: var(--color-icon-secondary-on-light);
749
- --chat-shell-bg: var(--color-background-light);
750
- --connector-auth-untrusted-focus-ring-color: var(--link-focus-ring-color);
751
- --org-chart-viewport-bg: var(--color-surface-secondary-on-light);
752
- --org-chart-viewport-border-color: var(--color-border-default-on-light);
753
- --org-chart-focus-ring-color: var(--color-primary);
754
- --org-chart-connector-color: var(--color-border-default-on-light);
755
- --org-chart-card-bg: var(--color-background-light);
756
- --org-chart-card-border-color: var(--color-primary);
757
- --org-chart-name-color: var(--color-text-on-light);
758
- --org-chart-group-color: var(--color-text-muted-on-light);
759
- --org-chart-person-color: var(--color-text-on-light);
760
- --org-chart-person-role-color: var(--color-text-muted-on-light);
761
- --org-chart-empty-color: var(--color-text-muted-on-light);
762
- --planning-grid-border-color: var(--color-primary);
763
- --planning-grid-row-header-color: var(--color-text-on-light);
764
- --planning-grid-row-header-bg: var(--color-background-light);
765
- --planning-grid-column-header-color: var(--color-text-on-light);
766
- --planning-grid-column-header-sub-color: var(--color-text-muted-on-light);
767
- --planning-grid-column-header-bg: var(--color-background-light);
768
- --planning-grid-current-outline-color: var(--color-primary);
769
- --planning-grid-cell-color: var(--color-text-on-light);
770
- --planning-grid-cell-readonly-color: var(--color-text-muted-on-light);
771
- --planning-grid-cell-readonly-bg: var(--color-surface-secondary-on-light);
772
- --planning-grid-footer-bg: var(--color-surface-secondary-on-light);
773
- --planning-grid-footer-color: var(--color-text-on-light);
774
- --planning-grid-over-color: var(--color-error-text-on-light);
775
- --site-search-status-color: var(--color-text-muted-on-light);
776
- --site-search-result-title-color: var(--color-text-on-light);
777
- --site-search-result-section-color: var(--color-text-muted-on-light);
778
- --site-search-result-excerpt-color: var(--color-text-on-light);
779
- --site-search-result-url-color: var(--color-text-muted-on-light);
780
- --site-search-result-focus-ring-color: var(--color-primary);
781
- --site-search-suggestions-label-color: var(--color-text-muted-on-light);
782
- }