@cloudscape-design/components 3.0.1128 → 3.0.1130

package/progress-bar/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_19vty_189",
-  "result-state": "awsui_result-state_11huc_19vty_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_19vty_1",
-  "root": "awsui_root_11huc_19vty_225",
-  "with-result-button": "awsui_with-result-button_11huc_19vty_257",
-  "result-text": "awsui_result-text_11huc_19vty_261",
-  "result-container-error": "awsui_result-container-error_11huc_19vty_265",
-  "result-container-success": "awsui_result-container-success_11huc_19vty_265",
-  "result-button": "awsui_result-button_11huc_19vty_269",
-  "word-wrap": "awsui_word-wrap_11huc_19vty_275",
-  "label-flash": "awsui_label-flash_11huc_19vty_280",
-  "label-key-value": "awsui_label-key-value_11huc_19vty_284",
-  "flash": "awsui_flash_11huc_19vty_292",
-  "progress-container": "awsui_progress-container_11huc_19vty_296",
-  "percentage-container": "awsui_percentage-container_11huc_19vty_303",
-  "percentage": "awsui_percentage_11huc_19vty_303",
-  "complete": "awsui_complete_11huc_19vty_349",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_19vty_362",
-  "additional-info": "awsui_additional-info_11huc_19vty_375"
+  "progress": "awsui_progress_11huc_n4v1m_189",
+  "result-state": "awsui_result-state_11huc_n4v1m_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_n4v1m_1",
+  "root": "awsui_root_11huc_n4v1m_225",
+  "with-result-button": "awsui_with-result-button_11huc_n4v1m_257",
+  "result-text": "awsui_result-text_11huc_n4v1m_261",
+  "result-container-error": "awsui_result-container-error_11huc_n4v1m_265",
+  "result-container-success": "awsui_result-container-success_11huc_n4v1m_265",
+  "result-button": "awsui_result-button_11huc_n4v1m_269",
+  "word-wrap": "awsui_word-wrap_11huc_n4v1m_275",
+  "label-flash": "awsui_label-flash_11huc_n4v1m_280",
+  "label-key-value": "awsui_label-key-value_11huc_n4v1m_284",
+  "flash": "awsui_flash_11huc_n4v1m_292",
+  "progress-container": "awsui_progress-container_11huc_n4v1m_296",
+  "percentage-container": "awsui_percentage-container_11huc_n4v1m_303",
+  "percentage": "awsui_percentage_11huc_n4v1m_303",
+  "complete": "awsui_complete_11huc_n4v1m_349",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_n4v1m_362",
+  "additional-info": "awsui_additional-info_11huc_n4v1m_375"
 };
   

package/progress-bar/styles.d.ts

@@ -0,0 +1,15 @@
+import customCssProps from '../internal/generated/custom-css-properties';
+import { ProgressBarProps } from './interfaces';
+export declare function getProgressStyles(style: ProgressBarProps['style']): {
+  [customCssProps.progressBarBackgroundColor]: string | undefined;
+  [customCssProps.progressBarBorderRadius]: string | undefined;
+  [customCssProps.progressBarHeight]: string | undefined;
+} | undefined;
+export declare function getProgressValueStyles(style: ProgressBarProps['style']): {
+  [customCssProps.progressValueBackgroundColor]: string | undefined;
+} | undefined;
+export declare function getProgressPercentageStyles(style: ProgressBarProps['style']): {
+  color: string | undefined;
+  fontSize: string | undefined;
+  fontWeight: string | undefined;
+} | undefined;

package/progress-bar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/styles.tsx"],"names":[],"mappings":"AAGA,OAAO,cAAc,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAM9D,CAAC,cAAc,CAAC,0BAA0B,CAAC,qBAAmC;IAC9E,CAAC,cAAc,CAAC,uBAAuB,CAAC,qBAAgC;IACxE,CAAC,cAAc,CAAC,iBAAiB,CAAC,qBAA0B;cAE/D;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAMnE,CAAC,cAAc,CAAC,4BAA4B,CAAC,qBAAqC;cAErF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC;;;;cAU3E"}

package/progress-bar/styles.js

@@ -0,0 +1,33 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { SYSTEM } from '../internal/environment';
+import customCssProps from '../internal/generated/custom-css-properties';
+export function getProgressStyles(style) {
+    if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressBar)) {
+        return undefined;
+    }
+    return {
+        [customCssProps.progressBarBackgroundColor]: style.progressBar.backgroundColor,
+        [customCssProps.progressBarBorderRadius]: style.progressBar.borderRadius,
+        [customCssProps.progressBarHeight]: style.progressBar.height,
+    };
+}
+export function getProgressValueStyles(style) {
+    if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressValue)) {
+        return undefined;
+    }
+    return {
+        [customCssProps.progressValueBackgroundColor]: style.progressValue.backgroundColor,
+    };
+}
+export function getProgressPercentageStyles(style) {
+    if (SYSTEM !== 'core' || !(style === null || style === void 0 ? void 0 : style.progressPercentage)) {
+        return undefined;
+    }
+    return {
+        color: style.progressPercentage.color,
+        fontSize: style.progressPercentage.fontSize,
+        fontWeight: style.progressPercentage.fontWeight,
+    };
+}
+//# sourceMappingURL=styles.js.map

package/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/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_19vty_189:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_n4v1m_189:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
   transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_n4v1m_189:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_n4v1m_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_n4v1m_189:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_19vty_203:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_19vty_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
+.awsui_result-state_11huc_n4v1m_203:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_n4v1m_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_19vty_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_n4v1m_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_19vty_203:not(#\9) {
+  .awsui_result-state_11huc_n4v1m_203:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_19vty_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_19vty_203:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_n4v1m_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_n4v1m_203:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_19vty_225:not(#\9) {
+.awsui_root_11huc_n4v1m_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_19vty_257:not(#\9) {
+.awsui_with-result-button_11huc_n4v1m_257:not(#\9) {
   padding-inline-end: var(--space-m-dsumyt, 16px);
 }
 
-.awsui_result-text_11huc_19vty_261:not(#\9) {
+.awsui_result-text_11huc_n4v1m_261:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_19vty_265:not(#\9), .awsui_result-container-success_11huc_19vty_265:not(#\9) {
+.awsui_result-container-error_11huc_n4v1m_265:not(#\9), .awsui_result-container-success_11huc_n4v1m_265:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_19vty_269:not(#\9) {
+.awsui_result-button_11huc_n4v1m_269:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: 0;
 }
 
-.awsui_word-wrap_11huc_19vty_275:not(#\9) {
+.awsui_word-wrap_11huc_n4v1m_275:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_19vty_280:not(#\9) {
+.awsui_label-flash_11huc_n4v1m_280:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_19vty_284:not(#\9) {
+.awsui_label-key-value_11huc_n4v1m_284:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   font-weight: var(--font-display-label-weight-zavpeo, 700);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
 }
 
-.awsui_flash_11huc_19vty_292:not(#\9) {
+.awsui_flash_11huc_n4v1m_292:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_19vty_296:not(#\9) {
+.awsui_progress-container_11huc_n4v1m_296:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-2mh3ke, 20px);
 }
 
-.awsui_percentage-container_11huc_19vty_303:not(#\9) {
+.awsui_percentage-container_11huc_n4v1m_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-gq78ok, 0.005em);
 }
 
-.awsui_percentage_11huc_19vty_303:not(#\9) {
+.awsui_percentage_11huc_n4v1m_303:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_19vty_189:not(#\9) {
+.awsui_progress_11huc_n4v1m_189:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-tvghoh, 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-z3ipl1, #ebebf0);
+  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-z3ipl1, #ebebf0));
 }
-.awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-bar {
-  block-size: 4px;
+.awsui_progress_11huc_n4v1m_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-z3ipl1, #ebebf0);
+  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-z3ipl1, #ebebf0));
 }
-.awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
-  border-start-start-radius: 10px;
+.awsui_progress_11huc_n4v1m_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-il6sg6, #006ce0);
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
 }
-.awsui_progress_11huc_19vty_189.awsui_complete_11huc_19vty_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_n4v1m_189.awsui_complete_11huc_n4v1m_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_19vty_189:not(#\9)::-moz-progress-bar {
-  border-start-start-radius: 10px;
+.awsui_progress_11huc_n4v1m_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-il6sg6, #006ce0);
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
 }
-.awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9) {
-  background-color: var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25));
+.awsui_progress_11huc_n4v1m_189.awsui_progress-in-flash_11huc_n4v1m_362:not(#\9) {
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
 }
-.awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-moz-progress-bar {
-  background-color: var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff);
+.awsui_progress_11huc_n4v1m_189.awsui_progress-in-flash_11huc_n4v1m_362:not(#\9)::-moz-progress-bar {
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
 }
-.awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-webkit-progress-bar {
-  background-color: var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25));
+.awsui_progress_11huc_n4v1m_189.awsui_progress-in-flash_11huc_n4v1m_362:not(#\9)::-webkit-progress-bar {
+  background-color: var(--awsui-progress-bar-background-color-d43v8n, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
 }
-.awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-webkit-progress-value {
-  background-color: var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff);
+.awsui_progress_11huc_n4v1m_189.awsui_progress-in-flash_11huc_n4v1m_362:not(#\9)::-webkit-progress-value {
+  background-color: var(--awsui-progress-value-background-color-d43v8n, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
 }
 
-.awsui_additional-info_11huc_19vty_375:not(#\9) {
+.awsui_additional-info_11huc_n4v1m_375:not(#\9) {
   /* used in test-utils */
 }

package/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_19vty_189",
-  "result-state": "awsui_result-state_11huc_19vty_203",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_19vty_1",
-  "root": "awsui_root_11huc_19vty_225",
-  "with-result-button": "awsui_with-result-button_11huc_19vty_257",
-  "result-text": "awsui_result-text_11huc_19vty_261",
-  "result-container-error": "awsui_result-container-error_11huc_19vty_265",
-  "result-container-success": "awsui_result-container-success_11huc_19vty_265",
-  "result-button": "awsui_result-button_11huc_19vty_269",
-  "word-wrap": "awsui_word-wrap_11huc_19vty_275",
-  "label-flash": "awsui_label-flash_11huc_19vty_280",
-  "label-key-value": "awsui_label-key-value_11huc_19vty_284",
-  "flash": "awsui_flash_11huc_19vty_292",
-  "progress-container": "awsui_progress-container_11huc_19vty_296",
-  "percentage-container": "awsui_percentage-container_11huc_19vty_303",
-  "percentage": "awsui_percentage_11huc_19vty_303",
-  "complete": "awsui_complete_11huc_19vty_349",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_19vty_362",
-  "additional-info": "awsui_additional-info_11huc_19vty_375"
+  "progress": "awsui_progress_11huc_n4v1m_189",
+  "result-state": "awsui_result-state_11huc_n4v1m_203",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_n4v1m_1",
+  "root": "awsui_root_11huc_n4v1m_225",
+  "with-result-button": "awsui_with-result-button_11huc_n4v1m_257",
+  "result-text": "awsui_result-text_11huc_n4v1m_261",
+  "result-container-error": "awsui_result-container-error_11huc_n4v1m_265",
+  "result-container-success": "awsui_result-container-success_11huc_n4v1m_265",
+  "result-button": "awsui_result-button_11huc_n4v1m_269",
+  "word-wrap": "awsui_word-wrap_11huc_n4v1m_275",
+  "label-flash": "awsui_label-flash_11huc_n4v1m_280",
+  "label-key-value": "awsui_label-key-value_11huc_n4v1m_284",
+  "flash": "awsui_flash_11huc_n4v1m_292",
+  "progress-container": "awsui_progress-container_11huc_n4v1m_296",
+  "percentage-container": "awsui_percentage-container_11huc_n4v1m_303",
+  "percentage": "awsui_percentage_11huc_n4v1m_303",
+  "complete": "awsui_complete_11huc_n4v1m_349",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_n4v1m_362",
+  "additional-info": "awsui_additional-info_11huc_n4v1m_375"
 };
   

package/prompt-input/index.js

@@ -9,7 +9,7 @@ import { validateProps } from '@cloudscape-design/component-toolkit/internal';
 
 
 const PromptInput = React.forwardRef((props, ref) => {
-    validateProps('PromptInput', props, ["nativeTextareaAttributes","customPrimaryAction"], {}, 'console');
+    validateProps('PromptInput', props, ["nativeTextareaAttributes","style","customPrimaryAction"], {}, 'console');
     return React.createElement(CoreComponent, {ref,...props});
 });
 

package/prompt-input/interfaces.d.ts

@@ -102,6 +102,10 @@ export interface PromptInputProps extends Omit<BaseInputProps, 'nativeInputAttri
    *
    * @awsuiSystem core
    */
+
+  /**
+   * @awsuiSystem core
+   */
 }
 export declare namespace PromptInputProps {
   type KeyDetail = BaseKeyDetail;
@@ -124,4 +128,48 @@ 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;
+    };
+  }
 }

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;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/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/prompt-input/internal-do-not-use-core.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/prompt-input/internal-do-not-use-core.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/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/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,