@aws-amplify/ui 3.6.0 → 3.6.3

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

@@ -1,140 +1,75 @@
-export declare const checkbox: {
-    cursor: {
-        value: string;
-    };
-    alignItems: {
-        value: string;
-    };
-    _disabled: {
-        cursor: {
-            value: string;
-        };
-    };
-    button: {
-        position: {
-            value: string;
-        };
-        alignItems: {
-            value: string;
-        };
-        justifyContent: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        before: {
-            width: {
-                value: string;
-            };
-            height: {
-                value: string;
-            };
-            borderWidth: {
-                value: string;
-            };
-            borderRadius: {
-                value: string;
-            };
-            borderStyle: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-        };
-        _focus: {
-            outlineColor: {
-                value: string;
-            };
-            outlineStyle: {
-                value: string;
-            };
-            outlineWidth: {
-                value: string;
-            };
-            outlineOffset: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-            boxShadow: {
-                value: {
-                    offsetX: string;
-                    offsetY: string;
-                    blurRadius: string;
-                    spreadRadius: string;
-                    color: string;
-                };
-            };
-        };
-        _disabled: {
-            borderColor: {
-                value: string;
-            };
-        };
-        _error: {
-            borderColor: {
-                value: string;
-            };
-            _focus: {
-                borderColor: {
-                    value: string;
-                };
-                boxShadow: {
-                    value: {
-                        offsetX: string;
-                        offsetY: string;
-                        blurRadius: string;
-                        spreadRadius: string;
-                        color: string;
-                    };
-                };
-            };
-        };
-    };
-    icon: {
-        backgroundColor: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        opacity: {
-            value: string;
-        };
-        transform: {
-            value: string;
-        };
-        transitionProperty: {
-            value: string;
-        };
-        transitionDuration: {
-            value: string;
-        };
-        transitionTimingFunction: {
-            value: string;
-        };
-        _checked: {
-            opacity: {
-                value: string;
-            };
-            transform: {
-                value: string;
-            };
-            _disabled: {
-                backgroundColor: {
-                    value: string;
-                };
-            };
-        };
-    };
-    label: {
-        _disabled: {
-            color: {
-                value: string;
-            };
-        };
-    };
-};
+import { AlignItemsValue, BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderWidthValue, BoxShadowValue, ColorValue, CursorValue, DesignToken, JustifyContentValue, OpacityValue, OutlineColorValue, OutlineOffsetValue, OutlineStyleValue, OutlineWidthValue, PositionValue, SpaceValue, TransformValue, TransitionDurationValue, TransitionPropertyValue, TransitionTimingFunctionValue } from '../types/designToken';
+interface DisableToken {
+    cursor: DesignToken<CursorValue>;
+}
+interface ButtonDisabledToken {
+    borderColor: DesignToken<BorderColorValue>;
+}
+interface ButtonErrorFocusToken {
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface ButtonErrorToken {
+    borderColor: DesignToken<BorderColorValue>;
+    _focus: ButtonErrorFocusToken;
+}
+interface ButtonFocusToken {
+    outlineColor: DesignToken<OutlineColorValue>;
+    outlineStyle: DesignToken<OutlineStyleValue>;
+    outlineWidth: DesignToken<OutlineWidthValue>;
+    outlineOffset: DesignToken<OutlineOffsetValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface BeforeToken {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderColor: DesignToken<BorderColorValue>;
+}
+interface ButtonToken {
+    position: DesignToken<PositionValue>;
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    color: DesignToken<ColorValue>;
+    before: BeforeToken;
+    _focus: ButtonFocusToken;
+    _disabled: ButtonDisabledToken;
+    _error: ButtonErrorToken;
+}
+interface IconCheckedDisabled {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface IconCheckedToken {
+    opacity: DesignToken<OpacityValue>;
+    transform: DesignToken<TransformValue>;
+    _disabled: IconCheckedDisabled;
+}
+interface IconToken {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    opacity: DesignToken<OpacityValue>;
+    transform: DesignToken<TransformValue>;
+    transitionProperty: DesignToken<TransitionPropertyValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    transitionTimingFunction: DesignToken<TransitionTimingFunctionValue>;
+    _checked: IconCheckedToken;
+}
+interface LabelDisabledToken {
+    color: DesignToken<ColorValue>;
+}
+interface LabelToken {
+    _disabled: LabelDisabledToken;
+}
+export interface CheckboxTokens {
+    cursor: DesignToken<CursorValue>;
+    alignItems: DesignToken<AlignItemsValue>;
+    _disabled: DisableToken;
+    button: ButtonToken;
+    icon: IconToken;
+    label: LabelToken;
+}
+export declare const checkbox: CheckboxTokens;
+export {};

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

@@ -1,14 +1,8 @@
-export declare const checkboxfield: {
-    alignItems: {
-        value: string;
-    };
-    alignContent: {
-        value: string;
-    };
-    flexDirection: {
-        value: string;
-    };
-    justifyContent: {
-        value: string;
-    };
-};
+import { AlignContentValue, AlignItemsValue, DesignToken, FlexDirectionValue, JustifyContentValue } from '../types/designToken';
+export interface CheckboxFieldTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    alignContent: DesignToken<AlignContentValue>;
+    flexDirection: DesignToken<FlexDirectionValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+}
+export declare const checkboxfield: CheckboxFieldTokens;

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

@@ -1,26 +1,20 @@
-export declare const copy: {
-    fontSize: {
-        value: string;
-    };
-    gap: {
-        value: string;
-    };
-    svg: {
-        path: {
-            fill: {
-                value: string;
-            };
-        };
-    };
-    toolTip: {
-        bottom: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken, FontSizeValue, SpaceValue } from '../types/designToken';
+interface CopySVGFillTokens {
+    fill: DesignToken<ColorValue>;
+}
+interface CopySVGTokens {
+    path: CopySVGFillTokens;
+}
+interface CopyToolTipTokens {
+    bottom: DesignToken<SpaceValue>;
+    color: DesignToken<ColorValue>;
+    fontSize: DesignToken<FontSizeValue>;
+}
+export interface CopyTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    gap: DesignToken<SpaceValue>;
+    svg: CopySVGTokens;
+    toolTip: CopyToolTipTokens;
+}
+export declare const copy: CopyTokens;
+export {};

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

@@ -1,5 +1,5 @@
-export declare const countrycodeselect: {
-    height: {
-        value: string;
-    };
-};
+import { DesignToken, SpaceValue } from '../types/designToken';
+export interface CountryCodeSelectTokens {
+    height: DesignToken<SpaceValue>;
+}
+export declare const countrycodeselect: CountryCodeSelectTokens;

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

@@ -1,38 +1,21 @@
-export declare const divider: {
-    borderStyle: {
-        value: string;
-    };
-    borderColor: {
-        value: string;
-    };
-    borderWidth: {
-        value: string;
-    };
-    label: {
-        color: {
-            value: string;
-        };
-        paddingInline: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    small: {
-        borderWidth: {
-            value: string;
-        };
-    };
-    large: {
-        borderWidth: {
-            value: string;
-        };
-    };
-    opacity: {
-        value: string;
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderStyleValue, BorderWidthValue, ColorValue, DesignToken, FontSizeValue, OpacityValue, SpaceValue } from '../types/designToken';
+interface DividerSizeTokens {
+    borderWidth: DesignToken<BorderWidthValue>;
+}
+interface DividerLabelTokens {
+    color: DesignToken<ColorValue>;
+    paddingInline: DesignToken<SpaceValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+export interface DividerTokens {
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    label: DividerLabelTokens;
+    small: DividerSizeTokens;
+    large: DividerSizeTokens;
+    opacity: DesignToken<OpacityValue>;
+}
+export declare const divider: DividerTokens;
+export {};

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

@@ -1,135 +1,69 @@
-export declare const expander: {
-    display: {
-        value: string;
-    };
-    backgroundColor: {
-        value: string;
-    };
-    borderRadius: {
-        value: string;
-    };
-    boxShadow: {
-        value: string;
-    };
-    width: {
-        value: string;
-    };
-    item: {
-        marginTop: {
-            value: string;
-        };
-        boxShadow: {
-            value: string;
-        };
-        borderBottomLeftRadius: {
-            value: string;
-        };
-        borderBottomRightRadius: {
-            value: string;
-        };
-        borderTopLeftRadius: {
-            value: string;
-        };
-        borderTopRightRadius: {
-            value: string;
-        };
-        borderStartStartRadius: {
-            value: string;
-        };
-        borderStartEndRadius: {
-            value: string;
-        };
-        borderEndStartRadius: {
-            value: string;
-        };
-        borderEndEndRadius: {
-            value: string;
-        };
-        _focus: {
-            boxShadow: {
-                value: {
-                    offsetX: string;
-                    offsetY: string;
-                    blurRadius: string;
-                    spreadRadius: string;
-                    color: string;
-                };
-            };
-        };
-    };
-    header: {
-        boxShadow: {
-            value: {
-                offsetX: string;
-                offsetY: string;
-                blurRadius: string;
-                color: string;
-            };
-        };
-    };
-    trigger: {
-        minHeight: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-        alignItems: {
-            value: string;
-        };
-        justifyContent: {
-            value: string;
-        };
-        _hover: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    content: {
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-        text: {
-            color: {
-                value: string;
-            };
-            paddingBlockStart: {
-                value: string;
-            };
-            paddingBlockEnd: {
-                value: string;
-            };
-        };
-        _open: {
-            animationDuration: {
-                value: string;
-            };
-            animationTimingFunction: {
-                value: string;
-            };
-        };
-        _closed: {
-            animationDuration: {
-                value: string;
-            };
-            animationTimingFunction: {
-                value: string;
-            };
-        };
-    };
-    icon: {
-        transitionDuration: {
-            value: string;
-        };
-        transitionTimingFunction: {
-            value: string;
-        };
-    };
-};
+import { AlignItemsValue, AnimationDurationValue, AnimationTimingFunctionValue, BackgroundColorValue, BorderRadiusValue, BoxShadowValue, ColorValue, DesignToken, DisplayValue, JustifyContentValue, RadiusValue, SpaceValue, TransitionDurationValue, TransitionTimingFunctionValue } from '../types/designToken';
+interface ExpanderItemFocusTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface ExpanderItemTokens {
+    marginTop: DesignToken<SpaceValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+    borderBottomLeftRadius: DesignToken<RadiusValue>;
+    borderBottomRightRadius: DesignToken<RadiusValue>;
+    borderTopLeftRadius: DesignToken<RadiusValue>;
+    borderTopRightRadius: DesignToken<RadiusValue>;
+    borderStartStartRadius: DesignToken<RadiusValue>;
+    borderStartEndRadius: DesignToken<RadiusValue>;
+    borderEndStartRadius: DesignToken<RadiusValue>;
+    borderEndEndRadius: DesignToken<RadiusValue>;
+    _focus: ExpanderItemFocusTokens;
+}
+interface ExpanderHeaderTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface ExpanderTriggerTokens {
+    minHeight: DesignToken<SpaceValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    _hover: ExpanderTriggerHoverTokens;
+}
+interface ExpanderTriggerHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface ExpanderContentTokens {
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+    text: ExpanderContentTextTokens;
+    _open: ExpanderContentOpenTokens;
+    _closed: ExpanderContentClosedTokens;
+}
+interface ExpanderContentTextTokens {
+    color: DesignToken<ColorValue>;
+    paddingBlockStart: DesignToken<SpaceValue>;
+    paddingBlockEnd: DesignToken<SpaceValue>;
+}
+interface ExpanderContentOpenTokens {
+    animationDuration: DesignToken<AnimationDurationValue>;
+    animationTimingFunction: DesignToken<AnimationTimingFunctionValue>;
+}
+interface ExpanderContentClosedTokens {
+    animationDuration: DesignToken<AnimationDurationValue>;
+    animationTimingFunction: DesignToken<AnimationTimingFunctionValue>;
+}
+interface ExpanderIconTokens {
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    transitionTimingFunction: DesignToken<TransitionTimingFunctionValue>;
+}
+export interface ExpanderTokens {
+    display: DesignToken<DisplayValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+    width: DesignToken<SpaceValue>;
+    item: ExpanderItemTokens;
+    header: ExpanderHeaderTokens;
+    trigger: ExpanderTriggerTokens;
+    content: ExpanderContentTokens;
+    icon: ExpanderIconTokens;
+}
+export declare const expander: ExpanderTokens;
+export {};

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

@@ -1,29 +1,17 @@
-export declare const field: {
-    gap: {
-        value: string;
-    };
-    fontSize: {
-        value: string;
-    };
-    small: {
-        gap: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-    large: {
-        gap: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-    label: {
-        color: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken, FontSizeValue, GapValue } from '../types/designToken';
+interface FieldSizeTokens {
+    gap: DesignToken<GapValue>;
+    fontSize: DesignToken<FontSizeValue>;
+}
+interface FieldLabelTokens {
+    color: DesignToken<ColorValue>;
+}
+export interface FieldTokens {
+    gap: DesignToken<GapValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    small: FieldSizeTokens;
+    large: FieldSizeTokens;
+    label: FieldLabelTokens;
+}
+export declare const field: FieldTokens;
+export {};