@aws-amplify/ui 3.6.2 → 3.6.3

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

@@ -1,35 +1,18 @@
-export declare const link: {
-    active: {
-        color: {
-            value: string;
-        };
-    };
-    color: {
-        value: string;
-    };
-    focus: {
-        color: {
-            value: string;
-        };
-    };
-    hover: {
-        color: {
-            value: string;
-        };
-    };
-    large: {
-        fontSize: {
-            value: string;
-        };
-    };
-    small: {
-        fontSize: {
-            value: string;
-        };
-    };
-    visited: {
-        color: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken, FontSizeValue } from '../types/designToken';
+interface LinkStateTokens {
+    color: DesignToken<ColorValue>;
+}
+interface LinkSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+}
+export interface LinkTokens {
+    active: LinkStateTokens;
+    color: DesignToken<ColorValue>;
+    focus: LinkStateTokens;
+    hover: LinkStateTokens;
+    large: LinkSizeTokens;
+    small: LinkSizeTokens;
+    visited: LinkStateTokens;
+}
+export declare const link: LinkTokens;
+export {};

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

@@ -1,92 +1,40 @@
-export declare const loader: {
-    width: {
-        value: string;
-    };
-    height: {
-        value: string;
-    };
-    fontSize: {
-        value: string;
-    };
-    strokeEmpty: {
-        value: string;
-    };
-    strokeFilled: {
-        value: string;
-    };
-    strokeLinecap: {
-        value: string;
-    };
-    animationDuration: {
-        value: string;
-    };
-    small: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-    large: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-    linear: {
-        width: {
-            value: string;
-        };
-        minWidth: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        strokeWidth: {
-            value: string;
-        };
-        strokeFilled: {
-            value: string;
-        };
-        strokeEmpty: {
-            value: string;
-        };
-        strokeLinecap: {
-            value: string;
-        };
-        animationDuration: {
-            value: string;
-        };
-        small: {
-            strokeWidth: {
-                value: string;
-            };
-            fontSize: {
-                value: string;
-            };
-        };
-        large: {
-            strokeWidth: {
-                value: string;
-            };
-            fontSize: {
-                value: string;
-            };
-        };
-    };
-    text: {
-        fill: {
-            value: string;
-        };
-    };
-};
+import { AnimationDurationValue, ColorValue, DesignToken, FontSizeValue, SpaceValue, StrokeEmptyValue, StrokeFilledValue, StrokeLinecapValue } from '../types/designToken';
+interface LoaderSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    height: DesignToken<SpaceValue>;
+    width: DesignToken<SpaceValue>;
+}
+interface LoaderLinearSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    strokeWidth: DesignToken<SpaceValue>;
+}
+interface LoaderLinearTokens {
+    width: DesignToken<SpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    strokeWidth: DesignToken<SpaceValue>;
+    strokeFilled: DesignToken<StrokeFilledValue>;
+    strokeEmpty: DesignToken<StrokeEmptyValue>;
+    strokeLinecap: DesignToken<StrokeLinecapValue>;
+    animationDuration: DesignToken<AnimationDurationValue>;
+    small: LoaderLinearSizeTokens;
+    large: LoaderLinearSizeTokens;
+}
+interface LoaderTextTokens {
+    fill: DesignToken<ColorValue>;
+}
+export interface LoaderTokens {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    strokeEmpty: DesignToken<StrokeEmptyValue>;
+    strokeFilled: DesignToken<StrokeFilledValue>;
+    strokeLinecap: DesignToken<StrokeLinecapValue>;
+    animationDuration: DesignToken<AnimationDurationValue>;
+    small: LoaderSizeTokens;
+    large: LoaderSizeTokens;
+    linear: LoaderLinearTokens;
+    text: LoaderTextTokens;
+}
+export declare const loader: LoaderTokens;
+export {};

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

@@ -1,59 +1,27 @@
-export declare const menu: {
-    backgroundColor: {
-        value: string;
-    };
-    borderRadius: {
-        value: string;
-    };
-    borderWidth: {
-        value: string;
-    };
-    borderStyle: {
-        value: string;
-    };
-    borderColor: {
-        value: string;
-    };
-    boxShadow: {
-        value: string;
-    };
-    flexDirection: {
-        value: string;
-    };
-    gap: {
-        value: number;
-    };
-    maxWidth: {
-        value: string;
-    };
-    minWidth: {
-        value: string;
-    };
-    small: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-    };
-    large: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-    };
-    item: {
-        minHeight: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderWidthValue, BoxShadowValue, DesignToken, FlexDirectionValue, GapValue, SpaceValue } from '../types/designToken';
+interface MenuSizeTokens {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+}
+interface MenuItemTokens {
+    minHeight: DesignToken<SpaceValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+}
+export interface MenuTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+    flexDirection: DesignToken<FlexDirectionValue>;
+    gap: DesignToken<GapValue>;
+    maxWidth: DesignToken<SpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+    small: MenuSizeTokens;
+    large: MenuSizeTokens;
+    item: MenuItemTokens;
+}
+export declare const menu: MenuTokens;
+export {};

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

@@ -1,82 +1,48 @@
-export declare const pagination: {
-    current: {
-        alignItems: {
-            value: string;
-        };
-        justifyContent: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    button: {
-        color: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-        transitionProperty: {
-            value: string;
-        };
-        transitionDuration: {
-            value: string;
-        };
-        hover: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        disabled: {
-            color: {
-                value: string;
-            };
-        };
-    };
-    ellipsis: {
-        alignItems: {
-            value: string;
-        };
-        justifyContent: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-    };
-    itemContainer: {
-        marginLeft: {
-            value: string;
-        };
-        marginRight: {
-            value: string;
-        };
-    };
-    itemShared: {
-        height: {
-            value: string;
-        };
-        minWidth: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-    };
-};
+import { AlignItemsValue, BackgroundColorValue, BorderRadiusValue, ColorValue, DesignToken, FontSizeValue, JustifyContentValue, SpaceValue, TransitionDurationValue, TransitionPropertyValue } from '../types/designToken';
+interface PaginationCurrentTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    color: DesignToken<ColorValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface PaginationButtonTokens {
+    color: DesignToken<ColorValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+    transitionProperty: DesignToken<TransitionPropertyValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    hover: PaginationButtonHoverTokens;
+    disabled: PaginationButtonDisabledTokens;
+}
+interface PaginationButtonHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface PaginationButtonDisabledTokens {
+    color: DesignToken<ColorValue>;
+}
+interface PaginationEllipsisTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+}
+interface PaginationItemContainerTokens {
+    marginLeft: DesignToken<SpaceValue>;
+    marginRight: DesignToken<SpaceValue>;
+}
+interface PaginationItemSharedTokens {
+    height: DesignToken<SpaceValue>;
+    minWidth: DesignToken<SpaceValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+}
+export interface PaginationTokens {
+    current: PaginationCurrentTokens;
+    button: PaginationButtonTokens;
+    ellipsis: PaginationEllipsisTokens;
+    itemContainer: PaginationItemContainerTokens;
+    itemShared: PaginationItemSharedTokens;
+}
+export declare const pagination: PaginationTokens;
+export {};

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

@@ -1,29 +1,15 @@
-export declare const placeholder: {
-    borderRadius: {
-        value: string;
-    };
-    transitionDuration: {
-        value: string;
-    };
-    startColor: {
-        value: string;
-    };
-    endColor: {
-        value: string;
-    };
-    small: {
-        height: {
-            value: string;
-        };
-    };
-    default: {
-        height: {
-            value: string;
-        };
-    };
-    large: {
-        height: {
-            value: string;
-        };
-    };
-};
+import { BorderRadiusValue, ColorValue, DesignToken, SpaceValue, TransitionDurationValue } from '../types/designToken';
+interface PlaceholderSizeTokens {
+    height: DesignToken<SpaceValue>;
+}
+export interface PlaceholderTokens {
+    borderRadius: DesignToken<BorderRadiusValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    startColor: DesignToken<ColorValue>;
+    endColor: DesignToken<ColorValue>;
+    small: PlaceholderSizeTokens;
+    default: PlaceholderSizeTokens;
+    large: PlaceholderSizeTokens;
+}
+export declare const placeholder: PlaceholderTokens;
+export {};

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

@@ -1,131 +1,72 @@
-export declare const radio: {
-    alignItems: {
-        value: string;
-    };
-    justifyContent: {
-        value: string;
-    };
-    gap: {
-        value: string;
-    };
-    _disabled: {
-        cursor: {
-            value: string;
-        };
-    };
-    button: {
-        alignItems: {
-            value: string;
-        };
-        justifyContent: {
-            value: string;
-        };
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        boxSizing: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-        transitionProperty: {
-            value: string;
-        };
-        transitionDuration: {
-            value: string;
-        };
-        outlineColor: {
-            value: string;
-        };
-        outlineStyle: {
-            value: string;
-        };
-        outlineWidth: {
-            value: string;
-        };
-        outlineOffset: {
-            value: string;
-        };
-        padding: {
-            value: string;
-        };
-        small: {
-            width: {
-                value: string;
-            };
-            height: {
-                value: string;
-            };
-        };
-        large: {
-            width: {
-                value: string;
-            };
-            height: {
-                value: string;
-            };
-        };
-        _checked: {
-            color: {
-                value: string;
-            };
-            _disabled: {
-                color: {
-                    value: string;
-                };
-            };
-        };
-        _focus: {
-            borderColor: {
-                value: string;
-            };
-            boxShadow: {
-                value: string;
-            };
-        };
-        _error: {
-            borderColor: {
-                value: string;
-            };
-            _focus: {
-                boxShadow: {
-                    value: string;
-                };
-            };
-        };
-        _disabled: {
-            borderColor: {
-                value: string;
-            };
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    label: {
-        _disabled: {
-            color: {
-                value: string;
-            };
-        };
-    };
-};
+import { AlignItemsValue, BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderWidthValue, BoxShadowValue, BoxSizingValue, ColorValue, CursorValue, DesignToken, GapValue, JustifyContentValue, OutlineColorValue, OutlineOffsetValue, OutlineStyleValue, OutlineWidthValue, SpaceValue, TransitionDurationValue, TransitionPropertyValue } from '../types/designToken';
+interface RadioDisabledTokens {
+    cursor: DesignToken<CursorValue>;
+}
+interface RadioButtonTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    boxSizing: DesignToken<BoxSizingValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    color: DesignToken<ColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    transitionProperty: DesignToken<TransitionPropertyValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    outlineColor: DesignToken<OutlineColorValue>;
+    outlineStyle: DesignToken<OutlineStyleValue>;
+    outlineWidth: DesignToken<OutlineWidthValue>;
+    outlineOffset: DesignToken<OutlineOffsetValue>;
+    padding: DesignToken<SpaceValue>;
+    small: RadioButtonSizeTokens;
+    large: RadioButtonSizeTokens;
+    _checked: RadioButtonCheckedTokens;
+    _focus: RadioButtonFocusTokens;
+    _error: RadioButtonErrorTokens;
+    _disabled: RadioButtonDisabledTokens;
+}
+interface RadioButtonSizeTokens {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+}
+interface RadioButtonCheckedTokens {
+    color: DesignToken<ColorValue>;
+    _disabled: RadioButtonCheckedDisabledTokens;
+}
+interface RadioButtonCheckedDisabledTokens {
+    color: DesignToken<ColorValue>;
+}
+interface RadioButtonFocusTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface RadioButtonErrorTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    _focus: RadioButtonErrorFocusTokens;
+}
+interface RadioButtonErrorFocusTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface RadioButtonDisabledTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface RadioLabelTokens {
+    _disabled: RadioLabelDisabledTokens;
+}
+interface RadioLabelDisabledTokens {
+    color: DesignToken<ColorValue>;
+}
+export interface RadioTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    gap: DesignToken<GapValue>;
+    _disabled: RadioDisabledTokens;
+    button: RadioButtonTokens;
+    label: RadioLabelTokens;
+}
+export declare const radio: RadioTokens;
+export {};