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

package/dist/generated/tokens.d.ts

@@ -2400,6 +2400,51 @@ export declare const componentTokens: {
         readonly type: 'color';
         readonly layer: 'component';
     };
+    readonly 'calendar.cell.range-start.bg': {
+        readonly cssVar: '--mx-calendar-cell-range-start-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-start.color': {
+        readonly cssVar: '--mx-calendar-cell-range-start-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-end.bg': {
+        readonly cssVar: '--mx-calendar-cell-range-end-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-end.color': {
+        readonly cssVar: '--mx-calendar-cell-range-end-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-single.bg': {
+        readonly cssVar: '--mx-calendar-cell-range-single-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-single.color': {
+        readonly cssVar: '--mx-calendar-cell-range-single-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-in.bg': {
+        readonly cssVar: '--mx-calendar-cell-range-in-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-in.color': {
+        readonly cssVar: '--mx-calendar-cell-range-in-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'calendar.cell.range-in.radius': {
+        readonly cssVar: '--mx-calendar-cell-range-in-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
     readonly 'calendar.cell.disabled.color': {
         readonly cssVar: '--mx-calendar-cell-disabled-color';
         readonly type: 'color';
@@ -5960,6 +6005,86 @@ export declare const componentTokens: {
         readonly type: 'color';
         readonly layer: 'component';
     };
+    readonly 'date-range-box.popup-gap': {
+        readonly cssVar: '--mx-date-range-box-popup-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.field.width': {
+        readonly cssVar: '--mx-date-range-box-field-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.calendar.container.padding': {
+        readonly cssVar: '--mx-date-range-box-calendar-container-padding';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.separator.icon': {
+        readonly cssVar: '--mx-date-range-box-separator-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.separator.bg': {
+        readonly cssVar: '--mx-date-range-box-separator-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.separator.size': {
+        readonly cssVar: '--mx-date-range-box-separator-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.separator.margin-inline': {
+        readonly cssVar: '--mx-date-range-box-separator-margin-inline';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.min-width': {
+        readonly cssVar: '--mx-date-range-box-presets-min-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.max-height': {
+        readonly cssVar: '--mx-date-range-box-presets-max-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.focus.outline-width': {
+        readonly cssVar: '--mx-date-range-box-presets-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.focus.outline-color': {
+        readonly cssVar: '--mx-date-range-box-presets-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.focus.outline-offset': {
+        readonly cssVar: '--mx-date-range-box-presets-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.focus.glow': {
+        readonly cssVar: '--mx-date-range-box-presets-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.beside.padding-start': {
+        readonly cssVar: '--mx-date-range-box-presets-beside-padding-start';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.beside.border-start-width': {
+        readonly cssVar: '--mx-date-range-box-presets-beside-border-start-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'date-range-box.presets.beside.border-start-color': {
+        readonly cssVar: '--mx-date-range-box-presets-beside-border-start-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
     readonly 'disabled.element.color': {
         readonly cssVar: '--mx-disabled-element-color';
         readonly type: 'color';
@@ -6800,6 +6925,16 @@ export declare const componentTokens: {
         readonly type: 'color';
         readonly layer: 'component';
     };
+    readonly 'field.box.border-style': {
+        readonly cssVar: '--mx-field-box-border-style';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'field.box.border-color': {
+        readonly cssVar: '--mx-field-box-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
     readonly 'field.frame.border-color': {
         readonly cssVar: '--mx-field-frame-border-color';
         readonly type: 'color';
@@ -7390,6 +7525,331 @@ export declare const componentTokens: {
         readonly type: 'dimension';
         readonly layer: 'component';
     };
+    readonly 'file-uploader.box-gap': {
+        readonly cssVar: '--mx-file-uploader-box-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.button-gap': {
+        readonly cssVar: '--mx-file-uploader-button-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item-gap': {
+        readonly cssVar: '--mx-file-uploader-item-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.width': {
+        readonly cssVar: '--mx-file-uploader-field-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.box.border-style': {
+        readonly cssVar: '--mx-file-uploader-field-box-border-style';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.box.border-color': {
+        readonly cssVar: '--mx-file-uploader-field-box-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.box.radius': {
+        readonly cssVar: '--mx-file-uploader-field-box-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.box.hover.bg': {
+        readonly cssVar: '--mx-file-uploader-field-box-hover-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.border-width': {
+        readonly cssVar: '--mx-file-uploader-field-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.padding.sm': {
+        readonly cssVar: '--mx-file-uploader-field-padding-sm';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.padding.md': {
+        readonly cssVar: '--mx-file-uploader-field-padding-md';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.field.padding.lg': {
+        readonly cssVar: '--mx-file-uploader-field-padding-lg';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.action.variant': {
+        readonly cssVar: '--mx-file-uploader-action-variant';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.over.bg': {
+        readonly cssVar: '--mx-file-uploader-over-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.over.border-color': {
+        readonly cssVar: '--mx-file-uploader-over-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.padding-block': {
+        readonly cssVar: '--mx-file-uploader-select-padding-block';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.padding-inline': {
+        readonly cssVar: '--mx-file-uploader-select-padding-inline';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.radius': {
+        readonly cssVar: '--mx-file-uploader-select-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.color': {
+        readonly cssVar: '--mx-file-uploader-select-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.font-weight': {
+        readonly cssVar: '--mx-file-uploader-select-font-weight';
+        readonly type: 'fontWeight';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.bg': {
+        readonly cssVar: '--mx-file-uploader-select-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.border-width': {
+        readonly cssVar: '--mx-file-uploader-select-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.border-color': {
+        readonly cssVar: '--mx-file-uploader-select-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.hover.bg': {
+        readonly cssVar: '--mx-file-uploader-select-hover-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.hover.cursor': {
+        readonly cssVar: '--mx-file-uploader-select-hover-cursor';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.pressed.bg': {
+        readonly cssVar: '--mx-file-uploader-select-pressed-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.focus.glow': {
+        readonly cssVar: '--mx-file-uploader-select-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.focus.outline-width': {
+        readonly cssVar: '--mx-file-uploader-select-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.focus.outline-color': {
+        readonly cssVar: '--mx-file-uploader-select-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.focus.outline-offset': {
+        readonly cssVar: '--mx-file-uploader-select-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.disabled.color': {
+        readonly cssVar: '--mx-file-uploader-select-disabled-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.select.disabled.border-color': {
+        readonly cssVar: '--mx-file-uploader-select-disabled-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.padding-block': {
+        readonly cssVar: '--mx-file-uploader-upload-padding-block';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.padding-inline': {
+        readonly cssVar: '--mx-file-uploader-upload-padding-inline';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.radius': {
+        readonly cssVar: '--mx-file-uploader-upload-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.color': {
+        readonly cssVar: '--mx-file-uploader-upload-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.font-weight': {
+        readonly cssVar: '--mx-file-uploader-upload-font-weight';
+        readonly type: 'fontWeight';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.bg': {
+        readonly cssVar: '--mx-file-uploader-upload-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.border-width': {
+        readonly cssVar: '--mx-file-uploader-upload-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.border-color': {
+        readonly cssVar: '--mx-file-uploader-upload-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.hover.bg': {
+        readonly cssVar: '--mx-file-uploader-upload-hover-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.hover.cursor': {
+        readonly cssVar: '--mx-file-uploader-upload-hover-cursor';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.pressed.bg': {
+        readonly cssVar: '--mx-file-uploader-upload-pressed-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.focus.glow': {
+        readonly cssVar: '--mx-file-uploader-upload-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.focus.outline-width': {
+        readonly cssVar: '--mx-file-uploader-upload-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.focus.outline-color': {
+        readonly cssVar: '--mx-file-uploader-upload-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.upload.focus.outline-offset': {
+        readonly cssVar: '--mx-file-uploader-upload-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.hint.color': {
+        readonly cssVar: '--mx-file-uploader-hint-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.list.margin-top': {
+        readonly cssVar: '--mx-file-uploader-list-margin-top';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.list.gap': {
+        readonly cssVar: '--mx-file-uploader-list-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item.padding-block': {
+        readonly cssVar: '--mx-file-uploader-item-padding-block';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item.padding-inline': {
+        readonly cssVar: '--mx-file-uploader-item-padding-inline';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item.radius': {
+        readonly cssVar: '--mx-file-uploader-item-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item.error.bg': {
+        readonly cssVar: '--mx-file-uploader-item-error-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.item.invalid.bg': {
+        readonly cssVar: '--mx-file-uploader-item-invalid-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.icon.icon': {
+        readonly cssVar: '--mx-file-uploader-icon-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.icon.bg': {
+        readonly cssVar: '--mx-file-uploader-icon-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.icon.size': {
+        readonly cssVar: '--mx-file-uploader-icon-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.name.color': {
+        readonly cssVar: '--mx-file-uploader-name-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.size.color': {
+        readonly cssVar: '--mx-file-uploader-size-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.size.font-size': {
+        readonly cssVar: '--mx-file-uploader-size-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.state.color': {
+        readonly cssVar: '--mx-file-uploader-state-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.state.font-size': {
+        readonly cssVar: '--mx-file-uploader-state-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.state.done.color': {
+        readonly cssVar: '--mx-file-uploader-state-done-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'file-uploader.state.error.color': {
+        readonly cssVar: '--mx-file-uploader-state-error-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
     readonly 'filterbuilder.indent': {
         readonly cssVar: '--mx-filterbuilder-indent';
         readonly type: 'dimension';
@@ -8375,6 +8835,76 @@ export declare const componentTokens: {
         readonly type: 'dimension';
         readonly layer: 'component';
     };
+    readonly 'load-panel.padding': {
+        readonly cssVar: '--mx-load-panel-padding';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.gap': {
+        readonly cssVar: '--mx-load-panel-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.cancel.variant': {
+        readonly cssVar: '--mx-load-panel-cancel-variant';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.shade.shaded.bg': {
+        readonly cssVar: '--mx-load-panel-shade-shaded-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.bg': {
+        readonly cssVar: '--mx-load-panel-pane-shown-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.border-width': {
+        readonly cssVar: '--mx-load-panel-pane-shown-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.border-color': {
+        readonly cssVar: '--mx-load-panel-pane-shown-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.radius': {
+        readonly cssVar: '--mx-load-panel-pane-shown-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.shadow': {
+        readonly cssVar: '--mx-load-panel-pane-shown-shadow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.padding-block': {
+        readonly cssVar: '--mx-load-panel-pane-shown-padding-block';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.padding-inline': {
+        readonly cssVar: '--mx-load-panel-pane-shown-padding-inline';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.pane.shown.min-width': {
+        readonly cssVar: '--mx-load-panel-pane-shown-min-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.message.color': {
+        readonly cssVar: '--mx-load-panel-message-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'load-panel.message.font-size': {
+        readonly cssVar: '--mx-load-panel-message-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
     readonly 'lookup.popup-width': {
         readonly cssVar: '--mx-lookup-popup-width';
         readonly type: 'dimension';
@@ -8905,6 +9435,156 @@ export declare const componentTokens: {
         readonly type: 'dimension';
         readonly layer: 'component';
     };
+    readonly 'popover.offset': {
+        readonly cssVar: '--mx-popover-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.enter-offset': {
+        readonly cssVar: '--mx-popover-enter-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header-gap': {
+        readonly cssVar: '--mx-popover-header-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.close.variant': {
+        readonly cssVar: '--mx-popover-close-variant';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.bg': {
+        readonly cssVar: '--mx-popover-surface-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.border-width': {
+        readonly cssVar: '--mx-popover-surface-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.border-color': {
+        readonly cssVar: '--mx-popover-surface-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.radius': {
+        readonly cssVar: '--mx-popover-surface-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.shadow': {
+        readonly cssVar: '--mx-popover-surface-shadow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.color': {
+        readonly cssVar: '--mx-popover-surface-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.font-size': {
+        readonly cssVar: '--mx-popover-surface-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.line-height': {
+        readonly cssVar: '--mx-popover-surface-line-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.max-width': {
+        readonly cssVar: '--mx-popover-surface-max-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.focus.glow': {
+        readonly cssVar: '--mx-popover-surface-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.focus.outline-width': {
+        readonly cssVar: '--mx-popover-surface-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.focus.outline-color': {
+        readonly cssVar: '--mx-popover-surface-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.surface.focus.outline-offset': {
+        readonly cssVar: '--mx-popover-surface-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.arrow.display': {
+        readonly cssVar: '--mx-popover-arrow-display';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'popover.arrow.size': {
+        readonly cssVar: '--mx-popover-arrow-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.arrow.bg': {
+        readonly cssVar: '--mx-popover-arrow-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.arrow.border-width': {
+        readonly cssVar: '--mx-popover-arrow-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.arrow.border-color': {
+        readonly cssVar: '--mx-popover-arrow-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header.padding-block': {
+        readonly cssVar: '--mx-popover-header-padding-block';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header.padding-start': {
+        readonly cssVar: '--mx-popover-header-padding-start';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header.padding-end': {
+        readonly cssVar: '--mx-popover-header-padding-end';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header.border-bottom-width': {
+        readonly cssVar: '--mx-popover-header-border-bottom-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'popover.header.border-bottom-color': {
+        readonly cssVar: '--mx-popover-header-border-bottom-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.title.font-weight': {
+        readonly cssVar: '--mx-popover-title-font-weight';
+        readonly type: 'fontWeight';
+        readonly layer: 'component';
+    };
+    readonly 'popover.title.color': {
+        readonly cssVar: '--mx-popover-title-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'popover.body.padding': {
+        readonly cssVar: '--mx-popover-body-padding';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
     readonly 'popup.offset': {
         readonly cssVar: '--mx-popup-offset';
         readonly type: 'dimension';
@@ -12285,24 +12965,79 @@ export declare const componentTokens: {
         readonly type: 'keyword';
         readonly layer: 'component';
     };
-    readonly 'scheduler.swipe-icon.width': {
-        readonly cssVar: '--mx-scheduler-swipe-icon-width';
+    readonly 'scheduler.swipe-icon.width': {
+        readonly cssVar: '--mx-scheduler-swipe-icon-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scheduler.swipe-icon.height': {
+        readonly cssVar: '--mx-scheduler-swipe-icon-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scheduler.swipe-icon.icon': {
+        readonly cssVar: '--mx-scheduler-swipe-icon-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'scheduler.swipe-icon.previous.icon': {
+        readonly cssVar: '--mx-scheduler-swipe-icon-previous-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.panel-height': {
+        readonly cssVar: '--mx-scroll-view-panel-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.panel-gap': {
+        readonly cssVar: '--mx-scroll-view-panel-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.box.focus.glow': {
+        readonly cssVar: '--mx-scroll-view-box-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.box.focus.outline-width': {
+        readonly cssVar: '--mx-scroll-view-box-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.box.focus.outline-color': {
+        readonly cssVar: '--mx-scroll-view-box-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.box.focus.outline-offset': {
+        readonly cssVar: '--mx-scroll-view-box-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.pull.color': {
+        readonly cssVar: '--mx-scroll-view-pull-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'scroll-view.pull.font-size': {
+        readonly cssVar: '--mx-scroll-view-pull-font-size';
         readonly type: 'dimension';
         readonly layer: 'component';
     };
-    readonly 'scheduler.swipe-icon.height': {
-        readonly cssVar: '--mx-scheduler-swipe-icon-height';
-        readonly type: 'dimension';
+    readonly 'scroll-view.pull.refreshing.color': {
+        readonly cssVar: '--mx-scroll-view-pull-refreshing-color';
+        readonly type: 'color';
         readonly layer: 'component';
     };
-    readonly 'scheduler.swipe-icon.icon': {
-        readonly cssVar: '--mx-scheduler-swipe-icon-icon';
-        readonly type: 'icon';
+    readonly 'scroll-view.bottom.color': {
+        readonly cssVar: '--mx-scroll-view-bottom-color';
+        readonly type: 'color';
         readonly layer: 'component';
     };
-    readonly 'scheduler.swipe-icon.previous.icon': {
-        readonly cssVar: '--mx-scheduler-swipe-icon-previous-icon';
-        readonly type: 'icon';
+    readonly 'scroll-view.bottom.font-size': {
+        readonly cssVar: '--mx-scroll-view-bottom-font-size';
+        readonly type: 'dimension';
         readonly layer: 'component';
     };
     readonly 'sheet.font-family': {
@@ -13235,6 +13970,76 @@ export declare const componentTokens: {
         readonly type: 'color';
         readonly layer: 'component';
     };
+    readonly 'sortable.gap': {
+        readonly cssVar: '--mx-sortable-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.container.target.bg': {
+        readonly cssVar: '--mx-sortable-container-target-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.sortable.cursor': {
+        readonly cssVar: '--mx-sortable-item-sortable-cursor';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.dragging.opacity': {
+        readonly cssVar: '--mx-sortable-item-dragging-opacity';
+        readonly type: 'number';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.focus.glow': {
+        readonly cssVar: '--mx-sortable-item-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.focus.outline-width': {
+        readonly cssVar: '--mx-sortable-item-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.focus.outline-color': {
+        readonly cssVar: '--mx-sortable-item-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.item.focus.outline-offset': {
+        readonly cssVar: '--mx-sortable-item-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.line.height': {
+        readonly cssVar: '--mx-sortable-line-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.line.radius': {
+        readonly cssVar: '--mx-sortable-line-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.line.bg': {
+        readonly cssVar: '--mx-sortable-line-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.ghost.radius': {
+        readonly cssVar: '--mx-sortable-ghost-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.ghost.shadow': {
+        readonly cssVar: '--mx-sortable-ghost-shadow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'sortable.ghost.opacity': {
+        readonly cssVar: '--mx-sortable-ghost-opacity';
+        readonly type: 'number';
+        readonly layer: 'component';
+    };
     readonly 'spinner.gap': {
         readonly cssVar: '--mx-spinner-gap';
         readonly type: 'dimension';
@@ -13455,6 +14260,291 @@ export declare const componentTokens: {
         readonly type: 'number';
         readonly layer: 'component';
     };
+    readonly 'stepper.font-size.sm': {
+        readonly cssVar: '--mx-stepper-font-size-sm';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.font-size.md': {
+        readonly cssVar: '--mx-stepper-font-size-md';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.font-size.lg': {
+        readonly cssVar: '--mx-stepper-font-size-lg';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.description-font-size': {
+        readonly cssVar: '--mx-stepper-description-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.gap': {
+        readonly cssVar: '--mx-stepper-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line-gap': {
+        readonly cssVar: '--mx-stepper-line-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line-min-length': {
+        readonly cssVar: '--mx-stepper-line-min-length';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.size.sm': {
+        readonly cssVar: '--mx-stepper-size-sm';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.size.md': {
+        readonly cssVar: '--mx-stepper-size-md';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.size.lg': {
+        readonly cssVar: '--mx-stepper-size-lg';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.padding.sm': {
+        readonly cssVar: '--mx-stepper-padding-sm';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.padding.md': {
+        readonly cssVar: '--mx-stepper-padding-md';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.padding.lg': {
+        readonly cssVar: '--mx-stepper-padding-lg';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.radius': {
+        readonly cssVar: '--mx-stepper-step-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.color': {
+        readonly cssVar: '--mx-stepper-step-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.hover.bg': {
+        readonly cssVar: '--mx-stepper-step-hover-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.hover.cursor': {
+        readonly cssVar: '--mx-stepper-step-hover-cursor';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.pressed.bg': {
+        readonly cssVar: '--mx-stepper-step-pressed-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.focus.glow': {
+        readonly cssVar: '--mx-stepper-step-focus-glow';
+        readonly type: 'shadow';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.focus.outline-width': {
+        readonly cssVar: '--mx-stepper-step-focus-outline-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.focus.outline-color': {
+        readonly cssVar: '--mx-stepper-step-focus-outline-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.focus.outline-offset': {
+        readonly cssVar: '--mx-stepper-step-focus-outline-offset';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.disabled.color': {
+        readonly cssVar: '--mx-stepper-step-disabled-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.current.color': {
+        readonly cssVar: '--mx-stepper-step-current-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.step.done.color': {
+        readonly cssVar: '--mx-stepper-step-done-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.radius': {
+        readonly cssVar: '--mx-stepper-indicator-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.bg': {
+        readonly cssVar: '--mx-stepper-indicator-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.border-width': {
+        readonly cssVar: '--mx-stepper-indicator-border-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.border-color': {
+        readonly cssVar: '--mx-stepper-indicator-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.color': {
+        readonly cssVar: '--mx-stepper-indicator-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.font-size': {
+        readonly cssVar: '--mx-stepper-indicator-font-size';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.font-weight': {
+        readonly cssVar: '--mx-stepper-indicator-font-weight';
+        readonly type: 'fontWeight';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.current.bg': {
+        readonly cssVar: '--mx-stepper-indicator-current-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.current.border-color': {
+        readonly cssVar: '--mx-stepper-indicator-current-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.current.color': {
+        readonly cssVar: '--mx-stepper-indicator-current-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.done.bg': {
+        readonly cssVar: '--mx-stepper-indicator-done-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.done.border-color': {
+        readonly cssVar: '--mx-stepper-indicator-done-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.done.color': {
+        readonly cssVar: '--mx-stepper-indicator-done-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.error.bg': {
+        readonly cssVar: '--mx-stepper-indicator-error-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.error.border-color': {
+        readonly cssVar: '--mx-stepper-indicator-error-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.error.color': {
+        readonly cssVar: '--mx-stepper-indicator-error-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.disabled.border-color': {
+        readonly cssVar: '--mx-stepper-indicator-disabled-border-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.disabled.color': {
+        readonly cssVar: '--mx-stepper-indicator-disabled-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.indicator.disabled.bg': {
+        readonly cssVar: '--mx-stepper-indicator-disabled-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.mark.done.icon': {
+        readonly cssVar: '--mx-stepper-mark-done-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.mark.done.bg': {
+        readonly cssVar: '--mx-stepper-mark-done-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.mark.error.icon': {
+        readonly cssVar: '--mx-stepper-mark-error-icon';
+        readonly type: 'icon';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.mark.error.bg': {
+        readonly cssVar: '--mx-stepper-mark-error-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.label.current.font-weight': {
+        readonly cssVar: '--mx-stepper-label-current-font-weight';
+        readonly type: 'fontWeight';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.label.error.color': {
+        readonly cssVar: '--mx-stepper-label-error-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.description.color': {
+        readonly cssVar: '--mx-stepper-description-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.description.disabled.color': {
+        readonly cssVar: '--mx-stepper-description-disabled-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.note.color': {
+        readonly cssVar: '--mx-stepper-note-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line.height': {
+        readonly cssVar: '--mx-stepper-line-height';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line.bg': {
+        readonly cssVar: '--mx-stepper-line-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line.done.bg': {
+        readonly cssVar: '--mx-stepper-line-done-bg';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
+    readonly 'stepper.line.radius': {
+        readonly cssVar: '--mx-stepper-line-radius';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
     readonly 'switch.thumb-inset': {
         readonly cssVar: '--mx-switch-thumb-inset';
         readonly type: 'dimension';
@@ -17615,6 +18705,51 @@ export declare const componentTokens: {
         readonly type: 'color';
         readonly layer: 'component';
     };
+    readonly 'wizard.gap': {
+        readonly cssVar: '--mx-wizard-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.bar-gap': {
+        readonly cssVar: '--mx-wizard-bar-gap';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.rail-width': {
+        readonly cssVar: '--mx-wizard-rail-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.previous.variant': {
+        readonly cssVar: '--mx-wizard-previous-variant';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.next.variant': {
+        readonly cssVar: '--mx-wizard-next-variant';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.next.tone': {
+        readonly cssVar: '--mx-wizard-next-tone';
+        readonly type: 'keyword';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.bar.padding-top': {
+        readonly cssVar: '--mx-wizard-bar-padding-top';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.bar.border-top-width': {
+        readonly cssVar: '--mx-wizard-bar-border-top-width';
+        readonly type: 'dimension';
+        readonly layer: 'component';
+    };
+    readonly 'wizard.bar.border-top-color': {
+        readonly cssVar: '--mx-wizard-bar-border-top-color';
+        readonly type: 'color';
+        readonly layer: 'component';
+    };
 };
 /** A component token name, e.g. `button.radius`. */
 export type ComponentTokenName = keyof typeof componentTokens;