
//#region src/styles/variants.d.ts
declare const variants: {
  avatarIconVariantRoot: {
    readonly default: "uds-avatar-icon-variant-default-root";
    readonly primary: "uds-avatar-icon-variant-primary-root";
    readonly secondary: "uds-avatar-icon-variant-secondary-root";
  };
  avatarImageVariantRoot: {
    readonly default: "uds-avatar-image-variant-default-root";
    readonly primary: "uds-avatar-image-variant-primary-root";
    readonly secondary: "uds-avatar-image-variant-secondary-root";
  };
  avatarSizeIcon: {
    readonly default: "uds-avatar-size-default-icon";
    readonly lg: "uds-avatar-size-lg-icon";
    readonly md: "uds-avatar-size-md-icon";
    readonly sm: "uds-avatar-size-sm-icon";
    readonly xl: "uds-avatar-size-xl-icon";
    readonly xs: "uds-avatar-size-xs-icon";
  };
  avatarSizeRoot: {
    readonly default: "uds-avatar-size-default-root";
    readonly lg: "uds-avatar-size-lg-root";
    readonly md: "uds-avatar-size-md-root";
    readonly sm: "uds-avatar-size-sm-root";
    readonly xl: "uds-avatar-size-xl-root";
    readonly xs: "uds-avatar-size-xs-root";
  };
  avatarTextVariantRoot: {
    readonly default: "uds-avatar-text-variant-default-root";
    readonly primary: "uds-avatar-text-variant-primary-root";
    readonly secondary: "uds-avatar-text-variant-secondary-root";
  };
  badgeSizeIcon: {
    readonly default: "uds-badge-size-default-icon";
    readonly lg: "uds-badge-size-lg-icon";
    readonly md: "uds-badge-size-md-icon";
    readonly sm: "uds-badge-size-sm-icon";
    readonly xs: "uds-badge-size-xs-icon";
  };
  badgeSizeRoot: {
    readonly default: "uds-badge-size-default-root";
    readonly lg: "uds-badge-size-lg-root";
    readonly md: "uds-badge-size-md-root";
    readonly sm: "uds-badge-size-sm-root";
    readonly xs: "uds-badge-size-xs-root";
  };
  badgeVariantIcon: {
    readonly alert: "uds-badge-variant-alert-icon";
    readonly "alert-secondary": "uds-badge-variant-alert-secondary-icon";
    readonly brand: "uds-badge-variant-brand-icon";
    readonly "brand-secondary": "uds-badge-variant-brand-secondary-icon";
    readonly default: "uds-badge-variant-default-icon";
    readonly info: "uds-badge-variant-info-icon";
    readonly "info-secondary": "uds-badge-variant-info-secondary-icon";
    readonly positive: "uds-badge-variant-positive-icon";
    readonly "positive-secondary": "uds-badge-variant-positive-secondary-icon";
    readonly primary: "uds-badge-variant-primary-icon";
    readonly secondary: "uds-badge-variant-secondary-icon";
    readonly warning: "uds-badge-variant-warning-icon";
    readonly "warning-secondary": "uds-badge-variant-warning-secondary-icon";
  };
  badgeVariantRoot: {
    readonly alert: "uds-badge-variant-alert-root";
    readonly "alert-secondary": "uds-badge-variant-alert-secondary-root";
    readonly brand: "uds-badge-variant-brand-root";
    readonly "brand-secondary": "uds-badge-variant-brand-secondary-root";
    readonly default: "uds-badge-variant-default-root";
    readonly info: "uds-badge-variant-info-root";
    readonly "info-secondary": "uds-badge-variant-info-secondary-root";
    readonly positive: "uds-badge-variant-positive-root";
    readonly "positive-secondary": "uds-badge-variant-positive-secondary-root";
    readonly primary: "uds-badge-variant-primary-root";
    readonly secondary: "uds-badge-variant-secondary-root";
    readonly warning: "uds-badge-variant-warning-root";
    readonly "warning-secondary": "uds-badge-variant-warning-secondary-root";
  };
  bottomsheetVariantHandleIndicator: {
    readonly default: "uds-bottomsheet-variant-default-handleindicator";
  };
  bottomsheetVariantHeader: {
    readonly default: "uds-bottomsheet-variant-default-header";
  };
  bottomsheetVariantRoot: {
    readonly default: "uds-bottomsheet-variant-default-root";
  };
  buttonSizeIcon: {
    readonly default: "uds-button-size-default-icon";
    readonly lg: "uds-button-size-lg-icon";
    readonly md: "uds-button-size-md-icon";
    readonly sm: "uds-button-size-sm-icon";
    readonly xs: "uds-button-size-xs-icon";
  };
  buttonSizeRoot: {
    readonly default: "uds-button-size-default-root";
    readonly lg: "uds-button-size-lg-root";
    readonly md: "uds-button-size-md-root";
    readonly sm: "uds-button-size-sm-root";
    readonly xs: "uds-button-size-xs-root";
  };
  buttonVariantIcon: {
    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 "contrast-high": "uds-button-variant-contrast-high-icon";
    readonly "contrast-low": "uds-button-variant-contrast-low-icon";
    readonly "contrast-medium": "uds-button-variant-contrast-medium-icon";
    readonly default: "uds-button-variant-default-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 primary: "uds-button-variant-primary-icon";
    readonly secondary: "uds-button-variant-secondary-icon";
    readonly tertiary: "uds-button-variant-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";
  };
  buttonVariantRoot: {
    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 "contrast-high": "uds-button-variant-contrast-high-root";
    readonly "contrast-low": "uds-button-variant-contrast-low-root";
    readonly "contrast-medium": "uds-button-variant-contrast-medium-root";
    readonly default: "uds-button-variant-default-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 primary: "uds-button-variant-primary-root";
    readonly secondary: "uds-button-variant-secondary-root";
    readonly tertiary: "uds-button-variant-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";
  };
  checkboxSizeCheckbox: {
    readonly default: "uds-checkbox-size-default-checkbox";
    readonly md: "uds-checkbox-size-md-checkbox";
    readonly sm: "uds-checkbox-size-sm-checkbox";
  };
  checkboxSizeRoot: {
    readonly default: "uds-checkbox-size-default-root";
    readonly md: "uds-checkbox-size-md-root";
    readonly sm: "uds-checkbox-size-sm-root";
  };
  checkboxVariantCheckbox: {
    readonly alert: "uds-checkbox-variant-alert-checkbox";
    readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-checkbox";
    readonly default: "uds-checkbox-variant-default-checkbox";
    readonly primary: "uds-checkbox-variant-primary-checkbox";
    readonly secondary: "uds-checkbox-variant-secondary-checkbox";
  };
  checkboxVariantCheckboxIcon: {
    readonly alert: "uds-checkbox-variant-alert-checkboxicon";
    readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-checkboxicon";
    readonly default: "uds-checkbox-variant-default-checkboxicon";
    readonly primary: "uds-checkbox-variant-primary-checkboxicon";
    readonly secondary: "uds-checkbox-variant-secondary-checkboxicon";
  };
  checkboxVariantRoot: {
    readonly alert: "uds-checkbox-variant-alert-root";
    readonly "alert-secondary": "uds-checkbox-variant-alert-secondary-root";
    readonly default: "uds-checkbox-variant-default-root";
    readonly primary: "uds-checkbox-variant-primary-root";
    readonly secondary: "uds-checkbox-variant-secondary-root";
  };
  checkboxVariantValueCheckbox: {
    readonly checked: "uds-checkbox-variant-value-checked-checkbox";
    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox";
    readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox";
  };
  checkboxVariantValueCheckboxIcon: {
    readonly checked: "uds-checkbox-variant-value-checked-checkboxicon";
    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkboxicon";
    readonly unchecked: "uds-checkbox-variant-value-unchecked-checkboxicon";
  };
  checkboxVariantValueRoot: {
    readonly checked: "uds-checkbox-variant-value-checked-root";
    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-root";
    readonly unchecked: "uds-checkbox-variant-value-unchecked-root";
  };
  chipDismissibleVariantIcon: {
    readonly brand: "uds-chip-dismissible-variant-brand-icon";
    readonly "brand-secondary": "uds-chip-dismissible-variant-brand-secondary-icon";
    readonly default: "uds-chip-dismissible-variant-default-icon";
    readonly primary: "uds-chip-dismissible-variant-primary-icon";
    readonly secondary: "uds-chip-dismissible-variant-secondary-icon";
  };
  chipDismissibleVariantRoot: {
    readonly brand: "uds-chip-dismissible-variant-brand-root";
    readonly "brand-secondary": "uds-chip-dismissible-variant-brand-secondary-root";
    readonly default: "uds-chip-dismissible-variant-default-root";
    readonly primary: "uds-chip-dismissible-variant-primary-root";
    readonly secondary: "uds-chip-dismissible-variant-secondary-root";
  };
  chipLinkVariantIcon: {
    readonly brand: "uds-chip-link-variant-brand-icon";
    readonly "brand-secondary": "uds-chip-link-variant-brand-secondary-icon";
    readonly default: "uds-chip-link-variant-default-icon";
    readonly primary: "uds-chip-link-variant-primary-icon";
    readonly secondary: "uds-chip-link-variant-secondary-icon";
  };
  chipLinkVariantRoot: {
    readonly brand: "uds-chip-link-variant-brand-root";
    readonly "brand-secondary": "uds-chip-link-variant-brand-secondary-root";
    readonly default: "uds-chip-link-variant-default-root";
    readonly primary: "uds-chip-link-variant-primary-root";
    readonly secondary: "uds-chip-link-variant-secondary-root";
  };
  chipSizeIcon: {
    readonly default: "uds-chip-size-default-icon";
    readonly md: "uds-chip-size-md-icon";
    readonly sm: "uds-chip-size-sm-icon";
  };
  chipSizeRoot: {
    readonly default: "uds-chip-size-default-root";
    readonly md: "uds-chip-size-md-root";
    readonly sm: "uds-chip-size-sm-root";
  };
  chipToggleVariantActiveIcon: {
    readonly off: "uds-chip-toggle-variant-active-off-icon";
    readonly on: "uds-chip-toggle-variant-active-on-icon";
  };
  chipToggleVariantActiveRoot: {
    readonly off: "uds-chip-toggle-variant-active-off-root";
    readonly on: "uds-chip-toggle-variant-active-on-root";
  };
  chipToggleVariantIcon: {
    readonly brand: "uds-chip-toggle-variant-brand-icon";
    readonly "brand-secondary": "uds-chip-toggle-variant-brand-secondary-icon";
    readonly default: "uds-chip-toggle-variant-default-icon";
    readonly primary: "uds-chip-toggle-variant-primary-icon";
    readonly secondary: "uds-chip-toggle-variant-secondary-icon";
  };
  chipToggleVariantRoot: {
    readonly brand: "uds-chip-toggle-variant-brand-root";
    readonly "brand-secondary": "uds-chip-toggle-variant-brand-secondary-root";
    readonly default: "uds-chip-toggle-variant-default-root";
    readonly primary: "uds-chip-toggle-variant-primary-root";
    readonly secondary: "uds-chip-toggle-variant-secondary-root";
  };
  dividerVariantLabel: {
    readonly default: "uds-divider-variant-default-label";
    readonly muted: "uds-divider-variant-muted-label";
    readonly primary: "uds-divider-variant-primary-label";
    readonly secondary: "uds-divider-variant-secondary-label";
    readonly tertiary: "uds-divider-variant-tertiary-label";
  };
  dividerVariantLine: {
    readonly default: "uds-divider-variant-default-line";
    readonly muted: "uds-divider-variant-muted-line";
    readonly primary: "uds-divider-variant-primary-line";
    readonly secondary: "uds-divider-variant-secondary-line";
    readonly tertiary: "uds-divider-variant-tertiary-line";
  };
  dividerVariantRoot: {
    readonly default: "uds-divider-variant-default-root";
    readonly muted: "uds-divider-variant-muted-root";
    readonly primary: "uds-divider-variant-primary-root";
    readonly secondary: "uds-divider-variant-secondary-root";
    readonly tertiary: "uds-divider-variant-tertiary-root";
  };
  iconbuttonSizeIcon: {
    readonly default: "uds-iconbutton-size-default-icon";
    readonly lg: "uds-iconbutton-size-lg-icon";
    readonly md: "uds-iconbutton-size-md-icon";
    readonly sm: "uds-iconbutton-size-sm-icon";
    readonly xl: "uds-iconbutton-size-xl-icon";
    readonly xs: "uds-iconbutton-size-xs-icon";
  };
  iconbuttonSizeRoot: {
    readonly default: "uds-iconbutton-size-default-root";
    readonly lg: "uds-iconbutton-size-lg-root";
    readonly md: "uds-iconbutton-size-md-root";
    readonly sm: "uds-iconbutton-size-sm-root";
    readonly xl: "uds-iconbutton-size-xl-root";
    readonly xs: "uds-iconbutton-size-xs-root";
  };
  inputSizeEndIcon: {
    readonly default: "uds-input-size-default-endicon";
    readonly lg: "uds-input-size-lg-endicon";
    readonly md: "uds-input-size-md-endicon";
  };
  inputSizeHelperIcon: {
    readonly default: "uds-input-size-default-helpericon";
    readonly lg: "uds-input-size-lg-helpericon";
    readonly md: "uds-input-size-md-helpericon";
  };
  inputSizeHelperText: {
    readonly default: "uds-input-size-default-helpertext";
    readonly lg: "uds-input-size-lg-helpertext";
    readonly md: "uds-input-size-md-helpertext";
  };
  inputSizeInput: {
    readonly default: "uds-input-size-default-input";
    readonly lg: "uds-input-size-lg-input";
    readonly md: "uds-input-size-md-input";
  };
  inputSizeInputWrapper: {
    readonly default: "uds-input-size-default-inputwrapper";
    readonly lg: "uds-input-size-lg-inputwrapper";
    readonly md: "uds-input-size-md-inputwrapper";
  };
  inputSizeLabel: {
    readonly default: "uds-input-size-default-label";
    readonly lg: "uds-input-size-lg-label";
    readonly md: "uds-input-size-md-label";
  };
  inputSizeRoot: {
    readonly default: "uds-input-size-default-root";
    readonly lg: "uds-input-size-lg-root";
    readonly md: "uds-input-size-md-root";
  };
  inputSizeStartIcon: {
    readonly default: "uds-input-size-default-starticon";
    readonly lg: "uds-input-size-lg-starticon";
    readonly md: "uds-input-size-md-starticon";
  };
  inputVariantEndIcon: {
    readonly default: "uds-input-variant-default-endicon";
  };
  inputVariantHelperIcon: {
    readonly default: "uds-input-variant-default-helpericon";
  };
  inputVariantHelperText: {
    readonly default: "uds-input-variant-default-helpertext";
  };
  inputVariantInput: {
    readonly default: "uds-input-variant-default-input";
  };
  inputVariantInputPlaceholder: {
    readonly default: "uds-input-variant-default-inputplaceholder";
  };
  inputVariantInputWrapper: {
    readonly default: "uds-input-variant-default-inputwrapper";
  };
  inputVariantLabel: {
    readonly default: "uds-input-variant-default-label";
  };
  inputVariantLabelRequired: {
    readonly default: "uds-input-variant-default-labelrequired";
  };
  inputVariantRoot: {
    readonly default: "uds-input-variant-default-root";
  };
  inputVariantStartIcon: {
    readonly default: "uds-input-variant-default-starticon";
  };
  inputVariantValueEndIcon: {
    readonly empty: "uds-input-variant-value-empty-endicon";
    readonly filled: "uds-input-variant-value-filled-endicon";
  };
  inputVariantValueHelperIcon: {
    readonly empty: "uds-input-variant-value-empty-helpericon";
    readonly filled: "uds-input-variant-value-filled-helpericon";
  };
  inputVariantValueHelperText: {
    readonly empty: "uds-input-variant-value-empty-helpertext";
    readonly filled: "uds-input-variant-value-filled-helpertext";
  };
  inputVariantValueInput: {
    readonly empty: "uds-input-variant-value-empty-input";
    readonly filled: "uds-input-variant-value-filled-input";
  };
  inputVariantValueInputPlaceholder: {
    readonly empty: "uds-input-variant-value-empty-inputplaceholder";
    readonly filled: "uds-input-variant-value-filled-inputplaceholder";
  };
  inputVariantValueInputWrapper: {
    readonly empty: "uds-input-variant-value-empty-inputwrapper";
    readonly filled: "uds-input-variant-value-filled-inputwrapper";
  };
  inputVariantValueLabel: {
    readonly empty: "uds-input-variant-value-empty-label";
    readonly filled: "uds-input-variant-value-filled-label";
  };
  inputVariantValueLabelRequired: {
    readonly empty: "uds-input-variant-value-empty-labelrequired";
    readonly filled: "uds-input-variant-value-filled-labelrequired";
  };
  inputVariantValueRoot: {
    readonly empty: "uds-input-variant-value-empty-root";
    readonly filled: "uds-input-variant-value-filled-root";
  };
  inputVariantValueStartIcon: {
    readonly empty: "uds-input-variant-value-empty-starticon";
    readonly filled: "uds-input-variant-value-filled-starticon";
  };
  linkTextStyleIcon: {
    readonly body1: "uds-link-textstyle-body1-icon";
    readonly caption1: "uds-link-textstyle-caption1-icon";
    readonly caption2: "uds-link-textstyle-caption2-icon";
    readonly default: "uds-link-textstyle-default-icon";
    readonly display1: "uds-link-textstyle-display1-icon";
    readonly display2: "uds-link-textstyle-display2-icon";
    readonly display3: "uds-link-textstyle-display3-icon";
    readonly headline1: "uds-link-textstyle-headline1-icon";
    readonly label1: "uds-link-textstyle-label1-icon";
    readonly label2: "uds-link-textstyle-label2-icon";
    readonly label3: "uds-link-textstyle-label3-icon";
    readonly label4: "uds-link-textstyle-label4-icon";
    readonly legal1: "uds-link-textstyle-legal1-icon";
    readonly title1: "uds-link-textstyle-title1-icon";
    readonly title2: "uds-link-textstyle-title2-icon";
    readonly title3: "uds-link-textstyle-title3-icon";
    readonly title4: "uds-link-textstyle-title4-icon";
    readonly ui1: "uds-link-textstyle-ui1-icon";
    readonly ui2: "uds-link-textstyle-ui2-icon";
    readonly ui3: "uds-link-textstyle-ui3-icon";
    readonly ui4: "uds-link-textstyle-ui4-icon";
    readonly ui5: "uds-link-textstyle-ui5-icon";
    readonly ui6: "uds-link-textstyle-ui6-icon";
  };
  linkTextStyleRoot: {
    readonly body1: "uds-link-textstyle-body1-root";
    readonly caption1: "uds-link-textstyle-caption1-root";
    readonly caption2: "uds-link-textstyle-caption2-root";
    readonly default: "uds-link-textstyle-default-root";
    readonly display1: "uds-link-textstyle-display1-root";
    readonly display2: "uds-link-textstyle-display2-root";
    readonly display3: "uds-link-textstyle-display3-root";
    readonly headline1: "uds-link-textstyle-headline1-root";
    readonly label1: "uds-link-textstyle-label1-root";
    readonly label2: "uds-link-textstyle-label2-root";
    readonly label3: "uds-link-textstyle-label3-root";
    readonly label4: "uds-link-textstyle-label4-root";
    readonly legal1: "uds-link-textstyle-legal1-root";
    readonly title1: "uds-link-textstyle-title1-root";
    readonly title2: "uds-link-textstyle-title2-root";
    readonly title3: "uds-link-textstyle-title3-root";
    readonly title4: "uds-link-textstyle-title4-root";
    readonly ui1: "uds-link-textstyle-ui1-root";
    readonly ui2: "uds-link-textstyle-ui2-root";
    readonly ui3: "uds-link-textstyle-ui3-root";
    readonly ui4: "uds-link-textstyle-ui4-root";
    readonly ui5: "uds-link-textstyle-ui5-root";
    readonly ui6: "uds-link-textstyle-ui6-root";
  };
  linkVariantIconEnd: {
    readonly default: "uds-link-variant-default-iconend";
    readonly "on-color": "uds-link-variant-on-color-iconend";
    readonly primary: "uds-link-variant-primary-iconend";
    readonly secondary: "uds-link-variant-secondary-iconend";
    readonly tertiary: "uds-link-variant-tertiary-iconend";
  };
  linkVariantIconStart: {
    readonly default: "uds-link-variant-default-iconstart";
    readonly "on-color": "uds-link-variant-on-color-iconstart";
    readonly primary: "uds-link-variant-primary-iconstart";
    readonly secondary: "uds-link-variant-secondary-iconstart";
    readonly tertiary: "uds-link-variant-tertiary-iconstart";
  };
  linkVariantRoot: {
    readonly default: "uds-link-variant-default-root";
    readonly "on-color": "uds-link-variant-on-color-root";
    readonly primary: "uds-link-variant-primary-root";
    readonly secondary: "uds-link-variant-secondary-root";
    readonly tertiary: "uds-link-variant-tertiary-root";
  };
  menucontentSizeRoot: {
    readonly default: "uds-menucontent-size-default-root";
  };
  menucontentVariantRoot: {
    readonly default: "uds-menucontent-variant-default-root";
  };
  menuitemDividerVariantLine: {
    readonly default: "uds-menuitem-divider-variant-default-line";
  };
  menuitemDividerVariantRoot: {
    readonly default: "uds-menuitem-divider-variant-default-root";
  };
  menuitemDividerVariantText: {
    readonly default: "uds-menuitem-divider-variant-default-text";
  };
  menuitemItemCheckboxVariantActiveEndIcon: {
    readonly off: "uds-menuitem-itemcheckbox-variant-active-off-endicon";
    readonly on: "uds-menuitem-itemcheckbox-variant-active-on-endicon";
  };
  menuitemItemCheckboxVariantActiveRoot: {
    readonly off: "uds-menuitem-itemcheckbox-variant-active-off-root";
    readonly on: "uds-menuitem-itemcheckbox-variant-active-on-root";
  };
  menuitemItemCheckboxVariantActiveStartIcon: {
    readonly off: "uds-menuitem-itemcheckbox-variant-active-off-starticon";
    readonly on: "uds-menuitem-itemcheckbox-variant-active-on-starticon";
  };
  menuitemItemCheckboxVariantActiveText: {
    readonly off: "uds-menuitem-itemcheckbox-variant-active-off-text";
    readonly on: "uds-menuitem-itemcheckbox-variant-active-on-text";
  };
  menuitemItemCheckboxVariantEndIcon: {
    readonly default: "uds-menuitem-itemcheckbox-variant-default-endicon";
  };
  menuitemItemCheckboxVariantRoot: {
    readonly default: "uds-menuitem-itemcheckbox-variant-default-root";
  };
  menuitemItemCheckboxVariantStartIcon: {
    readonly default: "uds-menuitem-itemcheckbox-variant-default-starticon";
  };
  menuitemItemCheckboxVariantText: {
    readonly default: "uds-menuitem-itemcheckbox-variant-default-text";
  };
  menuitemItemVariantActiveIcon: {
    readonly off: "uds-menuitem-item-variant-active-off-icon";
    readonly on: "uds-menuitem-item-variant-active-on-icon";
  };
  menuitemItemVariantActiveRoot: {
    readonly off: "uds-menuitem-item-variant-active-off-root";
    readonly on: "uds-menuitem-item-variant-active-on-root";
  };
  menuitemItemVariantActiveText: {
    readonly off: "uds-menuitem-item-variant-active-off-text";
    readonly on: "uds-menuitem-item-variant-active-on-text";
  };
  menuitemItemVariantIcon: {
    readonly default: "uds-menuitem-item-variant-default-icon";
  };
  menuitemItemVariantRoot: {
    readonly default: "uds-menuitem-item-variant-default-root";
  };
  menuitemItemVariantText: {
    readonly default: "uds-menuitem-item-variant-default-text";
  };
  menuitemSizeEndIcon: {
    readonly default: "uds-menuitem-size-default-endicon";
  };
  menuitemSizeRoot: {
    readonly default: "uds-menuitem-size-default-root";
  };
  menuitemSizeStartIcon: {
    readonly default: "uds-menuitem-size-default-starticon";
  };
  popoverSizeCloseIcon: {
    readonly default: "uds-popover-size-default-closeicon";
  };
  popoverSizeCloseIconContainer: {
    readonly default: "uds-popover-size-default-closeiconcontainer";
  };
  popoverSizeContentWrapper: {
    readonly default: "uds-popover-size-default-contentwrapper";
  };
  popoverSizeRoot: {
    readonly default: "uds-popover-size-default-root";
  };
  popoverSizeSvgBase: {
    readonly default: "uds-popover-size-default-svgbase";
  };
  popoverSizeSvgBorder: {
    readonly default: "uds-popover-size-default-svgborder";
  };
  popoverVariantBlur: {
    readonly default: "uds-popover-variant-default-blur";
  };
  popoverVariantCloseIcon: {
    readonly default: "uds-popover-variant-default-closeicon";
  };
  popoverVariantRoot: {
    readonly default: "uds-popover-variant-default-root";
  };
  popoverVariantSvgBase: {
    readonly default: "uds-popover-variant-default-svgbase";
  };
  popoverVariantSvgBorder: {
    readonly default: "uds-popover-variant-default-svgborder";
  };
  radioSizeRadio: {
    readonly default: "uds-radio-size-default-radio";
    readonly md: "uds-radio-size-md-radio";
    readonly sm: "uds-radio-size-sm-radio";
  };
  radioSizeRoot: {
    readonly default: "uds-radio-size-default-root";
    readonly md: "uds-radio-size-md-root";
    readonly sm: "uds-radio-size-sm-root";
  };
  radioVariantRadio: {
    readonly alert: "uds-radio-variant-alert-radio";
    readonly "alert-secondary": "uds-radio-variant-alert-secondary-radio";
    readonly default: "uds-radio-variant-default-radio";
    readonly primary: "uds-radio-variant-primary-radio";
    readonly secondary: "uds-radio-variant-secondary-radio";
  };
  radioVariantRadioCircle: {
    readonly alert: "uds-radio-variant-alert-radiocircle";
    readonly "alert-secondary": "uds-radio-variant-alert-secondary-radiocircle";
    readonly default: "uds-radio-variant-default-radiocircle";
    readonly primary: "uds-radio-variant-primary-radiocircle";
    readonly secondary: "uds-radio-variant-secondary-radiocircle";
  };
  radioVariantRoot: {
    readonly alert: "uds-radio-variant-alert-root";
    readonly "alert-secondary": "uds-radio-variant-alert-secondary-root";
    readonly default: "uds-radio-variant-default-root";
    readonly primary: "uds-radio-variant-primary-root";
    readonly secondary: "uds-radio-variant-secondary-root";
  };
  radioVariantValueRadio: {
    readonly checked: "uds-radio-variant-value-checked-radio";
    readonly unchecked: "uds-radio-variant-value-unchecked-radio";
  };
  radioVariantValueRadioCircle: {
    readonly checked: "uds-radio-variant-value-checked-radiocircle";
    readonly unchecked: "uds-radio-variant-value-unchecked-radiocircle";
  };
  radioVariantValueRoot: {
    readonly checked: "uds-radio-variant-value-checked-root";
    readonly unchecked: "uds-radio-variant-value-unchecked-root";
  };
  scrimVariantRoot: {
    readonly default: "uds-scrim-variant-default-root";
  };
  switchSizeHandle: {
    readonly default: "uds-switch-size-default-handle";
    readonly md: "uds-switch-size-md-handle";
    readonly sm: "uds-switch-size-sm-handle";
  };
  switchSizeHandleIcon: {
    readonly default: "uds-switch-size-default-handleicon";
    readonly md: "uds-switch-size-md-handleicon";
    readonly sm: "uds-switch-size-sm-handleicon";
  };
  switchSizeRoot: {
    readonly default: "uds-switch-size-default-root";
    readonly md: "uds-switch-size-md-root";
    readonly sm: "uds-switch-size-sm-root";
  };
  switchSizeSwitch: {
    readonly default: "uds-switch-size-default-switch";
    readonly md: "uds-switch-size-md-switch";
    readonly sm: "uds-switch-size-sm-switch";
  };
  switchVariantActiveHandle: {
    readonly off: "uds-switch-variant-active-off-handle";
    readonly on: "uds-switch-variant-active-on-handle";
  };
  switchVariantActiveHandleIcon: {
    readonly off: "uds-switch-variant-active-off-handleicon";
    readonly on: "uds-switch-variant-active-on-handleicon";
  };
  switchVariantActiveRoot: {
    readonly off: "uds-switch-variant-active-off-root";
    readonly on: "uds-switch-variant-active-on-root";
  };
  switchVariantActiveSwitch: {
    readonly off: "uds-switch-variant-active-off-switch";
    readonly on: "uds-switch-variant-active-on-switch";
  };
  switchVariantHandle: {
    readonly default: "uds-switch-variant-default-handle";
  };
  switchVariantHandleIcon: {
    readonly default: "uds-switch-variant-default-handleicon";
  };
  switchVariantRoot: {
    readonly default: "uds-switch-variant-default-root";
  };
  switchVariantSwitch: {
    readonly default: "uds-switch-variant-default-switch";
  };
  toastSizeActionButton: {
    readonly default: "uds-toast-size-default-actionbutton";
  };
  toastSizeCloseIcon: {
    readonly default: "uds-toast-size-default-closeicon";
  };
  toastSizeIcon: {
    readonly default: "uds-toast-size-default-icon";
  };
  toastSizeLabel: {
    readonly default: "uds-toast-size-default-label";
  };
  toastSizeRoot: {
    readonly default: "uds-toast-size-default-root";
  };
  toastVariantActionButton: {
    readonly default: "uds-toast-variant-default-actionbutton";
    readonly error: "uds-toast-variant-error-actionbutton";
    readonly info: "uds-toast-variant-info-actionbutton";
    readonly loading: "uds-toast-variant-loading-actionbutton";
    readonly success: "uds-toast-variant-success-actionbutton";
    readonly warning: "uds-toast-variant-warning-actionbutton";
  };
  toastVariantCloseIcon: {
    readonly default: "uds-toast-variant-default-closeicon";
    readonly error: "uds-toast-variant-error-closeicon";
    readonly info: "uds-toast-variant-info-closeicon";
    readonly loading: "uds-toast-variant-loading-closeicon";
    readonly success: "uds-toast-variant-success-closeicon";
    readonly warning: "uds-toast-variant-warning-closeicon";
  };
  toastVariantIcon: {
    readonly default: "uds-toast-variant-default-icon";
    readonly error: "uds-toast-variant-error-icon";
    readonly info: "uds-toast-variant-info-icon";
    readonly loading: "uds-toast-variant-loading-icon";
    readonly success: "uds-toast-variant-success-icon";
    readonly warning: "uds-toast-variant-warning-icon";
  };
  toastVariantRoot: {
    readonly default: "uds-toast-variant-default-root";
    readonly error: "uds-toast-variant-error-root";
    readonly info: "uds-toast-variant-info-root";
    readonly loading: "uds-toast-variant-loading-root";
    readonly success: "uds-toast-variant-success-root";
    readonly warning: "uds-toast-variant-warning-root";
  };
  tooltipSizeBody: {
    readonly default: "uds-tooltip-size-default-body";
  };
  tooltipSizeEndContent: {
    readonly default: "uds-tooltip-size-default-endcontent";
  };
  tooltipSizeIcon: {
    readonly default: "uds-tooltip-size-default-icon";
  };
  tooltipSizeRoot: {
    readonly default: "uds-tooltip-size-default-root";
  };
  tooltipSizeSvg: {
    readonly default: "uds-tooltip-size-default-svg";
  };
  tooltipSizeTitle: {
    readonly default: "uds-tooltip-size-default-title";
  };
  tooltipVariantBlur: {
    readonly default: "uds-tooltip-variant-default-blur";
  };
  tooltipVariantIcon: {
    readonly default: "uds-tooltip-variant-default-icon";
  };
  tooltipVariantRoot: {
    readonly default: "uds-tooltip-variant-default-root";
  };
  tooltipVariantSvg: {
    readonly default: "uds-tooltip-variant-default-svg";
  };
  color: {
    accent: string;
    alert: string;
    'alert-secondary': string;
    brand: string;
    'brand-secondary': string;
    positive: string;
    'positive-secondary': string;
    warning: string;
    'warning-secondary': string;
    info: string;
    'info-secondary': string;
    muted: string;
    'on-color': string;
    primary: string;
    secondary: string;
    tertiary: string;
    white: string;
    black: string;
    transparent: string;
    current: string;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': string;
  };
  placeholderColor: {
    accent: string;
    alert: string;
    'alert-secondary': string;
    brand: string;
    'brand-secondary': string;
    positive: string;
    'positive-secondary': string;
    warning: string;
    'warning-secondary': string;
    info: string;
    'info-secondary': string;
    muted: string;
    'on-color': string;
    primary: string;
    secondary: string;
    tertiary: string;
    white: string;
    black: string;
    transparent: string;
    current: string;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': string;
  };
  borderColor: {
    accent: 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;
    muted: string;
    primary: string;
    secondary: string;
    tertiary: 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': 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;
    muted: string;
    primary: string;
    secondary: string;
    tertiary: 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': string;
  };
  borderEndColor: {
    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;
    muted: string;
    primary: string;
    secondary: string;
    tertiary: 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': string;
  };
  borderBottomColor: {
    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;
    muted: string;
    primary: string;
    secondary: string;
    tertiary: 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': string;
  };
  borderTopColor: {
    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;
    muted: string;
    primary: string;
    secondary: string;
    tertiary: 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;
    'always/white': string;
    'always/black': string;
    'always/transparent': string;
    'always/current': string;
    'always/brand': string;
    'always/accent': 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;
    none: 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 };