@aws-amplify/ui 3.6.0 → 3.6.3

package/dist/types/theme/defaultTheme.d.ts

@@ -0,0 +1,2 @@
+import { BaseTheme } from './types';
+export declare const defaultTheme: BaseTheme;

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

@@ -1,4 +1,3 @@
-import { createTheme } from './createTheme';
-export { createTheme };
+export { createTheme } from './createTheme';
+export { defaultTheme } from './defaultTheme';
 export * from './types';
-export declare const defaultTheme: import("./types").WebTheme;

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

@@ -1,65 +1,28 @@
-export declare const alert: {
-    alignItems: {
-        value: string;
-    };
-    justifyContent: {
-        value: string;
-    };
-    color: {
-        value: string;
-    };
-    backgroundColor: {
-        value: string;
-    };
-    paddingBlock: {
-        value: string;
-    };
-    paddingInline: {
-        value: string;
-    };
-    icon: {
-        size: {
-            value: string;
-        };
-    };
-    heading: {
-        fontSize: {
-            value: string;
-        };
-        fontWeight: {
-            value: string;
-        };
-    };
-    info: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    error: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    warning: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    success: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-};
+import { AlignItemsValue, BackgroundColorValue, ColorValue, DesignToken, FontSizeValue, FontWeightValue, JustifyContentValue, SpaceValue } from '../types/designToken';
+interface AlertVariationTokens {
+    color: DesignToken<ColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface AlertIconTokens {
+    size: DesignToken<FontSizeValue>;
+}
+interface AlertHeadingTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+}
+export interface AlertTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+    color: DesignToken<ColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    paddingBlock: DesignToken<SpaceValue>;
+    paddingInline: DesignToken<SpaceValue>;
+    icon: AlertIconTokens;
+    heading: AlertHeadingTokens;
+    info: AlertVariationTokens;
+    error: AlertVariationTokens;
+    warning: AlertVariationTokens;
+    success: AlertVariationTokens;
+}
+export declare const alert: AlertTokens;
+export {};

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

@@ -1,71 +1,47 @@
-export declare const authenticator: {
-    maxWidth: {
-        value: string;
-    };
-    modal: {
-        width: {
-            value: string;
-        };
-        height: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-        top: {
-            value: string;
-        };
-        left: {
-            value: string;
-        };
-    };
-    container: {
-        widthMax: {
-            value: string;
-        };
-    };
-    router: {
-        borderWidth: {
-            value: string;
-        };
-        borderStyle: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-        boxShadow: {
-            value: string;
-        };
-    };
-    footer: {
-        paddingBottom: {
-            value: string;
-        };
-    };
-    form: {
-        padding: {
-            value: string;
-        };
-    };
-    state: {
-        inactive: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    orContainer: {
-        color: {
-            value: string;
-        };
-        orLine: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-};
+import { DesignToken, ColorValue, SpaceValue, BorderWidthValue, BorderColorValue, BackgroundColorValue, BorderStyleValue, BoxShadowValue } from '../types/designToken';
+interface AuthenticatorModalTokens {
+    width: DesignToken<SpaceValue>;
+    height: DesignToken<SpaceValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    top: DesignToken<SpaceValue>;
+    left: DesignToken<SpaceValue>;
+}
+interface AuthenticatorRouterTokens {
+    borderWidth: DesignToken<BorderWidthValue>;
+    borderStyle: DesignToken<BorderStyleValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+}
+interface AuthenticatorFooterTokens {
+    paddingBottom: DesignToken<SpaceValue>;
+}
+interface AuthenticatorFormTokens {
+    padding: DesignToken<SpaceValue>;
+}
+interface AuthenticatorStateTokens {
+    inactive: {
+        backgroundColor: DesignToken<BackgroundColorValue>;
+    };
+}
+interface AuthenticatorOrContainerTokens {
+    color: DesignToken<ColorValue>;
+    orLine: {
+        backgroundColor: DesignToken<BackgroundColorValue>;
+    };
+}
+interface AuthenticatorContainerToken {
+    widthMax: DesignToken<SpaceValue>;
+}
+export interface AuthenticatorTokens {
+    maxWidth: DesignToken<SpaceValue>;
+    modal: AuthenticatorModalTokens;
+    container: AuthenticatorContainerToken;
+    router: AuthenticatorRouterTokens;
+    footer: AuthenticatorFooterTokens;
+    form: AuthenticatorFormTokens;
+    state: AuthenticatorStateTokens;
+    orContainer: AuthenticatorOrContainerTokens;
+}
+export declare const authenticator: AuthenticatorTokens;
+export {};

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

@@ -1,83 +1,29 @@
-export declare const badge: {
-    color: {
-        value: string;
-    };
-    lineHeight: {
-        value: number;
-    };
-    fontWeight: {
-        value: string;
-    };
-    fontSize: {
-        value: string;
-    };
-    textAlign: {
-        value: string;
-    };
-    paddingVertical: {
-        value: string;
-    };
-    paddingHorizontal: {
-        value: string;
-    };
-    backgroundColor: {
-        value: string;
-    };
-    borderRadius: {
-        value: string;
-    };
-    info: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    warning: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    success: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    error: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-    };
-    small: {
-        fontSize: {
-            value: string;
-        };
-        paddingVertical: {
-            value: string;
-        };
-        paddingHorizontal: {
-            value: string;
-        };
-    };
-    large: {
-        fontSize: {
-            value: string;
-        };
-        paddingVertical: {
-            value: string;
-        };
-        paddingHorizontal: {
-            value: string;
-        };
-    };
-};
+import { BackgroundColorValue, ColorValue, DesignToken, FontSizeValue, FontWeightValue, LineHeightValue, RadiusValue, SpaceValue, TextAlignValue } from '../types/designToken';
+interface BadgeVariationTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface BadgeSizeTokens {
+    fontSize: DesignToken<FontSizeValue>;
+    paddingHorizontal: DesignToken<SpaceValue>;
+    paddingVertical: DesignToken<SpaceValue>;
+}
+export interface BadgeTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderRadius: DesignToken<RadiusValue>;
+    color: DesignToken<ColorValue>;
+    error: BadgeVariationTokens;
+    fontSize: DesignToken<FontSizeValue>;
+    fontWeight: DesignToken<FontWeightValue>;
+    info: BadgeVariationTokens;
+    large: BadgeSizeTokens;
+    lineHeight: DesignToken<LineHeightValue>;
+    paddingHorizontal: DesignToken<SpaceValue>;
+    paddingVertical: DesignToken<SpaceValue>;
+    small: BadgeSizeTokens;
+    success: BadgeVariationTokens;
+    textAlign: DesignToken<TextAlignValue>;
+    warning: BadgeVariationTokens;
+}
+export declare const badge: BadgeTokens;
+export {};