@motifx-community/ui 0.1.0-beta.1 → 0.1.0-beta.3

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.

Potentially problematic release.

This version of @motifx-community/ui might be problematic. Click here for more details.

Files changed (259) hide show
  1. package/CHANGELOG.md +147 -8
  2. package/README.md +19 -13
  3. package/dist/components/accordion/Accordion.d.ts +3 -3
  4. package/dist/components/accordion/AccordionItem.d.ts +1 -1
  5. package/dist/components/calendar/Calendar.d.ts +12 -0
  6. package/dist/components/calendar/calendar-props.d.ts +5 -0
  7. package/dist/components/card/Card.d.ts +1 -1
  8. package/dist/components/contextmenu/ContextMenu.d.ts +1 -1
  9. package/dist/components/datagrid/DataGrid.d.ts +5 -5
  10. package/dist/components/datagrid/data-grid-props.d.ts +2 -2
  11. package/dist/components/datagrid/grid-adaptive-row-expanded-event-args.d.ts +1 -1
  12. package/dist/components/datagrid/grid-adaptive-row-expanding-event-args.d.ts +1 -1
  13. package/dist/components/datagrid/grid-grouping-changed-event-args.d.ts +1 -1
  14. package/dist/components/datagrid/grid-grouping-changing-event-args.d.ts +2 -2
  15. package/dist/components/datagrid/grid-master-detail.d.ts +1 -1
  16. package/dist/components/datagrid/grid-row-expanded-event-args.d.ts +1 -1
  17. package/dist/components/datagrid/grid-row-expanding-event-args.d.ts +1 -1
  18. package/dist/components/datagrid/grid-search-text-changed-event-args.d.ts +1 -1
  19. package/dist/components/datagrid/grid-search-text-changing-event-args.d.ts +1 -1
  20. package/dist/components/datagrid/grid-sort-changing-event-args.d.ts +1 -1
  21. package/dist/components/datagrid/model/GridSearch.d.ts +1 -1
  22. package/dist/components/daterangebox/DateRangeBox.d.ts +121 -0
  23. package/dist/components/daterangebox/date-range-box-props.d.ts +35 -0
  24. package/dist/components/daterangebox/date-range-preset.d.ts +6 -0
  25. package/dist/components/daterangebox/date-range.d.ts +2 -0
  26. package/dist/components/daterangebox/index.d.ts +4 -0
  27. package/dist/components/draggable/Draggable.d.ts +99 -0
  28. package/dist/components/draggable/DropTarget.d.ts +38 -0
  29. package/dist/components/draggable/draggable-event-args.d.ts +17 -0
  30. package/dist/components/draggable/draggable-props.d.ts +37 -0
  31. package/dist/components/draggable/drop-event-args.d.ts +11 -0
  32. package/dist/components/draggable/drop-target-props.d.ts +13 -0
  33. package/dist/components/draggable/index.d.ts +6 -0
  34. package/dist/components/fileuploader/FileUploader.d.ts +133 -0
  35. package/dist/components/fileuploader/file-uploader-props.d.ts +46 -0
  36. package/dist/components/fileuploader/files-added-event-args.d.ts +9 -0
  37. package/dist/components/fileuploader/index.d.ts +7 -0
  38. package/dist/components/fileuploader/upload-event-args.d.ts +10 -0
  39. package/dist/components/fileuploader/upload-item.d.ts +12 -0
  40. package/dist/components/fileuploader/upload-mode.d.ts +2 -0
  41. package/dist/components/fileuploader/upload-status.d.ts +2 -0
  42. package/dist/components/filterbuilder/FilterBuilder.d.ts +1 -1
  43. package/dist/components/gallery/Gallery.d.ts +132 -0
  44. package/dist/components/gallery/gallery-item-click-event-args.d.ts +9 -0
  45. package/dist/components/gallery/gallery-item.d.ts +18 -0
  46. package/dist/components/gallery/gallery-props.d.ts +38 -0
  47. package/dist/components/gallery/index.d.ts +6 -0
  48. package/dist/components/gallery/slide-changed-event-args.d.ts +11 -0
  49. package/dist/components/gallery/slide-changing-event-args.d.ts +14 -0
  50. package/dist/components/layout/ChildSettings.d.ts +1 -1
  51. package/dist/components/layout/DockPanel.d.ts +2 -2
  52. package/dist/components/layout/Grid.d.ts +1 -1
  53. package/dist/components/layout/SplitContainer.d.ts +1 -1
  54. package/dist/components/layout/Stack.d.ts +1 -1
  55. package/dist/components/loadpanel/LoadPanel.d.ts +70 -0
  56. package/dist/components/loadpanel/index.d.ts +3 -0
  57. package/dist/components/loadpanel/load-panel-props.d.ts +29 -0
  58. package/dist/components/loadpanel/load-panel-target.d.ts +3 -0
  59. package/dist/components/multiview/MultiView.d.ts +87 -0
  60. package/dist/components/multiview/View.d.ts +41 -0
  61. package/dist/components/multiview/index.d.ts +6 -0
  62. package/dist/components/multiview/multi-view-props.d.ts +24 -0
  63. package/dist/components/multiview/view-props.d.ts +15 -0
  64. package/dist/components/multiview/view-selecting-event-args.d.ts +15 -0
  65. package/dist/components/multiview/view-selection-changed-event-args.d.ts +12 -0
  66. package/dist/components/numberbox/number-box-props.d.ts +1 -1
  67. package/dist/components/popover/Popover.d.ts +98 -0
  68. package/dist/components/popover/index.d.ts +5 -0
  69. package/dist/components/popover/popover-close-reason.d.ts +2 -0
  70. package/dist/components/popover/popover-closing-event-args.d.ts +8 -0
  71. package/dist/components/popover/popover-props.d.ts +39 -0
  72. package/dist/components/popover/popover-show-on.d.ts +2 -0
  73. package/dist/components/resizable/Resizable.d.ts +84 -0
  74. package/dist/components/resizable/index.d.ts +3 -0
  75. package/dist/components/resizable/resizable-props.d.ts +41 -0
  76. package/dist/components/resizable/resize-event-args.d.ts +13 -0
  77. package/dist/components/scheduler/AppointmentEditor.d.ts +1 -1
  78. package/dist/components/scheduler/scheduler-props.d.ts +1 -1
  79. package/dist/components/scrollview/ScrollView.d.ts +109 -0
  80. package/dist/components/scrollview/index.d.ts +7 -0
  81. package/dist/components/scrollview/pull-down-event-args.d.ts +9 -0
  82. package/dist/components/scrollview/reach-bottom-event-args.d.ts +9 -0
  83. package/dist/components/scrollview/scroll-event-args.d.ts +7 -0
  84. package/dist/components/scrollview/scroll-view-bars.d.ts +2 -0
  85. package/dist/components/scrollview/scroll-view-direction.d.ts +2 -0
  86. package/dist/components/scrollview/scroll-view-props.d.ts +31 -0
  87. package/dist/components/skeleton/Skeleton.d.ts +1 -1
  88. package/dist/components/sortable/Sortable.d.ts +106 -0
  89. package/dist/components/sortable/index.d.ts +5 -0
  90. package/dist/components/sortable/sortable-drag-event-args.d.ts +15 -0
  91. package/dist/components/sortable/sortable-drop-event-args.d.ts +11 -0
  92. package/dist/components/sortable/sortable-orientation.d.ts +2 -0
  93. package/dist/components/sortable/sortable-props.d.ts +34 -0
  94. package/dist/components/speeddial/SpeedDial.d.ts +129 -0
  95. package/dist/components/speeddial/index.d.ts +6 -0
  96. package/dist/components/speeddial/speed-dial-action-click-event-args.d.ts +9 -0
  97. package/dist/components/speeddial/speed-dial-action.d.ts +25 -0
  98. package/dist/components/speeddial/speed-dial-event-args.d.ts +8 -0
  99. package/dist/components/speeddial/speed-dial-props.d.ts +49 -0
  100. package/dist/components/speeddial/speed-dial-tooltip.d.ts +3 -0
  101. package/dist/components/splitter/SplitPane.d.ts +45 -0
  102. package/dist/components/splitter/Splitter.d.ts +116 -0
  103. package/dist/components/splitter/index.d.ts +6 -0
  104. package/dist/components/splitter/split-pane-props.d.ts +21 -0
  105. package/dist/components/splitter/splitter-collapse-event-args.d.ts +13 -0
  106. package/dist/components/splitter/splitter-props.d.ts +25 -0
  107. package/dist/components/splitter/splitter-resize-event-args.d.ts +10 -0
  108. package/dist/components/stepper/Stepper.d.ts +121 -0
  109. package/dist/components/stepper/Wizard.d.ts +112 -0
  110. package/dist/components/stepper/WizardStep.d.ts +44 -0
  111. package/dist/components/stepper/index.d.ts +13 -0
  112. package/dist/components/stepper/step-changed-event-args.d.ts +11 -0
  113. package/dist/components/stepper/step-changing-event-args.d.ts +18 -0
  114. package/dist/components/stepper/stepper-item.d.ts +20 -0
  115. package/dist/components/stepper/stepper-label-position.d.ts +2 -0
  116. package/dist/components/stepper/stepper-orientation.d.ts +1 -0
  117. package/dist/components/stepper/stepper-props.d.ts +32 -0
  118. package/dist/components/stepper/stepper-status.d.ts +2 -0
  119. package/dist/components/stepper/wizard-finishing-event-args.d.ts +7 -0
  120. package/dist/components/stepper/wizard-props.d.ts +48 -0
  121. package/dist/components/stepper/wizard-step-props.d.ts +32 -0
  122. package/dist/components/tabdocs/TabDocumentManager.d.ts +1 -1
  123. package/dist/components/tabs/Tabs.d.ts +2 -2
  124. package/dist/components/tileview/TileView.d.ts +128 -0
  125. package/dist/components/tileview/index.d.ts +6 -0
  126. package/dist/components/tileview/tile-click-event-args.d.ts +9 -0
  127. package/dist/components/tileview/tile-reorder-event-args.d.ts +11 -0
  128. package/dist/components/tileview/tile-selection-changed-event-args.d.ts +11 -0
  129. package/dist/components/tileview/tile-view-item.d.ts +18 -0
  130. package/dist/components/tileview/tile-view-props.d.ts +38 -0
  131. package/dist/components/timeline/Timeline.d.ts +113 -0
  132. package/dist/components/timeline/index.d.ts +5 -0
  133. package/dist/components/timeline/timeline-item-click-event-args.d.ts +9 -0
  134. package/dist/components/timeline/timeline-item.d.ts +24 -0
  135. package/dist/components/timeline/timeline-props.d.ts +30 -0
  136. package/dist/components/timeline/timeline-selection-changed-event-args.d.ts +11 -0
  137. package/dist/components/tooltip/Tooltip.d.ts +1 -1
  138. package/dist/components/treeview/TreeView.d.ts +1 -1
  139. package/dist/components/validationsummary/ValidationSummary.d.ts +56 -0
  140. package/dist/components/validationsummary/index.d.ts +3 -0
  141. package/dist/components/validationsummary/summary-item-click-event-args.d.ts +11 -0
  142. package/dist/components/validationsummary/validation-summary-props.d.ts +17 -0
  143. package/dist/core/control.d.ts +4 -4
  144. package/dist/core/flow-home.d.ts +6 -0
  145. package/dist/core/fold-text.d.ts +6 -0
  146. package/dist/core/ui-locale.d.ts +0 -2
  147. package/dist/core/ui-strings.d.ts +67 -0
  148. package/dist/generated/tokens.d.ts +7270 -4490
  149. package/dist/index.d.ts +17 -1
  150. package/dist/index.js +27131 -20490
  151. package/dist/index.js.map +1 -1
  152. package/dist/locales/en.json +59 -1
  153. package/dist/locales/tr.json +59 -1
  154. package/dist/parts/slide/slide-track-host.d.ts +19 -0
  155. package/dist/parts/slide/slide-track.d.ts +45 -0
  156. package/dist/styles.css +4916 -206
  157. package/dist/tokens/index.d.ts +7270 -4490
  158. package/dist/tokens/index.js +7270 -4490
  159. package/dist/tokens/index.js.map +1 -1
  160. package/dist/tr-C5IXRzAH.js +1233 -0
  161. package/dist/tr-C5IXRzAH.js.map +1 -0
  162. package/docs/accordion.md +9 -9
  163. package/docs/actionsheet.md +2 -2
  164. package/docs/avatar.md +5 -5
  165. package/docs/badge.md +6 -6
  166. package/docs/bottomsheet.md +6 -6
  167. package/docs/breadcrumb.md +4 -4
  168. package/docs/button.md +10 -10
  169. package/docs/buttongroup.md +5 -5
  170. package/docs/calendar.md +6 -6
  171. package/docs/card.md +6 -6
  172. package/docs/checkbox.md +9 -9
  173. package/docs/chip.md +5 -5
  174. package/docs/colorbox.md +3 -3
  175. package/docs/combobox.md +7 -7
  176. package/docs/control.md +12 -12
  177. package/docs/datagrid-api.md +7 -7
  178. package/docs/datagrid-bands.md +1 -1
  179. package/docs/datagrid-drag-select.md +2 -2
  180. package/docs/datagrid-drag.md +1 -1
  181. package/docs/datagrid-editing.md +2 -2
  182. package/docs/datagrid-filtering.md +3 -3
  183. package/docs/datagrid-forms.md +1 -1
  184. package/docs/datagrid-grouping.md +1 -1
  185. package/docs/datagrid-layout.md +4 -4
  186. package/docs/datagrid-lookups.md +1 -1
  187. package/docs/datagrid-master-detail.md +3 -3
  188. package/docs/datagrid-scrolling.md +1 -1
  189. package/docs/datagrid-selection.md +3 -3
  190. package/docs/datagrid.md +8 -8
  191. package/docs/datebox.md +8 -8
  192. package/docs/daterangebox.md +192 -0
  193. package/docs/draggable.md +194 -0
  194. package/docs/drawer.md +1 -1
  195. package/docs/dropdown.md +10 -10
  196. package/docs/fileuploader.md +201 -0
  197. package/docs/filterbuilder.md +9 -9
  198. package/docs/formlayout.md +1 -1
  199. package/docs/gallery.md +244 -0
  200. package/docs/home.md +11 -7
  201. package/docs/keyboard.md +1 -1
  202. package/docs/language.md +229 -0
  203. package/docs/layout.md +15 -15
  204. package/docs/listbox.md +10 -10
  205. package/docs/loadpanel.md +184 -0
  206. package/docs/lookup.md +1 -1
  207. package/docs/menus.md +2 -2
  208. package/docs/multiview.md +202 -0
  209. package/docs/numberbox.md +9 -9
  210. package/docs/pagination.md +4 -4
  211. package/docs/popover.md +221 -0
  212. package/docs/progress.md +9 -9
  213. package/docs/radiogroup.md +7 -7
  214. package/docs/rating.md +4 -4
  215. package/docs/resizable.md +139 -0
  216. package/docs/scheduler-agenda.md +1 -1
  217. package/docs/scheduler-big-data.md +1 -1
  218. package/docs/scheduler-editing.md +5 -5
  219. package/docs/scheduler-form.md +1 -1
  220. package/docs/scheduler-icalendar.md +1 -1
  221. package/docs/scheduler-mobile.md +1 -1
  222. package/docs/scheduler-recurrence.md +2 -2
  223. package/docs/scheduler-resources.md +1 -1
  224. package/docs/scheduler-timeline.md +1 -1
  225. package/docs/scheduler.md +4 -4
  226. package/docs/scrollview.md +185 -0
  227. package/docs/showcase.md +1 -1
  228. package/docs/skeleton.md +2 -2
  229. package/docs/slider.md +9 -9
  230. package/docs/sortable.md +213 -0
  231. package/docs/speeddial.md +290 -0
  232. package/docs/splitter.md +204 -0
  233. package/docs/stepper.md +238 -0
  234. package/docs/switch.md +7 -7
  235. package/docs/tabdocs-dock.md +3 -3
  236. package/docs/tabdocs-drag.md +1 -1
  237. package/docs/tabdocs-menus.md +1 -1
  238. package/docs/tabdocs-mobile.md +1 -1
  239. package/docs/tabdocs-tabs.md +1 -1
  240. package/docs/tabdocs-windows.md +1 -1
  241. package/docs/tabdocs-workspace.md +1 -1
  242. package/docs/tabdocs.md +5 -5
  243. package/docs/tabs.md +11 -11
  244. package/docs/tagbox.md +10 -10
  245. package/docs/textarea.md +9 -9
  246. package/docs/textbox.md +10 -10
  247. package/docs/tileview.md +206 -0
  248. package/docs/timeline.md +174 -0
  249. package/docs/toast.md +7 -7
  250. package/docs/tokens.md +678 -122
  251. package/docs/toolbar.md +8 -8
  252. package/docs/tooltip.md +12 -12
  253. package/docs/treeview.md +11 -11
  254. package/docs/validationsummary.md +115 -0
  255. package/docs/window.md +7 -7
  256. package/docs/wizard.md +240 -0
  257. package/llms-full.txt +4813 -492
  258. package/llms.txt +21 -3
  259. package/package.json +9 -3
package/docs/tokens.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Design tokens
2
2
 
3
- > Get started · @motifx-community/ui 0.1.0-beta.1
3
+ > Get started · @motifx-community/ui 0.1.0-beta.3
4
4
 
5
5
  Five layers. The first four — primitives, the design language's own scales, semantic tokens per theme, density — come from `@motifx-community/design-system` and are listed here for reference. The fifth, the component tokens, is this kit's own: a knob per component, each referencing a design-system token, written in `@layer mx.components`. Every design language gives every one of them its own value.
6
6
 
@@ -137,19 +137,19 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
137
137
  | `avatar.avatar.accent.bg` | `--mx-avatar-avatar-accent-bg` | `color.accent.subtle` | `#fbe6de` |
138
138
  | `avatar.avatar.accent.color` | `--mx-avatar-avatar-accent-color` | `color.accent.on-subtle` | `#983318` |
139
139
  | `avatar.avatar.success.bg` | `--mx-avatar-avatar-success-bg` | `color.success.subtle` | `#dff6dd` |
140
- | `avatar.avatar.success.color` | `--mx-avatar-avatar-success-color` | `color.success.fg` | `#0c6a0c` |
140
+ | `avatar.avatar.success.color` | `--mx-avatar-avatar-success-color` | `color.success.fg` | `#006402` |
141
141
  | `avatar.avatar.caution.bg` | `--mx-avatar-avatar-caution-bg` | `color.caution.subtle` | `#fff4ce` |
142
- | `avatar.avatar.caution.color` | `--mx-avatar-avatar-caution-color` | `color.caution.fg` | `#845000` |
142
+ | `avatar.avatar.caution.color` | `--mx-avatar-avatar-caution-color` | `color.caution.fg` | `#754702` |
143
143
  | `avatar.avatar.danger.bg` | `--mx-avatar-avatar-danger-bg` | `color.danger.subtle` | `#fde7e9` |
144
- | `avatar.avatar.danger.color` | `--mx-avatar-avatar-danger-color` | `color.danger.fg` | `#b3261a` |
144
+ | `avatar.avatar.danger.color` | `--mx-avatar-avatar-danger-color` | `color.danger.fg` | `#b03659` |
145
145
  | `avatar.avatar.info.bg` | `--mx-avatar-avatar-info-bg` | `` | `initial` |
146
146
  | `avatar.avatar.info.color` | `--mx-avatar-avatar-info-color` | `` | `initial` |
147
147
  | `avatar.status.radius` | `--mx-avatar-status-radius` | `radius.full` | `9999px` |
148
148
  | `avatar.status.border-width` | `--mx-avatar-status-border-width` | `border.width.2` | `2px` |
149
149
  | `avatar.status.border-color` | `--mx-avatar-status-border-color` | `color.bg.surface` | `#f8f7f3` |
150
- | `avatar.status.online.bg` | `--mx-avatar-status-online-bg` | `color.success.solid` | `#0c6a0c` |
151
- | `avatar.status.away.bg` | `--mx-avatar-status-away-bg` | `color.caution.solid` | `#845000` |
152
- | `avatar.status.busy.bg` | `--mx-avatar-status-busy-bg` | `color.danger.solid` | `#b3261a` |
150
+ | `avatar.status.online.bg` | `--mx-avatar-status-online-bg` | `color.success.solid` | `#006402` |
151
+ | `avatar.status.away.bg` | `--mx-avatar-status-away-bg` | `color.caution.solid` | `#754702` |
152
+ | `avatar.status.busy.bg` | `--mx-avatar-status-busy-bg` | `color.danger.solid` | `#b03659` |
153
153
  | `avatar.status.offline.bg` | `--mx-avatar-status-offline-bg` | `color.fg.tertiary` | `#8c8a82` |
154
154
  | `avatar.status.offline.border-color` | `--mx-avatar-status-offline-border-color` | `` | `initial` |
155
155
  | `avatar.status-icon.online.display` | `--mx-avatar-status-icon-online-display` | `` | `initial` |
@@ -186,11 +186,11 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
186
186
  | `badge.badge.accent.color` | `--mx-badge-badge-accent-color` | `color.accent.on-solid` | `#ffffff` |
187
187
  | `badge.badge.info.bg` | `--mx-badge-badge-info-bg` | `color.info.solid` | `#5e5c55` |
188
188
  | `badge.badge.info.color` | `--mx-badge-badge-info-color` | `color.info.on-solid` | `#e1e0da` |
189
- | `badge.badge.success.bg` | `--mx-badge-badge-success-bg` | `color.success.solid` | `#0c6a0c` |
189
+ | `badge.badge.success.bg` | `--mx-badge-badge-success-bg` | `color.success.solid` | `#006402` |
190
190
  | `badge.badge.success.color` | `--mx-badge-badge-success-color` | `color.success.on-solid` | `#ffffff` |
191
- | `badge.badge.caution.bg` | `--mx-badge-badge-caution-bg` | `color.caution.solid` | `#845000` |
191
+ | `badge.badge.caution.bg` | `--mx-badge-badge-caution-bg` | `color.caution.solid` | `#754702` |
192
192
  | `badge.badge.caution.color` | `--mx-badge-badge-caution-color` | `color.caution.on-solid` | `#ffffff` |
193
- | `badge.badge.danger.bg` | `--mx-badge-badge-danger-bg` | `color.danger.solid` | `#b3261a` |
193
+ | `badge.badge.danger.bg` | `--mx-badge-badge-danger-bg` | `color.danger.solid` | `#b03659` |
194
194
  | `badge.badge.danger.color` | `--mx-badge-badge-danger-color` | `color.danger.on-solid` | `#ffffff` |
195
195
  | `badge.badge.subtle.bg` | `--mx-badge-badge-subtle-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
196
196
  | `badge.badge.subtle.color` | `--mx-badge-badge-subtle-color` | `color.fg.primary` | `#1d1c1a` |
@@ -199,11 +199,11 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
199
199
  | `badge.badge.subtle-info.bg` | `--mx-badge-badge-subtle-info-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
200
200
  | `badge.badge.subtle-info.color` | `--mx-badge-badge-subtle-info-color` | `color.fg.primary` | `#1d1c1a` |
201
201
  | `badge.badge.subtle-success.bg` | `--mx-badge-badge-subtle-success-bg` | `color.success.subtle` | `#dff6dd` |
202
- | `badge.badge.subtle-success.color` | `--mx-badge-badge-subtle-success-color` | `color.success.fg` | `#0c6a0c` |
202
+ | `badge.badge.subtle-success.color` | `--mx-badge-badge-subtle-success-color` | `color.success.fg` | `#006402` |
203
203
  | `badge.badge.subtle-caution.bg` | `--mx-badge-badge-subtle-caution-bg` | `color.caution.subtle` | `#fff4ce` |
204
- | `badge.badge.subtle-caution.color` | `--mx-badge-badge-subtle-caution-color` | `color.caution.fg` | `#845000` |
204
+ | `badge.badge.subtle-caution.color` | `--mx-badge-badge-subtle-caution-color` | `color.caution.fg` | `#754702` |
205
205
  | `badge.badge.subtle-danger.bg` | `--mx-badge-badge-subtle-danger-bg` | `color.danger.subtle` | `#fde7e9` |
206
- | `badge.badge.subtle-danger.color` | `--mx-badge-badge-subtle-danger-color` | `color.danger.fg` | `#b3261a` |
206
+ | `badge.badge.subtle-danger.color` | `--mx-badge-badge-subtle-danger-color` | `color.danger.fg` | `#b03659` |
207
207
  | `badge.badge.outline.bg` | `--mx-badge-badge-outline-bg` | `` | `rgb(0 0 0 / 0)` |
208
208
  | `badge.badge.outline.color` | `--mx-badge-badge-outline-color` | `color.fg.secondary` | `#5e5c55` |
209
209
  | `badge.badge.outline.border-width` | `--mx-badge-badge-outline-border-width` | `border.width.1` | `1px` |
@@ -212,12 +212,12 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
212
212
  | `badge.badge.outline-accent.border-color` | `--mx-badge-badge-outline-accent-border-color` | `color.accent.fg` | `#983318` |
213
213
  | `badge.badge.outline-info.color` | `--mx-badge-badge-outline-info-color` | `color.fg.secondary` | `#5e5c55` |
214
214
  | `badge.badge.outline-info.border-color` | `--mx-badge-badge-outline-info-border-color` | `color.fg.secondary` | `#5e5c55` |
215
- | `badge.badge.outline-success.color` | `--mx-badge-badge-outline-success-color` | `color.success.fg` | `#0c6a0c` |
216
- | `badge.badge.outline-success.border-color` | `--mx-badge-badge-outline-success-border-color` | `color.success.fg` | `#0c6a0c` |
217
- | `badge.badge.outline-caution.color` | `--mx-badge-badge-outline-caution-color` | `color.caution.fg` | `#845000` |
218
- | `badge.badge.outline-caution.border-color` | `--mx-badge-badge-outline-caution-border-color` | `color.caution.fg` | `#845000` |
219
- | `badge.badge.outline-danger.color` | `--mx-badge-badge-outline-danger-color` | `color.danger.fg` | `#b3261a` |
220
- | `badge.badge.outline-danger.border-color` | `--mx-badge-badge-outline-danger-border-color` | `color.danger.fg` | `#b3261a` |
215
+ | `badge.badge.outline-success.color` | `--mx-badge-badge-outline-success-color` | `color.success.fg` | `#006402` |
216
+ | `badge.badge.outline-success.border-color` | `--mx-badge-badge-outline-success-border-color` | `color.success.fg` | `#006402` |
217
+ | `badge.badge.outline-caution.color` | `--mx-badge-badge-outline-caution-color` | `color.caution.fg` | `#754702` |
218
+ | `badge.badge.outline-caution.border-color` | `--mx-badge-badge-outline-caution-border-color` | `color.caution.fg` | `#754702` |
219
+ | `badge.badge.outline-danger.color` | `--mx-badge-badge-outline-danger-color` | `color.danger.fg` | `#b03659` |
220
+ | `badge.badge.outline-danger.border-color` | `--mx-badge-badge-outline-danger-border-color` | `color.danger.fg` | `#b03659` |
221
221
  | `badge.badge.dot.padding-inline` | `--mx-badge-badge-dot-padding-inline` | `space.0` | `0px` |
222
222
  | `breadcrumb.font-size.sm` | `--mx-breadcrumb-font-size-sm` | `font.size.caption` | `0.75rem` |
223
223
  | `breadcrumb.font-size.md` | `--mx-breadcrumb-font-size-md` | `font.size.body` | `0.875rem` |
@@ -295,8 +295,8 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
295
295
  | `button.face.accent.border-color` | `--mx-button-face-accent-border-color` | `color.accent.solid` | `#c24523` |
296
296
  | `button.face.accent.border-bottom-color` | `--mx-button-face-accent-border-bottom-color` | `color.stroke.on-accent-bottom` | `rgb(0 0 0 / 0.4)` |
297
297
  | `button.face.accent.color` | `--mx-button-face-accent-color` | `color.accent.on-solid` | `#ffffff` |
298
- | `button.face.danger.bg` | `--mx-button-face-danger-bg` | `color.danger.solid` | `#b3261a` |
299
- | `button.face.danger.border-color` | `--mx-button-face-danger-border-color` | `color.danger.solid` | `#b3261a` |
298
+ | `button.face.danger.bg` | `--mx-button-face-danger-bg` | `color.danger.solid` | `#b03659` |
299
+ | `button.face.danger.border-color` | `--mx-button-face-danger-border-color` | `color.danger.solid` | `#b03659` |
300
300
  | `button.face.danger.border-bottom-color` | `--mx-button-face-danger-border-bottom-color` | `color.stroke.on-accent-bottom` | `rgb(0 0 0 / 0.4)` |
301
301
  | `button.face.danger.color` | `--mx-button-face-danger-color` | `color.danger.on-solid` | `#ffffff` |
302
302
  | `button.face.outline.bg` | `--mx-button-face-outline-bg` | `` | `rgb(0 0 0 / 0)` |
@@ -305,7 +305,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
305
305
  | `button.face.outline.shadow` | `--mx-button-face-outline-shadow` | `` | `0 0 #0000` |
306
306
  | `button.face.outline.color` | `--mx-button-face-outline-color` | `color.fg.primary` | `#1d1c1a` |
307
307
  | `button.face.outline-accent.color` | `--mx-button-face-outline-accent-color` | `color.accent.fg` | `#983318` |
308
- | `button.face.outline-danger.color` | `--mx-button-face-outline-danger-color` | `color.danger.fg` | `#b3261a` |
308
+ | `button.face.outline-danger.color` | `--mx-button-face-outline-danger-color` | `color.danger.fg` | `#b03659` |
309
309
  | `button.face.ghost.bg` | `--mx-button-face-ghost-bg` | `` | `rgb(0 0 0 / 0)` |
310
310
  | `button.face.ghost.border-bottom-width` | `--mx-button-face-ghost-border-bottom-width` | `border.width.1` | `1px` |
311
311
  | `button.face.ghost.border-color` | `--mx-button-face-ghost-border-color` | `` | `rgb(0 0 0 / 0)` |
@@ -313,7 +313,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
313
313
  | `button.face.ghost.shadow` | `--mx-button-face-ghost-shadow` | `` | `0 0 #0000` |
314
314
  | `button.face.ghost.color` | `--mx-button-face-ghost-color` | `color.fg.primary` | `#1d1c1a` |
315
315
  | `button.face.ghost-accent.color` | `--mx-button-face-ghost-accent-color` | `color.accent.fg` | `#983318` |
316
- | `button.face.ghost-danger.color` | `--mx-button-face-ghost-danger-color` | `color.danger.fg` | `#b3261a` |
316
+ | `button.face.ghost-danger.color` | `--mx-button-face-ghost-danger-color` | `color.danger.fg` | `#b03659` |
317
317
  | `button.face.hover.bg` | `--mx-button-face-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
318
318
  | `button.face.hover.border-bottom-color` | `--mx-button-face-hover-border-bottom-color` | `color.stroke.control.edge` | `rgb(0 0 0 / 0.3)` |
319
319
  | `button.face.hover.image` | `--mx-button-face-hover-image` | `` | `initial` |
@@ -321,30 +321,30 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
321
321
  | `button.face.accent-hover.bg` | `--mx-button-face-accent-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
322
322
  | `button.face.accent-hover.border-bottom-color` | `--mx-button-face-accent-hover-border-bottom-color` | `color.stroke.on-accent-bottom` | `rgb(0 0 0 / 0.4)` |
323
323
  | `button.face.accent-hover.color` | `--mx-button-face-accent-hover-color` | `color.accent.on-solid` | `#ffffff` |
324
- | `button.face.danger-hover.bg` | `--mx-button-face-danger-hover-bg` | `color.danger.solid-hover` | `#c42b1c` |
324
+ | `button.face.danger-hover.bg` | `--mx-button-face-danger-hover-bg` | `color.danger.solid-hover` | `#c13b61` |
325
325
  | `button.face.danger-hover.border-bottom-color` | `--mx-button-face-danger-hover-border-bottom-color` | `color.stroke.on-accent-bottom` | `rgb(0 0 0 / 0.4)` |
326
326
  | `button.face.danger-hover.color` | `--mx-button-face-danger-hover-color` | `color.danger.on-solid` | `#ffffff` |
327
327
  | `button.face.outline-hover.bg` | `--mx-button-face-outline-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
328
328
  | `button.face.outline-hover.border-color` | `--mx-button-face-outline-hover-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
329
329
  | `button.face.outline-hover.color` | `--mx-button-face-outline-hover-color` | `` | `initial` |
330
330
  | `button.face.outline-accent-hover.color` | `--mx-button-face-outline-accent-hover-color` | `color.accent.fg` | `#983318` |
331
- | `button.face.outline-danger-hover.color` | `--mx-button-face-outline-danger-hover-color` | `color.danger.fg` | `#b3261a` |
331
+ | `button.face.outline-danger-hover.color` | `--mx-button-face-outline-danger-hover-color` | `color.danger.fg` | `#b03659` |
332
332
  | `button.face.ghost-hover.bg` | `--mx-button-face-ghost-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
333
333
  | `button.face.ghost-hover.border-color` | `--mx-button-face-ghost-hover-border-color` | `` | `rgb(0 0 0 / 0)` |
334
334
  | `button.face.ghost-hover.color` | `--mx-button-face-ghost-hover-color` | `` | `initial` |
335
335
  | `button.face.ghost-accent-hover.color` | `--mx-button-face-ghost-accent-hover-color` | `color.accent.fg` | `#983318` |
336
- | `button.face.ghost-danger-hover.color` | `--mx-button-face-ghost-danger-hover-color` | `color.danger.fg` | `#b3261a` |
336
+ | `button.face.ghost-danger-hover.color` | `--mx-button-face-ghost-danger-hover-color` | `color.danger.fg` | `#b03659` |
337
337
  | `button.face.toggled-hover.bg` | `--mx-button-face-toggled-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
338
338
  | `button.face.accent-toggled-hover.bg` | `--mx-button-face-accent-toggled-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
339
- | `button.face.danger-toggled-hover.bg` | `--mx-button-face-danger-toggled-hover-bg` | `color.danger.solid-hover` | `#c42b1c` |
339
+ | `button.face.danger-toggled-hover.bg` | `--mx-button-face-danger-toggled-hover-bg` | `color.danger.solid-hover` | `#c13b61` |
340
340
  | `button.face.outline-toggled-hover.bg` | `--mx-button-face-outline-toggled-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
341
341
  | `button.face.outline-toggled-hover.color` | `--mx-button-face-outline-toggled-hover-color` | `` | `initial` |
342
342
  | `button.face.outline-accent-toggled-hover.color` | `--mx-button-face-outline-accent-toggled-hover-color` | `color.accent.fg` | `#983318` |
343
- | `button.face.outline-danger-toggled-hover.color` | `--mx-button-face-outline-danger-toggled-hover-color` | `color.danger.fg` | `#b3261a` |
343
+ | `button.face.outline-danger-toggled-hover.color` | `--mx-button-face-outline-danger-toggled-hover-color` | `color.danger.fg` | `#b03659` |
344
344
  | `button.face.ghost-toggled-hover.bg` | `--mx-button-face-ghost-toggled-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
345
345
  | `button.face.ghost-toggled-hover.color` | `--mx-button-face-ghost-toggled-hover-color` | `` | `initial` |
346
346
  | `button.face.ghost-accent-toggled-hover.color` | `--mx-button-face-ghost-accent-toggled-hover-color` | `color.accent.fg` | `#983318` |
347
- | `button.face.ghost-danger-toggled-hover.color` | `--mx-button-face-ghost-danger-toggled-hover-color` | `color.danger.fg` | `#b3261a` |
347
+ | `button.face.ghost-danger-toggled-hover.color` | `--mx-button-face-ghost-danger-toggled-hover-color` | `color.danger.fg` | `#b03659` |
348
348
  | `button.face.pressed.bg` | `--mx-button-face-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
349
349
  | `button.face.pressed.border-bottom-color` | `--mx-button-face-pressed-border-bottom-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
350
350
  | `button.face.pressed.shadow` | `--mx-button-face-pressed-shadow` | `` | `0 0 #0000` |
@@ -353,19 +353,19 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
353
353
  | `button.face.accent-pressed.bg` | `--mx-button-face-accent-pressed-bg` | `color.accent.solid-pressed` | `#a1381c` |
354
354
  | `button.face.accent-pressed.border-bottom-color` | `--mx-button-face-accent-pressed-border-bottom-color` | `color.accent.solid` | `#c24523` |
355
355
  | `button.face.accent-pressed.color` | `--mx-button-face-accent-pressed-color` | `color.accent.on-solid` | `#ffffff` |
356
- | `button.face.danger-pressed.bg` | `--mx-button-face-danger-pressed-bg` | `color.danger.solid-hover` | `#c42b1c` |
357
- | `button.face.danger-pressed.border-bottom-color` | `--mx-button-face-danger-pressed-border-bottom-color` | `color.danger.solid` | `#b3261a` |
356
+ | `button.face.danger-pressed.bg` | `--mx-button-face-danger-pressed-bg` | `color.danger.solid-hover` | `#c13b61` |
357
+ | `button.face.danger-pressed.border-bottom-color` | `--mx-button-face-danger-pressed-border-bottom-color` | `color.danger.solid` | `#b03659` |
358
358
  | `button.face.danger-pressed.color` | `--mx-button-face-danger-pressed-color` | `color.danger.on-solid` | `#ffffff` |
359
359
  | `button.face.outline-pressed.bg` | `--mx-button-face-outline-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
360
360
  | `button.face.outline-pressed.border-color` | `--mx-button-face-outline-pressed-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
361
361
  | `button.face.outline-pressed.color` | `--mx-button-face-outline-pressed-color` | `` | `initial` |
362
362
  | `button.face.outline-accent-pressed.color` | `--mx-button-face-outline-accent-pressed-color` | `color.accent.fg` | `#983318` |
363
- | `button.face.outline-danger-pressed.color` | `--mx-button-face-outline-danger-pressed-color` | `color.danger.fg` | `#b3261a` |
363
+ | `button.face.outline-danger-pressed.color` | `--mx-button-face-outline-danger-pressed-color` | `color.danger.fg` | `#b03659` |
364
364
  | `button.face.ghost-pressed.bg` | `--mx-button-face-ghost-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
365
365
  | `button.face.ghost-pressed.border-color` | `--mx-button-face-ghost-pressed-border-color` | `` | `rgb(0 0 0 / 0)` |
366
366
  | `button.face.ghost-pressed.color` | `--mx-button-face-ghost-pressed-color` | `` | `initial` |
367
367
  | `button.face.ghost-accent-pressed.color` | `--mx-button-face-ghost-accent-pressed-color` | `color.accent.fg` | `#983318` |
368
- | `button.face.ghost-danger-pressed.color` | `--mx-button-face-ghost-danger-pressed-color` | `color.danger.fg` | `#b3261a` |
368
+ | `button.face.ghost-danger-pressed.color` | `--mx-button-face-ghost-danger-pressed-color` | `color.danger.fg` | `#b03659` |
369
369
  | `button.face.focus.glow` | `--mx-button-face-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
370
370
  | `button.face.focus.outline-width` | `--mx-button-face-focus-outline-width` | `focus.ring.width` | `2px` |
371
371
  | `button.face.focus.outline-color` | `--mx-button-face-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
@@ -380,19 +380,19 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
380
380
  | `button.face.accent-toggled.bg` | `--mx-button-face-accent-toggled-bg` | `color.accent.solid-pressed` | `#a1381c` |
381
381
  | `button.face.accent-toggled.border-bottom-color` | `--mx-button-face-accent-toggled-border-bottom-color` | `color.accent.solid` | `#c24523` |
382
382
  | `button.face.accent-toggled.color` | `--mx-button-face-accent-toggled-color` | `color.accent.on-solid` | `#ffffff` |
383
- | `button.face.danger-toggled.bg` | `--mx-button-face-danger-toggled-bg` | `color.danger.solid-hover` | `#c42b1c` |
384
- | `button.face.danger-toggled.border-bottom-color` | `--mx-button-face-danger-toggled-border-bottom-color` | `color.danger.solid` | `#b3261a` |
383
+ | `button.face.danger-toggled.bg` | `--mx-button-face-danger-toggled-bg` | `color.danger.solid-hover` | `#c13b61` |
384
+ | `button.face.danger-toggled.border-bottom-color` | `--mx-button-face-danger-toggled-border-bottom-color` | `color.danger.solid` | `#b03659` |
385
385
  | `button.face.danger-toggled.color` | `--mx-button-face-danger-toggled-color` | `color.danger.on-solid` | `#ffffff` |
386
386
  | `button.face.outline-toggled.bg` | `--mx-button-face-outline-toggled-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
387
387
  | `button.face.outline-toggled.border-color` | `--mx-button-face-outline-toggled-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
388
388
  | `button.face.outline-toggled.color` | `--mx-button-face-outline-toggled-color` | `` | `initial` |
389
389
  | `button.face.outline-accent-toggled.color` | `--mx-button-face-outline-accent-toggled-color` | `color.accent.fg` | `#983318` |
390
- | `button.face.outline-danger-toggled.color` | `--mx-button-face-outline-danger-toggled-color` | `color.danger.fg` | `#b3261a` |
390
+ | `button.face.outline-danger-toggled.color` | `--mx-button-face-outline-danger-toggled-color` | `color.danger.fg` | `#b03659` |
391
391
  | `button.face.ghost-toggled.bg` | `--mx-button-face-ghost-toggled-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
392
392
  | `button.face.ghost-toggled.border-color` | `--mx-button-face-ghost-toggled-border-color` | `` | `rgb(0 0 0 / 0)` |
393
393
  | `button.face.ghost-toggled.color` | `--mx-button-face-ghost-toggled-color` | `` | `initial` |
394
394
  | `button.face.ghost-accent-toggled.color` | `--mx-button-face-ghost-accent-toggled-color` | `color.accent.fg` | `#983318` |
395
- | `button.face.ghost-danger-toggled.color` | `--mx-button-face-ghost-danger-toggled-color` | `color.danger.fg` | `#b3261a` |
395
+ | `button.face.ghost-danger-toggled.color` | `--mx-button-face-ghost-danger-toggled-color` | `color.danger.fg` | `#b03659` |
396
396
  | `button.face.disabled.bg` | `--mx-button-face-disabled-bg` | `color.fill.control.disabled` | `#ebeae5` |
397
397
  | `button.face.disabled.border-color` | `--mx-button-face-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
398
398
  | `button.face.disabled.border-bottom-color` | `--mx-button-face-disabled-border-bottom-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
@@ -431,10 +431,10 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
431
431
  | `button.spinner.danger.color` | `--mx-button-spinner-danger-color` | `color.danger.on-solid` | `#ffffff` |
432
432
  | `button.spinner.outline.color` | `--mx-button-spinner-outline-color` | `color.fg.primary` | `#1d1c1a` |
433
433
  | `button.spinner.outline-accent.color` | `--mx-button-spinner-outline-accent-color` | `color.accent.fg` | `#983318` |
434
- | `button.spinner.outline-danger.color` | `--mx-button-spinner-outline-danger-color` | `color.danger.fg` | `#b3261a` |
434
+ | `button.spinner.outline-danger.color` | `--mx-button-spinner-outline-danger-color` | `color.danger.fg` | `#b03659` |
435
435
  | `button.spinner.ghost.color` | `--mx-button-spinner-ghost-color` | `color.fg.primary` | `#1d1c1a` |
436
436
  | `button.spinner.ghost-accent.color` | `--mx-button-spinner-ghost-accent-color` | `color.accent.fg` | `#983318` |
437
- | `button.spinner.ghost-danger.color` | `--mx-button-spinner-ghost-danger-color` | `color.danger.fg` | `#b3261a` |
437
+ | `button.spinner.ghost-danger.color` | `--mx-button-spinner-ghost-danger-color` | `color.danger.fg` | `#b03659` |
438
438
  | `button.divider.width` | `--mx-button-divider-width` | `border.width.1` | `1px` |
439
439
  | `button.divider.bg` | `--mx-button-divider-bg` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
440
440
  | `button.divider.accent.bg` | `--mx-button-divider-accent-bg` | `color.stroke.on-accent-bottom` | `rgb(0 0 0 / 0.4)` |
@@ -490,6 +490,15 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
490
490
  | `calendar.cell.selected.color` | `--mx-calendar-cell-selected-color` | `color.accent.on-solid` | `#ffffff` |
491
491
  | `calendar.cell.selected.shadow` | `--mx-calendar-cell-selected-shadow` | `` | `initial` |
492
492
  | `calendar.cell.selected-hover.bg` | `--mx-calendar-cell-selected-hover-bg` | `color.accent.solid` | `#c24523` |
493
+ | `calendar.cell.range-start.bg` | `--mx-calendar-cell-range-start-bg` | `color.accent.solid` | `#c24523` |
494
+ | `calendar.cell.range-start.color` | `--mx-calendar-cell-range-start-color` | `color.accent.on-solid` | `#ffffff` |
495
+ | `calendar.cell.range-end.bg` | `--mx-calendar-cell-range-end-bg` | `color.accent.solid` | `#c24523` |
496
+ | `calendar.cell.range-end.color` | `--mx-calendar-cell-range-end-color` | `color.accent.on-solid` | `#ffffff` |
497
+ | `calendar.cell.range-single.bg` | `--mx-calendar-cell-range-single-bg` | `color.accent.solid` | `#c24523` |
498
+ | `calendar.cell.range-single.color` | `--mx-calendar-cell-range-single-color` | `color.accent.on-solid` | `#ffffff` |
499
+ | `calendar.cell.range-in.bg` | `--mx-calendar-cell-range-in-bg` | `color.accent.subtle` | `#fbe6de` |
500
+ | `calendar.cell.range-in.color` | `--mx-calendar-cell-range-in-color` | `color.accent.on-subtle` | `#983318` |
501
+ | `calendar.cell.range-in.radius` | `--mx-calendar-cell-range-in-radius` | `radius.none` | `0px` |
493
502
  | `calendar.cell.disabled.color` | `--mx-calendar-cell-disabled-color` | `color.fg.disabled` | `#a2a098` |
494
503
  | `calendar.today.padding-block` | `--mx-calendar-today-padding-block` | `space.1` | `0.25rem` |
495
504
  | `calendar.today.padding-inline` | `--mx-calendar-today-padding-inline` | `space.3` | `0.75rem` |
@@ -599,15 +608,15 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
599
608
  | `checkbox.box.mixed.bg` | `--mx-checkbox-box-mixed-bg` | `color.accent.solid` | `#c24523` |
600
609
  | `checkbox.box.mixed.border-color` | `--mx-checkbox-box-mixed-border-color` | `color.accent.solid` | `#c24523` |
601
610
  | `checkbox.box.mixed.shadow` | `--mx-checkbox-box-mixed-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 rgb(0 0 0 / 0.4)` |
602
- | `checkbox.box.invalid.border-color` | `--mx-checkbox-box-invalid-border-color` | `color.danger.solid` | `#b3261a` |
603
- | `checkbox.box.invalid.shadow` | `--mx-checkbox-box-invalid-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b3261a` |
611
+ | `checkbox.box.invalid.border-color` | `--mx-checkbox-box-invalid-border-color` | `color.danger.solid` | `#b03659` |
612
+ | `checkbox.box.invalid.shadow` | `--mx-checkbox-box-invalid-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b03659` |
604
613
  | `checkbox.box.hover.bg` | `--mx-checkbox-box-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
605
614
  | `checkbox.box.hover.border-color` | `--mx-checkbox-box-hover-border-color` | `` | `initial` |
606
615
  | `checkbox.box.checked-hover.bg` | `--mx-checkbox-box-checked-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
607
616
  | `checkbox.box.checked-hover.border-color` | `--mx-checkbox-box-checked-hover-border-color` | `` | `initial` |
608
617
  | `checkbox.box.mixed-hover.bg` | `--mx-checkbox-box-mixed-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
609
618
  | `checkbox.box.mixed-hover.border-color` | `--mx-checkbox-box-mixed-hover-border-color` | `` | `initial` |
610
- | `checkbox.box.invalid-hover.border-color` | `--mx-checkbox-box-invalid-hover-border-color` | `color.danger.solid` | `#b3261a` |
619
+ | `checkbox.box.invalid-hover.border-color` | `--mx-checkbox-box-invalid-hover-border-color` | `color.danger.solid` | `#b03659` |
611
620
  | `checkbox.box.pressed.bg` | `--mx-checkbox-box-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
612
621
  | `checkbox.box.pressed.border-color` | `--mx-checkbox-box-pressed-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
613
622
  | `checkbox.box.pressed.shadow` | `--mx-checkbox-box-pressed-shadow` | `` | `0 0 #0000` |
@@ -617,7 +626,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
617
626
  | `checkbox.box.mixed-pressed.bg` | `--mx-checkbox-box-mixed-pressed-bg` | `color.accent.solid-pressed` | `#a1381c` |
618
627
  | `checkbox.box.mixed-pressed.border-color` | `--mx-checkbox-box-mixed-pressed-border-color` | `color.accent.solid` | `#c24523` |
619
628
  | `checkbox.box.mixed-pressed.shadow` | `--mx-checkbox-box-mixed-pressed-shadow` | `` | `0 0 #0000` |
620
- | `checkbox.box.invalid-pressed.border-color` | `--mx-checkbox-box-invalid-pressed-border-color` | `color.danger.solid` | `#b3261a` |
629
+ | `checkbox.box.invalid-pressed.border-color` | `--mx-checkbox-box-invalid-pressed-border-color` | `color.danger.solid` | `#b03659` |
621
630
  | `checkbox.box.focus.outline-width` | `--mx-checkbox-box-focus-outline-width` | `focus.ring.width` | `2px` |
622
631
  | `checkbox.box.focus.outline-color` | `--mx-checkbox-box-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
623
632
  | `checkbox.box.focus.outline-offset` | `--mx-checkbox-box-focus-outline-offset` | `focus.ring.offset` | `1px` |
@@ -632,7 +641,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
632
641
  | `checkbox.box.mixed-pressed-focus.glow` | `--mx-checkbox-box-mixed-pressed-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
633
642
  | `checkbox.box.mixed-pressed-focus.shadow` | `--mx-checkbox-box-mixed-pressed-focus-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 rgb(0 0 0 / 0.4)` |
634
643
  | `checkbox.box.invalid-pressed-focus.glow` | `--mx-checkbox-box-invalid-pressed-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
635
- | `checkbox.box.invalid-pressed-focus.shadow` | `--mx-checkbox-box-invalid-pressed-focus-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b3261a` |
644
+ | `checkbox.box.invalid-pressed-focus.shadow` | `--mx-checkbox-box-invalid-pressed-focus-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b03659` |
636
645
  | `checkbox.box.disabled.bg` | `--mx-checkbox-box-disabled-bg` | `color.fill.control.disabled` | `#ebeae5` |
637
646
  | `checkbox.box.disabled.border-color` | `--mx-checkbox-box-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
638
647
  | `checkbox.box.disabled.shadow` | `--mx-checkbox-box-disabled-shadow` | `` | `0 0 #0000` |
@@ -683,17 +692,17 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
683
692
  | `chip.chip.outline-accent.color` | `--mx-chip-chip-outline-accent-color` | `color.accent.fg` | `#983318` |
684
693
  | `chip.chip.outline-accent.border-color` | `--mx-chip-chip-outline-accent-border-color` | `color.accent.fg` | `#983318` |
685
694
  | `chip.chip.success.bg` | `--mx-chip-chip-success-bg` | `color.success.subtle` | `#dff6dd` |
686
- | `chip.chip.success.color` | `--mx-chip-chip-success-color` | `color.success.fg` | `#0c6a0c` |
687
- | `chip.chip.outline-success.color` | `--mx-chip-chip-outline-success-color` | `color.success.fg` | `#0c6a0c` |
688
- | `chip.chip.outline-success.border-color` | `--mx-chip-chip-outline-success-border-color` | `color.success.fg` | `#0c6a0c` |
695
+ | `chip.chip.success.color` | `--mx-chip-chip-success-color` | `color.success.fg` | `#006402` |
696
+ | `chip.chip.outline-success.color` | `--mx-chip-chip-outline-success-color` | `color.success.fg` | `#006402` |
697
+ | `chip.chip.outline-success.border-color` | `--mx-chip-chip-outline-success-border-color` | `color.success.fg` | `#006402` |
689
698
  | `chip.chip.caution.bg` | `--mx-chip-chip-caution-bg` | `color.caution.subtle` | `#fff4ce` |
690
- | `chip.chip.caution.color` | `--mx-chip-chip-caution-color` | `color.caution.fg` | `#845000` |
691
- | `chip.chip.outline-caution.color` | `--mx-chip-chip-outline-caution-color` | `color.caution.fg` | `#845000` |
692
- | `chip.chip.outline-caution.border-color` | `--mx-chip-chip-outline-caution-border-color` | `color.caution.fg` | `#845000` |
699
+ | `chip.chip.caution.color` | `--mx-chip-chip-caution-color` | `color.caution.fg` | `#754702` |
700
+ | `chip.chip.outline-caution.color` | `--mx-chip-chip-outline-caution-color` | `color.caution.fg` | `#754702` |
701
+ | `chip.chip.outline-caution.border-color` | `--mx-chip-chip-outline-caution-border-color` | `color.caution.fg` | `#754702` |
693
702
  | `chip.chip.danger.bg` | `--mx-chip-chip-danger-bg` | `color.danger.subtle` | `#fde7e9` |
694
- | `chip.chip.danger.color` | `--mx-chip-chip-danger-color` | `color.danger.fg` | `#b3261a` |
695
- | `chip.chip.outline-danger.color` | `--mx-chip-chip-outline-danger-color` | `color.danger.fg` | `#b3261a` |
696
- | `chip.chip.outline-danger.border-color` | `--mx-chip-chip-outline-danger-border-color` | `color.danger.fg` | `#b3261a` |
703
+ | `chip.chip.danger.color` | `--mx-chip-chip-danger-color` | `color.danger.fg` | `#b03659` |
704
+ | `chip.chip.outline-danger.color` | `--mx-chip-chip-outline-danger-color` | `color.danger.fg` | `#b03659` |
705
+ | `chip.chip.outline-danger.border-color` | `--mx-chip-chip-outline-danger-border-color` | `color.danger.fg` | `#b03659` |
697
706
  | `chip.chip.selected.bg` | `--mx-chip-chip-selected-bg` | `color.accent.subtle` | `#fbe6de` |
698
707
  | `chip.chip.selected.color` | `--mx-chip-chip-selected-color` | `color.accent.on-subtle` | `#983318` |
699
708
  | `chip.chip.selected.border-color` | `--mx-chip-chip-selected-border-color` | `` | `rgb(0 0 0 / 0)` |
@@ -808,7 +817,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
808
817
  | `datagrid.range-anchor-fill` | `--mx-datagrid-range-anchor-fill` | `color.bg.surface` | `#f8f7f3` |
809
818
  | `datagrid.row-run-border-color` | `--mx-datagrid-row-run-border-color` | `color.accent.solid` | `#c24523` |
810
819
  | `datagrid.row-run-border-width` | `--mx-datagrid-row-run-border-width` | `border.width.2` | `2px` |
811
- | `datagrid.search-mark-line` | `--mx-datagrid-search-mark-line` | `color.caution.fg` | `#845000` |
820
+ | `datagrid.search-mark-line` | `--mx-datagrid-search-mark-line` | `color.caution.fg` | `#754702` |
812
821
  | `datagrid.search-mark-thickness` | `--mx-datagrid-search-mark-thickness` | `border.width.2` | `2px` |
813
822
  | `datagrid.search-mark-offset` | `--mx-datagrid-search-mark-offset` | `border.width.2` | `2px` |
814
823
  | `datagrid.filter-text-underline-width` | `--mx-datagrid-filter-text-underline-width` | `border.width.1` | `1px` |
@@ -974,7 +983,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
974
983
  | `datagrid.changed.border-top-color` | `--mx-datagrid-changed-border-top-color` | `color.accent.solid` | `#c24523` |
975
984
  | `datagrid.changed.border-color` | `--mx-datagrid-changed-border-color` | `` | `rgb(0 0 0 / 0)` |
976
985
  | `datagrid.invalid.border-width` | `--mx-datagrid-invalid-border-width` | `border.width.2` | `2px` |
977
- | `datagrid.invalid.border-color` | `--mx-datagrid-invalid-border-color` | `color.danger.solid` | `#b3261a` |
986
+ | `datagrid.invalid.border-color` | `--mx-datagrid-invalid-border-color` | `color.danger.solid` | `#b03659` |
978
987
  | `datagrid.placeholder.bg` | `--mx-datagrid-placeholder-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
979
988
  | `datagrid.placeholder.radius` | `--mx-datagrid-placeholder-radius` | `radius.sm` | `0.25rem` |
980
989
  | `datagrid.header-cell.padding-inline` | `--mx-datagrid-header-cell-padding-inline` | `control.padding.sm` | `0.5rem` |
@@ -1064,11 +1073,11 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1064
1073
  | `datagrid.ghost-rows.bg` | `--mx-datagrid-ghost-rows-bg` | `color.bg.surface` | `#f8f7f3` |
1065
1074
  | `datagrid.status-mark.font-size` | `--mx-datagrid-status-mark-font-size` | `font.size.caption` | `0.75rem` |
1066
1075
  | `datagrid.status-mark.font-weight` | `--mx-datagrid-status-mark-font-weight` | `font.weight.bold` | `700` |
1067
- | `datagrid.status-symbol.new.color` | `--mx-datagrid-status-symbol-new-color` | `color.success.fg` | `#0c6a0c` |
1076
+ | `datagrid.status-symbol.new.color` | `--mx-datagrid-status-symbol-new-color` | `color.success.fg` | `#006402` |
1068
1077
  | `datagrid.status-symbol.changed.color` | `--mx-datagrid-status-symbol-changed-color` | `color.accent.fg` | `#983318` |
1069
1078
  | `datagrid.status-symbol.removed.color` | `--mx-datagrid-status-symbol-removed-color` | `color.fg.secondary` | `#5e5c55` |
1070
1079
  | `datagrid.status-symbol.saving.color` | `--mx-datagrid-status-symbol-saving-color` | `color.accent.fg` | `#983318` |
1071
- | `datagrid.status-symbol.failed.color` | `--mx-datagrid-status-symbol-failed-color` | `color.danger.fg` | `#b3261a` |
1080
+ | `datagrid.status-symbol.failed.color` | `--mx-datagrid-status-symbol-failed-color` | `color.danger.fg` | `#b03659` |
1072
1081
  | `datagrid.check.size` | `--mx-datagrid-check-size` | `` | `0.875rem` |
1073
1082
  | `datagrid.check.bg` | `--mx-datagrid-check-bg` | `color.fill.control.default` | `#f5f4f0` |
1074
1083
  | `datagrid.check.border-width` | `--mx-datagrid-check-border-width` | `border.width.1` | `1px` |
@@ -1119,7 +1128,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1119
1128
  | `datagrid.form.padding` | `--mx-datagrid-form-padding` | `space.3` | `0.75rem` |
1120
1129
  | `datagrid.form.gap` | `--mx-datagrid-form-gap` | `space.3` | `0.75rem` |
1121
1130
  | `datagrid.form.popup.padding` | `--mx-datagrid-form-popup-padding` | `` | `0px` |
1122
- | `datagrid.form-message.color` | `--mx-datagrid-form-message-color` | `color.danger.fg` | `#b3261a` |
1131
+ | `datagrid.form-message.color` | `--mx-datagrid-form-message-color` | `color.danger.fg` | `#b03659` |
1123
1132
  | `datagrid.form-buttons.gap` | `--mx-datagrid-form-buttons-gap` | `space.3` | `0.75rem` |
1124
1133
  | `datagrid.form-label.color` | `--mx-datagrid-form-label-color` | `color.fg.secondary` | `#5e5c55` |
1125
1134
  | `datagrid.form-label.font-size` | `--mx-datagrid-form-label-font-size` | `font.size.caption` | `0.75rem` |
@@ -1133,9 +1142,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1133
1142
  | `datagrid.state.padding-inline` | `--mx-datagrid-state-padding-inline` | `space.3` | `0.75rem` |
1134
1143
  | `datagrid.state.gap` | `--mx-datagrid-state-gap` | `space.2` | `0.5rem` |
1135
1144
  | `datagrid.state.color` | `--mx-datagrid-state-color` | `color.fg.secondary` | `#5e5c55` |
1136
- | `datagrid.state.danger.color` | `--mx-datagrid-state-danger-color` | `color.danger.fg` | `#b3261a` |
1145
+ | `datagrid.state.danger.color` | `--mx-datagrid-state-danger-color` | `color.danger.fg` | `#b03659` |
1137
1146
  | `datagrid.note.gap` | `--mx-datagrid-note-gap` | `space.2` | `0.5rem` |
1138
- | `datagrid.note.danger.color` | `--mx-datagrid-note-danger-color` | `color.danger.fg` | `#b3261a` |
1147
+ | `datagrid.note.danger.color` | `--mx-datagrid-note-danger-color` | `color.danger.fg` | `#b03659` |
1139
1148
  | `datagrid.load-more.margin-bottom` | `--mx-datagrid-load-more-margin-bottom` | `space.2` | `0.5rem` |
1140
1149
  | `datagrid.load-more.padding-block` | `--mx-datagrid-load-more-padding-block` | `space.1` | `0.25rem` |
1141
1150
  | `datagrid.load-more.padding-inline` | `--mx-datagrid-load-more-padding-inline` | `space.3` | `0.75rem` |
@@ -1146,7 +1155,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1146
1155
  | `datagrid.load-more.radius` | `--mx-datagrid-load-more-radius` | `radius.sm` | `0.25rem` |
1147
1156
  | `datagrid.load-more.shadow` | `--mx-datagrid-load-more-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1148
1157
  | `datagrid.load-more.color` | `--mx-datagrid-load-more-color` | `color.fg.secondary` | `#5e5c55` |
1149
- | `datagrid.load-more.failed.color` | `--mx-datagrid-load-more-failed-color` | `color.danger.fg` | `#b3261a` |
1158
+ | `datagrid.load-more.failed.color` | `--mx-datagrid-load-more-failed-color` | `color.danger.fg` | `#b03659` |
1150
1159
  | `datagrid.export-panel.padding` | `--mx-datagrid-export-panel-padding` | `space.3` | `0.75rem` |
1151
1160
  | `datagrid.export-panel.gap` | `--mx-datagrid-export-panel-gap` | `space.3` | `0.75rem` |
1152
1161
  | `datagrid.export-panel.bg` | `--mx-datagrid-export-panel-bg` | `color.bg.surface` | `#f8f7f3` |
@@ -1189,8 +1198,8 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1189
1198
  | `datagrid.page-sizes.margin-end` | `--mx-datagrid-page-sizes-margin-end` | `space.2` | `0.5rem` |
1190
1199
  | `datagrid.page-gap.padding-inline` | `--mx-datagrid-page-gap-padding-inline` | `space.1` | `0.25rem` |
1191
1200
  | `datagrid.page-info.margin-end` | `--mx-datagrid-page-info-margin-end` | `space.2` | `0.5rem` |
1192
- | `datagrid.tip.error.border-color` | `--mx-datagrid-tip-error-border-color` | `color.danger.solid` | `#b3261a` |
1193
- | `datagrid.tip.error.color` | `--mx-datagrid-tip-error-color` | `color.danger.fg` | `#b3261a` |
1201
+ | `datagrid.tip.error.border-color` | `--mx-datagrid-tip-error-border-color` | `color.danger.solid` | `#b03659` |
1202
+ | `datagrid.tip.error.color` | `--mx-datagrid-tip-error-color` | `color.danger.fg` | `#b03659` |
1194
1203
  | `date-box.popup-gap` | `--mx-date-box-popup-gap` | `space.1` | `0.25rem` |
1195
1204
  | `date-box.calendar.container.padding` | `--mx-date-box-calendar-container-padding` | `space.2` | `0.5rem` |
1196
1205
  | `date-box.times.min-width` | `--mx-date-box-times-min-width` | `` | `6rem` |
@@ -1202,7 +1211,39 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1202
1211
  | `date-box.times.beside.padding-start` | `--mx-date-box-times-beside-padding-start` | `space.1` | `0.25rem` |
1203
1212
  | `date-box.times.beside.border-start-width` | `--mx-date-box-times-beside-border-start-width` | `border.width.1` | `1px` |
1204
1213
  | `date-box.times.beside.border-start-color` | `--mx-date-box-times-beside-border-start-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
1214
+ | `date-range-box.popup-gap` | `--mx-date-range-box-popup-gap` | `space.1` | `0.25rem` |
1215
+ | `date-range-box.field.width` | `--mx-date-range-box-field-width` | `` | `20rem` |
1216
+ | `date-range-box.calendar.container.padding` | `--mx-date-range-box-calendar-container-padding` | `space.2` | `0.5rem` |
1217
+ | `date-range-box.separator.icon` | `--mx-date-range-box-separator-icon` | `` | `var(--mx-icon-dash)` |
1218
+ | `date-range-box.separator.bg` | `--mx-date-range-box-separator-bg` | `color.fg.tertiary` | `#8c8a82` |
1219
+ | `date-range-box.separator.size` | `--mx-date-range-box-separator-size` | `` | `1rem` |
1220
+ | `date-range-box.separator.margin-inline` | `--mx-date-range-box-separator-margin-inline` | `space.1` | `0.25rem` |
1221
+ | `date-range-box.presets.min-width` | `--mx-date-range-box-presets-min-width` | `` | `9rem` |
1222
+ | `date-range-box.presets.max-height` | `--mx-date-range-box-presets-max-height` | `` | `18rem` |
1223
+ | `date-range-box.presets.focus.outline-width` | `--mx-date-range-box-presets-focus-outline-width` | `focus.ring.width` | `2px` |
1224
+ | `date-range-box.presets.focus.outline-color` | `--mx-date-range-box-presets-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1225
+ | `date-range-box.presets.focus.outline-offset` | `--mx-date-range-box-presets-focus-outline-offset` | `` | `calc(-1 * 2px)` |
1226
+ | `date-range-box.presets.focus.glow` | `--mx-date-range-box-presets-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1227
+ | `date-range-box.presets.beside.padding-start` | `--mx-date-range-box-presets-beside-padding-start` | `space.1` | `0.25rem` |
1228
+ | `date-range-box.presets.beside.border-start-width` | `--mx-date-range-box-presets-beside-border-start-width` | `border.width.1` | `1px` |
1229
+ | `date-range-box.presets.beside.border-start-color` | `--mx-date-range-box-presets-beside-border-start-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
1205
1230
  | `disabled.element.color` | `--mx-disabled-element-color` | `color.fg.disabled` | `#a2a098` |
1231
+ | `draggable.box.draggable.cursor` | `--mx-draggable-box-draggable-cursor` | `` | `grab` |
1232
+ | `draggable.box.dragging.cursor` | `--mx-draggable-box-dragging-cursor` | `` | `grabbing` |
1233
+ | `draggable.box.dragging.shadow` | `--mx-draggable-box-dragging-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1234
+ | `draggable.box.focus.glow` | `--mx-draggable-box-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1235
+ | `draggable.box.focus.outline-width` | `--mx-draggable-box-focus-outline-width` | `focus.ring.width` | `2px` |
1236
+ | `draggable.box.focus.outline-color` | `--mx-draggable-box-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1237
+ | `draggable.box.focus.outline-offset` | `--mx-draggable-box-focus-outline-offset` | `focus.ring.offset` | `1px` |
1238
+ | `draggable.handle.cursor` | `--mx-draggable-handle-cursor` | `` | `grab` |
1239
+ | `draggable.handle.hover.bg` | `--mx-draggable-handle-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
1240
+ | `draggable.handle.focus.glow` | `--mx-draggable-handle-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1241
+ | `draggable.handle.focus.outline-width` | `--mx-draggable-handle-focus-outline-width` | `focus.ring.width` | `2px` |
1242
+ | `draggable.handle.focus.outline-color` | `--mx-draggable-handle-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1243
+ | `draggable.handle.focus.outline-offset` | `--mx-draggable-handle-focus-outline-offset` | `focus.ring.offset` | `1px` |
1244
+ | `draggable.ghost.radius` | `--mx-draggable-ghost-radius` | `radius.md` | `0.375rem` |
1245
+ | `draggable.ghost.shadow` | `--mx-draggable-ghost-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1246
+ | `draggable.ghost.opacity` | `--mx-draggable-ghost-opacity` | `` | `0.9` |
1206
1247
  | `drawer.font-family` | `--mx-drawer-font-family` | `font.family.sans` | `Archivo, system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif` |
1207
1248
  | `drawer.size` | `--mx-drawer-size` | `` | `20rem` |
1208
1249
  | `drawer.inset` | `--mx-drawer-inset` | `` | `0px` |
@@ -1292,6 +1333,21 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1292
1333
  | `drop-down.spinner.radius` | `--mx-drop-down-spinner-radius` | `radius.full` | `9999px` |
1293
1334
  | `drop-down.spinner.color` | `--mx-drop-down-spinner-color` | `color.fg.secondary` | `#5e5c55` |
1294
1335
  | `drop-down.spinner-shape.display` | `--mx-drop-down-spinner-shape-display` | `` | `initial` |
1336
+ | `drop-target.target.radius` | `--mx-drop-target-target-radius` | `radius.md` | `0.375rem` |
1337
+ | `drop-target.target.active.outline-style` | `--mx-drop-target-target-active-outline-style` | `` | `dashed` |
1338
+ | `drop-target.target.active.outline-width` | `--mx-drop-target-target-active-outline-width` | `border.width.2` | `2px` |
1339
+ | `drop-target.target.active.outline-color` | `--mx-drop-target-target-active-outline-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1340
+ | `drop-target.target.active.outline-offset` | `--mx-drop-target-target-active-outline-offset` | `` | `-2px` |
1341
+ | `drop-target.target.over.outline-style` | `--mx-drop-target-target-over-outline-style` | `` | `solid` |
1342
+ | `drop-target.target.over.outline-width` | `--mx-drop-target-target-over-outline-width` | `border.width.2` | `2px` |
1343
+ | `drop-target.target.over.outline-color` | `--mx-drop-target-target-over-outline-color` | `color.accent.solid` | `#c24523` |
1344
+ | `drop-target.target.over.outline-offset` | `--mx-drop-target-target-over-outline-offset` | `` | `-2px` |
1345
+ | `drop-target.target.over.bg` | `--mx-drop-target-target-over-bg` | `color.accent.subtle` | `#fbe6de` |
1346
+ | `drop-target.target.refused.outline-style` | `--mx-drop-target-target-refused-outline-style` | `` | `solid` |
1347
+ | `drop-target.target.refused.outline-width` | `--mx-drop-target-target-refused-outline-width` | `border.width.2` | `2px` |
1348
+ | `drop-target.target.refused.outline-color` | `--mx-drop-target-target-refused-outline-color` | `color.danger.solid` | `#b03659` |
1349
+ | `drop-target.target.refused.outline-offset` | `--mx-drop-target-target-refused-outline-offset` | `` | `-2px` |
1350
+ | `drop-target.target.refused.bg` | `--mx-drop-target-target-refused-bg` | `color.danger.subtle` | `#fde7e9` |
1295
1351
  | `field.width` | `--mx-field-width` | `` | `16rem` |
1296
1352
  | `field.variant` | `--mx-field-variant` | `` | `outline` |
1297
1353
  | `field.label-mode` | `--mx-field-label-mode` | `` | `top` |
@@ -1370,11 +1426,13 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1370
1426
  | `field.box.underline-readonly-invalid-focus.shadow` | `--mx-field-box-underline-readonly-invalid-focus-shadow` | `` | `initial` |
1371
1427
  | `field.box.pressed.bg` | `--mx-field-box-pressed-bg` | `` | `initial` |
1372
1428
  | `field.box.pressed.color` | `--mx-field-box-pressed-color` | `` | `initial` |
1429
+ | `field.box.border-style` | `--mx-field-box-border-style` | `` | `initial` |
1430
+ | `field.box.border-color` | `--mx-field-box-border-color` | `` | `initial` |
1373
1431
  | `field.frame.border-color` | `--mx-field-frame-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
1374
1432
  | `field.frame.focus.border-bottom-color` | `--mx-field-frame-focus-border-bottom-color` | `color.accent.solid` | `#c24523` |
1375
1433
  | `field.frame.focus.border-color` | `--mx-field-frame-focus-border-color` | `` | `initial` |
1376
1434
  | `field.frame.focus.border-width` | `--mx-field-frame-focus-border-width` | `` | `initial` |
1377
- | `field.frame.invalid.border-color` | `--mx-field-frame-invalid-border-color` | `color.danger.solid` | `#b3261a` |
1435
+ | `field.frame.invalid.border-color` | `--mx-field-frame-invalid-border-color` | `color.danger.solid` | `#b03659` |
1378
1436
  | `field.frame.readonly-focus.border-bottom-color` | `--mx-field-frame-readonly-focus-border-bottom-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1379
1437
  | `field.frame.readonly-focus.border-width` | `--mx-field-frame-readonly-focus-border-width` | `` | `initial` |
1380
1438
  | `field.frame.filled.border-color` | `--mx-field-frame-filled-border-color` | `` | `rgb(0 0 0 / 0)` |
@@ -1382,7 +1440,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1382
1440
  | `field.frame.filled-focus.border-bottom-color` | `--mx-field-frame-filled-focus-border-bottom-color` | `color.accent.solid` | `#c24523` |
1383
1441
  | `field.frame.filled-focus.border-color` | `--mx-field-frame-filled-focus-border-color` | `` | `initial` |
1384
1442
  | `field.frame.filled-focus.border-width` | `--mx-field-frame-filled-focus-border-width` | `` | `initial` |
1385
- | `field.frame.filled-invalid.border-color` | `--mx-field-frame-filled-invalid-border-color` | `color.danger.solid` | `#b3261a` |
1443
+ | `field.frame.filled-invalid.border-color` | `--mx-field-frame-filled-invalid-border-color` | `color.danger.solid` | `#b03659` |
1386
1444
  | `field.frame.filled-readonly-focus.border-bottom-color` | `--mx-field-frame-filled-readonly-focus-border-bottom-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1387
1445
  | `field.frame.filled-readonly-focus.border-width` | `--mx-field-frame-filled-readonly-focus-border-width` | `` | `initial` |
1388
1446
  | `field.frame.filled-disabled.border-color` | `--mx-field-frame-filled-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
@@ -1390,7 +1448,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1390
1448
  | `field.frame.underline.border-bottom-color` | `--mx-field-frame-underline-border-bottom-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
1391
1449
  | `field.frame.underline-focus.border-bottom-color` | `--mx-field-frame-underline-focus-border-bottom-color` | `color.accent.solid` | `#c24523` |
1392
1450
  | `field.frame.underline-focus.border-width` | `--mx-field-frame-underline-focus-border-width` | `` | `initial` |
1393
- | `field.frame.underline-invalid.border-bottom-color` | `--mx-field-frame-underline-invalid-border-bottom-color` | `color.danger.solid` | `#b3261a` |
1451
+ | `field.frame.underline-invalid.border-bottom-color` | `--mx-field-frame-underline-invalid-border-bottom-color` | `color.danger.solid` | `#b03659` |
1394
1452
  | `field.frame.underline-readonly-focus.border-bottom-color` | `--mx-field-frame-underline-readonly-focus-border-bottom-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1395
1453
  | `field.frame.underline-readonly-focus.border-width` | `--mx-field-frame-underline-readonly-focus-border-width` | `` | `initial` |
1396
1454
  | `field.frame.underline-disabled.border-color` | `--mx-field-frame-underline-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
@@ -1419,14 +1477,14 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1419
1477
  | `field.frame.display` | `--mx-field-frame-display` | `` | `initial` |
1420
1478
  | `field.indicator.radius` | `--mx-field-indicator-radius` | `` | `calc(0.375rem - 1px)` |
1421
1479
  | `field.indicator.focus.shadow` | `--mx-field-indicator-focus-shadow` | `` | `inset 0 -1px 0 0 #c24523` |
1422
- | `field.indicator.invalid-focus.shadow` | `--mx-field-indicator-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b3261a` |
1480
+ | `field.indicator.invalid-focus.shadow` | `--mx-field-indicator-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b03659` |
1423
1481
  | `field.indicator.readonly-focus.shadow` | `--mx-field-indicator-readonly-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1424
1482
  | `field.indicator.filled-focus.shadow` | `--mx-field-indicator-filled-focus-shadow` | `` | `inset 0 -1px 0 0 #c24523` |
1425
- | `field.indicator.filled-invalid-focus.shadow` | `--mx-field-indicator-filled-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b3261a` |
1483
+ | `field.indicator.filled-invalid-focus.shadow` | `--mx-field-indicator-filled-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b03659` |
1426
1484
  | `field.indicator.filled-readonly-focus.shadow` | `--mx-field-indicator-filled-readonly-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1427
1485
  | `field.indicator.underline.radius` | `--mx-field-indicator-underline-radius` | `` | `0px` |
1428
1486
  | `field.indicator.underline-focus.shadow` | `--mx-field-indicator-underline-focus-shadow` | `` | `inset 0 -1px 0 0 #c24523` |
1429
- | `field.indicator.underline-invalid-focus.shadow` | `--mx-field-indicator-underline-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b3261a` |
1487
+ | `field.indicator.underline-invalid-focus.shadow` | `--mx-field-indicator-underline-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b03659` |
1430
1488
  | `field.indicator.underline-readonly-focus.shadow` | `--mx-field-indicator-underline-readonly-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1431
1489
  | `field.indicator.readonly-invalid-focus.shadow` | `--mx-field-indicator-readonly-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1432
1490
  | `field.indicator.filled-readonly-invalid-focus.shadow` | `--mx-field-indicator-filled-readonly-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
@@ -1442,7 +1500,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1442
1500
  | `field.label.floating-focus.color` | `--mx-field-label-floating-focus-color` | `` | `initial` |
1443
1501
  | `field.label.floating-invalid.color` | `--mx-field-label-floating-invalid-color` | `` | `initial` |
1444
1502
  | `field.required.margin-start` | `--mx-field-required-margin-start` | `space.1` | `0.25rem` |
1445
- | `field.required.color` | `--mx-field-required-color` | `color.danger.fg` | `#b3261a` |
1503
+ | `field.required.color` | `--mx-field-required-color` | `color.danger.fg` | `#b03659` |
1446
1504
  | `field.icon.color` | `--mx-field-icon-color` | `color.fg.secondary` | `#5e5c55` |
1447
1505
  | `field.prefix.color` | `--mx-field-prefix-color` | `color.fg.secondary` | `#5e5c55` |
1448
1506
  | `field.suffix.color` | `--mx-field-suffix-color` | `color.fg.secondary` | `#5e5c55` |
@@ -1467,7 +1525,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1467
1525
  | `field.foot.color` | `--mx-field-foot-color` | `color.fg.secondary` | `#5e5c55` |
1468
1526
  | `field.foot.shown.padding-top` | `--mx-field-foot-shown-padding-top` | `space.1` | `0.25rem` |
1469
1527
  | `field.foot.display` | `--mx-field-foot-display` | `` | `initial` |
1470
- | `field.message.invalid.color` | `--mx-field-message-invalid-color` | `color.danger.fg` | `#b3261a` |
1528
+ | `field.message.invalid.color` | `--mx-field-message-invalid-color` | `color.danger.fg` | `#b03659` |
1471
1529
  | `field.frame-start.focus.border-block-width` | `--mx-field-frame-start-focus-border-block-width` | `` | `initial` |
1472
1530
  | `field.frame-start.focus.border-start-width` | `--mx-field-frame-start-focus-border-start-width` | `` | `initial` |
1473
1531
  | `field.frame-start.invalid-focus.border-block-width` | `--mx-field-frame-start-invalid-focus-border-block-width` | `` | `initial` |
@@ -1488,6 +1546,70 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1488
1546
  | `field.frame-end.readonly-focus.border-end-width` | `--mx-field-frame-end-readonly-focus-border-end-width` | `` | `initial` |
1489
1547
  | `field.frame-end.readonly-invalid-focus.border-block-width` | `--mx-field-frame-end-readonly-invalid-focus-border-block-width` | `` | `initial` |
1490
1548
  | `field.frame-end.readonly-invalid-focus.border-end-width` | `--mx-field-frame-end-readonly-invalid-focus-border-end-width` | `` | `initial` |
1549
+ | `file-uploader.box-gap` | `--mx-file-uploader-box-gap` | `space.3` | `0.75rem` |
1550
+ | `file-uploader.button-gap` | `--mx-file-uploader-button-gap` | `space.2` | `0.5rem` |
1551
+ | `file-uploader.item-gap` | `--mx-file-uploader-item-gap` | `space.2` | `0.5rem` |
1552
+ | `file-uploader.zone-padding` | `--mx-file-uploader-zone-padding` | `space.2` | `0.5rem` |
1553
+ | `file-uploader.field.label-mode` | `--mx-file-uploader-field-label-mode` | `` | `top` |
1554
+ | `file-uploader.field.width` | `--mx-file-uploader-field-width` | `` | `26rem` |
1555
+ | `file-uploader.field.box.border-style` | `--mx-file-uploader-field-box-border-style` | `` | `dashed` |
1556
+ | `file-uploader.field.box.border-color` | `--mx-file-uploader-field-box-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1557
+ | `file-uploader.field.box.radius` | `--mx-file-uploader-field-box-radius` | `radius.lg` | `0.625rem` |
1558
+ | `file-uploader.field.box.hover.bg` | `--mx-file-uploader-field-box-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
1559
+ | `file-uploader.field.border-width` | `--mx-file-uploader-field-border-width` | `border.width.1` | `1px` |
1560
+ | `file-uploader.action.variant` | `--mx-file-uploader-action-variant` | `` | `ghost` |
1561
+ | `file-uploader.over.bg` | `--mx-file-uploader-over-bg` | `color.accent.subtle` | `#fbe6de` |
1562
+ | `file-uploader.over.border-color` | `--mx-file-uploader-over-border-color` | `color.accent.solid` | `#c24523` |
1563
+ | `file-uploader.select.padding-block` | `--mx-file-uploader-select-padding-block` | `space.1` | `0.25rem` |
1564
+ | `file-uploader.select.padding-inline` | `--mx-file-uploader-select-padding-inline` | `space.3` | `0.75rem` |
1565
+ | `file-uploader.select.radius` | `--mx-file-uploader-select-radius` | `radius.sm` | `0.25rem` |
1566
+ | `file-uploader.select.color` | `--mx-file-uploader-select-color` | `color.fg.primary` | `#1d1c1a` |
1567
+ | `file-uploader.select.font-weight` | `--mx-file-uploader-select-font-weight` | `font.weight.semibold` | `600` |
1568
+ | `file-uploader.select.bg` | `--mx-file-uploader-select-bg` | `color.fill.control.default` | `#f5f4f0` |
1569
+ | `file-uploader.select.border-width` | `--mx-file-uploader-select-border-width` | `border.width.1` | `1px` |
1570
+ | `file-uploader.select.border-color` | `--mx-file-uploader-select-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1571
+ | `file-uploader.select.hover.bg` | `--mx-file-uploader-select-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
1572
+ | `file-uploader.select.hover.cursor` | `--mx-file-uploader-select-hover-cursor` | `` | `pointer` |
1573
+ | `file-uploader.select.pressed.bg` | `--mx-file-uploader-select-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
1574
+ | `file-uploader.select.focus.glow` | `--mx-file-uploader-select-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1575
+ | `file-uploader.select.focus.outline-width` | `--mx-file-uploader-select-focus-outline-width` | `focus.ring.width` | `2px` |
1576
+ | `file-uploader.select.focus.outline-color` | `--mx-file-uploader-select-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1577
+ | `file-uploader.select.focus.outline-offset` | `--mx-file-uploader-select-focus-outline-offset` | `focus.ring.offset` | `1px` |
1578
+ | `file-uploader.select.disabled.color` | `--mx-file-uploader-select-disabled-color` | `color.fg.disabled` | `#a2a098` |
1579
+ | `file-uploader.select.disabled.border-color` | `--mx-file-uploader-select-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
1580
+ | `file-uploader.upload.padding-block` | `--mx-file-uploader-upload-padding-block` | `space.1` | `0.25rem` |
1581
+ | `file-uploader.upload.padding-inline` | `--mx-file-uploader-upload-padding-inline` | `space.3` | `0.75rem` |
1582
+ | `file-uploader.upload.radius` | `--mx-file-uploader-upload-radius` | `radius.sm` | `0.25rem` |
1583
+ | `file-uploader.upload.color` | `--mx-file-uploader-upload-color` | `color.accent.on-solid` | `#ffffff` |
1584
+ | `file-uploader.upload.font-weight` | `--mx-file-uploader-upload-font-weight` | `font.weight.semibold` | `600` |
1585
+ | `file-uploader.upload.bg` | `--mx-file-uploader-upload-bg` | `color.accent.solid` | `#c24523` |
1586
+ | `file-uploader.upload.border-width` | `--mx-file-uploader-upload-border-width` | `border.width.1` | `1px` |
1587
+ | `file-uploader.upload.border-color` | `--mx-file-uploader-upload-border-color` | `color.accent.solid` | `#c24523` |
1588
+ | `file-uploader.upload.hover.bg` | `--mx-file-uploader-upload-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
1589
+ | `file-uploader.upload.hover.cursor` | `--mx-file-uploader-upload-hover-cursor` | `` | `pointer` |
1590
+ | `file-uploader.upload.pressed.bg` | `--mx-file-uploader-upload-pressed-bg` | `color.accent.solid-hover` | `#b43f20` |
1591
+ | `file-uploader.upload.focus.glow` | `--mx-file-uploader-upload-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1592
+ | `file-uploader.upload.focus.outline-width` | `--mx-file-uploader-upload-focus-outline-width` | `focus.ring.width` | `2px` |
1593
+ | `file-uploader.upload.focus.outline-color` | `--mx-file-uploader-upload-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1594
+ | `file-uploader.upload.focus.outline-offset` | `--mx-file-uploader-upload-focus-outline-offset` | `focus.ring.offset` | `1px` |
1595
+ | `file-uploader.hint.color` | `--mx-file-uploader-hint-color` | `color.fg.secondary` | `#5e5c55` |
1596
+ | `file-uploader.list.margin-top` | `--mx-file-uploader-list-margin-top` | `space.2` | `0.5rem` |
1597
+ | `file-uploader.list.gap` | `--mx-file-uploader-list-gap` | `space.1` | `0.25rem` |
1598
+ | `file-uploader.item.padding-block` | `--mx-file-uploader-item-padding-block` | `space.1` | `0.25rem` |
1599
+ | `file-uploader.item.padding-inline` | `--mx-file-uploader-item-padding-inline` | `space.2` | `0.5rem` |
1600
+ | `file-uploader.item.radius` | `--mx-file-uploader-item-radius` | `radius.sm` | `0.25rem` |
1601
+ | `file-uploader.item.error.bg` | `--mx-file-uploader-item-error-bg` | `color.danger.subtle` | `#fde7e9` |
1602
+ | `file-uploader.item.invalid.bg` | `--mx-file-uploader-item-invalid-bg` | `color.danger.subtle` | `#fde7e9` |
1603
+ | `file-uploader.icon.icon` | `--mx-file-uploader-icon-icon` | `` | `var(--mx-icon-file)` |
1604
+ | `file-uploader.icon.bg` | `--mx-file-uploader-icon-bg` | `color.fg.secondary` | `#5e5c55` |
1605
+ | `file-uploader.icon.size` | `--mx-file-uploader-icon-size` | `` | `1.25rem` |
1606
+ | `file-uploader.name.color` | `--mx-file-uploader-name-color` | `color.fg.primary` | `#1d1c1a` |
1607
+ | `file-uploader.size.color` | `--mx-file-uploader-size-color` | `color.fg.secondary` | `#5e5c55` |
1608
+ | `file-uploader.size.font-size` | `--mx-file-uploader-size-font-size` | `font.size.caption` | `0.75rem` |
1609
+ | `file-uploader.state.color` | `--mx-file-uploader-state-color` | `color.fg.secondary` | `#5e5c55` |
1610
+ | `file-uploader.state.font-size` | `--mx-file-uploader-state-font-size` | `font.size.caption` | `0.75rem` |
1611
+ | `file-uploader.state.done.color` | `--mx-file-uploader-state-done-color` | `color.success.fg` | `#006402` |
1612
+ | `file-uploader.state.error.color` | `--mx-file-uploader-state-error-color` | `color.danger.fg` | `#b03659` |
1491
1613
  | `filterbuilder.indent` | `--mx-filterbuilder-indent` | `space.6` | `1.5rem` |
1492
1614
  | `filterbuilder.line-width` | `--mx-filterbuilder-line-width` | `border.width.1` | `1px` |
1493
1615
  | `filterbuilder.line-color` | `--mx-filterbuilder-line-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
@@ -1530,6 +1652,82 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1530
1652
  | `form-layout.caption.padding-inline` | `--mx-form-layout-caption-padding-inline` | `space.1` | `0.25rem` |
1531
1653
  | `form-layout.caption.font-size` | `--mx-form-layout-caption-font-size` | `` | `1em` |
1532
1654
  | `form-layout.caption.font-weight` | `--mx-form-layout-caption-font-weight` | `font.weight.semibold` | `600` |
1655
+ | `gallery.gap` | `--mx-gallery-gap` | `space.2` | `0.5rem` |
1656
+ | `gallery.nav-inset` | `--mx-gallery-nav-inset` | `space.2` | `0.5rem` |
1657
+ | `gallery.bar-inset` | `--mx-gallery-bar-inset` | `space.2` | `0.5rem` |
1658
+ | `gallery.indicator-gap` | `--mx-gallery-indicator-gap` | `space.2` | `0.5rem` |
1659
+ | `gallery.caption-padding` | `--mx-gallery-caption-padding` | `space.3` | `0.75rem` |
1660
+ | `gallery.frame.radius` | `--mx-gallery-frame-radius` | `radius.md` | `0.375rem` |
1661
+ | `gallery.frame.bg` | `--mx-gallery-frame-bg` | `color.bg.layer` | `#ebeae5` |
1662
+ | `gallery.frame.focus.glow` | `--mx-gallery-frame-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1663
+ | `gallery.frame.focus.outline-width` | `--mx-gallery-frame-focus-outline-width` | `focus.ring.width` | `2px` |
1664
+ | `gallery.frame.focus.outline-color` | `--mx-gallery-frame-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1665
+ | `gallery.frame.focus.outline-offset` | `--mx-gallery-frame-focus-outline-offset` | `focus.ring.offset` | `1px` |
1666
+ | `gallery.frame.swipeable.cursor` | `--mx-gallery-frame-swipeable-cursor` | `` | `grab` |
1667
+ | `gallery.frame.dragging.cursor` | `--mx-gallery-frame-dragging-cursor` | `` | `grabbing` |
1668
+ | `gallery.frame.border-width` | `--mx-gallery-frame-border-width` | `` | `initial` |
1669
+ | `gallery.frame.border-color` | `--mx-gallery-frame-border-color` | `` | `initial` |
1670
+ | `gallery.caption.bg` | `--mx-gallery-caption-bg` | `color.bg.glass` | `rgb(248 247 243 / 0.78)` |
1671
+ | `gallery.caption.color` | `--mx-gallery-caption-color` | `color.fg.primary` | `#1d1c1a` |
1672
+ | `gallery.caption.font-size` | `--mx-gallery-caption-font-size` | `font.size.body` | `0.875rem` |
1673
+ | `gallery.title.font-weight` | `--mx-gallery-title-font-weight` | `font.weight.semibold` | `600` |
1674
+ | `gallery.description.color` | `--mx-gallery-description-color` | `color.fg.secondary` | `#5e5c55` |
1675
+ | `gallery.description.font-size` | `--mx-gallery-description-font-size` | `font.size.caption` | `0.75rem` |
1676
+ | `gallery.nav.size` | `--mx-gallery-nav-size` | `` | `2rem` |
1677
+ | `gallery.nav.radius` | `--mx-gallery-nav-radius` | `radius.full` | `9999px` |
1678
+ | `gallery.nav.bg` | `--mx-gallery-nav-bg` | `color.fill.control.default` | `#f5f4f0` |
1679
+ | `gallery.nav.color` | `--mx-gallery-nav-color` | `color.fg.primary` | `#1d1c1a` |
1680
+ | `gallery.nav.border-width` | `--mx-gallery-nav-border-width` | `border.width.1` | `1px` |
1681
+ | `gallery.nav.border-color` | `--mx-gallery-nav-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1682
+ | `gallery.nav.shadow` | `--mx-gallery-nav-shadow` | `shadow.4` | `0px 2px 4px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1683
+ | `gallery.nav.hover.bg` | `--mx-gallery-nav-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
1684
+ | `gallery.nav.hover.cursor` | `--mx-gallery-nav-hover-cursor` | `` | `pointer` |
1685
+ | `gallery.nav.pressed.bg` | `--mx-gallery-nav-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
1686
+ | `gallery.nav.focus.glow` | `--mx-gallery-nav-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1687
+ | `gallery.nav.focus.outline-width` | `--mx-gallery-nav-focus-outline-width` | `focus.ring.width` | `2px` |
1688
+ | `gallery.nav.focus.outline-color` | `--mx-gallery-nav-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1689
+ | `gallery.nav.focus.outline-offset` | `--mx-gallery-nav-focus-outline-offset` | `focus.ring.offset` | `1px` |
1690
+ | `gallery.nav.disabled.opacity` | `--mx-gallery-nav-disabled-opacity` | `opacity.disabled` | `0.5` |
1691
+ | `gallery.arrow.size` | `--mx-gallery-arrow-size` | `` | `1rem` |
1692
+ | `gallery.arrow.bg` | `--mx-gallery-arrow-bg` | `color.fg.primary` | `#1d1c1a` |
1693
+ | `gallery.arrow.previous.icon` | `--mx-gallery-arrow-previous-icon` | `` | `var(--mx-icon-chevron-start)` |
1694
+ | `gallery.arrow.next.icon` | `--mx-gallery-arrow-next-icon` | `` | `var(--mx-icon-chevron-end)` |
1695
+ | `gallery.dot.size` | `--mx-gallery-dot-size` | `` | `0.5rem` |
1696
+ | `gallery.dot.radius` | `--mx-gallery-dot-radius` | `radius.full` | `9999px` |
1697
+ | `gallery.dot.bg` | `--mx-gallery-dot-bg` | `color.fill.control.default` | `#f5f4f0` |
1698
+ | `gallery.dot.color` | `--mx-gallery-dot-color` | `color.fg.primary` | `#1d1c1a` |
1699
+ | `gallery.dot.border-width` | `--mx-gallery-dot-border-width` | `border.width.1` | `1px` |
1700
+ | `gallery.dot.border-color` | `--mx-gallery-dot-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1701
+ | `gallery.dot.hover.bg` | `--mx-gallery-dot-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
1702
+ | `gallery.dot.hover.cursor` | `--mx-gallery-dot-hover-cursor` | `` | `pointer` |
1703
+ | `gallery.dot.pressed.bg` | `--mx-gallery-dot-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
1704
+ | `gallery.dot.focus.glow` | `--mx-gallery-dot-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1705
+ | `gallery.dot.focus.outline-width` | `--mx-gallery-dot-focus-outline-width` | `focus.ring.width` | `2px` |
1706
+ | `gallery.dot.focus.outline-color` | `--mx-gallery-dot-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1707
+ | `gallery.dot.focus.outline-offset` | `--mx-gallery-dot-focus-outline-offset` | `focus.ring.offset` | `1px` |
1708
+ | `gallery.dot.current.bg` | `--mx-gallery-dot-current-bg` | `color.accent.solid` | `#c24523` |
1709
+ | `gallery.dot.current.border-color` | `--mx-gallery-dot-current-border-color` | `color.accent.solid` | `#c24523` |
1710
+ | `gallery.dot.current.width` | `--mx-gallery-dot-current-width` | `` | `initial` |
1711
+ | `gallery.dot.current.size` | `--mx-gallery-dot-current-size` | `` | `initial` |
1712
+ | `gallery.play.size` | `--mx-gallery-play-size` | `` | `1.75rem` |
1713
+ | `gallery.play.radius` | `--mx-gallery-play-radius` | `radius.full` | `9999px` |
1714
+ | `gallery.play.bg` | `--mx-gallery-play-bg` | `color.fill.control.default` | `#f5f4f0` |
1715
+ | `gallery.play.color` | `--mx-gallery-play-color` | `color.fg.primary` | `#1d1c1a` |
1716
+ | `gallery.play.border-width` | `--mx-gallery-play-border-width` | `border.width.1` | `1px` |
1717
+ | `gallery.play.border-color` | `--mx-gallery-play-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1718
+ | `gallery.play.shadow` | `--mx-gallery-play-shadow` | `shadow.4` | `0px 2px 4px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1719
+ | `gallery.play.hover.bg` | `--mx-gallery-play-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
1720
+ | `gallery.play.hover.cursor` | `--mx-gallery-play-hover-cursor` | `` | `pointer` |
1721
+ | `gallery.play.pressed.bg` | `--mx-gallery-play-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
1722
+ | `gallery.play.focus.glow` | `--mx-gallery-play-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
1723
+ | `gallery.play.focus.outline-width` | `--mx-gallery-play-focus-outline-width` | `focus.ring.width` | `2px` |
1724
+ | `gallery.play.focus.outline-color` | `--mx-gallery-play-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1725
+ | `gallery.play.focus.outline-offset` | `--mx-gallery-play-focus-outline-offset` | `focus.ring.offset` | `1px` |
1726
+ | `gallery.play-glyph.size` | `--mx-gallery-play-glyph-size` | `` | `0.75rem` |
1727
+ | `gallery.play-glyph.bg` | `--mx-gallery-play-glyph-bg` | `color.fg.primary` | `#1d1c1a` |
1728
+ | `gallery.play-glyph.icon` | `--mx-gallery-play-glyph-icon` | `` | `var(--mx-icon-play)` |
1729
+ | `gallery.play-glyph.playing.icon` | `--mx-gallery-play-glyph-playing-icon` | `` | `var(--mx-icon-pause)` |
1730
+ | `gallery.item.radius` | `--mx-gallery-item-radius` | `` | `initial` |
1533
1731
  | `glyph.size` | `--mx-glyph-size` | `icon.size.sm` | `0.75rem` |
1534
1732
  | `layout.space.xxs` | `--mx-layout-space-xxs` | `space.1` | `0.25rem` |
1535
1733
  | `layout.space.xs` | `--mx-layout-space-xs` | `space.2` | `0.5rem` |
@@ -1654,7 +1852,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1654
1852
  | `listbox.field.frame.disabled.border-color` | `--mx-listbox-field-frame-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
1655
1853
  | `listbox.field.indicator.radius` | `--mx-listbox-field-indicator-radius` | `` | `calc(0.375rem - 1px)` |
1656
1854
  | `listbox.field.indicator.focus.shadow` | `--mx-listbox-field-indicator-focus-shadow` | `` | `inset 0 -1px 0 0 #c24523` |
1657
- | `listbox.field.indicator.invalid-focus.shadow` | `--mx-listbox-field-indicator-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b3261a` |
1855
+ | `listbox.field.indicator.invalid-focus.shadow` | `--mx-listbox-field-indicator-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 #b03659` |
1658
1856
  | `listbox.field.indicator.readonly-focus.shadow` | `--mx-listbox-field-indicator-readonly-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1659
1857
  | `listbox.field.indicator.readonly-invalid-focus.shadow` | `--mx-listbox-field-indicator-readonly-invalid-focus-shadow` | `` | `inset 0 -1px 0 0 rgb(0 0 0 / 0.4458)` |
1660
1858
  | `listbox.search.variant` | `--mx-listbox-search-variant` | `` | `outline` |
@@ -1685,6 +1883,20 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1685
1883
  | `listbox.keys.outline-offset` | `--mx-listbox-keys-outline-offset` | `` | `calc(-1 * 2px)` |
1686
1884
  | `listbox.idle.bg` | `--mx-listbox-idle-bg` | `` | `rgb(0 0 0 / 0)` |
1687
1885
  | `listbox.container.margin` | `--mx-listbox-container-margin` | `` | `initial` |
1886
+ | `load-panel.padding` | `--mx-load-panel-padding` | `space.4` | `1rem` |
1887
+ | `load-panel.gap` | `--mx-load-panel-gap` | `space.3` | `0.75rem` |
1888
+ | `load-panel.cancel.variant` | `--mx-load-panel-cancel-variant` | `` | `outline` |
1889
+ | `load-panel.shade.shaded.bg` | `--mx-load-panel-shade-shaded-bg` | `color.bg.smoke` | `rgb(0 0 0 / 0.3)` |
1890
+ | `load-panel.pane.shown.bg` | `--mx-load-panel-pane-shown-bg` | `color.bg.surface` | `#f8f7f3` |
1891
+ | `load-panel.pane.shown.border-width` | `--mx-load-panel-pane-shown-border-width` | `border.width.1` | `1px` |
1892
+ | `load-panel.pane.shown.border-color` | `--mx-load-panel-pane-shown-border-color` | `color.stroke.surface` | `rgb(117 117 117 / 0.4)` |
1893
+ | `load-panel.pane.shown.radius` | `--mx-load-panel-pane-shown-radius` | `radius.lg` | `0.625rem` |
1894
+ | `load-panel.pane.shown.shadow` | `--mx-load-panel-pane-shown-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
1895
+ | `load-panel.pane.shown.padding-block` | `--mx-load-panel-pane-shown-padding-block` | `space.4` | `1rem` |
1896
+ | `load-panel.pane.shown.padding-inline` | `--mx-load-panel-pane-shown-padding-inline` | `space.5` | `1.25rem` |
1897
+ | `load-panel.pane.shown.min-width` | `--mx-load-panel-pane-shown-min-width` | `` | `10rem` |
1898
+ | `load-panel.message.color` | `--mx-load-panel-message-color` | `color.fg.primary` | `#1d1c1a` |
1899
+ | `load-panel.message.font-size` | `--mx-load-panel-message-font-size` | `font.size.body` | `0.875rem` |
1688
1900
  | `lookup.popup-width` | `--mx-lookup-popup-width` | `` | `28rem` |
1689
1901
  | `lookup.column-gap` | `--mx-lookup-column-gap` | `space.3` | `0.75rem` |
1690
1902
  | `lookup.header.padding-block` | `--mx-lookup-header-padding-block` | `space.1` | `0.25rem` |
@@ -1711,9 +1923,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1711
1923
  | `menu.item.focus.outline-offset` | `--mx-menu-item-focus-outline-offset` | `focus.ring.offset` | `1px` |
1712
1924
  | `menu.item.disabled.color` | `--mx-menu-item-disabled-color` | `color.fg.disabled` | `#a2a098` |
1713
1925
  | `menu.item.accent.color` | `--mx-menu-item-accent-color` | `color.accent.fg` | `#983318` |
1714
- | `menu.item.success.color` | `--mx-menu-item-success-color` | `color.success.fg` | `#0c6a0c` |
1715
- | `menu.item.caution.color` | `--mx-menu-item-caution-color` | `color.caution.fg` | `#845000` |
1716
- | `menu.item.danger.color` | `--mx-menu-item-danger-color` | `color.danger.fg` | `#b3261a` |
1926
+ | `menu.item.success.color` | `--mx-menu-item-success-color` | `color.success.fg` | `#006402` |
1927
+ | `menu.item.caution.color` | `--mx-menu-item-caution-color` | `color.caution.fg` | `#754702` |
1928
+ | `menu.item.danger.color` | `--mx-menu-item-danger-color` | `color.danger.fg` | `#b03659` |
1717
1929
  | `menu.item.checked.bg` | `--mx-menu-item-checked-bg` | `` | `initial` |
1718
1930
  | `menu.item.first.radius-top` | `--mx-menu-item-first-radius-top` | `` | `initial` |
1719
1931
  | `menu.item.last.radius-bottom` | `--mx-menu-item-last-radius-bottom` | `` | `initial` |
@@ -1722,9 +1934,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1722
1934
  | `menu.check.disabled.color` | `--mx-menu-check-disabled-color` | `` | `initial` |
1723
1935
  | `menu.icon.size` | `--mx-menu-icon-size` | `icon.size.md` | `1rem` |
1724
1936
  | `menu.icon.accent.color` | `--mx-menu-icon-accent-color` | `color.accent.fg` | `#983318` |
1725
- | `menu.icon.success.color` | `--mx-menu-icon-success-color` | `color.success.fg` | `#0c6a0c` |
1726
- | `menu.icon.caution.color` | `--mx-menu-icon-caution-color` | `color.caution.fg` | `#845000` |
1727
- | `menu.icon.danger.color` | `--mx-menu-icon-danger-color` | `color.danger.fg` | `#b3261a` |
1937
+ | `menu.icon.success.color` | `--mx-menu-icon-success-color` | `color.success.fg` | `#006402` |
1938
+ | `menu.icon.caution.color` | `--mx-menu-icon-caution-color` | `color.caution.fg` | `#754702` |
1939
+ | `menu.icon.danger.color` | `--mx-menu-icon-danger-color` | `color.danger.fg` | `#b03659` |
1728
1940
  | `menu.icon.color` | `--mx-menu-icon-color` | `` | `initial` |
1729
1941
  | `menu.icon.disabled.color` | `--mx-menu-icon-disabled-color` | `` | `initial` |
1730
1942
  | `menu.check-mark.icon` | `--mx-menu-check-mark-icon` | `` | `var(--mx-icon-check)` |
@@ -1768,6 +1980,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1768
1980
  | `menubar.item.focus.outline-color` | `--mx-menubar-item-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1769
1981
  | `menubar.item.focus.outline-offset` | `--mx-menubar-item-focus-outline-offset` | `focus.ring.offset` | `1px` |
1770
1982
  | `menubar.icon.size` | `--mx-menubar-icon-size` | `icon.size.md` | `1rem` |
1983
+ | `multi-view.gap` | `--mx-multi-view-gap` | `space.0` | `0px` |
1984
+ | `multi-view.frame.swipeable.cursor` | `--mx-multi-view-frame-swipeable-cursor` | `` | `grab` |
1985
+ | `multi-view.frame.dragging.cursor` | `--mx-multi-view-frame-dragging-cursor` | `` | `grabbing` |
1771
1986
  | `number-box.spin-layout` | `--mx-number-box-spin-layout` | `` | `stacked` |
1772
1987
  | `number-box.spin-order` | `--mx-number-box-spin-order` | `` | `down-up` |
1773
1988
  | `number-box.spin-inset` | `--mx-number-box-spin-inset` | `border.width.2` | `2px` |
@@ -1791,6 +2006,36 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1791
2006
  | `pagination.info.color` | `--mx-pagination-info-color` | `color.fg.secondary` | `#5e5c55` |
1792
2007
  | `pagination.info.font-size` | `--mx-pagination-info-font-size` | `font.size.body` | `0.875rem` |
1793
2008
  | `pagination.info.padding-inline` | `--mx-pagination-info-padding-inline` | `space.2` | `0.5rem` |
2009
+ | `popover.offset` | `--mx-popover-offset` | `space.2` | `0.5rem` |
2010
+ | `popover.enter-offset` | `--mx-popover-enter-offset` | `` | `4px` |
2011
+ | `popover.header-gap` | `--mx-popover-header-gap` | `space.2` | `0.5rem` |
2012
+ | `popover.close.variant` | `--mx-popover-close-variant` | `` | `ghost` |
2013
+ | `popover.surface.bg` | `--mx-popover-surface-bg` | `color.bg.surface` | `#f8f7f3` |
2014
+ | `popover.surface.border-width` | `--mx-popover-surface-border-width` | `border.width.1` | `1px` |
2015
+ | `popover.surface.border-color` | `--mx-popover-surface-border-color` | `color.stroke.surface` | `rgb(117 117 117 / 0.4)` |
2016
+ | `popover.surface.radius` | `--mx-popover-surface-radius` | `radius.lg` | `0.625rem` |
2017
+ | `popover.surface.shadow` | `--mx-popover-surface-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
2018
+ | `popover.surface.color` | `--mx-popover-surface-color` | `color.fg.primary` | `#1d1c1a` |
2019
+ | `popover.surface.font-size` | `--mx-popover-surface-font-size` | `font.size.body` | `0.875rem` |
2020
+ | `popover.surface.line-height` | `--mx-popover-surface-line-height` | `font.line.body` | `1.25rem` |
2021
+ | `popover.surface.max-width` | `--mx-popover-surface-max-width` | `` | `24rem` |
2022
+ | `popover.surface.focus.glow` | `--mx-popover-surface-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2023
+ | `popover.surface.focus.outline-width` | `--mx-popover-surface-focus-outline-width` | `focus.ring.width` | `2px` |
2024
+ | `popover.surface.focus.outline-color` | `--mx-popover-surface-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2025
+ | `popover.surface.focus.outline-offset` | `--mx-popover-surface-focus-outline-offset` | `focus.ring.offset` | `1px` |
2026
+ | `popover.arrow.display` | `--mx-popover-arrow-display` | `` | `block` |
2027
+ | `popover.arrow.size` | `--mx-popover-arrow-size` | `` | `0.75rem` |
2028
+ | `popover.arrow.bg` | `--mx-popover-arrow-bg` | `color.bg.surface` | `#f8f7f3` |
2029
+ | `popover.arrow.border-width` | `--mx-popover-arrow-border-width` | `border.width.1` | `1px` |
2030
+ | `popover.arrow.border-color` | `--mx-popover-arrow-border-color` | `color.stroke.surface` | `rgb(117 117 117 / 0.4)` |
2031
+ | `popover.header.padding-block` | `--mx-popover-header-padding-block` | `space.2` | `0.5rem` |
2032
+ | `popover.header.padding-start` | `--mx-popover-header-padding-start` | `space.3` | `0.75rem` |
2033
+ | `popover.header.padding-end` | `--mx-popover-header-padding-end` | `space.2` | `0.5rem` |
2034
+ | `popover.header.border-bottom-width` | `--mx-popover-header-border-bottom-width` | `border.width.1` | `1px` |
2035
+ | `popover.header.border-bottom-color` | `--mx-popover-header-border-bottom-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
2036
+ | `popover.title.font-weight` | `--mx-popover-title-font-weight` | `font.weight.semibold` | `600` |
2037
+ | `popover.title.color` | `--mx-popover-title-color` | `color.fg.primary` | `#1d1c1a` |
2038
+ | `popover.body.padding` | `--mx-popover-body-padding` | `space.3` | `0.75rem` |
1794
2039
  | `popup.offset` | `--mx-popup-offset` | `space.1` | `0.25rem` |
1795
2040
  | `popup.list-box.box.bg` | `--mx-popup-list-box-box-bg` | `` | `rgb(0 0 0 / 0)` |
1796
2041
  | `popup.list-box.box.hover.bg` | `--mx-popup-list-box-box-hover-bg` | `` | `rgb(0 0 0 / 0)` |
@@ -1869,11 +2114,11 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1869
2114
  | `progress.accent-subtle` | `--mx-progress-accent-subtle` | `color.accent.subtle` | `#fbe6de` |
1870
2115
  | `progress.neutral` | `--mx-progress-neutral` | `color.fg.secondary` | `#5e5c55` |
1871
2116
  | `progress.neutral-subtle` | `--mx-progress-neutral-subtle` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
1872
- | `progress.success` | `--mx-progress-success` | `color.success.fg` | `#0c6a0c` |
2117
+ | `progress.success` | `--mx-progress-success` | `color.success.fg` | `#006402` |
1873
2118
  | `progress.success-subtle` | `--mx-progress-success-subtle` | `color.success.subtle` | `#dff6dd` |
1874
- | `progress.caution` | `--mx-progress-caution` | `color.caution.fg` | `#845000` |
2119
+ | `progress.caution` | `--mx-progress-caution` | `color.caution.fg` | `#754702` |
1875
2120
  | `progress.caution-subtle` | `--mx-progress-caution-subtle` | `color.caution.subtle` | `#fff4ce` |
1876
- | `progress.danger` | `--mx-progress-danger` | `color.danger.solid` | `#b3261a` |
2121
+ | `progress.danger` | `--mx-progress-danger` | `color.danger.solid` | `#b03659` |
1877
2122
  | `progress.danger-subtle` | `--mx-progress-danger-subtle` | `color.danger.subtle` | `#fde7e9` |
1878
2123
  | `progress.track.bg` | `--mx-progress-track-bg` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
1879
2124
  | `progress.track.radius` | `--mx-progress-track-radius` | `radius.full` | `9999px` |
@@ -1949,21 +2194,21 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
1949
2194
  | `radiogroup.circle.checked.bg` | `--mx-radiogroup-circle-checked-bg` | `color.accent.solid` | `#c24523` |
1950
2195
  | `radiogroup.circle.checked.border-color` | `--mx-radiogroup-circle-checked-border-color` | `color.accent.solid` | `#c24523` |
1951
2196
  | `radiogroup.circle.checked.shadow` | `--mx-radiogroup-circle-checked-shadow` | `` | `0 1px 0 rgb(0 0 0 / 0.3)` |
1952
- | `radiogroup.circle.invalid.border-color` | `--mx-radiogroup-circle-invalid-border-color` | `color.danger.solid` | `#b3261a` |
1953
- | `radiogroup.circle.invalid.shadow` | `--mx-radiogroup-circle-invalid-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b3261a` |
1954
- | `radiogroup.circle.checked-invalid.shadow` | `--mx-radiogroup-circle-checked-invalid-shadow` | `` | `0 1px 0 #b3261a` |
2197
+ | `radiogroup.circle.invalid.border-color` | `--mx-radiogroup-circle-invalid-border-color` | `color.danger.solid` | `#b03659` |
2198
+ | `radiogroup.circle.invalid.shadow` | `--mx-radiogroup-circle-invalid-shadow` | `` | `inset 0px 1px 0px 0px rgb(255 255 255 / 0.7), 0 1px 0 #b03659` |
2199
+ | `radiogroup.circle.checked-invalid.shadow` | `--mx-radiogroup-circle-checked-invalid-shadow` | `` | `0 1px 0 #b03659` |
1955
2200
  | `radiogroup.circle.hover.bg` | `--mx-radiogroup-circle-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
1956
2201
  | `radiogroup.circle.hover.border-color` | `--mx-radiogroup-circle-hover-border-color` | `` | `initial` |
1957
2202
  | `radiogroup.circle.checked-hover.bg` | `--mx-radiogroup-circle-checked-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
1958
2203
  | `radiogroup.circle.checked-hover.border-color` | `--mx-radiogroup-circle-checked-hover-border-color` | `color.accent.solid-hover` | `#b43f20` |
1959
- | `radiogroup.circle.invalid-hover.border-color` | `--mx-radiogroup-circle-invalid-hover-border-color` | `color.danger.solid` | `#b3261a` |
2204
+ | `radiogroup.circle.invalid-hover.border-color` | `--mx-radiogroup-circle-invalid-hover-border-color` | `color.danger.solid` | `#b03659` |
1960
2205
  | `radiogroup.circle.pressed.bg` | `--mx-radiogroup-circle-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
1961
2206
  | `radiogroup.circle.pressed.border-color` | `--mx-radiogroup-circle-pressed-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
1962
2207
  | `radiogroup.circle.pressed.shadow` | `--mx-radiogroup-circle-pressed-shadow` | `` | `0 0 #0000` |
1963
2208
  | `radiogroup.circle.checked-pressed.bg` | `--mx-radiogroup-circle-checked-pressed-bg` | `color.accent.solid-hover` | `#b43f20` |
1964
2209
  | `radiogroup.circle.checked-pressed.border-color` | `--mx-radiogroup-circle-checked-pressed-border-color` | `color.accent.solid-hover` | `#b43f20` |
1965
2210
  | `radiogroup.circle.checked-pressed.shadow` | `--mx-radiogroup-circle-checked-pressed-shadow` | `` | `0 0 #0000` |
1966
- | `radiogroup.circle.invalid-pressed.border-color` | `--mx-radiogroup-circle-invalid-pressed-border-color` | `color.danger.solid` | `#b3261a` |
2211
+ | `radiogroup.circle.invalid-pressed.border-color` | `--mx-radiogroup-circle-invalid-pressed-border-color` | `color.danger.solid` | `#b03659` |
1967
2212
  | `radiogroup.circle.focus.outline-width` | `--mx-radiogroup-circle-focus-outline-width` | `focus.ring.width` | `2px` |
1968
2213
  | `radiogroup.circle.focus.outline-color` | `--mx-radiogroup-circle-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
1969
2214
  | `radiogroup.circle.focus.outline-offset` | `--mx-radiogroup-circle-focus-outline-offset` | `focus.ring.offset` | `1px` |
@@ -2057,6 +2302,23 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2057
2302
  | `recurrence-editor.days-label.margin-bottom` | `--mx-recurrence-editor-days-label-margin-bottom` | `space.1` | `0.25rem` |
2058
2303
  | `recurrence-editor.days.gap` | `--mx-recurrence-editor-days-gap` | `space.1` | `0.25rem` |
2059
2304
  | `recurrence-editor.summary.color` | `--mx-recurrence-editor-summary-color` | `color.fg.secondary` | `#5e5c55` |
2305
+ | `resizable.edge` | `--mx-resizable-edge` | `space.2` | `0.5rem` |
2306
+ | `resizable.box.resizing.outline-width` | `--mx-resizable-box-resizing-outline-width` | `border.width.1` | `1px` |
2307
+ | `resizable.box.resizing.outline-color` | `--mx-resizable-box-resizing-outline-color` | `color.accent.solid` | `#c24523` |
2308
+ | `resizable.box.resizing.outline-offset` | `--mx-resizable-box-resizing-outline-offset` | `` | `-1px` |
2309
+ | `resizable.handle.hover.bg` | `--mx-resizable-handle-hover-bg` | `color.accent.subtle` | `#fbe6de` |
2310
+ | `resizable.handle.active.bg` | `--mx-resizable-handle-active-bg` | `color.accent.subtle` | `#fbe6de` |
2311
+ | `resizable.grip.size` | `--mx-resizable-grip-size` | `` | `1rem` |
2312
+ | `resizable.grip.radius` | `--mx-resizable-grip-radius` | `radius.sm` | `0.25rem` |
2313
+ | `resizable.grip.hover.bg` | `--mx-resizable-grip-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
2314
+ | `resizable.grip.pressed.bg` | `--mx-resizable-grip-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
2315
+ | `resizable.grip.focus.glow` | `--mx-resizable-grip-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2316
+ | `resizable.grip.focus.outline-width` | `--mx-resizable-grip-focus-outline-width` | `focus.ring.width` | `2px` |
2317
+ | `resizable.grip.focus.outline-color` | `--mx-resizable-grip-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2318
+ | `resizable.grip.focus.outline-offset` | `--mx-resizable-grip-focus-outline-offset` | `focus.ring.offset` | `1px` |
2319
+ | `resizable.grip-glyph.size` | `--mx-resizable-grip-glyph-size` | `` | `0.75rem` |
2320
+ | `resizable.grip-glyph.bg` | `--mx-resizable-grip-glyph-bg` | `color.fg.tertiary` | `#8c8a82` |
2321
+ | `resizable.grip-glyph.icon` | `--mx-resizable-grip-glyph-icon` | `` | `var(--mx-icon-grip)` |
2060
2322
  | `scheduler.height` | `--mx-scheduler-height` | `` | `40rem` |
2061
2323
  | `scheduler.ruler-width` | `--mx-scheduler-ruler-width` | `` | `4rem` |
2062
2324
  | `scheduler.slot-height` | `--mx-scheduler-slot-height` | `control.height.md` | `2rem` |
@@ -2229,9 +2491,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2229
2491
  | `scheduler.cell.line-hour.border-start-color` | `--mx-scheduler-cell-line-hour-border-start-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
2230
2492
  | `scheduler.cell.line-day.border-start-color` | `--mx-scheduler-cell-line-day-border-start-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
2231
2493
  | `scheduler.now.height` | `--mx-scheduler-now-height` | `border.width.2` | `2px` |
2232
- | `scheduler.now.bg` | `--mx-scheduler-now-bg` | `color.danger.solid` | `#b3261a` |
2494
+ | `scheduler.now.bg` | `--mx-scheduler-now-bg` | `color.danger.solid` | `#b03659` |
2233
2495
  | `scheduler.now-dot.size` | `--mx-scheduler-now-dot-size` | `` | `0px` |
2234
- | `scheduler.now-dot.bg` | `--mx-scheduler-now-dot-bg` | `color.danger.solid` | `#b3261a` |
2496
+ | `scheduler.now-dot.bg` | `--mx-scheduler-now-dot-bg` | `color.danger.solid` | `#b03659` |
2235
2497
  | `scheduler.now-dot.radius` | `--mx-scheduler-now-dot-radius` | `` | `50%` |
2236
2498
  | `scheduler.weekdays.bg` | `--mx-scheduler-weekdays-bg` | `color.bg.surface` | `#f8f7f3` |
2237
2499
  | `scheduler.weekdays.border-bottom-width` | `--mx-scheduler-weekdays-border-bottom-width` | `border.width.1` | `1px` |
@@ -2260,7 +2522,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2260
2522
  | `scheduler.appointment.draft.cursor` | `--mx-scheduler-appointment-draft-cursor` | `` | `grabbing` |
2261
2523
  | `scheduler.appointment.invalid.outline-style` | `--mx-scheduler-appointment-invalid-outline-style` | `` | `dashed` |
2262
2524
  | `scheduler.appointment.invalid.outline-width` | `--mx-scheduler-appointment-invalid-outline-width` | `border.width.2` | `2px` |
2263
- | `scheduler.appointment.invalid.outline-color` | `--mx-scheduler-appointment-invalid-outline-color` | `color.danger.solid` | `#b3261a` |
2525
+ | `scheduler.appointment.invalid.outline-color` | `--mx-scheduler-appointment-invalid-outline-color` | `color.danger.solid` | `#b03659` |
2264
2526
  | `scheduler.appointment.invalid.cursor` | `--mx-scheduler-appointment-invalid-cursor` | `` | `not-allowed` |
2265
2527
  | `scheduler.appointment.saving.opacity` | `--mx-scheduler-appointment-saving-opacity` | `` | `0.7` |
2266
2528
  | `scheduler.appointment.saving.cursor` | `--mx-scheduler-appointment-saving-cursor` | `` | `progress` |
@@ -2353,7 +2615,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2353
2615
  | `scheduler.state.bg` | `--mx-scheduler-state-bg` | `color.bg.surface` | `#f8f7f3` |
2354
2616
  | `scheduler.state.radius` | `--mx-scheduler-state-radius` | `radius.md` | `0.375rem` |
2355
2617
  | `scheduler.state.shadow` | `--mx-scheduler-state-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
2356
- | `scheduler.state.danger.color` | `--mx-scheduler-state-danger-color` | `color.danger.fg` | `#b3261a` |
2618
+ | `scheduler.state.danger.color` | `--mx-scheduler-state-danger-color` | `color.danger.fg` | `#b03659` |
2357
2619
  | `scheduler.timeline-row.border-top-width` | `--mx-scheduler-timeline-row-border-top-width` | `border.width.1` | `1px` |
2358
2620
  | `scheduler.timeline-row.border-color` | `--mx-scheduler-timeline-row-border-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
2359
2621
  | `scheduler.timeline-row.first.border-top-width` | `--mx-scheduler-timeline-row-first-border-top-width` | `` | `0px` |
@@ -2471,6 +2733,17 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2471
2733
  | `scheduler.swipe-icon.height` | `--mx-scheduler-swipe-icon-height` | `icon.size.md` | `1rem` |
2472
2734
  | `scheduler.swipe-icon.icon` | `--mx-scheduler-swipe-icon-icon` | `` | `var(--mx-icon-chevron-end)` |
2473
2735
  | `scheduler.swipe-icon.previous.icon` | `--mx-scheduler-swipe-icon-previous-icon` | `` | `var(--mx-icon-chevron-start)` |
2736
+ | `scroll-view.panel-height` | `--mx-scroll-view-panel-height` | `` | `3rem` |
2737
+ | `scroll-view.panel-gap` | `--mx-scroll-view-panel-gap` | `space.2` | `0.5rem` |
2738
+ | `scroll-view.box.focus.glow` | `--mx-scroll-view-box-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2739
+ | `scroll-view.box.focus.outline-width` | `--mx-scroll-view-box-focus-outline-width` | `focus.ring.width` | `2px` |
2740
+ | `scroll-view.box.focus.outline-color` | `--mx-scroll-view-box-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2741
+ | `scroll-view.box.focus.outline-offset` | `--mx-scroll-view-box-focus-outline-offset` | `focus.ring.offset` | `1px` |
2742
+ | `scroll-view.pull.color` | `--mx-scroll-view-pull-color` | `color.fg.secondary` | `#5e5c55` |
2743
+ | `scroll-view.pull.font-size` | `--mx-scroll-view-pull-font-size` | `font.size.caption` | `0.75rem` |
2744
+ | `scroll-view.pull.refreshing.color` | `--mx-scroll-view-pull-refreshing-color` | `color.fg.primary` | `#1d1c1a` |
2745
+ | `scroll-view.bottom.color` | `--mx-scroll-view-bottom-color` | `color.fg.secondary` | `#5e5c55` |
2746
+ | `scroll-view.bottom.font-size` | `--mx-scroll-view-bottom-font-size` | `font.size.caption` | `0.75rem` |
2474
2747
  | `sheet.font-family` | `--mx-sheet-font-family` | `font.family.sans` | `Archivo, system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif` |
2475
2748
  | `sheet.inset` | `--mx-sheet-inset` | `` | `0px` |
2476
2749
  | `sheet.top-gap` | `--mx-sheet-top-gap` | `space.10` | `2.5rem` |
@@ -2657,6 +2930,67 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2657
2930
  | `slider.stop.radius` | `--mx-slider-stop-radius` | `` | `initial` |
2658
2931
  | `slider.stop.bg` | `--mx-slider-stop-bg` | `` | `initial` |
2659
2932
  | `slider.stop.active.bg` | `--mx-slider-stop-active-bg` | `` | `initial` |
2933
+ | `sortable.gap` | `--mx-sortable-gap` | `space.1` | `0.25rem` |
2934
+ | `sortable.container.target.bg` | `--mx-sortable-container-target-bg` | `color.accent.subtle` | `#fbe6de` |
2935
+ | `sortable.item.sortable.cursor` | `--mx-sortable-item-sortable-cursor` | `` | `grab` |
2936
+ | `sortable.item.dragging.opacity` | `--mx-sortable-item-dragging-opacity` | `` | `0.4` |
2937
+ | `sortable.item.focus.glow` | `--mx-sortable-item-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2938
+ | `sortable.item.focus.outline-width` | `--mx-sortable-item-focus-outline-width` | `focus.ring.width` | `2px` |
2939
+ | `sortable.item.focus.outline-color` | `--mx-sortable-item-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2940
+ | `sortable.item.focus.outline-offset` | `--mx-sortable-item-focus-outline-offset` | `focus.ring.offset` | `1px` |
2941
+ | `sortable.line.height` | `--mx-sortable-line-height` | `` | `2px` |
2942
+ | `sortable.line.radius` | `--mx-sortable-line-radius` | `radius.full` | `9999px` |
2943
+ | `sortable.line.bg` | `--mx-sortable-line-bg` | `color.accent.solid` | `#c24523` |
2944
+ | `sortable.ghost.radius` | `--mx-sortable-ghost-radius` | `radius.md` | `0.375rem` |
2945
+ | `sortable.ghost.shadow` | `--mx-sortable-ghost-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
2946
+ | `sortable.ghost.opacity` | `--mx-sortable-ghost-opacity` | `` | `0.9` |
2947
+ | `speed-dial.inset` | `--mx-speed-dial-inset` | `space.6` | `1.5rem` |
2948
+ | `speed-dial.gap` | `--mx-speed-dial-gap` | `space.3` | `0.75rem` |
2949
+ | `speed-dial.label-gap` | `--mx-speed-dial-label-gap` | `space.3` | `0.75rem` |
2950
+ | `speed-dial.main.size` | `--mx-speed-dial-main-size` | `` | `3rem` |
2951
+ | `speed-dial.main.radius` | `--mx-speed-dial-main-radius` | `radius.full` | `9999px` |
2952
+ | `speed-dial.main.bg` | `--mx-speed-dial-main-bg` | `color.accent.solid` | `#c24523` |
2953
+ | `speed-dial.main.color` | `--mx-speed-dial-main-color` | `color.accent.on-solid` | `#ffffff` |
2954
+ | `speed-dial.main.shadow` | `--mx-speed-dial-main-shadow` | `shadow.4` | `0px 2px 4px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
2955
+ | `speed-dial.main.gap` | `--mx-speed-dial-main-gap` | `space.2` | `0.5rem` |
2956
+ | `speed-dial.main.hover.bg` | `--mx-speed-dial-main-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
2957
+ | `speed-dial.main.hover.cursor` | `--mx-speed-dial-main-hover-cursor` | `` | `pointer` |
2958
+ | `speed-dial.main.pressed.bg` | `--mx-speed-dial-main-pressed-bg` | `color.accent.solid-hover` | `#b43f20` |
2959
+ | `speed-dial.main.focus.glow` | `--mx-speed-dial-main-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2960
+ | `speed-dial.main.focus.outline-width` | `--mx-speed-dial-main-focus-outline-width` | `focus.ring.width` | `2px` |
2961
+ | `speed-dial.main.focus.outline-color` | `--mx-speed-dial-main-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2962
+ | `speed-dial.main.focus.outline-offset` | `--mx-speed-dial-main-focus-outline-offset` | `focus.ring.offset` | `1px` |
2963
+ | `speed-dial.main.disabled.opacity` | `--mx-speed-dial-main-disabled-opacity` | `opacity.disabled` | `0.5` |
2964
+ | `speed-dial.main.extended.width` | `--mx-speed-dial-main-extended-width` | `` | `auto` |
2965
+ | `speed-dial.main.extended.padding` | `--mx-speed-dial-main-extended-padding` | `space.4` | `1rem` |
2966
+ | `speed-dial.main-glyph.size` | `--mx-speed-dial-main-glyph-size` | `` | `1.25rem` |
2967
+ | `speed-dial.main-glyph.bg` | `--mx-speed-dial-main-glyph-bg` | `color.accent.on-solid` | `#ffffff` |
2968
+ | `speed-dial.main-text.font-weight` | `--mx-speed-dial-main-text-font-weight` | `font.weight.semibold` | `600` |
2969
+ | `speed-dial.action.size` | `--mx-speed-dial-action-size` | `` | `2.25rem` |
2970
+ | `speed-dial.action.radius` | `--mx-speed-dial-action-radius` | `radius.full` | `9999px` |
2971
+ | `speed-dial.action.bg` | `--mx-speed-dial-action-bg` | `color.fill.control.default` | `#f5f4f0` |
2972
+ | `speed-dial.action.color` | `--mx-speed-dial-action-color` | `color.fg.primary` | `#1d1c1a` |
2973
+ | `speed-dial.action.hover.bg` | `--mx-speed-dial-action-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
2974
+ | `speed-dial.action.hover.cursor` | `--mx-speed-dial-action-hover-cursor` | `` | `pointer` |
2975
+ | `speed-dial.action.pressed.bg` | `--mx-speed-dial-action-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
2976
+ | `speed-dial.action.focus.glow` | `--mx-speed-dial-action-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
2977
+ | `speed-dial.action.focus.outline-width` | `--mx-speed-dial-action-focus-outline-width` | `focus.ring.width` | `2px` |
2978
+ | `speed-dial.action.focus.outline-color` | `--mx-speed-dial-action-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
2979
+ | `speed-dial.action.focus.outline-offset` | `--mx-speed-dial-action-focus-outline-offset` | `focus.ring.offset` | `1px` |
2980
+ | `speed-dial.action.disabled.opacity` | `--mx-speed-dial-action-disabled-opacity` | `opacity.disabled` | `0.5` |
2981
+ | `speed-dial.action.border-width` | `--mx-speed-dial-action-border-width` | `border.width.1` | `1px` |
2982
+ | `speed-dial.action.border-color` | `--mx-speed-dial-action-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
2983
+ | `speed-dial.action.shadow` | `--mx-speed-dial-action-shadow` | `` | `initial` |
2984
+ | `speed-dial.action-icon.size` | `--mx-speed-dial-action-icon-size` | `` | `1rem` |
2985
+ | `speed-dial.action-icon.bg` | `--mx-speed-dial-action-icon-bg` | `color.fg.primary` | `#1d1c1a` |
2986
+ | `speed-dial.label.bg` | `--mx-speed-dial-label-bg` | `color.bg.glass` | `rgb(248 247 243 / 0.78)` |
2987
+ | `speed-dial.label.color` | `--mx-speed-dial-label-color` | `color.fg.primary` | `#1d1c1a` |
2988
+ | `speed-dial.label.radius` | `--mx-speed-dial-label-radius` | `radius.sm` | `0.25rem` |
2989
+ | `speed-dial.label.padding` | `--mx-speed-dial-label-padding` | `space.2` | `0.5rem` |
2990
+ | `speed-dial.label.font-size` | `--mx-speed-dial-label-font-size` | `font.size.caption` | `0.75rem` |
2991
+ | `speed-dial.label.shadow` | `--mx-speed-dial-label-shadow` | `elevation.card` | `0px 1px 2px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
2992
+ | `speed-dial.label.border-width` | `--mx-speed-dial-label-border-width` | `border.width.1` | `1px` |
2993
+ | `speed-dial.label.border-color` | `--mx-speed-dial-label-border-color` | `color.stroke.card` | `rgb(0 0 0 / 0.08)` |
2660
2994
  | `spinner.gap` | `--mx-spinner-gap` | `space.2` | `0.5rem` |
2661
2995
  | `spinner.cover-padding` | `--mx-spinner-cover-padding` | `space.4` | `1rem` |
2662
2996
  | `spinner.cover-background` | `--mx-spinner-cover-background` | `color.bg.glass` | `rgb(248 247 243 / 0.78)` |
@@ -2672,9 +3006,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2672
3006
  | `spinner.track-color` | `--mx-spinner-track-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
2673
3007
  | `spinner.accent` | `--mx-spinner-accent` | `color.accent.solid` | `#c24523` |
2674
3008
  | `spinner.neutral` | `--mx-spinner-neutral` | `color.fg.secondary` | `#5e5c55` |
2675
- | `spinner.success` | `--mx-spinner-success` | `color.success.fg` | `#0c6a0c` |
2676
- | `spinner.caution` | `--mx-spinner-caution` | `color.caution.fg` | `#845000` |
2677
- | `spinner.danger` | `--mx-spinner-danger` | `color.danger.solid` | `#b3261a` |
3009
+ | `spinner.success` | `--mx-spinner-success` | `color.success.fg` | `#006402` |
3010
+ | `spinner.caution` | `--mx-spinner-caution` | `color.caution.fg` | `#754702` |
3011
+ | `spinner.danger` | `--mx-spinner-danger` | `color.danger.solid` | `#b03659` |
2678
3012
  | `spinner.radius` | `--mx-spinner-radius` | `radius.full` | `9999px` |
2679
3013
  | `spinner.cover-fg` | `--mx-spinner-cover-fg` | `color.fg.primary` | `#1d1c1a` |
2680
3014
  | `spinner.focus-width` | `--mx-spinner-focus-width` | `focus.ring.width` | `2px` |
@@ -2701,6 +3035,89 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2701
3035
  | `spinner.shape.display` | `--mx-spinner-shape-display` | `` | `initial` |
2702
3036
  | `spinner.shape.contained.bg` | `--mx-spinner-shape-contained-bg` | `` | `initial` |
2703
3037
  | `spinner.shape.contained.scale` | `--mx-spinner-shape-contained-scale` | `` | `initial` |
3038
+ | `splitter.size` | `--mx-splitter-size` | `space.2` | `0.5rem` |
3039
+ | `splitter.line-width` | `--mx-splitter-line-width` | `border.width.1` | `1px` |
3040
+ | `splitter.active-width` | `--mx-splitter-active-width` | `border.width.2` | `2px` |
3041
+ | `splitter.grip-length` | `--mx-splitter-grip-length` | `space.6` | `1.5rem` |
3042
+ | `splitter.grip-thickness` | `--mx-splitter-grip-thickness` | `space.1` | `0.25rem` |
3043
+ | `splitter.handle.focus.glow` | `--mx-splitter-handle-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3044
+ | `splitter.handle.focus.outline-width` | `--mx-splitter-handle-focus-outline-width` | `focus.ring.width` | `2px` |
3045
+ | `splitter.handle.focus.outline-color` | `--mx-splitter-handle-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3046
+ | `splitter.handle.focus.outline-offset` | `--mx-splitter-handle-focus-outline-offset` | `focus.ring.offset` | `1px` |
3047
+ | `splitter.line.bg` | `--mx-splitter-line-bg` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
3048
+ | `splitter.line.active.bg` | `--mx-splitter-line-active-bg` | `color.accent.solid` | `#c24523` |
3049
+ | `splitter.grip.bg` | `--mx-splitter-grip-bg` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
3050
+ | `splitter.grip.radius` | `--mx-splitter-grip-radius` | `radius.full` | `9999px` |
3051
+ | `splitter.grip.active.bg` | `--mx-splitter-grip-active-bg` | `color.accent.solid` | `#c24523` |
3052
+ | `splitter.grip.disabled.bg` | `--mx-splitter-grip-disabled-bg` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
3053
+ | `splitter.fold.size` | `--mx-splitter-fold-size` | `` | `1rem` |
3054
+ | `splitter.fold.radius` | `--mx-splitter-fold-radius` | `radius.sm` | `0.25rem` |
3055
+ | `splitter.fold.hover.bg` | `--mx-splitter-fold-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
3056
+ | `splitter.fold.hover.cursor` | `--mx-splitter-fold-hover-cursor` | `` | `pointer` |
3057
+ | `splitter.fold.pressed.bg` | `--mx-splitter-fold-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
3058
+ | `splitter.fold.focus.glow` | `--mx-splitter-fold-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3059
+ | `splitter.fold.focus.outline-width` | `--mx-splitter-fold-focus-outline-width` | `focus.ring.width` | `2px` |
3060
+ | `splitter.fold.focus.outline-color` | `--mx-splitter-fold-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3061
+ | `splitter.fold.focus.outline-offset` | `--mx-splitter-fold-focus-outline-offset` | `focus.ring.offset` | `1px` |
3062
+ | `splitter.fold-glyph.size` | `--mx-splitter-fold-glyph-size` | `` | `0.625rem` |
3063
+ | `splitter.fold-glyph.bg` | `--mx-splitter-fold-glyph-bg` | `color.fg.secondary` | `#5e5c55` |
3064
+ | `stepper.font-size.sm` | `--mx-stepper-font-size-sm` | `font.size.caption` | `0.75rem` |
3065
+ | `stepper.font-size.md` | `--mx-stepper-font-size-md` | `font.size.body` | `0.875rem` |
3066
+ | `stepper.font-size.lg` | `--mx-stepper-font-size-lg` | `` | `1rem` |
3067
+ | `stepper.description-font-size` | `--mx-stepper-description-font-size` | `font.size.caption` | `0.75rem` |
3068
+ | `stepper.gap` | `--mx-stepper-gap` | `space.2` | `0.5rem` |
3069
+ | `stepper.line-gap` | `--mx-stepper-line-gap` | `space.2` | `0.5rem` |
3070
+ | `stepper.line-min-length` | `--mx-stepper-line-min-length` | `` | `1rem` |
3071
+ | `stepper.size.sm` | `--mx-stepper-size-sm` | `` | `1.5rem` |
3072
+ | `stepper.size.md` | `--mx-stepper-size-md` | `` | `1.75rem` |
3073
+ | `stepper.size.lg` | `--mx-stepper-size-lg` | `` | `2.25rem` |
3074
+ | `stepper.padding.sm` | `--mx-stepper-padding-sm` | `` | `0.25rem` |
3075
+ | `stepper.padding.md` | `--mx-stepper-padding-md` | `` | `0.375rem` |
3076
+ | `stepper.padding.lg` | `--mx-stepper-padding-lg` | `` | `0.5rem` |
3077
+ | `stepper.step.radius` | `--mx-stepper-step-radius` | `radius.sm` | `0.25rem` |
3078
+ | `stepper.step.color` | `--mx-stepper-step-color` | `color.fg.secondary` | `#5e5c55` |
3079
+ | `stepper.step.hover.bg` | `--mx-stepper-step-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
3080
+ | `stepper.step.hover.cursor` | `--mx-stepper-step-hover-cursor` | `` | `pointer` |
3081
+ | `stepper.step.pressed.bg` | `--mx-stepper-step-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
3082
+ | `stepper.step.focus.glow` | `--mx-stepper-step-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3083
+ | `stepper.step.focus.outline-width` | `--mx-stepper-step-focus-outline-width` | `focus.ring.width` | `2px` |
3084
+ | `stepper.step.focus.outline-color` | `--mx-stepper-step-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3085
+ | `stepper.step.focus.outline-offset` | `--mx-stepper-step-focus-outline-offset` | `focus.ring.offset` | `1px` |
3086
+ | `stepper.step.disabled.color` | `--mx-stepper-step-disabled-color` | `color.fg.disabled` | `#a2a098` |
3087
+ | `stepper.step.current.color` | `--mx-stepper-step-current-color` | `color.fg.primary` | `#1d1c1a` |
3088
+ | `stepper.step.done.color` | `--mx-stepper-step-done-color` | `color.fg.primary` | `#1d1c1a` |
3089
+ | `stepper.indicator.radius` | `--mx-stepper-indicator-radius` | `radius.full` | `9999px` |
3090
+ | `stepper.indicator.bg` | `--mx-stepper-indicator-bg` | `color.fill.control.default` | `#f5f4f0` |
3091
+ | `stepper.indicator.border-width` | `--mx-stepper-indicator-border-width` | `` | `1px` |
3092
+ | `stepper.indicator.border-color` | `--mx-stepper-indicator-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
3093
+ | `stepper.indicator.color` | `--mx-stepper-indicator-color` | `color.fg.secondary` | `#5e5c55` |
3094
+ | `stepper.indicator.font-size` | `--mx-stepper-indicator-font-size` | `font.size.caption` | `0.75rem` |
3095
+ | `stepper.indicator.font-weight` | `--mx-stepper-indicator-font-weight` | `font.weight.semibold` | `600` |
3096
+ | `stepper.indicator.current.bg` | `--mx-stepper-indicator-current-bg` | `color.accent.solid` | `#c24523` |
3097
+ | `stepper.indicator.current.border-color` | `--mx-stepper-indicator-current-border-color` | `color.accent.solid` | `#c24523` |
3098
+ | `stepper.indicator.current.color` | `--mx-stepper-indicator-current-color` | `color.accent.on-solid` | `#ffffff` |
3099
+ | `stepper.indicator.done.bg` | `--mx-stepper-indicator-done-bg` | `color.accent.solid` | `#c24523` |
3100
+ | `stepper.indicator.done.border-color` | `--mx-stepper-indicator-done-border-color` | `color.accent.solid` | `#c24523` |
3101
+ | `stepper.indicator.done.color` | `--mx-stepper-indicator-done-color` | `color.accent.on-solid` | `#ffffff` |
3102
+ | `stepper.indicator.error.bg` | `--mx-stepper-indicator-error-bg` | `color.danger.solid` | `#b03659` |
3103
+ | `stepper.indicator.error.border-color` | `--mx-stepper-indicator-error-border-color` | `color.danger.solid` | `#b03659` |
3104
+ | `stepper.indicator.error.color` | `--mx-stepper-indicator-error-color` | `color.danger.on-solid` | `#ffffff` |
3105
+ | `stepper.indicator.disabled.border-color` | `--mx-stepper-indicator-disabled-border-color` | `color.stroke.control.default` | `rgb(0 0 0 / 0.12)` |
3106
+ | `stepper.indicator.disabled.color` | `--mx-stepper-indicator-disabled-color` | `color.fg.disabled` | `#a2a098` |
3107
+ | `stepper.indicator.disabled.bg` | `--mx-stepper-indicator-disabled-bg` | `` | `initial` |
3108
+ | `stepper.mark.done.icon` | `--mx-stepper-mark-done-icon` | `` | `var(--mx-icon-check)` |
3109
+ | `stepper.mark.done.bg` | `--mx-stepper-mark-done-bg` | `color.accent.on-solid` | `#ffffff` |
3110
+ | `stepper.mark.error.icon` | `--mx-stepper-mark-error-icon` | `` | `var(--mx-icon-danger)` |
3111
+ | `stepper.mark.error.bg` | `--mx-stepper-mark-error-bg` | `color.danger.on-solid` | `#ffffff` |
3112
+ | `stepper.label.current.font-weight` | `--mx-stepper-label-current-font-weight` | `font.weight.semibold` | `600` |
3113
+ | `stepper.label.error.color` | `--mx-stepper-label-error-color` | `color.danger.fg` | `#b03659` |
3114
+ | `stepper.description.color` | `--mx-stepper-description-color` | `color.fg.secondary` | `#5e5c55` |
3115
+ | `stepper.description.disabled.color` | `--mx-stepper-description-disabled-color` | `color.fg.disabled` | `#a2a098` |
3116
+ | `stepper.note.color` | `--mx-stepper-note-color` | `color.fg.secondary` | `#5e5c55` |
3117
+ | `stepper.line.height` | `--mx-stepper-line-height` | `` | `2px` |
3118
+ | `stepper.line.bg` | `--mx-stepper-line-bg` | `color.stroke.control.secondary` | `rgb(0 0 0 / 0.2)` |
3119
+ | `stepper.line.done.bg` | `--mx-stepper-line-done-bg` | `color.accent.solid` | `#c24523` |
3120
+ | `stepper.line.radius` | `--mx-stepper-line-radius` | `` | `initial` |
2704
3121
  | `switch.thumb-inset` | `--mx-switch-thumb-inset` | `space.1` | `0.25rem` |
2705
3122
  | `switch.gap` | `--mx-switch-gap` | `space.2` | `0.5rem` |
2706
3123
  | `switch.text-padding` | `--mx-switch-text-padding` | `space.2` | `0.5rem` |
@@ -2735,7 +3152,7 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2735
3152
  | `switch.track.radius` | `--mx-switch-track-radius` | `radius.full` | `9999px` |
2736
3153
  | `switch.track.checked.bg` | `--mx-switch-track-checked-bg` | `color.accent.solid` | `#c24523` |
2737
3154
  | `switch.track.checked.border-color` | `--mx-switch-track-checked-border-color` | `color.accent.solid` | `#c24523` |
2738
- | `switch.track.invalid.border-color` | `--mx-switch-track-invalid-border-color` | `color.danger.solid` | `#b3261a` |
3155
+ | `switch.track.invalid.border-color` | `--mx-switch-track-invalid-border-color` | `color.danger.solid` | `#b03659` |
2739
3156
  | `switch.track.hover.bg` | `--mx-switch-track-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
2740
3157
  | `switch.track.checked-hover.bg` | `--mx-switch-track-checked-hover-bg` | `color.accent.solid-hover` | `#b43f20` |
2741
3158
  | `switch.track.pressed.bg` | `--mx-switch-track-pressed-bg` | `color.fill.control.secondary` | `#ebeae5` |
@@ -2883,9 +3300,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2883
3300
  | `tabdocs.indicator.selected.bg` | `--mx-tabdocs-indicator-selected-bg` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
2884
3301
  | `tabdocs.indicator.active.bg` | `--mx-tabdocs-indicator-active-bg` | `color.accent.solid` | `#c24523` |
2885
3302
  | `tabdocs.indicator.title.bg` | `--mx-tabdocs-indicator-title-bg` | `` | `initial` |
2886
- | `tabdocs.title.warning.color` | `--mx-tabdocs-title-warning-color` | `color.caution.fg` | `#845000` |
2887
- | `tabdocs.title.danger.color` | `--mx-tabdocs-title-danger-color` | `color.danger.fg` | `#b3261a` |
2888
- | `tabdocs.title.success.color` | `--mx-tabdocs-title-success-color` | `color.success.fg` | `#0c6a0c` |
3303
+ | `tabdocs.title.warning.color` | `--mx-tabdocs-title-warning-color` | `color.caution.fg` | `#754702` |
3304
+ | `tabdocs.title.danger.color` | `--mx-tabdocs-title-danger-color` | `color.danger.fg` | `#b03659` |
3305
+ | `tabdocs.title.success.color` | `--mx-tabdocs-title-success-color` | `color.success.fg` | `#006402` |
2889
3306
  | `tabdocs.title.accent.color` | `--mx-tabdocs-title-accent-color` | `color.accent.fg` | `#983318` |
2890
3307
  | `tabdocs.letter.font-weight` | `--mx-tabdocs-letter-font-weight` | `font.weight.semibold` | `600` |
2891
3308
  | `tabdocs.pin.radius` | `--mx-tabdocs-pin-radius` | `radius.sm` | `0.25rem` |
@@ -2906,16 +3323,16 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
2906
3323
  | `tabdocs.badge.dot.padding-inline` | `--mx-tabdocs-badge-dot-padding-inline` | `` | `0px` |
2907
3324
  | `tabdocs.badge.dot.bg` | `--mx-tabdocs-badge-dot-bg` | `color.accent.solid` | `#c24523` |
2908
3325
  | `tabdocs.badge.warning.bg` | `--mx-tabdocs-badge-warning-bg` | `color.caution.subtle` | `#fff4ce` |
2909
- | `tabdocs.badge.warning.color` | `--mx-tabdocs-badge-warning-color` | `color.caution.fg` | `#845000` |
3326
+ | `tabdocs.badge.warning.color` | `--mx-tabdocs-badge-warning-color` | `color.caution.fg` | `#754702` |
2910
3327
  | `tabdocs.badge.danger.bg` | `--mx-tabdocs-badge-danger-bg` | `color.danger.subtle` | `#fde7e9` |
2911
- | `tabdocs.badge.danger.color` | `--mx-tabdocs-badge-danger-color` | `color.danger.fg` | `#b3261a` |
3328
+ | `tabdocs.badge.danger.color` | `--mx-tabdocs-badge-danger-color` | `color.danger.fg` | `#b03659` |
2912
3329
  | `tabdocs.badge.success.bg` | `--mx-tabdocs-badge-success-bg` | `color.success.subtle` | `#dff6dd` |
2913
- | `tabdocs.badge.success.color` | `--mx-tabdocs-badge-success-color` | `color.success.fg` | `#0c6a0c` |
3330
+ | `tabdocs.badge.success.color` | `--mx-tabdocs-badge-success-color` | `color.success.fg` | `#006402` |
2914
3331
  | `tabdocs.badge.accent.bg` | `--mx-tabdocs-badge-accent-bg` | `color.accent.subtle` | `#fbe6de` |
2915
3332
  | `tabdocs.badge.accent.color` | `--mx-tabdocs-badge-accent-color` | `color.accent.fg` | `#983318` |
2916
- | `tabdocs.badge.warning-dot.bg` | `--mx-tabdocs-badge-warning-dot-bg` | `color.caution.fg` | `#845000` |
2917
- | `tabdocs.badge.danger-dot.bg` | `--mx-tabdocs-badge-danger-dot-bg` | `color.danger.fg` | `#b3261a` |
2918
- | `tabdocs.badge.success-dot.bg` | `--mx-tabdocs-badge-success-dot-bg` | `color.success.fg` | `#0c6a0c` |
3333
+ | `tabdocs.badge.warning-dot.bg` | `--mx-tabdocs-badge-warning-dot-bg` | `color.caution.fg` | `#754702` |
3334
+ | `tabdocs.badge.danger-dot.bg` | `--mx-tabdocs-badge-danger-dot-bg` | `color.danger.fg` | `#b03659` |
3335
+ | `tabdocs.badge.success-dot.bg` | `--mx-tabdocs-badge-success-dot-bg` | `color.success.fg` | `#006402` |
2919
3336
  | `tabdocs.badge.accent-dot.bg` | `--mx-tabdocs-badge-accent-dot-bg` | `color.accent.fg` | `#983318` |
2920
3337
  | `tabdocs.close.radius` | `--mx-tabdocs-close-radius` | `radius.sm` | `0.25rem` |
2921
3338
  | `tabdocs.close.color` | `--mx-tabdocs-close-color` | `color.fg.secondary` | `#5e5c55` |
@@ -3249,6 +3666,116 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
3249
3666
  | `text-box.reveal.shown.color` | `--mx-text-box-reveal-shown-color` | `color.fg.primary` | `#1d1c1a` |
3250
3667
  | `text-box.reveal-glyph.icon` | `--mx-text-box-reveal-glyph-icon` | `` | `var(--mx-icon-eye-open)` |
3251
3668
  | `text-box.reveal-glyph.shown.icon` | `--mx-text-box-reveal-glyph-shown-icon` | `` | `var(--mx-icon-eye-closed)` |
3669
+ | `tile-view.gap` | `--mx-tile-view-gap` | `space.3` | `0.75rem` |
3670
+ | `tile-view.tile.radius` | `--mx-tile-view-tile-radius` | `radius.md` | `0.375rem` |
3671
+ | `tile-view.tile.bg` | `--mx-tile-view-tile-bg` | `color.bg.card` | `#f5f4f0` |
3672
+ | `tile-view.tile.color` | `--mx-tile-view-tile-color` | `color.fg.primary` | `#1d1c1a` |
3673
+ | `tile-view.tile.padding` | `--mx-tile-view-tile-padding` | `space.3` | `0.75rem` |
3674
+ | `tile-view.tile.hover.bg` | `--mx-tile-view-tile-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
3675
+ | `tile-view.tile.hover.cursor` | `--mx-tile-view-tile-hover-cursor` | `` | `pointer` |
3676
+ | `tile-view.tile.pressed.bg` | `--mx-tile-view-tile-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
3677
+ | `tile-view.tile.focus.glow` | `--mx-tile-view-tile-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3678
+ | `tile-view.tile.focus.outline-width` | `--mx-tile-view-tile-focus-outline-width` | `focus.ring.width` | `2px` |
3679
+ | `tile-view.tile.focus.outline-color` | `--mx-tile-view-tile-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3680
+ | `tile-view.tile.focus.outline-offset` | `--mx-tile-view-tile-focus-outline-offset` | `focus.ring.offset` | `1px` |
3681
+ | `tile-view.tile.selected.bg` | `--mx-tile-view-tile-selected-bg` | `color.accent.subtle` | `#fbe6de` |
3682
+ | `tile-view.tile.selected.border-color` | `--mx-tile-view-tile-selected-border-color` | `color.accent.solid` | `#c24523` |
3683
+ | `tile-view.tile.selected.color` | `--mx-tile-view-tile-selected-color` | `color.accent.fg` | `#983318` |
3684
+ | `tile-view.tile.disabled.color` | `--mx-tile-view-tile-disabled-color` | `color.fg.disabled` | `#a2a098` |
3685
+ | `tile-view.tile.disabled.cursor` | `--mx-tile-view-tile-disabled-cursor` | `` | `default` |
3686
+ | `tile-view.tile.dragging.opacity` | `--mx-tile-view-tile-dragging-opacity` | `` | `0.4` |
3687
+ | `tile-view.tile.target.outline-width` | `--mx-tile-view-tile-target-outline-width` | `border.width.2` | `2px` |
3688
+ | `tile-view.tile.target.outline-color` | `--mx-tile-view-tile-target-outline-color` | `color.accent.solid` | `#c24523` |
3689
+ | `tile-view.tile.target.outline-offset` | `--mx-tile-view-tile-target-outline-offset` | `` | `-2px` |
3690
+ | `tile-view.tile.border-width` | `--mx-tile-view-tile-border-width` | `border.width.1` | `1px` |
3691
+ | `tile-view.tile.border-color` | `--mx-tile-view-tile-border-color` | `color.stroke.card` | `rgb(0 0 0 / 0.08)` |
3692
+ | `tile-view.tile.shadow` | `--mx-tile-view-tile-shadow` | `` | `initial` |
3693
+ | `tile-view.ghost.radius` | `--mx-tile-view-ghost-radius` | `radius.md` | `0.375rem` |
3694
+ | `tile-view.ghost.shadow` | `--mx-tile-view-ghost-shadow` | `elevation.popup` | `0px 8px 16px 0px rgb(0 0 0 / 0.14), 0px 0px 2px 0px rgb(0 0 0 / 0.12)` |
3695
+ | `tile-view.ghost.opacity` | `--mx-tile-view-ghost-opacity` | `` | `0.9` |
3696
+ | `timeline.gap` | `--mx-timeline-gap` | `space.4` | `1rem` |
3697
+ | `timeline.dot-gap` | `--mx-timeline-dot-gap` | `space.3` | `0.75rem` |
3698
+ | `timeline.track-gap` | `--mx-timeline-track-gap` | `space.6` | `1.5rem` |
3699
+ | `timeline.row-gap` | `--mx-timeline-row-gap` | `space.3` | `0.75rem` |
3700
+ | `timeline.mark-size` | `--mx-timeline-mark-size` | `` | `1.25rem` |
3701
+ | `timeline.line-thickness` | `--mx-timeline-line-thickness` | `border.width.2` | `2px` |
3702
+ | `timeline.line.bg` | `--mx-timeline-line-bg` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
3703
+ | `timeline.dot.radius` | `--mx-timeline-dot-radius` | `radius.full` | `9999px` |
3704
+ | `timeline.dot.bg` | `--mx-timeline-dot-bg` | `color.fill.control.default` | `#f5f4f0` |
3705
+ | `timeline.dot.border-width` | `--mx-timeline-dot-border-width` | `border.width.2` | `2px` |
3706
+ | `timeline.dot.border-color` | `--mx-timeline-dot-border-color` | `color.stroke.control.strong` | `rgb(0 0 0 / 0.4458)` |
3707
+ | `timeline.dot.accent.bg` | `--mx-timeline-dot-accent-bg` | `color.accent.solid` | `#c24523` |
3708
+ | `timeline.dot.accent.border-color` | `--mx-timeline-dot-accent-border-color` | `color.accent.solid` | `#c24523` |
3709
+ | `timeline.dot.success.bg` | `--mx-timeline-dot-success-bg` | `color.success.solid` | `#006402` |
3710
+ | `timeline.dot.success.border-color` | `--mx-timeline-dot-success-border-color` | `color.success.solid` | `#006402` |
3711
+ | `timeline.dot.caution.bg` | `--mx-timeline-dot-caution-bg` | `color.caution.solid` | `#754702` |
3712
+ | `timeline.dot.caution.border-color` | `--mx-timeline-dot-caution-border-color` | `color.caution.solid` | `#754702` |
3713
+ | `timeline.dot.danger.bg` | `--mx-timeline-dot-danger-bg` | `color.danger.solid` | `#b03659` |
3714
+ | `timeline.dot.danger.border-color` | `--mx-timeline-dot-danger-border-color` | `color.danger.solid` | `#b03659` |
3715
+ | `timeline.dot.info.bg` | `--mx-timeline-dot-info-bg` | `color.info.solid` | `#5e5c55` |
3716
+ | `timeline.dot.info.border-color` | `--mx-timeline-dot-info-border-color` | `color.info.solid` | `#5e5c55` |
3717
+ | `timeline.dot-glyph.size` | `--mx-timeline-dot-glyph-size` | `` | `0.625rem` |
3718
+ | `timeline.dot-glyph.bg` | `--mx-timeline-dot-glyph-bg` | `color.fg.secondary` | `#5e5c55` |
3719
+ | `timeline.dot-glyph.accent.bg` | `--mx-timeline-dot-glyph-accent-bg` | `color.accent.on-solid` | `#ffffff` |
3720
+ | `timeline.dot-glyph.success.bg` | `--mx-timeline-dot-glyph-success-bg` | `color.success.on-solid` | `#ffffff` |
3721
+ | `timeline.dot-glyph.caution.bg` | `--mx-timeline-dot-glyph-caution-bg` | `color.caution.on-solid` | `#ffffff` |
3722
+ | `timeline.dot-glyph.danger.bg` | `--mx-timeline-dot-glyph-danger-bg` | `color.danger.on-solid` | `#ffffff` |
3723
+ | `timeline.dot-glyph.info.bg` | `--mx-timeline-dot-glyph-info-bg` | `color.info.on-solid` | `#e1e0da` |
3724
+ | `timeline.card.radius` | `--mx-timeline-card-radius` | `radius.md` | `0.375rem` |
3725
+ | `timeline.card.bg` | `--mx-timeline-card-bg` | `color.bg.card` | `#f5f4f0` |
3726
+ | `timeline.card.color` | `--mx-timeline-card-color` | `color.fg.primary` | `#1d1c1a` |
3727
+ | `timeline.card.padding` | `--mx-timeline-card-padding` | `space.3` | `0.75rem` |
3728
+ | `timeline.card.gap` | `--mx-timeline-card-gap` | `space.1` | `0.25rem` |
3729
+ | `timeline.card.pressable.cursor` | `--mx-timeline-card-pressable-cursor` | `` | `pointer` |
3730
+ | `timeline.card.hover.bg` | `--mx-timeline-card-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
3731
+ | `timeline.card.pressed.bg` | `--mx-timeline-card-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
3732
+ | `timeline.card.focus.glow` | `--mx-timeline-card-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3733
+ | `timeline.card.focus.outline-width` | `--mx-timeline-card-focus-outline-width` | `focus.ring.width` | `2px` |
3734
+ | `timeline.card.focus.outline-color` | `--mx-timeline-card-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3735
+ | `timeline.card.focus.outline-offset` | `--mx-timeline-card-focus-outline-offset` | `focus.ring.offset` | `1px` |
3736
+ | `timeline.card.border-width` | `--mx-timeline-card-border-width` | `border.width.1` | `1px` |
3737
+ | `timeline.card.border-color` | `--mx-timeline-card-border-color` | `color.stroke.card` | `rgb(0 0 0 / 0.08)` |
3738
+ | `timeline.card.shadow` | `--mx-timeline-card-shadow` | `` | `initial` |
3739
+ | `timeline.flag.radius` | `--mx-timeline-flag-radius` | `radius.md` | `0.375rem` |
3740
+ | `timeline.flag.padding` | `--mx-timeline-flag-padding` | `space.2` | `0.5rem` |
3741
+ | `timeline.flag.gap` | `--mx-timeline-flag-gap` | `space.1` | `0.25rem` |
3742
+ | `timeline.flag.color` | `--mx-timeline-flag-color` | `color.fg.secondary` | `#5e5c55` |
3743
+ | `timeline.flag.hover.bg` | `--mx-timeline-flag-hover-bg` | `color.fill.subtle.secondary` | `rgb(0 0 0 / 0.0373)` |
3744
+ | `timeline.flag.hover.cursor` | `--mx-timeline-flag-hover-cursor` | `` | `pointer` |
3745
+ | `timeline.flag.pressed.bg` | `--mx-timeline-flag-pressed-bg` | `color.fill.subtle.tertiary` | `rgb(0 0 0 / 0.0241)` |
3746
+ | `timeline.flag.focus.glow` | `--mx-timeline-flag-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3747
+ | `timeline.flag.focus.outline-width` | `--mx-timeline-flag-focus-outline-width` | `focus.ring.width` | `2px` |
3748
+ | `timeline.flag.focus.outline-color` | `--mx-timeline-flag-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3749
+ | `timeline.flag.focus.outline-offset` | `--mx-timeline-flag-focus-outline-offset` | `focus.ring.offset` | `1px` |
3750
+ | `timeline.flag.selected.color` | `--mx-timeline-flag-selected-color` | `color.accent.fg` | `#983318` |
3751
+ | `timeline.date.color` | `--mx-timeline-date-color` | `color.fg.secondary` | `#5e5c55` |
3752
+ | `timeline.date.font-size` | `--mx-timeline-date-font-size` | `font.size.caption` | `0.75rem` |
3753
+ | `timeline.date.selected.color` | `--mx-timeline-date-selected-color` | `color.accent.fg` | `#983318` |
3754
+ | `timeline.date.selected.font-weight` | `--mx-timeline-date-selected-font-weight` | `font.weight.semibold` | `600` |
3755
+ | `timeline.title.font-weight` | `--mx-timeline-title-font-weight` | `font.weight.semibold` | `600` |
3756
+ | `timeline.description.color` | `--mx-timeline-description-color` | `color.fg.secondary` | `#5e5c55` |
3757
+ | `timeline.detail.radius` | `--mx-timeline-detail-radius` | `radius.md` | `0.375rem` |
3758
+ | `timeline.detail.bg` | `--mx-timeline-detail-bg` | `color.bg.card` | `#f5f4f0` |
3759
+ | `timeline.detail.color` | `--mx-timeline-detail-color` | `color.fg.primary` | `#1d1c1a` |
3760
+ | `timeline.detail.padding` | `--mx-timeline-detail-padding` | `space.3` | `0.75rem` |
3761
+ | `timeline.detail.gap` | `--mx-timeline-detail-gap` | `space.1` | `0.25rem` |
3762
+ | `timeline.detail.border-width` | `--mx-timeline-detail-border-width` | `border.width.1` | `1px` |
3763
+ | `timeline.detail.border-color` | `--mx-timeline-detail-border-color` | `color.stroke.card` | `rgb(0 0 0 / 0.08)` |
3764
+ | `timeline.detail.shadow` | `--mx-timeline-detail-shadow` | `` | `initial` |
3765
+ | `timeline.nav.size` | `--mx-timeline-nav-size` | `` | `2rem` |
3766
+ | `timeline.nav.radius` | `--mx-timeline-nav-radius` | `radius.full` | `9999px` |
3767
+ | `timeline.nav.bg` | `--mx-timeline-nav-bg` | `color.fill.control.default` | `#f5f4f0` |
3768
+ | `timeline.nav.color` | `--mx-timeline-nav-color` | `color.fg.primary` | `#1d1c1a` |
3769
+ | `timeline.nav.hover.bg` | `--mx-timeline-nav-hover-bg` | `color.fill.control.secondary` | `#ebeae5` |
3770
+ | `timeline.nav.hover.cursor` | `--mx-timeline-nav-hover-cursor` | `` | `pointer` |
3771
+ | `timeline.nav.pressed.bg` | `--mx-timeline-nav-pressed-bg` | `color.fill.control.tertiary` | `#e1e0da` |
3772
+ | `timeline.nav.focus.glow` | `--mx-timeline-nav-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
3773
+ | `timeline.nav.focus.outline-width` | `--mx-timeline-nav-focus-outline-width` | `focus.ring.width` | `2px` |
3774
+ | `timeline.nav.focus.outline-color` | `--mx-timeline-nav-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
3775
+ | `timeline.nav.focus.outline-offset` | `--mx-timeline-nav-focus-outline-offset` | `focus.ring.offset` | `1px` |
3776
+ | `timeline.nav.disabled.opacity` | `--mx-timeline-nav-disabled-opacity` | `opacity.disabled` | `0.5` |
3777
+ | `timeline.nav-glyph.size` | `--mx-timeline-nav-glyph-size` | `` | `1rem` |
3778
+ | `timeline.nav-glyph.bg` | `--mx-timeline-nav-glyph-bg` | `color.fg.primary` | `#1d1c1a` |
3252
3779
  | `toast.width` | `--mx-toast-width` | `` | `22rem` |
3253
3780
  | `toast.inset` | `--mx-toast-inset` | `space.4` | `1rem` |
3254
3781
  | `toast.buttons-align` | `--mx-toast-buttons-align` | `` | `center` |
@@ -3317,9 +3844,9 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
3317
3844
  | `toast.surface.danger.bg` | `--mx-toast-surface-danger-bg` | `` | `initial` |
3318
3845
  | `toast.icon.size` | `--mx-toast-icon-size` | `icon.size.md` | `1rem` |
3319
3846
  | `toast.icon.color` | `--mx-toast-icon-color` | `color.fg.secondary` | `#5e5c55` |
3320
- | `toast.icon.success.color` | `--mx-toast-icon-success-color` | `color.success.fg` | `#0c6a0c` |
3321
- | `toast.icon.caution.color` | `--mx-toast-icon-caution-color` | `color.caution.fg` | `#845000` |
3322
- | `toast.icon.danger.color` | `--mx-toast-icon-danger-color` | `color.danger.fg` | `#b3261a` |
3847
+ | `toast.icon.success.color` | `--mx-toast-icon-success-color` | `color.success.fg` | `#006402` |
3848
+ | `toast.icon.caution.color` | `--mx-toast-icon-caution-color` | `color.caution.fg` | `#754702` |
3849
+ | `toast.icon.danger.color` | `--mx-toast-icon-danger-color` | `color.danger.fg` | `#b03659` |
3323
3850
  | `toast.mark.icon` | `--mx-toast-mark-icon` | `` | `var(--mx-icon-info)` |
3324
3851
  | `toast.mark.success.icon` | `--mx-toast-mark-success-icon` | `` | `var(--mx-icon-success)` |
3325
3852
  | `toast.mark.caution.icon` | `--mx-toast-mark-caution-icon` | `` | `var(--mx-icon-caution)` |
@@ -3448,12 +3975,32 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
3448
3975
  | `treeview.mark.size` | `--mx-treeview-mark-size` | `icon.size.sm` | `0.75rem` |
3449
3976
  | `treeview.icon.size` | `--mx-treeview-icon-size` | `icon.size.md` | `1rem` |
3450
3977
  | `treeview.error.gap` | `--mx-treeview-error-gap` | `space.1` | `0.25rem` |
3451
- | `treeview.error.color` | `--mx-treeview-error-color` | `color.danger.fg` | `#b3261a` |
3978
+ | `treeview.error.color` | `--mx-treeview-error-color` | `color.danger.fg` | `#b03659` |
3452
3979
  | `treeview.error.font-size` | `--mx-treeview-error-font-size` | `font.size.caption` | `0.75rem` |
3453
3980
  | `treeview.retry.padding-inline` | `--mx-treeview-retry-padding-inline` | `space.1` | `0.25rem` |
3454
3981
  | `treeview.retry.radius` | `--mx-treeview-retry-radius` | `radius.sm` | `0.25rem` |
3455
3982
  | `treeview.retry.color` | `--mx-treeview-retry-color` | `color.accent.fg` | `#983318` |
3456
3983
  | `treeview.retry.text-decoration` | `--mx-treeview-retry-text-decoration` | `` | `underline` |
3984
+ | `validation-summary.gap` | `--mx-validation-summary-gap` | `space.2` | `0.5rem` |
3985
+ | `validation-summary.line-gap` | `--mx-validation-summary-line-gap` | `space.1` | `0.25rem` |
3986
+ | `validation-summary.box.bg` | `--mx-validation-summary-box-bg` | `color.danger.subtle` | `#fde7e9` |
3987
+ | `validation-summary.box.border-width` | `--mx-validation-summary-box-border-width` | `border.width.1` | `1px` |
3988
+ | `validation-summary.box.border-color` | `--mx-validation-summary-box-border-color` | `color.danger.solid` | `#b03659` |
3989
+ | `validation-summary.box.radius` | `--mx-validation-summary-box-radius` | `radius.md` | `0.375rem` |
3990
+ | `validation-summary.box.padding` | `--mx-validation-summary-box-padding` | `space.3` | `0.75rem` |
3991
+ | `validation-summary.icon.icon` | `--mx-validation-summary-icon-icon` | `` | `var(--mx-icon-danger)` |
3992
+ | `validation-summary.icon.size` | `--mx-validation-summary-icon-size` | `` | `1rem` |
3993
+ | `validation-summary.icon.bg` | `--mx-validation-summary-icon-bg` | `color.danger.fg` | `#b03659` |
3994
+ | `validation-summary.header.color` | `--mx-validation-summary-header-color` | `color.danger.fg` | `#b03659` |
3995
+ | `validation-summary.header.font-weight` | `--mx-validation-summary-header-font-weight` | `font.weight.semibold` | `600` |
3996
+ | `validation-summary.item.color` | `--mx-validation-summary-item-color` | `color.danger.fg` | `#b03659` |
3997
+ | `validation-summary.item.radius` | `--mx-validation-summary-item-radius` | `radius.xs` | `0.25rem` |
3998
+ | `validation-summary.item.hover.text-decoration` | `--mx-validation-summary-item-hover-text-decoration` | `` | `underline` |
3999
+ | `validation-summary.item.hover.cursor` | `--mx-validation-summary-item-hover-cursor` | `` | `pointer` |
4000
+ | `validation-summary.item.focus.glow` | `--mx-validation-summary-item-focus-glow` | `focus.ring.halo` | `0px 0px 0px 1px rgb(255 255 255 / 0.7)` |
4001
+ | `validation-summary.item.focus.outline-width` | `--mx-validation-summary-item-focus-outline-width` | `focus.ring.width` | `2px` |
4002
+ | `validation-summary.item.focus.outline-color` | `--mx-validation-summary-item-focus-outline-color` | `focus.ring.color` | `#1d1c1a` |
4003
+ | `validation-summary.item.focus.outline-offset` | `--mx-validation-summary-item-focus-outline-offset` | `focus.ring.offset` | `1px` |
3457
4004
  | `window.font-family` | `--mx-window-font-family` | `font.family.sans` | `Archivo, system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif` |
3458
4005
  | `window.title-align` | `--mx-window-title-align` | `` | `start` |
3459
4006
  | `window.min-width` | `--mx-window-min-width` | `` | `16rem` |
@@ -3530,9 +4077,18 @@ Source: `tokens/schema/*.json` (names and types) and `tokens/languages/<language
3530
4077
  | `window.message.gap` | `--mx-window-message-gap` | `space.3` | `0.75rem` |
3531
4078
  | `window.message-icon.size` | `--mx-window-message-icon-size` | `icon.size.lg` | `1.25rem` |
3532
4079
  | `window.message-icon.color` | `--mx-window-message-icon-color` | `color.accent.fg` | `#983318` |
3533
- | `window.message-icon.success.color` | `--mx-window-message-icon-success-color` | `color.success.fg` | `#0c6a0c` |
3534
- | `window.message-icon.caution.color` | `--mx-window-message-icon-caution-color` | `color.caution.fg` | `#845000` |
3535
- | `window.message-icon.danger.color` | `--mx-window-message-icon-danger-color` | `color.danger.fg` | `#b3261a` |
4080
+ | `window.message-icon.success.color` | `--mx-window-message-icon-success-color` | `color.success.fg` | `#006402` |
4081
+ | `window.message-icon.caution.color` | `--mx-window-message-icon-caution-color` | `color.caution.fg` | `#754702` |
4082
+ | `window.message-icon.danger.color` | `--mx-window-message-icon-danger-color` | `color.danger.fg` | `#b03659` |
4083
+ | `wizard.gap` | `--mx-wizard-gap` | `space.4` | `1rem` |
4084
+ | `wizard.bar-gap` | `--mx-wizard-bar-gap` | `space.2` | `0.5rem` |
4085
+ | `wizard.rail-width` | `--mx-wizard-rail-width` | `` | `14rem` |
4086
+ | `wizard.previous.variant` | `--mx-wizard-previous-variant` | `` | `outline` |
4087
+ | `wizard.next.variant` | `--mx-wizard-next-variant` | `` | `solid` |
4088
+ | `wizard.next.tone` | `--mx-wizard-next-tone` | `` | `accent` |
4089
+ | `wizard.bar.padding-top` | `--mx-wizard-bar-padding-top` | `space.3` | `0.75rem` |
4090
+ | `wizard.bar.border-top-width` | `--mx-wizard-bar-border-top-width` | `` | `1px` |
4091
+ | `wizard.bar.border-top-color` | `--mx-wizard-bar-border-top-color` | `color.stroke.divider` | `rgb(0 0 0 / 0.1)` |
3536
4092
 
3537
4093
  ## Semantic ({semantic.length} per theme)
3538
4094
 
@@ -3547,13 +4103,13 @@ The theme's language, the only layer a theme redefines — switch the theme abov
3547
4103
  | `color.accent.fg` | `--mx-color-accent-fg` | `#983318` | `#ffb89c` | `#c7c7ff` |
3548
4104
  | `color.accent.subtle` | `--mx-color-accent-subtle` | `#fbe6de` | `#45271d` | `#000000` |
3549
4105
  | `color.accent.on-subtle` | `--mx-color-accent-on-subtle` | `#983318` | `#ffb89c` | `#c7c7ff` |
3550
- | `color.success.fg` | `--mx-color-success-fg` | `#0c6a0c` | `#6ccb5f` | `#3ff23f` |
4106
+ | `color.success.fg` | `--mx-color-success-fg` | `#006402` | `#6dc43a` | `#3ff23f` |
3551
4107
  | `color.success.subtle` | `--mx-color-success-subtle` | `#dff6dd` | `#393d1b` | `#000000` |
3552
- | `color.success.solid` | `--mx-color-success-solid` | `#0c6a0c` | `#6ccb5f` | `#3ff23f` |
4108
+ | `color.success.solid` | `--mx-color-success-solid` | `#006402` | `#6dc43a` | `#3ff23f` |
3553
4109
  | `color.success.on-solid` | `--mx-color-success-on-solid` | `#ffffff` | `#000000` | `#000000` |
3554
- | `color.caution.fg` | `--mx-color-caution-fg` | `#845000` | `#fce100` | `#ffee32` |
4110
+ | `color.caution.fg` | `--mx-color-caution-fg` | `#754702` | `#fce100` | `#ffee32` |
3555
4111
  | `color.caution.subtle` | `--mx-color-caution-subtle` | `#fff4ce` | `#433519` | `#000000` |
3556
- | `color.caution.solid` | `--mx-color-caution-solid` | `#845000` | `#fce100` | `#ffee32` |
4112
+ | `color.caution.solid` | `--mx-color-caution-solid` | `#754702` | `#fce100` | `#ffee32` |
3557
4113
  | `color.caution.on-solid` | `--mx-color-caution-on-solid` | `#ffffff` | `#000000` | `#000000` |
3558
4114
  | `color.bg.canvas` | `--mx-color-bg-canvas` | `#e1e0da` | `#232220` | `#000000` |
3559
4115
  | `color.bg.layer` | `--mx-color-bg-layer` | `#ebeae5` | `#2b2a27` | `#000000` |
@@ -3595,10 +4151,10 @@ The theme's language, the only layer a theme redefines — switch the theme abov
3595
4151
  | `color.stroke.surface` | `--mx-color-stroke-surface` | `rgb(117 117 117 / 0.4)` | `rgb(117 117 117 / 0.4)` | `#ffffff` |
3596
4152
  | `color.stroke.divider` | `--mx-color-stroke-divider` | `rgb(0 0 0 / 0.1)` | `rgb(255 255 255 / 0.0837)` | `#ffffff` |
3597
4153
  | `color.highlight.control` | `--mx-color-highlight-control` | `rgb(255 255 255 / 0.7)` | `rgb(255 255 255 / 0.06)` | `#000000` |
3598
- | `color.danger.solid` | `--mx-color-danger-solid` | `#b3261a` | `#ff99a4` | `#ff8080` |
3599
- | `color.danger.solid-hover` | `--mx-color-danger-solid-hover` | `#c42b1c` | `#e98d97` | `#ffa0a0` |
4154
+ | `color.danger.solid` | `--mx-color-danger-solid` | `#b03659` | `#ff99a4` | `#ff8080` |
4155
+ | `color.danger.solid-hover` | `--mx-color-danger-solid-hover` | `#c13b61` | `#e98d97` | `#ffa0a0` |
3600
4156
  | `color.danger.on-solid` | `--mx-color-danger-on-solid` | `#ffffff` | `#000000` | `#000000` |
3601
- | `color.danger.fg` | `--mx-color-danger-fg` | `#b3261a` | `#ff99a4` | `#ffbcbc` |
4157
+ | `color.danger.fg` | `--mx-color-danger-fg` | `#b03659` | `#ff99a4` | `#ffbcbc` |
3602
4158
  | `color.danger.subtle` | `--mx-color-danger-subtle` | `#fde7e9` | `#442726` | `#000000` |
3603
4159
  | `color.info.subtle` | `--mx-color-info-subtle` | `#ebeae5` | `#2b2a27` | `#000000` |
3604
4160
  | `color.info.solid` | `--mx-color-info-solid` | `#5e5c55` | `#d0cfc9` | `#ffffff` |
@@ -3736,17 +4292,17 @@ The shared palette and scales, the same in every design language. Themes and com
3736
4292
  | `color.accent.light3` | color | `--mx-color-accent-light3` | `#ffb89c` |
3737
4293
  | `color.accent.tint-light` | color | `--mx-color-accent-tint-light` | `#fbe6de` |
3738
4294
  | `color.accent.tint-dark` | color | `--mx-color-accent-tint-dark` | `#45271d` |
3739
- | `color.critical.light` | color | `--mx-color-critical-light` | `#b3261a` |
3740
- | `color.critical.light-hover` | color | `--mx-color-critical-light-hover` | `#c42b1c` |
4295
+ | `color.critical.light` | color | `--mx-color-critical-light` | `#b03659` |
4296
+ | `color.critical.light-hover` | color | `--mx-color-critical-light-hover` | `#c13b61` |
3741
4297
  | `color.critical.light-bg` | color | `--mx-color-critical-light-bg` | `#fde7e9` |
3742
4298
  | `color.critical.dark` | color | `--mx-color-critical-dark` | `#ff99a4` |
3743
4299
  | `color.critical.dark-hover` | color | `--mx-color-critical-dark-hover` | `#e98d97` |
3744
4300
  | `color.critical.dark-bg` | color | `--mx-color-critical-dark-bg` | `#442726` |
3745
- | `color.success.light` | color | `--mx-color-success-light` | `#0c6a0c` |
4301
+ | `color.success.light` | color | `--mx-color-success-light` | `#006402` |
3746
4302
  | `color.success.light-bg` | color | `--mx-color-success-light-bg` | `#dff6dd` |
3747
- | `color.success.dark` | color | `--mx-color-success-dark` | `#6ccb5f` |
4303
+ | `color.success.dark` | color | `--mx-color-success-dark` | `#6dc43a` |
3748
4304
  | `color.success.dark-bg` | color | `--mx-color-success-dark-bg` | `#393d1b` |
3749
- | `color.caution.light` | color | `--mx-color-caution-light` | `#845000` |
4305
+ | `color.caution.light` | color | `--mx-color-caution-light` | `#754702` |
3750
4306
  | `color.caution.light-bg` | color | `--mx-color-caution-light-bg` | `#fff4ce` |
3751
4307
  | `color.caution.dark` | color | `--mx-color-caution-dark` | `#fce100` |
3752
4308
  | `color.caution.dark-bg` | color | `--mx-color-caution-dark-bg` | `#433519` |