@aws-amplify/ui 3.6.0 → 3.6.3

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

@@ -1,154 +1,103 @@
-export declare const togglebutton: {
-    borderColor: {
-        value: string;
-    };
-    color: {
-        value: string;
-    };
-    _hover: {
-        backgroundColor: {
-            value: string;
-        };
-    };
-    _focus: {
-        borderColor: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-    };
-    _active: {
-        backgroundColor: {
-            value: string;
-        };
-    };
-    _disabled: {
-        backgroundColor: {
-            value: string;
-        };
-        borderColor: {
-            value: string;
-        };
-        color: {
-            value: string;
-        };
-    };
-    _pressed: {
-        color: {
-            value: string;
-        };
-        backgroundColor: {
-            value: string;
-        };
-        _hover: {
-            backgroundColor: {
-                value: string;
-            };
-        };
-    };
-    primary: {
-        backgroundColor: {
-            value: string;
-        };
-        borderWidth: {
-            value: string;
-        };
-        _focus: {
-            borderColor: {
-                value: string;
-            };
-            backgroundColor: {
-                value: string;
-            };
-            boxShadow: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        _hover: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        _disabled: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        _pressed: {
-            backgroundColor: {
-                value: string;
-            };
-            borderColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-            _focus: {
-                backgroundColor: {
-                    value: string;
-                };
-                borderColor: {
-                    value: string;
-                };
-            };
-            _hover: {
-                borderColor: {
-                    value: string;
-                };
-                backgroundColor: {
-                    value: string;
-                };
-            };
-        };
-    };
-    link: {
-        color: {
-            value: string;
-        };
-        _hover: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        _focus: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-        };
-        _disabled: {
-            color: {
-                value: string;
-            };
-        };
-        _pressed: {
-            backgroundColor: {
-                value: string;
-            };
-            color: {
-                value: string;
-            };
-            _hover: {
-                backgroundColor: {
-                    value: string;
-                };
-            };
-        };
-    };
-};
+import { BackgroundColorValue, BorderColorValue, BorderWidthValue, BoxShadowValue, ColorValue, DesignToken } from '../types/designToken';
+interface ToggleButtonHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface ToggleButtonActiveTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface ToggleButtonFocusTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonDisabledTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonPressedTokens {
+    color: DesignToken<ColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    _hover: ToggleButtonPressedHoverTokens;
+}
+interface ToggleButtonPressedHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+interface ToggleButtonPrimaryTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderWidth: DesignToken<BorderWidthValue>;
+    _focus: ToggleButtonPrimaryFocusTokens;
+    _hover: ToggleButtonPrimaryHoverTokens;
+    _disabled: ToggleButtonPrimaryDisabledTokens;
+    _pressed: ToggleButtonPrimaryPressedTokens;
+}
+interface ToggleButtonPrimaryFocusTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    boxShadow: DesignToken<BoxShadowValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonPrimaryHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonPrimaryDisabledTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonPrimaryDisabledTokens {
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonPrimaryPressedTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+    color: DesignToken<ColorValue>;
+    _focus: TogglButtonPrimaryPressedFocusTokens;
+    _hover: TogglButtonPrimaryPressedHoverTokens;
+}
+interface TogglButtonPrimaryPressedFocusTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+}
+interface TogglButtonPrimaryPressedHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    borderColor: DesignToken<BorderColorValue>;
+}
+interface ToggleButtonLinkTokens {
+    color: DesignToken<ColorValue>;
+    _hover: ToggleButtonLinkHoverTokens;
+    _focus: ToggleButtonLinkFocusTokens;
+    _disabled: ToggleButtonLinkDisabledTokens;
+    _pressed: ToggleButtonLinkPressedTokens;
+}
+interface ToggleButtonLinkHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonLinkFocusTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonLinkDisabledTokens {
+    color: DesignToken<ColorValue>;
+}
+interface ToggleButtonLinkPressedTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+    color: DesignToken<ColorValue>;
+    _hover: ToggleButtonLinkPressedHoverTokens;
+}
+interface ToggleButtonLinkPressedHoverTokens {
+    backgroundColor: DesignToken<BackgroundColorValue>;
+}
+export interface ToggleButtonTokens {
+    borderColor: DesignToken<BorderColorValue>;
+    color: DesignToken<ColorValue>;
+    _hover: ToggleButtonHoverTokens;
+    _focus: ToggleButtonFocusTokens;
+    _active: ToggleButtonActiveTokens;
+    _disabled: ToggleButtonDisabledTokens;
+    _pressed: ToggleButtonPressedTokens;
+    primary: ToggleButtonPrimaryTokens;
+    link: ToggleButtonLinkTokens;
+}
+export declare const togglebutton: ToggleButtonTokens;
+export {};

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

@@ -1,11 +1,7 @@
-export declare const togglebuttongroup: {
-    alignItems: {
-        value: string;
-    };
-    alignContent: {
-        value: string;
-    };
-    justifyContent: {
-        value: string;
-    };
-};
+import { AlignContentValue, AlignItemsValue, DesignToken, JustifyContentValue } from '../types/designToken';
+export interface ToggleButtonGroupTokens {
+    alignItems: DesignToken<AlignItemsValue>;
+    alignContent: DesignToken<AlignContentValue>;
+    justifyContent: DesignToken<JustifyContentValue>;
+}
+export declare const togglebuttongroup: ToggleButtonGroupTokens;

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

@@ -1,5 +1,6 @@
 import { BorderWidths, WebBorderWidths } from './borderWidths';
 import { Colors, WebColors } from './colors';
+import { ComponentTokens } from './components';
 import { Fonts, WebFonts } from './fonts';
 import { FontSizes, WebFontSizes } from './fontSizes';
 import { FontWeights, WebFontWeights } from './fontWeights';
@@ -13,7 +14,7 @@ import { Space, WebSpace } from './space';
 import { Time, WebTime } from './time';
 import { Transforms, WebTransforms } from './transforms';
 export interface Tokens {
-    components: any;
+    components: ComponentTokens;
     borderWidths: BorderWidths;
     colors: Colors;
     fonts: Fonts;

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

@@ -34,15 +34,41 @@ export declare type WebDesignToken<ValueType = any> = {
      */
     toString(): string;
 } & DesignToken<ValueType>;
+export declare type AnimationDurationValue = string;
+export declare type AnimationTimingFunctionValue = string;
+export declare type AlignItemsValue = string;
+export declare type AlignContentValue = string;
+export declare type BackgroundColorValue = ColorValue;
+export declare type BorderColorValue = ColorValue;
+export declare type BorderCollapseValue = string;
+export declare type BorderRadiusValue = RadiusValue;
+export declare type BorderStyleValue = string;
+export declare type BorderWidthValue = SpaceValue;
+export declare type BorderValue = string;
+export declare type BoxSizingValue = string;
+export declare type BoxShadowValue = ShadowValue;
+export declare type CaptionSideValue = string;
 export declare type ColorValue = string;
-export declare type BorderWidthValue = string;
-export declare type FontValue = string;
+export declare type CursorValue = string;
+export declare type DisplayValue = string;
+export declare type FlexDirectionValue = string;
+export declare type FlexValue = string;
+export declare type FlexWrapValue = string;
 export declare type FontSizeValue = string;
-export declare type FontWeightValue = number;
-export declare type LineHeightValue = string;
+export declare type FontStyleValue = string;
+export declare type FontValue = string;
+export declare type FontWeightValue = string | number;
+export declare type GapValue = string;
+export declare type JustifyContentValue = string;
+export declare type LineHeightValue = string | number;
+export declare type ObjectFitValue = string;
 export declare type OpacityValue = string;
 export declare type OutlineOffsetValue = string;
 export declare type OutlineWidthValue = string;
+export declare type OutlineColorValue = string;
+export declare type OutlineStyleValue = string;
+export declare type PositionValue = string;
+export declare type PointerEventsValue = string;
 export declare type RadiusValue = string;
 export declare type ShadowValue = {
     offsetX: string;
@@ -50,7 +76,17 @@ export declare type ShadowValue = {
     blurRadius: string;
     spreadRadius?: string;
     color: string;
-};
+} | string;
+export declare type StrokeFilledValue = string;
+export declare type StrokeEmptyValue = string;
+export declare type StrokeLinecapValue = string;
 export declare type SpaceValue = string;
+export declare type TextAlignValue = string;
 export declare type TimeValue = string;
 export declare type TransformValue = string;
+export declare type TransitionDurationValue = string;
+export declare type TransitionPropertyValue = string;
+export declare type TransitionTimingFunctionValue = string;
+export declare type VerticalAlignValue = string;
+export declare type WhiteSpaceValue = string;
+export declare type WordBreakValue = string;

package/dist/types/types/authenticator/stateMachine/context.d.ts

@@ -37,6 +37,7 @@ export interface AuthContext {
     code?: string;
     mfaType?: AuthChallengeNames.SMS_MFA | AuthChallengeNames.SOFTWARE_TOKEN_MFA;
     actorDoneData?: Omit<ActorDoneData, 'user'>;
+    hasSetup?: boolean;
 }
 /**
  * Base context for all actors that have auth forms associated

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "3.6.0",
+  "version": "3.6.3",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "lodash": "4.17.21",
-    "style-dictionary": "3.0.3",
+    "style-dictionary": "3.7.0",
     "xstate": "^4.30.6"
   },
   "devDependencies": {

package/dist/esm/theme/index.js

@@ -1 +0,0 @@
-import{createTheme as e}from"./createTheme.js";export{createTheme}from"./createTheme.js";import{baseTheme as m}from"./baseTheme.js";var r=e({name:"default-theme"},m);export{r as defaultTheme};

package/dist/esm/theme/tokens/components/phoneNumberField.js

@@ -1 +0,0 @@
-var r={};export{r as phonenumberfield};

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

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

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

@@ -1 +0,0 @@
-export declare const phonenumberfield: {};