@cloudscape-design/components 3.0.1128 → 3.0.1130

package/prompt-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { PromptInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoComplete,\n      autoFocus,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      customPrimaryAction,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      nativeTextareaAttributes,\n      __internalRootRef,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n    const DEFAULT_MAX_ROWS = 3;\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          textareaRef.current?.focus(...args);\n        },\n        select() {\n          textareaRef.current?.select();\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          textareaRef.current?.setSelectionRange(...args);\n        },\n      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n        textareaRef.current.style.height = 'auto';\n\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n\n        if (maxRows === -1) {\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;\n        } else {\n          const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\n        }\n      }\n    }, [maxRows, LINE_HEIGHT, PADDING]);\n\n    useEffect(() => {\n      const handleResize = () => {\n        adjustTextareaHeight();\n      };\n\n      window.addEventListener('resize', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    }, [adjustTextareaHeight]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={clsx(styles['primary-action'], testutilStyles['primary-action'])}>\n        {customPrimaryAction ?? (\n          <InternalButton\n            className={clsx(styles['action-button'], testutilStyles['action-button'])}\n            ariaLabel={actionButtonAriaLabel}\n            disabled={disabled || readOnly || disableActionButton}\n            __focusable={readOnly}\n            iconName={actionButtonIconName}\n            iconUrl={actionButtonIconUrl}\n            iconSvg={actionButtonIconSvg}\n            iconAlt={actionButtonIconAlt}\n            onClick={() => fireNonCancelableEvent(onAction, { value })}\n            variant=\"icon\"\n          />\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <WithNativeAttributes\n            {...attributes}\n            tag=\"textarea\"\n            componentName=\"PromptInput\"\n            nativeAttributes={nativeTextareaAttributes}\n            ref={textareaRef}\n            id={controlId}\n          />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['action-stripe'], {\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            <div\n              className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n                [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n                [styles['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\n                [styles.invalid]: invalid,\n                [styles.warning]: warning,\n              })}\n            >\n              {secondaryActions}\n            </div>\n            <div className={styles.buffer} onClick={() => textareaRef.current?.focus()} />\n            {hasActionButton && action}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/prompt-input/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { Ref, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useDensityMode } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalButton from '../button/internal';\nimport { convertAutoComplete } from '../input/utils';\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../internal/events';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SomeRequired } from '../internal/types';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { PromptInputProps } from './interfaces';\nimport { getPromptInputStyles } from './styles';\n\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface InternalPromptInputProps\n  extends SomeRequired<PromptInputProps, 'maxRows' | 'minRows'>,\n    InternalBaseComponentProps {}\n\nconst InternalPromptInput = React.forwardRef(\n  (\n    {\n      value,\n      actionButtonAriaLabel,\n      actionButtonIconName,\n      actionButtonIconUrl,\n      actionButtonIconSvg,\n      actionButtonIconAlt,\n      ariaLabel,\n      autoComplete,\n      autoFocus,\n      disableActionButton,\n      disableBrowserAutocorrect,\n      disabled,\n      maxRows,\n      minRows,\n      name,\n      onAction,\n      onBlur,\n      onChange,\n      onFocus,\n      onKeyDown,\n      onKeyUp,\n      placeholder,\n      readOnly,\n      spellcheck,\n      customPrimaryAction,\n      secondaryActions,\n      secondaryContent,\n      disableSecondaryActionsPaddings,\n      disableSecondaryContentPaddings,\n      nativeTextareaAttributes,\n      style,\n      __internalRootRef,\n      ...rest\n    }: InternalPromptInputProps,\n    ref: Ref<PromptInputProps.Ref>\n  ) => {\n    const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n    const baseProps = getBaseProps(rest);\n\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const isRefresh = useVisualRefresh();\n    const isCompactMode = useDensityMode(textareaRef) === 'compact';\n\n    const PADDING = isRefresh ? tokens.spaceXxs : tokens.spaceXxxs;\n    const LINE_HEIGHT = tokens.lineHeightBodyM;\n    const DEFAULT_MAX_ROWS = 3;\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus(...args: Parameters<HTMLElement['focus']>) {\n          textareaRef.current?.focus(...args);\n        },\n        select() {\n          textareaRef.current?.select();\n        },\n        setSelectionRange(...args: Parameters<HTMLTextAreaElement['setSelectionRange']>) {\n          textareaRef.current?.setSelectionRange(...args);\n        },\n      }),\n      [textareaRef]\n    );\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      fireKeyboardEvent(onKeyDown, event);\n\n      if (event.key === 'Enter' && !event.shiftKey && !event.nativeEvent.isComposing) {\n        if (event.currentTarget.form && !event.isDefaultPrevented()) {\n          event.currentTarget.form.requestSubmit();\n        }\n        event.preventDefault();\n        fireNonCancelableEvent(onAction, { value });\n      }\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      fireNonCancelableEvent(onChange, { value: event.target.value });\n      adjustTextareaHeight();\n    };\n\n    const hasActionButton = actionButtonIconName || actionButtonIconSvg || actionButtonIconUrl || customPrimaryAction;\n\n    const adjustTextareaHeight = useCallback(() => {\n      if (textareaRef.current) {\n        // this is required so the scrollHeight becomes dynamic, otherwise it will be locked at the highest value for the size it reached e.g. 500px\n        textareaRef.current.style.height = 'auto';\n\n        const minTextareaHeight = `calc(${LINE_HEIGHT} +  ${tokens.spaceScaledXxs} * 2)`; // the min height of Textarea with 1 row\n\n        if (maxRows === -1) {\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `max(${scrollHeight}, ${minTextareaHeight})`;\n        } else {\n          const maxRowsHeight = `calc(${maxRows <= 0 ? DEFAULT_MAX_ROWS : maxRows} * (${LINE_HEIGHT} + ${PADDING} / 2) + ${PADDING})`;\n          const scrollHeight = `calc(${textareaRef.current.scrollHeight}px)`;\n          textareaRef.current.style.height = `min(max(${scrollHeight}, ${minTextareaHeight}), ${maxRowsHeight})`;\n        }\n      }\n    }, [maxRows, LINE_HEIGHT, PADDING]);\n\n    useEffect(() => {\n      const handleResize = () => {\n        adjustTextareaHeight();\n      };\n\n      window.addEventListener('resize', handleResize);\n\n      return () => {\n        window.removeEventListener('resize', handleResize);\n      };\n    }, [adjustTextareaHeight]);\n\n    useEffect(() => {\n      adjustTextareaHeight();\n    }, [value, adjustTextareaHeight, maxRows, isCompactMode]);\n\n    const attributes: React.TextareaHTMLAttributes<HTMLTextAreaElement> = {\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      'aria-invalid': invalid ? 'true' : undefined,\n      name,\n      placeholder,\n      autoFocus,\n      className: clsx(styles.textarea, testutilStyles.textarea, {\n        [styles.invalid]: invalid,\n        [styles.warning]: warning,\n      }),\n      autoComplete: convertAutoComplete(autoComplete),\n      spellCheck: spellcheck,\n      disabled,\n      readOnly: readOnly ? true : undefined,\n      rows: minRows,\n      onKeyDown: handleKeyDown,\n      onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n      // We set a default value on the component in order to force it into the controlled mode.\n      value: value || '',\n      onChange: handleChange,\n      onBlur: onBlur && (() => fireNonCancelableEvent(onBlur)),\n      onFocus: onFocus && (() => fireNonCancelableEvent(onFocus)),\n    };\n\n    if (disableBrowserAutocorrect) {\n      attributes.autoCorrect = 'off';\n      attributes.autoCapitalize = 'off';\n    }\n\n    const action = (\n      <div className={clsx(styles['primary-action'], testutilStyles['primary-action'])}>\n        {customPrimaryAction ?? (\n          <InternalButton\n            className={clsx(styles['action-button'], testutilStyles['action-button'])}\n            ariaLabel={actionButtonAriaLabel}\n            disabled={disabled || readOnly || disableActionButton}\n            __focusable={readOnly}\n            iconName={actionButtonIconName}\n            iconUrl={actionButtonIconUrl}\n            iconSvg={actionButtonIconSvg}\n            iconAlt={actionButtonIconAlt}\n            onClick={() => fireNonCancelableEvent(onAction, { value })}\n            variant=\"icon\"\n          />\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        {...baseProps}\n        aria-label={ariaLabel}\n        className={clsx(styles.root, testutilStyles.root, baseProps.className, {\n          [styles['textarea-readonly']]: readOnly,\n          [styles['textarea-invalid']]: invalid,\n          [styles['textarea-warning']]: warning && !invalid,\n          [styles.disabled]: disabled,\n        })}\n        ref={__internalRootRef}\n        role=\"region\"\n        style={getPromptInputStyles(style)}\n      >\n        {secondaryContent && (\n          <div\n            className={clsx(styles['secondary-content'], testutilStyles['secondary-content'], {\n              [styles['with-paddings']]: !disableSecondaryContentPaddings,\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            {secondaryContent}\n          </div>\n        )}\n        <div className={styles['textarea-wrapper']}>\n          <WithNativeAttributes\n            {...attributes}\n            tag=\"textarea\"\n            componentName=\"PromptInput\"\n            nativeAttributes={nativeTextareaAttributes}\n            ref={textareaRef}\n            id={controlId}\n          />\n          {hasActionButton && !secondaryActions && action}\n        </div>\n        {secondaryActions && (\n          <div\n            className={clsx(styles['action-stripe'], {\n              [styles.invalid]: invalid,\n              [styles.warning]: warning,\n            })}\n          >\n            <div\n              className={clsx(styles['secondary-actions'], testutilStyles['secondary-actions'], {\n                [styles['with-paddings']]: !disableSecondaryActionsPaddings,\n                [styles['with-paddings-and-actions']]: !disableSecondaryActionsPaddings && hasActionButton,\n                [styles.invalid]: invalid,\n                [styles.warning]: warning,\n              })}\n            >\n              {secondaryActions}\n            </div>\n            <div className={styles.buffer} onClick={() => textareaRef.current?.focus()} />\n            {hasActionButton && action}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default InternalPromptInput;\n"]}

package/prompt-input/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_55fkh_4xns4_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_4xns4_185",
-  "disabled": "awsui_disabled_55fkh_4xns4_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_4xns4_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_4xns4_223",
-  "textarea": "awsui_textarea_55fkh_4xns4_185",
-  "invalid": "awsui_invalid_55fkh_4xns4_319",
-  "warning": "awsui_warning_55fkh_4xns4_319",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_4xns4_335",
-  "primary-action": "awsui_primary-action_55fkh_4xns4_339",
-  "action-button": "awsui_action-button_55fkh_4xns4_347",
-  "secondary-content": "awsui_secondary-content_55fkh_4xns4_352",
-  "with-paddings": "awsui_with-paddings_55fkh_4xns4_387",
-  "action-stripe": "awsui_action-stripe_55fkh_4xns4_397",
-  "secondary-actions": "awsui_secondary-actions_55fkh_4xns4_436",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_4xns4_453",
-  "buffer": "awsui_buffer_55fkh_4xns4_457"
+  "root": "awsui_root_55fkh_xqgee_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_xqgee_191",
+  "disabled": "awsui_disabled_55fkh_xqgee_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_xqgee_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_xqgee_230",
+  "textarea": "awsui_textarea_55fkh_xqgee_191",
+  "invalid": "awsui_invalid_55fkh_xqgee_333",
+  "warning": "awsui_warning_55fkh_xqgee_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_xqgee_347",
+  "primary-action": "awsui_primary-action_55fkh_xqgee_351",
+  "action-button": "awsui_action-button_55fkh_xqgee_359",
+  "secondary-content": "awsui_secondary-content_55fkh_xqgee_364",
+  "with-paddings": "awsui_with-paddings_55fkh_xqgee_399",
+  "action-stripe": "awsui_action-stripe_55fkh_xqgee_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_xqgee_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_xqgee_465",
+  "buffer": "awsui_buffer_55fkh_xqgee_469"
 };
   

package/prompt-input/styles.d.ts

@@ -0,0 +1,4 @@
+import { PromptInputProps } from './interfaces';
+export declare function getPromptInputStyles(style: PromptInputProps['style']): {
+  [k: string]: string | undefined;
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC;;EAuCpE"}

package/prompt-input/styles.js

@@ -0,0 +1,44 @@
+// 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 getPromptInputStyles(style) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25;
+    if (SYSTEM !== 'core') {
+        return {};
+    }
+    const properties = {
+        borderRadius: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius,
+        borderWidth: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderWidth,
+        fontSize: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.fontSize,
+        fontWeight: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.fontWeight,
+        paddingBlock: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.paddingBlock,
+        paddingInline: (_f = style === null || style === void 0 ? void 0 : style.root) === null || _f === void 0 ? void 0 : _f.paddingInline,
+        [customCssProps.promptInputStyleBackgroundDefault]: (_h = (_g = style === null || style === void 0 ? void 0 : style.root) === null || _g === void 0 ? void 0 : _g.backgroundColor) === null || _h === void 0 ? void 0 : _h.default,
+        [customCssProps.promptInputStyleBackgroundDisabled]: (_k = (_j = style === null || style === void 0 ? void 0 : style.root) === null || _j === void 0 ? void 0 : _j.backgroundColor) === null || _k === void 0 ? void 0 : _k.disabled,
+        [customCssProps.promptInputStyleBackgroundHover]: (_m = (_l = style === null || style === void 0 ? void 0 : style.root) === null || _l === void 0 ? void 0 : _l.backgroundColor) === null || _m === void 0 ? void 0 : _m.hover,
+        [customCssProps.promptInputStyleBackgroundFocus]: (_p = (_o = style === null || style === void 0 ? void 0 : style.root) === null || _o === void 0 ? void 0 : _o.backgroundColor) === null || _p === void 0 ? void 0 : _p.focus,
+        [customCssProps.promptInputStyleBackgroundReadonly]: (_r = (_q = style === null || style === void 0 ? void 0 : style.root) === null || _q === void 0 ? void 0 : _q.backgroundColor) === null || _r === void 0 ? void 0 : _r.readonly,
+        [customCssProps.promptInputStyleBorderColorDefault]: (_t = (_s = style === null || style === void 0 ? void 0 : style.root) === null || _s === void 0 ? void 0 : _s.borderColor) === null || _t === void 0 ? void 0 : _t.default,
+        [customCssProps.promptInputStyleBorderColorDisabled]: (_v = (_u = style === null || style === void 0 ? void 0 : style.root) === null || _u === void 0 ? void 0 : _u.borderColor) === null || _v === void 0 ? void 0 : _v.disabled,
+        [customCssProps.promptInputStyleBorderColorHover]: (_x = (_w = style === null || style === void 0 ? void 0 : style.root) === null || _w === void 0 ? void 0 : _w.borderColor) === null || _x === void 0 ? void 0 : _x.hover,
+        [customCssProps.promptInputStyleBorderColorFocus]: (_z = (_y = style === null || style === void 0 ? void 0 : style.root) === null || _y === void 0 ? void 0 : _y.borderColor) === null || _z === void 0 ? void 0 : _z.focus,
+        [customCssProps.promptInputStyleBorderColorReadonly]: (_1 = (_0 = style === null || style === void 0 ? void 0 : style.root) === null || _0 === void 0 ? void 0 : _0.borderColor) === null || _1 === void 0 ? void 0 : _1.readonly,
+        [customCssProps.promptInputStyleBoxShadowDefault]: (_3 = (_2 = style === null || style === void 0 ? void 0 : style.root) === null || _2 === void 0 ? void 0 : _2.boxShadow) === null || _3 === void 0 ? void 0 : _3.default,
+        [customCssProps.promptInputStyleBoxShadowDisabled]: (_5 = (_4 = style === null || style === void 0 ? void 0 : style.root) === null || _4 === void 0 ? void 0 : _4.boxShadow) === null || _5 === void 0 ? void 0 : _5.disabled,
+        [customCssProps.promptInputStyleBoxShadowHover]: (_7 = (_6 = style === null || style === void 0 ? void 0 : style.root) === null || _6 === void 0 ? void 0 : _6.boxShadow) === null || _7 === void 0 ? void 0 : _7.hover,
+        [customCssProps.promptInputStyleBoxShadowFocus]: (_9 = (_8 = style === null || style === void 0 ? void 0 : style.root) === null || _8 === void 0 ? void 0 : _8.boxShadow) === null || _9 === void 0 ? void 0 : _9.focus,
+        [customCssProps.promptInputStyleBoxShadowReadonly]: (_11 = (_10 = style === null || style === void 0 ? void 0 : style.root) === null || _10 === void 0 ? void 0 : _10.boxShadow) === null || _11 === void 0 ? void 0 : _11.readonly,
+        [customCssProps.promptInputStyleColorDefault]: (_13 = (_12 = style === null || style === void 0 ? void 0 : style.root) === null || _12 === void 0 ? void 0 : _12.color) === null || _13 === void 0 ? void 0 : _13.default,
+        [customCssProps.promptInputStyleColorDisabled]: (_15 = (_14 = style === null || style === void 0 ? void 0 : style.root) === null || _14 === void 0 ? void 0 : _14.color) === null || _15 === void 0 ? void 0 : _15.disabled,
+        [customCssProps.promptInputStyleColorHover]: (_17 = (_16 = style === null || style === void 0 ? void 0 : style.root) === null || _16 === void 0 ? void 0 : _16.color) === null || _17 === void 0 ? void 0 : _17.hover,
+        [customCssProps.promptInputStyleColorFocus]: (_19 = (_18 = style === null || style === void 0 ? void 0 : style.root) === null || _18 === void 0 ? void 0 : _18.color) === null || _19 === void 0 ? void 0 : _19.focus,
+        [customCssProps.promptInputStyleColorReadonly]: (_21 = (_20 = style === null || style === void 0 ? void 0 : style.root) === null || _20 === void 0 ? void 0 : _20.color) === null || _21 === void 0 ? void 0 : _21.readonly,
+        [customCssProps.promptInputStylePlaceholderColor]: (_22 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _22 === void 0 ? void 0 : _22.color,
+        [customCssProps.promptInputStylePlaceholderFontSize]: (_23 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _23 === void 0 ? void 0 : _23.fontSize,
+        [customCssProps.promptInputStylePlaceholderFontWeight]: (_24 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _24 === void 0 ? void 0 : _24.fontWeight,
+        [customCssProps.promptInputStylePlaceholderFontStyle]: (_25 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _25 === void 0 ? void 0 : _25.fontStyle,
+    };
+    return Object.fromEntries(Object.entries(properties).filter(([, value]) => value !== undefined));
+}
+//# sourceMappingURL=styles.js.map

package/prompt-input/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/prompt-input/styles.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 { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { PromptInputProps } from './interfaces';\n\nexport function getPromptInputStyles(style: PromptInputProps['style']) {\n  if (SYSTEM !== 'core') {\n    return {};\n  }\n\n  const properties = {\n    borderRadius: style?.root?.borderRadius,\n    borderWidth: style?.root?.borderWidth,\n    fontSize: style?.root?.fontSize,\n    fontWeight: style?.root?.fontWeight,\n    paddingBlock: style?.root?.paddingBlock,\n    paddingInline: style?.root?.paddingInline,\n    [customCssProps.promptInputStyleBackgroundDefault]: style?.root?.backgroundColor?.default,\n    [customCssProps.promptInputStyleBackgroundDisabled]: style?.root?.backgroundColor?.disabled,\n    [customCssProps.promptInputStyleBackgroundHover]: style?.root?.backgroundColor?.hover,\n    [customCssProps.promptInputStyleBackgroundFocus]: style?.root?.backgroundColor?.focus,\n    [customCssProps.promptInputStyleBackgroundReadonly]: style?.root?.backgroundColor?.readonly,\n    [customCssProps.promptInputStyleBorderColorDefault]: style?.root?.borderColor?.default,\n    [customCssProps.promptInputStyleBorderColorDisabled]: style?.root?.borderColor?.disabled,\n    [customCssProps.promptInputStyleBorderColorHover]: style?.root?.borderColor?.hover,\n    [customCssProps.promptInputStyleBorderColorFocus]: style?.root?.borderColor?.focus,\n    [customCssProps.promptInputStyleBorderColorReadonly]: style?.root?.borderColor?.readonly,\n    [customCssProps.promptInputStyleBoxShadowDefault]: style?.root?.boxShadow?.default,\n    [customCssProps.promptInputStyleBoxShadowDisabled]: style?.root?.boxShadow?.disabled,\n    [customCssProps.promptInputStyleBoxShadowHover]: style?.root?.boxShadow?.hover,\n    [customCssProps.promptInputStyleBoxShadowFocus]: style?.root?.boxShadow?.focus,\n    [customCssProps.promptInputStyleBoxShadowReadonly]: style?.root?.boxShadow?.readonly,\n    [customCssProps.promptInputStyleColorDefault]: style?.root?.color?.default,\n    [customCssProps.promptInputStyleColorDisabled]: style?.root?.color?.disabled,\n    [customCssProps.promptInputStyleColorHover]: style?.root?.color?.hover,\n    [customCssProps.promptInputStyleColorFocus]: style?.root?.color?.focus,\n    [customCssProps.promptInputStyleColorReadonly]: style?.root?.color?.readonly,\n    [customCssProps.promptInputStylePlaceholderColor]: style?.placeholder?.color,\n    [customCssProps.promptInputStylePlaceholderFontSize]: style?.placeholder?.fontSize,\n    [customCssProps.promptInputStylePlaceholderFontWeight]: style?.placeholder?.fontWeight,\n    [customCssProps.promptInputStylePlaceholderFontStyle]: style?.placeholder?.fontStyle,\n  };\n\n  return Object.fromEntries(Object.entries(properties).filter(([, value]) => value !== undefined));\n}\n"]}

package/prompt-input/styles.scoped.css

@@ -143,7 +143,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_55fkh_4xns4_146:not(#\9) {
+.awsui_root_55fkh_xqgee_146:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,85 +178,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
   cursor: text;
-  background-color: var(--color-background-input-default-ifz5bb, #ffffff);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
-}
-.awsui_root_55fkh_4xns4_146.awsui_textarea-readonly_55fkh_4xns4_185:not(#\9) {
-  background-color: var(--color-background-input-default-ifz5bb, #ffffff);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-}
-.awsui_root_55fkh_4xns4_146.awsui_disabled_55fkh_4xns4_190:not(#\9) {
-  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
-  cursor: auto;
+  background-color: var(--awsui-prompt-input-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-d43v8n);
+}
+.awsui_root_55fkh_xqgee_146:not(#\9):hover {
+  background-color: var(--awsui-prompt-input-style-background-hover-d43v8n, var(--awsui-prompt-input-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
+  border-color: var(--awsui-prompt-input-style-border-color-hover-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-d43v8n, var(--awsui-prompt-input-style-box-shadow-default-d43v8n));
+}
+.awsui_root_55fkh_xqgee_146.awsui_textarea-readonly_55fkh_xqgee_191:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-readonly-d43v8n, var(--awsui-prompt-input-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-d43v8n);
+}
+.awsui_root_55fkh_xqgee_146.awsui_disabled_55fkh_xqgee_197:not(#\9) {
+  background-color: var(--awsui-prompt-input-style-background-disabled-d43v8n, var(--color-background-input-disabled-dihaja, #ebebf0));
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
+  color: var(--awsui-prompt-input-style-color-disabled-d43v8n, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-d43v8n);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9) {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9) {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9) {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus-within, .awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
   color: var(--color-text-status-error-ksqavh, #db0000);
   border-color: var(--color-text-status-error-ksqavh, #db0000);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus-within:focus, .awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus:focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within:focus, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus-within, .awsui_root_55fkh_4xns4_146.awsui_textarea-invalid_55fkh_4xns4_198:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9) {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9) {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9) {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus-within, .awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
   color: var(--color-text-status-warning-6meo06, #855900);
   border-color: var(--color-text-status-warning-6meo06, #855900);
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
   border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus-within:focus, .awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus:focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within:focus, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus-within, .awsui_root_55fkh_4xns4_146.awsui_textarea-warning_55fkh_4xns4_223:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
   padding-inline-start: 0;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_root_55fkh_4xns4_146:not(#\9):focus-within, .awsui_root_55fkh_4xns4_146:not(#\9):focus {
+.awsui_root_55fkh_xqgee_146:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
+  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
+  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
   border-start-start-radius: var(--border-radius-input-7q0str, 8px);
   border-start-end-radius: var(--border-radius-input-7q0str, 8px);
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-d43v8n, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
+  background-color: var(--awsui-prompt-input-style-background-focus-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff));
 }
 
-.awsui_textarea_55fkh_4xns4_185:not(#\9) {
+.awsui_textarea_55fkh_xqgee_191:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -298,58 +306,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: inherit;
   padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  color: var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
   border: 0;
 }
-.awsui_textarea_55fkh_4xns4_185:not(#\9)::placeholder {
-  color: var(--color-text-input-placeholder-dclg8u, #656871);
-  font-style: italic;
+.awsui_textarea_55fkh_xqgee_191:not(#\9)::placeholder {
+  color: var(--awsui-prompt-input-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
+  font-size: var(--awsui-prompt-input-style-placeholder-font-size-d43v8n);
+  font-style: var(--awsui-prompt-input-style-placeholder-font-style-d43v8n, italic);
+  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-d43v8n);
   opacity: 1;
 }
-.awsui_textarea_55fkh_4xns4_185:not(#\9):focus {
+.awsui_textarea_55fkh_xqgee_191:not(#\9):hover {
+  color: var(--awsui-prompt-input-style-color-hover-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
+}
+.awsui_textarea_55fkh_xqgee_191:not(#\9):focus {
   outline: none;
+  color: var(--awsui-prompt-input-style-color-focus-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
 }
-.awsui_textarea_55fkh_4xns4_185:not(#\9):invalid {
+.awsui_textarea_55fkh_xqgee_191:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_4xns4_185.awsui_invalid_55fkh_4xns4_319:not(#\9), .awsui_textarea_55fkh_4xns4_185.awsui_warning_55fkh_4xns4_319:not(#\9) {
+.awsui_textarea_55fkh_xqgee_191.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_textarea_55fkh_xqgee_191.awsui_warning_55fkh_xqgee_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_textarea_55fkh_4xns4_185:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
-  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
-  color: var(--color-text-input-disabled-wh1f3y, #b4b4bb);
-  cursor: auto;
-  border: 0;
+.awsui_textarea_55fkh_xqgee_191:not(#\9):disabled {
+  color: var(--awsui-prompt-input-style-color-disabled-d43v8n, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
   cursor: default;
 }
-.awsui_textarea_55fkh_4xns4_185:not(#\9):disabled::placeholder {
+.awsui_textarea_55fkh_xqgee_191:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
   opacity: 1;
 }
-.awsui_textarea-wrapper_55fkh_4xns4_335:not(#\9) {
+.awsui_textarea-readonly_55fkh_xqgee_191:not(#\9) {
+  color: var(--awsui-prompt-input-style-color-readonly-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
+}
+.awsui_textarea-wrapper_55fkh_xqgee_347:not(#\9) {
   display: flex;
 }
 
-.awsui_primary-action_55fkh_4xns4_339:not(#\9) {
+.awsui_primary-action_55fkh_xqgee_351:not(#\9) {
   align-self: flex-end;
   flex-shrink: 0;
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_4xns4_335 > .awsui_primary-action_55fkh_4xns4_339:not(#\9) {
+.awsui_textarea-wrapper_55fkh_xqgee_347 > .awsui_primary-action_55fkh_xqgee_351:not(#\9) {
   padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
 }
-.awsui_textarea-wrapper_55fkh_4xns4_335 > .awsui_primary-action_55fkh_4xns4_339 > .awsui_action-button_55fkh_4xns4_347:not(#\9) {
+.awsui_textarea-wrapper_55fkh_xqgee_347 > .awsui_primary-action_55fkh_xqgee_351 > .awsui_action-button_55fkh_xqgee_359:not(#\9) {
   margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
   padding: 0;
 }
 
-.awsui_secondary-content_55fkh_4xns4_352:not(#\9) {
+.awsui_secondary-content_55fkh_xqgee_364:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -384,17 +396,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-input-7q0str, 8px);
   border-end-end-radius: var(--border-radius-input-7q0str, 8px);
 }
-.awsui_secondary-content_55fkh_4xns4_352.awsui_with-paddings_55fkh_4xns4_387:not(#\9) {
+.awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399:not(#\9) {
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-s-8ozaad, 12px);
   padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
   padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_secondary-content_55fkh_4xns4_352.awsui_with-paddings_55fkh_4xns4_387.awsui_invalid_55fkh_4xns4_319:not(#\9), .awsui_secondary-content_55fkh_4xns4_352.awsui_with-paddings_55fkh_4xns4_387.awsui_warning_55fkh_4xns4_319:not(#\9) {
+.awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399.awsui_warning_55fkh_xqgee_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
 
-.awsui_action-stripe_55fkh_4xns4_397:not(#\9) {
+.awsui_action-stripe_55fkh_xqgee_409:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -433,7 +445,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-end;
 }
 
-.awsui_secondary-actions_55fkh_4xns4_436:not(#\9) {
+.awsui_secondary-actions_55fkh_xqgee_448:not(#\9) {
   flex-basis: max-content;
   flex-grow: 0;
   flex-shrink: 1;
@@ -442,19 +454,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: 100%;
   overflow: hidden;
 }
-.awsui_secondary-actions_55fkh_4xns4_436.awsui_with-paddings_55fkh_4xns4_387:not(#\9) {
+.awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399:not(#\9) {
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   padding-block-start: var(--space-scaled-s-8ozaad, 12px);
   padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
 }
-.awsui_secondary-actions_55fkh_4xns4_436.awsui_with-paddings_55fkh_4xns4_387.awsui_invalid_55fkh_4xns4_319:not(#\9), .awsui_secondary-actions_55fkh_4xns4_436.awsui_with-paddings_55fkh_4xns4_387.awsui_warning_55fkh_4xns4_319:not(#\9) {
+.awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399.awsui_warning_55fkh_xqgee_333:not(#\9) {
   padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
 }
-.awsui_secondary-actions_55fkh_4xns4_436.awsui_with-paddings-and-actions_55fkh_4xns4_453:not(#\9) {
+.awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings-and-actions_55fkh_xqgee_465:not(#\9) {
   padding-inline-end: 0;
 }
 
-.awsui_buffer_55fkh_4xns4_457:not(#\9) {
+.awsui_buffer_55fkh_xqgee_469:not(#\9) {
   flex: 1;
   align-self: stretch;
   cursor: text;

package/prompt-input/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_4xns4_146",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_4xns4_185",
-  "disabled": "awsui_disabled_55fkh_4xns4_190",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_4xns4_198",
-  "textarea-warning": "awsui_textarea-warning_55fkh_4xns4_223",
-  "textarea": "awsui_textarea_55fkh_4xns4_185",
-  "invalid": "awsui_invalid_55fkh_4xns4_319",
-  "warning": "awsui_warning_55fkh_4xns4_319",
-  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_4xns4_335",
-  "primary-action": "awsui_primary-action_55fkh_4xns4_339",
-  "action-button": "awsui_action-button_55fkh_4xns4_347",
-  "secondary-content": "awsui_secondary-content_55fkh_4xns4_352",
-  "with-paddings": "awsui_with-paddings_55fkh_4xns4_387",
-  "action-stripe": "awsui_action-stripe_55fkh_4xns4_397",
-  "secondary-actions": "awsui_secondary-actions_55fkh_4xns4_436",
-  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_4xns4_453",
-  "buffer": "awsui_buffer_55fkh_4xns4_457"
+  "root": "awsui_root_55fkh_xqgee_146",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_xqgee_191",
+  "disabled": "awsui_disabled_55fkh_xqgee_197",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_xqgee_205",
+  "textarea-warning": "awsui_textarea-warning_55fkh_xqgee_230",
+  "textarea": "awsui_textarea_55fkh_xqgee_191",
+  "invalid": "awsui_invalid_55fkh_xqgee_333",
+  "warning": "awsui_warning_55fkh_xqgee_333",
+  "textarea-wrapper": "awsui_textarea-wrapper_55fkh_xqgee_347",
+  "primary-action": "awsui_primary-action_55fkh_xqgee_351",
+  "action-button": "awsui_action-button_55fkh_xqgee_359",
+  "secondary-content": "awsui_secondary-content_55fkh_xqgee_364",
+  "with-paddings": "awsui_with-paddings_55fkh_xqgee_399",
+  "action-stripe": "awsui_action-stripe_55fkh_xqgee_409",
+  "secondary-actions": "awsui_secondary-actions_55fkh_xqgee_448",
+  "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_xqgee_465",
+  "buffer": "awsui_buffer_55fkh_xqgee_469"
 };
   

package/property-filter/controller.js

@@ -9,7 +9,7 @@ export const getQueryActions = ({ query, onChange, filteringOptions, enableToken
             if ('operator' in token) {
                 return matchTokenValue(token, filteringOptions);
             }
-            return Object.assign(Object.assign({}, token), { tokens: token.tokens.map(transformToken) });
+            return { ...token, tokens: token.tokens.map(transformToken) };
         }
         const tokens = query.tokens.map(transformToken);
         if (enableTokenGroups) {
@@ -20,7 +20,7 @@ export const getQueryActions = ({ query, onChange, filteringOptions, enableToken
         }
     };
     const addToken = (token) => {
-        setQuery(Object.assign(Object.assign({}, query), { tokens: [...query.tokens, token] }));
+        setQuery({ ...query, tokens: [...query.tokens, token] });
     };
     const updateToken = (updateIndex, updatedToken, releasedTokens) => {
         const nestedTokens = tokenGroupToTokens([updatedToken]);
@@ -29,16 +29,16 @@ export const getQueryActions = ({ query, onChange, filteringOptions, enableToken
             .map((token, index) => (index === updateIndex ? updatedToken : token))
             .filter((_, index) => index === updateIndex || !capturedTokenIndices.includes(index));
         tokens.push(...releasedTokens);
-        setQuery(Object.assign(Object.assign({}, query), { tokens }));
+        setQuery({ ...query, tokens });
     };
     const removeToken = (removeIndex) => {
-        setQuery(Object.assign(Object.assign({}, query), { tokens: query.tokens.filter((_, index) => index !== removeIndex) }));
+        setQuery({ ...query, tokens: query.tokens.filter((_, index) => index !== removeIndex) });
     };
     const removeAllTokens = () => {
-        setQuery(Object.assign(Object.assign({}, query), { tokens: [] }));
+        setQuery({ ...query, tokens: [] });
     };
     const updateOperation = (operation) => {
-        setQuery(Object.assign(Object.assign({}, query), { operation }));
+        setQuery({ ...query, operation });
     };
     return { addToken, updateToken, updateOperation, removeToken, removeAllTokens };
 };