@cloudscape-design/components-themeable 3.0.1137 → 3.0.1139

package/lib/internal/template/progress-bar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/progress-bar/styles.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAGzE,MAAM,UAAU,iBAAiB,CAAC,KAAgC;IAChE,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA,EAAE,CAAC;QAC7C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,CAAC,cAAc,CAAC,0BAA0B,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,eAAe;QAC9E,CAAC,cAAc,CAAC,uBAAuB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,YAAY;QACxE,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM;KAC7D,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAgC;IACrE,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAA,EAAE,CAAC;QAC/C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,CAAC,cAAc,CAAC,4BAA4B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe;KACnF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,KAAgC;IAC1E,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,kBAAkB,CAAA,EAAE,CAAC;QACpD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,KAAK;QACrC,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,QAAQ;QAC3C,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,UAAU;KAChD,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { ProgressBarProps } from './interfaces';\n\nexport function getProgressStyles(style: ProgressBarProps['style']) {\n  if (SYSTEM !== 'core' || !style?.progressBar) {\n    return undefined;\n  }\n\n  return {\n    [customCssProps.progressBarBackgroundColor]: style.progressBar.backgroundColor,\n    [customCssProps.progressBarBorderRadius]: style.progressBar.borderRadius,\n    [customCssProps.progressBarHeight]: style.progressBar.height,\n  };\n}\n\nexport function getProgressValueStyles(style: ProgressBarProps['style']) {\n  if (SYSTEM !== 'core' || !style?.progressValue) {\n    return undefined;\n  }\n\n  return {\n    [customCssProps.progressValueBackgroundColor]: style.progressValue.backgroundColor,\n  };\n}\n\nexport function getProgressPercentageStyles(style: ProgressBarProps['style']) {\n  if (SYSTEM !== 'core' || !style?.progressPercentage) {\n    return undefined;\n  }\n\n  return {\n    color: style.progressPercentage.color,\n    fontSize: style.progressPercentage.fontSize,\n    fontWeight: style.progressPercentage.fontWeight,\n  };\n}\n"]}

package/lib/internal/template/progress-bar/styles.scoped.css

@@ -186,27 +186,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
   transition: width var(--motion-duration-moderate-24bai8, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_19ekg_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_19ekg_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_result-state_11huc_171th_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_171th_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_19ekg_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_171th_1 {
   from {
     opacity: 0.2;
   }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_19ekg_203:not(#\9) {
+  .awsui_result-state_11huc_171th_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_19ekg_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_19ekg_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_171th_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_171th_203:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_19ekg_225:not(#\9) {
+.awsui_root_11huc_171th_225:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_with-result-button_11huc_19ekg_257:not(#\9) {
+.awsui_with-result-button_11huc_171th_257:not(#\9) {
   padding-inline-end: var(--space-m-n2lypl, 16px);
 }
 
-.awsui_result-text_11huc_19ekg_261:not(#\9) {
+.awsui_result-text_11huc_171th_261:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_19ekg_265:not(#\9), .awsui_result-container-success_11huc_19ekg_265:not(#\9) {
+.awsui_result-container-error_11huc_171th_265:not(#\9), .awsui_result-container-success_11huc_171th_265:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_19ekg_269:not(#\9) {
+.awsui_result-button_11huc_171th_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-jatbiv, 4px);
   margin-inline: 0;
 }
 
-.awsui_word-wrap_11huc_19ekg_275:not(#\9) {
+.awsui_word-wrap_11huc_171th_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_19ekg_280:not(#\9) {
+.awsui_label-flash_11huc_171th_280:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_19ekg_284:not(#\9) {
+.awsui_label-key-value_11huc_171th_284:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-display-label-weight-ise9n2, 400);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
 }
 
-.awsui_flash_11huc_19ekg_292:not(#\9) {
+.awsui_flash_11huc_171th_292:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_19ekg_296:not(#\9) {
+.awsui_progress-container_11huc_171th_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-bedeoh, 22px);
 }
 
-.awsui_percentage-container_11huc_19ekg_303:not(#\9) {
+.awsui_percentage-container_11huc_171th_303:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -313,68 +313,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
 
-.awsui_percentage_11huc_19ekg_303:not(#\9) {
+.awsui_percentage_11huc_171th_303:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_19ekg_189:not(#\9) {
+.awsui_progress_11huc_171th_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-4a5hs8, 12px);
   min-inline-size: 0;
-  block-size: 4px;
+  block-size: var(--awsui-progress-bar-height-d43v8n, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: 10px;
-  border-start-end-radius: 10px;
-  border-end-start-radius: 10px;
-  border-end-end-radius: 10px;
-  background-color: var(--color-background-progress-bar-layout-default-ydn5oo, #eaeded);
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-default-ydn5oo, #eaeded));
 }
-.awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-bar {
-  block-size: 4px;
+.awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-bar {
+  block-size: var(--awsui-progress-bar-height-d43v8n, 4px);
   border-block: 0;
   border-inline: none;
   box-sizing: border-box;
-  border-start-start-radius: 10px;
-  border-start-end-radius: 10px;
-  border-end-start-radius: 10px;
-  border-end-end-radius: 10px;
-  background-color: var(--color-background-progress-bar-layout-default-ydn5oo, #eaeded);
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-default-ydn5oo, #eaeded));
 }
-.awsui_progress_11huc_19ekg_189:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: 10px;
+.awsui_progress_11huc_171th_189:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: 10px;
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
   border-end-end-radius: 0;
-  background-color: var(--color-background-progress-bar-content-default-e6lde4, #0073bb);
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-default-e6lde4, #0073bb));
 }
-.awsui_progress_11huc_19ekg_189.awsui_complete_11huc_19ekg_349:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: 10px;
-  border-start-end-radius: 10px;
-  border-end-start-radius: 10px;
-  border-end-end-radius: 10px;
+.awsui_progress_11huc_171th_189.awsui_complete_11huc_171th_349:not(#\9)::-webkit-progress-value {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-start-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
+  border-end-end-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
 }
-.awsui_progress_11huc_19ekg_189:not(#\9)::-moz-progress-bar {
-  border-start-start-radius: 10px;
+.awsui_progress_11huc_171th_189:not(#\9)::-moz-progress-bar {
+  border-start-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
   border-start-end-radius: 0;
-  border-end-start-radius: 10px;
+  border-end-start-radius: var(--awsui-progress-bar-border-radius-d43v8n, 10px);
   border-end-end-radius: 0;
-  background-color: var(--color-background-progress-bar-content-default-e6lde4, #0073bb);
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-default-e6lde4, #0073bb));
 }
-.awsui_progress_11huc_19ekg_189.awsui_progress-in-flash_11huc_19ekg_362:not(#\9) {
-  background-color: var(--color-background-progress-bar-layout-in-flash-3zz9tl, rgba(255, 255, 255, 0.25));
+.awsui_progress_11huc_171th_189.awsui_progress-in-flash_11huc_171th_362:not(#\9) {
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-in-flash-3zz9tl, rgba(255, 255, 255, 0.25)));
 }
-.awsui_progress_11huc_19ekg_189.awsui_progress-in-flash_11huc_19ekg_362:not(#\9)::-moz-progress-bar {
-  background-color: var(--color-background-progress-bar-content-in-flash-35l1ep, rgba(255, 255, 255, 0.7));
+.awsui_progress_11huc_171th_189.awsui_progress-in-flash_11huc_171th_362:not(#\9)::-moz-progress-bar {
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-in-flash-35l1ep, rgba(255, 255, 255, 0.7)));
 }
-.awsui_progress_11huc_19ekg_189.awsui_progress-in-flash_11huc_19ekg_362:not(#\9)::-webkit-progress-bar {
-  background-color: var(--color-background-progress-bar-layout-in-flash-3zz9tl, rgba(255, 255, 255, 0.25));
+.awsui_progress_11huc_171th_189.awsui_progress-in-flash_11huc_171th_362:not(#\9)::-webkit-progress-bar {
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-in-flash-3zz9tl, rgba(255, 255, 255, 0.25)));
 }
-.awsui_progress_11huc_19ekg_189.awsui_progress-in-flash_11huc_19ekg_362:not(#\9)::-webkit-progress-value {
-  background-color: var(--color-background-progress-bar-content-in-flash-35l1ep, rgba(255, 255, 255, 0.7));
+.awsui_progress_11huc_171th_189.awsui_progress-in-flash_11huc_171th_362:not(#\9)::-webkit-progress-value {
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-in-flash-35l1ep, rgba(255, 255, 255, 0.7)));
 }
 
-.awsui_additional-info_11huc_19ekg_375:not(#\9) {
+.awsui_additional-info_11huc_171th_375:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/progress-bar/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_19ekg_189",
-  "result-state": "awsui_result-state_11huc_19ekg_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_19ekg_1",
-  "root": "awsui_root_11huc_19ekg_225",
-  "with-result-button": "awsui_with-result-button_11huc_19ekg_257",
-  "result-text": "awsui_result-text_11huc_19ekg_261",
-  "result-container-error": "awsui_result-container-error_11huc_19ekg_265",
-  "result-container-success": "awsui_result-container-success_11huc_19ekg_265",
-  "result-button": "awsui_result-button_11huc_19ekg_269",
-  "word-wrap": "awsui_word-wrap_11huc_19ekg_275",
-  "label-flash": "awsui_label-flash_11huc_19ekg_280",
-  "label-key-value": "awsui_label-key-value_11huc_19ekg_284",
-  "flash": "awsui_flash_11huc_19ekg_292",
-  "progress-container": "awsui_progress-container_11huc_19ekg_296",
-  "percentage-container": "awsui_percentage-container_11huc_19ekg_303",
-  "percentage": "awsui_percentage_11huc_19ekg_303",
-  "complete": "awsui_complete_11huc_19ekg_349",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_19ekg_362",
-  "additional-info": "awsui_additional-info_11huc_19ekg_375"
+  "progress": "awsui_progress_11huc_171th_189",
+  "result-state": "awsui_result-state_11huc_171th_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_171th_1",
+  "root": "awsui_root_11huc_171th_225",
+  "with-result-button": "awsui_with-result-button_11huc_171th_257",
+  "result-text": "awsui_result-text_11huc_171th_261",
+  "result-container-error": "awsui_result-container-error_11huc_171th_265",
+  "result-container-success": "awsui_result-container-success_11huc_171th_265",
+  "result-button": "awsui_result-button_11huc_171th_269",
+  "word-wrap": "awsui_word-wrap_11huc_171th_275",
+  "label-flash": "awsui_label-flash_11huc_171th_280",
+  "label-key-value": "awsui_label-key-value_11huc_171th_284",
+  "flash": "awsui_flash_11huc_171th_292",
+  "progress-container": "awsui_progress-container_11huc_171th_296",
+  "percentage-container": "awsui_percentage-container_11huc_171th_303",
+  "percentage": "awsui_percentage_11huc_171th_303",
+  "complete": "awsui_complete_11huc_171th_349",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_171th_362",
+  "additional-info": "awsui_additional-info_11huc_171th_375"
 };
   

package/lib/internal/template/prompt-input/index.js

@@ -1,13 +1,11 @@
 // 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 PromptInput = React.forwardRef(({ autoComplete, autoFocus, disableBrowserAutocorrect, disableActionButton, spellcheck, readOnly, actionButtonIconName, minRows = 1, maxRows = 3, ...props }, ref) => {
     const baseComponentProps = useBaseComponent('PromptInput', {
         props: {
             readOnly,
@@ -21,7 +19,7 @@ const PromptInput = React.forwardRef((_a, ref) => {
             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 })));
+    return (React.createElement(InternalPromptInput, { 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;

package/lib/internal/template/prompt-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAI7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EAWmB,EACnB,GAAoC,EACpC,EAAE;QAbF,EACE,YAAY,EACZ,SAAS,EACT,yBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,OAEM,EADd,KAAK,cAVV,yJAWC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,QAAQ;YACR,YAAY;YACZ,SAAS;YACT,yBAAyB;YACzB,mBAAmB;YACnB,UAAU;YACV,oBAAoB;YACpB,OAAO;YACP,OAAO;SACR;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,mBAAmB,kBAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,yBAAyB,EAAE,yBAAyB,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,IACZ,KAAK,EACL,kBAAkB,IACtB,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { PromptInputProps } from './interfaces';\nimport InternalPromptInput from './internal';\n\nexport { PromptInputProps };\n\nconst PromptInput = React.forwardRef(\n  (\n    {\n      autoComplete,\n      autoFocus,\n      disableBrowserAutocorrect,\n      disableActionButton,\n      spellcheck,\n      readOnly,\n      actionButtonIconName,\n      minRows = 1,\n      maxRows = 3,\n      ...props\n    }: PromptInputProps,\n    ref: React.Ref<PromptInputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('PromptInput', {\n      props: {\n        readOnly,\n        autoComplete,\n        autoFocus,\n        disableBrowserAutocorrect,\n        disableActionButton,\n        spellcheck,\n        actionButtonIconName,\n        minRows,\n        maxRows,\n      },\n    });\n    return (\n      <InternalPromptInput\n        readOnly={readOnly}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        disableBrowserAutocorrect={disableBrowserAutocorrect}\n        disableActionButton={disableActionButton}\n        spellcheck={spellcheck}\n        actionButtonIconName={actionButtonIconName}\n        minRows={minRows}\n        maxRows={maxRows}\n        {...props}\n        {...baseComponentProps}\n        ref={ref}\n      />\n    );\n  }\n);\napplyDisplayName(PromptInput, 'PromptInput');\nexport default PromptInput;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAI7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,YAAY,EACZ,SAAS,EACT,yBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,GAAG,KAAK,EACS,EACnB,GAAoC,EACpC,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,QAAQ;YACR,YAAY;YACZ,SAAS;YACT,yBAAyB;YACzB,mBAAmB;YACnB,UAAU;YACV,oBAAoB;YACpB,OAAO;YACP,OAAO;SACR;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,yBAAyB,EAAE,yBAAyB,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,KAAK,KACL,kBAAkB,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { PromptInputProps } from './interfaces';\nimport InternalPromptInput from './internal';\n\nexport { PromptInputProps };\n\nconst PromptInput = React.forwardRef(\n  (\n    {\n      autoComplete,\n      autoFocus,\n      disableBrowserAutocorrect,\n      disableActionButton,\n      spellcheck,\n      readOnly,\n      actionButtonIconName,\n      minRows = 1,\n      maxRows = 3,\n      ...props\n    }: PromptInputProps,\n    ref: React.Ref<PromptInputProps.Ref>\n  ) => {\n    const baseComponentProps = useBaseComponent('PromptInput', {\n      props: {\n        readOnly,\n        autoComplete,\n        autoFocus,\n        disableBrowserAutocorrect,\n        disableActionButton,\n        spellcheck,\n        actionButtonIconName,\n        minRows,\n        maxRows,\n      },\n    });\n    return (\n      <InternalPromptInput\n        readOnly={readOnly}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        disableBrowserAutocorrect={disableBrowserAutocorrect}\n        disableActionButton={disableActionButton}\n        spellcheck={spellcheck}\n        actionButtonIconName={actionButtonIconName}\n        minRows={minRows}\n        maxRows={maxRows}\n        {...props}\n        {...baseComponentProps}\n        ref={ref}\n      />\n    );\n  }\n);\napplyDisplayName(PromptInput, 'PromptInput');\nexport default PromptInput;\n"]}

package/lib/internal/template/prompt-input/interfaces.d.ts

@@ -103,6 +103,10 @@ export interface PromptInputProps extends Omit<BaseInputProps, 'nativeInputAttri
      * @awsuiSystem core
      */
     nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;
+    /**
+     * @awsuiSystem core
+     */
+    style?: PromptInputProps.Style;
 }
 export declare namespace PromptInputProps {
     type KeyDetail = BaseKeyDetail;
@@ -125,5 +129,49 @@ export declare namespace PromptInputProps {
          */
         setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;
     }
+    interface Style {
+        root?: {
+            backgroundColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderColor?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            color?: {
+                default?: string;
+                disabled?: string;
+                focus?: string;
+                hover?: string;
+                readonly?: string;
+            };
+            fontSize?: string;
+            fontWeight?: string;
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        placeholder?: {
+            color?: string;
+            fontSize?: string;
+            fontStyle?: string;
+            fontWeight?: string;
+        };
+    }
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/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;AAC9E;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,CAAC,EACnD,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;IAE1C;;;;;;;;;OASG;IACH,wBAAwB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;CAChG;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":"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"}

package/lib/internal/template/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/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\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  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\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/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n  extends Omit<BaseInputProps, 'nativeInputAttributes'>,\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  /**\n   * Attributes to add to the native `textarea` element.\n   * Some attributes will be automatically combined with internal attribute values:\n   * - `className` will be appended.\n   * - Event handlers will be chained, unless the default is prevented.\n   *\n   * We do not support using this attribute to apply custom styling.\n   *\n   * @awsuiSystem core\n   */\n  nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n  /**\n   * @awsuiSystem core\n   */\n  style?: PromptInputProps.Style;\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  export interface Style {\n    root?: {\n      backgroundColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderColor?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      color?: {\n        default?: string;\n        disabled?: string;\n        focus?: string;\n        hover?: string;\n        readonly?: string;\n      };\n      fontSize?: string;\n      fontWeight?: string;\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    placeholder?: {\n      color?: string;\n      fontSize?: string;\n      fontStyle?: string;\n      fontWeight?: string;\n    };\n  }\n}\n"]}

package/lib/internal/template/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;AAEjD,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,uGAqOxB,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;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMhD,UAAU,wBACR,SAAQ,YAAY,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,CAAC,EAC3D,0BAA0B;CAAG;AAEjC,QAAA,MAAM,mBAAmB,uGAuOxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/internal/template/prompt-input/internal.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useCallback, useEffect, useImperativeHandle, useRef } from 'react';
@@ -12,10 +11,10 @@ import { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';
 import * as tokens from '../internal/generated/styles/tokens';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import WithNativeAttributes from '../internal/utils/with-native-attributes';
+import { getPromptInputStyles } from './styles';
 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, customPrimaryAction, secondaryActions, secondaryContent, disableSecondaryActionsPaddings, disableSecondaryContentPaddings, nativeTextareaAttributes, __internalRootRef } = _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", "nativeTextareaAttributes", "__internalRootRef"]);
+const InternalPromptInput = React.forwardRef(({ 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, nativeTextareaAttributes, style, __internalRootRef, ...rest }, ref) => {
     const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
     const textareaRef = useRef(null);
@@ -111,19 +110,19 @@ const InternalPromptInput = React.forwardRef((_a, ref) => {
         attributes.autoCapitalize = 'off';
     }
     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, {
+    return (React.createElement("div", { ...baseProps, "aria-label": ariaLabel, className: clsx(styles.root, testutilStyles.root, baseProps.className, {
             [styles['textarea-readonly']]: readOnly,
             [styles['textarea-invalid']]: invalid,
             [styles['textarea-warning']]: warning && !invalid,
             [styles.disabled]: disabled,
-        }), ref: __internalRootRef, role: "region" }),
+        }), ref: __internalRootRef, role: "region", style: getPromptInputStyles(style) },
         secondaryContent && (React.createElement("div", { className: clsx(styles['secondary-content'], testutilStyles['secondary-content'], {
                 [styles['with-paddings']]: !disableSecondaryContentPaddings,
                 [styles.invalid]: invalid,
                 [styles.warning]: warning,
             }) }, secondaryContent)),
         React.createElement("div", { className: styles['textarea-wrapper'] },
-            React.createElement(WithNativeAttributes, Object.assign({}, attributes, { tag: "textarea", componentName: "PromptInput", nativeAttributes: nativeTextareaAttributes, ref: textareaRef, id: controlId })),
+            React.createElement(WithNativeAttributes, { ...attributes, tag: "textarea", componentName: "PromptInput", nativeAttributes: nativeTextareaAttributes, ref: textareaRef, id: controlId }),
             hasActionButton && !secondaryActions && action),
         secondaryActions && (React.createElement("div", { className: clsx(styles['action-stripe'], {
                 [styles.invalid]: invalid,

package/lib/internal/template/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 WithNativeAttributes from '../internal/utils/with-native-attributes';\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      nativeTextareaAttributes,\n      __internalRootRef,\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          <WithNativeAttributes\n            {...attributes}\n            tag=\"textarea\"\n            componentName=\"PromptInput\"\n            nativeAttributes={nativeTextareaAttributes}\n            ref={textareaRef}\n            id={controlId}\n          />\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['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\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"]}
+{"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 WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { PromptInputProps } from './interfaces';\nimport { getPromptInputStyles } from './styles';\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      nativeTextareaAttributes,\n      style,\n      __internalRootRef,\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        style={getPromptInputStyles(style)}\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          <WithNativeAttributes\n            {...attributes}\n            tag=\"textarea\"\n            componentName=\"PromptInput\"\n            nativeAttributes={nativeTextareaAttributes}\n            ref={textareaRef}\n            id={controlId}\n          />\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['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\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/lib/internal/template/prompt-input/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_x0s4q_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_x0s4q_185",
-  "disabled": "awsui_disabled_55fkh_x0s4q_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_x0s4q_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_x0s4q_223",
-  "textarea": "awsui_textarea_55fkh_x0s4q_185",
-  "invalid": "awsui_invalid_55fkh_x0s4q_319",
-  "warning": "awsui_warning_55fkh_x0s4q_319",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_x0s4q_335",
-  "primary-action": "awsui_primary-action_55fkh_x0s4q_339",
-  "action-button": "awsui_action-button_55fkh_x0s4q_347",
-  "secondary-content": "awsui_secondary-content_55fkh_x0s4q_352",
-  "with-paddings": "awsui_with-paddings_55fkh_x0s4q_387",
-  "action-stripe": "awsui_action-stripe_55fkh_x0s4q_397",
-  "secondary-actions": "awsui_secondary-actions_55fkh_x0s4q_436",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_x0s4q_453",
-  "buffer": "awsui_buffer_55fkh_x0s4q_457"
+  "root": "awsui_root_55fkh_2xe1t_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_2xe1t_191",
+  "disabled": "awsui_disabled_55fkh_2xe1t_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_2xe1t_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_2xe1t_230",
+  "textarea": "awsui_textarea_55fkh_2xe1t_191",
+  "invalid": "awsui_invalid_55fkh_2xe1t_333",
+  "warning": "awsui_warning_55fkh_2xe1t_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_2xe1t_347",
+  "primary-action": "awsui_primary-action_55fkh_2xe1t_351",
+  "action-button": "awsui_action-button_55fkh_2xe1t_359",
+  "secondary-content": "awsui_secondary-content_55fkh_2xe1t_364",
+  "with-paddings": "awsui_with-paddings_55fkh_2xe1t_399",
+  "action-stripe": "awsui_action-stripe_55fkh_2xe1t_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_2xe1t_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_2xe1t_465",
+  "buffer": "awsui_buffer_55fkh_2xe1t_469"
 };
   

package/lib/internal/template/prompt-input/styles.d.ts

@@ -0,0 +1,5 @@
+import { PromptInputProps } from './interfaces';
+export declare function getPromptInputStyles(style: PromptInputProps['style']): {
+    [k: string]: string | undefined;
+};
+//# sourceMappingURL=styles.d.ts.map