@aws-amplify/ui 5.5.10 → 5.6.1

package/dist/types/theme/tokens/borderWidths.d.ts

@@ -1,5 +1,5 @@
 import { BorderWidthValue, DesignTokenValues, OutputVariantKey } from './types/designToken';
-declare type BorderWidthSize = 'small' | 'medium' | 'large';
-export declare type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>>;
+type BorderWidthSize = 'small' | 'medium' | 'large';
+export type BorderWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>> : Partial<DesignTokenValues<BorderWidthSize, BorderWidthValue<Platform, Output>, Output, Platform>>;
 export declare const borderWidths: BorderWidths<'default'>;
 export {};

package/dist/types/theme/tokens/colors.d.ts

@@ -2,30 +2,30 @@ import { ColorValue, DesignTokenValues, OutputVariantKey } from './types/designT
 /**
  * Util type for creating color interfaces using `ColorValue` from string and number unions
  */
-declare type BaseColorValues<VariantKey extends string | number, Output, Platform = unknown> = DesignTokenValues<VariantKey, ColorValue, Output, Platform>;
-declare type ColorValues<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValues<VariantKey, Output, Platform> : Partial<BaseColorValues<VariantKey, Output, Platform>>;
+type BaseColorValues<VariantKey extends string | number, Output, Platform = unknown> = DesignTokenValues<VariantKey, ColorValue, Output, Platform>;
+type ColorValues<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValues<VariantKey, Output, Platform> : Partial<BaseColorValues<VariantKey, Output, Platform>>;
 /**
  * Util type for creating nested color scale interfaces from variant keys
  */
-declare type BaseColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Record<VariantKey, ColorValues<ScaleKey, Output, Platform>>;
-declare type ColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValueScale<VariantKey, Output, Platform> : Partial<BaseColorValueScale<VariantKey, Output, Platform>>;
-declare type ScaleKey = 10 | 20 | 40 | 60 | 80 | 90 | 100;
-declare type OverlayKey = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
-declare type ColorPaletteKey = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'pink' | 'neutral';
-declare type GreyscalePaletteKey = 'white' | 'black' | 'transparent';
-declare type OrderVariant = 'primary' | 'secondary' | 'tertiary';
-declare type OrderVariantKey<Output = unknown> = Output extends 'default' ? Exclude<OrderVariant, 'quaternary'> : OrderVariant;
-declare type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
-declare type WebStateVariantKey = 'active' | 'disabled' | 'error' | 'hover' | 'focus' | 'pressed';
-declare type ReactNativeStateVariantKey = Exclude<WebStateVariantKey, 'focused' | 'hover'>;
-declare type StateVariantKey<Platform> = Platform extends 'react-native' ? ReactNativeStateVariantKey : WebStateVariantKey;
-declare type BrandVariantKey = Extract<OrderVariantKey, 'primary' | 'secondary'>;
-declare type FontVariantKey<Output, Platform> = 'inverse' | 'interactive' | Extract<StateVariantKey<Platform>, 'active' | 'disabled' | 'hover' | 'focus'> | OrderVariantKey<Output> | InformationVariantKey;
-declare type BackgroundColorKey<Platform> = Extract<StateVariantKey<Platform>, 'disabled'> | OrderVariantKey | InformationVariantKey | 'quaternary';
-declare type BorderColorKey<Output, Platform> = Extract<StateVariantKey<Platform>, 'disabled' | 'error'> | OrderVariantKey<Output> | (Output extends 'default' ? Exclude<StateVariantKey<Platform>, 'active' | 'hover'> : StateVariantKey<Platform>);
-declare type PaletteValues<Output, Platform> = ColorValueScale<ColorPaletteKey, Output, Platform>;
-declare type GreyscaleColors<Output, Platform> = ColorValues<GreyscalePaletteKey, Output, Platform>;
-declare type BaseColors<Output extends OutputVariantKey = unknown, Platform = unknown> = PaletteValues<Output, Platform> & GreyscaleColors<Output, Platform> & {
+type BaseColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Record<VariantKey, ColorValues<ScaleKey, Output, Platform>>;
+type ColorValueScale<VariantKey extends string | number, Output, Platform = unknown> = Output extends 'required' | 'default' ? BaseColorValueScale<VariantKey, Output, Platform> : Partial<BaseColorValueScale<VariantKey, Output, Platform>>;
+type ScaleKey = 10 | 20 | 40 | 60 | 80 | 90 | 100;
+type OverlayKey = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90;
+type ColorPaletteKey = 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'purple' | 'pink' | 'neutral';
+type GreyscalePaletteKey = 'white' | 'black' | 'transparent';
+type OrderVariant = 'primary' | 'secondary' | 'tertiary';
+type OrderVariantKey<Output = unknown> = Output extends 'default' ? Exclude<OrderVariant, 'quaternary'> : OrderVariant;
+type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
+type WebStateVariantKey = 'active' | 'disabled' | 'error' | 'hover' | 'focus' | 'pressed';
+type ReactNativeStateVariantKey = Exclude<WebStateVariantKey, 'focused' | 'hover'>;
+type StateVariantKey<Platform> = Platform extends 'react-native' ? ReactNativeStateVariantKey : WebStateVariantKey;
+type BrandVariantKey = Extract<OrderVariantKey, 'primary' | 'secondary'>;
+type FontVariantKey<Output, Platform> = 'inverse' | 'interactive' | Extract<StateVariantKey<Platform>, 'active' | 'disabled' | 'hover' | 'focus'> | OrderVariantKey<Output> | InformationVariantKey;
+type BackgroundColorKey<Platform> = Extract<StateVariantKey<Platform>, 'disabled'> | OrderVariantKey | InformationVariantKey | 'quaternary';
+type BorderColorKey<Output, Platform> = Extract<StateVariantKey<Platform>, 'disabled' | 'error'> | OrderVariantKey<Output> | (Output extends 'default' ? Exclude<StateVariantKey<Platform>, 'active' | 'hover'> : StateVariantKey<Platform>);
+type PaletteValues<Output, Platform> = ColorValueScale<ColorPaletteKey, Output, Platform>;
+type GreyscaleColors<Output, Platform> = ColorValues<GreyscalePaletteKey, Output, Platform>;
+type BaseColors<Output extends OutputVariantKey = unknown, Platform = unknown> = PaletteValues<Output, Platform> & GreyscaleColors<Output, Platform> & {
     brand?: ColorValueScale<BrandVariantKey, Output, Platform>;
     background?: ColorValues<BackgroundColorKey<Platform>, Output, Platform>;
     border?: ColorValues<BorderColorKey<Output, Platform>, Output, Platform>;
@@ -33,6 +33,6 @@ declare type BaseColors<Output extends OutputVariantKey = unknown, Platform = un
     overlay?: ColorValues<OverlayKey, Output, Platform>;
     shadow?: ColorValues<OrderVariantKey, Output, Platform>;
 };
-export declare type Colors<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseColors<Output, Platform>> : BaseColors<Output, Platform>) & Record<string, any>;
+export type Colors<Output extends OutputVariantKey = unknown, Platform = unknown> = (Output extends 'required' | 'default' ? Required<BaseColors<Output, Platform>> : BaseColors<Output, Platform>) & Record<string, any>;
 export declare const colors: Colors<'default'>;
 export {};

package/dist/types/theme/tokens/components/alert.d.ts

@@ -1,9 +1,9 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type AlertVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color', OutputType>;
-declare type AlertIconTokens<OutputType> = DesignTokenProperties<'size', OutputType>;
-declare type AlertHeadingTokens<OutputType> = DesignTokenProperties<'fontSize' | 'fontWeight', OutputType>;
-declare type AlertTokenKey = 'alignItems' | 'justifyContent' | 'color' | 'backgroundColor' | 'paddingBlock' | 'paddingInline';
-export declare type AlertTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<AlertTokenKey, OutputType> & {
+type AlertVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color', OutputType>;
+type AlertIconTokens<OutputType> = DesignTokenProperties<'size', OutputType>;
+type AlertHeadingTokens<OutputType> = DesignTokenProperties<'fontSize' | 'fontWeight', OutputType>;
+type AlertTokenKey = 'alignItems' | 'justifyContent' | 'color' | 'backgroundColor' | 'paddingBlock' | 'paddingInline';
+export type AlertTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<AlertTokenKey, OutputType> & {
     icon?: AlertIconTokens<OutputType>;
     heading?: AlertHeadingTokens<OutputType>;
     info?: AlertVariationTokens<OutputType>;

package/dist/types/theme/tokens/components/authenticator.d.ts

@@ -1,20 +1,20 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ModalTokenKey = 'width' | 'height' | 'backgroundColor' | 'top' | 'left';
-declare type AuthenticatorModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
-declare type RouterKey = 'borderWidth' | 'borderStyle' | 'borderColor' | 'backgroundColor' | 'boxShadow';
-declare type AuthenticatorRouterTokens<OutputType> = DesignTokenProperties<RouterKey, OutputType>;
-declare type AuthenticatorFooterTokens<OutputType> = DesignTokenProperties<'paddingBottom', OutputType>;
-declare type AuthenticatorFormTokens<OutputType> = DesignTokenProperties<'padding', OutputType>;
-declare type AuthenticatorStateTokens<OutputType> = {
+type ModalTokenKey = 'width' | 'height' | 'backgroundColor' | 'top' | 'left';
+type AuthenticatorModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
+type RouterKey = 'borderWidth' | 'borderStyle' | 'borderColor' | 'backgroundColor' | 'boxShadow';
+type AuthenticatorRouterTokens<OutputType> = DesignTokenProperties<RouterKey, OutputType>;
+type AuthenticatorFooterTokens<OutputType> = DesignTokenProperties<'paddingBottom', OutputType>;
+type AuthenticatorFormTokens<OutputType> = DesignTokenProperties<'padding', OutputType>;
+type AuthenticatorStateTokens<OutputType> = {
     inactive?: DesignTokenProperties<'backgroundColor', OutputType>;
 };
-declare type AuthenticatorOrContainerTokens<OutputType> = DesignTokenProperties<'color', OutputType> & {
+type AuthenticatorOrContainerTokens<OutputType> = DesignTokenProperties<'color', OutputType> & {
     orLine?: DesignTokenProperties<'backgroundColor', OutputType>;
 };
-declare type AuthenticatorContainerToken<OutputType> = {
+type AuthenticatorContainerToken<OutputType> = {
     widthMax?: DesignTokenProperties<'maxWidth', OutputType>['maxWidth'];
 };
-export declare type AuthenticatorTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'maxWidth', OutputType> & {
+export type AuthenticatorTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'maxWidth', OutputType> & {
     modal?: AuthenticatorModalTokens<OutputType>;
     container?: AuthenticatorContainerToken<OutputType>;
     router?: AuthenticatorRouterTokens<OutputType>;

package/dist/types/theme/tokens/components/autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type AutocompleteTokens<OutputType extends OutputVariantKey> = {
+export type AutocompleteTokens<OutputType extends OutputVariantKey> = {
     menu?: DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'marginBlockStart' | 'width', OutputType> & {
         options?: DesignTokenProperties<'display' | 'flexDirection' | 'maxHeight', OutputType>;
         option?: DesignTokenProperties<'backgroundColor' | 'color' | 'cursor' | 'transitionDuration' | 'transitionProperty' | 'transitionTimingFunction', OutputType> & {

package/dist/types/theme/tokens/components/badge.d.ts

@@ -1,10 +1,10 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type VariationKey = 'backgroundColor' | 'color';
-declare type BadgeVariationTokens<OutputType> = DesignTokenProperties<VariationKey, OutputType>;
-declare type SizeKey = 'fontSize' | 'paddingHorizontal' | 'paddingVertical';
-declare type BadgeSizeTokens<OutputType> = DesignTokenProperties<SizeKey, OutputType>;
-declare type BadgeKey = 'backgroundColor' | 'borderRadius' | 'color' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'paddingHorizontal' | 'paddingVertical' | 'textAlign';
-export declare type BadgeTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<BadgeKey, OutputType> & {
+type VariationKey = 'backgroundColor' | 'color';
+type BadgeVariationTokens<OutputType> = DesignTokenProperties<VariationKey, OutputType>;
+type SizeKey = 'fontSize' | 'paddingHorizontal' | 'paddingVertical';
+type BadgeSizeTokens<OutputType> = DesignTokenProperties<SizeKey, OutputType>;
+type BadgeKey = 'backgroundColor' | 'borderRadius' | 'color' | 'fontSize' | 'fontWeight' | 'lineHeight' | 'paddingHorizontal' | 'paddingVertical' | 'textAlign';
+export type BadgeTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<BadgeKey, OutputType> & {
     error?: BadgeVariationTokens<OutputType>;
     large?: BadgeSizeTokens<OutputType>;
     small?: BadgeSizeTokens<OutputType>;

package/dist/types/theme/tokens/components/button.d.ts

@@ -1,29 +1,29 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
-declare type StateWithShadowTokens<Output> = StateTokens<Output> & DesignTokenProperties<'boxShadow', Output>;
-declare type MenuStateTokens<Output> = Omit<StateTokens<Output>, 'borderColor'>;
-declare type PrimaryVariationTokens<Output> = StateTokens<Output> & DesignTokenProperties<'borderStyle' | 'borderWidth', Output> & {
+type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
+type StateWithShadowTokens<Output> = StateTokens<Output> & DesignTokenProperties<'boxShadow', Output>;
+type MenuStateTokens<Output> = Omit<StateTokens<Output>, 'borderColor'>;
+type PrimaryVariationTokens<Output> = StateTokens<Output> & DesignTokenProperties<'borderStyle' | 'borderWidth', Output> & {
     _disabled?: StateTokens<Output>;
     _loading?: StateTokens<Output>;
     _hover?: StateTokens<Output>;
     _focus?: StateWithShadowTokens<Output>;
     _active?: StateTokens<Output>;
 };
-declare type MenuVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'justifyContent', Output> & {
+type MenuVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'justifyContent', Output> & {
     _hover?: MenuStateTokens<Output>;
     _focus?: MenuStateTokens<Output>;
     _active?: MenuStateTokens<Output>;
     _disabled?: Omit<StateTokens<Output>, 'borderColor' | 'backgroundColor'>;
 };
-declare type LinkVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderWidth' | 'color', Output> & {
+type LinkVariationTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderWidth' | 'color', Output> & {
     _hover?: StateTokens<Output>;
     _focus?: StateWithShadowTokens<Output>;
     _active?: StateTokens<Output>;
     _disabled?: StateTokens<Output>;
     _loading?: StateTokens<Output>;
 };
-declare type ButtonSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
-export declare type ButtonTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontWeight' | 'transitionDuration' | 'fontSize' | 'lineHeight' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'borderColor' | 'borderWidth' | 'borderStyle' | 'borderRadius' | 'color', Output> & {
+type ButtonSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
+export type ButtonTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontWeight' | 'transitionDuration' | 'fontSize' | 'lineHeight' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'borderColor' | 'borderWidth' | 'borderStyle' | 'borderRadius' | 'color', Output> & {
     _hover?: StateTokens<Output>;
     _focus?: StateWithShadowTokens<Output>;
     _active?: StateTokens<Output>;

package/dist/types/theme/tokens/components/card.d.ts

@@ -1,7 +1,7 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type CardVariationStyleKey = 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'boxShadow';
-declare type CardVariationTokens<OutputType> = DesignTokenProperties<CardVariationStyleKey, OutputType>;
-export declare type CardTokens<OutputType extends OutputVariantKey> = CardVariationTokens<OutputType> & DesignTokenProperties<'padding', OutputType> & {
+type CardVariationStyleKey = 'backgroundColor' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'boxShadow';
+type CardVariationTokens<OutputType> = DesignTokenProperties<CardVariationStyleKey, OutputType>;
+export type CardTokens<OutputType extends OutputVariantKey> = CardVariationTokens<OutputType> & DesignTokenProperties<'padding', OutputType> & {
     elevated?: CardVariationTokens<OutputType>;
     outlined?: CardVariationTokens<OutputType>;
 };

package/dist/types/theme/tokens/components/checkbox.d.ts

@@ -1,7 +1,7 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ButtonFocusToken<Output> = DesignTokenProperties<'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'borderColor' | 'boxShadow', Output>;
-declare type BeforeToken<Output> = DesignTokenProperties<'width' | 'height' | 'borderWidth' | 'borderRadius' | 'borderStyle' | 'borderColor', Output>;
-declare type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItems' | 'justifyContent' | 'color', Output> & {
+type ButtonFocusToken<Output> = DesignTokenProperties<'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'borderColor' | 'boxShadow', Output>;
+type BeforeToken<Output> = DesignTokenProperties<'width' | 'height' | 'borderWidth' | 'borderRadius' | 'borderStyle' | 'borderColor', Output>;
+type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItems' | 'justifyContent' | 'color', Output> & {
     before?: BeforeToken<Output>;
     _focus?: ButtonFocusToken<Output>;
     _disabled?: DesignTokenProperties<'borderColor', Output>;
@@ -9,14 +9,14 @@ declare type ButtonToken<Output> = DesignTokenProperties<'position' | 'alignItem
         _focus?: DesignTokenProperties<'borderColor' | 'boxShadow', Output>;
     };
 };
-declare type IconCheckedStateToken<Output> = DesignTokenProperties<'opacity' | 'transform'> & {
+type IconCheckedStateToken<Output> = DesignTokenProperties<'opacity' | 'transform'> & {
     _disabled?: DesignTokenProperties<'backgroundColor', Output>;
 };
-declare type IconToken<Output> = DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'opacity' | 'transform' | 'transitionProperty' | 'transitionDuration' | 'transitionTimingFunction', Output> & {
+type IconToken<Output> = DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'opacity' | 'transform' | 'transitionProperty' | 'transitionDuration' | 'transitionTimingFunction', Output> & {
     _checked?: IconCheckedStateToken<Output>;
     _indeterminate?: IconCheckedStateToken<Output>;
 };
-export declare type CheckboxTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'cursor', Output> & {
+export type CheckboxTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'cursor', Output> & {
     _disabled?: DesignTokenProperties<'cursor', Output>;
     button?: ButtonToken<Output>;
     icon?: IconToken<Output>;

package/dist/types/theme/tokens/components/checkboxField.d.ts

@@ -1,3 +1,3 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type CheckboxFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'alignContent' | 'flexDirection' | 'justifyContent', Output>;
+export type CheckboxFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'alignContent' | 'flexDirection' | 'justifyContent', Output>;
 export declare const checkboxfield: Required<CheckboxFieldTokens<'default'>>;

package/dist/types/theme/tokens/components/collection.d.ts

@@ -1,13 +1,13 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
-declare type PaginationTokens<Output> = {
+type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
+type PaginationTokens<Output> = {
     current?: DesignTokenProperties<'color' | 'backgroundColor', Output>;
     button?: DesignTokenProperties<'color', Output> & {
         _hover?: DesignTokenProperties<'backgroundColor' | 'color', Output>;
         _disabled?: DesignTokenProperties<'color', Output>;
     };
 };
-declare type SearchTokens<Output> = {
+type SearchTokens<Output> = {
     input?: DesignTokenProperties<'color', Output>;
     button?: DesignTokenProperties<'color', Output> & {
         _active?: StateTokens<Output>;

package/dist/types/theme/tokens/components/copy.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type CopyTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontSize' | 'gap', Output> & {
+export type CopyTokens<Output extends OutputVariantKey> = DesignTokenProperties<'fontSize' | 'gap', Output> & {
     svg?: {
         path?: DesignTokenProperties<'fill', Output>;
     };

package/dist/types/theme/tokens/components/dialCodeSelect.d.ts

@@ -1,3 +1,3 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type DialCodeSelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height', Output>;
+export type DialCodeSelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height', Output>;
 export declare const dialcodeselect: Required<DialCodeSelectTokens<'default'>>;

package/dist/types/theme/tokens/components/divider.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type DividerSizeTokens<Output> = DesignTokenProperties<'borderWidth', Output>;
-export declare type DividerTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'opacity', Output> & {
+type DividerSizeTokens<Output> = DesignTokenProperties<'borderWidth', Output>;
+export type DividerTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'opacity', Output> & {
     label?: DesignTokenProperties<'color' | 'paddingInline' | 'fontSize' | 'backgroundColor', Output>;
     small?: DividerSizeTokens<Output>;
     large?: DividerSizeTokens<Output>;

package/dist/types/theme/tokens/components/expander.d.ts

@@ -1,17 +1,17 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ExpanderItemTokens<Output> = DesignTokenProperties<'marginTop' | 'boxShadow' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderStartStartRadius' | 'borderStartEndRadius' | 'borderEndStartRadius' | 'borderEndEndRadius', Output> & {
+type ExpanderItemTokens<Output> = DesignTokenProperties<'marginTop' | 'boxShadow' | 'borderBottomLeftRadius' | 'borderBottomRightRadius' | 'borderTopLeftRadius' | 'borderTopRightRadius' | 'borderStartStartRadius' | 'borderStartEndRadius' | 'borderEndStartRadius' | 'borderEndEndRadius', Output> & {
     _focus?: DesignTokenProperties<'boxShadow', Output>;
 };
-declare type ExpanderTriggerTokens<Output> = DesignTokenProperties<'minHeight' | 'paddingInlineStart' | 'paddingInlineEnd' | 'alignItems' | 'justifyContent', Output> & {
+type ExpanderTriggerTokens<Output> = DesignTokenProperties<'minHeight' | 'paddingInlineStart' | 'paddingInlineEnd' | 'alignItems' | 'justifyContent', Output> & {
     _hover?: DesignTokenProperties<'backgroundColor', Output>;
 };
-declare type ExpanderContentStateTokens<Output> = DesignTokenProperties<'animationDuration' | 'animationTimingFunction', Output>;
-declare type ExpanderContentTokens<Output> = DesignTokenProperties<'paddingInlineStart' | 'paddingInlineEnd', Output> & {
+type ExpanderContentStateTokens<Output> = DesignTokenProperties<'animationDuration' | 'animationTimingFunction', Output>;
+type ExpanderContentTokens<Output> = DesignTokenProperties<'paddingInlineStart' | 'paddingInlineEnd', Output> & {
     text?: DesignTokenProperties<'color' | 'paddingBlockStart' | 'paddingBlockEnd', Output>;
     _open?: ExpanderContentStateTokens<Output>;
     _closed?: ExpanderContentStateTokens<Output>;
 };
-export declare type ExpanderTokens<Output extends OutputVariantKey> = DesignTokenProperties<'display' | 'backgroundColor' | 'borderRadius' | 'boxShadow' | 'width', Output> & {
+export type ExpanderTokens<Output extends OutputVariantKey> = DesignTokenProperties<'display' | 'backgroundColor' | 'borderRadius' | 'boxShadow' | 'width', Output> & {
     content?: ExpanderContentTokens<Output>;
     header?: DesignTokenProperties<'boxShadow', Output>;
     item?: ExpanderItemTokens<Output>;

package/dist/types/theme/tokens/components/field.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type FieldSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'gap', Output>;
-export declare type FieldTokens<Output extends OutputVariantKey> = FieldSizeTokens<Output> & {
+type FieldSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'gap', Output>;
+export type FieldTokens<Output extends OutputVariantKey> = FieldSizeTokens<Output> & DesignTokenProperties<'flexDirection', Output> & {
     small?: FieldSizeTokens<Output>;
     large?: FieldSizeTokens<Output>;
     label?: DesignTokenProperties<'color', Output>;

package/dist/types/theme/tokens/components/fieldControl.d.ts

@@ -1,17 +1,17 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type FieldControlSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
-declare type FieldControlFocusTokens<Output> = DesignTokenProperties<'borderColor' | 'boxShadow', Output>;
-declare type FieldControlDisabledTokens<Output> = DesignTokenProperties<'color' | 'cursor' | 'borderColor' | 'backgroundColor', Output>;
-declare type FieldControlErrorTokens<Output> = DesignTokenProperties<'borderColor', Output> & {
+type FieldControlSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd', Output>;
+type FieldControlFocusTokens<Output> = DesignTokenProperties<'borderColor' | 'boxShadow', Output>;
+type FieldControlDisabledTokens<Output> = DesignTokenProperties<'color' | 'cursor' | 'borderColor' | 'backgroundColor', Output>;
+type FieldControlErrorTokens<Output> = DesignTokenProperties<'borderColor', Output> & {
     _focus?: DesignTokenProperties<'boxShadow', Output>;
 };
-declare type FieldControlQuietTokens<Output> = DesignTokenProperties<'borderStyle' | 'borderInlineStart' | 'borderInlineEnd' | 'borderBlockStart' | 'borderRadius', Output> & {
+type FieldControlQuietTokens<Output> = DesignTokenProperties<'borderStyle' | 'borderInlineStart' | 'borderInlineEnd' | 'borderBlockStart' | 'borderRadius', Output> & {
     _focus?: DesignTokenProperties<'borderBlockEndColor' | 'boxShadow', Output>;
     _error?: DesignTokenProperties<'borderBlockEndColor', Output> & {
         _focus?: DesignTokenProperties<'boxShadow', Output>;
     };
 };
-export declare type FieldControlTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'borderRadius' | 'color' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'fontSize' | 'lineHeight' | 'transitionDuration' | 'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset', Output> & {
+export type FieldControlTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderStyle' | 'borderColor' | 'borderWidth' | 'borderRadius' | 'color' | 'paddingBlockStart' | 'paddingBlockEnd' | 'paddingInlineStart' | 'paddingInlineEnd' | 'fontSize' | 'lineHeight' | 'transitionDuration' | 'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset', Output> & {
     small?: FieldControlSizeTokens<Output>;
     large?: FieldControlSizeTokens<Output>;
     quiet?: FieldControlQuietTokens<Output>;

package/dist/types/theme/tokens/components/fieldGroup.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type FieldGroupTokens<Output extends OutputVariantKey> = DesignTokenProperties<'gap', Output> & {
+export type FieldGroupTokens<Output extends OutputVariantKey> = DesignTokenProperties<'gap', Output> & {
     vertical?: DesignTokenProperties<'alignItems', Output>;
     outer?: DesignTokenProperties<'alignItems', Output>;
 };

package/dist/types/theme/tokens/components/fieldMessages.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type FieldMessagesTokens<Output extends OutputVariantKey> = {
+export type FieldMessagesTokens<Output extends OutputVariantKey> = {
     error?: DesignTokenProperties<'color' | 'fontSize', Output>;
     description?: DesignTokenProperties<'color' | 'fontSize' | 'fontStyle', Output>;
 };

package/dist/types/theme/tokens/components/fileUploader.d.ts

@@ -1,8 +1,8 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 import { TypographyTokens } from '../types/typography';
-declare type BaseDropZoneTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderRadius', OutputType>;
+type BaseDropZoneTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderRadius', OutputType>;
 export interface FileUploaderTokens<OutputType extends OutputVariantKey> {
-    dropzone?: DesignTokenProperties<'gap' | 'paddingBlock' | 'paddingInline' | 'textAlign'> & BaseDropZoneTokens<OutputType> & {
+    dropzone?: DesignTokenProperties<'gap' | 'paddingBlock' | 'paddingInline' | 'textAlign', OutputType> & BaseDropZoneTokens<OutputType> & {
         _active?: BaseDropZoneTokens<OutputType>;
         icon?: DesignTokenProperties<'fontSize' | 'color', OutputType>;
         text?: TypographyTokens<OutputType>;

package/dist/types/theme/tokens/components/flex.d.ts

@@ -1,3 +1,3 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type FlexTokens<Output extends OutputVariantKey> = DesignTokenProperties<'gap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'flexWrap', Output>;
+export type FlexTokens<Output extends OutputVariantKey> = DesignTokenProperties<'gap' | 'justifyContent' | 'alignItems' | 'alignContent' | 'flexWrap', Output>;
 export declare const flex: Required<FlexTokens<'default'>>;

package/dist/types/theme/tokens/components/heading.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type HeadingLevelTokens<Output> = DesignTokenProperties<'fontSize' | 'fontWeight', Output>;
-declare type Level = 1 | 2 | 3 | 4 | 5 | 6;
-export declare type HeadingTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color' | 'lineHeight', Output> & Partial<Record<Level, HeadingLevelTokens<Output>>>;
+type HeadingLevelTokens<Output> = DesignTokenProperties<'fontSize' | 'fontWeight', Output>;
+type Level = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color' | 'lineHeight', Output> & Partial<Record<Level, HeadingLevelTokens<Output>>>;
 export declare const heading: Required<HeadingTokens<'default'>>;
 export {};

package/dist/types/theme/tokens/components/highlightMatch.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type HighlightMatchTokens<OutputType extends OutputVariantKey> = {
+export type HighlightMatchTokens<OutputType extends OutputVariantKey> = {
     highlighted?: DesignTokenProperties<'fontWeight', OutputType>;
 };
 export declare const highlightmatch: Required<HighlightMatchTokens<'default'>>;

package/dist/types/theme/tokens/components/icon.d.ts

@@ -1,3 +1,3 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type IconTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height' | 'lineHeight', Output>;
+export type IconTokens<Output extends OutputVariantKey> = DesignTokenProperties<'height' | 'lineHeight', Output>;
 export declare const icon: Required<IconTokens<'default'>>;

package/dist/types/theme/tokens/components/image.d.ts

@@ -1,3 +1,3 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type ImageTokens<Output extends OutputVariantKey> = DesignTokenProperties<'maxWidth' | 'height' | 'objectFit' | 'objectPosition', Output>;
+export type ImageTokens<Output extends OutputVariantKey> = DesignTokenProperties<'maxWidth' | 'height' | 'objectFit' | 'objectPosition', Output>;
 export declare const image: Required<ImageTokens<'default'>>;

package/dist/types/theme/tokens/components/inAppMessaging.d.ts

@@ -1,9 +1,9 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type BannerTokens<Output> = DesignTokenProperties<'height' | 'width', Output>;
-declare type ButtonTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'color', Output>;
-declare type DialogTokens<Output> = DesignTokenProperties<'height' | 'minHeight' | 'minWidth' | 'width', Output>;
-declare type HeaderTokens<Output> = DesignTokenProperties<'fontSize' | 'fontWeight', Output>;
-export declare type InAppMessagingTokens<Output extends OutputVariantKey> = {
+type BannerTokens<Output> = DesignTokenProperties<'height' | 'width', Output>;
+type ButtonTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'color', Output>;
+type DialogTokens<Output> = DesignTokenProperties<'height' | 'minHeight' | 'minWidth' | 'width', Output>;
+type HeaderTokens<Output> = DesignTokenProperties<'fontSize' | 'fontWeight', Output>;
+export type InAppMessagingTokens<Output extends OutputVariantKey> = {
     banner?: BannerTokens<Output>;
     button?: ButtonTokens<Output>;
     dialog?: DialogTokens<Output>;

package/dist/types/theme/tokens/components/index.d.ts

@@ -23,6 +23,7 @@ import { IconTokens } from './icon';
 import { ImageTokens } from './image';
 import { InAppMessagingTokens } from './inAppMessaging';
 import { LinkTokens } from './link';
+import { LivenessTokens } from './liveness';
 import { LoaderTokens } from './loader';
 import { MenuTokens } from './menu';
 import { PaginationTokens } from './pagination';
@@ -47,7 +48,7 @@ import { TextFieldTokens } from './textField';
 import { ToggleButtonTokens } from './toggleButton';
 import { ToggleButtonGroupTokens } from './toggleButtonGroup';
 import { OutputVariantKey } from '../types/designToken';
-declare type BaseComponentTokens<Output extends OutputVariantKey> = {
+type BaseComponentTokens<Output extends OutputVariantKey> = {
     alert?: AlertTokens<Output>;
     authenticator?: AuthenticatorTokens<Output>;
     autocomplete?: AutocompleteTokens<Output>;
@@ -73,6 +74,7 @@ declare type BaseComponentTokens<Output extends OutputVariantKey> = {
     image?: ImageTokens<Output>;
     inappmessaging?: InAppMessagingTokens<Output>;
     link?: LinkTokens<Output>;
+    liveness?: LivenessTokens<Output>;
     loader?: LoaderTokens<Output>;
     menu?: MenuTokens<Output>;
     pagination?: PaginationTokens<Output>;
@@ -97,11 +99,11 @@ declare type BaseComponentTokens<Output extends OutputVariantKey> = {
     togglebutton?: ToggleButtonTokens<Output>;
     togglebuttongroup?: ToggleButtonGroupTokens<Output>;
 };
-export declare type ComponentTokens = BaseComponentTokens<'optional'>;
-export declare type DefaultComponentTokens = Required<{
+export type ComponentTokens = BaseComponentTokens<'optional'>;
+export type DefaultComponentTokens = Required<{
     [Key in keyof ComponentTokens]: Required<BaseComponentTokens<'default'>[Key]>;
 }>;
-export declare type WebComponentTokens = Required<{
+export type WebComponentTokens = Required<{
     [Key in keyof ComponentTokens]: Required<BaseComponentTokens<'required'>[Key]>;
 }>;
 export declare const components: DefaultComponentTokens;

package/dist/types/theme/tokens/components/link.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type LinkState = 'active' | 'focus' | 'hover' | 'visited';
-export declare type LinkTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color', Output> & Partial<Record<LinkState, DesignTokenProperties<'color', Output>>>;
+type LinkState = 'active' | 'focus' | 'hover' | 'visited';
+export type LinkTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color', Output> & Partial<Record<LinkState, DesignTokenProperties<'color', Output>>>;
 export declare const link: Required<LinkTokens<'default'>>;
 export {};

package/dist/types/theme/tokens/components/liveness.d.ts

@@ -0,0 +1,8 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+type ModalTokenKey = 'backgroundColor';
+type LivenessModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
+export type LivenessTokens<OutputType extends OutputVariantKey> = {
+    cameraModule?: LivenessModalTokens<OutputType>;
+};
+export declare const liveness: Required<LivenessTokens<'default'>>;
+export {};

package/dist/types/theme/tokens/components/loader.d.ts

@@ -1,8 +1,8 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type LoaderSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'height' | 'width', Output>;
-declare type LoaderLinearSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'strokeWidth', Output>;
-declare type BaseLoaderTokens<Output> = DesignTokenProperties<'animationDuration' | 'fontSize' | 'height' | 'strokeEmpty' | 'strokeFilled' | 'strokeLinecap' | 'width', Output>;
-export declare type LoaderTokens<Output extends OutputVariantKey> = BaseLoaderTokens<Output> & {
+type LoaderSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'height' | 'width', Output>;
+type LoaderLinearSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'strokeWidth', Output>;
+type BaseLoaderTokens<Output> = DesignTokenProperties<'animationDuration' | 'fontSize' | 'height' | 'strokeEmpty' | 'strokeFilled' | 'strokeLinecap' | 'width', Output>;
+export type LoaderTokens<Output extends OutputVariantKey> = BaseLoaderTokens<Output> & {
     small?: LoaderSizeTokens<Output>;
     large?: LoaderSizeTokens<Output>;
     linear?: Omit<BaseLoaderTokens<Output> & DesignTokenProperties<'minWidth' | 'strokeWidth', Output> & {

package/dist/types/theme/tokens/components/menu.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type MenuSizeTokens<Output> = DesignTokenProperties<'width' | 'height', Output>;
-export declare type MenuTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'boxShadow' | 'flexDirection' | 'gap' | 'maxWidth' | 'minWidth', Output> & {
+type MenuSizeTokens<Output> = DesignTokenProperties<'width' | 'height', Output>;
+export type MenuTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'boxShadow' | 'flexDirection' | 'gap' | 'maxWidth' | 'minWidth', Output> & {
     small?: MenuSizeTokens<Output>;
     large?: MenuSizeTokens<Output>;
     item?: DesignTokenProperties<'minHeight' | 'paddingInlineEnd' | 'paddingInlineStart', Output>;

package/dist/types/theme/tokens/components/pagination.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type PaginationTokens<Output extends OutputVariantKey> = {
+export type PaginationTokens<Output extends OutputVariantKey> = {
     current?: DesignTokenProperties<'alignItems' | 'backgroundColor' | 'color' | 'fontSize' | 'justifyContent', Output>;
     button?: DesignTokenProperties<'color' | 'paddingInlineEnd' | 'paddingInlineStart' | 'transitionDuration' | 'transitionProperty', Output> & {
         hover?: DesignTokenProperties<'backgroundColor' | 'color', Output>;

package/dist/types/theme/tokens/components/passwordField.d.ts

@@ -1,12 +1,12 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
-declare type ButtonTokens<Output> = DesignTokenProperties<'color', Output> & {
+type StateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', Output>;
+type ButtonTokens<Output> = DesignTokenProperties<'color', Output> & {
     _active?: StateTokens<Output>;
     _disabled?: StateTokens<Output>;
     _focus?: StateTokens<Output>;
     _hover?: StateTokens<Output>;
 };
-export declare type PasswordFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color', Output> & {
+export type PasswordFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color', Output> & {
     button?: ButtonTokens<Output>;
 };
 export declare const passwordfield: Required<PasswordFieldTokens<'default'>>;

package/dist/types/theme/tokens/components/phoneNumberField.d.ts

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type PhoneNumberFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color' | 'borderColor' | 'fontSize', Output> & {
+export type PhoneNumberFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color' | 'borderColor' | 'fontSize', Output> & {
     _focus?: DesignTokenProperties<'borderColor', Output>;
 };
 export declare const phonenumberfield: {

package/dist/types/theme/tokens/components/placeholder.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type PlaceholderSizeTokens<Output> = DesignTokenProperties<'height', Output>;
-export declare type PlaceholderTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderRadius' | 'transitionDuration' | 'startColor' | 'endColor', Output> & {
+type PlaceholderSizeTokens<Output> = DesignTokenProperties<'height', Output>;
+export type PlaceholderTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderRadius' | 'transitionDuration' | 'startColor' | 'endColor', Output> & {
     small?: PlaceholderSizeTokens<Output>;
     default?: PlaceholderSizeTokens<Output>;
     large?: PlaceholderSizeTokens<Output>;

package/dist/types/theme/tokens/components/radio.d.ts

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type RadioButtonSizeTokens<Output> = DesignTokenProperties<'width' | 'height', Output>;
-export declare type RadioTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'justifyContent' | 'gap', Output> & {
+type RadioButtonSizeTokens<Output> = DesignTokenProperties<'width' | 'height', Output>;
+export type RadioTokens<Output extends OutputVariantKey> = DesignTokenProperties<'alignItems' | 'justifyContent' | 'gap', Output> & {
     _disabled?: DesignTokenProperties<'cursor', Output>;
     button?: DesignTokenProperties<'alignItems' | 'justifyContent' | 'width' | 'height' | 'boxSizing' | 'borderWidth' | 'borderStyle' | 'borderRadius' | 'borderColor' | 'color' | 'backgroundColor' | 'transitionProperty' | 'transitionDuration' | 'outlineColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'padding', Output> & {
         small?: RadioButtonSizeTokens<Output>;