@aws-amplify/ui 6.6.0 → 6.6.1

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';

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/index.js

@@ -9058,6 +9058,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 +9215,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;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.6.0",
+  "version": "6.6.1",
   "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": "^6.4.0",
+    "aws-amplify": "^6.6.0",
     "xstate": "^4.33.6"
   },
   "peerDependenciesMeta": {