@cloudscape-design/components-themeable 3.0.1148 → 3.0.1150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/input/styles.scss +8 -2
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/internal/styles/forms/mixins.scss +6 -6
  5. package/lib/internal/scss/prompt-input/styles.scss +16 -4
  6. package/lib/internal/scss/textarea/styles.scss +8 -2
  7. package/lib/internal/template/alert/interfaces.d.ts +12 -0
  8. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  9. package/lib/internal/template/alert/interfaces.js.map +1 -1
  10. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  11. package/lib/internal/template/alert/internal.js +35 -3
  12. package/lib/internal/template/alert/internal.js.map +1 -1
  13. package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
  14. package/lib/internal/template/flashbar/collapsible-flashbar.js +14 -13
  15. package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
  16. package/lib/internal/template/flashbar/common.d.ts +2 -1
  17. package/lib/internal/template/flashbar/common.d.ts.map +1 -1
  18. package/lib/internal/template/flashbar/common.js +67 -1
  19. package/lib/internal/template/flashbar/common.js.map +1 -1
  20. package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
  21. package/lib/internal/template/flashbar/flash.js +4 -4
  22. package/lib/internal/template/flashbar/flash.js.map +1 -1
  23. package/lib/internal/template/flashbar/interfaces.d.ts +8 -0
  24. package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
  25. package/lib/internal/template/flashbar/interfaces.js.map +1 -1
  26. package/lib/internal/template/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
  27. package/lib/internal/template/flashbar/non-collapsible-flashbar.js +7 -6
  28. package/lib/internal/template/flashbar/non-collapsible-flashbar.js.map +1 -1
  29. package/lib/internal/template/input/styles.css.js +13 -13
  30. package/lib/internal/template/input/styles.d.ts.map +1 -1
  31. package/lib/internal/template/input/styles.js +26 -36
  32. package/lib/internal/template/input/styles.js.map +1 -1
  33. package/lib/internal/template/input/styles.scoped.css +33 -33
  34. package/lib/internal/template/input/styles.selectors.js +13 -13
  35. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  36. package/lib/internal/template/internal/environment.js +2 -2
  37. package/lib/internal/template/internal/environment.json +2 -2
  38. package/lib/internal/template/internal/persistence/index.d.ts +15 -0
  39. package/lib/internal/template/internal/persistence/index.d.ts.map +1 -0
  40. package/lib/internal/template/internal/persistence/index.js +42 -0
  41. package/lib/internal/template/internal/persistence/index.js.map +1 -0
  42. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  43. package/lib/internal/template/prompt-input/styles.scoped.css +47 -47
  44. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  45. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  46. package/lib/internal/template/property-filter/token-editor.js +3 -1
  47. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  48. package/lib/internal/template/radio-group/index.d.ts.map +1 -1
  49. package/lib/internal/template/radio-group/index.js +4 -5
  50. package/lib/internal/template/radio-group/index.js.map +1 -1
  51. package/lib/internal/template/text-filter/interfaces.d.ts +48 -0
  52. package/lib/internal/template/text-filter/interfaces.d.ts.map +1 -1
  53. package/lib/internal/template/text-filter/interfaces.js.map +1 -1
  54. package/lib/internal/template/text-filter/internal.d.ts.map +1 -1
  55. package/lib/internal/template/text-filter/internal.js +2 -2
  56. package/lib/internal/template/text-filter/internal.js.map +1 -1
  57. package/lib/internal/template/text-filter/styles.d.ts +3 -0
  58. package/lib/internal/template/text-filter/styles.d.ts.map +1 -0
  59. package/lib/internal/template/text-filter/styles.js +44 -0
  60. package/lib/internal/template/text-filter/styles.js.map +1 -0
  61. package/lib/internal/template/textarea/styles.css.js +5 -5
  62. package/lib/internal/template/textarea/styles.scoped.css +17 -17
  63. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  64. package/package.json +1 -1
package/lib/internal/template/text-filter/internal.js CHANGED
@@ -12,7 +12,7 @@ import { useTableIntegration } from './analytics/use-table-integration';
12
12
  import { SearchResults } from './search-results';
13
13
  import useDebounceSearchResultCallback from './use-debounce-search-result-callback';
14
14
  import styles from './styles.css.js';
15
- const InternalTextFilter = React.forwardRef(({ filteringText, filteringAriaLabel, filteringPlaceholder, filteringClearAriaLabel, controlId, ariaLabelledby, ariaDescribedby, disabled, countText, disableBrowserAutocorrect, onChange, onDelayedChange, loading = false, __internalRootRef, ...rest }, ref) => {
15
+ const InternalTextFilter = React.forwardRef(({ filteringText, filteringAriaLabel, filteringPlaceholder, filteringClearAriaLabel, controlId, ariaLabelledby, ariaDescribedby, disabled, countText, disableBrowserAutocorrect, onChange, onDelayedChange, loading = false, style, __internalRootRef, ...rest }, ref) => {
16
16
  const baseProps = getBaseProps(rest);
17
17
  const inputRef = useRef(null);
18
18
  const searchResultsRef = useRef(null);
@@ -30,7 +30,7 @@ const InternalTextFilter = React.forwardRef(({ filteringText, filteringAriaLabel
30
30
  },
31
31
  });
32
32
  return (React.createElement("div", { ...baseProps, className: clsx(baseProps.className, styles.root), ref: __internalRootRef },
33
- React.createElement(InternalInput, { __inheritFormFieldProps: true, disableBrowserAutocorrect: disableBrowserAutocorrect, ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby), autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value }), __onDelayedInput: event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }) }),
33
+ React.createElement(InternalInput, { __inheritFormFieldProps: true, disableBrowserAutocorrect: disableBrowserAutocorrect, ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, controlId: controlId, ariaLabelledby: ariaLabelledby, ariaDescribedby: joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby), autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value }), __onDelayedInput: event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }), style: style }),
34
34
  showResults ? (React.createElement(SearchResults, { renderLiveRegion: !loading, id: searchResultsId, ref: searchResultsRef }, countText)) : null));
35
35
  });
36
36
  export default InternalTextFilter;
package/lib/internal/template/text-filter/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { joinStrings } from '../internal/utils/strings';\nimport { InternalLiveRegionRef } from '../live-region/internal';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { TextFilterProps } from './interfaces';\nimport { SearchResults } from './search-results';\nimport useDebounceSearchResultCallback from './use-debounce-search-result-callback';\n\nimport styles from './styles.css.js';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n filteringClearAriaLabel,\n controlId,\n ariaLabelledby,\n ariaDescribedby,\n disabled,\n countText,\n disableBrowserAutocorrect,\n onChange,\n onDelayedChange,\n loading = false,\n __internalRootRef,\n ...rest\n }: InternalTextFilterProps,\n ref: React.Ref<TextFilterProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const inputRef = useRef<HTMLInputElement>(null);\n const searchResultsRef = useRef<InternalLiveRegionRef>(null);\n useForwardFocus(ref, inputRef);\n useTableIntegration(filteringText, countText);\n\n const searchResultsId = useUniqueId('text-filter-search-results');\n const showResults = filteringText && countText && !disabled;\n\n useDebounceSearchResultCallback({\n searchQuery: filteringText,\n countText,\n loading,\n announceCallback: () => {\n searchResultsRef.current?.reannounce();\n },\n });\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n __inheritFormFieldProps={true}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n controlId={controlId}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby)}\n autoComplete={false}\n clearAriaLabel={filteringClearAriaLabel}\n onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n />\n {showResults ? (\n <SearchResults renderLiveRegion={!loading} id={searchResultsId} ref={searchResultsRef}>\n {countText}\n </SearchResults>\n ) : null}\n </div>\n );\n }\n);\n\nexport default InternalTextFilter;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/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, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { joinStrings } from '../internal/utils/strings';\nimport { InternalLiveRegionRef } from '../live-region/internal';\nimport { useTableIntegration } from './analytics/use-table-integration';\nimport { TextFilterProps } from './interfaces';\nimport { SearchResults } from './search-results';\nimport useDebounceSearchResultCallback from './use-debounce-search-result-callback';\n\nimport styles from './styles.css.js';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n filteringClearAriaLabel,\n controlId,\n ariaLabelledby,\n ariaDescribedby,\n disabled,\n countText,\n disableBrowserAutocorrect,\n onChange,\n onDelayedChange,\n loading = false,\n style,\n __internalRootRef,\n ...rest\n }: InternalTextFilterProps,\n ref: React.Ref<TextFilterProps.Ref>\n ) => {\n const baseProps = getBaseProps(rest);\n const inputRef = useRef<HTMLInputElement>(null);\n const searchResultsRef = useRef<InternalLiveRegionRef>(null);\n useForwardFocus(ref, inputRef);\n useTableIntegration(filteringText, countText);\n\n const searchResultsId = useUniqueId('text-filter-search-results');\n const showResults = filteringText && countText && !disabled;\n\n useDebounceSearchResultCallback({\n searchQuery: filteringText,\n countText,\n loading,\n announceCallback: () => {\n searchResultsRef.current?.reannounce();\n },\n });\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n __inheritFormFieldProps={true}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n controlId={controlId}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={joinStrings(showResults ? searchResultsId : undefined, ariaDescribedby)}\n autoComplete={false}\n clearAriaLabel={filteringClearAriaLabel}\n onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n style={style}\n />\n {showResults ? (\n <SearchResults renderLiveRegion={!loading} id={searchResultsId} ref={searchResultsRef}>\n {countText}\n </SearchResults>\n ) : null}\n </div>\n );\n }\n);\n\nexport default InternalTextFilter;\n"]}
package/lib/internal/template/text-filter/styles.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TextFilterProps } from './interfaces';
2
+ export declare function getTextFilterStyles(style: TextFilterProps['style']): {} | undefined;
3
+ //# sourceMappingURL=styles.d.ts.map
package/lib/internal/template/text-filter/styles.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/text-filter/styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,kBAuClE"}
package/lib/internal/template/text-filter/styles.js ADDED
@@ -0,0 +1,44 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import { SYSTEM } from '../internal/environment';
4
+ import customCssProps from '../internal/generated/custom-css-properties';
5
+ export function getTextFilterStyles(style) {
6
+ 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;
7
+ let properties = {};
8
+ if (SYSTEM === 'core') {
9
+ properties = {
10
+ borderRadius: (_a = style === null || style === void 0 ? void 0 : style.root) === null || _a === void 0 ? void 0 : _a.borderRadius,
11
+ borderWidth: (_b = style === null || style === void 0 ? void 0 : style.root) === null || _b === void 0 ? void 0 : _b.borderWidth,
12
+ fontSize: (_c = style === null || style === void 0 ? void 0 : style.root) === null || _c === void 0 ? void 0 : _c.fontSize,
13
+ fontWeight: (_d = style === null || style === void 0 ? void 0 : style.root) === null || _d === void 0 ? void 0 : _d.fontWeight,
14
+ paddingBlock: (_e = style === null || style === void 0 ? void 0 : style.root) === null || _e === void 0 ? void 0 : _e.paddingBlock,
15
+ paddingInline: (_f = style === null || style === void 0 ? void 0 : style.root) === null || _f === void 0 ? void 0 : _f.paddingInline,
16
+ [customCssProps.styleBackgroundDefault]: (_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,
17
+ [customCssProps.styleBackgroundDisabled]: (_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,
18
+ [customCssProps.styleBackgroundHover]: (_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,
19
+ [customCssProps.styleBackgroundFocus]: (_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,
20
+ [customCssProps.styleBackgroundReadonly]: (_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,
21
+ [customCssProps.styleBorderColorDefault]: (_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,
22
+ [customCssProps.styleBorderColorDisabled]: (_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,
23
+ [customCssProps.styleBorderColorHover]: (_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,
24
+ [customCssProps.styleBorderColorFocus]: (_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,
25
+ [customCssProps.styleBorderColorReadonly]: (_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,
26
+ [customCssProps.styleBoxShadowDefault]: (_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,
27
+ [customCssProps.styleBoxShadowDisabled]: (_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,
28
+ [customCssProps.styleBoxShadowHover]: (_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,
29
+ [customCssProps.styleBoxShadowFocus]: (_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,
30
+ [customCssProps.styleBoxShadowReadonly]: (_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,
31
+ [customCssProps.styleColorDefault]: (_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,
32
+ [customCssProps.styleColorDisabled]: (_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,
33
+ [customCssProps.styleColorHover]: (_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,
34
+ [customCssProps.styleColorFocus]: (_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,
35
+ [customCssProps.styleColorReadonly]: (_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,
36
+ [customCssProps.stylePlaceholderColor]: (_22 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _22 === void 0 ? void 0 : _22.color,
37
+ [customCssProps.stylePlaceholderFontSize]: (_23 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _23 === void 0 ? void 0 : _23.fontSize,
38
+ [customCssProps.stylePlaceholderFontWeight]: (_24 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _24 === void 0 ? void 0 : _24.fontWeight,
39
+ [customCssProps.stylePlaceholderFontStyle]: (_25 = style === null || style === void 0 ? void 0 : style.placeholder) === null || _25 === void 0 ? void 0 : _25.fontStyle,
40
+ };
41
+ return properties;
42
+ }
43
+ }
44
+ //# sourceMappingURL=styles.js.map
package/lib/internal/template/text-filter/styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/text-filter/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 { TextFilterProps } from './interfaces';\n\nexport function getTextFilterStyles(style: TextFilterProps['style']) {\n let properties = {};\n\n if (SYSTEM === 'core') {\n 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.styleBackgroundDefault]: style?.root?.backgroundColor?.default,\n [customCssProps.styleBackgroundDisabled]: style?.root?.backgroundColor?.disabled,\n [customCssProps.styleBackgroundHover]: style?.root?.backgroundColor?.hover,\n [customCssProps.styleBackgroundFocus]: style?.root?.backgroundColor?.focus,\n [customCssProps.styleBackgroundReadonly]: style?.root?.backgroundColor?.readonly,\n [customCssProps.styleBorderColorDefault]: style?.root?.borderColor?.default,\n [customCssProps.styleBorderColorDisabled]: style?.root?.borderColor?.disabled,\n [customCssProps.styleBorderColorHover]: style?.root?.borderColor?.hover,\n [customCssProps.styleBorderColorFocus]: style?.root?.borderColor?.focus,\n [customCssProps.styleBorderColorReadonly]: style?.root?.borderColor?.readonly,\n [customCssProps.styleBoxShadowDefault]: style?.root?.boxShadow?.default,\n [customCssProps.styleBoxShadowDisabled]: style?.root?.boxShadow?.disabled,\n [customCssProps.styleBoxShadowHover]: style?.root?.boxShadow?.hover,\n [customCssProps.styleBoxShadowFocus]: style?.root?.boxShadow?.focus,\n [customCssProps.styleBoxShadowReadonly]: style?.root?.boxShadow?.readonly,\n [customCssProps.styleColorDefault]: style?.root?.color?.default,\n [customCssProps.styleColorDisabled]: style?.root?.color?.disabled,\n [customCssProps.styleColorHover]: style?.root?.color?.hover,\n [customCssProps.styleColorFocus]: style?.root?.color?.focus,\n [customCssProps.styleColorReadonly]: style?.root?.color?.readonly,\n [customCssProps.stylePlaceholderColor]: style?.placeholder?.color,\n [customCssProps.stylePlaceholderFontSize]: style?.placeholder?.fontSize,\n [customCssProps.stylePlaceholderFontWeight]: style?.placeholder?.fontWeight,\n [customCssProps.stylePlaceholderFontStyle]: style?.placeholder?.fontStyle,\n };\n\n return properties;\n }\n}\n"]}
package/lib/internal/template/textarea/styles.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_1lowb_145",
5
- "textarea": "awsui_textarea_qk1j1_1lowb_149",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1lowb_206",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1lowb_247",
8
- "textarea-warning": "awsui_textarea-warning_qk1j1_1lowb_256"
4
+ "root": "awsui_root_qk1j1_1l2am_145",
5
+ "textarea": "awsui_textarea_qk1j1_1l2am_149",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_1l2am_206",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_1l2am_247",
8
+ "textarea-warning": "awsui_textarea-warning_qk1j1_1l2am_256"
9
9
  };
10
10
 
package/lib/internal/template/textarea/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_qk1j1_1lowb_145:not(#\9) {
145
+ .awsui_root_qk1j1_1l2am_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_1lowb_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -197,27 +197,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
197
197
  font-size: var(--font-size-body-m-vv54cm, 14px);
198
198
  line-height: var(--line-height-body-m-bedeoh, 22px);
199
199
  }
200
- .awsui_textarea_qk1j1_1lowb_149:not(#\9):hover {
200
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9):hover {
201
201
  border-color: var(--awsui-style-border-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-default-txli8y, #687078)));
202
202
  color: var(--awsui-style-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-text-body-default-5qid0u, #16191f)));
203
203
  background-color: var(--awsui-style-background-hover-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-1z2buq, #ffffff)));
204
204
  box-shadow: var(--awsui-style-box-shadow-hover-d43v8n, --awsui-style-box-shadow-default-d43v8n);
205
205
  }
206
- .awsui_textarea_qk1j1_1lowb_149.awsui_textarea-readonly_qk1j1_1lowb_206:not(#\9) {
206
+ .awsui_textarea_qk1j1_1l2am_149.awsui_textarea-readonly_qk1j1_1l2am_206:not(#\9) {
207
207
  background-color: var(--awsui-style-background-readonly-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-1z2buq, #ffffff)));
208
208
  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-tz38ro, #eaeded)));
209
209
  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-tz38ro, #eaeded)));
210
210
  color: var(--awsui-style-color-readonly-d43v8n, var(--awsui-style-color-default-d43v8n, var(--color-text-body-default-5qid0u, #16191f)));
211
211
  box-shadow: var(--awsui-style-box-shadow-readonly-d43v8n);
212
212
  }
213
- .awsui_textarea_qk1j1_1lowb_149:not(#\9)::placeholder {
213
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9)::placeholder {
214
214
  color: var(--awsui-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-hvcry0, #687078));
215
215
  font-size: var(--awsui-style-placeholder-font-size-d43v8n);
216
216
  font-style: var(--awsui-style-placeholder-font-style-d43v8n, italic);
217
217
  font-weight: var(--awsui-style-placeholder-font-weight-d43v8n);
218
218
  opacity: 1;
219
219
  }
220
- .awsui_textarea_qk1j1_1lowb_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9):focus {
221
221
  outline: 2px dotted transparent;
222
222
  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-lslq4r, #0073bb));
223
223
  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-lslq4r, #0073bb));
@@ -229,10 +229,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  color: var(--awsui-style-color-focus-d43v8n, var(--color-text-body-default-5qid0u, #16191f));
230
230
  background-color: var(--awsui-style-background-focus-d43v8n, var(--color-background-input-default-1z2buq, #ffffff));
231
231
  }
232
- .awsui_textarea_qk1j1_1lowb_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9):invalid {
233
233
  box-shadow: none;
234
234
  }
235
- .awsui_textarea_qk1j1_1lowb_149:not(#\9):disabled {
235
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9):disabled {
236
236
  background-color: var(--awsui-style-background-disabled-d43v8n, var(--color-background-input-disabled-4vlau3, #eaeded));
237
237
  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-tz38ro, #eaeded));
238
238
  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-tz38ro, #eaeded));
@@ -240,25 +240,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  cursor: default;
241
241
  box-shadow: var(--awsui-style-box-shadow-disabled-d43v8n);
242
242
  }
243
- .awsui_textarea_qk1j1_1lowb_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_1l2am_149:not(#\9):disabled::placeholder {
244
244
  color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
245
245
  opacity: 1;
246
246
  }
247
- .awsui_textarea_qk1j1_1lowb_149.awsui_textarea-invalid_qk1j1_1lowb_247:not(#\9) {
248
- color: var(--color-text-status-error-aknuvu, #d13212);
249
- border-color: var(--color-text-status-error-aknuvu, #d13212);
247
+ .awsui_textarea_qk1j1_1l2am_149.awsui_textarea-invalid_qk1j1_1l2am_247:not(#\9) {
248
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-error-aknuvu, #d13212));
249
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-error-aknuvu, #d13212));
250
250
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
251
251
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
252
252
  }
253
- .awsui_textarea_qk1j1_1lowb_149.awsui_textarea-invalid_qk1j1_1lowb_247:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_1l2am_149.awsui_textarea-invalid_qk1j1_1l2am_247:not(#\9):focus {
254
254
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
255
255
  }
256
- .awsui_textarea_qk1j1_1lowb_149.awsui_textarea-warning_qk1j1_1lowb_256:not(#\9) {
257
- color: var(--color-text-status-warning-9b45qh, #906806);
258
- border-color: var(--color-text-status-warning-9b45qh, #906806);
256
+ .awsui_textarea_qk1j1_1l2am_149.awsui_textarea-warning_qk1j1_1l2am_256:not(#\9) {
257
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-warning-9b45qh, #906806));
258
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-warning-9b45qh, #906806));
259
259
  padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
260
260
  border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
261
261
  }
262
- .awsui_textarea_qk1j1_1lowb_149.awsui_textarea-warning_qk1j1_1lowb_256:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_1l2am_149.awsui_textarea-warning_qk1j1_1l2am_256:not(#\9):focus {
263
263
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
264
264
  }
package/lib/internal/template/textarea/styles.selectors.js CHANGED
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_qk1j1_1lowb_145",
6
- "textarea": "awsui_textarea_qk1j1_1lowb_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1lowb_206",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1lowb_247",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_1lowb_256"
5
+ "root": "awsui_root_qk1j1_1l2am_145",
6
+ "textarea": "awsui_textarea_qk1j1_1l2am_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_1l2am_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_1l2am_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_1l2am_256"
10
10
  };
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1148",
3
+ "version": "3.0.1150",
4
4
  "files": [
5
5
  "lib"
6
6
  ],