@aws-amplify/ui 3.6.0 → 3.6.3

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

@@ -1,174 +1,72 @@
-export declare const fieldcontrol: {
-    borderStyle: {
-        value: string;
-    };
-    borderColor: {
-        value: string;
-    };
-    borderWidth: {
-        value: string;
-    };
-    borderRadius: {
-        value: string;
-    };
-    color: {
-        value: string;
-    };
-    paddingBlockStart: {
-        value: string;
-    };
-    paddingBlockEnd: {
-        value: string;
-    };
-    paddingInlineStart: {
-        value: string;
-    };
-    paddingInlineEnd: {
-        value: string;
-    };
-    fontSize: {
-        value: string;
-    };
-    lineHeight: {
-        value: string;
-    };
-    transitionDuration: {
-        value: string;
-    };
-    outlineColor: {
-        value: string;
-    };
-    outlineStyle: {
-        value: string;
-    };
-    outlineWidth: {
-        value: string;
-    };
-    outlineOffset: {
-        value: string;
-    };
-    small: {
-        fontSize: {
-            value: string;
-        };
-        paddingBlockStart: {
-            value: string;
-        };
-        paddingBlockEnd: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-    };
-    large: {
-        fontSize: {
-            value: string;
-        };
-        paddingBlockStart: {
-            value: string;
-        };
-        paddingBlockEnd: {
-            value: string;
-        };
-        paddingInlineStart: {
-            value: string;
-        };
-        paddingInlineEnd: {
-            value: string;
-        };
-    };
-    quiet: {
-        borderStyle: {
-            value: string;
-        };
-        borderBlockEnd: {
-            value: string;
-        };
-        borderInlineStart: {
-            value: string;
-        };
-        borderInlineEnd: {
-            value: string;
-        };
-        borderBlockStart: {
-            value: string;
-        };
-        borderRadius: {
-            value: string;
-        };
-        _focus: {
-            borderBlockEndColor: {
-                value: string;
-            };
-            boxShadow: {
-                value: {
-                    offsetX: string;
-                    offsetY: string;
-                    color: string;
-                };
-            };
-        };
-        _error: {
-            borderBlockEndColor: {
-                value: string;
-            };
-            _focus: {
-                boxShadow: {
-                    value: {
-                        offsetX: string;
-                        offsetY: string;
-                        color: string;
-                    };
-                };
-            };
-        };
-    };
-    _focus: {
-        borderColor: {
-            value: string;
-        };
-        boxShadow: {
-            value: {
-                offsetX: string;
-                offsetY: string;
-                blurRadius: string;
-                spreadRadius: string;
-                color: string;
-            };
-        };
-    };
-    _disabled: {
-        color: {
-            value: string;
-        };
-        cursor: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    _error: {
-        borderColor: {
-            value: string;
-        };
-        _focus: {
-            boxShadow: {
-                value: {
-                    offsetX: string;
-                    offsetY: string;
-                    blurRadius: string;
-                    spreadRadius: string;
-                    color: string;
-                };
-            };
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderRadiusValue, BorderStyleValue, BorderValue, BorderWidthValue, BoxShadowValue, ColorValue, CursorValue, DesignToken, FontSizeValue, LineHeightValue, OutlineColorValue, OutlineOffsetValue, OutlineStyleValue, OutlineWidthValue, SpaceValue, TransitionDurationValue } from '../types/designToken';
+interface FieldControlSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    paddingBlockStart: DesignToken<SpaceValue>;
+    paddingBlockEnd: DesignToken<SpaceValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+}
+interface FieldControlFocusTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface FieldControlDisabledTokens {
+    color: DesignToken<ColorValue>;
+    cursor: DesignToken<CursorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface FieldControlErrorTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    _focus: FieldControlErrorFocusTokens;
+}
+interface FieldControlErrorFocusTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface FieldControlQuietTokens {
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderBlockEnd: DesignToken<BorderValue>;
+    borderInlineStart: DesignToken<BorderValue>;
+    borderInlineEnd: DesignToken<BorderValue>;
+    borderBlockStart: DesignToken<BorderValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    _focus: FieldControlQuietFocusTokens;
+    _error: FieldControlQuietErrorTokens;
+}
+interface FieldControlQuietFocusTokens {
+    borderBlockEndColor: DesignToken<ColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface FieldControlQuietErrorTokens {
+    borderBlockEndColor: DesignToken<ColorValue>;
+    _focus: FieldControlQuietErrorFocusTokens;
+}
+interface FieldControlQuietErrorFocusTokens {
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+export interface FieldControlTokens {
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderRadius: DesignToken<BorderRadiusValue>;
+    color: DesignToken<ColorValue>;
+    paddingBlockStart: DesignToken<SpaceValue>;
+    paddingBlockEnd: DesignToken<SpaceValue>;
+    paddingInlineStart: DesignToken<SpaceValue>;
+    paddingInlineEnd: DesignToken<SpaceValue>;
+    fontSize: DesignToken<FontSizeValue>;
+    lineHeight: DesignToken<LineHeightValue>;
+    transitionDuration: DesignToken<TransitionDurationValue>;
+    outlineColor: DesignToken<OutlineColorValue>;
+    outlineStyle: DesignToken<OutlineStyleValue>;
+    outlineWidth: DesignToken<OutlineWidthValue>;
+    outlineOffset: DesignToken<OutlineOffsetValue>;
+    small: FieldControlSizeTokens;
+    large: FieldControlSizeTokens;
+    quiet: FieldControlQuietTokens;
+    _focus: FieldControlFocusTokens;
+    _disabled: FieldControlDisabledTokens;
+    _error: FieldControlErrorTokens;
+}
+export declare const fieldcontrol: FieldControlTokens;
+export {};

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

@@ -1,15 +1,14 @@
-export declare const fieldgroup: {
-    gap: {
-        value: number;
-    };
-    vertical: {
-        alignItems: {
-            value: string;
-        };
-    };
-    outer: {
-        alignItems: {
-            value: string;
-        };
-    };
-};
+import { DesignToken, AlignItemsValue, GapValue } from '../types/designToken';
+interface FieldGroupVerticalTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+}
+interface FieldGroupOuterTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+}
+export interface FieldGroupTokens {
+    gap: DesignToken<GapValue>;
+    vertical: FieldGroupVerticalTokens;
+    outer: FieldGroupOuterTokens;
+}
+export declare const fieldgroup: FieldGroupTokens;
+export {};

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

@@ -1,21 +1,16 @@
-export declare const fieldmessages: {
-    error: {
-        color: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-    description: {
-        color: {
-            value: string;
-        };
-        fontStyle: {
-            value: string;
-        };
-        fontSize: {
-            value: string;
-        };
-    };
-};
+import { DesignToken, ColorValue, FontStyleValue, FontSizeValue } from '../types/designToken';
+interface FieldMessagesErrorTokens {
+    color: DesignToken<ColorValue>;
+    fontSize: DesignToken<FontSizeValue>;
+}
+interface FieldMessagesDescriptionTokens {
+    color: DesignToken<ColorValue>;
+    fontStyle: DesignToken<FontStyleValue>;
+    fontSize: DesignToken<FontSizeValue>;
+}
+export interface FieldMessagesTokens {
+    error: FieldMessagesErrorTokens;
+    description: FieldMessagesDescriptionTokens;
+}
+export declare const fieldmessages: FieldMessagesTokens;
+export {};

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

@@ -1,17 +1,9 @@
-export declare const flex: {
-    gap: {
-        value: string;
-    };
-    justifyContent: {
-        value: string;
-    };
-    alignItems: {
-        value: string;
-    };
-    alignContent: {
-        value: string;
-    };
-    flexWrap: {
-        value: string;
-    };
-};
+import { AlignContentValue, AlignItemsValue, DesignToken, FlexWrapValue, GapValue, JustifyContentValue } from '../types/designToken';
+export interface FlexTokens {
+    gap: DesignToken<GapValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    alignItems: DesignToken<AlignItemsValue>;
+    alignContent: DesignToken<AlignContentValue>;
+    flexWrap: DesignToken<FlexWrapValue>;
+}
+export declare const flex: FlexTokens;

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

@@ -1,56 +1,17 @@
-export declare const heading: {
-    color: {
-        value: string;
-    };
-    lineHeight: {
-        value: string;
-    };
-    1: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    2: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    3: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    4: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    5: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    6: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-};
+import { ColorValue, DesignToken, FontSizeValue, FontWeightValue, LineHeightValue } from '../types/designToken';
+interface HeadingLevelTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+}
+export interface HeadingTokens {
+    color: DesignToken<ColorValue>;
+    lineHeight: DesignToken<LineHeightValue>;
+    1: HeadingLevelTokens;
+    2: HeadingLevelTokens;
+    3: HeadingLevelTokens;
+    4: HeadingLevelTokens;
+    5: HeadingLevelTokens;
+    6: HeadingLevelTokens;
+}
+export declare const heading: HeadingTokens;
+export {};

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

@@ -1,8 +1,6 @@
-export declare const icon: {
-    lineHeight: {
-        value: number;
-    };
-    height: {
-        value: string;
-    };
-};
+import { DesignToken, LineHeightValue, SpaceValue } from '../types/designToken';
+export interface IconTokens {
+    lineHeight: DesignToken<LineHeightValue>;
+    height: DesignToken<SpaceValue>;
+}
+export declare const icon: IconTokens;

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

@@ -1,14 +1,8 @@
-export declare const image: {
-    maxWidth: {
-        value: string;
-    };
-    height: {
-        value: string;
-    };
-    objectFit: {
-        value: string;
-    };
-    objectPosition: {
-        value: string;
-    };
-};
+import { DesignToken, ObjectFitValue, PositionValue, SpaceValue } from '../types/designToken';
+export interface ImageTokens {
+    maxWidth: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    objectFit: DesignToken<ObjectFitValue>;
+    objectPosition: DesignToken<PositionValue>;
+}
+export declare const image: ImageTokens;