@aws-amplify/ui 6.6.0 → 6.6.2

package/dist/esm/helpers/authenticator/formFields/defaults.mjs

@@ -25,7 +25,7 @@ const getAliasDefaultFormField = (state) => {
     };
 };
 /** Reusable confirmation code form fields. */
-const getConfirmationCodeFormFields = (state) => ({
+const getConfirmationCodeFormFields = (_) => ({
     confirmation_code: {
         ...getDefaultFormField('confirmation_code'),
         label: 'Code *',
@@ -61,12 +61,13 @@ const getSignUpFormFields = (state) => {
         }
         else {
             // There's a `custom:*` attribute or one we don't already have an implementation for
+            // eslint-disable-next-line no-console
             console.debug(`Authenticator does not have a default implementation for ${fieldName}. Customize SignUp FormFields to add your own.`);
         }
     }
     return formField;
 };
-const getConfirmSignUpFormFields = (state) => ({
+const getConfirmSignUpFormFields = (_) => ({
     confirmation_code: {
         ...getDefaultFormField('confirmation_code'),
         placeholder: 'Enter your code',
@@ -111,6 +112,7 @@ const getForceNewPasswordFormFields = (state) => {
         }
         else {
             // There's a `custom:*` attribute or one we don't already have an implementation for
+            // eslint-disable-next-line no-console
             console.debug(`Authenticator does not have a default implementation for ${fieldName}. Customize ForceNewPassword FormFields to add your own.`);
         }
     }

package/dist/esm/index.mjs

@@ -17,6 +17,7 @@ export { createAuthenticatorMachine } from './machines/authenticator/index.mjs';
 export { createTheme } from './theme/createTheme/createTheme.mjs';
 export { defineComponentTheme } from './theme/createTheme/defineComponentTheme.mjs';
 export { createComponentCSS } from './theme/createTheme/createComponentCSS.mjs';
+export { createGlobalCSS } from './theme/createTheme/createGlobalCSS.mjs';
 export { cssNameTransform, isDesignToken, setupTokens } from './theme/createTheme/utils.mjs';
 export { createComponentClasses } from './theme/createTheme/createComponentClasses.mjs';
 export { defaultTheme } from './theme/defaultTheme.mjs';
@@ -27,6 +28,6 @@ export { isUnverifiedContactMethodType } from './types/authenticator/utils.mjs';
 export { LoginMechanismArray, authFieldsWithDefaults, isAuthFieldsWithDefaults, signUpFieldsWithDefault, signUpFieldsWithoutDefault } from './types/authenticator/attributes.mjs';
 export { ComponentClassName } from './types/primitives/componentClassName.mjs';
 export { setUserAgent } from './utils/setUserAgent/setUserAgent.mjs';
-export { areEmptyArrays, areEmptyObjects, capitalize, classNameModifier, classNameModifierByFlag, groupLog, has, isEmpty, isEmptyObject, isFunction, isMap, isNil, isObject, isSet, isString, isTypedFunction, isUndefined, noop, sanitizeNamespaceImport, splitObject, templateJoin } from './utils/utils.mjs';
+export { areEmptyArrays, areEmptyObjects, capitalize, classNameModifier, classNameModifierByFlag, groupLog, has, isEmpty, isEmptyObject, isFunction, isMap, isNil, isObject, isSet, isString, isUndefined, noop, sanitizeNamespaceImport, splitObject, templateJoin } from './utils/utils.mjs';
 export { classNames } from './utils/classNames.mjs';
 export { humanFileSize } from './utils/humanFileSize.mjs';

package/dist/esm/machines/authenticator/defaultServices.mjs

@@ -55,7 +55,7 @@ const defaultServices = {
     handleForgotPasswordSubmit: confirmResetPassword,
     handleForgotPassword: resetPassword,
     // Validation hooks for overriding
-    async validateCustomSignUp(formData, touchData) { },
+    async validateCustomSignUp(_, __) { },
     async validateFormPassword(formData, touchData, passwordSettings) {
         const { password } = formData;
         const { password: touched_password } = touchData;
@@ -105,7 +105,7 @@ const defaultServices = {
             };
         }
     },
-    async validatePreferredUsername(formData, touchData) { },
+    async validatePreferredUsername(_, __) { },
 };
 
 export { defaultServices };

package/dist/esm/theme/createTheme/createComponentCSS.mjs

@@ -84,4 +84,4 @@ function createComponentCSS({ theme, components, }) {
     return cssText;
 }
 
-export { createComponentCSS };
+export { createComponentCSS, recursiveComponentCSS };

package/dist/esm/theme/createTheme/createGlobalCSS.mjs

@@ -0,0 +1,11 @@
+import { recursiveComponentCSS } from './createComponentCSS.mjs';
+
+function createGlobalCSS(css) {
+    let cssText = ``;
+    for (const [selector, styles] of Object.entries(css)) {
+        cssText += recursiveComponentCSS(selector, styles);
+    }
+    return cssText;
+}
+
+export { createGlobalCSS };

package/dist/esm/utils/utils.mjs

@@ -173,15 +173,6 @@ const classNameModifier = (base, modifier) => {
 const classNameModifierByFlag = (base, modifier, flag) => {
     return flag ? `${base}--${modifier}` : '';
 };
-/**
- * `isFunction` but types the param with its function signature
- *
- * @param {unknown} value param to check
- * @returns {boolean} whether `value` is a function
- */
-function isTypedFunction(value) {
-    return isFunction(value);
-}
 /**
  * Similar to `Array.join`, with an optional callback/template param
  * for formatting returned string values
@@ -244,4 +235,4 @@ function splitObject(obj, predicate) {
     return [left, right];
 }
 
-export { areEmptyArrays, areEmptyObjects, capitalize, classNameModifier, classNameModifierByFlag, groupLog, has, isEmpty, isEmptyObject, isFunction, isMap, isNil, isObject, isSet, isString, isTypedFunction, isUndefined, noop, sanitizeNamespaceImport, splitObject, templateJoin };
+export { areEmptyArrays, areEmptyObjects, capitalize, classNameModifier, classNameModifierByFlag, groupLog, has, isEmpty, isEmptyObject, isFunction, isMap, isNil, isObject, isSet, isString, isUndefined, noop, sanitizeNamespaceImport, splitObject, templateJoin };

package/dist/index.js

@@ -11,11 +11,11 @@ var pickBy = require('lodash/pickBy.js');
 var merge = require('lodash/merge.js');
 var kebabCase = require('lodash/kebabCase.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var pickBy__default = /*#__PURE__*/_interopDefaultLegacy(pickBy);
-var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
-var kebabCase__default = /*#__PURE__*/_interopDefaultLegacy(kebabCase);
+var pickBy__default = /*#__PURE__*/_interopDefault(pickBy);
+var merge__default = /*#__PURE__*/_interopDefault(merge);
+var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
 
 /**
  * This file contains helpers that lets you easily access current actor's state
@@ -255,15 +255,6 @@ const classNameModifier = (base, modifier) => {
 const classNameModifierByFlag = (base, modifier, flag) => {
     return flag ? `${base}--${modifier}` : '';
 };
-/**
- * `isFunction` but types the param with its function signature
- *
- * @param {unknown} value param to check
- * @returns {boolean} whether `value` is a function
- */
-function isTypedFunction(value) {
-    return isFunction(value);
-}
 /**
  * Similar to `Array.join`, with an optional callback/template param
  * for formatting returned string values
@@ -3225,7 +3216,7 @@ const getAliasDefaultFormField = (state) => {
     };
 };
 /** Reusable confirmation code form fields. */
-const getConfirmationCodeFormFields = (state) => ({
+const getConfirmationCodeFormFields = (_) => ({
     confirmation_code: {
         ...getDefaultFormField('confirmation_code'),
         label: 'Code *',
@@ -3261,12 +3252,13 @@ const getSignUpFormFields = (state) => {
         }
         else {
             // There's a `custom:*` attribute or one we don't already have an implementation for
+            // eslint-disable-next-line no-console
             console.debug(`Authenticator does not have a default implementation for ${fieldName}. Customize SignUp FormFields to add your own.`);
         }
     }
     return formField;
 };
-const getConfirmSignUpFormFields = (state) => ({
+const getConfirmSignUpFormFields = (_) => ({
     confirmation_code: {
         ...getDefaultFormField('confirmation_code'),
         placeholder: 'Enter your code',
@@ -3311,6 +3303,7 @@ const getForceNewPasswordFormFields = (state) => {
         }
         else {
             // There's a `custom:*` attribute or one we don't already have an implementation for
+            // eslint-disable-next-line no-console
             console.debug(`Authenticator does not have a default implementation for ${fieldName}. Customize ForceNewPassword FormFields to add your own.`);
         }
     }
@@ -4005,7 +3998,7 @@ const defaultServices = {
     handleForgotPasswordSubmit: auth.confirmResetPassword,
     handleForgotPassword: auth.resetPassword,
     // Validation hooks for overriding
-    async validateCustomSignUp(formData, touchData) { },
+    async validateCustomSignUp(_, __) { },
     async validateFormPassword(formData, touchData, passwordSettings) {
         const { password } = formData;
         const { password: touched_password } = touchData;
@@ -4055,7 +4048,7 @@ const defaultServices = {
             };
         }
     },
-    async validatePreferredUsername(formData, touchData) { },
+    async validatePreferredUsername(_, __) { },
 };
 
 function forgotPasswordActor({ services, }) {
@@ -9058,6 +9051,14 @@ function defineComponentTheme({ name, theme, overrides, }) {
     };
 }
 
+function createGlobalCSS(css) {
+    let cssText = ``;
+    for (const [selector, styles] of Object.entries(css)) {
+        cssText += recursiveComponentCSS(selector, styles);
+    }
+    return cssText;
+}
+
 const darkModeTokens = {
     colors: {
         red: {
@@ -9207,6 +9208,7 @@ exports.countryDialCodes = countryDialCodes;
 exports.createAuthenticatorMachine = createAuthenticatorMachine;
 exports.createComponentCSS = createComponentCSS;
 exports.createComponentClasses = createComponentClasses;
+exports.createGlobalCSS = createGlobalCSS;
 exports.createTheme = createTheme;
 exports.cssNameTransform = cssNameTransform;
 exports.defaultAuthHubHandler = defaultAuthHubHandler;
@@ -9252,7 +9254,6 @@ exports.isNil = isNil;
 exports.isObject = isObject;
 exports.isSet = isSet;
 exports.isString = isString;
-exports.isTypedFunction = isTypedFunction;
 exports.isUndefined = isUndefined;
 exports.isUnverifiedContactMethodType = isUnverifiedContactMethodType;
 exports.isValidEmail = isValidEmail;

package/dist/types/machines/authenticator/defaultServices.d.ts

@@ -204,8 +204,8 @@ export declare const defaultServices: {
     handleConfirmSignUp: typeof confirmSignUp;
     handleForgotPasswordSubmit: typeof confirmResetPassword;
     handleForgotPassword: typeof resetPassword;
-    validateCustomSignUp(formData: AuthFormData, touchData: AuthTouchData): Promise<ValidatorResult>;
+    validateCustomSignUp(_: AuthFormData, __: AuthTouchData): Promise<ValidatorResult>;
     validateFormPassword(formData: AuthFormData, touchData: AuthTouchData, passwordSettings: PasswordSettings): Promise<ValidatorResult>;
     validateConfirmPassword(formData: AuthFormData, touchData: AuthTouchData): Promise<ValidatorResult>;
-    validatePreferredUsername(formData: AuthFormData, touchData: AuthTouchData): Promise<ValidatorResult>;
+    validatePreferredUsername(_: AuthFormData, __: AuthTouchData): Promise<ValidatorResult>;
 };

package/dist/types/theme/components/buttonGroup.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyles } from './utils';
-export type ButtonGroupTheme<Required extends boolean = false> = ComponentStyles;
+export interface ButtonGroupTheme extends ComponentStyles {
+}

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

@@ -1,2 +1,3 @@
 import { ComponentStyles } from './utils';
-export type CheckboxFieldTheme<Required extends boolean = false> = ComponentStyles;
+export interface CheckboxFieldTheme extends ComponentStyles {
+}

package/dist/types/theme/components/selectField.d.ts

@@ -1,2 +1,3 @@
 import { ComponentStyles } from './utils';
-export type SelectFieldTheme<Required extends boolean = false> = ComponentStyles;
+export interface SelectFieldTheme extends ComponentStyles {
+}

package/dist/types/theme/createTheme/createComponentCSS.d.ts

@@ -1,5 +1,7 @@
 import { WebTheme } from '../types';
 import { ComponentsTheme } from '../components';
+import { BaseTheme } from '../components/utils';
+export declare function recursiveComponentCSS(baseSelector: string, theme: BaseTheme): string;
 interface CreateComponentCSSParams {
     theme: Pick<WebTheme, 'tokens' | 'breakpoints' | 'name'>;
     components: Array<ComponentsTheme>;

package/dist/types/theme/createTheme/createGlobalCSS.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyles } from '../components/utils';
+type GlobalCSS = Record<string, ComponentStyles>;
+export declare function createGlobalCSS(css: GlobalCSS): string;
+export {};

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

@@ -1,5 +1,6 @@
 export { createTheme } from './createTheme';
 export { defineComponentTheme } from './defineComponentTheme';
 export { createComponentCSS } from './createComponentCSS';
+export { createGlobalCSS } from './createGlobalCSS';
 export { cssNameTransform, setupTokens, SetupToken, isDesignToken, } from './utils';
 export { createComponentClasses, ClassNameArgs, } from './createComponentClasses';

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

@@ -1,4 +1,4 @@
-export { createTheme, defineComponentTheme, createComponentClasses, createComponentCSS, cssNameTransform, isDesignToken, setupTokens, SetupToken, } from './createTheme';
+export { createTheme, defineComponentTheme, createComponentClasses, createComponentCSS, createGlobalCSS, cssNameTransform, isDesignToken, setupTokens, SetupToken, } from './createTheme';
 export { BaseComponentTheme } from './components';
 export { defaultTheme } from './defaultTheme';
 export { defaultDarkModeOverride, reactNativeDarkTokens, } from './defaultDarkModeOverride';

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

@@ -117,13 +117,6 @@ export declare const classNameModifier: (base: string, modifier?: Modifiers) =>
  * @returns the modified class name or empty string
  */
 export declare const classNameModifierByFlag: (base: string, modifier: Modifiers, flag?: boolean) => string;
-/**
- * `isFunction` but types the param with its function signature
- *
- * @param {unknown} value param to check
- * @returns {boolean} whether `value` is a function
- */
-export declare function isTypedFunction<T extends (...args: any[]) => any>(value: unknown): value is T;
 /**
  * Similar to `Array.join`, with an optional callback/template param
  * for formatting returned string values

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.6.0",
+  "version": "6.6.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -37,7 +37,7 @@
     "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui\"'",
     "clean": "rimraf dist node_modules",
     "dev": "yarn build --watch",
-    "lint": "yarn typecheck",
+    "lint": "yarn typecheck && eslint src --ext .js,.ts,.tsx",
     "prebuild": "rimraf dist",
     "test": "jest",
     "test:watch": "yarn test --watch",
@@ -49,7 +49,8 @@
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.3.2",
+    "@aws-amplify/core": "*",
+    "aws-amplify": "^6.6.0",
     "xstate": "^4.33.6"
   },
   "peerDependenciesMeta": {