@aws-amplify/ui-react 6.1.14 → 6.2.0

package/dist/internal.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Field = require('./Field-1f747369.js');
+var Field = require('./Field-d47a49dc.js');
 var React = require('react');
 var Storage = require('aws-amplify/storage');
 var ui = require('@aws-amplify/ui');
 var uiReactCore = require('@aws-amplify/ui-react-core');
 require('@aws-amplify/core');
 require('aws-amplify/auth');
+require('./primitiveWithForwardRef-7e929242.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/primitiveWithForwardRef-7e929242.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n["default"] = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/**
+ * Updates the return type for primitives wrapped in `React.forwardRef` to
+ * `React.ReactElement`. In React 18 the return type of `React.ExoticComponent`
+ * was changed from `React.ReactElement` to `React.ReactNode`, which breaks
+ * clients using React 16 and 17.
+ *
+ * @param primitive UI Primitive to be wrapped with `React.forwardRef`
+ * @returns ForwaredRef wrapped UI Primitive
+ */
+const primitiveWithForwardRef = (primitive) => React__namespace.forwardRef(primitive);
+
+exports.primitiveWithForwardRef = primitiveWithForwardRef;

package/dist/server.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ThemeStyle = require('./ThemeStyle-b2dce96a.js');
+var ui = require('@aws-amplify/ui');
+require('react');
+require('./primitiveWithForwardRef-7e929242.js');
+
+
+
+exports.ThemeStyle = ThemeStyle.ThemeStyle;
+Object.defineProperty(exports, 'createComponentClasses', {
+	enumerable: true,
+	get: function () { return ui.createComponentClasses; }
+});
+Object.defineProperty(exports, 'createTheme', {
+	enumerable: true,
+	get: function () { return ui.createTheme; }
+});
+Object.defineProperty(exports, 'defaultDarkModeOverride', {
+	enumerable: true,
+	get: function () { return ui.defaultDarkModeOverride; }
+});
+Object.defineProperty(exports, 'defaultTheme', {
+	enumerable: true,
+	get: function () { return ui.defaultTheme; }
+});
+Object.defineProperty(exports, 'defineComponentTheme', {
+	enumerable: true,
+	get: function () { return ui.defineComponentTheme; }
+});

package/dist/types/components/ThemeProvider/ThemeStyle.d.ts

@@ -0,0 +1,18 @@
+import { WebTheme } from '@aws-amplify/ui';
+import { BaseComponentProps, ElementType, ForwardRefPrimitive, PrimitiveProps } from '../../primitives/types';
+interface BaseStyleThemeProps extends BaseComponentProps {
+    /**
+     * Provide a server generated nonce which matches your CSP `style-src` rule.
+     * This will be attached to the generated <style> tag.
+     * @see: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src
+     */
+    nonce?: string;
+    theme?: WebTheme;
+}
+export type ThemeStyleProps<Element extends ElementType = 'style'> = PrimitiveProps<BaseStyleThemeProps, Element>;
+/**
+ * @experimental
+ * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
+ */
+export declare const ThemeStyle: ForwardRefPrimitive<BaseStyleThemeProps, 'style'>;
+export {};

package/dist/types/helpers/constants.d.ts

@@ -1 +1,3 @@
 export declare const AMPLIFY_SYMBOL: Symbol;
+export declare const ERROR_SUFFIX = "error";
+export declare const DESCRIPTION_SUFFIX = "description";

package/dist/types/primitives/Tabs/TabsContext.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export interface TabsContextInterface {
     activeTab: string;
     isLazy?: boolean;
+    groupId: string;
     setActiveTab: (tab: string) => void;
 }
 export declare const TabsContext: React.Context<TabsContextInterface>;

package/dist/types/primitives/Tabs/constants.d.ts

@@ -0,0 +1 @@
+export declare const WHITESPACE_VALUE = "-";

package/dist/types/primitives/shared/responsive/utils.d.ts

@@ -1,6 +1,6 @@
 import { Breakpoint, Breakpoints, ValueBreakpoints } from '../../types/responsive';
 export declare const getValueAtCurrentBreakpoint: <Value = string | number>({ breakpoint, breakpoints, values, }: {
-    values: Partial<Record<"small" | "medium" | "large" | "xl" | "xxl" | "base", Value>> | Value[];
+    values: Partial<Record<"small" | "large" | "medium" | "xl" | "xxl" | "base", Value>> | Value[];
     breakpoint: Breakpoint;
     breakpoints: Breakpoints;
 }) => string | number | Value | null;

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

@@ -0,0 +1,8 @@
+/**
+ * Joins an array of strings and undefined values into a single string with spaces as separators.
+ * If all elements are undefined, returns undefined.
+ *
+ * @param {(string | undefined)[]} ids - An array of strings or undefined values.
+ * @returns {string | undefined} A single string with space-separated IDs, or undefined if all elements are undefined.
+ */
+export declare const createSpaceSeparatedIds: (ids: (string | undefined)[]) => string | undefined;

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

@@ -0,0 +1 @@
+export declare const getUniqueComponentId: (id?: string, suffix?: string) => string | undefined;

package/dist/types/server.d.ts

@@ -0,0 +1,2 @@
+export { ThemeStyle } from './components/ThemeProvider/ThemeStyle';
+export { createTheme, defineComponentTheme, createComponentClasses, defaultTheme, defaultDarkModeOverride, } from '@aws-amplify/ui';

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.1.14";
+export declare const VERSION = "6.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.1.14",
+  "version": "6.2.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -13,6 +13,11 @@
       "import": "./dist/esm/internal.mjs",
       "require": "./dist/internal.js"
     },
+    "./server": {
+      "types": "./dist/types/server.d.ts",
+      "import": "./dist/esm/server.mjs",
+      "require": "./dist/server.js"
+    },
     "./styles.css": "./dist/styles.css",
     "./styles.layer.css": "./dist/styles.layer.css",
     "./styles/*": "./dist/styles/*",
@@ -49,8 +54,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.17",
-    "@aws-amplify/ui-react-core": "3.0.17",
+    "@aws-amplify/ui": "6.1.0",
+    "@aws-amplify/ui-react-core": "3.0.18",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
     "@radix-ui/react-slider": "1.0.0",
@@ -83,13 +88,13 @@
       "name": "Authenticator",
       "path": "dist/esm/index.mjs",
       "import": "{ Authenticator }",
-      "limit": "76 kB"
+      "limit": "77 kB"
     },
     {
       "name": "AccountSettings",
       "path": "dist/esm/index.mjs",
       "import": "{ AccountSettings }",
-      "limit": "29 kB"
+      "limit": "30 kB"
     }
   ]
 }

package/dist/esm/primitives/utils/getTestId.mjs

@@ -1,3 +0,0 @@
-const getTestId = (testId, component) => testId && component ? `${testId}-${component}` : undefined;
-
-export { getTestId };

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

@@ -1 +0,0 @@
-export declare const getTestId: (testId?: string, component?: string) => string | undefined;