@cloudscape-design/components 3.0.684 → 3.0.686

package/prompt-input/styles.scoped.css

@@ -0,0 +1,248 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable */
+.awsui_root_55fkh_v0e3_98:not(#\9) {
+  position: relative;
+}
+.awsui_root_55fkh_v0e3_98 > .awsui_button_55fkh_v0e3_101:not(#\9) {
+  position: absolute;
+  inset-inline-end: var(--space-static-xxs-82cdfi, 4px);
+  inset-block-end: 0;
+}
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_v0e3_98 > .awsui_button_55fkh_v0e3_101 > .awsui_action-button_55fkh_v0e3_106:not(#\9):focus {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_v0e3_98 > .awsui_button_55fkh_v0e3_101 > .awsui_action-button_55fkh_v0e3_106:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_v0e3_98 > .awsui_button_55fkh_v0e3_101 > .awsui_action-button_55fkh_v0e3_106:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  inset-inline-start: calc(-1 * calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  inset-block-start: calc(-1 * calc((-1 * var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  inline-size: calc(100% + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  block-size: calc(100% + calc((-1 * var(--space-xxxs-zbmxqb, 2px)) - 1px) + calc((-1 * var(--space-xxxs-zbmxqb, 2px)) - 1px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+
+.awsui_textarea_55fkh_v0e3_128:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-body-m-30ar75, 20px);
+  color: var(--color-text-body-default-at06ol, #000716);
+  font-weight: 400;
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  resize: none;
+  cursor: text;
+  white-space: pre-wrap;
+  padding-block: var(--space-scaled-xxs-7597g1, 4px);
+  padding-inline: var(--space-field-horizontal-gg19kw, 12px);
+  color: var(--color-text-body-default-at06ol, #000716);
+  max-inline-size: 100%;
+  inline-size: 100%;
+  display: block;
+  box-sizing: border-box;
+  background-color: var(--color-background-input-default-igdh5e, #ffffff);
+  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-1zl7hq, #7d8998);
+  font-size: var(--font-size-body-m-x4okxb, 14px);
+  line-height: var(--line-height-body-m-30ar75, 20px);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-readonly_55fkh_v0e3_181:not(#\9) {
+  background-color: var(--color-background-input-default-igdh5e, #ffffff);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9)::placeholder {
+  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
+  font-style: italic;
+  opacity: 1;
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
+  font-style: italic;
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):focus {
+  outline: 2px dotted transparent;
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-3d15sl, #033160);
+  border-start-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-start-end-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
+  border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):invalid {
+  box-shadow: none;
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):disabled {
+  background-color: var(--color-background-input-disabled-ab59a3, #e9ebed);
+  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-rx2aau, #e9ebed);
+  color: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
+  cursor: auto;
+  cursor: default;
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):disabled::placeholder {
+  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
+  opacity: 1;
+}
+.awsui_textarea_55fkh_v0e3_128:not(#\9):disabled:-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-abhb0d, #9ba7b6);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-invalid_55fkh_v0e3_223:not(#\9) {
+  color: var(--color-text-status-error-wdvepn, #d91515);
+  border-color: var(--color-text-status-error-wdvepn, #d91515);
+  padding-inline-start: calc(
+  var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
+);
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-invalid_55fkh_v0e3_223:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-warning_55fkh_v0e3_234:not(#\9) {
+  color: var(--color-text-status-warning-yik8vi, #8d6605);
+  border-color: var(--color-text-status-warning-yik8vi, #8d6605);
+  padding-inline-start: calc(
+  var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px))
+);
+  border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-warning_55fkh_v0e3_234:not(#\9):focus {
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
+}
+.awsui_textarea_55fkh_v0e3_128.awsui_textarea-with-button_55fkh_v0e3_245:not(#\9) {
+  padding-inline-end: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--space-static-xxs-82cdfi, 4px) + var(--size-icon-normal-0m1722, 16px));
+}

package/prompt-input/styles.selectors.js

@@ -0,0 +1,14 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_55fkh_v0e3_98",
+  "button": "awsui_button_55fkh_v0e3_101",
+  "action-button": "awsui_action-button_55fkh_v0e3_106",
+  "textarea": "awsui_textarea_55fkh_v0e3_128",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_v0e3_181",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_v0e3_223",
+  "textarea-warning": "awsui_textarea-warning_55fkh_v0e3_234",
+  "textarea-with-button": "awsui_textarea-with-button_55fkh_v0e3_245"
+};
+  

package/prompt-input/test-classes/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_nr3gs_1mr3y_5",
+  "textarea": "awsui_textarea_nr3gs_1mr3y_9",
+  "action-button": "awsui_action-button_nr3gs_1mr3y_13"
+};
+  

package/prompt-input/test-classes/styles.scoped.css

@@ -0,0 +1,15 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_nr3gs_1mr3y_5:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_textarea_nr3gs_1mr3y_9:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_action-button_nr3gs_1mr3y_13:not(#\9) {
+  /* used in test-utils */
+}

package/prompt-input/test-classes/styles.selectors.js

@@ -0,0 +1,9 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_nr3gs_1mr3y_5",
+  "textarea": "awsui_textarea_nr3gs_1mr3y_9",
+  "action-button": "awsui_action-button_nr3gs_1mr3y_13"
+};
+  

package/property-filter/filtering-token/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,yBAAiB,mBAAmB,CAAC;IACnC,KAAY,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,mBAAmB,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,QAAQ,EAAE,CAAC,EAAE,EAAE,mBAAmB,CAAC,SAAS,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,mBAAmB,eAkCrB"}

package/{internal/components → property-filter}/filtering-token/index.js

@@ -2,18 +2,19 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import clsx from 'clsx';
-import InternalSelect from '../../../select/internal';
-import InternalIcon from '../../../icon/internal';
+import InternalSelect from '../../select/internal';
+import InternalIcon from '../../icon/internal';
 import styles from './styles.css.js';
+import testUtilStyles from '../test-classes/styles.css.js';
 export default function FilteringToken({ ariaLabel, showOperation, operation, andText, orText, dismissAriaLabel, operatorAriaLabel, disabled, children, onChange, onDismiss, }) {
-    return (React.createElement("div", { className: styles.root, role: "group", "aria-label": ariaLabel },
-        showOperation && (React.createElement(InternalSelect, { __inFilteringToken: true, className: styles.select, options: [
+    return (React.createElement("div", { className: clsx(styles.root, testUtilStyles['filtering-token']), role: "group", "aria-label": ariaLabel },
+        showOperation && (React.createElement(InternalSelect, { __inFilteringToken: true, className: clsx(styles.select, testUtilStyles['filtering-token-select']), options: [
                 { value: 'and', label: andText },
                 { value: 'or', label: orText },
             ], selectedOption: { value: operation, label: operation === 'and' ? andText : orText }, onChange: e => onChange(e.detail.selectedOption.value), disabled: disabled, ariaLabel: operatorAriaLabel })),
         React.createElement("div", { className: clsx(styles.token, showOperation && styles['show-operation'], disabled && styles['token-disabled']), "aria-disabled": disabled },
-            React.createElement("div", { className: styles['token-content'] }, children),
-            React.createElement("button", { type: "button", className: styles['dismiss-button'], "aria-label": dismissAriaLabel, onClick: onDismiss, disabled: disabled },
+            React.createElement("div", { className: clsx(styles['token-content'], testUtilStyles['filtering-token-content']) }, children),
+            React.createElement("button", { type: "button", className: clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button']), "aria-label": dismissAriaLabel, onClick: onDismiss, disabled: disabled },
                 React.createElement(InternalIcon, { name: "close" })))));
 }
 //# sourceMappingURL=index.js.map

package/property-filter/filtering-token/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/property-filter/filtering-token/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAsB3D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACW;IACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,SAAS;QACrG,aAAa,IAAI,CAChB,oBAAC,cAAc,IACb,kBAAkB,EAAE,IAAI,EACxB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC,EACxE,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE;gBAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE;aAC/B,EACD,cAAc,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EACnF,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAsC,CAAC,EACvF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,iBAAiB,GAC5B,CACH;QACD,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,IAAI,MAAM,CAAC,gBAAgB,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,gBAAgB,CAAC,CAAC,mBAC/F,QAAQ;YAEvB,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC,yBAAyB,CAAC,CAAC,IAAG,QAAQ,CAAO;YAC1G,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC,gCAAgC,CAAC,CAAC,gBAC/E,gBAAgB,EAC5B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ;gBAElB,oBAAC,YAAY,IAAC,IAAI,EAAC,OAAO,GAAG,CACtB,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalSelect from '../../select/internal';\nimport InternalIcon from '../../icon/internal';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from '../test-classes/styles.css.js';\n\nexport namespace FilteringTokenProps {\n  export type Operation = 'and' | 'or';\n}\n\nexport interface FilteringTokenProps {\n  ariaLabel?: string;\n  showOperation: boolean;\n  operation: FilteringTokenProps.Operation;\n  andText: string;\n  orText: string;\n  dismissAriaLabel?: string;\n  operatorAriaLabel?: string;\n  disabled?: boolean;\n\n  children: React.ReactNode;\n\n  onChange: (op: FilteringTokenProps.Operation) => void;\n  onDismiss: () => void;\n}\n\nexport default function FilteringToken({\n  ariaLabel,\n  showOperation,\n  operation,\n  andText,\n  orText,\n  dismissAriaLabel,\n  operatorAriaLabel,\n  disabled,\n  children,\n  onChange,\n  onDismiss,\n}: FilteringTokenProps) {\n  return (\n    <div className={clsx(styles.root, testUtilStyles['filtering-token'])} role=\"group\" aria-label={ariaLabel}>\n      {showOperation && (\n        <InternalSelect\n          __inFilteringToken={true}\n          className={clsx(styles.select, testUtilStyles['filtering-token-select'])}\n          options={[\n            { value: 'and', label: andText },\n            { value: 'or', label: orText },\n          ]}\n          selectedOption={{ value: operation, label: operation === 'and' ? andText : orText }}\n          onChange={e => onChange(e.detail.selectedOption.value as FilteringTokenProps.Operation)}\n          disabled={disabled}\n          ariaLabel={operatorAriaLabel}\n        />\n      )}\n      <div\n        className={clsx(styles.token, showOperation && styles['show-operation'], disabled && styles['token-disabled'])}\n        aria-disabled={disabled}\n      >\n        <div className={clsx(styles['token-content'], testUtilStyles['filtering-token-content'])}>{children}</div>\n        <button\n          type=\"button\"\n          className={clsx(styles['dismiss-button'], testUtilStyles['filtering-token-dismiss-button'])}\n          aria-label={dismissAriaLabel}\n          onClick={onDismiss}\n          disabled={disabled}\n        >\n          <InternalIcon name=\"close\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

package/property-filter/filtering-token/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_19bso_1g39x_101",
+  "token": "awsui_token_19bso_1g39x_106",
+  "show-operation": "awsui_show-operation_19bso_1g39x_121",
+  "select": "awsui_select_19bso_1g39x_127",
+  "token-content": "awsui_token-content_19bso_1g39x_131",
+  "dismiss-button": "awsui_dismiss-button_19bso_1g39x_136",
+  "token-disabled": "awsui_token-disabled_19bso_1g39x_178"
+};
+  

package/{internal/components → property-filter}/filtering-token/styles.scoped.css

@@ -66,12 +66,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -98,12 +98,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_10m3l_9o8ze_101:not(#\9) {
+.awsui_root_19bso_1g39x_101:not(#\9) {
   display: flex;
   align-content: stretch;
 }
 
-.awsui_token_10m3l_9o8ze_106:not(#\9) {
+.awsui_token_19bso_1g39x_106:not(#\9) {
   flex-grow: 1;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
@@ -118,22 +118,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_show-operation_10m3l_9o8ze_121:not(#\9) {
+.awsui_show-operation_19bso_1g39x_121:not(#\9) {
   border-inline-start: none;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
 
-.awsui_select_10m3l_9o8ze_127:not(#\9) {
+.awsui_select_19bso_1g39x_127:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_token-content_10m3l_9o8ze_131:not(#\9) {
+.awsui_token-content_19bso_1g39x_131:not(#\9) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-field-horizontal-gg19kw, 12px);
 }
 
-.awsui_dismiss-button_10m3l_9o8ze_136:not(#\9) {
+.awsui_dismiss-button_19bso_1g39x_136:not(#\9) {
   inline-size: 30px;
   margin-block: 0;
   margin-inline: 0;
@@ -145,14 +145,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: transparent;
   border-inline-start: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_9o8ze_136:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1g39x_136:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_9o8ze_136:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1g39x_136:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-76gsim, -5px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_9o8ze_136:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1g39x_136:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,22 +166,22 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_10m3l_9o8ze_136:not(#\
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_dismiss-button_10m3l_9o8ze_136:not(#\9):focus {
+.awsui_dismiss-button_19bso_1g39x_136:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_10m3l_9o8ze_136:not(#\9):hover {
+.awsui_dismiss-button_19bso_1g39x_136:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-interactive-hover-mj8add, #000716);
 }
 
-.awsui_token-disabled_10m3l_9o8ze_178:not(#\9) {
+.awsui_token-disabled_19bso_1g39x_178:not(#\9) {
   border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   color: var(--color-text-disabled-f4c52h, #9ba7b6);
   pointer-events: none;
 }
-.awsui_token-disabled_10m3l_9o8ze_178 > .awsui_dismiss-button_10m3l_9o8ze_136:not(#\9) {
+.awsui_token-disabled_19bso_1g39x_178 > .awsui_dismiss-button_19bso_1g39x_136:not(#\9) {
   color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
   border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
 }

package/property-filter/filtering-token/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_19bso_1g39x_101",
+  "token": "awsui_token_19bso_1g39x_106",
+  "show-operation": "awsui_show-operation_19bso_1g39x_121",
+  "select": "awsui_select_19bso_1g39x_127",
+  "token-content": "awsui_token-content_19bso_1g39x_131",
+  "dismiss-button": "awsui_dismiss-button_19bso_1g39x_136",
+  "token-disabled": "awsui_token-disabled_19bso_1g39x_178"
+};
+  

package/property-filter/test-classes/styles.css.js

@@ -0,0 +1,14 @@
+
+    import './styles.scoped.css';
+    export default {
+  "filtering-token": "awsui_filtering-token_1heb1_tpllu_5",
+  "filtering-token-dismiss-button": "awsui_filtering-token-dismiss-button_1heb1_tpllu_9",
+  "filtering-token-select": "awsui_filtering-token-select_1heb1_tpllu_13",
+  "filtering-token-content": "awsui_filtering-token-content_1heb1_tpllu_17",
+  "token-editor-field-property": "awsui_token-editor-field-property_1heb1_tpllu_21",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1heb1_tpllu_25",
+  "token-editor-field-value": "awsui_token-editor-field-value_1heb1_tpllu_29",
+  "token-editor-cancel": "awsui_token-editor-cancel_1heb1_tpllu_33",
+  "token-editor-submit": "awsui_token-editor-submit_1heb1_tpllu_37"
+};
+  

package/property-filter/test-classes/styles.scoped.css

@@ -0,0 +1,39 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_filtering-token_1heb1_tpllu_5:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_filtering-token-dismiss-button_1heb1_tpllu_9:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_filtering-token-select_1heb1_tpllu_13:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_filtering-token-content_1heb1_tpllu_17:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_token-editor-field-property_1heb1_tpllu_21:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_token-editor-field-operator_1heb1_tpllu_25:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_token-editor-field-value_1heb1_tpllu_29:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_token-editor-cancel_1heb1_tpllu_33:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_token-editor-submit_1heb1_tpllu_37:not(#\9) {
+  /* used in test-utils */
+}

package/property-filter/test-classes/styles.selectors.js

@@ -0,0 +1,15 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "filtering-token": "awsui_filtering-token_1heb1_tpllu_5",
+  "filtering-token-dismiss-button": "awsui_filtering-token-dismiss-button_1heb1_tpllu_9",
+  "filtering-token-select": "awsui_filtering-token-select_1heb1_tpllu_13",
+  "filtering-token-content": "awsui_filtering-token-content_1heb1_tpllu_17",
+  "token-editor-field-property": "awsui_token-editor-field-property_1heb1_tpllu_21",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1heb1_tpllu_25",
+  "token-editor-field-value": "awsui_token-editor-field-value_1heb1_tpllu_29",
+  "token-editor-cancel": "awsui_token-editor-cancel_1heb1_tpllu_33",
+  "token-editor-submit": "awsui_token-editor-submit_1heb1_tpllu_37"
+};
+  

package/property-filter/token-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAEL,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAkJxF,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,aAAa,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,GACjB,EAAE,gBAAgB,eA6GlB"}
+{"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAEL,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAmJxF,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,aAAa,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,GACjB,EAAE,gBAAgB,eAsHlB"}

package/property-filter/token-editor.js

@@ -5,11 +5,13 @@ import InternalSelect from '../select/internal';
 import InternalAutosuggest from '../autosuggest/internal';
 import InternalPopover from '../popover/internal';
 import styles from './styles.css.js';
+import testUtilStyles from './test-classes/styles.css.js';
 import { useLoadItems } from './use-load-items';
 import { getAllowedOperators, operatorToDescription, getPropertySuggestions } from './controller';
 import InternalButton from '../button/internal';
 import InternalFormField from '../form-field/internal';
 import { matchTokenValue } from './utils';
+import clsx from 'clsx';
 function PropertyInput({ property, onChangePropertyKey, asyncProps, filteringProperties, onLoadItems, customGroupsText, i18nStrings, freeTextFiltering, }) {
     var _a;
     const propertySelectHandlers = useLoadItems(onLoadItems);
@@ -88,15 +90,15 @@ export function TokenEditor({ asyncProperties, asyncProps, customGroupsText, fre
     };
     return (React.createElement(InternalPopover, { ref: popoverRef, className: styles['token-label'], triggerType: "text", header: i18nStrings.editTokenHeader, size: "large", position: "right", dismissAriaLabel: i18nStrings.dismissAriaLabel, __onOpen: () => setTemporaryToken(token), renderWithPortal: expandToViewport, content: React.createElement("div", { className: styles['token-editor'] },
             React.createElement("div", { className: styles['token-editor-form'] },
-                React.createElement(InternalFormField, { label: i18nStrings.propertyText, className: styles['token-editor-field-property'] },
+                React.createElement(InternalFormField, { label: i18nStrings.propertyText, className: clsx(styles['token-editor-field-property'], testUtilStyles['token-editor-field-property']) },
                     React.createElement(PropertyInput, { property: property, onChangePropertyKey: onChangePropertyKey, asyncProps: asyncProperties ? asyncProps : null, filteringProperties: filteringProperties, onLoadItems: onLoadItems, customGroupsText: customGroupsText, i18nStrings: i18nStrings, freeTextFiltering: freeTextFiltering })),
-                React.createElement(InternalFormField, { label: i18nStrings.operatorText, className: styles['token-editor-field-operator'] },
+                React.createElement(InternalFormField, { label: i18nStrings.operatorText, className: clsx(styles['token-editor-field-operator'], testUtilStyles['token-editor-field-operator']) },
                     React.createElement(OperatorInput, { property: property, operator: operator, onChangeOperator: onChangeOperator, i18nStrings: i18nStrings, freeTextFiltering: freeTextFiltering })),
-                React.createElement(InternalFormField, { label: i18nStrings.valueText, className: styles['token-editor-field-value'] },
+                React.createElement(InternalFormField, { label: i18nStrings.valueText, className: clsx(styles['token-editor-field-value'], testUtilStyles['token-editor-field-value']) },
                     React.createElement(ValueInput, { property: property, operator: operator, value: value, onChangeValue: onChangeValue, asyncProps: asyncProps, filteringOptions: filteringOptions, onLoadItems: onLoadItems, i18nStrings: i18nStrings }))),
             React.createElement("div", { className: styles['token-editor-actions'] },
-                React.createElement(InternalButton, { formAction: "none", variant: "link", className: styles['token-editor-cancel'], onClick: closePopover }, i18nStrings.cancelActionText),
-                React.createElement(InternalButton, { className: styles['token-editor-submit'], formAction: "none", onClick: () => {
+                React.createElement(InternalButton, { formAction: "none", variant: "link", className: clsx(styles['token-editor-cancel'], testUtilStyles['token-editor-cancel']), onClick: closePopover }, i18nStrings.cancelActionText),
+                React.createElement(InternalButton, { className: clsx(styles['token-editor-submit'], testUtilStyles['token-editor-submit']), formAction: "none", onClick: () => {
                         setToken(matchTokenValue(temporaryToken, filteringOptions));
                         closePopover();
                     } }, i18nStrings.applyActionText))) }, triggerComponent));