@cloudscape-design/components-themeable 3.0.1132 → 3.0.1134

package/lib/internal/template/textarea/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_qk1j1_1ce9c_145",
-  "textarea": "awsui_textarea_qk1j1_1ce9c_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
+  "root": "awsui_root_qk1j1_evjpj_145",
+  "textarea": "awsui_textarea_qk1j1_evjpj_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_evjpj_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_evjpj_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_evjpj_256"
 };
   

package/lib/internal/template/textarea/styles.d.ts

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

package/lib/internal/template/textarea/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/textarea/styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,kBAiD9D"}

package/lib/internal/template/textarea/styles.js

@@ -0,0 +1,42 @@
+// 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 getTextareaStyles(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;
+    let properties = {};
+    if ((style === null || style === void 0 ? void 0 : style.root) && SYSTEM === 'core') {
+        properties = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 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 }, (((_g = style === null || style === void 0 ? void 0 : style.root) === null || _g === void 0 ? void 0 : _g.backgroundColor) && {
+            [customCssProps.styleBackgroundDefault]: (_h = style.root.backgroundColor) === null || _h === void 0 ? void 0 : _h.default,
+            [customCssProps.styleBackgroundDisabled]: (_j = style.root.backgroundColor) === null || _j === void 0 ? void 0 : _j.disabled,
+            [customCssProps.styleBackgroundHover]: (_k = style.root.backgroundColor) === null || _k === void 0 ? void 0 : _k.hover,
+            [customCssProps.styleBackgroundFocus]: (_l = style.root.backgroundColor) === null || _l === void 0 ? void 0 : _l.focus,
+            [customCssProps.styleBackgroundReadonly]: (_m = style.root.backgroundColor) === null || _m === void 0 ? void 0 : _m.readonly,
+        })), (((_o = style === null || style === void 0 ? void 0 : style.root) === null || _o === void 0 ? void 0 : _o.borderColor) && {
+            [customCssProps.styleBorderColorDefault]: (_p = style.root.borderColor) === null || _p === void 0 ? void 0 : _p.default,
+            [customCssProps.styleBorderColorDisabled]: (_q = style.root.borderColor) === null || _q === void 0 ? void 0 : _q.disabled,
+            [customCssProps.styleBorderColorHover]: (_r = style.root.borderColor) === null || _r === void 0 ? void 0 : _r.hover,
+            [customCssProps.styleBorderColorFocus]: (_s = style.root.borderColor) === null || _s === void 0 ? void 0 : _s.focus,
+            [customCssProps.styleBorderColorReadonly]: (_t = style.root.borderColor) === null || _t === void 0 ? void 0 : _t.readonly,
+        })), (((_u = style === null || style === void 0 ? void 0 : style.root) === null || _u === void 0 ? void 0 : _u.boxShadow) && {
+            [customCssProps.styleBoxShadowDefault]: (_v = style.root.boxShadow) === null || _v === void 0 ? void 0 : _v.default,
+            [customCssProps.styleBoxShadowDisabled]: (_w = style.root.boxShadow) === null || _w === void 0 ? void 0 : _w.disabled,
+            [customCssProps.styleBoxShadowHover]: (_x = style.root.boxShadow) === null || _x === void 0 ? void 0 : _x.hover,
+            [customCssProps.styleBoxShadowFocus]: (_y = style.root.boxShadow) === null || _y === void 0 ? void 0 : _y.focus,
+            [customCssProps.styleBoxShadowReadonly]: (_z = style.root.boxShadow) === null || _z === void 0 ? void 0 : _z.readonly,
+        })), (((_0 = style === null || style === void 0 ? void 0 : style.root) === null || _0 === void 0 ? void 0 : _0.color) && {
+            [customCssProps.styleColorDefault]: (_1 = style.root.color) === null || _1 === void 0 ? void 0 : _1.default,
+            [customCssProps.styleColorDisabled]: (_2 = style.root.color) === null || _2 === void 0 ? void 0 : _2.disabled,
+            [customCssProps.styleColorHover]: (_3 = style.root.color) === null || _3 === void 0 ? void 0 : _3.hover,
+            [customCssProps.styleColorFocus]: (_4 = style.root.color) === null || _4 === void 0 ? void 0 : _4.focus,
+            [customCssProps.styleColorReadonly]: (_5 = style.root.color) === null || _5 === void 0 ? void 0 : _5.readonly,
+        })), ((style === null || style === void 0 ? void 0 : style.placeholder) && {
+            [customCssProps.stylePlaceholderColor]: (_6 = style.placeholder) === null || _6 === void 0 ? void 0 : _6.color,
+            [customCssProps.stylePlaceholderFontSize]: (_7 = style.placeholder) === null || _7 === void 0 ? void 0 : _7.fontSize,
+            [customCssProps.stylePlaceholderFontWeight]: (_8 = style.placeholder) === null || _8 === void 0 ? void 0 : _8.fontWeight,
+            [customCssProps.stylePlaceholderFontStyle]: (_9 = style.placeholder) === null || _9 === void 0 ? void 0 : _9.fontStyle,
+        }));
+        return properties;
+    }
+}
+//# sourceMappingURL=styles.js.map

package/lib/internal/template/textarea/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/textarea/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 { TextareaProps } from './interfaces';\n\nexport function getTextareaStyles(style: TextareaProps['style']) {\n  let properties = {};\n\n  if (style?.root && 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      ...(style?.root?.backgroundColor && {\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      }),\n      ...(style?.root?.borderColor && {\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      }),\n      ...(style?.root?.boxShadow && {\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      }),\n      ...(style?.root?.color && {\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      }),\n      ...(style?.placeholder && {\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\n    return properties;\n  }\n}\n"]}

package/lib/internal/template/textarea/styles.scoped.css

@@ -142,11 +142,11 @@
 */
 /* 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_qk1j1_1ce9c_145:not(#\9) {
+.awsui_root_qk1j1_evjpj_145:not(#\9) {
   /* used for test-utils */
 }
 
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9) {
+.awsui_textarea_qk1j1_evjpj_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -181,71 +181,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--color-background-input-default-1z2buq, #ffffff);
+  background-color: var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078));
+  box-shadow: var(--awsui-style-box-shadow-default-b75yp7);
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-readonly_qk1j1_1ce9c_199:not(#\9) {
-  background-color: var(--color-background-input-default-1z2buq, #ffffff);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
+.awsui_textarea_qk1j1_evjpj_149:not(#\9):hover {
+  border-color: var(--awsui-style-border-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-default-txli8y, #687078)));
+  color: var(--awsui-style-color-hover-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
+  background-color: var(--awsui-style-background-hover-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
+  box-shadow: var(--awsui-style-box-shadow-hover-b75yp7, --awsui-style-box-shadow-default-b75yp7);
+}
+.awsui_textarea_qk1j1_evjpj_149.awsui_textarea-readonly_qk1j1_evjpj_206:not(#\9) {
+  background-color: var(--awsui-style-background-readonly-b75yp7, var(--awsui-style-background-default-b75yp7, var(--color-background-input-default-1z2buq, #ffffff)));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-readonly-b75yp7, var(--awsui-style-border-color-default-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded)));
+  color: var(--awsui-style-color-readonly-b75yp7, var(--awsui-style-color-default-b75yp7, var(--color-text-body-default-5qid0u, #16191f)));
+  box-shadow: var(--awsui-style-box-shadow-readonly-b75yp7);
 }
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9)::placeholder {
-  color: var(--color-text-input-placeholder-hvcry0, #687078);
-  font-style: italic;
+.awsui_textarea_qk1j1_evjpj_149:not(#\9)::placeholder {
+  color: var(--awsui-style-placeholder-color-b75yp7, var(--color-text-input-placeholder-hvcry0, #687078));
+  font-size: var(--awsui-style-placeholder-font-size-b75yp7);
+  font-style: var(--awsui-style-placeholder-font-style-b75yp7, italic);
+  font-weight: var(--awsui-style-placeholder-font-weight-b75yp7);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9):focus {
+.awsui_textarea_qk1j1_evjpj_149:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-focus-b75yp7, var(--color-border-input-focused-lslq4r, #0073bb));
   border-start-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-start-end-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: var(--awsui-style-box-shadow-focus-b75yp7, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
+  color: var(--awsui-style-color-focus-b75yp7, var(--color-text-body-default-5qid0u, #16191f));
+  background-color: var(--awsui-style-background-focus-b75yp7, var(--color-background-input-default-1z2buq, #ffffff));
 }
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9):invalid {
+.awsui_textarea_qk1j1_evjpj_149:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
-  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
-  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
-  color: var(--color-text-input-disabled-y5t5v9, #879596);
-  cursor: auto;
+.awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled {
+  background-color: var(--awsui-style-background-disabled-b75yp7, var(--color-background-input-disabled-4vlau3, #eaeded));
+  border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
+  border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-style-border-color-disabled-b75yp7, var(--color-border-input-disabled-tz38ro, #eaeded));
+  color: var(--awsui-style-color-disabled-b75yp7, var(--color-text-input-disabled-y5t5v9, #879596));
   cursor: default;
+  box-shadow: var(--awsui-style-box-shadow-disabled-b75yp7);
 }
-.awsui_textarea_qk1j1_1ce9c_149:not(#\9):disabled::placeholder {
+.awsui_textarea_qk1j1_evjpj_149:not(#\9):disabled::placeholder {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
   opacity: 1;
 }
-.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9) {
+.awsui_textarea_qk1j1_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9) {
   color: var(--color-text-status-error-aknuvu, #d13212);
   border-color: var(--color-text-status-error-aknuvu, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-invalid_qk1j1_1ce9c_234:not(#\9):focus {
+.awsui_textarea_qk1j1_evjpj_149.awsui_textarea-invalid_qk1j1_evjpj_247:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9) {
+.awsui_textarea_qk1j1_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9) {
   color: var(--color-text-status-warning-9b45qh, #906806);
   border-color: var(--color-text-status-warning-9b45qh, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_textarea_qk1j1_1ce9c_149.awsui_textarea-warning_qk1j1_1ce9c_243:not(#\9):focus {
+.awsui_textarea_qk1j1_evjpj_149.awsui_textarea-warning_qk1j1_evjpj_256:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }

package/lib/internal/template/textarea/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_qk1j1_1ce9c_145",
-  "textarea": "awsui_textarea_qk1j1_1ce9c_149",
-  "textarea-readonly": "awsui_textarea-readonly_qk1j1_1ce9c_199",
-  "textarea-invalid": "awsui_textarea-invalid_qk1j1_1ce9c_234",
-  "textarea-warning": "awsui_textarea-warning_qk1j1_1ce9c_243"
+  "root": "awsui_root_qk1j1_evjpj_145",
+  "textarea": "awsui_textarea_qk1j1_evjpj_149",
+  "textarea-readonly": "awsui_textarea-readonly_qk1j1_evjpj_206",
+  "textarea-invalid": "awsui_textarea-invalid_qk1j1_evjpj_247",
+  "textarea-warning": "awsui_textarea-warning_qk1j1_evjpj_256"
 };
   

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1132",
+  "version": "3.0.1134",
   "files": [
     "lib"
   ],