@aws-amplify/ui-react 6.1.13 → 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.13";
+export declare const VERSION = "6.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "6.1.13",
+  "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/context/elements/ElementsContext.d.ts

@@ -1,58 +0,0 @@
-import React from 'react';
-import { ElementDisplayName } from './types';
-export interface Elements extends Partial<Record<ElementDisplayName, React.ComponentType>> {
-}
-/**
- * `ElementsProvider` and its coresponding `useElement` hook provide
- * access to the values of the nearest ancestral `ElementsContext`
- * value.
- *
- * In most use cases, there is no need to directly invoke `useElement`;
- * `ElementsContext` lookup is handled directly by `BaseElement`
- * components returned by `defineBaseElement`.
- *
- * @example
- *
- * Add `ElementsContext` aware `BaseElement` components to a
- * Connected Component
- *
- * ```tsx
- * // `BaseElement`, renders custom or default element defintion
- * const ViewElement = defineBaseElement({
- *   displayName: "View",
- *   type: "div",
- * });
- *
- * // `BaseElement` components to be provided through `ElementsContext`
- * interface ConnectedComponentElements {
- *   View: typeof ViewElement;
- * }
- *
- * function createConnectedComponent<T extends ConnectedComponentElements>(
- *   elements?: T
- * ) {
- *   const Provider = ({ children }: { children?: React.ReactNode }) => (
- *     <ElementsProvider elements={elements}>
- *       <Children />
- *     </ElementsProvider>
- *   );
- *
- *   function ConnectedComponent() {
- *     return (
- *       <Provider>
- *         <ConnectedComponentContent />
- *       </Provider>
- *     );
- *   }
- *
- *   ConnectedComponent.Provider = Provider;
- *
- *   return ConnectedComponent;
- * }
- * ```
- */
-export declare function ElementsProvider<T extends Elements>({ elements, ...props }: {
-    children?: React.ReactNode;
-    elements?: T;
-}): React.JSX.Element;
-export declare const useElement: <T extends keyof Elements>(name: T) => Elements[T] | undefined;

package/dist/types/context/elements/defineBaseElement.d.ts

@@ -1,26 +0,0 @@
-import { BaseElement, BaseElementProps, ElementDisplayName, ElementRefType, ReactElementProps, ReactElementType } from './types';
-export interface DefineBaseElementInput<T> {
-    /**
-     * `BaseElement` display name in React dev tools and stack traces
-     */
-    displayName: ElementDisplayName;
-    /**
-     * base HTML `element` type
-     */
-    type: T;
-}
-/**
- * Defines a `ElementsContext` aware `BaseElement` UI component of the
- * provided `type` with an assigned `displayName`.
- *
- * If `BaseElement` is used as a child of an `ElementsProvider`, returns the
- * `BaseElement` value of the provided `displayName` of `ElementsContext`.
- *
- * When used outside of a  parent `ElementsProvider` or no `BaseElement`
- * of `displayName` is found in the `ElementsContext`, returns a stateless,
- * unstyled HTML element of the provided `type`.
- *
- * @param {DefineBaseElementInput} input `BaseElement` parameters
- * @returns {BaseElement} `ElementsContext` aware UI component
- */
-export default function defineBaseElement<T extends ReactElementType, K extends keyof U = never, V = string, U extends ReactElementProps<T> = ReactElementProps<T>, P extends BaseElementProps<K, V, U> = BaseElementProps<K, V, U>>(input: DefineBaseElementInput<T>): BaseElement<P, ElementRefType<P>>;

package/dist/types/context/elements/index.d.ts

@@ -1,3 +0,0 @@
-export { default as defineBaseElement } from './defineBaseElement';
-export { default as withBaseElementProps } from './withBaseElementProps';
-export { ElementsProvider } from './ElementsContext';

package/dist/types/context/elements/types.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-/**
- * Base type definition of `BaseElement` components available through
- * `ElementsContext`. The definitions define a contract between a
- * Connected Component and the `elements` that can be provided as
- * overrides.
- *
- * `BaseElement` interfaces surface a minimal set of HTML semantic `props`
- * required to achieve the base functionality of consumers. `props`
- * are always optional at the interface level, allowing for additional `props`
- * to be added to existing `BaseElement` interfaces as needed.
- */
-export type BaseElement<T = {}, K = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<K>>;
-/**
- * allowed values of `displayName` of `BaseElement` and `ElemebtsContext` keys
- */
-export type ElementDisplayName = 'Button' | 'View' | 'Icon' | 'Input' | 'Span';
-export type ElementRefType<T> = T extends {
-    ref?: React.LegacyRef<infer K> | React.Ref<infer K> | React.ForwardedRef<infer K>;
-} ? K : never;
-export type ReactElementType = keyof React.JSX.IntrinsicElements;
-export type ReactElementProps<T extends ReactElementType> = React.JSX.IntrinsicElements[T];
-/**
- * key of `props` always available on `BaseElement` definitions
- */
-type ElementPropKey<T> = T | 'children' | 'className' | 'style';
-export type BaseElementProps<T extends keyof K, V = string, K extends Record<ElementPropKey<keyof K>, any> = Record<string, any>> = React.AriaAttributes & React.RefAttributes<ElementRefType<K>> & Pick<K, ElementPropKey<T>> & {
-    testId?: string;
-    variant?: V;
-};
-export {};

package/dist/types/context/elements/withBaseElementProps.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { BaseElement, ElementRefType } from './types';
-/**
- * Extend target `BaseElement` with `defaultProps`. `defaultProps`
- * are overidden by `props` provided to returned `BaseElement`.
- *
- * @example
- *
- * Extend `InputElement` with default `className` and `type`
- * ```tsx
- *
- * // define extended `props` on `BaseElement` interface
- * type InputElementPropKey = 'onChange' | 'type';
- *
- * // create `InputElement` base with `type` generic and extended `props` key
- * export const InputElement = defineBaseElement<"input", InputElementPropKey>({
- *   type: "input",
- *   displayName: "Input",
- * });
- *
- * // extend base `InputElement` with default input `type` of `checkbox`
- * const CheckboxElement = withBaseElementProps(Input, {
- *   className: 'submit-toggle__checkbox',
- *   type: 'checkbox',
- * });
- * ```
- *
- * @param Target `BaseElement` to extend
- * @param defaultProps `defaultProps` to apply to `Target`, accepts object or callback
- * @returns extended `BaseElement` with `defaultProps`
- */
-export default function withBaseElementProps<T, K extends T | (() => T)>(Target: React.ForwardRefExoticComponent<T>, defaultProps: K): BaseElement<T, ElementRefType<T>>;

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

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