@yahoo/uds 3.67.0 → 3.69.0

package/dist/styles/variants.d.cts

@@ -1,122 +1,102 @@
 //#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";
+  avatarIconVariantRoot: {
+    readonly primary: "uds-avatar-icon-variant-primary-root";
+    readonly secondary: "uds-avatar-icon-variant-secondary-root";
   };
-  switchVariantSwitch: {
-    readonly default: "uds-switch-variant-default-switch";
+  avatarImageVariantRoot: {
+    readonly primary: "uds-avatar-image-variant-primary-root";
+    readonly secondary: "uds-avatar-image-variant-secondary-root";
   };
-  switchVariantActiveHandle: {
-    readonly on: "uds-switch-variant-active-on-handle";
-    readonly off: "uds-switch-variant-active-off-handle";
+  avatarSizeIcon: {
+    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";
   };
-  switchVariantHandle: {
-    readonly default: "uds-switch-variant-default-handle";
+  avatarSizeRoot: {
+    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";
   };
-  switchVariantActiveHandleIcon: {
-    readonly on: "uds-switch-variant-active-on-handle-icon";
-    readonly off: "uds-switch-variant-active-off-handle-icon";
+  avatarTextVariantRoot: {
+    readonly primary: "uds-avatar-text-variant-primary-root";
+    readonly secondary: "uds-avatar-text-variant-secondary-root";
   };
-  switchVariantHandleIcon: {
-    readonly default: "uds-switch-variant-default-handle-icon";
+  badgeSizeIcon: {
+    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";
   };
-  switchSizeRoot: {
-    readonly sm: "uds-switch-size-sm-root";
-    readonly md: "uds-switch-size-md-root";
+  badgeSizeRoot: {
+    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";
   };
-  switchSizeSwitch: {
-    readonly sm: "uds-switch-size-sm-switch";
-    readonly md: "uds-switch-size-md-switch";
+  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 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";
   };
-  switchSizeHandle: {
-    readonly sm: "uds-switch-size-sm-handle";
-    readonly md: "uds-switch-size-md-handle";
+  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 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";
   };
-  switchSizeHandleIcon: {
-    readonly sm: "uds-switch-size-sm-handle-icon";
-    readonly md: "uds-switch-size-md-handle-icon";
+  buttonSizeIcon: {
+    readonly lg: "uds-button-size-lg-icon";
+    readonly md: "uds-button-size-md-icon";
+    readonly sm: "uds-button-size-sm-icon";
   };
   buttonSizeRoot: {
-    readonly sm: "uds-button-size-sm-root";
-    readonly md: "uds-button-size-md-root";
     readonly lg: "uds-button-size-lg-root";
+    readonly md: "uds-button-size-md-root";
+    readonly sm: "uds-button-size-sm-root";
   };
-  buttonSizeIcon: {
-    readonly sm: "uds-button-size-sm-icon";
-    readonly md: "uds-button-size-md-icon";
-    readonly lg: "uds-button-size-lg-icon";
+  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 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 primary: "uds-button-variant-primary-root";
-    readonly secondary: "uds-button-variant-secondary-root";
-    readonly tertiary: "uds-button-variant-tertiary-root";
     readonly alert: "uds-button-variant-alert-root";
     readonly 'alert-secondary': "uds-button-variant-alert-secondary-root";
     readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-root";
@@ -129,367 +109,366 @@ declare const variants: {
     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";
   };
-  buttonVariantIcon: {
-    readonly primary: "uds-button-variant-primary-icon";
-    readonly secondary: "uds-button-variant-secondary-icon";
-    readonly tertiary: "uds-button-variant-tertiary-icon";
-    readonly alert: "uds-button-variant-alert-icon";
-    readonly 'alert-secondary': "uds-button-variant-alert-secondary-icon";
-    readonly 'alert-tertiary': "uds-button-variant-alert-tertiary-icon";
-    readonly brand: "uds-button-variant-brand-icon";
-    readonly 'brand-secondary': "uds-button-variant-brand-secondary-icon";
-    readonly 'brand-tertiary': "uds-button-variant-brand-tertiary-icon";
-    readonly info: "uds-button-variant-info-icon";
-    readonly 'info-secondary': "uds-button-variant-info-secondary-icon";
-    readonly 'info-tertiary': "uds-button-variant-info-tertiary-icon";
-    readonly positive: "uds-button-variant-positive-icon";
-    readonly 'positive-secondary': "uds-button-variant-positive-secondary-icon";
-    readonly 'positive-tertiary': "uds-button-variant-positive-tertiary-icon";
-    readonly warning: "uds-button-variant-warning-icon";
-    readonly 'warning-secondary': "uds-button-variant-warning-secondary-icon";
-    readonly 'warning-tertiary': "uds-button-variant-warning-tertiary-icon";
-  };
-  chipSizeRoot: {
-    readonly sm: "uds-chip-size-sm-root";
-    readonly md: "uds-chip-size-md-root";
+  checkboxSizeCheckbox: {
+    readonly md: "uds-checkbox-size-md-checkbox";
+    readonly sm: "uds-checkbox-size-sm-checkbox";
   };
-  chipSizeIcon: {
-    readonly sm: "uds-chip-size-sm-icon";
-    readonly md: "uds-chip-size-md-icon";
+  checkboxSizeRoot: {
+    readonly md: "uds-checkbox-size-md-root";
+    readonly sm: "uds-checkbox-size-sm-root";
   };
-  chipToggleVariantActiveRoot: {
-    readonly on: "uds-chip-toggle-variant-active-on-root";
-    readonly off: "uds-chip-toggle-variant-active-off-root";
+  checkboxVariantCheckbox: {
+    readonly alert: "uds-checkbox-variant-alert-checkbox";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox";
+    readonly primary: "uds-checkbox-variant-primary-checkbox";
+    readonly secondary: "uds-checkbox-variant-secondary-checkbox";
   };
-  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";
+  checkboxVariantCheckboxIcon: {
+    readonly alert: "uds-checkbox-variant-alert-checkbox-icon";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-checkbox-icon";
+    readonly primary: "uds-checkbox-variant-primary-checkbox-icon";
+    readonly secondary: "uds-checkbox-variant-secondary-checkbox-icon";
   };
-  chipToggleVariantActiveIcon: {
-    readonly on: "uds-chip-toggle-variant-active-on-icon";
-    readonly off: "uds-chip-toggle-variant-active-off-icon";
+  checkboxVariantRoot: {
+    readonly alert: "uds-checkbox-variant-alert-root";
+    readonly 'alert-secondary': "uds-checkbox-variant-alert-secondary-root";
+    readonly primary: "uds-checkbox-variant-primary-root";
+    readonly secondary: "uds-checkbox-variant-secondary-root";
   };
-  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";
+  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";
   };
-  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";
+  checkboxVariantValueCheckboxIcon: {
+    readonly checked: "uds-checkbox-variant-value-checked-checkbox-icon";
+    readonly indeterminate: "uds-checkbox-variant-value-indeterminate-checkbox-icon";
+    readonly unchecked: "uds-checkbox-variant-value-unchecked-checkbox-icon";
+  };
+  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 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";
+    readonly primary: "uds-chip-dismissible-variant-primary-icon";
+    readonly secondary: "uds-chip-dismissible-variant-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";
+  chipDismissibleVariantRoot: {
+    readonly brand: "uds-chip-dismissible-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-dismissible-variant-brand-secondary-root";
+    readonly primary: "uds-chip-dismissible-variant-primary-root";
+    readonly secondary: "uds-chip-dismissible-variant-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";
+    readonly primary: "uds-chip-link-variant-primary-icon";
+    readonly secondary: "uds-chip-link-variant-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";
+  chipLinkVariantRoot: {
+    readonly brand: "uds-chip-link-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-link-variant-brand-secondary-root";
+    readonly primary: "uds-chip-link-variant-primary-root";
+    readonly secondary: "uds-chip-link-variant-secondary-root";
   };
-  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";
+  chipSizeIcon: {
+    readonly md: "uds-chip-size-md-icon";
+    readonly sm: "uds-chip-size-sm-icon";
   };
-  radioVariantValueRadioCircle: {
-    readonly checked: "uds-radio-variant-value-checked-radio-circle";
-    readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
+  chipSizeRoot: {
+    readonly md: "uds-chip-size-md-root";
+    readonly sm: "uds-chip-size-sm-root";
   };
-  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";
+  chipToggleVariantActiveIcon: {
+    readonly off: "uds-chip-toggle-variant-active-off-icon";
+    readonly on: "uds-chip-toggle-variant-active-on-icon";
   };
-  radioSizeRoot: {
-    readonly sm: "uds-radio-size-sm-root";
-    readonly md: "uds-radio-size-md-root";
+  chipToggleVariantActiveRoot: {
+    readonly off: "uds-chip-toggle-variant-active-off-root";
+    readonly on: "uds-chip-toggle-variant-active-on-root";
   };
-  radioSizeRadio: {
-    readonly sm: "uds-radio-size-sm-radio";
-    readonly md: "uds-radio-size-md-radio";
+  chipToggleVariantIcon: {
+    readonly brand: "uds-chip-toggle-variant-brand-icon";
+    readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-icon";
+    readonly primary: "uds-chip-toggle-variant-primary-icon";
+    readonly secondary: "uds-chip-toggle-variant-secondary-icon";
   };
-  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";
+  chipToggleVariantRoot: {
+    readonly brand: "uds-chip-toggle-variant-brand-root";
+    readonly 'brand-secondary': "uds-chip-toggle-variant-brand-secondary-root";
+    readonly primary: "uds-chip-toggle-variant-primary-root";
+    readonly secondary: "uds-chip-toggle-variant-secondary-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";
+  dividerVariantLabel: {
+    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";
   };
-  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";
+  dividerVariantLine: {
+    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";
   };
-  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";
+  dividerVariantRoot: {
+    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";
   };
-  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";
+  iconbuttonSizeIcon: {
+    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";
   };
-  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";
+  iconbuttonSizeRoot: {
+    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";
   };
-  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";
+  inputSizeEndIcon: {
+    readonly lg: "uds-input-size-lg-end-icon";
+    readonly md: "uds-input-size-md-end-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";
+  inputSizeHelperIcon: {
+    readonly lg: "uds-input-size-lg-helper-icon";
+    readonly md: "uds-input-size-md-helper-icon";
   };
-  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";
+  inputSizeHelperText: {
+    readonly lg: "uds-input-size-lg-helper-text";
+    readonly md: "uds-input-size-md-helper-text";
   };
-  inputSizeRoot: {
-    readonly md: "uds-input-size-md-root";
-    readonly lg: "uds-input-size-lg-root";
+  inputSizeInput: {
+    readonly lg: "uds-input-size-lg-input";
+    readonly md: "uds-input-size-md-input";
   };
   inputSizeInputWrapper: {
-    readonly md: "uds-input-size-md-input-wrapper";
     readonly lg: "uds-input-size-lg-input-wrapper";
+    readonly md: "uds-input-size-md-input-wrapper";
   };
-  inputSizeInput: {
-    readonly md: "uds-input-size-md-input";
-    readonly lg: "uds-input-size-lg-input";
+  inputSizeLabel: {
+    readonly lg: "uds-input-size-lg-label";
+    readonly md: "uds-input-size-md-label";
+  };
+  inputSizeRoot: {
+    readonly lg: "uds-input-size-lg-root";
+    readonly md: "uds-input-size-md-root";
   };
   inputSizeStartIcon: {
-    readonly md: "uds-input-size-md-start-icon";
     readonly lg: "uds-input-size-lg-start-icon";
+    readonly md: "uds-input-size-md-start-icon";
   };
-  inputSizeEndIcon: {
-    readonly md: "uds-input-size-md-end-icon";
-    readonly lg: "uds-input-size-lg-end-icon";
+  inputVariantEndIcon: {
+    readonly default: "uds-input-variant-default-end-icon";
   };
-  inputSizeLabel: {
-    readonly md: "uds-input-size-md-label";
-    readonly lg: "uds-input-size-lg-label";
+  inputVariantHelperIcon: {
+    readonly default: "uds-input-variant-default-helper-icon";
   };
-  inputSizeHelperIcon: {
-    readonly md: "uds-input-size-md-helper-icon";
-    readonly lg: "uds-input-size-lg-helper-icon";
+  inputVariantHelperText: {
+    readonly default: "uds-input-variant-default-helper-text";
   };
-  inputSizeHelperText: {
-    readonly md: "uds-input-size-md-helper-text";
-    readonly lg: "uds-input-size-lg-helper-text";
+  inputVariantInput: {
+    readonly default: "uds-input-variant-default-input";
   };
-  inputVariantValueRoot: {
-    readonly filled: "uds-input-variant-value-filled-root";
-    readonly empty: "uds-input-variant-value-empty-root";
+  inputVariantInputPlaceholder: {
+    readonly default: "uds-input-variant-default-input-placeholder";
+  };
+  inputVariantInputWrapper: {
+    readonly default: "uds-input-variant-default-input-wrapper";
+  };
+  inputVariantLabel: {
+    readonly default: "uds-input-variant-default-label";
+  };
+  inputVariantLabelRequired: {
+    readonly default: "uds-input-variant-default-label-required";
   };
   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";
+  inputVariantStartIcon: {
+    readonly default: "uds-input-variant-default-start-icon";
   };
-  inputVariantInputWrapper: {
-    readonly default: "uds-input-variant-default-input-wrapper";
+  inputVariantValueEndIcon: {
+    readonly empty: "uds-input-variant-value-empty-end-icon";
+    readonly filled: "uds-input-variant-value-filled-end-icon";
+  };
+  inputVariantValueHelperIcon: {
+    readonly empty: "uds-input-variant-value-empty-helper-icon";
+    readonly filled: "uds-input-variant-value-filled-helper-icon";
+  };
+  inputVariantValueHelperText: {
+    readonly empty: "uds-input-variant-value-empty-helper-text";
+    readonly filled: "uds-input-variant-value-filled-helper-text";
   };
   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";
+    readonly filled: "uds-input-variant-value-filled-input";
   };
   inputVariantValueInputPlaceholder: {
-    readonly filled: "uds-input-variant-value-filled-input-placeholder";
     readonly empty: "uds-input-variant-value-empty-input-placeholder";
+    readonly filled: "uds-input-variant-value-filled-input-placeholder";
   };
-  inputVariantInputPlaceholder: {
-    readonly default: "uds-input-variant-default-input-placeholder";
+  inputVariantValueInputWrapper: {
+    readonly empty: "uds-input-variant-value-empty-input-wrapper";
+    readonly filled: "uds-input-variant-value-filled-input-wrapper";
+  };
+  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-label-required";
+    readonly filled: "uds-input-variant-value-filled-label-required";
+  };
+  inputVariantValueRoot: {
+    readonly empty: "uds-input-variant-value-empty-root";
+    readonly filled: "uds-input-variant-value-filled-root";
   };
   inputVariantValueStartIcon: {
-    readonly filled: "uds-input-variant-value-filled-start-icon";
     readonly empty: "uds-input-variant-value-empty-start-icon";
+    readonly filled: "uds-input-variant-value-filled-start-icon";
+  };
+  linkTextStyleIcon: {
+    readonly body1: "uds-link-text-style-body-1-icon";
+    readonly caption1: "uds-link-text-style-caption-1-icon";
+    readonly caption2: "uds-link-text-style-caption-2-icon";
+    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 headline1: "uds-link-text-style-headline-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 legal1: "uds-link-text-style-legal-1-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 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";
+  };
+  linkTextStyleRoot: {
+    readonly body1: "uds-link-text-style-body-1-root";
+    readonly caption1: "uds-link-text-style-caption-1-root";
+    readonly caption2: "uds-link-text-style-caption-2-root";
+    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 headline1: "uds-link-text-style-headline-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 legal1: "uds-link-text-style-legal-1-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 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";
+  };
+  linkVariantIconEnd: {
+    readonly 'on-color': "uds-link-variant-on-color-icon-end";
+    readonly primary: "uds-link-variant-primary-icon-end";
+    readonly secondary: "uds-link-variant-secondary-icon-end";
+    readonly tertiary: "uds-link-variant-tertiary-icon-end";
+  };
+  linkVariantIconStart: {
+    readonly 'on-color': "uds-link-variant-on-color-icon-start";
+    readonly primary: "uds-link-variant-primary-icon-start";
+    readonly secondary: "uds-link-variant-secondary-icon-start";
+    readonly tertiary: "uds-link-variant-tertiary-icon-start";
+  };
+  linkVariantRoot: {
+    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";
   };
-  inputVariantStartIcon: {
-    readonly default: "uds-input-variant-default-start-icon";
+  menuDividerVariantLine: {
+    readonly default: "uds-menu-divider-variant-default-line";
   };
-  inputVariantValueEndIcon: {
-    readonly filled: "uds-input-variant-value-filled-end-icon";
-    readonly empty: "uds-input-variant-value-empty-end-icon";
+  menuDividerVariantRoot: {
+    readonly default: "uds-menu-divider-variant-default-root";
   };
-  inputVariantEndIcon: {
-    readonly default: "uds-input-variant-default-end-icon";
+  menuDividerVariantText: {
+    readonly default: "uds-menu-divider-variant-default-text";
   };
-  inputVariantValueLabel: {
-    readonly filled: "uds-input-variant-value-filled-label";
-    readonly empty: "uds-input-variant-value-empty-label";
+  menuItemCheckboxVariantActiveEndIcon: {
+    readonly off: "uds-menu-item-checkbox-variant-active-off-end-icon";
+    readonly on: "uds-menu-item-checkbox-variant-active-on-end-icon";
   };
-  inputVariantLabel: {
-    readonly default: "uds-input-variant-default-label";
+  menuItemCheckboxVariantActiveRoot: {
+    readonly off: "uds-menu-item-checkbox-variant-active-off-root";
+    readonly on: "uds-menu-item-checkbox-variant-active-on-root";
   };
-  inputVariantValueLabelRequired: {
-    readonly filled: "uds-input-variant-value-filled-label-required";
-    readonly empty: "uds-input-variant-value-empty-label-required";
+  menuItemCheckboxVariantActiveStartIcon: {
+    readonly off: "uds-menu-item-checkbox-variant-active-off-start-icon";
+    readonly on: "uds-menu-item-checkbox-variant-active-on-start-icon";
   };
-  inputVariantLabelRequired: {
-    readonly default: "uds-input-variant-default-label-required";
+  menuItemCheckboxVariantActiveText: {
+    readonly off: "uds-menu-item-checkbox-variant-active-off-text";
+    readonly on: "uds-menu-item-checkbox-variant-active-on-text";
   };
-  inputVariantValueHelperIcon: {
-    readonly filled: "uds-input-variant-value-filled-helper-icon";
-    readonly empty: "uds-input-variant-value-empty-helper-icon";
+  menuItemCheckboxVariantEndIcon: {
+    readonly default: "uds-menu-item-checkbox-variant-default-end-icon";
   };
-  inputVariantHelperIcon: {
-    readonly default: "uds-input-variant-default-helper-icon";
+  menuItemCheckboxVariantRoot: {
+    readonly default: "uds-menu-item-checkbox-variant-default-root";
   };
-  inputVariantValueHelperText: {
-    readonly filled: "uds-input-variant-value-filled-helper-text";
-    readonly empty: "uds-input-variant-value-empty-helper-text";
+  menuItemCheckboxVariantStartIcon: {
+    readonly default: "uds-menu-item-checkbox-variant-default-start-icon";
   };
-  inputVariantHelperText: {
-    readonly default: "uds-input-variant-default-helper-text";
+  menuItemCheckboxVariantText: {
+    readonly default: "uds-menu-item-checkbox-variant-default-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";
+  menuItemVariantActiveIcon: {
+    readonly off: "uds-menu-item-variant-active-off-icon";
+    readonly on: "uds-menu-item-variant-active-on-icon";
   };
-  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";
+  menuItemVariantActiveRoot: {
+    readonly off: "uds-menu-item-variant-active-off-root";
+    readonly on: "uds-menu-item-variant-active-on-root";
   };
-  avatarTextVariantRoot: {
-    readonly primary: "uds-avatar-text-variant-primary-root";
-    readonly secondary: "uds-avatar-text-variant-secondary-root";
+  menuItemVariantActiveText: {
+    readonly off: "uds-menu-item-variant-active-off-text";
+    readonly on: "uds-menu-item-variant-active-on-text";
   };
-  avatarImageVariantRoot: {
-    readonly primary: "uds-avatar-image-variant-primary-root";
-    readonly secondary: "uds-avatar-image-variant-secondary-root";
+  menuItemVariantIcon: {
+    readonly default: "uds-menu-item-variant-default-icon";
   };
-  avatarIconVariantRoot: {
-    readonly primary: "uds-avatar-icon-variant-primary-root";
-    readonly secondary: "uds-avatar-icon-variant-secondary-root";
+  menuItemVariantRoot: {
+    readonly default: "uds-menu-item-variant-default-root";
   };
-  iconbuttonSizeRoot: {
-    readonly xs: "uds-iconbutton-size-xs-root";
-    readonly sm: "uds-iconbutton-size-sm-root";
-    readonly md: "uds-iconbutton-size-md-root";
-    readonly lg: "uds-iconbutton-size-lg-root";
-    readonly xl: "uds-iconbutton-size-xl-root";
+  menuItemVariantText: {
+    readonly default: "uds-menu-item-variant-default-text";
   };
-  iconbuttonSizeIcon: {
-    readonly xs: "uds-iconbutton-size-xs-icon";
-    readonly sm: "uds-iconbutton-size-sm-icon";
-    readonly md: "uds-iconbutton-size-md-icon";
-    readonly lg: "uds-iconbutton-size-lg-icon";
-    readonly xl: "uds-iconbutton-size-xl-icon";
+  menuSizeEndIcon: {
+    readonly default: "uds-menu-size-default-end-icon";
   };
   menuSizeRoot: {
     readonly default: "uds-menu-size-default-root";
@@ -497,72 +476,92 @@ declare const variants: {
   menuSizeStartIcon: {
     readonly default: "uds-menu-size-default-start-icon";
   };
-  menuSizeEndIcon: {
-    readonly default: "uds-menu-size-default-end-icon";
+  radioSizeRadio: {
+    readonly md: "uds-radio-size-md-radio";
+    readonly sm: "uds-radio-size-sm-radio";
   };
-  menuItemVariantActiveRoot: {
-    readonly on: "uds-menu-item-variant-active-on-root";
-    readonly off: "uds-menu-item-variant-active-off-root";
+  radioSizeRoot: {
+    readonly md: "uds-radio-size-md-root";
+    readonly sm: "uds-radio-size-sm-root";
   };
-  menuItemVariantRoot: {
-    readonly default: "uds-menu-item-variant-default-root";
+  radioVariantRadio: {
+    readonly alert: "uds-radio-variant-alert-radio";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio";
+    readonly primary: "uds-radio-variant-primary-radio";
+    readonly secondary: "uds-radio-variant-secondary-radio";
   };
-  menuItemVariantActiveText: {
-    readonly on: "uds-menu-item-variant-active-on-text";
-    readonly off: "uds-menu-item-variant-active-off-text";
+  radioVariantRadioCircle: {
+    readonly alert: "uds-radio-variant-alert-radio-circle";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-radio-circle";
+    readonly primary: "uds-radio-variant-primary-radio-circle";
+    readonly secondary: "uds-radio-variant-secondary-radio-circle";
   };
-  menuItemVariantText: {
-    readonly default: "uds-menu-item-variant-default-text";
+  radioVariantRoot: {
+    readonly alert: "uds-radio-variant-alert-root";
+    readonly 'alert-secondary': "uds-radio-variant-alert-secondary-root";
+    readonly primary: "uds-radio-variant-primary-root";
+    readonly secondary: "uds-radio-variant-secondary-root";
   };
-  menuItemVariantActiveIcon: {
-    readonly on: "uds-menu-item-variant-active-on-icon";
-    readonly off: "uds-menu-item-variant-active-off-icon";
+  radioVariantValueRadio: {
+    readonly checked: "uds-radio-variant-value-checked-radio";
+    readonly unchecked: "uds-radio-variant-value-unchecked-radio";
   };
-  menuItemVariantIcon: {
-    readonly default: "uds-menu-item-variant-default-icon";
+  radioVariantValueRadioCircle: {
+    readonly checked: "uds-radio-variant-value-checked-radio-circle";
+    readonly unchecked: "uds-radio-variant-value-unchecked-radio-circle";
   };
-  menuItemCheckboxVariantActiveRoot: {
-    readonly on: "uds-menu-item-checkbox-variant-active-on-root";
-    readonly off: "uds-menu-item-checkbox-variant-active-off-root";
+  radioVariantValueRoot: {
+    readonly checked: "uds-radio-variant-value-checked-root";
+    readonly unchecked: "uds-radio-variant-value-unchecked-root";
   };
-  menuItemCheckboxVariantRoot: {
-    readonly default: "uds-menu-item-checkbox-variant-default-root";
+  switchSizeHandle: {
+    readonly md: "uds-switch-size-md-handle";
+    readonly sm: "uds-switch-size-sm-handle";
   };
-  menuItemCheckboxVariantActiveText: {
-    readonly on: "uds-menu-item-checkbox-variant-active-on-text";
-    readonly off: "uds-menu-item-checkbox-variant-active-off-text";
+  switchSizeHandleIcon: {
+    readonly md: "uds-switch-size-md-handle-icon";
+    readonly sm: "uds-switch-size-sm-handle-icon";
   };
-  menuItemCheckboxVariantText: {
-    readonly default: "uds-menu-item-checkbox-variant-default-text";
+  switchSizeRoot: {
+    readonly md: "uds-switch-size-md-root";
+    readonly sm: "uds-switch-size-sm-root";
   };
-  menuItemCheckboxVariantActiveStartIcon: {
-    readonly on: "uds-menu-item-checkbox-variant-active-on-start-icon";
-    readonly off: "uds-menu-item-checkbox-variant-active-off-start-icon";
+  switchSizeSwitch: {
+    readonly md: "uds-switch-size-md-switch";
+    readonly sm: "uds-switch-size-sm-switch";
   };
-  menuItemCheckboxVariantStartIcon: {
-    readonly default: "uds-menu-item-checkbox-variant-default-start-icon";
+  switchVariantActiveHandle: {
+    readonly off: "uds-switch-variant-active-off-handle";
+    readonly on: "uds-switch-variant-active-on-handle";
   };
-  menuItemCheckboxVariantActiveEndIcon: {
-    readonly on: "uds-menu-item-checkbox-variant-active-on-end-icon";
-    readonly off: "uds-menu-item-checkbox-variant-active-off-end-icon";
+  switchVariantActiveHandleIcon: {
+    readonly off: "uds-switch-variant-active-off-handle-icon";
+    readonly on: "uds-switch-variant-active-on-handle-icon";
   };
-  menuItemCheckboxVariantEndIcon: {
-    readonly default: "uds-menu-item-checkbox-variant-default-end-icon";
+  switchVariantActiveRoot: {
+    readonly off: "uds-switch-variant-active-off-root";
+    readonly on: "uds-switch-variant-active-on-root";
   };
-  menuDividerVariantRoot: {
-    readonly default: "uds-menu-divider-variant-default-root";
+  switchVariantActiveSwitch: {
+    readonly off: "uds-switch-variant-active-off-switch";
+    readonly on: "uds-switch-variant-active-on-switch";
   };
-  menuDividerVariantText: {
-    readonly default: "uds-menu-divider-variant-default-text";
+  switchVariantHandle: {
+    readonly default: "uds-switch-variant-default-handle";
   };
-  menuDividerVariantLine: {
-    readonly default: "uds-menu-divider-variant-default-line";
+  switchVariantHandleIcon: {
+    readonly default: "uds-switch-variant-default-handle-icon";
+  };
+  switchVariantRoot: {
+    readonly default: "uds-switch-variant-default-root";
+  };
+  switchVariantSwitch: {
+    readonly default: "uds-switch-variant-default-switch";
   };
   color: {
     accent: string;
     alert: string;
     'alert-secondary': string;
-    black: string;
     brand: string;
     'brand-secondary': string;
     positive: string;
@@ -571,20 +570,26 @@ declare const variants: {
     'warning-secondary': string;
     info: string;
     'info-secondary': string;
-    white: string;
-    transparent: 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;
-    black: string;
     brand: string;
     'brand-secondary': string;
     positive: string;
@@ -593,14 +598,21 @@ declare const variants: {
     'warning-secondary': string;
     info: string;
     'info-secondary': string;
-    white: string;
-    transparent: 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;
@@ -1550,10 +1562,15 @@ declare const variants: {
     '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;
-    black: string;
     brand: string;
     alert: string;
     positive: string;
@@ -1564,12 +1581,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1577,6 +1595,12 @@ declare const variants: {
     '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;
@@ -1590,13 +1614,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    black: string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1604,11 +1628,16 @@ declare const variants: {
     '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;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1618,12 +1647,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1631,11 +1661,16 @@ declare const variants: {
     '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;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1645,12 +1680,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1658,11 +1694,16 @@ declare const variants: {
     '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;
-    black: string;
     brand: string;
     positive: string;
     warning: string;
@@ -1672,12 +1713,13 @@ declare const variants: {
     'positive-secondary': string;
     'warning-secondary': string;
     'info-secondary': string;
-    white: string;
-    transparent: string;
     muted: string;
     primary: string;
     secondary: string;
     tertiary: string;
+    white: string;
+    black: string;
+    transparent: string;
     current: string;
     'elevation-0': string;
     'elevation-1': string;
@@ -1685,6 +1727,12 @@ declare const variants: {
     '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;