@yahoo/uds 3.59.0-beta.1 → 3.59.0

package/dist/styles/variants.d.ts

@@ -1,1834 +0,0 @@
-//#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";
-  };
-  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";
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  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;
-  };
-  borderVerticalWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: string;
-  };
-  borderHorizontalWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: string;
-  };
-  borderStartWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: string;
-  };
-  borderEndWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: string;
-  };
-  borderTopWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: string;
-  };
-  borderBottomWidth: {
-    none: string;
-    thin: string;
-    medium: string;
-    thick: 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;
-  };
-  buttonPalette: {
-    accent: string;
-    brand: string;
-    alert: string;
-    positive: string;
-    warning: string;
-    info: string;
-  };
-  buttonVariant: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-  };
-  buttonSize: {
-    sm: string;
-    md: string;
-    lg: string;
-  };
-  iconButtonSize: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: 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;
-  };
-  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;
-  };
-};
-//#endregion
-export { variants };
-//# sourceMappingURL=variants.d.ts.map