@yahoo/uds 3.66.1 → 3.67.0-beta.1

package/dist/styles/variants.d.cts

@@ -0,0 +1,2067 @@
+//#region src/styles/variants.d.ts
+declare const variants: {
+  checkboxSizeRoot: {
+    readonly sm: "uds-checkbox-size-sm-root";
+    readonly md: "uds-checkbox-size-md-root";
+  };
+  checkboxSizeCheckbox: {
+    readonly sm: "uds-checkbox-size-sm-checkbox";
+    readonly md: "uds-checkbox-size-md-checkbox";
+  };
+  checkboxVariantValueRoot: {
+    readonly checked: "uds-checkbox-variant-value-checked-root";
+    readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
+    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
+  };
+  checkboxVariantRoot: {
+    readonly primary: "uds-checkbox-variant-primary-root";
+    readonly secondary: "uds-checkbox-variant-secondary-root";
+    readonly alert: "uds-checkbox-variant-alert-root";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
+  };
+  checkboxVariantValueCheckbox: {
+    readonly checked: "uds-checkbox-variant-value-checked-checkbox";
+    readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
+    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
+  };
+  checkboxVariantCheckbox: {
+    readonly primary: "uds-checkbox-variant-primary-checkbox";
+    readonly secondary: "uds-checkbox-variant-secondary-checkbox";
+    readonly alert: "uds-checkbox-variant-alert-checkbox";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
+  };
+  checkboxVariantValueCheckboxIcon: {
+    readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
+    readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
+    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
+  };
+  checkboxVariantCheckboxIcon: {
+    readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
+    readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
+    readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
+  };
+  dividerVariantRoot: {
+    readonly primary: "uds-divider-variant-primary-root";
+    readonly secondary: "uds-divider-variant-secondary-root";
+    readonly tertiary: "uds-divider-variant-tertiary-root";
+    readonly muted: "uds-divider-variant-muted-root";
+  };
+  dividerVariantLine: {
+    readonly primary: "uds-divider-variant-primary-line";
+    readonly secondary: "uds-divider-variant-secondary-line";
+    readonly tertiary: "uds-divider-variant-tertiary-line";
+    readonly muted: "uds-divider-variant-muted-line";
+  };
+  dividerVariantLabel: {
+    readonly primary: "uds-divider-variant-primary-label";
+    readonly secondary: "uds-divider-variant-secondary-label";
+    readonly tertiary: "uds-divider-variant-tertiary-label";
+    readonly muted: "uds-divider-variant-muted-label";
+  };
+  switchVariantActiveRoot: {
+    readonly on: "uds-switch-variant-active-on-root";
+    readonly off: "uds-switch-variant-active-off-root";
+  };
+  switchVariantRoot: {
+    readonly default: "uds-switch-variant-default-root";
+  };
+  switchVariantActiveSwitch: {
+    readonly on: "uds-switch-variant-active-on-switch";
+    readonly off: "uds-switch-variant-active-off-switch";
+  };
+  switchVariantSwitch: {
+    readonly default: "uds-switch-variant-default-switch";
+  };
+  switchVariantActiveHandle: {
+    readonly on: "uds-switch-variant-active-on-handle";
+    readonly off: "uds-switch-variant-active-off-handle";
+  };
+  switchVariantHandle: {
+    readonly default: "uds-switch-variant-default-handle";
+  };
+  switchVariantActiveHandleIcon: {
+    readonly on: "uds-switch-variant-active-on-handle-icon";
+    readonly off: "uds-switch-variant-active-off-handle-icon";
+  };
+  switchVariantHandleIcon: {
+    readonly default: "uds-switch-variant-default-handle-icon";
+  };
+  switchSizeRoot: {
+    readonly sm: "uds-switch-size-sm-root";
+    readonly md: "uds-switch-size-md-root";
+  };
+  switchSizeSwitch: {
+    readonly sm: "uds-switch-size-sm-switch";
+    readonly md: "uds-switch-size-md-switch";
+  };
+  switchSizeHandle: {
+    readonly sm: "uds-switch-size-sm-handle";
+    readonly md: "uds-switch-size-md-handle";
+  };
+  switchSizeHandleIcon: {
+    readonly sm: "uds-switch-size-sm-handle-icon";
+    readonly md: "uds-switch-size-md-handle-icon";
+  };
+  buttonSizeRoot: {
+    readonly sm: "uds-button-size-sm-root";
+    readonly md: "uds-button-size-md-root";
+    readonly lg: "uds-button-size-lg-root";
+  };
+  buttonSizeIcon: {
+    readonly sm: "uds-button-size-sm-icon";
+    readonly md: "uds-button-size-md-icon";
+    readonly lg: "uds-button-size-lg-icon";
+  };
+  buttonVariantRoot: {
+    readonly primary: "uds-button-variant-primary-root";
+    readonly secondary: "uds-button-variant-secondary-root";
+    readonly tertiary: "uds-button-variant-tertiary-root";
+    readonly alert: "uds-button-variant-alert-root";
+    readonly 'alert-secondary': "uds-button-variant-alert-secondary-root";
+    readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-root";
+    readonly brand: "uds-button-variant-brand-root";
+    readonly 'brand-secondary': "uds-button-variant-brand-secondary-root";
+    readonly 'brand-tertiary': "uds-button-variant-brand-tertiary-root";
+    readonly info: "uds-button-variant-info-root";
+    readonly 'info-secondary': "uds-button-variant-info-secondary-root";
+    readonly 'info-tertiary': "uds-button-variant-info-tertiary-root";
+    readonly positive: "uds-button-variant-positive-root";
+    readonly 'positive-secondary': "uds-button-variant-positive-secondary-root";
+    readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-root";
+    readonly warning: "uds-button-variant-warning-root";
+    readonly 'warning-secondary': "uds-button-variant-warning-secondary-root";
+    readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-root";
+  };
+  buttonVariantIcon: {
+    readonly primary: "uds-button-variant-primary-icon";
+    readonly secondary: "uds-button-variant-secondary-icon";
+    readonly tertiary: "uds-button-variant-tertiary-icon";
+    readonly alert: "uds-button-variant-alert-icon";
+    readonly 'alert-secondary': "uds-button-variant-alert-secondary-icon";
+    readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-icon";
+    readonly brand: "uds-button-variant-brand-icon";
+    readonly 'brand-secondary': "uds-button-variant-brand-secondary-icon";
+    readonly 'brand-tertiary': "uds-button-variant-brand-tertiary-icon";
+    readonly info: "uds-button-variant-info-icon";
+    readonly 'info-secondary': "uds-button-variant-info-secondary-icon";
+    readonly 'info-tertiary': "uds-button-variant-info-tertiary-icon";
+    readonly positive: "uds-button-variant-positive-icon";
+    readonly 'positive-secondary': "uds-button-variant-positive-secondary-icon";
+    readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-icon";
+    readonly warning: "uds-button-variant-warning-icon";
+    readonly 'warning-secondary': "uds-button-variant-warning-secondary-icon";
+    readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-icon";
+  };
+  chipSizeRoot: {
+    readonly sm: "uds-chip-size-sm-root";
+    readonly md: "uds-chip-size-md-root";
+  };
+  chipSizeIcon: {
+    readonly sm: "uds-chip-size-sm-icon";
+    readonly md: "uds-chip-size-md-icon";
+  };
+  chipToggleVariantActiveRoot: {
+    readonly on: "uds-chip-toggle-variant-active-on-root";
+    readonly off: "uds-chip-toggle-variant-active-off-root";
+  };
+  chipToggleVariantRoot: {
+    readonly primary: "uds-chip-toggle-variant-primary-root";
+    readonly secondary: "uds-chip-toggle-variant-secondary-root";
+    readonly brand: "uds-chip-toggle-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
+  };
+  chipToggleVariantActiveIcon: {
+    readonly on: "uds-chip-toggle-variant-active-on-icon";
+    readonly off: "uds-chip-toggle-variant-active-off-icon";
+  };
+  chipToggleVariantIcon: {
+    readonly primary: "uds-chip-toggle-variant-primary-icon";
+    readonly secondary: "uds-chip-toggle-variant-secondary-icon";
+    readonly brand: "uds-chip-toggle-variant-brand-icon";
+    readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
+  };
+  chipDismissibleVariantRoot: {
+    readonly primary: "uds-chip-dismissible-variant-primary-root";
+    readonly secondary: "uds-chip-dismissible-variant-secondary-root";
+    readonly brand: "uds-chip-dismissible-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
+  };
+  chipDismissibleVariantIcon: {
+    readonly primary: "uds-chip-dismissible-variant-primary-icon";
+    readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
+    readonly brand: "uds-chip-dismissible-variant-brand-icon";
+    readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-icon";
+  };
+  chipLinkVariantRoot: {
+    readonly primary: "uds-chip-link-variant-primary-root";
+    readonly secondary: "uds-chip-link-variant-secondary-root";
+    readonly brand: "uds-chip-link-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
+  };
+  chipLinkVariantIcon: {
+    readonly primary: "uds-chip-link-variant-primary-icon";
+    readonly secondary: "uds-chip-link-variant-secondary-icon";
+    readonly brand: "uds-chip-link-variant-brand-icon";
+    readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-icon";
+  };
+  radioVariantValueRoot: {
+    readonly checked: "uds-radio-variant-value-checked-root";
+    readonly unchecked: "uds-radio-variant-value-unchecked-root";
+  };
+  radioVariantRoot: {
+    readonly primary: "uds-radio-variant-primary-root";
+    readonly secondary: "uds-radio-variant-secondary-root";
+    readonly alert: "uds-radio-variant-alert-root";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
+  };
+  radioVariantValueRadio: {
+    readonly checked: "uds-radio-variant-value-checked-radio";
+    readonly unchecked: "uds-radio-variant-value-unchecked-radio";
+  };
+  radioVariantRadio: {
+    readonly primary: "uds-radio-variant-primary-radio";
+    readonly secondary: "uds-radio-variant-secondary-radio";
+    readonly alert: "uds-radio-variant-alert-radio";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
+  };
+  radioVariantValueRadioCircle: {
+    readonly checked: "uds-radio-variant-value-checked-radio-circle";
+    readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
+  };
+  radioVariantRadioCircle: {
+    readonly primary: "uds-radio-variant-primary-radio-circle";
+    readonly secondary: "uds-radio-variant-secondary-radio-circle";
+    readonly alert: "uds-radio-variant-alert-radio-circle";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
+  };
+  radioSizeRoot: {
+    readonly sm: "uds-radio-size-sm-root";
+    readonly md: "uds-radio-size-md-root";
+  };
+  radioSizeRadio: {
+    readonly sm: "uds-radio-size-sm-radio";
+    readonly md: "uds-radio-size-md-radio";
+  };
+  linkTextStyleRoot: {
+    readonly display1: "uds-link-text-style-display-1-root";
+    readonly display2: "uds-link-text-style-display-2-root";
+    readonly display3: "uds-link-text-style-display-3-root";
+    readonly title1: "uds-link-text-style-title-1-root";
+    readonly title2: "uds-link-text-style-title-2-root";
+    readonly title3: "uds-link-text-style-title-3-root";
+    readonly title4: "uds-link-text-style-title-4-root";
+    readonly headline1: "uds-link-text-style-headline-1-root";
+    readonly body1: "uds-link-text-style-body-1-root";
+    readonly label1: "uds-link-text-style-label-1-root";
+    readonly label2: "uds-link-text-style-label-2-root";
+    readonly label3: "uds-link-text-style-label-3-root";
+    readonly label4: "uds-link-text-style-label-4-root";
+    readonly caption1: "uds-link-text-style-caption-1-root";
+    readonly caption2: "uds-link-text-style-caption-2-root";
+    readonly legal1: "uds-link-text-style-legal-1-root";
+    readonly ui1: "uds-link-text-style-ui-1-root";
+    readonly ui2: "uds-link-text-style-ui-2-root";
+    readonly ui3: "uds-link-text-style-ui-3-root";
+    readonly ui4: "uds-link-text-style-ui-4-root";
+    readonly ui5: "uds-link-text-style-ui-5-root";
+    readonly ui6: "uds-link-text-style-ui-6-root";
+  };
+  linkTextStyleIcon: {
+    readonly display1: "uds-link-text-style-display-1-icon";
+    readonly display2: "uds-link-text-style-display-2-icon";
+    readonly display3: "uds-link-text-style-display-3-icon";
+    readonly title1: "uds-link-text-style-title-1-icon";
+    readonly title2: "uds-link-text-style-title-2-icon";
+    readonly title3: "uds-link-text-style-title-3-icon";
+    readonly title4: "uds-link-text-style-title-4-icon";
+    readonly headline1: "uds-link-text-style-headline-1-icon";
+    readonly body1: "uds-link-text-style-body-1-icon";
+    readonly label1: "uds-link-text-style-label-1-icon";
+    readonly label2: "uds-link-text-style-label-2-icon";
+    readonly label3: "uds-link-text-style-label-3-icon";
+    readonly label4: "uds-link-text-style-label-4-icon";
+    readonly caption1: "uds-link-text-style-caption-1-icon";
+    readonly caption2: "uds-link-text-style-caption-2-icon";
+    readonly legal1: "uds-link-text-style-legal-1-icon";
+    readonly ui1: "uds-link-text-style-ui-1-icon";
+    readonly ui2: "uds-link-text-style-ui-2-icon";
+    readonly ui3: "uds-link-text-style-ui-3-icon";
+    readonly ui4: "uds-link-text-style-ui-4-icon";
+    readonly ui5: "uds-link-text-style-ui-5-icon";
+    readonly ui6: "uds-link-text-style-ui-6-icon";
+  };
+  linkVariantRoot: {
+    readonly primary: "uds-link-variant-primary-root";
+    readonly secondary: "uds-link-variant-secondary-root";
+    readonly tertiary: "uds-link-variant-tertiary-root";
+    readonly 'on-color': "uds-link-variant-on-color-root";
+  };
+  linkVariantIconStart: {
+    readonly primary: "uds-link-variant-primary-icon-start";
+    readonly secondary: "uds-link-variant-secondary-icon-start";
+    readonly tertiary: "uds-link-variant-tertiary-icon-start";
+    readonly 'on-color': "uds-link-variant-on-color-icon-start";
+  };
+  linkVariantIconEnd: {
+    readonly primary: "uds-link-variant-primary-icon-end";
+    readonly secondary: "uds-link-variant-secondary-icon-end";
+    readonly tertiary: "uds-link-variant-tertiary-icon-end";
+    readonly 'on-color': "uds-link-variant-on-color-icon-end";
+  };
+  badgeSizeRoot: {
+    readonly xs: "uds-badge-size-xs-root";
+    readonly sm: "uds-badge-size-sm-root";
+    readonly md: "uds-badge-size-md-root";
+    readonly lg: "uds-badge-size-lg-root";
+  };
+  badgeSizeIcon: {
+    readonly xs: "uds-badge-size-xs-icon";
+    readonly sm: "uds-badge-size-sm-icon";
+    readonly md: "uds-badge-size-md-icon";
+    readonly lg: "uds-badge-size-lg-icon";
+  };
+  badgeVariantRoot: {
+    readonly primary: "uds-badge-variant-primary-root";
+    readonly secondary: "uds-badge-variant-secondary-root";
+    readonly brand: "uds-badge-variant-brand-root";
+    readonly 'brand-secondary': "uds-badge-variant-brand-secondary-root";
+    readonly alert: "uds-badge-variant-alert-root";
+    readonly 'alert-secondary': "uds-badge-variant-alert-secondary-root";
+    readonly warning: "uds-badge-variant-warning-root";
+    readonly 'warning-secondary': "uds-badge-variant-warning-secondary-root";
+    readonly positive: "uds-badge-variant-positive-root";
+    readonly 'positive-secondary': "uds-badge-variant-positive-secondary-root";
+    readonly info: "uds-badge-variant-info-root";
+    readonly 'info-secondary': "uds-badge-variant-info-secondary-root";
+  };
+  badgeVariantIcon: {
+    readonly primary: "uds-badge-variant-primary-icon";
+    readonly secondary: "uds-badge-variant-secondary-icon";
+    readonly brand: "uds-badge-variant-brand-icon";
+    readonly 'brand-secondary': "uds-badge-variant-brand-secondary-icon";
+    readonly alert: "uds-badge-variant-alert-icon";
+    readonly 'alert-secondary': "uds-badge-variant-alert-secondary-icon";
+    readonly warning: "uds-badge-variant-warning-icon";
+    readonly 'warning-secondary': "uds-badge-variant-warning-secondary-icon";
+    readonly positive: "uds-badge-variant-positive-icon";
+    readonly 'positive-secondary': "uds-badge-variant-positive-secondary-icon";
+    readonly info: "uds-badge-variant-info-icon";
+    readonly 'info-secondary': "uds-badge-variant-info-secondary-icon";
+  };
+  inputSizeRoot: {
+    readonly md: "uds-input-size-md-root";
+    readonly lg: "uds-input-size-lg-root";
+  };
+  inputSizeInputWrapper: {
+    readonly md: "uds-input-size-md-input-wrapper";
+    readonly lg: "uds-input-size-lg-input-wrapper";
+  };
+  inputSizeInput: {
+    readonly md: "uds-input-size-md-input";
+    readonly lg: "uds-input-size-lg-input";
+  };
+  inputSizeStartIcon: {
+    readonly md: "uds-input-size-md-start-icon";
+    readonly lg: "uds-input-size-lg-start-icon";
+  };
+  inputSizeEndIcon: {
+    readonly md: "uds-input-size-md-end-icon";
+    readonly lg: "uds-input-size-lg-end-icon";
+  };
+  inputSizeLabel: {
+    readonly md: "uds-input-size-md-label";
+    readonly lg: "uds-input-size-lg-label";
+  };
+  inputSizeHelperIcon: {
+    readonly md: "uds-input-size-md-helper-icon";
+    readonly lg: "uds-input-size-lg-helper-icon";
+  };
+  inputSizeHelperText: {
+    readonly md: "uds-input-size-md-helper-text";
+    readonly lg: "uds-input-size-lg-helper-text";
+  };
+  inputVariantValueRoot: {
+    readonly filled: "uds-input-variant-value-filled-root";
+    readonly empty: "uds-input-variant-value-empty-root";
+  };
+  inputVariantRoot: {
+    readonly default: "uds-input-variant-default-root";
+  };
+  inputVariantValueInputWrapper: {
+    readonly filled: "uds-input-variant-value-filled-input-wrapper";
+    readonly empty: "uds-input-variant-value-empty-input-wrapper";
+  };
+  inputVariantInputWrapper: {
+    readonly default: "uds-input-variant-default-input-wrapper";
+  };
+  inputVariantValueInput: {
+    readonly filled: "uds-input-variant-value-filled-input";
+    readonly empty: "uds-input-variant-value-empty-input";
+  };
+  inputVariantInput: {
+    readonly default: "uds-input-variant-default-input";
+  };
+  inputVariantValueInputPlaceholder: {
+    readonly filled: "uds-input-variant-value-filled-input-placeholder";
+    readonly empty: "uds-input-variant-value-empty-input-placeholder";
+  };
+  inputVariantInputPlaceholder: {
+    readonly default: "uds-input-variant-default-input-placeholder";
+  };
+  inputVariantValueStartIcon: {
+    readonly filled: "uds-input-variant-value-filled-start-icon";
+    readonly empty: "uds-input-variant-value-empty-start-icon";
+  };
+  inputVariantStartIcon: {
+    readonly default: "uds-input-variant-default-start-icon";
+  };
+  inputVariantValueEndIcon: {
+    readonly filled: "uds-input-variant-value-filled-end-icon";
+    readonly empty: "uds-input-variant-value-empty-end-icon";
+  };
+  inputVariantEndIcon: {
+    readonly default: "uds-input-variant-default-end-icon";
+  };
+  inputVariantValueLabel: {
+    readonly filled: "uds-input-variant-value-filled-label";
+    readonly empty: "uds-input-variant-value-empty-label";
+  };
+  inputVariantLabel: {
+    readonly default: "uds-input-variant-default-label";
+  };
+  inputVariantValueLabelRequired: {
+    readonly filled: "uds-input-variant-value-filled-label-required";
+    readonly empty: "uds-input-variant-value-empty-label-required";
+  };
+  inputVariantLabelRequired: {
+    readonly default: "uds-input-variant-default-label-required";
+  };
+  inputVariantValueHelperIcon: {
+    readonly filled: "uds-input-variant-value-filled-helper-icon";
+    readonly empty: "uds-input-variant-value-empty-helper-icon";
+  };
+  inputVariantHelperIcon: {
+    readonly default: "uds-input-variant-default-helper-icon";
+  };
+  inputVariantValueHelperText: {
+    readonly filled: "uds-input-variant-value-filled-helper-text";
+    readonly empty: "uds-input-variant-value-empty-helper-text";
+  };
+  inputVariantHelperText: {
+    readonly default: "uds-input-variant-default-helper-text";
+  };
+  avatarSizeRoot: {
+    readonly xs: "uds-avatar-size-xs-root";
+    readonly sm: "uds-avatar-size-sm-root";
+    readonly md: "uds-avatar-size-md-root";
+    readonly lg: "uds-avatar-size-lg-root";
+    readonly xl: "uds-avatar-size-xl-root";
+  };
+  avatarSizeIcon: {
+    readonly xs: "uds-avatar-size-xs-icon";
+    readonly sm: "uds-avatar-size-sm-icon";
+    readonly md: "uds-avatar-size-md-icon";
+    readonly lg: "uds-avatar-size-lg-icon";
+    readonly xl: "uds-avatar-size-xl-icon";
+  };
+  avatarTextVariantRoot: {
+    readonly primary: "uds-avatar-text-variant-primary-root";
+    readonly secondary: "uds-avatar-text-variant-secondary-root";
+  };
+  avatarImageVariantRoot: {
+    readonly primary: "uds-avatar-image-variant-primary-root";
+    readonly secondary: "uds-avatar-image-variant-secondary-root";
+  };
+  avatarIconVariantRoot: {
+    readonly primary: "uds-avatar-icon-variant-primary-root";
+    readonly secondary: "uds-avatar-icon-variant-secondary-root";
+  };
+  iconbuttonSizeRoot: {
+    readonly xs: "uds-iconbutton-size-xs-root";
+    readonly sm: "uds-iconbutton-size-sm-root";
+    readonly md: "uds-iconbutton-size-md-root";
+    readonly lg: "uds-iconbutton-size-lg-root";
+    readonly xl: "uds-iconbutton-size-xl-root";
+  };
+  iconbuttonSizeIcon: {
+    readonly xs: "uds-iconbutton-size-xs-icon";
+    readonly sm: "uds-iconbutton-size-sm-icon";
+    readonly md: "uds-iconbutton-size-md-icon";
+    readonly lg: "uds-iconbutton-size-lg-icon";
+    readonly xl: "uds-iconbutton-size-xl-icon";
+  };
+  menuSizeRoot: {
+    readonly default: "uds-menu-size-default-root";
+  };
+  menuSizeStartIcon: {
+    readonly default: "uds-menu-size-default-start-icon";
+  };
+  menuSizeEndIcon: {
+    readonly default: "uds-menu-size-default-end-icon";
+  };
+  menuItemVariantActiveRoot: {
+    readonly on: "uds-menu-item-variant-active-on-root";
+    readonly off: "uds-menu-item-variant-active-off-root";
+  };
+  menuItemVariantRoot: {
+    readonly default: "uds-menu-item-variant-default-root";
+  };
+  menuItemVariantActiveText: {
+    readonly on: "uds-menu-item-variant-active-on-text";
+    readonly off: "uds-menu-item-variant-active-off-text";
+  };
+  menuItemVariantText: {
+    readonly default: "uds-menu-item-variant-default-text";
+  };
+  menuItemVariantActiveIcon: {
+    readonly on: "uds-menu-item-variant-active-on-icon";
+    readonly off: "uds-menu-item-variant-active-off-icon";
+  };
+  menuItemVariantIcon: {
+    readonly default: "uds-menu-item-variant-default-icon";
+  };
+  menuItemCheckboxVariantActiveRoot: {
+    readonly on: "uds-menu-item-checkbox-variant-active-on-root";
+    readonly off: "uds-menu-item-checkbox-variant-active-off-root";
+  };
+  menuItemCheckboxVariantRoot: {
+    readonly default: "uds-menu-item-checkbox-variant-default-root";
+  };
+  menuItemCheckboxVariantActiveText: {
+    readonly on: "uds-menu-item-checkbox-variant-active-on-text";
+    readonly off: "uds-menu-item-checkbox-variant-active-off-text";
+  };
+  menuItemCheckboxVariantText: {
+    readonly default: "uds-menu-item-checkbox-variant-default-text";
+  };
+  menuItemCheckboxVariantActiveStartIcon: {
+    readonly on: "uds-menu-item-checkbox-variant-active-on-start-icon";
+    readonly off: "uds-menu-item-checkbox-variant-active-off-start-icon";
+  };
+  menuItemCheckboxVariantStartIcon: {
+    readonly default: "uds-menu-item-checkbox-variant-default-start-icon";
+  };
+  menuItemCheckboxVariantActiveEndIcon: {
+    readonly on: "uds-menu-item-checkbox-variant-active-on-end-icon";
+    readonly off: "uds-menu-item-checkbox-variant-active-off-end-icon";
+  };
+  menuItemCheckboxVariantEndIcon: {
+    readonly default: "uds-menu-item-checkbox-variant-default-end-icon";
+  };
+  menuDividerVariantRoot: {
+    readonly default: "uds-menu-divider-variant-default-root";
+  };
+  menuDividerVariantText: {
+    readonly default: "uds-menu-divider-variant-default-text";
+  };
+  menuDividerVariantLine: {
+    readonly default: "uds-menu-divider-variant-default-line";
+  };
+  color: {
+    accent: string;
+    alert: string;
+    'alert-secondary': string;
+    black: string;
+    brand: string;
+    'brand-secondary': string;
+    positive: string;
+    'positive-secondary': string;
+    warning: string;
+    'warning-secondary': string;
+    info: string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    'on-color': string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+  };
+  placeholderColor: {
+    accent: string;
+    alert: string;
+    'alert-secondary': string;
+    black: string;
+    brand: string;
+    'brand-secondary': string;
+    positive: string;
+    'positive-secondary': string;
+    warning: string;
+    'warning-secondary': string;
+    info: string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    'on-color': string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+  };
+  fontFamily: {
+    sans: string;
+    'sans-alt': string;
+    serif: string;
+    'serif-alt': string;
+    mono: string;
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+  };
+  fontSize: {
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+  };
+  fontWeight: {
+    thin: string;
+    extralight: string;
+    light: string;
+    regular: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+    extrabold: string;
+    black: string;
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+  };
+  lineHeight: {
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+  };
+  letterSpacing: {
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+  };
+  textAlign: {
+    center: string;
+    justify: string;
+    start: string;
+    end: string;
+  };
+  textTransform: {
+    display1: string;
+    display2: string;
+    display3: string;
+    title1: string;
+    title2: string;
+    title3: string;
+    title4: string;
+    headline1: string;
+    body1: string;
+    label1: string;
+    label2: string;
+    label3: string;
+    label4: string;
+    caption1: string;
+    caption2: string;
+    legal1: string;
+    'display1/emphasized': string;
+    'display2/emphasized': string;
+    'display3/emphasized': string;
+    'title1/emphasized': string;
+    'title2/emphasized': string;
+    'title3/emphasized': string;
+    'title4/emphasized': string;
+    'headline1/emphasized': string;
+    'body1/emphasized': string;
+    'label1/emphasized': string;
+    'label2/emphasized': string;
+    'label3/emphasized': string;
+    'label4/emphasized': string;
+    'caption1/emphasized': string;
+    'caption2/emphasized': string;
+    'legal1/emphasized': string;
+    ui1: string;
+    ui2: string;
+    ui3: string;
+    ui4: string;
+    ui5: string;
+    ui6: string;
+    'ui1/emphasized': string;
+    'ui2/emphasized': string;
+    'ui3/emphasized': string;
+    'ui4/emphasized': string;
+    'ui5/emphasized': string;
+    'ui6/emphasized': string;
+    none: string;
+    uppercase: string;
+    lowercase: string;
+    capitalize: string;
+  };
+  spacing: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingHorizontal: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingVertical: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingBottom: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingEnd: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingStart: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  spacingTop: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offset: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetVertical: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetHorizontal: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetBottom: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetEnd: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetStart: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  offsetTop: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  columnGap: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  rowGap: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  backgroundColor: {
+    accent: string;
+    alert: string;
+    brand: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'alert-secondary': string;
+    'brand-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    primary: string;
+    secondary: string;
+    white: string;
+    black: string;
+    transparent: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderColor: {
+    accent: string;
+    black: string;
+    brand: string;
+    alert: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'brand-secondary': string;
+    'alert-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderStartColor: {
+    accent: string;
+    alert: string;
+    brand: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'alert-secondary': string;
+    'brand-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    black: string;
+    white: string;
+    transparent: string;
+    muted: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderEndColor: {
+    accent: string;
+    alert: string;
+    black: string;
+    brand: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'alert-secondary': string;
+    'brand-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderBottomColor: {
+    accent: string;
+    alert: string;
+    black: string;
+    brand: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'alert-secondary': string;
+    'brand-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderTopColor: {
+    accent: string;
+    alert: string;
+    black: string;
+    brand: string;
+    positive: string;
+    warning: string;
+    info: string;
+    'alert-secondary': string;
+    'brand-secondary': string;
+    'positive-secondary': string;
+    'warning-secondary': string;
+    'info-secondary': string;
+    white: string;
+    transparent: string;
+    muted: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    current: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderRadius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  borderTopStartRadius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  borderTopEndRadius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  borderBottomStartRadius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  borderBottomEndRadius: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  borderWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderVerticalWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderHorizontalWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderStartWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderEndWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderTopWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  borderBottomWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  avatarSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  iconSize: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  alignContent: {
+    'flex-start': string;
+    'flex-end': string;
+    center: string;
+    stretch: string;
+    'space-between': string;
+    'space-around': string;
+  };
+  alignItems: {
+    'flex-start': string;
+    'flex-end': string;
+    center: string;
+    stretch: string;
+    baseline: string;
+  };
+  alignSelf: {
+    auto: string;
+    'flex-start': string;
+    'flex-end': string;
+    center: string;
+    stretch: string;
+    baseline: string;
+  };
+  flex: {
+    '1': string;
+    auto: string;
+    initial: string;
+    none: string;
+  };
+  flexDirection: {
+    row: string;
+    column: string;
+    'row-reverse': string;
+    'column-reverse': string;
+  };
+  flexGrow: {
+    '0': string;
+    '1': string;
+    '2': string;
+    '3': string;
+  };
+  flexShrink: {
+    '0': string;
+    '1': string;
+  };
+  flexWrap: {
+    wrap: string;
+    'wrap-reverse': string;
+    nowrap: string;
+  };
+  justifyContent: {
+    'flex-start': string;
+    'flex-end': string;
+    center: string;
+    'space-between': string;
+    'space-around': string;
+    'space-evenly': string;
+  };
+  flexBasis: {
+    'min-content': string;
+  };
+  display: {
+    block: string;
+    'inline-block': string;
+    inline: string;
+    flex: string;
+    'inline-flex': string;
+    table: string;
+    'inline-table': string;
+    'table-caption': string;
+    'table-cell': string;
+    'table-column': string;
+    'table-column-group': string;
+    'table-footer-group': string;
+    'table-header-group': string;
+    'table-row-group': string;
+    'table-row': string;
+    'flow-root': string;
+    grid: string;
+    contents: string;
+  };
+  overflow: {
+    auto: string;
+    hidden: string;
+    clip: string;
+    visible: string;
+    scroll: string;
+  };
+  overflowX: {
+    auto: string;
+    hidden: string;
+    clip: string;
+    visible: string;
+    scroll: string;
+  };
+  overflowY: {
+    auto: string;
+    hidden: string;
+    clip: string;
+    visible: string;
+    scroll: string;
+  };
+  position: {
+    static: string;
+    fixed: string;
+    absolute: string;
+    relative: string;
+    sticky: string;
+  };
+  contentFit: {
+    contain: string;
+    cover: string;
+    fill: string;
+    none: string;
+    'scale-down': string;
+  };
+  colorMode: {
+    dark: string;
+    light: string;
+  };
+  scaleMode: {
+    xSmall: string;
+    small: string;
+    medium: string;
+    large: string;
+    xLarge: string;
+    xxxLarge: string;
+    xxLarge: string;
+  };
+  width: {
+    full: string;
+    fit: string;
+    screen: string;
+  };
+  height: {
+    full: string;
+    fit: string;
+    screen: string;
+  };
+  dropShadow: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  insetShadow: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    'xs-invert': string;
+    'sm-invert': string;
+    'md-invert': string;
+    'lg-invert': string;
+    'xl-invert': string;
+    '2xl-invert': string;
+  };
+  nestedBorderRadiusSize: {
+    none: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+  };
+  nestedBorderRadiusWidth: {
+    none: string;
+    thin: string;
+    medium: string;
+    thick: string;
+    'elevation-0': string;
+    'elevation-1': string;
+    'elevation-2': string;
+    'elevation-3': string;
+    'elevation-4': string;
+    'elevation-5': string;
+  };
+  nestedBorderRadiusSpacing: {
+    '0': string;
+    px: string;
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+    '3': string;
+    '3.5': string;
+    '4': string;
+    '4.5': string;
+    '5': string;
+    '5.5': string;
+    '6': string;
+    '7': string;
+    '8': string;
+    '9': string;
+    '10': string;
+    '11': string;
+    '12': string;
+    '14': string;
+    '16': string;
+    '20': string;
+    '24': string;
+    '28': string;
+    '32': string;
+    '36': string;
+    '40': string;
+    '44': string;
+    '48': string;
+    '52': string;
+    '56': string;
+    '60': string;
+    '64': string;
+    '72': string;
+    '80': string;
+    '96': string;
+  };
+  nestedBorderRadius: {
+    true: string;
+    first: string;
+    last: string;
+  };
+};
+//#endregion
+export { variants };