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

package/dist/tokens/index.js

@@ -2402,6 +2402,51 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"calendar.cell.range-start.bg": {
+		cssVar: "--mx-calendar-cell-range-start-bg",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-start.color": {
+		cssVar: "--mx-calendar-cell-range-start-color",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-end.bg": {
+		cssVar: "--mx-calendar-cell-range-end-bg",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-end.color": {
+		cssVar: "--mx-calendar-cell-range-end-color",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-single.bg": {
+		cssVar: "--mx-calendar-cell-range-single-bg",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-single.color": {
+		cssVar: "--mx-calendar-cell-range-single-color",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-in.bg": {
+		cssVar: "--mx-calendar-cell-range-in-bg",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-in.color": {
+		cssVar: "--mx-calendar-cell-range-in-color",
+		type: "color",
+		layer: "component"
+	},
+	"calendar.cell.range-in.radius": {
+		cssVar: "--mx-calendar-cell-range-in-radius",
+		type: "dimension",
+		layer: "component"
+	},
 	"calendar.cell.disabled.color": {
 		cssVar: "--mx-calendar-cell-disabled-color",
 		type: "color",
@@ -5962,6 +6007,86 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"date-range-box.popup-gap": {
+		cssVar: "--mx-date-range-box-popup-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.field.width": {
+		cssVar: "--mx-date-range-box-field-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.calendar.container.padding": {
+		cssVar: "--mx-date-range-box-calendar-container-padding",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.separator.icon": {
+		cssVar: "--mx-date-range-box-separator-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"date-range-box.separator.bg": {
+		cssVar: "--mx-date-range-box-separator-bg",
+		type: "color",
+		layer: "component"
+	},
+	"date-range-box.separator.size": {
+		cssVar: "--mx-date-range-box-separator-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.separator.margin-inline": {
+		cssVar: "--mx-date-range-box-separator-margin-inline",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.min-width": {
+		cssVar: "--mx-date-range-box-presets-min-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.max-height": {
+		cssVar: "--mx-date-range-box-presets-max-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.focus.outline-width": {
+		cssVar: "--mx-date-range-box-presets-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.focus.outline-color": {
+		cssVar: "--mx-date-range-box-presets-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"date-range-box.presets.focus.outline-offset": {
+		cssVar: "--mx-date-range-box-presets-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.focus.glow": {
+		cssVar: "--mx-date-range-box-presets-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"date-range-box.presets.beside.padding-start": {
+		cssVar: "--mx-date-range-box-presets-beside-padding-start",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.beside.border-start-width": {
+		cssVar: "--mx-date-range-box-presets-beside-border-start-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"date-range-box.presets.beside.border-start-color": {
+		cssVar: "--mx-date-range-box-presets-beside-border-start-color",
+		type: "color",
+		layer: "component"
+	},
 	"disabled.element.color": {
 		cssVar: "--mx-disabled-element-color",
 		type: "color",
@@ -6347,6 +6472,16 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"drop-down.value.missing.color": {
+		cssVar: "--mx-drop-down-value-missing-color",
+		type: "color",
+		layer: "component"
+	},
+	"drop-down.value.missing.text-decoration": {
+		cssVar: "--mx-drop-down-value-missing-text-decoration",
+		type: "keyword",
+		layer: "component"
+	},
 	"drop-down.chevron.size": {
 		cssVar: "--mx-drop-down-chevron-size",
 		type: "dimension",
@@ -6372,6 +6507,36 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"drop-down.spinner.size": {
+		cssVar: "--mx-drop-down-spinner-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"drop-down.spinner.border-width": {
+		cssVar: "--mx-drop-down-spinner-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"drop-down.spinner.border-end-color": {
+		cssVar: "--mx-drop-down-spinner-border-end-color",
+		type: "color",
+		layer: "component"
+	},
+	"drop-down.spinner.radius": {
+		cssVar: "--mx-drop-down-spinner-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"drop-down.spinner.color": {
+		cssVar: "--mx-drop-down-spinner-color",
+		type: "color",
+		layer: "component"
+	},
+	"drop-down.spinner-shape.display": {
+		cssVar: "--mx-drop-down-spinner-shape-display",
+		type: "keyword",
+		layer: "component"
+	},
 	"field.width": {
 		cssVar: "--mx-field-width",
 		type: "dimension",
@@ -6762,6 +6927,16 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"field.box.border-style": {
+		cssVar: "--mx-field-box-border-style",
+		type: "keyword",
+		layer: "component"
+	},
+	"field.box.border-color": {
+		cssVar: "--mx-field-box-border-color",
+		type: "color",
+		layer: "component"
+	},
 	"field.frame.border-color": {
 		cssVar: "--mx-field-frame-border-color",
 		type: "color",
@@ -7352,6 +7527,331 @@ var componentTokens = {
 		type: "dimension",
 		layer: "component"
 	},
+	"file-uploader.box-gap": {
+		cssVar: "--mx-file-uploader-box-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.button-gap": {
+		cssVar: "--mx-file-uploader-button-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.item-gap": {
+		cssVar: "--mx-file-uploader-item-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.width": {
+		cssVar: "--mx-file-uploader-field-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.box.border-style": {
+		cssVar: "--mx-file-uploader-field-box-border-style",
+		type: "keyword",
+		layer: "component"
+	},
+	"file-uploader.field.box.border-color": {
+		cssVar: "--mx-file-uploader-field-box-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.field.box.radius": {
+		cssVar: "--mx-file-uploader-field-box-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.box.hover.bg": {
+		cssVar: "--mx-file-uploader-field-box-hover-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.field.border-width": {
+		cssVar: "--mx-file-uploader-field-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.padding.sm": {
+		cssVar: "--mx-file-uploader-field-padding-sm",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.padding.md": {
+		cssVar: "--mx-file-uploader-field-padding-md",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.field.padding.lg": {
+		cssVar: "--mx-file-uploader-field-padding-lg",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.action.variant": {
+		cssVar: "--mx-file-uploader-action-variant",
+		type: "keyword",
+		layer: "component"
+	},
+	"file-uploader.over.bg": {
+		cssVar: "--mx-file-uploader-over-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.over.border-color": {
+		cssVar: "--mx-file-uploader-over-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.padding-block": {
+		cssVar: "--mx-file-uploader-select-padding-block",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.padding-inline": {
+		cssVar: "--mx-file-uploader-select-padding-inline",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.radius": {
+		cssVar: "--mx-file-uploader-select-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.color": {
+		cssVar: "--mx-file-uploader-select-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.font-weight": {
+		cssVar: "--mx-file-uploader-select-font-weight",
+		type: "fontWeight",
+		layer: "component"
+	},
+	"file-uploader.select.bg": {
+		cssVar: "--mx-file-uploader-select-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.border-width": {
+		cssVar: "--mx-file-uploader-select-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.border-color": {
+		cssVar: "--mx-file-uploader-select-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.hover.bg": {
+		cssVar: "--mx-file-uploader-select-hover-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.hover.cursor": {
+		cssVar: "--mx-file-uploader-select-hover-cursor",
+		type: "keyword",
+		layer: "component"
+	},
+	"file-uploader.select.pressed.bg": {
+		cssVar: "--mx-file-uploader-select-pressed-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.focus.glow": {
+		cssVar: "--mx-file-uploader-select-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"file-uploader.select.focus.outline-width": {
+		cssVar: "--mx-file-uploader-select-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.focus.outline-color": {
+		cssVar: "--mx-file-uploader-select-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.focus.outline-offset": {
+		cssVar: "--mx-file-uploader-select-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.select.disabled.color": {
+		cssVar: "--mx-file-uploader-select-disabled-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.select.disabled.border-color": {
+		cssVar: "--mx-file-uploader-select-disabled-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.padding-block": {
+		cssVar: "--mx-file-uploader-upload-padding-block",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.upload.padding-inline": {
+		cssVar: "--mx-file-uploader-upload-padding-inline",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.upload.radius": {
+		cssVar: "--mx-file-uploader-upload-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.upload.color": {
+		cssVar: "--mx-file-uploader-upload-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.font-weight": {
+		cssVar: "--mx-file-uploader-upload-font-weight",
+		type: "fontWeight",
+		layer: "component"
+	},
+	"file-uploader.upload.bg": {
+		cssVar: "--mx-file-uploader-upload-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.border-width": {
+		cssVar: "--mx-file-uploader-upload-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.upload.border-color": {
+		cssVar: "--mx-file-uploader-upload-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.hover.bg": {
+		cssVar: "--mx-file-uploader-upload-hover-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.hover.cursor": {
+		cssVar: "--mx-file-uploader-upload-hover-cursor",
+		type: "keyword",
+		layer: "component"
+	},
+	"file-uploader.upload.pressed.bg": {
+		cssVar: "--mx-file-uploader-upload-pressed-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.focus.glow": {
+		cssVar: "--mx-file-uploader-upload-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"file-uploader.upload.focus.outline-width": {
+		cssVar: "--mx-file-uploader-upload-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.upload.focus.outline-color": {
+		cssVar: "--mx-file-uploader-upload-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.upload.focus.outline-offset": {
+		cssVar: "--mx-file-uploader-upload-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.hint.color": {
+		cssVar: "--mx-file-uploader-hint-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.list.margin-top": {
+		cssVar: "--mx-file-uploader-list-margin-top",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.list.gap": {
+		cssVar: "--mx-file-uploader-list-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.item.padding-block": {
+		cssVar: "--mx-file-uploader-item-padding-block",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.item.padding-inline": {
+		cssVar: "--mx-file-uploader-item-padding-inline",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.item.radius": {
+		cssVar: "--mx-file-uploader-item-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.item.error.bg": {
+		cssVar: "--mx-file-uploader-item-error-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.item.invalid.bg": {
+		cssVar: "--mx-file-uploader-item-invalid-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.icon.icon": {
+		cssVar: "--mx-file-uploader-icon-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"file-uploader.icon.bg": {
+		cssVar: "--mx-file-uploader-icon-bg",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.icon.size": {
+		cssVar: "--mx-file-uploader-icon-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.name.color": {
+		cssVar: "--mx-file-uploader-name-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.size.color": {
+		cssVar: "--mx-file-uploader-size-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.size.font-size": {
+		cssVar: "--mx-file-uploader-size-font-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.state.color": {
+		cssVar: "--mx-file-uploader-state-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.state.font-size": {
+		cssVar: "--mx-file-uploader-state-font-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"file-uploader.state.done.color": {
+		cssVar: "--mx-file-uploader-state-done-color",
+		type: "color",
+		layer: "component"
+	},
+	"file-uploader.state.error.color": {
+		cssVar: "--mx-file-uploader-state-error-color",
+		type: "color",
+		layer: "component"
+	},
 	"filterbuilder.indent": {
 		cssVar: "--mx-filterbuilder-indent",
 		type: "dimension",
@@ -8337,6 +8837,76 @@ var componentTokens = {
 		type: "dimension",
 		layer: "component"
 	},
+	"load-panel.padding": {
+		cssVar: "--mx-load-panel-padding",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.gap": {
+		cssVar: "--mx-load-panel-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.cancel.variant": {
+		cssVar: "--mx-load-panel-cancel-variant",
+		type: "keyword",
+		layer: "component"
+	},
+	"load-panel.shade.shaded.bg": {
+		cssVar: "--mx-load-panel-shade-shaded-bg",
+		type: "color",
+		layer: "component"
+	},
+	"load-panel.pane.shown.bg": {
+		cssVar: "--mx-load-panel-pane-shown-bg",
+		type: "color",
+		layer: "component"
+	},
+	"load-panel.pane.shown.border-width": {
+		cssVar: "--mx-load-panel-pane-shown-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.pane.shown.border-color": {
+		cssVar: "--mx-load-panel-pane-shown-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"load-panel.pane.shown.radius": {
+		cssVar: "--mx-load-panel-pane-shown-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.pane.shown.shadow": {
+		cssVar: "--mx-load-panel-pane-shown-shadow",
+		type: "shadow",
+		layer: "component"
+	},
+	"load-panel.pane.shown.padding-block": {
+		cssVar: "--mx-load-panel-pane-shown-padding-block",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.pane.shown.padding-inline": {
+		cssVar: "--mx-load-panel-pane-shown-padding-inline",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.pane.shown.min-width": {
+		cssVar: "--mx-load-panel-pane-shown-min-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"load-panel.message.color": {
+		cssVar: "--mx-load-panel-message-color",
+		type: "color",
+		layer: "component"
+	},
+	"load-panel.message.font-size": {
+		cssVar: "--mx-load-panel-message-font-size",
+		type: "dimension",
+		layer: "component"
+	},
 	"lookup.popup-width": {
 		cssVar: "--mx-lookup-popup-width",
 		type: "dimension",
@@ -8867,6 +9437,156 @@ var componentTokens = {
 		type: "dimension",
 		layer: "component"
 	},
+	"popover.offset": {
+		cssVar: "--mx-popover-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.enter-offset": {
+		cssVar: "--mx-popover-enter-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.header-gap": {
+		cssVar: "--mx-popover-header-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.close.variant": {
+		cssVar: "--mx-popover-close-variant",
+		type: "keyword",
+		layer: "component"
+	},
+	"popover.surface.bg": {
+		cssVar: "--mx-popover-surface-bg",
+		type: "color",
+		layer: "component"
+	},
+	"popover.surface.border-width": {
+		cssVar: "--mx-popover-surface-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.border-color": {
+		cssVar: "--mx-popover-surface-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.surface.radius": {
+		cssVar: "--mx-popover-surface-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.shadow": {
+		cssVar: "--mx-popover-surface-shadow",
+		type: "shadow",
+		layer: "component"
+	},
+	"popover.surface.color": {
+		cssVar: "--mx-popover-surface-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.surface.font-size": {
+		cssVar: "--mx-popover-surface-font-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.line-height": {
+		cssVar: "--mx-popover-surface-line-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.max-width": {
+		cssVar: "--mx-popover-surface-max-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.focus.glow": {
+		cssVar: "--mx-popover-surface-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"popover.surface.focus.outline-width": {
+		cssVar: "--mx-popover-surface-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.surface.focus.outline-color": {
+		cssVar: "--mx-popover-surface-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.surface.focus.outline-offset": {
+		cssVar: "--mx-popover-surface-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.arrow.display": {
+		cssVar: "--mx-popover-arrow-display",
+		type: "keyword",
+		layer: "component"
+	},
+	"popover.arrow.size": {
+		cssVar: "--mx-popover-arrow-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.arrow.bg": {
+		cssVar: "--mx-popover-arrow-bg",
+		type: "color",
+		layer: "component"
+	},
+	"popover.arrow.border-width": {
+		cssVar: "--mx-popover-arrow-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.arrow.border-color": {
+		cssVar: "--mx-popover-arrow-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.header.padding-block": {
+		cssVar: "--mx-popover-header-padding-block",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.header.padding-start": {
+		cssVar: "--mx-popover-header-padding-start",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.header.padding-end": {
+		cssVar: "--mx-popover-header-padding-end",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.header.border-bottom-width": {
+		cssVar: "--mx-popover-header-border-bottom-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"popover.header.border-bottom-color": {
+		cssVar: "--mx-popover-header-border-bottom-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.title.font-weight": {
+		cssVar: "--mx-popover-title-font-weight",
+		type: "fontWeight",
+		layer: "component"
+	},
+	"popover.title.color": {
+		cssVar: "--mx-popover-title-color",
+		type: "color",
+		layer: "component"
+	},
+	"popover.body.padding": {
+		cssVar: "--mx-popover-body-padding",
+		type: "dimension",
+		layer: "component"
+	},
 	"popup.offset": {
 		cssVar: "--mx-popup-offset",
 		type: "dimension",
@@ -12247,24 +12967,79 @@ var componentTokens = {
 		type: "keyword",
 		layer: "component"
 	},
-	"scheduler.swipe-icon.width": {
-		cssVar: "--mx-scheduler-swipe-icon-width",
+	"scheduler.swipe-icon.width": {
+		cssVar: "--mx-scheduler-swipe-icon-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"scheduler.swipe-icon.height": {
+		cssVar: "--mx-scheduler-swipe-icon-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"scheduler.swipe-icon.icon": {
+		cssVar: "--mx-scheduler-swipe-icon-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"scheduler.swipe-icon.previous.icon": {
+		cssVar: "--mx-scheduler-swipe-icon-previous-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"scroll-view.panel-height": {
+		cssVar: "--mx-scroll-view-panel-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"scroll-view.panel-gap": {
+		cssVar: "--mx-scroll-view-panel-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"scroll-view.box.focus.glow": {
+		cssVar: "--mx-scroll-view-box-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"scroll-view.box.focus.outline-width": {
+		cssVar: "--mx-scroll-view-box-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"scroll-view.box.focus.outline-color": {
+		cssVar: "--mx-scroll-view-box-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"scroll-view.box.focus.outline-offset": {
+		cssVar: "--mx-scroll-view-box-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"scroll-view.pull.color": {
+		cssVar: "--mx-scroll-view-pull-color",
+		type: "color",
+		layer: "component"
+	},
+	"scroll-view.pull.font-size": {
+		cssVar: "--mx-scroll-view-pull-font-size",
 		type: "dimension",
 		layer: "component"
 	},
-	"scheduler.swipe-icon.height": {
-		cssVar: "--mx-scheduler-swipe-icon-height",
-		type: "dimension",
+	"scroll-view.pull.refreshing.color": {
+		cssVar: "--mx-scroll-view-pull-refreshing-color",
+		type: "color",
 		layer: "component"
 	},
-	"scheduler.swipe-icon.icon": {
-		cssVar: "--mx-scheduler-swipe-icon-icon",
-		type: "icon",
+	"scroll-view.bottom.color": {
+		cssVar: "--mx-scroll-view-bottom-color",
+		type: "color",
 		layer: "component"
 	},
-	"scheduler.swipe-icon.previous.icon": {
-		cssVar: "--mx-scheduler-swipe-icon-previous-icon",
-		type: "icon",
+	"scroll-view.bottom.font-size": {
+		cssVar: "--mx-scroll-view-bottom-font-size",
+		type: "dimension",
 		layer: "component"
 	},
 	"sheet.font-family": {
@@ -13197,6 +13972,76 @@ var componentTokens = {
 		type: "color",
 		layer: "component"
 	},
+	"sortable.gap": {
+		cssVar: "--mx-sortable-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.container.target.bg": {
+		cssVar: "--mx-sortable-container-target-bg",
+		type: "color",
+		layer: "component"
+	},
+	"sortable.item.sortable.cursor": {
+		cssVar: "--mx-sortable-item-sortable-cursor",
+		type: "keyword",
+		layer: "component"
+	},
+	"sortable.item.dragging.opacity": {
+		cssVar: "--mx-sortable-item-dragging-opacity",
+		type: "number",
+		layer: "component"
+	},
+	"sortable.item.focus.glow": {
+		cssVar: "--mx-sortable-item-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"sortable.item.focus.outline-width": {
+		cssVar: "--mx-sortable-item-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.item.focus.outline-color": {
+		cssVar: "--mx-sortable-item-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"sortable.item.focus.outline-offset": {
+		cssVar: "--mx-sortable-item-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.line.height": {
+		cssVar: "--mx-sortable-line-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.line.radius": {
+		cssVar: "--mx-sortable-line-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.line.bg": {
+		cssVar: "--mx-sortable-line-bg",
+		type: "color",
+		layer: "component"
+	},
+	"sortable.ghost.radius": {
+		cssVar: "--mx-sortable-ghost-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"sortable.ghost.shadow": {
+		cssVar: "--mx-sortable-ghost-shadow",
+		type: "shadow",
+		layer: "component"
+	},
+	"sortable.ghost.opacity": {
+		cssVar: "--mx-sortable-ghost-opacity",
+		type: "number",
+		layer: "component"
+	},
 	"spinner.gap": {
 		cssVar: "--mx-spinner-gap",
 		type: "dimension",
@@ -13417,6 +14262,291 @@ var componentTokens = {
 		type: "number",
 		layer: "component"
 	},
+	"stepper.font-size.sm": {
+		cssVar: "--mx-stepper-font-size-sm",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.font-size.md": {
+		cssVar: "--mx-stepper-font-size-md",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.font-size.lg": {
+		cssVar: "--mx-stepper-font-size-lg",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.description-font-size": {
+		cssVar: "--mx-stepper-description-font-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.gap": {
+		cssVar: "--mx-stepper-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.line-gap": {
+		cssVar: "--mx-stepper-line-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.line-min-length": {
+		cssVar: "--mx-stepper-line-min-length",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.size.sm": {
+		cssVar: "--mx-stepper-size-sm",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.size.md": {
+		cssVar: "--mx-stepper-size-md",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.size.lg": {
+		cssVar: "--mx-stepper-size-lg",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.padding.sm": {
+		cssVar: "--mx-stepper-padding-sm",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.padding.md": {
+		cssVar: "--mx-stepper-padding-md",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.padding.lg": {
+		cssVar: "--mx-stepper-padding-lg",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.step.radius": {
+		cssVar: "--mx-stepper-step-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.step.color": {
+		cssVar: "--mx-stepper-step-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.hover.bg": {
+		cssVar: "--mx-stepper-step-hover-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.hover.cursor": {
+		cssVar: "--mx-stepper-step-hover-cursor",
+		type: "keyword",
+		layer: "component"
+	},
+	"stepper.step.pressed.bg": {
+		cssVar: "--mx-stepper-step-pressed-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.focus.glow": {
+		cssVar: "--mx-stepper-step-focus-glow",
+		type: "shadow",
+		layer: "component"
+	},
+	"stepper.step.focus.outline-width": {
+		cssVar: "--mx-stepper-step-focus-outline-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.step.focus.outline-color": {
+		cssVar: "--mx-stepper-step-focus-outline-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.focus.outline-offset": {
+		cssVar: "--mx-stepper-step-focus-outline-offset",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.step.disabled.color": {
+		cssVar: "--mx-stepper-step-disabled-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.current.color": {
+		cssVar: "--mx-stepper-step-current-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.step.done.color": {
+		cssVar: "--mx-stepper-step-done-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.radius": {
+		cssVar: "--mx-stepper-indicator-radius",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.indicator.bg": {
+		cssVar: "--mx-stepper-indicator-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.border-width": {
+		cssVar: "--mx-stepper-indicator-border-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.indicator.border-color": {
+		cssVar: "--mx-stepper-indicator-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.color": {
+		cssVar: "--mx-stepper-indicator-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.font-size": {
+		cssVar: "--mx-stepper-indicator-font-size",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.indicator.font-weight": {
+		cssVar: "--mx-stepper-indicator-font-weight",
+		type: "fontWeight",
+		layer: "component"
+	},
+	"stepper.indicator.current.bg": {
+		cssVar: "--mx-stepper-indicator-current-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.current.border-color": {
+		cssVar: "--mx-stepper-indicator-current-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.current.color": {
+		cssVar: "--mx-stepper-indicator-current-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.done.bg": {
+		cssVar: "--mx-stepper-indicator-done-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.done.border-color": {
+		cssVar: "--mx-stepper-indicator-done-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.done.color": {
+		cssVar: "--mx-stepper-indicator-done-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.error.bg": {
+		cssVar: "--mx-stepper-indicator-error-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.error.border-color": {
+		cssVar: "--mx-stepper-indicator-error-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.error.color": {
+		cssVar: "--mx-stepper-indicator-error-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.disabled.border-color": {
+		cssVar: "--mx-stepper-indicator-disabled-border-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.disabled.color": {
+		cssVar: "--mx-stepper-indicator-disabled-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.indicator.disabled.bg": {
+		cssVar: "--mx-stepper-indicator-disabled-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.mark.done.icon": {
+		cssVar: "--mx-stepper-mark-done-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"stepper.mark.done.bg": {
+		cssVar: "--mx-stepper-mark-done-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.mark.error.icon": {
+		cssVar: "--mx-stepper-mark-error-icon",
+		type: "icon",
+		layer: "component"
+	},
+	"stepper.mark.error.bg": {
+		cssVar: "--mx-stepper-mark-error-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.label.current.font-weight": {
+		cssVar: "--mx-stepper-label-current-font-weight",
+		type: "fontWeight",
+		layer: "component"
+	},
+	"stepper.label.error.color": {
+		cssVar: "--mx-stepper-label-error-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.description.color": {
+		cssVar: "--mx-stepper-description-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.description.disabled.color": {
+		cssVar: "--mx-stepper-description-disabled-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.note.color": {
+		cssVar: "--mx-stepper-note-color",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.line.height": {
+		cssVar: "--mx-stepper-line-height",
+		type: "dimension",
+		layer: "component"
+	},
+	"stepper.line.bg": {
+		cssVar: "--mx-stepper-line-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.line.done.bg": {
+		cssVar: "--mx-stepper-line-done-bg",
+		type: "color",
+		layer: "component"
+	},
+	"stepper.line.radius": {
+		cssVar: "--mx-stepper-line-radius",
+		type: "dimension",
+		layer: "component"
+	},
 	"switch.thumb-inset": {
 		cssVar: "--mx-switch-thumb-inset",
 		type: "dimension",
@@ -17576,6 +18706,51 @@ var componentTokens = {
 		cssVar: "--mx-window-message-icon-danger-color",
 		type: "color",
 		layer: "component"
+	},
+	"wizard.gap": {
+		cssVar: "--mx-wizard-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"wizard.bar-gap": {
+		cssVar: "--mx-wizard-bar-gap",
+		type: "dimension",
+		layer: "component"
+	},
+	"wizard.rail-width": {
+		cssVar: "--mx-wizard-rail-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"wizard.previous.variant": {
+		cssVar: "--mx-wizard-previous-variant",
+		type: "keyword",
+		layer: "component"
+	},
+	"wizard.next.variant": {
+		cssVar: "--mx-wizard-next-variant",
+		type: "keyword",
+		layer: "component"
+	},
+	"wizard.next.tone": {
+		cssVar: "--mx-wizard-next-tone",
+		type: "keyword",
+		layer: "component"
+	},
+	"wizard.bar.padding-top": {
+		cssVar: "--mx-wizard-bar-padding-top",
+		type: "dimension",
+		layer: "component"
+	},
+	"wizard.bar.border-top-width": {
+		cssVar: "--mx-wizard-bar-border-top-width",
+		type: "dimension",
+		layer: "component"
+	},
+	"wizard.bar.border-top-color": {
+		cssVar: "--mx-wizard-bar-border-top-color",
+		type: "color",
+		layer: "component"
 	}
 };
 //#endregion