@yahoo/uds-mobile 1.0.0

package/generated/styles.d.ts

@@ -0,0 +1,2965 @@
+// AUTO-GENERATED FILE. DO NOT EDIT.
+// Generated by scripts/generateTypes.ts
+
+import type { UnistylesVariants } from 'react-native-unistyles';
+
+export declare const styles: {
+  foundation: {
+    alignContent?:
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'stretch'
+      | 'space-between'
+      | 'space-around';
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    backgroundColor?: string;
+    borderBottomColor?: string;
+    borderBottomEndRadius?: number;
+    borderBottomStartRadius?: number;
+    borderBottomWidth?: number;
+    borderColor?: string;
+    borderEndColor?: string;
+    borderEndWidth?: number;
+    borderRadius?: number;
+    borderStartColor?: string;
+    borderStartWidth?: number;
+    borderTopColor?: string;
+    borderTopEndRadius?: number;
+    borderTopStartRadius?: number;
+    borderTopWidth?: number;
+    borderWidth?: number;
+    color?: string;
+    columnGap?: number;
+    display?: 'flex' | 'none' | 'contents';
+    flex?: number;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexGrow?: number;
+    flexShrink?: number;
+    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: 'bold' | 'thin' | 'light' | 'medium' | 'regular' | 'semibold' | 'black';
+    justifyContent?:
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'space-between'
+      | 'space-around'
+      | 'space-evenly';
+    letterSpacing?: number;
+    lineHeight?: number;
+    margin?: number;
+    marginBottom?: number;
+    marginEnd?: number;
+    marginHorizontal?: number;
+    marginStart?: number;
+    marginTop?: number;
+    marginVertical?: number;
+    overflow?: 'visible' | 'hidden';
+    padding?: number;
+    paddingBottom?: number;
+    paddingEnd?: number;
+    paddingHorizontal?: number;
+    paddingStart?: number;
+    paddingTop?: number;
+    paddingVertical?: number;
+    position?: 'absolute' | 'relative' | 'static';
+    rowGap?: number;
+    textAlign?: 'center' | 'justify';
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+  };
+} & {
+  useVariants: (variants: {
+    backgroundColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | undefined;
+    borderRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+    borderTopStartRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+    borderTopEndRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+    borderBottomStartRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+    borderBottomEndRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+    borderColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'tertiary'
+      | 'muted'
+      | undefined;
+    borderStartColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'tertiary'
+      | 'muted'
+      | undefined;
+    borderEndColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'tertiary'
+      | 'muted'
+      | undefined;
+    borderTopColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'tertiary'
+      | 'muted'
+      | undefined;
+    borderBottomColor?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'tertiary'
+      | 'muted'
+      | undefined;
+    borderWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderVerticalWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderHorizontalWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderStartWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderEndWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderTopWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    borderBottomWidth?:
+      | 'none'
+      | 'thin'
+      | 'medium'
+      | 'elevation-0'
+      | 'elevation-1'
+      | 'elevation-2'
+      | 'elevation-3'
+      | 'elevation-4'
+      | 'elevation-5'
+      | 'thick'
+      | undefined;
+    display?: 'flex' | 'none' | 'contents' | undefined;
+    overflow?: 'visible' | 'hidden' | undefined;
+    position?: 'absolute' | 'relative' | 'static' | undefined;
+    alignContent?:
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'stretch'
+      | 'space-between'
+      | 'space-around'
+      | undefined;
+    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | undefined;
+    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | undefined;
+    flex?: '1' | undefined;
+    flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined;
+    flexGrow?: '1' | '0' | '2' | '3' | undefined;
+    flexShrink?: '1' | '0' | undefined;
+    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse' | undefined;
+    justifyContent?:
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'space-between'
+      | 'space-around'
+      | 'space-evenly'
+      | undefined;
+    spacing?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingHorizontal?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingVertical?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingBottom?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingEnd?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingStart?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    spacingTop?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offset?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetVertical?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetHorizontal?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetBottom?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetEnd?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetStart?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    offsetTop?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    columnGap?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    rowGap?:
+      | '1'
+      | '0'
+      | '2'
+      | '3'
+      | '4'
+      | '5'
+      | 'px'
+      | '0.5'
+      | '1.5'
+      | '2.5'
+      | '3.5'
+      | '4.5'
+      | '5.5'
+      | '6'
+      | '7'
+      | '8'
+      | '9'
+      | '10'
+      | '11'
+      | '12'
+      | '14'
+      | '16'
+      | '20'
+      | '24'
+      | '28'
+      | '32'
+      | '36'
+      | '40'
+      | '44'
+      | '48'
+      | '52'
+      | '56'
+      | '60'
+      | '64'
+      | '72'
+      | '80'
+      | '96'
+      | undefined;
+    color?:
+      | 'primary'
+      | 'secondary'
+      | 'accent'
+      | 'brand'
+      | 'alert'
+      | 'positive'
+      | 'warning'
+      | 'info'
+      | 'brand-secondary'
+      | 'alert-secondary'
+      | 'positive-secondary'
+      | 'warning-secondary'
+      | 'info-secondary'
+      | 'always/white'
+      | 'always/black'
+      | 'always/transparent'
+      | 'always/brand'
+      | 'always/accent'
+      | 'tertiary'
+      | 'muted'
+      | 'on-color'
+      | undefined;
+    fontFamily?:
+      | 'sans'
+      | 'sans-alt'
+      | 'serif'
+      | 'serif-alt'
+      | 'mono'
+      | 'display1'
+      | 'display2'
+      | 'display3'
+      | 'title1'
+      | 'title2'
+      | 'title3'
+      | 'title4'
+      | 'headline1'
+      | 'body1'
+      | 'label1'
+      | 'label2'
+      | 'label3'
+      | 'label4'
+      | 'caption1'
+      | 'caption2'
+      | 'legal1'
+      | 'ui1'
+      | 'ui2'
+      | 'ui3'
+      | 'ui4'
+      | 'ui5'
+      | 'ui6'
+      | 'display1/emphasized'
+      | 'display2/emphasized'
+      | 'display3/emphasized'
+      | 'title1/emphasized'
+      | 'title2/emphasized'
+      | 'title3/emphasized'
+      | 'title4/emphasized'
+      | 'headline1/emphasized'
+      | 'body1/emphasized'
+      | 'label1/emphasized'
+      | 'label2/emphasized'
+      | 'label3/emphasized'
+      | 'label4/emphasized'
+      | 'caption1/emphasized'
+      | 'caption2/emphasized'
+      | 'legal1/emphasized'
+      | 'ui1/emphasized'
+      | 'ui2/emphasized'
+      | 'ui3/emphasized'
+      | 'ui4/emphasized'
+      | 'ui5/emphasized'
+      | 'ui6/emphasized'
+      | 'icons'
+      | undefined;
+    fontSize?:
+      | 'display1'
+      | 'display2'
+      | 'display3'
+      | 'title1'
+      | 'title2'
+      | 'title3'
+      | 'title4'
+      | 'headline1'
+      | 'body1'
+      | 'label1'
+      | 'label2'
+      | 'label3'
+      | 'label4'
+      | 'caption1'
+      | 'caption2'
+      | 'legal1'
+      | 'ui1'
+      | 'ui2'
+      | 'ui3'
+      | 'ui4'
+      | 'ui5'
+      | 'ui6'
+      | 'display1/emphasized'
+      | 'display2/emphasized'
+      | 'display3/emphasized'
+      | 'title1/emphasized'
+      | 'title2/emphasized'
+      | 'title3/emphasized'
+      | 'title4/emphasized'
+      | 'headline1/emphasized'
+      | 'body1/emphasized'
+      | 'label1/emphasized'
+      | 'label2/emphasized'
+      | 'label3/emphasized'
+      | 'label4/emphasized'
+      | 'caption1/emphasized'
+      | 'caption2/emphasized'
+      | 'legal1/emphasized'
+      | 'ui1/emphasized'
+      | 'ui2/emphasized'
+      | 'ui3/emphasized'
+      | 'ui4/emphasized'
+      | 'ui5/emphasized'
+      | 'ui6/emphasized'
+      | undefined;
+    letterSpacing?:
+      | 'display1'
+      | 'display2'
+      | 'display3'
+      | 'title1'
+      | 'title2'
+      | 'title3'
+      | 'title4'
+      | 'headline1'
+      | 'body1'
+      | 'label1'
+      | 'label2'
+      | 'label3'
+      | 'label4'
+      | 'caption1'
+      | 'caption2'
+      | 'legal1'
+      | 'ui1'
+      | 'ui2'
+      | 'ui3'
+      | 'ui4'
+      | 'ui5'
+      | 'ui6'
+      | 'display1/emphasized'
+      | 'display2/emphasized'
+      | 'display3/emphasized'
+      | 'title1/emphasized'
+      | 'title2/emphasized'
+      | 'title3/emphasized'
+      | 'title4/emphasized'
+      | 'headline1/emphasized'
+      | 'body1/emphasized'
+      | 'label1/emphasized'
+      | 'label2/emphasized'
+      | 'label3/emphasized'
+      | 'label4/emphasized'
+      | 'caption1/emphasized'
+      | 'caption2/emphasized'
+      | 'legal1/emphasized'
+      | 'ui1/emphasized'
+      | 'ui2/emphasized'
+      | 'ui3/emphasized'
+      | 'ui4/emphasized'
+      | 'ui5/emphasized'
+      | 'ui6/emphasized'
+      | undefined;
+    fontWeight?:
+      | 'bold'
+      | 'thin'
+      | 'light'
+      | 'medium'
+      | 'regular'
+      | 'semibold'
+      | 'black'
+      | undefined;
+    lineHeight?:
+      | 'display1'
+      | 'display2'
+      | 'display3'
+      | 'title1'
+      | 'title2'
+      | 'title3'
+      | 'title4'
+      | 'headline1'
+      | 'body1'
+      | 'label1'
+      | 'label2'
+      | 'label3'
+      | 'label4'
+      | 'caption1'
+      | 'caption2'
+      | 'legal1'
+      | 'ui1'
+      | 'ui2'
+      | 'ui3'
+      | 'ui4'
+      | 'ui5'
+      | 'ui6'
+      | 'display1/emphasized'
+      | 'display2/emphasized'
+      | 'display3/emphasized'
+      | 'title1/emphasized'
+      | 'title2/emphasized'
+      | 'title3/emphasized'
+      | 'title4/emphasized'
+      | 'headline1/emphasized'
+      | 'body1/emphasized'
+      | 'label1/emphasized'
+      | 'label2/emphasized'
+      | 'label3/emphasized'
+      | 'label4/emphasized'
+      | 'caption1/emphasized'
+      | 'caption2/emphasized'
+      | 'legal1/emphasized'
+      | 'ui1/emphasized'
+      | 'ui2/emphasized'
+      | 'ui3/emphasized'
+      | 'ui4/emphasized'
+      | 'ui5/emphasized'
+      | 'ui6/emphasized'
+      | undefined;
+    textAlign?: 'center' | 'justify' | undefined;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | undefined;
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
+    avatarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+  }) => void;
+};
+
+export declare const avatarStyles: {
+  root: {
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    height: number;
+    width: number;
+  };
+  text: {
+    color: string;
+    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  icon: {
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    color: string;
+    fontSize: number;
+    lineHeight: number;
+  };
+} & {
+  useVariants: (
+    variants:
+      | {
+          size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+          icon?: 'primary' | 'secondary' | undefined;
+          image?: 'primary' | 'secondary' | undefined;
+          text?: 'primary' | 'secondary' | undefined;
+        }
+      | {
+          size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+          icon?: 'primary' | 'secondary' | undefined;
+          text?: 'primary' | 'secondary' | undefined;
+        }
+      | { size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined },
+  ) => void;
+};
+
+export declare const badgeStyles: {
+  root: {
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+  };
+  text: {
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  icon: { fontSize: number; lineHeight: number; color: string };
+} & {
+  useVariants: (
+    variants:
+      | {
+          size?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | undefined;
+        }
+      | {
+          size?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | undefined;
+        }
+      | {
+          size?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | undefined;
+        },
+  ) => void;
+};
+
+export declare const buttonStyles: {
+  root: {
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: number;
+    borderWidth: number;
+    opacity: number;
+    boxShadow: string;
+  };
+  text: {
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  icon: { fontSize: number; lineHeight: number; color: string };
+} & {
+  useVariants: (
+    variants:
+      | {
+          size?: 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | 'tertiary'
+            | 'alert-tertiary'
+            | 'brand-tertiary'
+            | 'info-tertiary'
+            | 'positive-tertiary'
+            | 'warning-tertiary'
+            | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | 'tertiary'
+            | 'alert-tertiary'
+            | 'brand-tertiary'
+            | 'info-tertiary'
+            | 'positive-tertiary'
+            | 'warning-tertiary'
+            | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | 'lg' | undefined;
+          variant?:
+            | 'primary'
+            | 'secondary'
+            | 'brand'
+            | 'alert'
+            | 'positive'
+            | 'warning'
+            | 'info'
+            | 'brand-secondary'
+            | 'alert-secondary'
+            | 'positive-secondary'
+            | 'warning-secondary'
+            | 'info-secondary'
+            | 'tertiary'
+            | 'alert-tertiary'
+            | 'brand-tertiary'
+            | 'info-tertiary'
+            | 'positive-tertiary'
+            | 'warning-tertiary'
+            | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        },
+  ) => void;
+};
+
+export declare const checkboxStyles: {
+  root: { gap: number };
+  text: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  checkbox: {
+    borderWidth: number;
+    height: number;
+    width: number;
+    backgroundColor: string;
+    borderColor: string;
+    boxShadow: string;
+  };
+  checkboxIcon: { color: string };
+} & {
+  useVariants: (
+    variants:
+      | { size?: 'sm' | 'md' | undefined }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'indeterminate' | 'unchecked' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'indeterminate' | 'unchecked' | undefined;
+        }
+      | {
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'indeterminate' | 'unchecked' | undefined;
+        },
+  ) => void;
+};
+
+export declare const chipStyles: {
+  root: {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    boxShadow: string;
+    borderRadius: number;
+    gap: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+  };
+  text: {
+    color: string;
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  icon: { color: string; fontSize: number; lineHeight: number };
+} & {
+  useVariants: (
+    variants:
+      | {
+          size?: 'sm' | 'md' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          dismissible?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          link?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          toggle?: 'off' | 'on' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          dismissible?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          link?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          toggle?: 'off' | 'on' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          dismissible?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          link?: 'primary' | 'secondary' | 'brand' | 'brand-secondary' | undefined;
+          toggle?: 'off' | 'on' | undefined;
+        },
+  ) => void;
+};
+
+export declare const dividerStyles: {
+  root: { gap: number };
+  label: {
+    color: string;
+    fontFamily: 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  line: { borderColor: string; borderWidth: number };
+} & {
+  useVariants: (
+    variants:
+      | { variant?: 'primary' | 'secondary' | 'tertiary' | 'muted' | undefined }
+      | { variant?: 'primary' | 'secondary' | 'tertiary' | 'muted' | undefined }
+      | { variant?: 'primary' | 'secondary' | 'tertiary' | 'muted' | undefined },
+  ) => void;
+};
+
+export declare const iconButtonStyles: {
+  root: { padding: number };
+  icon: { fontSize: number; lineHeight: number };
+} & {
+  useVariants: (
+    variants:
+      | { size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined }
+      | { size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined },
+  ) => void;
+};
+
+export declare const inputStyles: {
+  endIcon: { fontSize: number; lineHeight: number; color: string };
+  helperIcon: { fontSize: number; lineHeight: number; color: string };
+  helperText: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  input: { height: number; color: string };
+  inputPlaceholder: { color: string };
+  inputWrapper: {
+    borderWidth: number;
+    borderRadius: number;
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    gap: number;
+    letterSpacing: number;
+    lineHeight: number;
+    paddingHorizontal: number;
+    paddingVertical: number;
+    backgroundColor: string;
+    borderColor: string;
+  };
+  label: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  labelRequired: { color: string };
+  startIcon: { fontSize: number; lineHeight: number; color: string };
+} & {
+  useVariants: (
+    variants:
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        }
+      | {
+          size?: 'md' | 'lg' | undefined;
+          variant?: undefined;
+          disabled?: boolean | 'true' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          readonly?: boolean | 'true' | undefined;
+          invalid?: boolean | 'true' | undefined;
+          value?: 'empty' | 'filled' | undefined;
+        },
+  ) => void;
+};
+
+export declare const linkStyles: {
+  root: {
+    fontFamily: 'YahooProductSans' | 'YahooProductSans-Medium';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  text: { color: string; textDecorationLine: 'underline' | 'none' };
+  icon: { lineHeight: number; fontSize: number };
+  iconEnd: { color: string };
+  iconStart: { color: string };
+} & {
+  useVariants: (
+    variants:
+      | {
+          textStyle?:
+            | 'display1'
+            | 'display2'
+            | 'display3'
+            | 'title1'
+            | 'title2'
+            | 'title3'
+            | 'title4'
+            | 'headline1'
+            | 'body1'
+            | 'label1'
+            | 'label2'
+            | 'label3'
+            | 'label4'
+            | 'caption1'
+            | 'caption2'
+            | 'legal1'
+            | 'ui1'
+            | 'ui2'
+            | 'ui3'
+            | 'ui4'
+            | 'ui5'
+            | 'ui6'
+            | undefined;
+        }
+      | {
+          variant?: 'primary' | 'secondary' | 'tertiary' | 'on-color' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        }
+      | {
+          textStyle?:
+            | 'display1'
+            | 'display2'
+            | 'display3'
+            | 'title1'
+            | 'title2'
+            | 'title3'
+            | 'title4'
+            | 'headline1'
+            | 'body1'
+            | 'label1'
+            | 'label2'
+            | 'label3'
+            | 'label4'
+            | 'caption1'
+            | 'caption2'
+            | 'legal1'
+            | 'ui1'
+            | 'ui2'
+            | 'ui3'
+            | 'ui4'
+            | 'ui5'
+            | 'ui6'
+            | undefined;
+        }
+      | {
+          variant?: 'primary' | 'secondary' | 'tertiary' | 'on-color' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        }
+      | {
+          variant?: 'primary' | 'secondary' | 'tertiary' | 'on-color' | undefined;
+          pressed?: boolean | 'true' | undefined;
+        },
+  ) => void;
+};
+
+export declare const menuStyles: {
+  root: { backgroundColor: string };
+  icon: { color: string };
+  endIcon: { color: string; fontSize: number; lineHeight: number };
+  line: { borderColor: 'transparent'; borderWidth: number };
+  startIcon: { color: string; fontSize: number; lineHeight: number };
+} & {
+  useVariants: (
+    variants:
+      | { item?: 'off' | 'on' | undefined; itemCheckbox?: 'off' | 'on' | undefined }
+      | {
+          divider?: undefined;
+          item?: 'off' | 'on' | undefined;
+          itemCheckbox?: 'off' | 'on' | undefined;
+        }
+      | { item?: 'off' | 'on' | undefined }
+      | { size?: undefined; itemCheckbox?: 'off' | 'on' | undefined }
+      | { divider?: undefined }
+      | { size?: undefined; itemCheckbox?: 'off' | 'on' | undefined },
+  ) => void;
+};
+
+export declare const radioStyles: {
+  root: { gap: number };
+  text: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+    color: string;
+  };
+  radio: {
+    borderWidth: number;
+    height: number;
+    width: number;
+    backgroundColor: string;
+    borderColor: string;
+    boxShadow: string;
+  };
+  radioCircle: { backgroundColor: string };
+} & {
+  useVariants: (
+    variants:
+      | { size?: 'sm' | 'md' | undefined }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'unchecked' | undefined;
+        }
+      | {
+          size?: 'sm' | 'md' | undefined;
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'unchecked' | undefined;
+        }
+      | {
+          variant?: 'primary' | 'secondary' | 'alert' | 'alert-secondary' | undefined;
+          pressed?: boolean | 'true' | undefined;
+          value?: 'checked' | 'unchecked' | undefined;
+        },
+  ) => void;
+};
+
+export declare const switchStyles: {
+  root: { gap: number; paddingHorizontal: number; paddingVertical: number };
+  text: {
+    fontFamily: 'YahooProductSans';
+    fontSize: number;
+    letterSpacing: number;
+    lineHeight: number;
+  };
+  handle: { height: number; width: number; backgroundColor: string; boxShadow: string };
+  handleIcon: { fontSize: number; lineHeight: number; color: string };
+  switch: {
+    borderWidth: number;
+    height: number;
+    padding: number;
+    width: number;
+    backgroundColor: string;
+    borderColor: string;
+  };
+} & {
+  useVariants: (
+    variants:
+      | { size?: 'sm' | 'md' | undefined }
+      | { size?: 'sm' | 'md' | undefined }
+      | { size?: 'sm' | 'md' | undefined; variant?: 'off' | 'on' | undefined }
+      | { size?: 'sm' | 'md' | undefined; variant?: 'off' | 'on' | undefined }
+      | { size?: 'sm' | 'md' | undefined; variant?: 'off' | 'on' | undefined },
+  ) => void;
+};
+
+export type StyleProps = {
+  backgroundColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | undefined;
+  borderRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+  borderTopStartRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+  borderTopEndRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+  borderBottomStartRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+  borderBottomEndRadius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' | undefined;
+  borderColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'tertiary'
+    | 'muted'
+    | undefined;
+  borderStartColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'tertiary'
+    | 'muted'
+    | undefined;
+  borderEndColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'tertiary'
+    | 'muted'
+    | undefined;
+  borderTopColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'tertiary'
+    | 'muted'
+    | undefined;
+  borderBottomColor?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'tertiary'
+    | 'muted'
+    | undefined;
+  borderWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderVerticalWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderHorizontalWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderStartWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderEndWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderTopWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  borderBottomWidth?:
+    | 'none'
+    | 'thin'
+    | 'medium'
+    | 'elevation-0'
+    | 'elevation-1'
+    | 'elevation-2'
+    | 'elevation-3'
+    | 'elevation-4'
+    | 'elevation-5'
+    | 'thick'
+    | undefined;
+  display?: 'flex' | 'none' | 'contents' | undefined;
+  overflow?: 'visible' | 'hidden' | undefined;
+  position?: 'absolute' | 'relative' | 'static' | undefined;
+  alignContent?:
+    | 'flex-start'
+    | 'flex-end'
+    | 'center'
+    | 'stretch'
+    | 'space-between'
+    | 'space-around'
+    | undefined;
+  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | undefined;
+  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline' | undefined;
+  flex?: '1' | undefined;
+  flexDirection?: 'row' | 'column' | 'row-reverse' | 'column-reverse' | undefined;
+  flexGrow?: '1' | '0' | '2' | '3' | undefined;
+  flexShrink?: '1' | '0' | undefined;
+  flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse' | undefined;
+  justifyContent?:
+    | 'flex-start'
+    | 'flex-end'
+    | 'center'
+    | 'space-between'
+    | 'space-around'
+    | 'space-evenly'
+    | undefined;
+  spacing?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingHorizontal?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingVertical?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingBottom?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingEnd?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingStart?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  spacingTop?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offset?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetVertical?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetHorizontal?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetBottom?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetEnd?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetStart?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  offsetTop?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  columnGap?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  rowGap?:
+    | '1'
+    | '0'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5'
+    | '4.5'
+    | '5.5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | undefined;
+  color?:
+    | 'primary'
+    | 'secondary'
+    | 'accent'
+    | 'brand'
+    | 'alert'
+    | 'positive'
+    | 'warning'
+    | 'info'
+    | 'brand-secondary'
+    | 'alert-secondary'
+    | 'positive-secondary'
+    | 'warning-secondary'
+    | 'info-secondary'
+    | 'always/white'
+    | 'always/black'
+    | 'always/transparent'
+    | 'always/brand'
+    | 'always/accent'
+    | 'tertiary'
+    | 'muted'
+    | 'on-color'
+    | undefined;
+  fontFamily?:
+    | 'sans'
+    | 'sans-alt'
+    | 'serif'
+    | 'serif-alt'
+    | 'mono'
+    | 'display1'
+    | 'display2'
+    | 'display3'
+    | 'title1'
+    | 'title2'
+    | 'title3'
+    | 'title4'
+    | 'headline1'
+    | 'body1'
+    | 'label1'
+    | 'label2'
+    | 'label3'
+    | 'label4'
+    | 'caption1'
+    | 'caption2'
+    | 'legal1'
+    | 'ui1'
+    | 'ui2'
+    | 'ui3'
+    | 'ui4'
+    | 'ui5'
+    | 'ui6'
+    | 'display1/emphasized'
+    | 'display2/emphasized'
+    | 'display3/emphasized'
+    | 'title1/emphasized'
+    | 'title2/emphasized'
+    | 'title3/emphasized'
+    | 'title4/emphasized'
+    | 'headline1/emphasized'
+    | 'body1/emphasized'
+    | 'label1/emphasized'
+    | 'label2/emphasized'
+    | 'label3/emphasized'
+    | 'label4/emphasized'
+    | 'caption1/emphasized'
+    | 'caption2/emphasized'
+    | 'legal1/emphasized'
+    | 'ui1/emphasized'
+    | 'ui2/emphasized'
+    | 'ui3/emphasized'
+    | 'ui4/emphasized'
+    | 'ui5/emphasized'
+    | 'ui6/emphasized'
+    | 'icons'
+    | undefined;
+  fontSize?:
+    | 'display1'
+    | 'display2'
+    | 'display3'
+    | 'title1'
+    | 'title2'
+    | 'title3'
+    | 'title4'
+    | 'headline1'
+    | 'body1'
+    | 'label1'
+    | 'label2'
+    | 'label3'
+    | 'label4'
+    | 'caption1'
+    | 'caption2'
+    | 'legal1'
+    | 'ui1'
+    | 'ui2'
+    | 'ui3'
+    | 'ui4'
+    | 'ui5'
+    | 'ui6'
+    | 'display1/emphasized'
+    | 'display2/emphasized'
+    | 'display3/emphasized'
+    | 'title1/emphasized'
+    | 'title2/emphasized'
+    | 'title3/emphasized'
+    | 'title4/emphasized'
+    | 'headline1/emphasized'
+    | 'body1/emphasized'
+    | 'label1/emphasized'
+    | 'label2/emphasized'
+    | 'label3/emphasized'
+    | 'label4/emphasized'
+    | 'caption1/emphasized'
+    | 'caption2/emphasized'
+    | 'legal1/emphasized'
+    | 'ui1/emphasized'
+    | 'ui2/emphasized'
+    | 'ui3/emphasized'
+    | 'ui4/emphasized'
+    | 'ui5/emphasized'
+    | 'ui6/emphasized'
+    | undefined;
+  letterSpacing?:
+    | 'display1'
+    | 'display2'
+    | 'display3'
+    | 'title1'
+    | 'title2'
+    | 'title3'
+    | 'title4'
+    | 'headline1'
+    | 'body1'
+    | 'label1'
+    | 'label2'
+    | 'label3'
+    | 'label4'
+    | 'caption1'
+    | 'caption2'
+    | 'legal1'
+    | 'ui1'
+    | 'ui2'
+    | 'ui3'
+    | 'ui4'
+    | 'ui5'
+    | 'ui6'
+    | 'display1/emphasized'
+    | 'display2/emphasized'
+    | 'display3/emphasized'
+    | 'title1/emphasized'
+    | 'title2/emphasized'
+    | 'title3/emphasized'
+    | 'title4/emphasized'
+    | 'headline1/emphasized'
+    | 'body1/emphasized'
+    | 'label1/emphasized'
+    | 'label2/emphasized'
+    | 'label3/emphasized'
+    | 'label4/emphasized'
+    | 'caption1/emphasized'
+    | 'caption2/emphasized'
+    | 'legal1/emphasized'
+    | 'ui1/emphasized'
+    | 'ui2/emphasized'
+    | 'ui3/emphasized'
+    | 'ui4/emphasized'
+    | 'ui5/emphasized'
+    | 'ui6/emphasized'
+    | undefined;
+  fontWeight?: 'bold' | 'thin' | 'light' | 'medium' | 'regular' | 'semibold' | 'black' | undefined;
+  lineHeight?:
+    | 'display1'
+    | 'display2'
+    | 'display3'
+    | 'title1'
+    | 'title2'
+    | 'title3'
+    | 'title4'
+    | 'headline1'
+    | 'body1'
+    | 'label1'
+    | 'label2'
+    | 'label3'
+    | 'label4'
+    | 'caption1'
+    | 'caption2'
+    | 'legal1'
+    | 'ui1'
+    | 'ui2'
+    | 'ui3'
+    | 'ui4'
+    | 'ui5'
+    | 'ui6'
+    | 'display1/emphasized'
+    | 'display2/emphasized'
+    | 'display3/emphasized'
+    | 'title1/emphasized'
+    | 'title2/emphasized'
+    | 'title3/emphasized'
+    | 'title4/emphasized'
+    | 'headline1/emphasized'
+    | 'body1/emphasized'
+    | 'label1/emphasized'
+    | 'label2/emphasized'
+    | 'label3/emphasized'
+    | 'label4/emphasized'
+    | 'caption1/emphasized'
+    | 'caption2/emphasized'
+    | 'legal1/emphasized'
+    | 'ui1/emphasized'
+    | 'ui2/emphasized'
+    | 'ui3/emphasized'
+    | 'ui4/emphasized'
+    | 'ui5/emphasized'
+    | 'ui6/emphasized'
+    | undefined;
+  textAlign?: 'center' | 'justify' | undefined;
+  textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | undefined;
+  iconSize?: 'xs' | 'sm' | 'md' | 'lg' | undefined;
+  avatarSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
+};