@motifx-community/ui 0.1.0-beta.0 → 0.1.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (165) hide show
  1. package/CHANGELOG.md +82 -0
  2. package/README.md +16 -10
  3. package/dist/components/calendar/Calendar.d.ts +12 -0
  4. package/dist/components/calendar/calendar-props.d.ts +5 -0
  5. package/dist/components/daterangebox/DateRangeBox.d.ts +121 -0
  6. package/dist/components/daterangebox/date-range-box-props.d.ts +35 -0
  7. package/dist/components/daterangebox/date-range-preset.d.ts +6 -0
  8. package/dist/components/daterangebox/date-range.d.ts +2 -0
  9. package/dist/components/daterangebox/index.d.ts +4 -0
  10. package/dist/components/dropdown/DropDown.d.ts +14 -0
  11. package/dist/components/dropdown/drop-down-props.d.ts +5 -0
  12. package/dist/components/fileuploader/FileUploader.d.ts +133 -0
  13. package/dist/components/fileuploader/file-uploader-props.d.ts +46 -0
  14. package/dist/components/fileuploader/files-added-event-args.d.ts +9 -0
  15. package/dist/components/fileuploader/index.d.ts +7 -0
  16. package/dist/components/fileuploader/upload-event-args.d.ts +10 -0
  17. package/dist/components/fileuploader/upload-item.d.ts +12 -0
  18. package/dist/components/fileuploader/upload-mode.d.ts +2 -0
  19. package/dist/components/fileuploader/upload-status.d.ts +2 -0
  20. package/dist/components/loadpanel/LoadPanel.d.ts +70 -0
  21. package/dist/components/loadpanel/index.d.ts +3 -0
  22. package/dist/components/loadpanel/load-panel-props.d.ts +29 -0
  23. package/dist/components/loadpanel/load-panel-target.d.ts +3 -0
  24. package/dist/components/popover/Popover.d.ts +98 -0
  25. package/dist/components/popover/index.d.ts +5 -0
  26. package/dist/components/popover/popover-close-reason.d.ts +2 -0
  27. package/dist/components/popover/popover-closing-event-args.d.ts +8 -0
  28. package/dist/components/popover/popover-props.d.ts +39 -0
  29. package/dist/components/popover/popover-show-on.d.ts +2 -0
  30. package/dist/components/scheduler/view/AgendaView.d.ts +1 -1
  31. package/dist/components/scrollview/ScrollView.d.ts +109 -0
  32. package/dist/components/scrollview/index.d.ts +7 -0
  33. package/dist/components/scrollview/pull-down-event-args.d.ts +9 -0
  34. package/dist/components/scrollview/reach-bottom-event-args.d.ts +9 -0
  35. package/dist/components/scrollview/scroll-event-args.d.ts +7 -0
  36. package/dist/components/scrollview/scroll-view-bars.d.ts +2 -0
  37. package/dist/components/scrollview/scroll-view-direction.d.ts +2 -0
  38. package/dist/components/scrollview/scroll-view-props.d.ts +31 -0
  39. package/dist/components/sortable/Sortable.d.ts +106 -0
  40. package/dist/components/sortable/index.d.ts +5 -0
  41. package/dist/components/sortable/sortable-drag-event-args.d.ts +15 -0
  42. package/dist/components/sortable/sortable-drop-event-args.d.ts +11 -0
  43. package/dist/components/sortable/sortable-orientation.d.ts +2 -0
  44. package/dist/components/sortable/sortable-props.d.ts +34 -0
  45. package/dist/components/stepper/Stepper.d.ts +121 -0
  46. package/dist/components/stepper/Wizard.d.ts +112 -0
  47. package/dist/components/stepper/WizardStep.d.ts +44 -0
  48. package/dist/components/stepper/index.d.ts +13 -0
  49. package/dist/components/stepper/step-changed-event-args.d.ts +11 -0
  50. package/dist/components/stepper/step-changing-event-args.d.ts +18 -0
  51. package/dist/components/stepper/stepper-item.d.ts +20 -0
  52. package/dist/components/stepper/stepper-label-position.d.ts +2 -0
  53. package/dist/components/stepper/stepper-orientation.d.ts +1 -0
  54. package/dist/components/stepper/stepper-props.d.ts +32 -0
  55. package/dist/components/stepper/stepper-status.d.ts +2 -0
  56. package/dist/components/stepper/wizard-finishing-event-args.d.ts +7 -0
  57. package/dist/components/stepper/wizard-props.d.ts +48 -0
  58. package/dist/components/stepper/wizard-step-props.d.ts +32 -0
  59. package/dist/core/flow-home.d.ts +6 -0
  60. package/dist/core/fold-text.d.ts +6 -0
  61. package/dist/core/ui-locale.d.ts +0 -2
  62. package/dist/core/ui-strings.d.ts +43 -0
  63. package/dist/generated/tokens.d.ts +1186 -11
  64. package/dist/index.d.ts +8 -1
  65. package/dist/index.js +22542 -20143
  66. package/dist/index.js.map +1 -1
  67. package/dist/locales/en.json +39 -1
  68. package/dist/locales/tr.json +39 -1
  69. package/dist/parts/data/DataItems.d.ts +5 -0
  70. package/dist/parts/data/KeyedItems.d.ts +2 -0
  71. package/dist/styles.css +1912 -8
  72. package/dist/tokens/index.d.ts +1186 -11
  73. package/dist/tokens/index.js +1186 -11
  74. package/dist/tokens/index.js.map +1 -1
  75. package/dist/tr-B218zMtu.js +1191 -0
  76. package/dist/tr-B218zMtu.js.map +1 -0
  77. package/docs/accordion.md +1 -1
  78. package/docs/actionsheet.md +1 -1
  79. package/docs/avatar.md +1 -1
  80. package/docs/badge.md +1 -1
  81. package/docs/bottomsheet.md +3 -3
  82. package/docs/breadcrumb.md +2 -2
  83. package/docs/button.md +3 -3
  84. package/docs/buttongroup.md +1 -1
  85. package/docs/calendar.md +1 -1
  86. package/docs/card.md +1 -1
  87. package/docs/checkbox.md +3 -3
  88. package/docs/chip.md +1 -1
  89. package/docs/colorbox.md +1 -1
  90. package/docs/combobox.md +1 -1
  91. package/docs/control.md +1 -1
  92. package/docs/datagrid-api.md +3 -3
  93. package/docs/datagrid-bands.md +1 -1
  94. package/docs/datagrid-drag-select.md +1 -1
  95. package/docs/datagrid-drag.md +1 -1
  96. package/docs/datagrid-editing.md +1 -1
  97. package/docs/datagrid-filtering.md +1 -1
  98. package/docs/datagrid-forms.md +1 -1
  99. package/docs/datagrid-grouping.md +1 -1
  100. package/docs/datagrid-layout.md +1 -1
  101. package/docs/datagrid-lookups.md +1 -1
  102. package/docs/datagrid-master-detail.md +1 -1
  103. package/docs/datagrid-scrolling.md +1 -1
  104. package/docs/datagrid-selection.md +1 -1
  105. package/docs/datagrid.md +1 -1
  106. package/docs/datebox.md +3 -3
  107. package/docs/daterangebox.md +192 -0
  108. package/docs/drawer.md +1 -1
  109. package/docs/dropdown.md +13 -7
  110. package/docs/fileuploader.md +201 -0
  111. package/docs/filterbuilder.md +3 -3
  112. package/docs/formlayout.md +1 -1
  113. package/docs/home.md +1 -1
  114. package/docs/keyboard.md +1 -1
  115. package/docs/language.md +229 -0
  116. package/docs/layout.md +3 -3
  117. package/docs/listbox.md +3 -3
  118. package/docs/loadpanel.md +184 -0
  119. package/docs/lookup.md +86 -2
  120. package/docs/menus.md +1 -1
  121. package/docs/numberbox.md +3 -3
  122. package/docs/pagination.md +1 -1
  123. package/docs/popover.md +221 -0
  124. package/docs/progress.md +3 -3
  125. package/docs/radiogroup.md +1 -1
  126. package/docs/rating.md +1 -1
  127. package/docs/scheduler-agenda.md +1 -1
  128. package/docs/scheduler-big-data.md +1 -1
  129. package/docs/scheduler-editing.md +1 -1
  130. package/docs/scheduler-form.md +1 -1
  131. package/docs/scheduler-icalendar.md +1 -1
  132. package/docs/scheduler-mobile.md +1 -1
  133. package/docs/scheduler-recurrence.md +1 -1
  134. package/docs/scheduler-resources.md +1 -1
  135. package/docs/scheduler-timeline.md +1 -1
  136. package/docs/scheduler.md +1 -1
  137. package/docs/scrollview.md +185 -0
  138. package/docs/showcase.md +1 -1
  139. package/docs/skeleton.md +1 -1
  140. package/docs/slider.md +3 -3
  141. package/docs/sortable.md +213 -0
  142. package/docs/stepper.md +238 -0
  143. package/docs/switch.md +1 -1
  144. package/docs/tabdocs-dock.md +1 -1
  145. package/docs/tabdocs-drag.md +1 -1
  146. package/docs/tabdocs-menus.md +1 -1
  147. package/docs/tabdocs-mobile.md +1 -1
  148. package/docs/tabdocs-tabs.md +1 -1
  149. package/docs/tabdocs-windows.md +1 -1
  150. package/docs/tabdocs-workspace.md +1 -1
  151. package/docs/tabdocs.md +1 -1
  152. package/docs/tabs.md +3 -3
  153. package/docs/tagbox.md +3 -3
  154. package/docs/textarea.md +3 -3
  155. package/docs/textbox.md +3 -3
  156. package/docs/toast.md +3 -3
  157. package/docs/tokens.md +357 -122
  158. package/docs/toolbar.md +3 -3
  159. package/docs/tooltip.md +1 -1
  160. package/docs/treeview.md +3 -3
  161. package/docs/window.md +3 -3
  162. package/docs/wizard.md +240 -0
  163. package/llms-full.txt +2518 -245
  164. package/llms.txt +10 -1
  165. package/package.json +10 -4
@@ -2400,6 +2400,51 @@ export declare const componentTokens: {
2400
2400
  readonly type: 'color';
2401
2401
  readonly layer: 'component';
2402
2402
  };
2403
+ readonly 'calendar.cell.range-start.bg': {
2404
+ readonly cssVar: '--mx-calendar-cell-range-start-bg';
2405
+ readonly type: 'color';
2406
+ readonly layer: 'component';
2407
+ };
2408
+ readonly 'calendar.cell.range-start.color': {
2409
+ readonly cssVar: '--mx-calendar-cell-range-start-color';
2410
+ readonly type: 'color';
2411
+ readonly layer: 'component';
2412
+ };
2413
+ readonly 'calendar.cell.range-end.bg': {
2414
+ readonly cssVar: '--mx-calendar-cell-range-end-bg';
2415
+ readonly type: 'color';
2416
+ readonly layer: 'component';
2417
+ };
2418
+ readonly 'calendar.cell.range-end.color': {
2419
+ readonly cssVar: '--mx-calendar-cell-range-end-color';
2420
+ readonly type: 'color';
2421
+ readonly layer: 'component';
2422
+ };
2423
+ readonly 'calendar.cell.range-single.bg': {
2424
+ readonly cssVar: '--mx-calendar-cell-range-single-bg';
2425
+ readonly type: 'color';
2426
+ readonly layer: 'component';
2427
+ };
2428
+ readonly 'calendar.cell.range-single.color': {
2429
+ readonly cssVar: '--mx-calendar-cell-range-single-color';
2430
+ readonly type: 'color';
2431
+ readonly layer: 'component';
2432
+ };
2433
+ readonly 'calendar.cell.range-in.bg': {
2434
+ readonly cssVar: '--mx-calendar-cell-range-in-bg';
2435
+ readonly type: 'color';
2436
+ readonly layer: 'component';
2437
+ };
2438
+ readonly 'calendar.cell.range-in.color': {
2439
+ readonly cssVar: '--mx-calendar-cell-range-in-color';
2440
+ readonly type: 'color';
2441
+ readonly layer: 'component';
2442
+ };
2443
+ readonly 'calendar.cell.range-in.radius': {
2444
+ readonly cssVar: '--mx-calendar-cell-range-in-radius';
2445
+ readonly type: 'dimension';
2446
+ readonly layer: 'component';
2447
+ };
2403
2448
  readonly 'calendar.cell.disabled.color': {
2404
2449
  readonly cssVar: '--mx-calendar-cell-disabled-color';
2405
2450
  readonly type: 'color';
@@ -5960,6 +6005,86 @@ export declare const componentTokens: {
5960
6005
  readonly type: 'color';
5961
6006
  readonly layer: 'component';
5962
6007
  };
6008
+ readonly 'date-range-box.popup-gap': {
6009
+ readonly cssVar: '--mx-date-range-box-popup-gap';
6010
+ readonly type: 'dimension';
6011
+ readonly layer: 'component';
6012
+ };
6013
+ readonly 'date-range-box.field.width': {
6014
+ readonly cssVar: '--mx-date-range-box-field-width';
6015
+ readonly type: 'dimension';
6016
+ readonly layer: 'component';
6017
+ };
6018
+ readonly 'date-range-box.calendar.container.padding': {
6019
+ readonly cssVar: '--mx-date-range-box-calendar-container-padding';
6020
+ readonly type: 'dimension';
6021
+ readonly layer: 'component';
6022
+ };
6023
+ readonly 'date-range-box.separator.icon': {
6024
+ readonly cssVar: '--mx-date-range-box-separator-icon';
6025
+ readonly type: 'icon';
6026
+ readonly layer: 'component';
6027
+ };
6028
+ readonly 'date-range-box.separator.bg': {
6029
+ readonly cssVar: '--mx-date-range-box-separator-bg';
6030
+ readonly type: 'color';
6031
+ readonly layer: 'component';
6032
+ };
6033
+ readonly 'date-range-box.separator.size': {
6034
+ readonly cssVar: '--mx-date-range-box-separator-size';
6035
+ readonly type: 'dimension';
6036
+ readonly layer: 'component';
6037
+ };
6038
+ readonly 'date-range-box.separator.margin-inline': {
6039
+ readonly cssVar: '--mx-date-range-box-separator-margin-inline';
6040
+ readonly type: 'dimension';
6041
+ readonly layer: 'component';
6042
+ };
6043
+ readonly 'date-range-box.presets.min-width': {
6044
+ readonly cssVar: '--mx-date-range-box-presets-min-width';
6045
+ readonly type: 'dimension';
6046
+ readonly layer: 'component';
6047
+ };
6048
+ readonly 'date-range-box.presets.max-height': {
6049
+ readonly cssVar: '--mx-date-range-box-presets-max-height';
6050
+ readonly type: 'dimension';
6051
+ readonly layer: 'component';
6052
+ };
6053
+ readonly 'date-range-box.presets.focus.outline-width': {
6054
+ readonly cssVar: '--mx-date-range-box-presets-focus-outline-width';
6055
+ readonly type: 'dimension';
6056
+ readonly layer: 'component';
6057
+ };
6058
+ readonly 'date-range-box.presets.focus.outline-color': {
6059
+ readonly cssVar: '--mx-date-range-box-presets-focus-outline-color';
6060
+ readonly type: 'color';
6061
+ readonly layer: 'component';
6062
+ };
6063
+ readonly 'date-range-box.presets.focus.outline-offset': {
6064
+ readonly cssVar: '--mx-date-range-box-presets-focus-outline-offset';
6065
+ readonly type: 'dimension';
6066
+ readonly layer: 'component';
6067
+ };
6068
+ readonly 'date-range-box.presets.focus.glow': {
6069
+ readonly cssVar: '--mx-date-range-box-presets-focus-glow';
6070
+ readonly type: 'shadow';
6071
+ readonly layer: 'component';
6072
+ };
6073
+ readonly 'date-range-box.presets.beside.padding-start': {
6074
+ readonly cssVar: '--mx-date-range-box-presets-beside-padding-start';
6075
+ readonly type: 'dimension';
6076
+ readonly layer: 'component';
6077
+ };
6078
+ readonly 'date-range-box.presets.beside.border-start-width': {
6079
+ readonly cssVar: '--mx-date-range-box-presets-beside-border-start-width';
6080
+ readonly type: 'dimension';
6081
+ readonly layer: 'component';
6082
+ };
6083
+ readonly 'date-range-box.presets.beside.border-start-color': {
6084
+ readonly cssVar: '--mx-date-range-box-presets-beside-border-start-color';
6085
+ readonly type: 'color';
6086
+ readonly layer: 'component';
6087
+ };
5963
6088
  readonly 'disabled.element.color': {
5964
6089
  readonly cssVar: '--mx-disabled-element-color';
5965
6090
  readonly type: 'color';
@@ -6345,6 +6470,16 @@ export declare const componentTokens: {
6345
6470
  readonly type: 'color';
6346
6471
  readonly layer: 'component';
6347
6472
  };
6473
+ readonly 'drop-down.value.missing.color': {
6474
+ readonly cssVar: '--mx-drop-down-value-missing-color';
6475
+ readonly type: 'color';
6476
+ readonly layer: 'component';
6477
+ };
6478
+ readonly 'drop-down.value.missing.text-decoration': {
6479
+ readonly cssVar: '--mx-drop-down-value-missing-text-decoration';
6480
+ readonly type: 'keyword';
6481
+ readonly layer: 'component';
6482
+ };
6348
6483
  readonly 'drop-down.chevron.size': {
6349
6484
  readonly cssVar: '--mx-drop-down-chevron-size';
6350
6485
  readonly type: 'dimension';
@@ -6370,6 +6505,36 @@ export declare const componentTokens: {
6370
6505
  readonly type: 'color';
6371
6506
  readonly layer: 'component';
6372
6507
  };
6508
+ readonly 'drop-down.spinner.size': {
6509
+ readonly cssVar: '--mx-drop-down-spinner-size';
6510
+ readonly type: 'dimension';
6511
+ readonly layer: 'component';
6512
+ };
6513
+ readonly 'drop-down.spinner.border-width': {
6514
+ readonly cssVar: '--mx-drop-down-spinner-border-width';
6515
+ readonly type: 'dimension';
6516
+ readonly layer: 'component';
6517
+ };
6518
+ readonly 'drop-down.spinner.border-end-color': {
6519
+ readonly cssVar: '--mx-drop-down-spinner-border-end-color';
6520
+ readonly type: 'color';
6521
+ readonly layer: 'component';
6522
+ };
6523
+ readonly 'drop-down.spinner.radius': {
6524
+ readonly cssVar: '--mx-drop-down-spinner-radius';
6525
+ readonly type: 'dimension';
6526
+ readonly layer: 'component';
6527
+ };
6528
+ readonly 'drop-down.spinner.color': {
6529
+ readonly cssVar: '--mx-drop-down-spinner-color';
6530
+ readonly type: 'color';
6531
+ readonly layer: 'component';
6532
+ };
6533
+ readonly 'drop-down.spinner-shape.display': {
6534
+ readonly cssVar: '--mx-drop-down-spinner-shape-display';
6535
+ readonly type: 'keyword';
6536
+ readonly layer: 'component';
6537
+ };
6373
6538
  readonly 'field.width': {
6374
6539
  readonly cssVar: '--mx-field-width';
6375
6540
  readonly type: 'dimension';
@@ -6760,6 +6925,16 @@ export declare const componentTokens: {
6760
6925
  readonly type: 'color';
6761
6926
  readonly layer: 'component';
6762
6927
  };
6928
+ readonly 'field.box.border-style': {
6929
+ readonly cssVar: '--mx-field-box-border-style';
6930
+ readonly type: 'keyword';
6931
+ readonly layer: 'component';
6932
+ };
6933
+ readonly 'field.box.border-color': {
6934
+ readonly cssVar: '--mx-field-box-border-color';
6935
+ readonly type: 'color';
6936
+ readonly layer: 'component';
6937
+ };
6763
6938
  readonly 'field.frame.border-color': {
6764
6939
  readonly cssVar: '--mx-field-frame-border-color';
6765
6940
  readonly type: 'color';
@@ -7350,6 +7525,331 @@ export declare const componentTokens: {
7350
7525
  readonly type: 'dimension';
7351
7526
  readonly layer: 'component';
7352
7527
  };
7528
+ readonly 'file-uploader.box-gap': {
7529
+ readonly cssVar: '--mx-file-uploader-box-gap';
7530
+ readonly type: 'dimension';
7531
+ readonly layer: 'component';
7532
+ };
7533
+ readonly 'file-uploader.button-gap': {
7534
+ readonly cssVar: '--mx-file-uploader-button-gap';
7535
+ readonly type: 'dimension';
7536
+ readonly layer: 'component';
7537
+ };
7538
+ readonly 'file-uploader.item-gap': {
7539
+ readonly cssVar: '--mx-file-uploader-item-gap';
7540
+ readonly type: 'dimension';
7541
+ readonly layer: 'component';
7542
+ };
7543
+ readonly 'file-uploader.field.width': {
7544
+ readonly cssVar: '--mx-file-uploader-field-width';
7545
+ readonly type: 'dimension';
7546
+ readonly layer: 'component';
7547
+ };
7548
+ readonly 'file-uploader.field.box.border-style': {
7549
+ readonly cssVar: '--mx-file-uploader-field-box-border-style';
7550
+ readonly type: 'keyword';
7551
+ readonly layer: 'component';
7552
+ };
7553
+ readonly 'file-uploader.field.box.border-color': {
7554
+ readonly cssVar: '--mx-file-uploader-field-box-border-color';
7555
+ readonly type: 'color';
7556
+ readonly layer: 'component';
7557
+ };
7558
+ readonly 'file-uploader.field.box.radius': {
7559
+ readonly cssVar: '--mx-file-uploader-field-box-radius';
7560
+ readonly type: 'dimension';
7561
+ readonly layer: 'component';
7562
+ };
7563
+ readonly 'file-uploader.field.box.hover.bg': {
7564
+ readonly cssVar: '--mx-file-uploader-field-box-hover-bg';
7565
+ readonly type: 'color';
7566
+ readonly layer: 'component';
7567
+ };
7568
+ readonly 'file-uploader.field.border-width': {
7569
+ readonly cssVar: '--mx-file-uploader-field-border-width';
7570
+ readonly type: 'dimension';
7571
+ readonly layer: 'component';
7572
+ };
7573
+ readonly 'file-uploader.field.padding.sm': {
7574
+ readonly cssVar: '--mx-file-uploader-field-padding-sm';
7575
+ readonly type: 'dimension';
7576
+ readonly layer: 'component';
7577
+ };
7578
+ readonly 'file-uploader.field.padding.md': {
7579
+ readonly cssVar: '--mx-file-uploader-field-padding-md';
7580
+ readonly type: 'dimension';
7581
+ readonly layer: 'component';
7582
+ };
7583
+ readonly 'file-uploader.field.padding.lg': {
7584
+ readonly cssVar: '--mx-file-uploader-field-padding-lg';
7585
+ readonly type: 'dimension';
7586
+ readonly layer: 'component';
7587
+ };
7588
+ readonly 'file-uploader.action.variant': {
7589
+ readonly cssVar: '--mx-file-uploader-action-variant';
7590
+ readonly type: 'keyword';
7591
+ readonly layer: 'component';
7592
+ };
7593
+ readonly 'file-uploader.over.bg': {
7594
+ readonly cssVar: '--mx-file-uploader-over-bg';
7595
+ readonly type: 'color';
7596
+ readonly layer: 'component';
7597
+ };
7598
+ readonly 'file-uploader.over.border-color': {
7599
+ readonly cssVar: '--mx-file-uploader-over-border-color';
7600
+ readonly type: 'color';
7601
+ readonly layer: 'component';
7602
+ };
7603
+ readonly 'file-uploader.select.padding-block': {
7604
+ readonly cssVar: '--mx-file-uploader-select-padding-block';
7605
+ readonly type: 'dimension';
7606
+ readonly layer: 'component';
7607
+ };
7608
+ readonly 'file-uploader.select.padding-inline': {
7609
+ readonly cssVar: '--mx-file-uploader-select-padding-inline';
7610
+ readonly type: 'dimension';
7611
+ readonly layer: 'component';
7612
+ };
7613
+ readonly 'file-uploader.select.radius': {
7614
+ readonly cssVar: '--mx-file-uploader-select-radius';
7615
+ readonly type: 'dimension';
7616
+ readonly layer: 'component';
7617
+ };
7618
+ readonly 'file-uploader.select.color': {
7619
+ readonly cssVar: '--mx-file-uploader-select-color';
7620
+ readonly type: 'color';
7621
+ readonly layer: 'component';
7622
+ };
7623
+ readonly 'file-uploader.select.font-weight': {
7624
+ readonly cssVar: '--mx-file-uploader-select-font-weight';
7625
+ readonly type: 'fontWeight';
7626
+ readonly layer: 'component';
7627
+ };
7628
+ readonly 'file-uploader.select.bg': {
7629
+ readonly cssVar: '--mx-file-uploader-select-bg';
7630
+ readonly type: 'color';
7631
+ readonly layer: 'component';
7632
+ };
7633
+ readonly 'file-uploader.select.border-width': {
7634
+ readonly cssVar: '--mx-file-uploader-select-border-width';
7635
+ readonly type: 'dimension';
7636
+ readonly layer: 'component';
7637
+ };
7638
+ readonly 'file-uploader.select.border-color': {
7639
+ readonly cssVar: '--mx-file-uploader-select-border-color';
7640
+ readonly type: 'color';
7641
+ readonly layer: 'component';
7642
+ };
7643
+ readonly 'file-uploader.select.hover.bg': {
7644
+ readonly cssVar: '--mx-file-uploader-select-hover-bg';
7645
+ readonly type: 'color';
7646
+ readonly layer: 'component';
7647
+ };
7648
+ readonly 'file-uploader.select.hover.cursor': {
7649
+ readonly cssVar: '--mx-file-uploader-select-hover-cursor';
7650
+ readonly type: 'keyword';
7651
+ readonly layer: 'component';
7652
+ };
7653
+ readonly 'file-uploader.select.pressed.bg': {
7654
+ readonly cssVar: '--mx-file-uploader-select-pressed-bg';
7655
+ readonly type: 'color';
7656
+ readonly layer: 'component';
7657
+ };
7658
+ readonly 'file-uploader.select.focus.glow': {
7659
+ readonly cssVar: '--mx-file-uploader-select-focus-glow';
7660
+ readonly type: 'shadow';
7661
+ readonly layer: 'component';
7662
+ };
7663
+ readonly 'file-uploader.select.focus.outline-width': {
7664
+ readonly cssVar: '--mx-file-uploader-select-focus-outline-width';
7665
+ readonly type: 'dimension';
7666
+ readonly layer: 'component';
7667
+ };
7668
+ readonly 'file-uploader.select.focus.outline-color': {
7669
+ readonly cssVar: '--mx-file-uploader-select-focus-outline-color';
7670
+ readonly type: 'color';
7671
+ readonly layer: 'component';
7672
+ };
7673
+ readonly 'file-uploader.select.focus.outline-offset': {
7674
+ readonly cssVar: '--mx-file-uploader-select-focus-outline-offset';
7675
+ readonly type: 'dimension';
7676
+ readonly layer: 'component';
7677
+ };
7678
+ readonly 'file-uploader.select.disabled.color': {
7679
+ readonly cssVar: '--mx-file-uploader-select-disabled-color';
7680
+ readonly type: 'color';
7681
+ readonly layer: 'component';
7682
+ };
7683
+ readonly 'file-uploader.select.disabled.border-color': {
7684
+ readonly cssVar: '--mx-file-uploader-select-disabled-border-color';
7685
+ readonly type: 'color';
7686
+ readonly layer: 'component';
7687
+ };
7688
+ readonly 'file-uploader.upload.padding-block': {
7689
+ readonly cssVar: '--mx-file-uploader-upload-padding-block';
7690
+ readonly type: 'dimension';
7691
+ readonly layer: 'component';
7692
+ };
7693
+ readonly 'file-uploader.upload.padding-inline': {
7694
+ readonly cssVar: '--mx-file-uploader-upload-padding-inline';
7695
+ readonly type: 'dimension';
7696
+ readonly layer: 'component';
7697
+ };
7698
+ readonly 'file-uploader.upload.radius': {
7699
+ readonly cssVar: '--mx-file-uploader-upload-radius';
7700
+ readonly type: 'dimension';
7701
+ readonly layer: 'component';
7702
+ };
7703
+ readonly 'file-uploader.upload.color': {
7704
+ readonly cssVar: '--mx-file-uploader-upload-color';
7705
+ readonly type: 'color';
7706
+ readonly layer: 'component';
7707
+ };
7708
+ readonly 'file-uploader.upload.font-weight': {
7709
+ readonly cssVar: '--mx-file-uploader-upload-font-weight';
7710
+ readonly type: 'fontWeight';
7711
+ readonly layer: 'component';
7712
+ };
7713
+ readonly 'file-uploader.upload.bg': {
7714
+ readonly cssVar: '--mx-file-uploader-upload-bg';
7715
+ readonly type: 'color';
7716
+ readonly layer: 'component';
7717
+ };
7718
+ readonly 'file-uploader.upload.border-width': {
7719
+ readonly cssVar: '--mx-file-uploader-upload-border-width';
7720
+ readonly type: 'dimension';
7721
+ readonly layer: 'component';
7722
+ };
7723
+ readonly 'file-uploader.upload.border-color': {
7724
+ readonly cssVar: '--mx-file-uploader-upload-border-color';
7725
+ readonly type: 'color';
7726
+ readonly layer: 'component';
7727
+ };
7728
+ readonly 'file-uploader.upload.hover.bg': {
7729
+ readonly cssVar: '--mx-file-uploader-upload-hover-bg';
7730
+ readonly type: 'color';
7731
+ readonly layer: 'component';
7732
+ };
7733
+ readonly 'file-uploader.upload.hover.cursor': {
7734
+ readonly cssVar: '--mx-file-uploader-upload-hover-cursor';
7735
+ readonly type: 'keyword';
7736
+ readonly layer: 'component';
7737
+ };
7738
+ readonly 'file-uploader.upload.pressed.bg': {
7739
+ readonly cssVar: '--mx-file-uploader-upload-pressed-bg';
7740
+ readonly type: 'color';
7741
+ readonly layer: 'component';
7742
+ };
7743
+ readonly 'file-uploader.upload.focus.glow': {
7744
+ readonly cssVar: '--mx-file-uploader-upload-focus-glow';
7745
+ readonly type: 'shadow';
7746
+ readonly layer: 'component';
7747
+ };
7748
+ readonly 'file-uploader.upload.focus.outline-width': {
7749
+ readonly cssVar: '--mx-file-uploader-upload-focus-outline-width';
7750
+ readonly type: 'dimension';
7751
+ readonly layer: 'component';
7752
+ };
7753
+ readonly 'file-uploader.upload.focus.outline-color': {
7754
+ readonly cssVar: '--mx-file-uploader-upload-focus-outline-color';
7755
+ readonly type: 'color';
7756
+ readonly layer: 'component';
7757
+ };
7758
+ readonly 'file-uploader.upload.focus.outline-offset': {
7759
+ readonly cssVar: '--mx-file-uploader-upload-focus-outline-offset';
7760
+ readonly type: 'dimension';
7761
+ readonly layer: 'component';
7762
+ };
7763
+ readonly 'file-uploader.hint.color': {
7764
+ readonly cssVar: '--mx-file-uploader-hint-color';
7765
+ readonly type: 'color';
7766
+ readonly layer: 'component';
7767
+ };
7768
+ readonly 'file-uploader.list.margin-top': {
7769
+ readonly cssVar: '--mx-file-uploader-list-margin-top';
7770
+ readonly type: 'dimension';
7771
+ readonly layer: 'component';
7772
+ };
7773
+ readonly 'file-uploader.list.gap': {
7774
+ readonly cssVar: '--mx-file-uploader-list-gap';
7775
+ readonly type: 'dimension';
7776
+ readonly layer: 'component';
7777
+ };
7778
+ readonly 'file-uploader.item.padding-block': {
7779
+ readonly cssVar: '--mx-file-uploader-item-padding-block';
7780
+ readonly type: 'dimension';
7781
+ readonly layer: 'component';
7782
+ };
7783
+ readonly 'file-uploader.item.padding-inline': {
7784
+ readonly cssVar: '--mx-file-uploader-item-padding-inline';
7785
+ readonly type: 'dimension';
7786
+ readonly layer: 'component';
7787
+ };
7788
+ readonly 'file-uploader.item.radius': {
7789
+ readonly cssVar: '--mx-file-uploader-item-radius';
7790
+ readonly type: 'dimension';
7791
+ readonly layer: 'component';
7792
+ };
7793
+ readonly 'file-uploader.item.error.bg': {
7794
+ readonly cssVar: '--mx-file-uploader-item-error-bg';
7795
+ readonly type: 'color';
7796
+ readonly layer: 'component';
7797
+ };
7798
+ readonly 'file-uploader.item.invalid.bg': {
7799
+ readonly cssVar: '--mx-file-uploader-item-invalid-bg';
7800
+ readonly type: 'color';
7801
+ readonly layer: 'component';
7802
+ };
7803
+ readonly 'file-uploader.icon.icon': {
7804
+ readonly cssVar: '--mx-file-uploader-icon-icon';
7805
+ readonly type: 'icon';
7806
+ readonly layer: 'component';
7807
+ };
7808
+ readonly 'file-uploader.icon.bg': {
7809
+ readonly cssVar: '--mx-file-uploader-icon-bg';
7810
+ readonly type: 'color';
7811
+ readonly layer: 'component';
7812
+ };
7813
+ readonly 'file-uploader.icon.size': {
7814
+ readonly cssVar: '--mx-file-uploader-icon-size';
7815
+ readonly type: 'dimension';
7816
+ readonly layer: 'component';
7817
+ };
7818
+ readonly 'file-uploader.name.color': {
7819
+ readonly cssVar: '--mx-file-uploader-name-color';
7820
+ readonly type: 'color';
7821
+ readonly layer: 'component';
7822
+ };
7823
+ readonly 'file-uploader.size.color': {
7824
+ readonly cssVar: '--mx-file-uploader-size-color';
7825
+ readonly type: 'color';
7826
+ readonly layer: 'component';
7827
+ };
7828
+ readonly 'file-uploader.size.font-size': {
7829
+ readonly cssVar: '--mx-file-uploader-size-font-size';
7830
+ readonly type: 'dimension';
7831
+ readonly layer: 'component';
7832
+ };
7833
+ readonly 'file-uploader.state.color': {
7834
+ readonly cssVar: '--mx-file-uploader-state-color';
7835
+ readonly type: 'color';
7836
+ readonly layer: 'component';
7837
+ };
7838
+ readonly 'file-uploader.state.font-size': {
7839
+ readonly cssVar: '--mx-file-uploader-state-font-size';
7840
+ readonly type: 'dimension';
7841
+ readonly layer: 'component';
7842
+ };
7843
+ readonly 'file-uploader.state.done.color': {
7844
+ readonly cssVar: '--mx-file-uploader-state-done-color';
7845
+ readonly type: 'color';
7846
+ readonly layer: 'component';
7847
+ };
7848
+ readonly 'file-uploader.state.error.color': {
7849
+ readonly cssVar: '--mx-file-uploader-state-error-color';
7850
+ readonly type: 'color';
7851
+ readonly layer: 'component';
7852
+ };
7353
7853
  readonly 'filterbuilder.indent': {
7354
7854
  readonly cssVar: '--mx-filterbuilder-indent';
7355
7855
  readonly type: 'dimension';
@@ -8335,6 +8835,76 @@ export declare const componentTokens: {
8335
8835
  readonly type: 'dimension';
8336
8836
  readonly layer: 'component';
8337
8837
  };
8838
+ readonly 'load-panel.padding': {
8839
+ readonly cssVar: '--mx-load-panel-padding';
8840
+ readonly type: 'dimension';
8841
+ readonly layer: 'component';
8842
+ };
8843
+ readonly 'load-panel.gap': {
8844
+ readonly cssVar: '--mx-load-panel-gap';
8845
+ readonly type: 'dimension';
8846
+ readonly layer: 'component';
8847
+ };
8848
+ readonly 'load-panel.cancel.variant': {
8849
+ readonly cssVar: '--mx-load-panel-cancel-variant';
8850
+ readonly type: 'keyword';
8851
+ readonly layer: 'component';
8852
+ };
8853
+ readonly 'load-panel.shade.shaded.bg': {
8854
+ readonly cssVar: '--mx-load-panel-shade-shaded-bg';
8855
+ readonly type: 'color';
8856
+ readonly layer: 'component';
8857
+ };
8858
+ readonly 'load-panel.pane.shown.bg': {
8859
+ readonly cssVar: '--mx-load-panel-pane-shown-bg';
8860
+ readonly type: 'color';
8861
+ readonly layer: 'component';
8862
+ };
8863
+ readonly 'load-panel.pane.shown.border-width': {
8864
+ readonly cssVar: '--mx-load-panel-pane-shown-border-width';
8865
+ readonly type: 'dimension';
8866
+ readonly layer: 'component';
8867
+ };
8868
+ readonly 'load-panel.pane.shown.border-color': {
8869
+ readonly cssVar: '--mx-load-panel-pane-shown-border-color';
8870
+ readonly type: 'color';
8871
+ readonly layer: 'component';
8872
+ };
8873
+ readonly 'load-panel.pane.shown.radius': {
8874
+ readonly cssVar: '--mx-load-panel-pane-shown-radius';
8875
+ readonly type: 'dimension';
8876
+ readonly layer: 'component';
8877
+ };
8878
+ readonly 'load-panel.pane.shown.shadow': {
8879
+ readonly cssVar: '--mx-load-panel-pane-shown-shadow';
8880
+ readonly type: 'shadow';
8881
+ readonly layer: 'component';
8882
+ };
8883
+ readonly 'load-panel.pane.shown.padding-block': {
8884
+ readonly cssVar: '--mx-load-panel-pane-shown-padding-block';
8885
+ readonly type: 'dimension';
8886
+ readonly layer: 'component';
8887
+ };
8888
+ readonly 'load-panel.pane.shown.padding-inline': {
8889
+ readonly cssVar: '--mx-load-panel-pane-shown-padding-inline';
8890
+ readonly type: 'dimension';
8891
+ readonly layer: 'component';
8892
+ };
8893
+ readonly 'load-panel.pane.shown.min-width': {
8894
+ readonly cssVar: '--mx-load-panel-pane-shown-min-width';
8895
+ readonly type: 'dimension';
8896
+ readonly layer: 'component';
8897
+ };
8898
+ readonly 'load-panel.message.color': {
8899
+ readonly cssVar: '--mx-load-panel-message-color';
8900
+ readonly type: 'color';
8901
+ readonly layer: 'component';
8902
+ };
8903
+ readonly 'load-panel.message.font-size': {
8904
+ readonly cssVar: '--mx-load-panel-message-font-size';
8905
+ readonly type: 'dimension';
8906
+ readonly layer: 'component';
8907
+ };
8338
8908
  readonly 'lookup.popup-width': {
8339
8909
  readonly cssVar: '--mx-lookup-popup-width';
8340
8910
  readonly type: 'dimension';
@@ -8865,6 +9435,156 @@ export declare const componentTokens: {
8865
9435
  readonly type: 'dimension';
8866
9436
  readonly layer: 'component';
8867
9437
  };
9438
+ readonly 'popover.offset': {
9439
+ readonly cssVar: '--mx-popover-offset';
9440
+ readonly type: 'dimension';
9441
+ readonly layer: 'component';
9442
+ };
9443
+ readonly 'popover.enter-offset': {
9444
+ readonly cssVar: '--mx-popover-enter-offset';
9445
+ readonly type: 'dimension';
9446
+ readonly layer: 'component';
9447
+ };
9448
+ readonly 'popover.header-gap': {
9449
+ readonly cssVar: '--mx-popover-header-gap';
9450
+ readonly type: 'dimension';
9451
+ readonly layer: 'component';
9452
+ };
9453
+ readonly 'popover.close.variant': {
9454
+ readonly cssVar: '--mx-popover-close-variant';
9455
+ readonly type: 'keyword';
9456
+ readonly layer: 'component';
9457
+ };
9458
+ readonly 'popover.surface.bg': {
9459
+ readonly cssVar: '--mx-popover-surface-bg';
9460
+ readonly type: 'color';
9461
+ readonly layer: 'component';
9462
+ };
9463
+ readonly 'popover.surface.border-width': {
9464
+ readonly cssVar: '--mx-popover-surface-border-width';
9465
+ readonly type: 'dimension';
9466
+ readonly layer: 'component';
9467
+ };
9468
+ readonly 'popover.surface.border-color': {
9469
+ readonly cssVar: '--mx-popover-surface-border-color';
9470
+ readonly type: 'color';
9471
+ readonly layer: 'component';
9472
+ };
9473
+ readonly 'popover.surface.radius': {
9474
+ readonly cssVar: '--mx-popover-surface-radius';
9475
+ readonly type: 'dimension';
9476
+ readonly layer: 'component';
9477
+ };
9478
+ readonly 'popover.surface.shadow': {
9479
+ readonly cssVar: '--mx-popover-surface-shadow';
9480
+ readonly type: 'shadow';
9481
+ readonly layer: 'component';
9482
+ };
9483
+ readonly 'popover.surface.color': {
9484
+ readonly cssVar: '--mx-popover-surface-color';
9485
+ readonly type: 'color';
9486
+ readonly layer: 'component';
9487
+ };
9488
+ readonly 'popover.surface.font-size': {
9489
+ readonly cssVar: '--mx-popover-surface-font-size';
9490
+ readonly type: 'dimension';
9491
+ readonly layer: 'component';
9492
+ };
9493
+ readonly 'popover.surface.line-height': {
9494
+ readonly cssVar: '--mx-popover-surface-line-height';
9495
+ readonly type: 'dimension';
9496
+ readonly layer: 'component';
9497
+ };
9498
+ readonly 'popover.surface.max-width': {
9499
+ readonly cssVar: '--mx-popover-surface-max-width';
9500
+ readonly type: 'dimension';
9501
+ readonly layer: 'component';
9502
+ };
9503
+ readonly 'popover.surface.focus.glow': {
9504
+ readonly cssVar: '--mx-popover-surface-focus-glow';
9505
+ readonly type: 'shadow';
9506
+ readonly layer: 'component';
9507
+ };
9508
+ readonly 'popover.surface.focus.outline-width': {
9509
+ readonly cssVar: '--mx-popover-surface-focus-outline-width';
9510
+ readonly type: 'dimension';
9511
+ readonly layer: 'component';
9512
+ };
9513
+ readonly 'popover.surface.focus.outline-color': {
9514
+ readonly cssVar: '--mx-popover-surface-focus-outline-color';
9515
+ readonly type: 'color';
9516
+ readonly layer: 'component';
9517
+ };
9518
+ readonly 'popover.surface.focus.outline-offset': {
9519
+ readonly cssVar: '--mx-popover-surface-focus-outline-offset';
9520
+ readonly type: 'dimension';
9521
+ readonly layer: 'component';
9522
+ };
9523
+ readonly 'popover.arrow.display': {
9524
+ readonly cssVar: '--mx-popover-arrow-display';
9525
+ readonly type: 'keyword';
9526
+ readonly layer: 'component';
9527
+ };
9528
+ readonly 'popover.arrow.size': {
9529
+ readonly cssVar: '--mx-popover-arrow-size';
9530
+ readonly type: 'dimension';
9531
+ readonly layer: 'component';
9532
+ };
9533
+ readonly 'popover.arrow.bg': {
9534
+ readonly cssVar: '--mx-popover-arrow-bg';
9535
+ readonly type: 'color';
9536
+ readonly layer: 'component';
9537
+ };
9538
+ readonly 'popover.arrow.border-width': {
9539
+ readonly cssVar: '--mx-popover-arrow-border-width';
9540
+ readonly type: 'dimension';
9541
+ readonly layer: 'component';
9542
+ };
9543
+ readonly 'popover.arrow.border-color': {
9544
+ readonly cssVar: '--mx-popover-arrow-border-color';
9545
+ readonly type: 'color';
9546
+ readonly layer: 'component';
9547
+ };
9548
+ readonly 'popover.header.padding-block': {
9549
+ readonly cssVar: '--mx-popover-header-padding-block';
9550
+ readonly type: 'dimension';
9551
+ readonly layer: 'component';
9552
+ };
9553
+ readonly 'popover.header.padding-start': {
9554
+ readonly cssVar: '--mx-popover-header-padding-start';
9555
+ readonly type: 'dimension';
9556
+ readonly layer: 'component';
9557
+ };
9558
+ readonly 'popover.header.padding-end': {
9559
+ readonly cssVar: '--mx-popover-header-padding-end';
9560
+ readonly type: 'dimension';
9561
+ readonly layer: 'component';
9562
+ };
9563
+ readonly 'popover.header.border-bottom-width': {
9564
+ readonly cssVar: '--mx-popover-header-border-bottom-width';
9565
+ readonly type: 'dimension';
9566
+ readonly layer: 'component';
9567
+ };
9568
+ readonly 'popover.header.border-bottom-color': {
9569
+ readonly cssVar: '--mx-popover-header-border-bottom-color';
9570
+ readonly type: 'color';
9571
+ readonly layer: 'component';
9572
+ };
9573
+ readonly 'popover.title.font-weight': {
9574
+ readonly cssVar: '--mx-popover-title-font-weight';
9575
+ readonly type: 'fontWeight';
9576
+ readonly layer: 'component';
9577
+ };
9578
+ readonly 'popover.title.color': {
9579
+ readonly cssVar: '--mx-popover-title-color';
9580
+ readonly type: 'color';
9581
+ readonly layer: 'component';
9582
+ };
9583
+ readonly 'popover.body.padding': {
9584
+ readonly cssVar: '--mx-popover-body-padding';
9585
+ readonly type: 'dimension';
9586
+ readonly layer: 'component';
9587
+ };
8868
9588
  readonly 'popup.offset': {
8869
9589
  readonly cssVar: '--mx-popup-offset';
8870
9590
  readonly type: 'dimension';
@@ -12245,24 +12965,79 @@ export declare const componentTokens: {
12245
12965
  readonly type: 'keyword';
12246
12966
  readonly layer: 'component';
12247
12967
  };
12248
- readonly 'scheduler.swipe-icon.width': {
12249
- readonly cssVar: '--mx-scheduler-swipe-icon-width';
12968
+ readonly 'scheduler.swipe-icon.width': {
12969
+ readonly cssVar: '--mx-scheduler-swipe-icon-width';
12970
+ readonly type: 'dimension';
12971
+ readonly layer: 'component';
12972
+ };
12973
+ readonly 'scheduler.swipe-icon.height': {
12974
+ readonly cssVar: '--mx-scheduler-swipe-icon-height';
12975
+ readonly type: 'dimension';
12976
+ readonly layer: 'component';
12977
+ };
12978
+ readonly 'scheduler.swipe-icon.icon': {
12979
+ readonly cssVar: '--mx-scheduler-swipe-icon-icon';
12980
+ readonly type: 'icon';
12981
+ readonly layer: 'component';
12982
+ };
12983
+ readonly 'scheduler.swipe-icon.previous.icon': {
12984
+ readonly cssVar: '--mx-scheduler-swipe-icon-previous-icon';
12985
+ readonly type: 'icon';
12986
+ readonly layer: 'component';
12987
+ };
12988
+ readonly 'scroll-view.panel-height': {
12989
+ readonly cssVar: '--mx-scroll-view-panel-height';
12990
+ readonly type: 'dimension';
12991
+ readonly layer: 'component';
12992
+ };
12993
+ readonly 'scroll-view.panel-gap': {
12994
+ readonly cssVar: '--mx-scroll-view-panel-gap';
12995
+ readonly type: 'dimension';
12996
+ readonly layer: 'component';
12997
+ };
12998
+ readonly 'scroll-view.box.focus.glow': {
12999
+ readonly cssVar: '--mx-scroll-view-box-focus-glow';
13000
+ readonly type: 'shadow';
13001
+ readonly layer: 'component';
13002
+ };
13003
+ readonly 'scroll-view.box.focus.outline-width': {
13004
+ readonly cssVar: '--mx-scroll-view-box-focus-outline-width';
13005
+ readonly type: 'dimension';
13006
+ readonly layer: 'component';
13007
+ };
13008
+ readonly 'scroll-view.box.focus.outline-color': {
13009
+ readonly cssVar: '--mx-scroll-view-box-focus-outline-color';
13010
+ readonly type: 'color';
13011
+ readonly layer: 'component';
13012
+ };
13013
+ readonly 'scroll-view.box.focus.outline-offset': {
13014
+ readonly cssVar: '--mx-scroll-view-box-focus-outline-offset';
13015
+ readonly type: 'dimension';
13016
+ readonly layer: 'component';
13017
+ };
13018
+ readonly 'scroll-view.pull.color': {
13019
+ readonly cssVar: '--mx-scroll-view-pull-color';
13020
+ readonly type: 'color';
13021
+ readonly layer: 'component';
13022
+ };
13023
+ readonly 'scroll-view.pull.font-size': {
13024
+ readonly cssVar: '--mx-scroll-view-pull-font-size';
12250
13025
  readonly type: 'dimension';
12251
13026
  readonly layer: 'component';
12252
13027
  };
12253
- readonly 'scheduler.swipe-icon.height': {
12254
- readonly cssVar: '--mx-scheduler-swipe-icon-height';
12255
- readonly type: 'dimension';
13028
+ readonly 'scroll-view.pull.refreshing.color': {
13029
+ readonly cssVar: '--mx-scroll-view-pull-refreshing-color';
13030
+ readonly type: 'color';
12256
13031
  readonly layer: 'component';
12257
13032
  };
12258
- readonly 'scheduler.swipe-icon.icon': {
12259
- readonly cssVar: '--mx-scheduler-swipe-icon-icon';
12260
- readonly type: 'icon';
13033
+ readonly 'scroll-view.bottom.color': {
13034
+ readonly cssVar: '--mx-scroll-view-bottom-color';
13035
+ readonly type: 'color';
12261
13036
  readonly layer: 'component';
12262
13037
  };
12263
- readonly 'scheduler.swipe-icon.previous.icon': {
12264
- readonly cssVar: '--mx-scheduler-swipe-icon-previous-icon';
12265
- readonly type: 'icon';
13038
+ readonly 'scroll-view.bottom.font-size': {
13039
+ readonly cssVar: '--mx-scroll-view-bottom-font-size';
13040
+ readonly type: 'dimension';
12266
13041
  readonly layer: 'component';
12267
13042
  };
12268
13043
  readonly 'sheet.font-family': {
@@ -13195,6 +13970,76 @@ export declare const componentTokens: {
13195
13970
  readonly type: 'color';
13196
13971
  readonly layer: 'component';
13197
13972
  };
13973
+ readonly 'sortable.gap': {
13974
+ readonly cssVar: '--mx-sortable-gap';
13975
+ readonly type: 'dimension';
13976
+ readonly layer: 'component';
13977
+ };
13978
+ readonly 'sortable.container.target.bg': {
13979
+ readonly cssVar: '--mx-sortable-container-target-bg';
13980
+ readonly type: 'color';
13981
+ readonly layer: 'component';
13982
+ };
13983
+ readonly 'sortable.item.sortable.cursor': {
13984
+ readonly cssVar: '--mx-sortable-item-sortable-cursor';
13985
+ readonly type: 'keyword';
13986
+ readonly layer: 'component';
13987
+ };
13988
+ readonly 'sortable.item.dragging.opacity': {
13989
+ readonly cssVar: '--mx-sortable-item-dragging-opacity';
13990
+ readonly type: 'number';
13991
+ readonly layer: 'component';
13992
+ };
13993
+ readonly 'sortable.item.focus.glow': {
13994
+ readonly cssVar: '--mx-sortable-item-focus-glow';
13995
+ readonly type: 'shadow';
13996
+ readonly layer: 'component';
13997
+ };
13998
+ readonly 'sortable.item.focus.outline-width': {
13999
+ readonly cssVar: '--mx-sortable-item-focus-outline-width';
14000
+ readonly type: 'dimension';
14001
+ readonly layer: 'component';
14002
+ };
14003
+ readonly 'sortable.item.focus.outline-color': {
14004
+ readonly cssVar: '--mx-sortable-item-focus-outline-color';
14005
+ readonly type: 'color';
14006
+ readonly layer: 'component';
14007
+ };
14008
+ readonly 'sortable.item.focus.outline-offset': {
14009
+ readonly cssVar: '--mx-sortable-item-focus-outline-offset';
14010
+ readonly type: 'dimension';
14011
+ readonly layer: 'component';
14012
+ };
14013
+ readonly 'sortable.line.height': {
14014
+ readonly cssVar: '--mx-sortable-line-height';
14015
+ readonly type: 'dimension';
14016
+ readonly layer: 'component';
14017
+ };
14018
+ readonly 'sortable.line.radius': {
14019
+ readonly cssVar: '--mx-sortable-line-radius';
14020
+ readonly type: 'dimension';
14021
+ readonly layer: 'component';
14022
+ };
14023
+ readonly 'sortable.line.bg': {
14024
+ readonly cssVar: '--mx-sortable-line-bg';
14025
+ readonly type: 'color';
14026
+ readonly layer: 'component';
14027
+ };
14028
+ readonly 'sortable.ghost.radius': {
14029
+ readonly cssVar: '--mx-sortable-ghost-radius';
14030
+ readonly type: 'dimension';
14031
+ readonly layer: 'component';
14032
+ };
14033
+ readonly 'sortable.ghost.shadow': {
14034
+ readonly cssVar: '--mx-sortable-ghost-shadow';
14035
+ readonly type: 'shadow';
14036
+ readonly layer: 'component';
14037
+ };
14038
+ readonly 'sortable.ghost.opacity': {
14039
+ readonly cssVar: '--mx-sortable-ghost-opacity';
14040
+ readonly type: 'number';
14041
+ readonly layer: 'component';
14042
+ };
13198
14043
  readonly 'spinner.gap': {
13199
14044
  readonly cssVar: '--mx-spinner-gap';
13200
14045
  readonly type: 'dimension';
@@ -13415,6 +14260,291 @@ export declare const componentTokens: {
13415
14260
  readonly type: 'number';
13416
14261
  readonly layer: 'component';
13417
14262
  };
14263
+ readonly 'stepper.font-size.sm': {
14264
+ readonly cssVar: '--mx-stepper-font-size-sm';
14265
+ readonly type: 'dimension';
14266
+ readonly layer: 'component';
14267
+ };
14268
+ readonly 'stepper.font-size.md': {
14269
+ readonly cssVar: '--mx-stepper-font-size-md';
14270
+ readonly type: 'dimension';
14271
+ readonly layer: 'component';
14272
+ };
14273
+ readonly 'stepper.font-size.lg': {
14274
+ readonly cssVar: '--mx-stepper-font-size-lg';
14275
+ readonly type: 'dimension';
14276
+ readonly layer: 'component';
14277
+ };
14278
+ readonly 'stepper.description-font-size': {
14279
+ readonly cssVar: '--mx-stepper-description-font-size';
14280
+ readonly type: 'dimension';
14281
+ readonly layer: 'component';
14282
+ };
14283
+ readonly 'stepper.gap': {
14284
+ readonly cssVar: '--mx-stepper-gap';
14285
+ readonly type: 'dimension';
14286
+ readonly layer: 'component';
14287
+ };
14288
+ readonly 'stepper.line-gap': {
14289
+ readonly cssVar: '--mx-stepper-line-gap';
14290
+ readonly type: 'dimension';
14291
+ readonly layer: 'component';
14292
+ };
14293
+ readonly 'stepper.line-min-length': {
14294
+ readonly cssVar: '--mx-stepper-line-min-length';
14295
+ readonly type: 'dimension';
14296
+ readonly layer: 'component';
14297
+ };
14298
+ readonly 'stepper.size.sm': {
14299
+ readonly cssVar: '--mx-stepper-size-sm';
14300
+ readonly type: 'dimension';
14301
+ readonly layer: 'component';
14302
+ };
14303
+ readonly 'stepper.size.md': {
14304
+ readonly cssVar: '--mx-stepper-size-md';
14305
+ readonly type: 'dimension';
14306
+ readonly layer: 'component';
14307
+ };
14308
+ readonly 'stepper.size.lg': {
14309
+ readonly cssVar: '--mx-stepper-size-lg';
14310
+ readonly type: 'dimension';
14311
+ readonly layer: 'component';
14312
+ };
14313
+ readonly 'stepper.padding.sm': {
14314
+ readonly cssVar: '--mx-stepper-padding-sm';
14315
+ readonly type: 'dimension';
14316
+ readonly layer: 'component';
14317
+ };
14318
+ readonly 'stepper.padding.md': {
14319
+ readonly cssVar: '--mx-stepper-padding-md';
14320
+ readonly type: 'dimension';
14321
+ readonly layer: 'component';
14322
+ };
14323
+ readonly 'stepper.padding.lg': {
14324
+ readonly cssVar: '--mx-stepper-padding-lg';
14325
+ readonly type: 'dimension';
14326
+ readonly layer: 'component';
14327
+ };
14328
+ readonly 'stepper.step.radius': {
14329
+ readonly cssVar: '--mx-stepper-step-radius';
14330
+ readonly type: 'dimension';
14331
+ readonly layer: 'component';
14332
+ };
14333
+ readonly 'stepper.step.color': {
14334
+ readonly cssVar: '--mx-stepper-step-color';
14335
+ readonly type: 'color';
14336
+ readonly layer: 'component';
14337
+ };
14338
+ readonly 'stepper.step.hover.bg': {
14339
+ readonly cssVar: '--mx-stepper-step-hover-bg';
14340
+ readonly type: 'color';
14341
+ readonly layer: 'component';
14342
+ };
14343
+ readonly 'stepper.step.hover.cursor': {
14344
+ readonly cssVar: '--mx-stepper-step-hover-cursor';
14345
+ readonly type: 'keyword';
14346
+ readonly layer: 'component';
14347
+ };
14348
+ readonly 'stepper.step.pressed.bg': {
14349
+ readonly cssVar: '--mx-stepper-step-pressed-bg';
14350
+ readonly type: 'color';
14351
+ readonly layer: 'component';
14352
+ };
14353
+ readonly 'stepper.step.focus.glow': {
14354
+ readonly cssVar: '--mx-stepper-step-focus-glow';
14355
+ readonly type: 'shadow';
14356
+ readonly layer: 'component';
14357
+ };
14358
+ readonly 'stepper.step.focus.outline-width': {
14359
+ readonly cssVar: '--mx-stepper-step-focus-outline-width';
14360
+ readonly type: 'dimension';
14361
+ readonly layer: 'component';
14362
+ };
14363
+ readonly 'stepper.step.focus.outline-color': {
14364
+ readonly cssVar: '--mx-stepper-step-focus-outline-color';
14365
+ readonly type: 'color';
14366
+ readonly layer: 'component';
14367
+ };
14368
+ readonly 'stepper.step.focus.outline-offset': {
14369
+ readonly cssVar: '--mx-stepper-step-focus-outline-offset';
14370
+ readonly type: 'dimension';
14371
+ readonly layer: 'component';
14372
+ };
14373
+ readonly 'stepper.step.disabled.color': {
14374
+ readonly cssVar: '--mx-stepper-step-disabled-color';
14375
+ readonly type: 'color';
14376
+ readonly layer: 'component';
14377
+ };
14378
+ readonly 'stepper.step.current.color': {
14379
+ readonly cssVar: '--mx-stepper-step-current-color';
14380
+ readonly type: 'color';
14381
+ readonly layer: 'component';
14382
+ };
14383
+ readonly 'stepper.step.done.color': {
14384
+ readonly cssVar: '--mx-stepper-step-done-color';
14385
+ readonly type: 'color';
14386
+ readonly layer: 'component';
14387
+ };
14388
+ readonly 'stepper.indicator.radius': {
14389
+ readonly cssVar: '--mx-stepper-indicator-radius';
14390
+ readonly type: 'dimension';
14391
+ readonly layer: 'component';
14392
+ };
14393
+ readonly 'stepper.indicator.bg': {
14394
+ readonly cssVar: '--mx-stepper-indicator-bg';
14395
+ readonly type: 'color';
14396
+ readonly layer: 'component';
14397
+ };
14398
+ readonly 'stepper.indicator.border-width': {
14399
+ readonly cssVar: '--mx-stepper-indicator-border-width';
14400
+ readonly type: 'dimension';
14401
+ readonly layer: 'component';
14402
+ };
14403
+ readonly 'stepper.indicator.border-color': {
14404
+ readonly cssVar: '--mx-stepper-indicator-border-color';
14405
+ readonly type: 'color';
14406
+ readonly layer: 'component';
14407
+ };
14408
+ readonly 'stepper.indicator.color': {
14409
+ readonly cssVar: '--mx-stepper-indicator-color';
14410
+ readonly type: 'color';
14411
+ readonly layer: 'component';
14412
+ };
14413
+ readonly 'stepper.indicator.font-size': {
14414
+ readonly cssVar: '--mx-stepper-indicator-font-size';
14415
+ readonly type: 'dimension';
14416
+ readonly layer: 'component';
14417
+ };
14418
+ readonly 'stepper.indicator.font-weight': {
14419
+ readonly cssVar: '--mx-stepper-indicator-font-weight';
14420
+ readonly type: 'fontWeight';
14421
+ readonly layer: 'component';
14422
+ };
14423
+ readonly 'stepper.indicator.current.bg': {
14424
+ readonly cssVar: '--mx-stepper-indicator-current-bg';
14425
+ readonly type: 'color';
14426
+ readonly layer: 'component';
14427
+ };
14428
+ readonly 'stepper.indicator.current.border-color': {
14429
+ readonly cssVar: '--mx-stepper-indicator-current-border-color';
14430
+ readonly type: 'color';
14431
+ readonly layer: 'component';
14432
+ };
14433
+ readonly 'stepper.indicator.current.color': {
14434
+ readonly cssVar: '--mx-stepper-indicator-current-color';
14435
+ readonly type: 'color';
14436
+ readonly layer: 'component';
14437
+ };
14438
+ readonly 'stepper.indicator.done.bg': {
14439
+ readonly cssVar: '--mx-stepper-indicator-done-bg';
14440
+ readonly type: 'color';
14441
+ readonly layer: 'component';
14442
+ };
14443
+ readonly 'stepper.indicator.done.border-color': {
14444
+ readonly cssVar: '--mx-stepper-indicator-done-border-color';
14445
+ readonly type: 'color';
14446
+ readonly layer: 'component';
14447
+ };
14448
+ readonly 'stepper.indicator.done.color': {
14449
+ readonly cssVar: '--mx-stepper-indicator-done-color';
14450
+ readonly type: 'color';
14451
+ readonly layer: 'component';
14452
+ };
14453
+ readonly 'stepper.indicator.error.bg': {
14454
+ readonly cssVar: '--mx-stepper-indicator-error-bg';
14455
+ readonly type: 'color';
14456
+ readonly layer: 'component';
14457
+ };
14458
+ readonly 'stepper.indicator.error.border-color': {
14459
+ readonly cssVar: '--mx-stepper-indicator-error-border-color';
14460
+ readonly type: 'color';
14461
+ readonly layer: 'component';
14462
+ };
14463
+ readonly 'stepper.indicator.error.color': {
14464
+ readonly cssVar: '--mx-stepper-indicator-error-color';
14465
+ readonly type: 'color';
14466
+ readonly layer: 'component';
14467
+ };
14468
+ readonly 'stepper.indicator.disabled.border-color': {
14469
+ readonly cssVar: '--mx-stepper-indicator-disabled-border-color';
14470
+ readonly type: 'color';
14471
+ readonly layer: 'component';
14472
+ };
14473
+ readonly 'stepper.indicator.disabled.color': {
14474
+ readonly cssVar: '--mx-stepper-indicator-disabled-color';
14475
+ readonly type: 'color';
14476
+ readonly layer: 'component';
14477
+ };
14478
+ readonly 'stepper.indicator.disabled.bg': {
14479
+ readonly cssVar: '--mx-stepper-indicator-disabled-bg';
14480
+ readonly type: 'color';
14481
+ readonly layer: 'component';
14482
+ };
14483
+ readonly 'stepper.mark.done.icon': {
14484
+ readonly cssVar: '--mx-stepper-mark-done-icon';
14485
+ readonly type: 'icon';
14486
+ readonly layer: 'component';
14487
+ };
14488
+ readonly 'stepper.mark.done.bg': {
14489
+ readonly cssVar: '--mx-stepper-mark-done-bg';
14490
+ readonly type: 'color';
14491
+ readonly layer: 'component';
14492
+ };
14493
+ readonly 'stepper.mark.error.icon': {
14494
+ readonly cssVar: '--mx-stepper-mark-error-icon';
14495
+ readonly type: 'icon';
14496
+ readonly layer: 'component';
14497
+ };
14498
+ readonly 'stepper.mark.error.bg': {
14499
+ readonly cssVar: '--mx-stepper-mark-error-bg';
14500
+ readonly type: 'color';
14501
+ readonly layer: 'component';
14502
+ };
14503
+ readonly 'stepper.label.current.font-weight': {
14504
+ readonly cssVar: '--mx-stepper-label-current-font-weight';
14505
+ readonly type: 'fontWeight';
14506
+ readonly layer: 'component';
14507
+ };
14508
+ readonly 'stepper.label.error.color': {
14509
+ readonly cssVar: '--mx-stepper-label-error-color';
14510
+ readonly type: 'color';
14511
+ readonly layer: 'component';
14512
+ };
14513
+ readonly 'stepper.description.color': {
14514
+ readonly cssVar: '--mx-stepper-description-color';
14515
+ readonly type: 'color';
14516
+ readonly layer: 'component';
14517
+ };
14518
+ readonly 'stepper.description.disabled.color': {
14519
+ readonly cssVar: '--mx-stepper-description-disabled-color';
14520
+ readonly type: 'color';
14521
+ readonly layer: 'component';
14522
+ };
14523
+ readonly 'stepper.note.color': {
14524
+ readonly cssVar: '--mx-stepper-note-color';
14525
+ readonly type: 'color';
14526
+ readonly layer: 'component';
14527
+ };
14528
+ readonly 'stepper.line.height': {
14529
+ readonly cssVar: '--mx-stepper-line-height';
14530
+ readonly type: 'dimension';
14531
+ readonly layer: 'component';
14532
+ };
14533
+ readonly 'stepper.line.bg': {
14534
+ readonly cssVar: '--mx-stepper-line-bg';
14535
+ readonly type: 'color';
14536
+ readonly layer: 'component';
14537
+ };
14538
+ readonly 'stepper.line.done.bg': {
14539
+ readonly cssVar: '--mx-stepper-line-done-bg';
14540
+ readonly type: 'color';
14541
+ readonly layer: 'component';
14542
+ };
14543
+ readonly 'stepper.line.radius': {
14544
+ readonly cssVar: '--mx-stepper-line-radius';
14545
+ readonly type: 'dimension';
14546
+ readonly layer: 'component';
14547
+ };
13418
14548
  readonly 'switch.thumb-inset': {
13419
14549
  readonly cssVar: '--mx-switch-thumb-inset';
13420
14550
  readonly type: 'dimension';
@@ -17575,6 +18705,51 @@ export declare const componentTokens: {
17575
18705
  readonly type: 'color';
17576
18706
  readonly layer: 'component';
17577
18707
  };
18708
+ readonly 'wizard.gap': {
18709
+ readonly cssVar: '--mx-wizard-gap';
18710
+ readonly type: 'dimension';
18711
+ readonly layer: 'component';
18712
+ };
18713
+ readonly 'wizard.bar-gap': {
18714
+ readonly cssVar: '--mx-wizard-bar-gap';
18715
+ readonly type: 'dimension';
18716
+ readonly layer: 'component';
18717
+ };
18718
+ readonly 'wizard.rail-width': {
18719
+ readonly cssVar: '--mx-wizard-rail-width';
18720
+ readonly type: 'dimension';
18721
+ readonly layer: 'component';
18722
+ };
18723
+ readonly 'wizard.previous.variant': {
18724
+ readonly cssVar: '--mx-wizard-previous-variant';
18725
+ readonly type: 'keyword';
18726
+ readonly layer: 'component';
18727
+ };
18728
+ readonly 'wizard.next.variant': {
18729
+ readonly cssVar: '--mx-wizard-next-variant';
18730
+ readonly type: 'keyword';
18731
+ readonly layer: 'component';
18732
+ };
18733
+ readonly 'wizard.next.tone': {
18734
+ readonly cssVar: '--mx-wizard-next-tone';
18735
+ readonly type: 'keyword';
18736
+ readonly layer: 'component';
18737
+ };
18738
+ readonly 'wizard.bar.padding-top': {
18739
+ readonly cssVar: '--mx-wizard-bar-padding-top';
18740
+ readonly type: 'dimension';
18741
+ readonly layer: 'component';
18742
+ };
18743
+ readonly 'wizard.bar.border-top-width': {
18744
+ readonly cssVar: '--mx-wizard-bar-border-top-width';
18745
+ readonly type: 'dimension';
18746
+ readonly layer: 'component';
18747
+ };
18748
+ readonly 'wizard.bar.border-top-color': {
18749
+ readonly cssVar: '--mx-wizard-bar-border-top-color';
18750
+ readonly type: 'color';
18751
+ readonly layer: 'component';
18752
+ };
17578
18753
  };
17579
18754
  /** A component token name, e.g. `button.radius`. */
17580
18755
  export type ComponentTokenName = keyof typeof componentTokens;