@cloudscape-design/components 3.0.1038 → 3.0.1040

package/internal/base-component/styles.scoped.css

@@ -2039,5 +2039,5 @@
   }
 }
 :root {
-  --awsui-version-info-58ae34b4: true;
+  --awsui-version-info-fbfdb122: true;
 }

package/internal/environment.js

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (58ae34b4)";
-export var GIT_SHA = "58ae34b4";
+export var PACKAGE_VERSION = "3.0.0 (fbfdb122)";
+export var GIT_SHA = "fbfdb122";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "console";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (58ae34b4)",
-  "GIT_SHA": "58ae34b4",
+  "PACKAGE_VERSION": "3.0.0 (fbfdb122)",
+  "GIT_SHA": "fbfdb122",
   "THEME": "open-source-visual-refresh",
   "SYSTEM": "console",
   "ALWAYS_VISUAL_REFRESH": true

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "58ae34b41ad9d9d6e112afaaa45ff6931313a772"
+  "commit": "fbfdb1220bfaf67e1f45488b0cb9b9bde0c4a26a"
 }

package/package.json

@@ -151,7 +151,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1038",
+  "version": "3.0.1040",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/prompt-input/index.js

@@ -1,28 +1,18 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-'use client';
-import { __rest } from "tslib";
 import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
+
+import CoreComponent from './internal-do-not-use-core';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalPromptInput from './internal';
-const PromptInput = React.forwardRef((_a, ref) => {
-    var { autoComplete, autoFocus, disableBrowserAutocorrect, disableActionButton, spellcheck, readOnly, actionButtonIconName, minRows = 1, maxRows = 3 } = _a, props = __rest(_a, ["autoComplete", "autoFocus", "disableBrowserAutocorrect", "disableActionButton", "spellcheck", "readOnly", "actionButtonIconName", "minRows", "maxRows"]);
-    const baseComponentProps = useBaseComponent('PromptInput', {
-        props: {
-            readOnly,
-            autoComplete,
-            autoFocus,
-            disableBrowserAutocorrect,
-            disableActionButton,
-            spellcheck,
-            actionButtonIconName,
-            minRows,
-            maxRows,
-        },
-    });
-    return (React.createElement(InternalPromptInput, Object.assign({ readOnly: readOnly, autoComplete: autoComplete, autoFocus: autoFocus, disableBrowserAutocorrect: disableBrowserAutocorrect, disableActionButton: disableActionButton, spellcheck: spellcheck, actionButtonIconName: actionButtonIconName, minRows: minRows, maxRows: maxRows }, props, baseComponentProps, { ref: ref })));
+import { validateProps } from '../internal/base-component';
+
+
+
+const PromptInput = React.forwardRef((props, ref) => {
+    validateProps('PromptInput', props, ["customPrimaryAction"], {});
+    return React.createElement(CoreComponent, {ref,...props});
 });
+
+
 applyDisplayName(PromptInput, 'PromptInput');
 export default PromptInput;
-//# sourceMappingURL=index.js.map

package/prompt-input/interfaces.d.ts

@@ -65,6 +65,14 @@ export interface PromptInputProps extends BaseInputProps, InputKeyEvents, InputA
    * Defaults to 3. Use -1 for infinite rows.
    */
   maxRows?: number;
+  /**
+   * Use this to replace the primary action.
+   * If this is provided then any other `actionButton*` properties will be ignored.
+   * Note that you should still provide an `onAction` function in order to handle keyboard submission.
+   *
+   * @awsuiSystem core
+   */
+
   /**
    * Use this slot to add secondary actions to the prompt input.
    */

package/prompt-input/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACpE;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAE1C;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,SAAS,GAAG,aAAa,CAAC;IACtC,KAAY,YAAY,GAAG,gBAAgB,CAAC;IAE5C,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;QAEd;;WAEG;QACH,MAAM,IAAI,IAAI,CAAC;QAEf;;;;;;WAMG;QACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;KAChH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE9E,MAAM,WAAW,gBACf,SAAQ,cAAc,EACpB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACpE;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAE1C;;OAEG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,SAAS,GAAG,aAAa,CAAC;IACtC,KAAY,YAAY,GAAG,gBAAgB,CAAC;IAE5C,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;QAEd;;WAEG;QACH,MAAM,IAAI,IAAI,CAAC;QAEf;;;;;;WAMG;QACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;KAChH;CACF"}

package/prompt-input/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from '../icon/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, NonCancelableEventHandler } from '../internal/events';\n\nexport interface PromptInputProps\n  extends BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Called whenever a user clicks the action button or presses the \"Enter\" key.\n   * The event `detail` contains the current value of the field.\n   */\n  onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n  /**\n   * Determines what icon to display in the action button.\n   */\n  actionButtonIconName?: IconProps.Name;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n   */\n  actionButtonIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  actionButtonIconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  actionButtonIconAlt?: string;\n  /**\n   * Adds an aria-label to the action button.\n   * @i18n\n   */\n  actionButtonAriaLabel?: string;\n\n  /**\n   * Specifies whether to disable the action button.\n   */\n  disableActionButton?: boolean;\n\n  /**\n   * Specifies the minimum number of lines of text to set the height to.\n   */\n  minRows?: number;\n\n  /**\n   * Specifies the maximum number of lines of text the textarea will expand to.\n   * Defaults to 3. Use -1 for infinite rows.\n   */\n  maxRows?: number;\n\n  /**\n   * Use this slot to add secondary actions to the prompt input.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary content, such as file attachments, to the prompt input.\n   */\n  secondaryContent?: React.ReactNode;\n\n  /**\n   * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n   */\n  disableSecondaryActionsPaddings?: boolean;\n\n  /**\n   * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n   */\n  disableSecondaryContentPaddings?: boolean;\n}\n\nexport namespace PromptInputProps {\n  export type KeyDetail = BaseKeyDetail;\n  export type ActionDetail = BaseChangeDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the textarea control.\n     */\n    select(): void;\n\n    /**\n     * Selects a range of text in the textarea control.\n     *\n     * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n     * for more details on this method. Be aware that using this method in React has some\n     * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n     */\n    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { IconProps } from '../icon/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoComplete,\n  InputAutoCorrect,\n  InputKeyEvents,\n  InputSpellcheck,\n} from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, NonCancelableEventHandler } from '../internal/events';\n\nexport interface PromptInputProps\n  extends BaseInputProps,\n    InputKeyEvents,\n    InputAutoCorrect,\n    InputAutoComplete,\n    InputSpellcheck,\n    BaseComponentProps,\n    FormFieldValidationControlProps {\n  /**\n   * Called whenever a user clicks the action button or presses the \"Enter\" key.\n   * The event `detail` contains the current value of the field.\n   */\n  onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n  /**\n   * Determines what icon to display in the action button.\n   */\n  actionButtonIconName?: IconProps.Name;\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n   */\n  actionButtonIconUrl?: string;\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  actionButtonIconSvg?: React.ReactNode;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n   */\n  actionButtonIconAlt?: string;\n  /**\n   * Adds an aria-label to the action button.\n   * @i18n\n   */\n  actionButtonAriaLabel?: string;\n\n  /**\n   * Specifies whether to disable the action button.\n   */\n  disableActionButton?: boolean;\n\n  /**\n   * Specifies the minimum number of lines of text to set the height to.\n   */\n  minRows?: number;\n\n  /**\n   * Specifies the maximum number of lines of text the textarea will expand to.\n   * Defaults to 3. Use -1 for infinite rows.\n   */\n  maxRows?: number;\n\n  /**\n   * Use this to replace the primary action.\n   * If this is provided then any other `actionButton*` properties will be ignored.\n   * Note that you should still provide an `onAction` function in order to handle keyboard submission.\n   *\n   * @awsuiSystem core\n   */\n  customPrimaryAction?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary actions to the prompt input.\n   */\n  secondaryActions?: React.ReactNode;\n\n  /**\n   * Use this slot to add secondary content, such as file attachments, to the prompt input.\n   */\n  secondaryContent?: React.ReactNode;\n\n  /**\n   * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n   */\n  disableSecondaryActionsPaddings?: boolean;\n\n  /**\n   * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n   */\n  disableSecondaryContentPaddings?: boolean;\n}\n\nexport namespace PromptInputProps {\n  export type KeyDetail = BaseKeyDetail;\n  export type ActionDetail = BaseChangeDetail;\n\n  export interface Ref {\n    /**\n     * Sets input focus on the textarea control.\n     */\n    focus(): void;\n\n    /**\n     * Selects all text in the textarea control.\n     */\n    select(): void;\n\n    /**\n     * Selects a range of text in the textarea control.\n     *\n     * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n     * for more details on this method. Be aware that using this method in React has some\n     * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n     */\n    setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;\n  }\n}\n"]}

package/prompt-input/internal-do-not-use-core.js

@@ -0,0 +1,28 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+'use client';
+import { __rest } from "tslib";
+import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalPromptInput from './internal';
+const PromptInput = React.forwardRef((_a, ref) => {
+    var { autoComplete, autoFocus, disableBrowserAutocorrect, disableActionButton, spellcheck, readOnly, actionButtonIconName, minRows = 1, maxRows = 3 } = _a, props = __rest(_a, ["autoComplete", "autoFocus", "disableBrowserAutocorrect", "disableActionButton", "spellcheck", "readOnly", "actionButtonIconName", "minRows", "maxRows"]);
+    const baseComponentProps = useBaseComponent('PromptInput', {
+        props: {
+            readOnly,
+            autoComplete,
+            autoFocus,
+            disableBrowserAutocorrect,
+            disableActionButton,
+            spellcheck,
+            actionButtonIconName,
+            minRows,
+            maxRows,
+        },
+    });
+    return (React.createElement(InternalPromptInput, Object.assign({ readOnly: readOnly, autoComplete: autoComplete, autoFocus: autoFocus, disableBrowserAutocorrect: disableBrowserAutocorrect, disableActionButton: disableActionButton, spellcheck: spellcheck, actionButtonIconName: actionButtonIconName, minRows: minRows, maxRows: maxRows }, props, baseComponentProps, { ref: ref })));
+});
+applyDisplayName(PromptInput, 'PromptInput');
+export default PromptInput;
+//# sourceMappingURL=internal-do-not-use-core.js.map

package/prompt-input/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAWxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,UAAU,wBACR,SAAQ,YAAY,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,CAAC,EAC3D,0BAA0B;CAAG;AAEjC,QAAA,MAAM,mBAAmB,uGAkNxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAWxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,UAAU,wBACR,SAAQ,YAAY,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,CAAC,EAC3D,0BAA0B;CAAG;AAEjC,QAAA,MAAM,mBAAmB,uGA4NxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/prompt-input/internal.js

@@ -14,7 +14,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
 const InternalPromptInput = React.forwardRef((_a, ref) => {
-    var { value, actionButtonAriaLabel, actionButtonIconName, actionButtonIconUrl, actionButtonIconSvg, actionButtonIconAlt, ariaLabel, autoComplete, autoFocus, disableActionButton, disableBrowserAutocorrect, disabled, maxRows, minRows, name, onAction, onBlur, onChange, onFocus, onKeyDown, onKeyUp, placeholder, readOnly, spellcheck, secondaryActions, secondaryContent, disableSecondaryActionsPaddings, disableSecondaryContentPaddings, __internalRootRef = null } = _a, rest = __rest(_a, ["value", "actionButtonAriaLabel", "actionButtonIconName", "actionButtonIconUrl", "actionButtonIconSvg", "actionButtonIconAlt", "ariaLabel", "autoComplete", "autoFocus", "disableActionButton", "disableBrowserAutocorrect", "disabled", "maxRows", "minRows", "name", "onAction", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "spellcheck", "secondaryActions", "secondaryContent", "disableSecondaryActionsPaddings", "disableSecondaryContentPaddings", "__internalRootRef"]);
+    var { value, actionButtonAriaLabel, actionButtonIconName, actionButtonIconUrl, actionButtonIconSvg, actionButtonIconAlt, ariaLabel, autoComplete, autoFocus, disableActionButton, disableBrowserAutocorrect, disabled, maxRows, minRows, name, onAction, onBlur, onChange, onFocus, onKeyDown, onKeyUp, placeholder, readOnly, spellcheck, customPrimaryAction, secondaryActions, secondaryContent, disableSecondaryActionsPaddings, disableSecondaryContentPaddings, __internalRootRef = null } = _a, rest = __rest(_a, ["value", "actionButtonAriaLabel", "actionButtonIconName", "actionButtonIconUrl", "actionButtonIconSvg", "actionButtonIconAlt", "ariaLabel", "autoComplete", "autoFocus", "disableActionButton", "disableBrowserAutocorrect", "disabled", "maxRows", "minRows", "name", "onAction", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "spellcheck", "customPrimaryAction", "secondaryActions", "secondaryContent", "disableSecondaryActionsPaddings", "disableSecondaryContentPaddings", "__internalRootRef"]);
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
     const textareaRef = useRef(null);
@@ -51,7 +51,7 @@ const InternalPromptInput = React.forwardRef((_a, ref) => {
         fireNonCancelableEvent(onChange, { value: event.target.value });
         adjustTextareaHeight();
     };
-    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl;
+    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;
     const adjustTextareaHeight = useCallback(() => {
         if (textareaRef.current) {
             // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px
@@ -109,8 +109,7 @@ const InternalPromptInput = React.forwardRef((_a, ref) => {
         attributes.autoCorrect = 'off';
         attributes.autoCapitalize = 'off';
     }
-    const action = (React.createElement("div", { className: styles.button },
-        React.createElement(InternalButton, { className: clsx(styles['action-button'], testutilStyles['action-button']), ariaLabel: actionButtonAriaLabel, disabled: disabled || readOnly || disableActionButton, __focusable: readOnly, iconName: actionButtonIconName, iconUrl: actionButtonIconUrl, iconSvg: actionButtonIconSvg, iconAlt: actionButtonIconAlt, onClick: () => fireNonCancelableEvent(onAction, { value }), variant: "icon" })));
+    const action = (React.createElement("div", { className: clsx(styles['primary-action'], testutilStyles['primary-action']) }, customPrimaryAction !== null && customPrimaryAction !== void 0 ? customPrimaryAction : (React.createElement(InternalButton, { className: clsx(styles['action-button'], testutilStyles['action-button']), ariaLabel: actionButtonAriaLabel, disabled: disabled || readOnly || disableActionButton, __focusable: readOnly, iconName: actionButtonIconName, iconUrl: actionButtonIconUrl, iconSvg: actionButtonIconSvg, iconAlt: actionButtonIconAlt, onClick: () => fireNonCancelableEvent(onAction, { value }), variant: "icon" }))));
     return (React.createElement("div", Object.assign({}, baseProps, { "aria-label": ariaLabel, className: clsx(styles.root, testutilStyles.root, baseProps.className, {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
@@ -125,12 +124,15 @@ const InternalPromptInput = React.forwardRef((_a, ref) => {
         React.createElement("div", { className: styles['textarea-wrapper'] },
             React.createElement("textarea", Object.assign({ ref: textareaRef, id: controlId }, attributes)),
             hasActionButton && !secondaryActions && action),
-        secondaryActions && (React.createElement("div", { className: clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {
-                [styles['with-paddings']]: !disableSecondaryActionsPaddings,
+        secondaryActions && (React.createElement("div", { className: clsx(styles['action-stripe'], {
                 [styles.invalid]: invalid,
                 [styles.warning]: warning,
             }) },
-            secondaryActions,
+            React.createElement("div", { className: clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {
+                    [styles['with-paddings']]: !disableSecondaryActionsPaddings,
+                    [styles.invalid]: invalid,
+                    [styles.warning]: warning,
+                }) }, secondaryActions),
             React.createElement("div", { className: styles.buffer, onClick: () => { var _a; return (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }),
             hasActionButton && action))));
 });

package/prompt-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { PromptInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoComplete,\n      autoFocus,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      __internalRootRef = null,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n    const DEFAULT_MAX_ROWS = 3;\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          textareaRef.current?.focus(...args);\n        },\n        select() {\n          textareaRef.current?.select();\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          textareaRef.current?.setSelectionRange(...args);\n        },\n      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n        textareaRef.current.style.height = 'auto';\n\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n\n        if (maxRows === -1) {\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;\n        } else {\n          const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\n        }\n      }\n    }, [maxRows, LINE_HEIGHT, PADDING]);\n\n    useEffect(() => {\n      const handleResize = () => {\n        adjustTextareaHeight();\n      };\n\n      window.addEventListener('resize', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    }, [adjustTextareaHeight]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={styles.button}>\n        <InternalButton\n          className={clsx(styles['action-button'], testutilStyles['action-button'])}\n          ariaLabel={actionButtonAriaLabel}\n          disabled={disabled || readOnly || disableActionButton}\n          __focusable={readOnly}\n          iconName={actionButtonIconName}\n          iconUrl={actionButtonIconUrl}\n          iconSvg={actionButtonIconSvg}\n          iconAlt={actionButtonIconAlt}\n          onClick={() => fireNonCancelableEvent(onAction, { value })}\n          variant=\"icon\"\n        />\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <textarea ref={textareaRef} id={controlId} {...attributes} />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n              [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryActions}\n            <div className={styles.buffer} onClick={() => textareaRef.current?.focus()} />\n            {hasActionButton && action}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxF,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/E,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,MAAM,MAAM,qCAAqC,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAM1D,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAC1C,CACE,EAgC2B,EAC3B,GAA8B,EAC9B,EAAE;QAlCF,EACE,KAAK,EACL,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,mBAAmB,EACnB,yBAAyB,EACzB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,+BAA+B,EAC/B,+BAA+B,EAC/B,iBAAiB,GAAG,IAAI,OAEC,EADtB,IAAI,cA/BT,+gBAgCC,CADQ;IAIT,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,KAAK,SAAS,CAAC;IAEhE,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;IAC/D,MAAM,WAAW,GAAG,MAAM,CAAC,eAAe,CAAC;IAC3C,MAAM,gBAAgB,GAAG,CAAC,CAAC;IAE3B,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,CAAC,GAAG,IAAsC;;YAC7C,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACtC,CAAC;QACD,MAAM;;YACJ,MAAA,WAAW,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAChC,CAAC;QACD,iBAAiB,CAAC,GAAG,IAA0D;;YAC7E,MAAA,WAAW,CAAC,OAAO,0CAAE,iBAAiB,CAAC,GAAG,IAAI,CAAC,CAAC;QAClD,CAAC;KACF,CAAC,EACF,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA+C,EAAE,EAAE;QACxE,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAEpC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE;YAC9E,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,EAAE;gBAC3D,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;aAC1C;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;SAC7C;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;QACrE,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAChE,oBAAoB,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,oBAAoB,IAAI,mBAAmB,IAAI,mBAAmB,IAAI,mBAAmB,CAAC;IAElH,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,4IAA4I;YAC5I,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAE1C,MAAM,iBAAiB,GAAG,QAAQ,WAAW,OAAO,MAAM,CAAC,cAAc,OAAO,CAAC,CAAC,wCAAwC;YAE1H,IAAI,OAAO,KAAK,CAAC,CAAC,EAAE;gBAClB,MAAM,YAAY,GAAG,QAAQ,WAAW,CAAC,OAAO,CAAC,YAAY,KAAK,CAAC;gBACnE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,YAAY,KAAK,iBAAiB,GAAG,CAAC;aACjF;iBAAM;gBACL,MAAM,aAAa,GAAG,QAAQ,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,OAAO,WAAW,MAAM,OAAO,WAAW,OAAO,GAAG,CAAC;gBAC5H,MAAM,YAAY,GAAG,QAAQ,WAAW,CAAC,OAAO,CAAC,YAAY,KAAK,CAAC;gBACnE,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,WAAW,YAAY,KAAK,iBAAiB,MAAM,aAAa,GAAG,CAAC;aACxG;SACF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,oBAAoB,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1D,MAAM,UAAU,GAAsD;QACpE,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,kBAAkB,EAAE,eAAe;QACnC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QAC5C,IAAI;QACJ,WAAW;QACX,SAAS;QACT,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE;YACxD,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;YACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;SAC1B,CAAC;QACF,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC;QAC/C,UAAU,EAAE,UAAU;QACtB,QAAQ;QACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QACrC,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,aAAa;QACxB,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAChE,yFAAyF;QACzF,KAAK,EAAE,KAAK,IAAI,EAAE;QAClB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACxD,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;KAC5D,CAAC;IAEF,IAAI,yBAAyB,EAAE;QAC7B,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC;QAC/B,UAAU,CAAC,cAAc,GAAG,KAAK,CAAC;KACnC;IAED,MAAM,MAAM,GAAG,CACb,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,IAC7E,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,CACtB,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC,EACzE,SAAS,EAAE,qBAAqB,EAChC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,IAAI,mBAAmB,EACrD,WAAW,EAAE,QAAQ,EACrB,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAC1D,OAAO,EAAC,MAAM,GACd,CACH,CACG,CACP,CAAC;IAEF,OAAO,CACL,6CACM,SAAS,kBACD,SAAS,EACrB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE;YACrE,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;YACvC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO;YACrC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,OAAO;YACjD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,CAAC,EACF,GAAG,EAAE,iBAAiB,EACtB,IAAI,EAAC,QAAQ;QAEZ,gBAAgB,IAAI,CACnB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAAE;gBAChF,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,+BAA+B;gBAC3D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;gBACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;aAC1B,CAAC,IAED,gBAAgB,CACb,CACP;QACD,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;YACxC,gDAAU,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,IAAM,UAAU,EAAI;YAC5D,eAAe,IAAI,CAAC,gBAAgB,IAAI,MAAM,CAC3C;QACL,gBAAgB,IAAI,CACnB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;gBACvC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;gBACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;aAC1B,CAAC;YAEF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,EAAE;oBAChF,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,+BAA+B;oBAC3D,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;oBACzB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO;iBAC1B,CAAC,IAED,gBAAgB,CACb;YACN,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,GAAI;YAC7E,eAAe,IAAI,MAAM,CACtB,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport { PromptInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoComplete,\n      autoFocus,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      customPrimaryAction,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      __internalRootRef = null,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n    const DEFAULT_MAX_ROWS = 3;\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          textareaRef.current?.focus(...args);\n        },\n        select() {\n          textareaRef.current?.select();\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          textareaRef.current?.setSelectionRange(...args);\n        },\n      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n        textareaRef.current.style.height = 'auto';\n\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n\n        if (maxRows === -1) {\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;\n        } else {\n          const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\n        }\n      }\n    }, [maxRows, LINE_HEIGHT, PADDING]);\n\n    useEffect(() => {\n      const handleResize = () => {\n        adjustTextareaHeight();\n      };\n\n      window.addEventListener('resize', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    }, [adjustTextareaHeight]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={clsx(styles['primary-action'], testutilStyles['primary-action'])}>\n        {customPrimaryAction ?? (\n          <InternalButton\n            className={clsx(styles['action-button'], testutilStyles['action-button'])}\n            ariaLabel={actionButtonAriaLabel}\n            disabled={disabled || readOnly || disableActionButton}\n            __focusable={readOnly}\n            iconName={actionButtonIconName}\n            iconUrl={actionButtonIconUrl}\n            iconSvg={actionButtonIconSvg}\n            iconAlt={actionButtonIconAlt}\n            onClick={() => fireNonCancelableEvent(onAction, { value })}\n            variant=\"icon\"\n          />\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <textarea ref={textareaRef} id={controlId} {...attributes} />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['action-stripe'], {\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            <div\n              className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n                [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n                [styles.invalid]: invalid,\n                [styles.warning]: warning,\n              })}\n            >\n              {secondaryActions}\n            </div>\n            <div className={styles.buffer} onClick={() => textareaRef.current?.focus()} />\n            {hasActionButton && action}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}

package/prompt-input/styles.css.js

@@ -1,20 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_25oqf_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_25oqf_185",
-  "disabled": "awsui_disabled_55fkh_25oqf_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_25oqf_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_25oqf_223",
-  "textarea": "awsui_textarea_55fkh_25oqf_185",
-  "invalid": "awsui_invalid_55fkh_25oqf_323",
-  "warning": "awsui_warning_55fkh_25oqf_323",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_25oqf_342",
-  "button": "awsui_button_55fkh_25oqf_346",
-  "action-button": "awsui_action-button_55fkh_25oqf_351",
-  "secondary-content": "awsui_secondary-content_55fkh_25oqf_376",
-  "with-paddings": "awsui_with-paddings_55fkh_25oqf_411",
-  "secondary-actions": "awsui_secondary-actions_55fkh_25oqf_421",
-  "buffer": "awsui_buffer_55fkh_25oqf_474"
+  "root": "awsui_root_55fkh_19qc8_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_19qc8_185",
+  "disabled": "awsui_disabled_55fkh_19qc8_190",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_19qc8_198",
+  "textarea-warning": "awsui_textarea-warning_55fkh_19qc8_223",
+  "textarea": "awsui_textarea_55fkh_19qc8_185",
+  "invalid": "awsui_invalid_55fkh_19qc8_323",
+  "warning": "awsui_warning_55fkh_19qc8_323",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_19qc8_342",
+  "primary-action": "awsui_primary-action_55fkh_19qc8_346",
+  "action-button": "awsui_action-button_55fkh_19qc8_354",
+  "secondary-content": "awsui_secondary-content_55fkh_19qc8_359",
+  "with-paddings": "awsui_with-paddings_55fkh_19qc8_394",
+  "action-stripe": "awsui_action-stripe_55fkh_19qc8_404",
+  "secondary-actions": "awsui_secondary-actions_55fkh_19qc8_443",
+  "buffer": "awsui_buffer_55fkh_19qc8_452"
 };
   

package/prompt-input/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_55fkh_25oqf_146:not(#\9) {
+.awsui_root_55fkh_19qc8_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,12 +182,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-readonly_55fkh_25oqf_185:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-readonly_55fkh_19qc8_185:not(#\9) {
   background-color: var(--color-background-input-default-ifz5bb, #ffffff);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_disabled_55fkh_25oqf_190:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_disabled_55fkh_19qc8_190:not(#\9) {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -195,57 +195,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9) {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within:focus, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus:focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within:focus, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9) {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9) {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within:focus, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus:focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within:focus, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_25oqf_146:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146:not(#\9):focus {
+.awsui_root_55fkh_19qc8_146:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
@@ -256,7 +256,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_textarea_55fkh_25oqf_185:not(#\9) {
+.awsui_textarea_55fkh_19qc8_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -305,25 +305,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9)::placeholder {
+.awsui_textarea_55fkh_19qc8_185:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-dclg8u, #656871);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):-ms-input-placeholder {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-dclg8u, #656871);
   font-style: italic;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):focus {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):focus {
   outline: none;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):invalid {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_25oqf_185.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_textarea_55fkh_25oqf_185.awsui_warning_55fkh_25oqf_323:not(#\9) {
+.awsui_textarea_55fkh_19qc8_185.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_textarea_55fkh_19qc8_185.awsui_warning_55fkh_19qc8_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):disabled {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
   border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
   border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -332,48 +332,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: 0;
   cursor: default;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea_55fkh_25oqf_185:not(#\9):disabled:-ms-input-placeholder {
+.awsui_textarea_55fkh_19qc8_185:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
 }
-.awsui_textarea-wrapper_55fkh_25oqf_342:not(#\9) {
+.awsui_textarea-wrapper_55fkh_19qc8_342:not(#\9) {
   display: flex;
 }
 
-.awsui_button_55fkh_25oqf_346:not(#\9) {
+.awsui_primary-action_55fkh_19qc8_346:not(#\9) {
   align-self: flex-end;
-  padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
-  padding-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
+  flex-shrink: 0;
+  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-.awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9) {
-  padding: 0;
-}
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus {
-  position: relative;
+.awsui_textarea-wrapper_55fkh_19qc8_342 > .awsui_primary-action_55fkh_19qc8_346:not(#\9) {
+  padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus {
-  outline: 2px dotted transparent;
-  outline-offset: calc(calc((var(--space-xxxs-pajhad, 2px)) - 1px) - 1px);
-}
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  inset-inline-start: calc(-1 * calc((var(--space-xxxs-pajhad, 2px)) - 1px));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px));
-  inline-size: calc(100% + calc((var(--space-xxxs-pajhad, 2px)) - 1px) + calc((var(--space-xxxs-pajhad, 2px)) - 1px));
-  block-size: calc(100% + calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px) + calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+.awsui_textarea-wrapper_55fkh_19qc8_342 > .awsui_primary-action_55fkh_19qc8_346 > .awsui_action-button_55fkh_19qc8_354:not(#\9) {
+  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
+  padding: 0;
 }
 
-.awsui_secondary-content_55fkh_25oqf_376:not(#\9) {
+.awsui_secondary-content_55fkh_19qc8_359:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -408,17 +391,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_actio
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
 }
-.awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411:not(#\9) {
+.awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394:not(#\9) {
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-s-8ozaad, 12px);
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411.awsui_warning_55fkh_25oqf_323:not(#\9) {
+.awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394.awsui_warning_55fkh_19qc8_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
 
-.awsui_secondary-actions_55fkh_25oqf_421:not(#\9) {
+.awsui_action-stripe_55fkh_19qc8_404:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -456,22 +439,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_actio
   justify-content: space-between;
   align-items: flex-end;
 }
-.awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411:not(#\9) {
+
+.awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394:not(#\9) {
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411.awsui_warning_55fkh_25oqf_323:not(#\9) {
+.awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394.awsui_warning_55fkh_19qc8_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411 > .awsui_button_55fkh_25oqf_346:not(#\9) {
-  padding-block-end: 0;
-}
-.awsui_secondary-actions_55fkh_25oqf_421 > .awsui_button_55fkh_25oqf_346:not(#\9) {
-  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
-}
 
-.awsui_buffer_55fkh_25oqf_474:not(#\9) {
+.awsui_buffer_55fkh_19qc8_452:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;

package/prompt-input/styles.selectors.js

@@ -2,20 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_25oqf_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_25oqf_185",
-  "disabled": "awsui_disabled_55fkh_25oqf_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_25oqf_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_25oqf_223",
-  "textarea": "awsui_textarea_55fkh_25oqf_185",
-  "invalid": "awsui_invalid_55fkh_25oqf_323",
-  "warning": "awsui_warning_55fkh_25oqf_323",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_25oqf_342",
-  "button": "awsui_button_55fkh_25oqf_346",
-  "action-button": "awsui_action-button_55fkh_25oqf_351",
-  "secondary-content": "awsui_secondary-content_55fkh_25oqf_376",
-  "with-paddings": "awsui_with-paddings_55fkh_25oqf_411",
-  "secondary-actions": "awsui_secondary-actions_55fkh_25oqf_421",
-  "buffer": "awsui_buffer_55fkh_25oqf_474"
+  "root": "awsui_root_55fkh_19qc8_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_19qc8_185",
+  "disabled": "awsui_disabled_55fkh_19qc8_190",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_19qc8_198",
+  "textarea-warning": "awsui_textarea-warning_55fkh_19qc8_223",
+  "textarea": "awsui_textarea_55fkh_19qc8_185",
+  "invalid": "awsui_invalid_55fkh_19qc8_323",
+  "warning": "awsui_warning_55fkh_19qc8_323",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_19qc8_342",
+  "primary-action": "awsui_primary-action_55fkh_19qc8_346",
+  "action-button": "awsui_action-button_55fkh_19qc8_354",
+  "secondary-content": "awsui_secondary-content_55fkh_19qc8_359",
+  "with-paddings": "awsui_with-paddings_55fkh_19qc8_394",
+  "action-stripe": "awsui_action-stripe_55fkh_19qc8_404",
+  "secondary-actions": "awsui_secondary-actions_55fkh_19qc8_443",
+  "buffer": "awsui_buffer_55fkh_19qc8_452"
 };
   

package/prompt-input/test-classes/styles.css.js

@@ -1,10 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_nr3gs_n93je_5",
-  "textarea": "awsui_textarea_nr3gs_n93je_9",
-  "action-button": "awsui_action-button_nr3gs_n93je_13",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
-  "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
+  "root": "awsui_root_nr3gs_151v0_5",
+  "textarea": "awsui_textarea_nr3gs_151v0_9",
+  "action-button": "awsui_action-button_nr3gs_151v0_13",
+  "primary-action": "awsui_primary-action_nr3gs_151v0_17",
+  "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
+  "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
 };
   

package/prompt-input/test-classes/styles.scoped.css

@@ -2,22 +2,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_nr3gs_n93je_5:not(#\9) {
+.awsui_root_nr3gs_151v0_5:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_textarea_nr3gs_n93je_9:not(#\9) {
+.awsui_textarea_nr3gs_151v0_9:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_action-button_nr3gs_n93je_13:not(#\9) {
+.awsui_action-button_nr3gs_151v0_13:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_secondary-actions_nr3gs_n93je_17:not(#\9) {
+.awsui_primary-action_nr3gs_151v0_17:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_secondary-content_nr3gs_n93je_21:not(#\9) {
+.awsui_secondary-actions_nr3gs_151v0_21:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_secondary-content_nr3gs_151v0_25:not(#\9) {
   /* used in test-utils */
 }

package/prompt-input/test-classes/styles.selectors.js

@@ -2,10 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_nr3gs_n93je_5",
-  "textarea": "awsui_textarea_nr3gs_n93je_9",
-  "action-button": "awsui_action-button_nr3gs_n93je_13",
-  "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
-  "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
+  "root": "awsui_root_nr3gs_151v0_5",
+  "textarea": "awsui_textarea_nr3gs_151v0_9",
+  "action-button": "awsui_action-button_nr3gs_151v0_13",
+  "primary-action": "awsui_primary-action_nr3gs_151v0_17",
+  "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
+  "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
 };
   

package/test-utils/dom/prompt-input/index.d.ts

@@ -2,9 +2,16 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
 export default class PromptInputWrapper extends ComponentWrapper {
   static rootSelector: string;
   findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
+  /**
+   * Finds the action button. Note that, despite its typings, this may return null.
+   */
   findActionButton(): ElementWrapper<HTMLButtonElement>;
+  /**
+   * Finds the secondary actions slot. Note that, despite its typings, this may return null.
+   */
   findSecondaryActions(): ElementWrapper<HTMLDivElement>;
-  findSecondaryContent(): ElementWrapper<HTMLDivElement>;
+  findSecondaryContent(): ElementWrapper<HTMLDivElement> | null;
+  findCustomPrimaryAction(): ElementWrapper<HTMLDivElement> | null;
   /**
    * Gets the value of the component.
    *

package/test-utils/dom/prompt-input/index.js

@@ -15,15 +15,24 @@ class PromptInputWrapper extends dom_1.ComponentWrapper {
     findNativeTextarea() {
         return this.findByClassName(styles_selectors_js_1.default.textarea);
     }
+    /**
+     * Finds the action button. Note that, despite its typings, this may return null.
+     */
     findActionButton() {
         return this.findByClassName(styles_selectors_js_1.default['action-button']);
     }
+    /**
+     * Finds the secondary actions slot. Note that, despite its typings, this may return null.
+     */
     findSecondaryActions() {
         return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
     }
     findSecondaryContent() {
         return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
     }
+    findCustomPrimaryAction() {
+        return this.findByClassName(styles_selectors_js_1.default['primary-action']);
+    }
     /**
      * Gets the value of the component.
      *

package/test-utils/dom/prompt-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;;;;;;AAEtC,gEAAmG;AACnG,4EAAmF;AAEnF,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QACvD,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACxE,IAAA,0BAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/B,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;;AAvCM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAuBjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAOP;AAxCH,qCAyCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;;;;;;AAEtC,gEAAmG;AACnG,4EAAmF;AAEnF,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QACvD,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACxE,IAAA,0BAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/B,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;;AAjDM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAiCjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAOP;AAlDH,qCAmDC"}

package/test-utils/selectors/prompt-input/index.d.ts

@@ -2,7 +2,14 @@ import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-
 export default class PromptInputWrapper extends ComponentWrapper {
   static rootSelector: string;
   findNativeTextarea(): ElementWrapper;
+  /**
+   * Finds the action button. Note that, despite its typings, this may return null.
+   */
   findActionButton(): ElementWrapper;
+  /**
+   * Finds the secondary actions slot. Note that, despite its typings, this may return null.
+   */
   findSecondaryActions(): ElementWrapper;
   findSecondaryContent(): ElementWrapper;
+  findCustomPrimaryAction(): ElementWrapper;
 }

package/test-utils/selectors/prompt-input/index.js

@@ -8,15 +8,24 @@ class PromptInputWrapper extends selectors_1.ComponentWrapper {
     findNativeTextarea() {
         return this.findByClassName(styles_selectors_js_1.default.textarea);
     }
+    /**
+     * Finds the action button. Note that, despite its typings, this may return null.
+     */
     findActionButton() {
         return this.findByClassName(styles_selectors_js_1.default['action-button']);
     }
+    /**
+     * Finds the secondary actions slot. Note that, despite its typings, this may return null.
+     */
     findSecondaryActions() {
         return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
     }
     findSecondaryContent() {
         return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
     }
+    findCustomPrimaryAction() {
+        return this.findByClassName(styles_selectors_js_1.default['primary-action']);
+    }
 }
 exports.default = PromptInputWrapper;
 PromptInputWrapper.rootSelector = styles_selectors_js_1.default.root;

package/test-utils/selectors/prompt-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;;AAbH,qCA0BC;AAzBQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AAxBH,qCAqCC;AApCQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}