@aws-amplify/ui 5.6.0 → 5.6.1

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

@@ -48,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>;
@@ -99,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

@@ -1,7 +1,7 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ModalTokenKey = 'backgroundColor';
-declare type LivenessModalTokens<OutputType> = DesignTokenProperties<ModalTokenKey, OutputType>;
-export declare type LivenessTokens<OutputType extends OutputVariantKey> = {
+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'>>;

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>;

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

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type RadioGroupTokens<Output extends OutputVariantKey> = {
+export type RadioGroupTokens<Output extends OutputVariantKey> = {
     radio?: DesignTokenProperties<'borderWidth' | 'borderColor' | 'backgroundColor', Output> & {
         _checked?: DesignTokenProperties<'color', Output>;
         label?: DesignTokenProperties<'color', Output>;

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

@@ -1,5 +1,5 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-export declare type RatingTokens<Output extends OutputVariantKey> = {
+export type RatingTokens<Output extends OutputVariantKey> = {
     large?: DesignTokenProperties<'size', Output>;
     default?: DesignTokenProperties<'size', Output>;
     small?: DesignTokenProperties<'size', Output>;

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

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

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

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type SelectSizeTokens<Output> = DesignTokenProperties<'minWidth', Output>;
-export declare type SelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'paddingInlineEnd' | 'whiteSpace' | 'minWidth', Output> & {
+type SelectSizeTokens<Output> = DesignTokenProperties<'minWidth', Output>;
+export type SelectTokens<Output extends OutputVariantKey> = DesignTokenProperties<'paddingInlineEnd' | 'whiteSpace' | 'minWidth', Output> & {
     wrapper?: DesignTokenProperties<'cursor' | 'display' | 'flex' | 'position', Output>;
     iconWrapper?: DesignTokenProperties<'alignItems' | 'position' | 'top' | 'right' | 'transform' | 'pointerEvents', Output>;
     option?: DesignTokenProperties<'backgroundColor' | 'color', Output> & {

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

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

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

@@ -1,10 +1,10 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type SliderFieldThumbStateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'boxShadow', Output>;
-declare type SliderFieldSizeTokens<Output> = {
+type SliderFieldThumbStateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'boxShadow', Output>;
+type SliderFieldSizeTokens<Output> = {
     track?: DesignTokenProperties<'height', Output>;
     thumb?: DesignTokenProperties<'height' | 'width', Output>;
 };
-export declare type SliderFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'paddingBlock', Output> & {
+export type SliderFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'paddingBlock', Output> & {
     track?: DesignTokenProperties<'backgroundColor' | 'borderRadius' | 'height' | 'minWidth', Output>;
     range?: DesignTokenProperties<'backgroundColor' | 'borderRadius', Output> & {
         _disabled?: DesignTokenProperties<'backgroundColor', Output>;

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

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ButtonStateColorTokens<Output> = DesignTokenProperties<'backgroundColor' | 'color', Output>;
-export declare type StepperFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderColor' | 'flexDirection', Output> & {
+type ButtonStateColorTokens<Output> = DesignTokenProperties<'backgroundColor' | 'color', Output>;
+export type StepperFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderColor' | 'flexDirection', Output> & {
     input?: DesignTokenProperties<'textAlign' | 'color' | 'fontSize', Output>;
     button?: DesignTokenProperties<'backgroundColor' | 'color', Output> & {
         _active?: ButtonStateColorTokens<Output>;

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

@@ -1,7 +1,7 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type SwitchFieldSizeTokens<OutputType> = DesignTokenProperties<'fontSize', OutputType>;
-declare type SwitchFieldTrackCheckedTokens<OutputType> = DesignTokenProperties<'backgroundColor', OutputType>;
-export declare type SwitchFieldTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'fontSize', OutputType> & {
+type SwitchFieldSizeTokens<OutputType> = DesignTokenProperties<'fontSize', OutputType>;
+type SwitchFieldTrackCheckedTokens<OutputType> = DesignTokenProperties<'backgroundColor', OutputType>;
+export type SwitchFieldTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'fontSize', OutputType> & {
     _disabled?: DesignTokenProperties<'opacity', OutputType>;
     _focused?: DesignTokenProperties<'shadow', OutputType>;
     large?: SwitchFieldSizeTokens<OutputType>;

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

@@ -1,12 +1,12 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type BaseTableTokens<Output> = DesignTokenProperties<'display' | 'verticalAlign', Output>;
-declare type TableCellTokens<Output> = DesignTokenProperties<'borderColor' | 'borderStyle' | 'borderWidth' | 'color' | 'display' | 'fontSize' | 'fontWeight' | 'padding' | 'verticalAlign', Output> & {
+type BaseTableTokens<Output> = DesignTokenProperties<'display' | 'verticalAlign', Output>;
+type TableCellTokens<Output> = DesignTokenProperties<'borderColor' | 'borderStyle' | 'borderWidth' | 'color' | 'display' | 'fontSize' | 'fontWeight' | 'padding' | 'verticalAlign', Output> & {
     large?: TableCellSizeTokens<Output>;
     small?: TableCellSizeTokens<Output>;
 };
-declare type TableCellSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'padding', Output>;
-declare type TableCaptionSizeTokens<Output> = DesignTokenProperties<'fontSize', Output>;
-export declare type TableTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderCollapse' | 'display' | 'width', Output> & {
+type TableCellSizeTokens<Output> = DesignTokenProperties<'fontSize' | 'padding', Output>;
+type TableCaptionSizeTokens<Output> = DesignTokenProperties<'fontSize', Output>;
+export type TableTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderCollapse' | 'display' | 'width', Output> & {
     head?: BaseTableTokens<Output>;
     body?: BaseTableTokens<Output>;
     foot?: BaseTableTokens<Output>;

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

@@ -1,12 +1,12 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type TabItemStateTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', OutputType>;
-declare type TabItemTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'color' | 'fontSize' | 'fontWeight' | 'paddingVertical' | 'paddingHorizontal' | 'textAlign' | 'transitionDuration', OutputType> & {
+type TabItemStateTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'color', OutputType>;
+type TabItemTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'color' | 'fontSize' | 'fontWeight' | 'paddingVertical' | 'paddingHorizontal' | 'textAlign' | 'transitionDuration', OutputType> & {
     _hover?: DesignTokenProperties<'color', OutputType>;
     _focus?: DesignTokenProperties<'color', OutputType>;
     _active?: TabItemStateTokens<OutputType>;
     _disabled?: TabItemStateTokens<OutputType>;
 };
-export declare type TabsTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'gap', Output> & {
+export type TabsTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'borderColor' | 'borderStyle' | 'borderWidth' | 'gap', Output> & {
     item?: TabItemTokens<Output>;
 };
 export declare const tabs: Required<TabsTokens<'default'>>;

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

@@ -1,7 +1,7 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type OrderVariantKey = 'primary' | 'secondary' | 'tertiary';
-declare type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
-declare type BaseTextTokens<Output> = DesignTokenProperties<'color', Output>;
-export declare type TextTokens<Output extends OutputVariantKey> = BaseTextTokens<Output> & Partial<Record<OrderVariantKey | InformationVariantKey, BaseTextTokens<Output>>>;
+type OrderVariantKey = 'primary' | 'secondary' | 'tertiary';
+type InformationVariantKey = 'info' | 'warning' | 'error' | 'success';
+type BaseTextTokens<Output> = DesignTokenProperties<'color', Output>;
+export type TextTokens<Output extends OutputVariantKey> = BaseTextTokens<Output> & Partial<Record<OrderVariantKey | InformationVariantKey, BaseTextTokens<Output>>>;
 export declare const text: Required<TextTokens<'default'>>;
 export {};

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

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type TokenKey = 'color' | 'borderColor' | 'fontSize';
-export declare type TextAreaFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<Output extends 'default' ? Exclude<TokenKey, 'fontSize'> : TokenKey, Output> & {
+type TokenKey = 'color' | 'borderColor' | 'fontSize';
+export type TextAreaFieldTokens<Output extends OutputVariantKey> = DesignTokenProperties<Output extends 'default' ? Exclude<TokenKey, 'fontSize'> : TokenKey, Output> & {
     _focus?: DesignTokenProperties<'borderColor', Output>;
 };
 export declare const textareafield: Required<TextAreaFieldTokens<'default'>>;

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

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

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

@@ -1,6 +1,6 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
-declare type ToggleButtonStateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'color', Output>;
-export declare type ToggleButtonTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderColor' | 'color', Output> & {
+type ToggleButtonStateTokens<Output> = DesignTokenProperties<'backgroundColor' | 'color', Output>;
+export type ToggleButtonTokens<Output extends OutputVariantKey> = DesignTokenProperties<'borderColor' | 'color', Output> & {
     _hover?: DesignTokenProperties<'backgroundColor', Output>;
     _focus?: DesignTokenProperties<'borderColor' | 'color', Output>;
     _active?: DesignTokenProperties<'backgroundColor', Output>;

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

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

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, FontSizeValue, OutputVariantKey } from './types/designToken';
-declare type FontSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
-export declare type FontSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontSize, FontSizeValue<Platform, Output>, Output, Platform>;
+type FontSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+export type FontSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontSize, FontSizeValue<Platform, Output>, Output, Platform>;
 export declare const fontSizes: FontSizes<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, FontWeightValue, OutputVariantKey } from './types/designToken';
-declare type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
-export declare type FontWeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontWeight, FontWeightValue<Platform, Output>, Output, Platform>;
+type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+export type FontWeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<FontWeight, FontWeightValue<Platform, Output>, Output, Platform>;
 export declare const fontWeights: FontWeights<'default'>;
 export {};

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

@@ -1,8 +1,8 @@
 import { DesignTokenValues, FontValue, OutputVariantKey } from './types/designToken';
-declare type FontVariant = 'variable' | 'static';
-declare type BaseFonts<Output extends OutputVariantKey = unknown, Platform = unknown> = {
+type FontVariant = 'variable' | 'static';
+type BaseFonts<Output extends OutputVariantKey = unknown, Platform = unknown> = {
     default?: DesignTokenValues<FontVariant, FontValue, Output, Platform>;
 };
-export declare type Fonts<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseFonts<Output, Platform>> : BaseFonts<Output, Platform>;
+export type Fonts<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseFonts<Output, Platform>> : BaseFonts<Output, Platform>;
 export declare const fonts: Fonts<'default'>;
 export {};

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

@@ -33,21 +33,21 @@ interface BaseTokens<Output extends OutputVariantKey = unknown> {
     time?: Time<Output>;
     transforms?: Transforms<Output>;
 }
-export declare type Tokens = BaseTokens<'optional'> & {
+export type Tokens = BaseTokens<'optional'> & {
     components?: ComponentTokens;
 };
-export declare type DefaultTokens = Required<BaseTokens<'default'>> & {
+export type DefaultTokens = Required<BaseTokens<'default'>> & {
     components: DefaultComponentTokens;
 };
 /**
  * The fully setup theme tokens. It has the same shape as Tokens
  * but each token has added fields.
  */
-export declare type WebTokens = Required<BaseTokens<'required'>> & {
+export type WebTokens = Required<BaseTokens<'required'>> & {
     components: WebComponentTokens;
 };
-declare type ReactNative = 'react-native';
-declare type BaseReactNativeTokens<Output extends OutputVariantKey = unknown> = {
+type ReactNative = 'react-native';
+type BaseReactNativeTokens<Output extends OutputVariantKey = unknown> = {
     colors?: Colors<Output, ReactNative>;
     borderWidths?: BorderWidths<Output, ReactNative>;
     fontSizes?: Omit<FontSizes<Output, ReactNative>, 'xxxs' | 'xxxxl'>;
@@ -57,7 +57,7 @@ declare type BaseReactNativeTokens<Output extends OutputVariantKey = unknown> =
     space?: Omit<Space<Output, ReactNative>, 'xxxs' | 'relative' | 'zero'>;
     time?: Time<Output, ReactNative>;
 };
-export declare type ReactNativeTokens<Output extends OutputVariantKey> = Output extends 'required' | 'default' ? Required<BaseReactNativeTokens<Output>> : BaseReactNativeTokens<Output>;
+export type ReactNativeTokens<Output extends OutputVariantKey> = Output extends 'required' | 'default' ? Required<BaseReactNativeTokens<Output>> : BaseReactNativeTokens<Output>;
 export declare const tokens: DefaultTokens;
 export declare const reactNativeTokens: ReactNativeTokens<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, LineHeightValue, OutputVariantKey } from './types/designToken';
-declare type LineHeightSize = 'small' | 'medium' | 'large';
-export declare type LineHeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<LineHeightSize, LineHeightValue, Output, Platform>;
+type LineHeightSize = 'small' | 'medium' | 'large';
+export type LineHeights<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<LineHeightSize, LineHeightValue, Output, Platform>;
 export declare const lineHeights: LineHeights<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OpacityValue, OutputVariantKey } from './types/designToken';
-declare type OpacityScale = 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
-export declare type Opacities<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OpacityScale, OpacityValue<Platform, Output>, Output, Platform>;
+type OpacityScale = 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
+export type Opacities<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OpacityScale, OpacityValue<Platform, Output>, Output, Platform>;
 export declare const opacities: Opacities<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OutlineOffsetValue, OutputVariantKey } from './types/designToken';
-declare type OutlineOffsetSize = 'small' | 'medium' | 'large';
-export declare type OutlineOffsets<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineOffsetSize, OutlineOffsetValue, Output, Platform>;
+type OutlineOffsetSize = 'small' | 'medium' | 'large';
+export type OutlineOffsets<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineOffsetSize, OutlineOffsetValue, Output, Platform>;
 export declare const outlineOffsets: OutlineOffsets<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OutlineWidthValue, OutputVariantKey } from './types/designToken';
-declare type OutlineWidthSize = 'small' | 'medium' | 'large';
-export declare type OutlineWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineWidthSize, OutlineWidthValue, Output, Platform>;
+type OutlineWidthSize = 'small' | 'medium' | 'large';
+export type OutlineWidths<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<OutlineWidthSize, OutlineWidthValue, Output, Platform>;
 export declare const outlineWidths: OutlineWidths<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OutputVariantKey, RadiusValue } from './types/designToken';
-declare type RadiusSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
-export declare type Radii<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<RadiusSize, RadiusValue<Platform, Output>, Output, Platform>;
+type RadiusSize = 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
+export type Radii<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<RadiusSize, RadiusValue<Platform, Output>, Output, Platform>;
 export declare const radii: Radii<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OutputVariantKey, ShadowValue } from './types/designToken';
-declare type ShadowSize = 'small' | 'medium' | 'large';
-export declare type Shadows<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<ShadowSize, ShadowValue, Output, Platform>;
+type ShadowSize = 'small' | 'medium' | 'large';
+export type Shadows<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<ShadowSize, ShadowValue, Output, Platform>;
 export declare const shadows: Shadows<'default'>;
 export {};

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

@@ -1,9 +1,9 @@
 import { DesignTokenValues, OutputVariantKey, SpaceValue } from './types/designToken';
-declare type SpaceSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
-export declare type SpaceSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<SpaceSize | 'zero', SpaceValue<Platform>, Output, Platform>;
-declare type BaseSpace<Output extends OutputVariantKey = unknown, Platform = unknown> = SpaceSizes<Output, Platform> & {
+type SpaceSize = 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl' | 'xxxl';
+export type SpaceSizes<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<SpaceSize | 'zero', SpaceValue<Platform>, Output, Platform>;
+type BaseSpace<Output extends OutputVariantKey = unknown, Platform = unknown> = SpaceSizes<Output, Platform> & {
     relative?: DesignTokenValues<SpaceSize | 'full', SpaceValue, Output, Platform>;
 };
-export declare type Space<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseSpace<Output, Platform>> : BaseSpace<Output, Platform>;
+export type Space<Output extends OutputVariantKey = unknown, Platform = unknown> = Output extends 'required' | 'default' ? Required<BaseSpace<Output, Platform>> : BaseSpace<Output, Platform>;
 export declare const space: Space<'default'>;
 export {};

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

@@ -1,5 +1,5 @@
 import { DesignTokenValues, OutputVariantKey, TimeValue } from './types/designToken';
-declare type Duration = 'short' | 'medium' | 'long';
-export declare type Time<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<Duration, TimeValue<Platform, Output>, Output, Platform>;
+type Duration = 'short' | 'medium' | 'long';
+export type Time<Output extends OutputVariantKey = unknown, Platform = unknown> = DesignTokenValues<Duration, TimeValue<Platform, Output>, Output, Platform>;
 export declare const time: Time<'default'>;
 export {};