@aws-amplify/ui 3.8.1 → 3.9.0

package/dist/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 May 2022 17:14:39 GMT
+ * Generated on Tue, 17 May 2022 21:59:14 GMT
  */
 
 :root, [data-amplify-theme] {
@@ -99,7 +99,7 @@
   --amplify-colors-neutral-100: hsl(210, 50%, 10%);
   --amplify-colors-neutral-90: hsl(210, 25%, 25%);
   --amplify-colors-neutral-80: hsl(210, 10%, 40%);
-  --amplify-colors-neutral-60: hsl(210, 6%, 70%);
+  --amplify-colors-neutral-60: hsl(210, 8%, 55%);
   --amplify-colors-neutral-40: hsl(210, 5%, 87%);
   --amplify-colors-neutral-20: hsl(210, 5%, 94%);
   --amplify-colors-neutral-10: hsl(210, 5%, 98%);
@@ -351,6 +351,7 @@
   --amplify-colors-background-error: var(--amplify-colors-red-20);
   --amplify-colors-background-warning: var(--amplify-colors-orange-20);
   --amplify-colors-background-info: var(--amplify-colors-blue-20);
+  --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
   --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
   --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
   --amplify-colors-background-primary: var(--amplify-colors-white);
@@ -504,8 +505,6 @@
   --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
   --amplify-components-loader-height: var(--amplify-font-sizes-medium);
   --amplify-components-loader-width: var(--amplify-font-sizes-medium);
-  --amplify-components-link-small-font-size: var(--amplify-font-sizes-small);
-  --amplify-components-link-large-font-size: var(--amplify-font-sizes-large);
   --amplify-components-heading-line-height: var(--amplify-line-heights-small);
   --amplify-components-heading-6-font-weight: 800;
   --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
@@ -665,8 +664,8 @@
   --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
   --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
   --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
-  --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-60);
-  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-tertiary);
+  --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
+  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
   --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
   --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
@@ -674,7 +673,7 @@
   --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
   --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
   --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
-  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-tertiary);
+  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
   --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
   --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
   --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);

package/dist/types/helpers/authenticator/utils.d.ts

@@ -2,9 +2,10 @@
  * This file contains general helpers that state machine or authenticator
  * implementations can use.
  */
-import { AuthMachineSend } from '../../types';
+import { AuthInterpreter, HubHandler } from '../../types';
 export declare const censorAllButFirstAndLast: (value: string) => string;
 export declare const censorPhoneNumber: (val: string) => string;
+export declare const defaultAuthHubHandler: HubHandler;
 /**
  * Listens to external auth Hub events and sends corresponding event to
  * the `authService` of interest
@@ -13,4 +14,4 @@ export declare const censorPhoneNumber: (val: string) => string;
  *
  * @returns function that unsubscribes to the hub evenmt
  */
-export declare const listenToAuthHub: (send: AuthMachineSend) => () => void;
+export declare const listenToAuthHub: (service: AuthInterpreter, handler?: HubHandler) => () => void;

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

@@ -0,0 +1,6 @@
+import { ColorModeOverride } from './types';
+/**
+ * A basic dark mode that just flips the base color
+ * palette.
+ */
+export declare const defaultDarkModeOverride: ColorModeOverride;

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

@@ -1,3 +1,4 @@
 export { createTheme } from './createTheme';
 export { defaultTheme } from './defaultTheme';
+export { defaultDarkModeOverride } from './defaultDarkModeOverride';
 export * from './types';

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

@@ -1,17 +1,12 @@
-import { ColorValue, DesignToken, FontSizeValue } from '../types/designToken';
+import { ColorValue, DesignToken } 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;

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

@@ -3,6 +3,7 @@ export interface OrdinalScale<DesignTokenType = DesignToken<ColorValue>> {
     primary: DesignTokenType;
     secondary: DesignTokenType;
     tertiary: DesignTokenType;
+    quaternary?: DesignTokenType;
 }
 export interface OrdinalVariation<DesignTokenType = DesignToken<ColorValue>> {
     info: DesignTokenType;

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

@@ -5,6 +5,7 @@
 import { Interpreter } from 'xstate';
 import { AuthContext } from './context';
 import { AuthEvent } from './event';
+import { HubCapsule } from '@aws-amplify/core';
 /**
  * Intefrace for `authMachine` machine interpreter
  *
@@ -15,3 +16,4 @@ export declare type AuthInterpreter = Interpreter<AuthContext, any, AuthEvent, a
  * Function type for `send` in `authMachine`
  */
 export declare type AuthMachineSend = AuthInterpreter['send'];
+export declare type HubHandler = (data: HubCapsule, service: AuthInterpreter) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {