@cloudscape-design/components-themeable 3.0.852 → 3.0.854

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

@@ -134,12 +134,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -172,12 +172,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
-surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* Style used for links in slots/components that are text heavy, to help links stand out among
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -344,33 +344,41 @@ 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
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-pycjrk, 135ms) linear;
   transition: width var(--motion-duration-moderate-pycjrk, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_clp1u_367:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_clp1u_1 var(--motion-duration-transition-show-paced-wfc208, 180ms) var(--motion-easing-transition-show-paced-gne8l8, ease-out);
+.awsui_result-state_11huc_l3r1y_375:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_l3r1y_1 var(--motion-duration-transition-show-paced-wfc208, 180ms) var(--motion-easing-transition-show-paced-gne8l8, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_clp1u_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_l3r1y_1 {
   from {
     opacity: 0.2;
   }
@@ -379,17 +387,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_clp1u_367:not(#\9) {
+  .awsui_result-state_11huc_l3r1y_375:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_clp1u_367:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_clp1u_367:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_l3r1y_375:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_l3r1y_375:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_clp1u_389:not(#\9) {
+.awsui_root_11huc_l3r1y_397:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -422,34 +430,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_with-result-button_11huc_clp1u_421:not(#\9) {
+.awsui_with-result-button_11huc_l3r1y_429:not(#\9) {
   padding-inline-end: var(--space-m-u91ipm, 16px);
 }
 
-.awsui_result-text_11huc_clp1u_425:not(#\9) {
+.awsui_result-text_11huc_l3r1y_433:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_clp1u_429:not(#\9), .awsui_result-container-success_11huc_clp1u_429:not(#\9) {
+.awsui_result-container-error_11huc_l3r1y_437:not(#\9), .awsui_result-container-success_11huc_l3r1y_437:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_clp1u_433:not(#\9) {
+.awsui_result-button_11huc_l3r1y_441:not(#\9) {
   display: inline-block;
   margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: 0;
 }
 
-.awsui_word-wrap_11huc_clp1u_439:not(#\9) {
+.awsui_word-wrap_11huc_l3r1y_447:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_clp1u_444:not(#\9) {
+.awsui_label-flash_11huc_l3r1y_452:not(#\9) {
   color: inherit;
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_clp1u_448:not(#\9) {
+.awsui_label-key-value_11huc_l3r1y_456:not(#\9) {
   font-size: var(--font-size-body-m-6wxxs5, 14px);
   line-height: var(--line-height-body-m-gw0130, 22px);
   font-weight: var(--font-display-label-weight-5p8eav, 400);
@@ -457,18 +465,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-end: var(--space-scaled-xxxs-6vyqo7, 2px);
 }
 
-.awsui_flash_11huc_clp1u_456:not(#\9) {
+.awsui_flash_11huc_l3r1y_464:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_clp1u_460:not(#\9) {
+.awsui_progress-container_11huc_l3r1y_468:not(#\9) {
   display: flex;
   align-items: center;
   max-inline-size: 800px;
   block-size: var(--line-height-body-m-gw0130, 22px);
 }
 
-.awsui_percentage-container_11huc_clp1u_467:not(#\9) {
+.awsui_percentage-container_11huc_l3r1y_475:not(#\9) {
   inline-size: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -478,11 +486,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
 }
 
-.awsui_percentage_11huc_clp1u_467:not(#\9) {
+.awsui_percentage_11huc_l3r1y_475:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_clp1u_353:not(#\9) {
+.awsui_progress_11huc_l3r1y_361:not(#\9) {
   inline-size: 100%;
   margin-inline-end: var(--space-s-vmutj3, 12px);
   min-inline-size: 0;
@@ -496,7 +504,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-ojjuy5, #eaeded);
 }
-.awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-bar {
   block-size: 4px;
   border-block: 0;
   border-inline: none;
@@ -507,39 +515,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-ojjuy5, #eaeded);
 }
-.awsui_progress_11huc_clp1u_353:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_l3r1y_361:not(#\9)::-webkit-progress-value {
   border-start-start-radius: 10px;
   border-start-end-radius: 0;
   border-end-start-radius: 10px;
   border-end-end-radius: 0;
   background-color: var(--color-background-progress-bar-content-default-boav0a, #0073bb);
 }
-.awsui_progress_11huc_clp1u_353.awsui_complete_11huc_clp1u_513:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_l3r1y_361.awsui_complete_11huc_l3r1y_521: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_clp1u_353:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_l3r1y_361:not(#\9)::-moz-progress-bar {
   border-start-start-radius: 10px;
   border-start-end-radius: 0;
   border-end-start-radius: 10px;
   border-end-end-radius: 0;
   background-color: var(--color-background-progress-bar-content-default-boav0a, #0073bb);
 }
-.awsui_progress_11huc_clp1u_353.awsui_progress-in-flash_11huc_clp1u_526:not(#\9) {
+.awsui_progress_11huc_l3r1y_361.awsui_progress-in-flash_11huc_l3r1y_534:not(#\9) {
   background-color: var(--color-background-progress-bar-layout-in-flash-4ejtx8, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_clp1u_353.awsui_progress-in-flash_11huc_clp1u_526:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_l3r1y_361.awsui_progress-in-flash_11huc_l3r1y_534:not(#\9)::-moz-progress-bar {
   background-color: var(--color-background-progress-bar-content-in-flash-x3i3hs, rgba(255, 255, 255, 0.7));
 }
-.awsui_progress_11huc_clp1u_353.awsui_progress-in-flash_11huc_clp1u_526:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_l3r1y_361.awsui_progress-in-flash_11huc_l3r1y_534:not(#\9)::-webkit-progress-bar {
   background-color: var(--color-background-progress-bar-layout-in-flash-4ejtx8, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_clp1u_353.awsui_progress-in-flash_11huc_clp1u_526:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_l3r1y_361.awsui_progress-in-flash_11huc_l3r1y_534:not(#\9)::-webkit-progress-value {
   background-color: var(--color-background-progress-bar-content-in-flash-x3i3hs, rgba(255, 255, 255, 0.7));
 }
 
-.awsui_additional-info_11huc_clp1u_539:not(#\9) {
+.awsui_additional-info_11huc_l3r1y_547: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_clp1u_353",
-  "result-state": "awsui_result-state_11huc_clp1u_367",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_clp1u_1",
-  "root": "awsui_root_11huc_clp1u_389",
-  "with-result-button": "awsui_with-result-button_11huc_clp1u_421",
-  "result-text": "awsui_result-text_11huc_clp1u_425",
-  "result-container-error": "awsui_result-container-error_11huc_clp1u_429",
-  "result-container-success": "awsui_result-container-success_11huc_clp1u_429",
-  "result-button": "awsui_result-button_11huc_clp1u_433",
-  "word-wrap": "awsui_word-wrap_11huc_clp1u_439",
-  "label-flash": "awsui_label-flash_11huc_clp1u_444",
-  "label-key-value": "awsui_label-key-value_11huc_clp1u_448",
-  "flash": "awsui_flash_11huc_clp1u_456",
-  "progress-container": "awsui_progress-container_11huc_clp1u_460",
-  "percentage-container": "awsui_percentage-container_11huc_clp1u_467",
-  "percentage": "awsui_percentage_11huc_clp1u_467",
-  "complete": "awsui_complete_11huc_clp1u_513",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_clp1u_526",
-  "additional-info": "awsui_additional-info_11huc_clp1u_539"
+  "progress": "awsui_progress_11huc_l3r1y_361",
+  "result-state": "awsui_result-state_11huc_l3r1y_375",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_l3r1y_1",
+  "root": "awsui_root_11huc_l3r1y_397",
+  "with-result-button": "awsui_with-result-button_11huc_l3r1y_429",
+  "result-text": "awsui_result-text_11huc_l3r1y_433",
+  "result-container-error": "awsui_result-container-error_11huc_l3r1y_437",
+  "result-container-success": "awsui_result-container-success_11huc_l3r1y_437",
+  "result-button": "awsui_result-button_11huc_l3r1y_441",
+  "word-wrap": "awsui_word-wrap_11huc_l3r1y_447",
+  "label-flash": "awsui_label-flash_11huc_l3r1y_452",
+  "label-key-value": "awsui_label-key-value_11huc_l3r1y_456",
+  "flash": "awsui_flash_11huc_l3r1y_464",
+  "progress-container": "awsui_progress-container_11huc_l3r1y_468",
+  "percentage-container": "awsui_percentage-container_11huc_l3r1y_475",
+  "percentage": "awsui_percentage_11huc_l3r1y_475",
+  "complete": "awsui_complete_11huc_l3r1y_521",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_l3r1y_534",
+  "additional-info": "awsui_additional-info_11huc_l3r1y_547"
 };
   

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { PromptInputProps } from './interfaces';
-export interface InternalPromptInputProps extends PromptInputProps, InternalBaseComponentProps {
+interface InternalPromptInputProps extends PromptInputProps, InternalBaseComponentProps {
 }
 declare const InternalPromptInput: React.ForwardRefExoticComponent<InternalPromptInputProps & React.RefAttributes<PromptInputProps.Ref>>;
 export default InternalPromptInput;

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,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,uGAwMxB,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,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKhD,UAAU,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAE1F,QAAA,MAAM,mBAAmB,uGAwMxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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 { PromptInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\nexport interface InternalPromptInputProps extends PromptInputProps, 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 = 3,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      __internalRootRef = null,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n\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      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (onKeyDown) {\n        fireKeyboardEvent(onKeyDown, event);\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        if ('form' in event.target && event.target.form !== null && !event.isDefaultPrevented()) {\n          (event.target.form as HTMLFormElement).requestSubmit();\n        }\n\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        textareaRef.current.style.height = 'auto';\n        const maxRowsHeight = `calc(${maxRows <= 0 ? 3 : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n        const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n        textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\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 || 1,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={styles.button}>\n        <InternalButton\n          className={clsx(styles['action-button'], testutilStyles['action-button'])}\n          ariaLabel={actionButtonAriaLabel}\n          disabled={disabled || readOnly || disableActionButton}\n          __focusable={readOnly}\n          iconName={actionButtonIconName}\n          iconUrl={actionButtonIconUrl}\n          iconSvg={actionButtonIconSvg}\n          iconAlt={actionButtonIconAlt}\n          onClick={() => fireNonCancelableEvent(onAction, { value })}\n          variant=\"icon\"\n        />\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <textarea ref={textareaRef} id={controlId} {...attributes} />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n              [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryActions}\n            {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 { PromptInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps extends PromptInputProps, 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 = 3,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      __internalRootRef = null,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n\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      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (onKeyDown) {\n        fireKeyboardEvent(onKeyDown, event);\n      }\n\n      if (event.key === 'Enter' && !event.shiftKey) {\n        if ('form' in event.target && event.target.form !== null && !event.isDefaultPrevented()) {\n          (event.target.form as HTMLFormElement).requestSubmit();\n        }\n\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        textareaRef.current.style.height = 'auto';\n        const maxRowsHeight = `calc(${maxRows <= 0 ? 3 : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n        const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n        textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\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 || 1,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={styles.button}>\n        <InternalButton\n          className={clsx(styles['action-button'], testutilStyles['action-button'])}\n          ariaLabel={actionButtonAriaLabel}\n          disabled={disabled || readOnly || disableActionButton}\n          __focusable={readOnly}\n          iconName={actionButtonIconName}\n          iconUrl={actionButtonIconUrl}\n          iconSvg={actionButtonIconSvg}\n          iconAlt={actionButtonIconAlt}\n          onClick={() => fireNonCancelableEvent(onAction, { value })}\n          variant=\"icon\"\n        />\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <textarea ref={textareaRef} id={controlId} {...attributes} />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n              [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryActions}\n            {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,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_1johd_142",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_1johd_181",
-  "disabled": "awsui_disabled_55fkh_1johd_186",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_1johd_194",
-  "textarea-warning": "awsui_textarea-warning_55fkh_1johd_219",
-  "textarea": "awsui_textarea_55fkh_1johd_181",
-  "invalid": "awsui_invalid_55fkh_1johd_319",
-  "warning": "awsui_warning_55fkh_1johd_319",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_1johd_338",
-  "button": "awsui_button_55fkh_1johd_342",
-  "action-button": "awsui_action-button_55fkh_1johd_347",
-  "secondary-content": "awsui_secondary-content_55fkh_1johd_372",
-  "with-paddings": "awsui_with-paddings_55fkh_1johd_407",
-  "secondary-actions": "awsui_secondary-actions_55fkh_1johd_417"
+  "root": "awsui_root_55fkh_11wj5_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_11wj5_185",
+  "disabled": "awsui_disabled_55fkh_11wj5_190",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_11wj5_198",
+  "textarea-warning": "awsui_textarea-warning_55fkh_11wj5_223",
+  "textarea": "awsui_textarea_55fkh_11wj5_185",
+  "invalid": "awsui_invalid_55fkh_11wj5_323",
+  "warning": "awsui_warning_55fkh_11wj5_323",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_11wj5_342",
+  "button": "awsui_button_55fkh_11wj5_346",
+  "action-button": "awsui_action-button_55fkh_11wj5_351",
+  "secondary-content": "awsui_secondary-content_55fkh_11wj5_376",
+  "with-paddings": "awsui_with-paddings_55fkh_11wj5_411",
+  "secondary-actions": "awsui_secondary-actions_55fkh_11wj5_421"
 };
   

package/lib/internal/template/prompt-input/styles.scoped.css

@@ -137,9 +137,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_55fkh_1johd_142:not(#\9) {
+.awsui_root_55fkh_11wj5_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -179,12 +183,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-readonly_55fkh_1johd_181:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-readonly_55fkh_11wj5_185:not(#\9) {
   background-color: var(--color-background-input-default-refava, #ffffff);
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
 }
-.awsui_root_55fkh_1johd_142.awsui_disabled_55fkh_1johd_186:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_disabled_55fkh_11wj5_190:not(#\9) {
   background-color: var(--color-background-input-disabled-fxvqfu, #eaeded);
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
@@ -192,57 +196,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9) {
   color: var(--color-text-status-error-p5bdwa, #d13212);
   border-color: var(--color-text-status-error-p5bdwa, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus-within, .awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus-within, .awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus {
   color: var(--color-text-status-error-p5bdwa, #d13212);
   border-color: var(--color-text-status-error-p5bdwa, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus-within:focus, .awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus:focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus-within:focus, .awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus-within, .awsui_root_55fkh_1johd_142.awsui_textarea-invalid_55fkh_1johd_194:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus-within, .awsui_root_55fkh_11wj5_146.awsui_textarea-invalid_55fkh_11wj5_198:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9) {
   color: var(--color-text-status-warning-3hbtsc, #906806);
   border-color: var(--color-text-status-warning-3hbtsc, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9) {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus-within, .awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus-within, .awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus {
   color: var(--color-text-status-warning-3hbtsc, #906806);
   border-color: var(--color-text-status-warning-3hbtsc, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus-within:focus, .awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus:focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus-within:focus, .awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus-within, .awsui_root_55fkh_1johd_142.awsui_textarea-warning_55fkh_1johd_219:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus-within, .awsui_root_55fkh_11wj5_146.awsui_textarea-warning_55fkh_11wj5_223:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_root_55fkh_1johd_142:not(#\9):focus-within, .awsui_root_55fkh_1johd_142:not(#\9):focus {
+.awsui_root_55fkh_11wj5_146:not(#\9):focus-within, .awsui_root_55fkh_11wj5_146:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
@@ -253,7 +257,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_textarea_55fkh_1johd_181:not(#\9) {
+.awsui_textarea_55fkh_11wj5_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -303,25 +307,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9)::placeholder {
+.awsui_textarea_55fkh_11wj5_185:not(#\9)::placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):-ms-input-placeholder {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):focus {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):focus {
   outline: none;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):invalid {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_1johd_181.awsui_invalid_55fkh_1johd_319:not(#\9), .awsui_textarea_55fkh_1johd_181.awsui_warning_55fkh_1johd_319:not(#\9) {
+.awsui_textarea_55fkh_11wj5_185.awsui_invalid_55fkh_11wj5_323:not(#\9), .awsui_textarea_55fkh_11wj5_185.awsui_warning_55fkh_11wj5_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):disabled {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-fxvqfu, #eaeded);
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
@@ -330,33 +334,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: 0;
   cursor: default;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
   opacity: 1;
 }
-.awsui_textarea_55fkh_1johd_181:not(#\9):disabled:-ms-input-placeholder {
+.awsui_textarea_55fkh_11wj5_185:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_textarea-wrapper_55fkh_1johd_338:not(#\9) {
+.awsui_textarea-wrapper_55fkh_11wj5_342:not(#\9) {
   display: flex;
 }
 
-.awsui_button_55fkh_1johd_342:not(#\9) {
+.awsui_button_55fkh_11wj5_346:not(#\9) {
   align-self: flex-end;
   padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) / 2);
   padding-block-end: var(--space-scaled-xxxs-6vyqo7, 2px);
 }
-.awsui_button_55fkh_1johd_342 > .awsui_action-button_55fkh_1johd_347:not(#\9) {
+.awsui_button_55fkh_11wj5_346 > .awsui_action-button_55fkh_11wj5_351:not(#\9) {
   padding: 0;
 }
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_action-button_55fkh_1johd_347:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_55fkh_11wj5_346 > .awsui_action-button_55fkh_11wj5_351:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_action-button_55fkh_1johd_347:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_55fkh_11wj5_346 > .awsui_action-button_55fkh_11wj5_351:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc((var(--space-xxxs-gn3248, 2px)) - 1px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_action-button_55fkh_1johd_347:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_55fkh_11wj5_346 > .awsui_action-button_55fkh_11wj5_351:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -371,7 +375,7 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_actio
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_secondary-content_55fkh_1johd_372:not(#\9) {
+.awsui_secondary-content_55fkh_11wj5_376:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -407,17 +411,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_actio
   border-end-start-radius: var(--border-radius-input-bx26um, 2px);
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
 }
-.awsui_secondary-content_55fkh_1johd_372.awsui_with-paddings_55fkh_1johd_407:not(#\9) {
+.awsui_secondary-content_55fkh_11wj5_376.awsui_with-paddings_55fkh_11wj5_411:not(#\9) {
   padding-block-start: var(--space-scaled-s-8j7izy, 12px);
   padding-block-end: var(--space-scaled-s-8j7izy, 12px);
   padding-inline-start: var(--space-field-horizontal-cxdor9, 8px);
   padding-inline-end: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_secondary-content_55fkh_1johd_372.awsui_with-paddings_55fkh_1johd_407.awsui_invalid_55fkh_1johd_319:not(#\9), .awsui_secondary-content_55fkh_1johd_372.awsui_with-paddings_55fkh_1johd_407.awsui_warning_55fkh_1johd_319:not(#\9) {
+.awsui_secondary-content_55fkh_11wj5_376.awsui_with-paddings_55fkh_11wj5_411.awsui_invalid_55fkh_11wj5_323:not(#\9), .awsui_secondary-content_55fkh_11wj5_376.awsui_with-paddings_55fkh_11wj5_411.awsui_warning_55fkh_11wj5_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
 }
 
-.awsui_secondary-actions_55fkh_1johd_417:not(#\9) {
+.awsui_secondary-actions_55fkh_11wj5_421:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -456,17 +460,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1johd_342 > .awsui_actio
   justify-content: space-between;
   align-items: flex-end;
 }
-.awsui_secondary-actions_55fkh_1johd_417.awsui_with-paddings_55fkh_1johd_407:not(#\9) {
+.awsui_secondary-actions_55fkh_11wj5_421.awsui_with-paddings_55fkh_11wj5_411:not(#\9) {
   padding-inline-start: var(--space-field-horizontal-cxdor9, 8px);
   padding-block-start: var(--space-scaled-s-8j7izy, 12px);
   padding-block-end: var(--space-scaled-xxs-krq5fq, 4px);
 }
-.awsui_secondary-actions_55fkh_1johd_417.awsui_with-paddings_55fkh_1johd_407.awsui_invalid_55fkh_1johd_319:not(#\9), .awsui_secondary-actions_55fkh_1johd_417.awsui_with-paddings_55fkh_1johd_407.awsui_warning_55fkh_1johd_319:not(#\9) {
+.awsui_secondary-actions_55fkh_11wj5_421.awsui_with-paddings_55fkh_11wj5_411.awsui_invalid_55fkh_11wj5_323:not(#\9), .awsui_secondary-actions_55fkh_11wj5_421.awsui_with-paddings_55fkh_11wj5_411.awsui_warning_55fkh_11wj5_323:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
 }
-.awsui_secondary-actions_55fkh_1johd_417.awsui_with-paddings_55fkh_1johd_407 > .awsui_button_55fkh_1johd_342:not(#\9) {
+.awsui_secondary-actions_55fkh_11wj5_421.awsui_with-paddings_55fkh_11wj5_411 > .awsui_button_55fkh_11wj5_346:not(#\9) {
   padding-block-end: 0;
 }
-.awsui_secondary-actions_55fkh_1johd_417 > .awsui_button_55fkh_1johd_342:not(#\9) {
+.awsui_secondary-actions_55fkh_11wj5_421 > .awsui_button_55fkh_11wj5_346:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-krq5fq, 4px);
 }