npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.730 → 3.0.732 - Mend

@cloudscape-design/components-themeable 3.0.730 → 3.0.732

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 (70) hide show

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "b085275e1b004939af0f923152b0c779a7e202a5"
+  "commit": "63a2564a1a20741bf6c111ccdd6311bf3c5fa356"
 }

package/lib/internal/scss/property-filter/styles.scss CHANGED Viewed

@@ -39,11 +39,13 @@ $operator-field-width: 120px;
   font-weight: bold;
 }
-.property-editor,
-.token-editor {
+.property-editor {
   user-select: text;
   margin-block: awsui.$space-xxs;
   margin-inline: awsui.$space-xxs;
+  padding-block: awsui.$space-m;
+  padding-inline: awsui.$space-m;
+  overflow-y: auto;
   &-form {
     margin-block-end: awsui.$space-scaled-l;
@@ -78,14 +80,6 @@ $operator-field-width: 120px;
 }
 .token-editor {
-  &-actions {
-    // The below code cancels horizontal padding of the popover and horizontal margin of the token-editor.
-    padding-inline-end: calc(#{awsui.$space-m} + #{awsui.$space-xxs});
-    margin-inline: calc(-1 * #{awsui.$space-m} + -1 * #{awsui.$space-xxs});
-  }
-}
-.token-editor-grouped {
   display: flex;
   flex-direction: column;
   gap: awsui.$space-s;
@@ -94,7 +88,7 @@ $operator-field-width: 120px;
   margin-inline: awsui.$space-xxs;
   &-form {
-    margin-block-end: awsui.$space-scaled-l;
+    /* used in test-utils */
   }
   &-field-property {
@@ -134,17 +128,17 @@ $operator-field-width: 120px;
     display: grid;
     gap: awsui.$space-s;
-    grid-template-columns: 2fr $operator-field-width 3fr min-content;
+    grid-template-columns: minmax(100px, 2fr) minmax(100px, $operator-field-width) minmax(100px, 3fr) min-content;
     &-group {
       display: contents;
     }
     &.token-editor-narrow {
-      grid-template-columns: 1fr;
+      grid-template-columns: minmax(100px, 1fr);
       gap: awsui.$space-m;
-      > .token-editor-grouped-group {
+      > .token-editor-group {
         display: flex;
         flex-direction: column;
         gap: awsui.$space-s;
@@ -159,9 +153,11 @@ $operator-field-width: 120px;
     }
     &-cell {
-      display: flex;
-      align-items: flex-end;
-      justify-content: flex-end;
+      &:not(.token-editor-narrow) {
+        display: flex;
+        align-items: flex-end;
+        justify-content: flex-end;
+      }
     }
   }
@@ -170,12 +166,6 @@ $operator-field-width: 120px;
   }
 }
-.property-editor {
-  padding-block: awsui.$space-m;
-  padding-inline: awsui.$space-m;
-  overflow-y: auto;
-}
 .custom-content-wrapper {
   display: contents;
 }

package/lib/internal/scss/table/styles.scss CHANGED Viewed

@@ -164,6 +164,11 @@ filter search icon.
     & > .table {
       padding-inline: awsui.$space-table-horizontal;
     }
+    &:not(.table-has-header) {
+      border-start-start-radius: awsui.$border-radius-container;
+      border-start-end-radius: awsui.$border-radius-container;
+    }
   }
   &::-webkit-scrollbar {
     display: none; /* Safari and Chrome */

package/lib/internal/scss/tiles/analytics-metadata/styles.scss ADDED Viewed

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.radio-button {
+  /* used in analytics metadata */
+}

package/lib/internal/template/internal/components/option/interfaces.d.ts CHANGED Viewed

@@ -2,21 +2,21 @@ import React from 'react';
 import { IconProps } from '../../../icon/interfaces';
 import { BaseComponentProps } from '../../base-component';
 export interface BaseOption {
+    value?: string;
     label?: string;
+    lang?: string;
+    description?: string;
     disabled?: boolean;
     disabledReason?: string;
-}
-export interface OptionDefinition extends BaseOption {
-    value?: string;
-    lang?: string;
     labelTag?: string;
-    description?: string;
+    tags?: ReadonlyArray<string>;
+    filteringTags?: ReadonlyArray<string>;
     iconAlt?: string;
     iconName?: IconProps.Name;
     iconUrl?: string;
     iconSvg?: React.ReactNode;
-    tags?: ReadonlyArray<string>;
-    filteringTags?: ReadonlyArray<string>;
+}
+export interface OptionDefinition extends BaseOption {
     __labelPrefix?: string;
 }
 export interface InternalOptionDefinition extends OptionDefinition {

package/lib/internal/template/internal/components/option/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,~~QAAQ~~,CAAC,EAAE,~~OAAO~~,CAAC;~~IACnB~~,~~cAAc~~,CAAC,EAAE,MAAM,CAAC;~~CACzB;AAED~~,~~MAAM,~~WAAW,~~gBAAiB~~,~~SAAQ~~,~~UAAU~~;~~IAClD~~,~~KAAK~~,CAAC,EAAE,~~MAAM~~,CAAC;~~IACf~~,~~IAAI~~,CAAC,EAAE,MAAM,CAAC;~~IACd~~,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,~~WAAW~~,CAAC,EAAE,~~MAAM~~,CAAC~~;IACrB~~,~~OAAO~~,CAAC,~~EAAE,MAAM,~~CAAC;~~IACjB~~,~~QAAQ~~,CAAC,EAAE,~~SAAS~~,CAAC,~~IAAI~~,CAAC;~~IAC1B~~,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,~~OAAO~~,CAAC,EAAE,~~KAAK~~,CAAC,~~SAAS~~,CAAC;IAC1B,~~IAAI~~,CAAC,EAAE,~~aAAa,CAAC,~~MAAM,CAAC~~,CAAC~~;~~IAC7B~~,~~aAAa~~,CAAC,EAAE,~~aAAa~~,CAAC,~~MAAM~~,CAAC,~~CAAC~~;~~IACtC~~,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,OAAO,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,gBAAgB,GAAG,WAAW,CAAC;CACxC;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}

package/lib/internal/template/internal/components/option/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseOption {\n ~~label~~?: string;\n ~~disabled~~?: ~~boolean~~;\n ~~disabledReason~~?: string;\n~~}\n\nexport~~ ~~interface OptionDefinition extends BaseOption {\~~n ~~value~~?: ~~string~~;\n ~~lang~~?: string;\n labelTag?: string;\n ~~description~~?: string;\n iconAlt?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n ~~tags?: ReadonlyArray<string>;\~~n ~~filteringTags?:~~ ~~ReadonlyArray<string>;\~~n __labelPrefix?: string;\n}\n\nexport interface InternalOptionDefinition extends OptionDefinition {\n __customIcon?: React.ReactNode;\n}\n\nexport interface OptionGroup extends BaseOption {\n options: ReadonlyArray<OptionDefinition>;\n}\n\nexport interface DropdownOption {\n type?: string;\n disabled?: boolean;\n disabledReason?: string;\n option: OptionDefinition \| OptionGroup;\n}\n\nexport interface OptionProps extends BaseComponentProps {\n option?: InternalOptionDefinition;\n triggerVariant?: boolean;\n highlightText?: string;\n highlightedOption?: boolean;\n selectedOption?: boolean;\n isGroupOption?: boolean;\n isGenericGroup?: boolean;\n}\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { IconProps } from '../../../icon/interfaces';\nimport { BaseComponentProps } from '../../base-component';\n\nexport interface BaseOption {\n value?: string;\n label?: string;\n lang?: string;\n description?: string;\n disabled?: boolean;\n disabledReason?: string;\n labelTag?: string;\n tags?: ReadonlyArray<string>;\n filteringTags?: ReadonlyArray<string>;\n iconAlt?: string;\n iconName?: IconProps.Name;\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n}\n\nexport interface OptionDefinition extends BaseOption {\n __labelPrefix?: string;\n}\n\nexport interface InternalOptionDefinition extends OptionDefinition {\n __customIcon?: React.ReactNode;\n}\n\nexport interface OptionGroup extends BaseOption {\n options: ReadonlyArray<OptionDefinition>;\n}\n\nexport interface DropdownOption {\n type?: string;\n disabled?: boolean;\n disabledReason?: string;\n option: OptionDefinition \| OptionGroup;\n}\n\nexport interface OptionProps extends BaseComponentProps {\n option?: InternalOptionDefinition;\n triggerVariant?: boolean;\n highlightText?: string;\n highlightedOption?: boolean;\n selectedOption?: boolean;\n isGroupOption?: boolean;\n isGenericGroup?: boolean;\n}\n"]}

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (b085275e)";
+export var PACKAGE_VERSION = "3.0.0 (63a2564a)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (b085275e)",
+  "PACKAGE_VERSION": "3.0.0 (63a2564a)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/property-filter/styles.css.js CHANGED Viewed

@@ -1,51 +1,43 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_s3v1v_97",
-  "search-field": "awsui_search-field_1wzqe_s3v1v_132",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_s3v1v_138",
-  "add-token": "awsui_add-token_1wzqe_s3v1v_142",
-  "tokens": "awsui_tokens_1wzqe_s3v1v_149",
-  "token-operator": "awsui_token-operator_1wzqe_s3v1v_154",
-  "property-editor": "awsui_property-editor_1wzqe_s3v1v_158",
-  "token-editor": "awsui_token-editor_1wzqe_s3v1v_159",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_s3v1v_164",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_s3v1v_165",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s3v1v_168",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s3v1v_169",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s3v1v_172",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s3v1v_173",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s3v1v_176",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s3v1v_177",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s3v1v_180",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s3v1v_181",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_s3v1v_184",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_s3v1v_185",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_s3v1v_188",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_s3v1v_189",
-  "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s3v1v_201",
-  "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s3v1v_209",
-  "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212",
-  "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215",
-  "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218",
-  "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221",
-  "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s3v1v_224",
-  "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s3v1v_227",
-  "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s3v1v_236",
-  "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s3v1v_276",
-  "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s3v1v_280",
-  "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285",
-  "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291",
-  "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s3v1v_306",
-  "custom-control": "awsui_custom-control_1wzqe_s3v1v_310",
-  "input": "awsui_input_1wzqe_s3v1v_138",
-  "results": "awsui_results_1wzqe_s3v1v_318",
-  "token-trigger": "awsui_token-trigger_1wzqe_s3v1v_323",
-  "remove-all": "awsui_remove-all_1wzqe_s3v1v_328",
-  "join-operation": "awsui_join-operation_1wzqe_s3v1v_329",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s3v1v_330",
-  "constraint": "awsui_constraint_1wzqe_s3v1v_334"
+  "root": "awsui_root_1wzqe_104el_97",
+  "search-field": "awsui_search-field_1wzqe_104el_132",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_104el_138",
+  "add-token": "awsui_add-token_1wzqe_104el_142",
+  "tokens": "awsui_tokens_1wzqe_104el_149",
+  "token-operator": "awsui_token-operator_1wzqe_104el_154",
+  "property-editor": "awsui_property-editor_1wzqe_104el_158",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_104el_166",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_104el_169",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_104el_172",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_104el_175",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_104el_178",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_104el_181",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_104el_184",
+  "token-editor": "awsui_token-editor_1wzqe_104el_191",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_104el_199",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_104el_202",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_104el_205",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_104el_208",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_104el_211",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_104el_214",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_104el_217",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_104el_226",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_104el_263",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_104el_266",
+  "token-editor-group": "awsui_token-editor-group_1wzqe_104el_270",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_104el_275",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_104el_281",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_104el_286",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_104el_290",
+  "custom-control": "awsui_custom-control_1wzqe_104el_294",
+  "input": "awsui_input_1wzqe_104el_138",
+  "results": "awsui_results_1wzqe_104el_302",
+  "token-trigger": "awsui_token-trigger_1wzqe_104el_307",
+  "remove-all": "awsui_remove-all_1wzqe_104el_312",
+  "join-operation": "awsui_join-operation_1wzqe_104el_313",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_104el_314",
+  "constraint": "awsui_constraint_1wzqe_104el_318"
 };

package/lib/internal/template/property-filter/styles.scoped.css CHANGED Viewed

@@ -94,7 +94,7 @@ 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_1wzqe_s3v1v_97:not(#\9) {
+.awsui_root_1wzqe_104el_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -130,77 +130,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_search-field_1wzqe_s3v1v_132:not(#\9) {
+.awsui_search-field_1wzqe_104el_132:not(#\9) {
   display: flex;
   align-items: flex-end;
   max-inline-size: calc(688px - 2 * var(--space-l-xu1x80, 20px));
 }
-.awsui_input-wrapper_1wzqe_s3v1v_138:not(#\9) {
+.awsui_input-wrapper_1wzqe_104el_138:not(#\9) {
   flex-grow: 1;
 }
-.awsui_add-token_1wzqe_s3v1v_142:not(#\9) {
+.awsui_add-token_1wzqe_104el_142:not(#\9) {
   border-inline-start: 1px solid var(--color-border-divider-default-in8dkg, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-m-kpg8id, 16px);
   padding-inline-start: var(--space-m-kpg8id, 16px);
 }
-.awsui_tokens_1wzqe_s3v1v_149:not(#\9) {
+.awsui_tokens_1wzqe_104el_149:not(#\9) {
   margin-block: var(--space-xs-xf5ch3, 8px);
   margin-inline: 0;
 }
-.awsui_token-operator_1wzqe_s3v1v_154:not(#\9) {
+.awsui_token-operator_1wzqe_104el_154:not(#\9) {
   font-weight: bold;
 }
-.awsui_property-editor_1wzqe_s3v1v_158:not(#\9),
-.awsui_token-editor_1wzqe_s3v1v_159:not(#\9) {
+.awsui_property-editor_1wzqe_104el_158:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   margin-block: var(--space-xxs-9rrxti, 4px);
   margin-inline: var(--space-xxs-9rrxti, 4px);
+  padding-block: var(--space-m-kpg8id, 16px);
+  padding-inline: var(--space-m-kpg8id, 16px);
+  overflow-y: auto;
 }
-.awsui_property-editor-form_1wzqe_s3v1v_164:not(#\9),
-.awsui_token-editor-form_1wzqe_s3v1v_165:not(#\9) {
+.awsui_property-editor-form_1wzqe_104el_166:not(#\9) {
   margin-block-end: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_s3v1v_168:not(#\9),
-.awsui_token-editor-field-property_1wzqe_s3v1v_169:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_104el_169:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_s3v1v_172:not(#\9),
-.awsui_token-editor-field-operator_1wzqe_s3v1v_173:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_104el_172:not(#\9) {
   margin-block-start: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_s3v1v_176:not(#\9),
-.awsui_token-editor-field-value_1wzqe_s3v1v_177:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_104el_175:not(#\9) {
   margin-block-start: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_s3v1v_180:not(#\9),
-.awsui_token-editor-cancel_1wzqe_s3v1v_181:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_104el_178:not(#\9) {
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_s3v1v_184:not(#\9),
-.awsui_token-editor-submit_1wzqe_s3v1v_185:not(#\9) {
+.awsui_property-editor-submit_1wzqe_104el_181:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_s3v1v_188:not(#\9),
-.awsui_token-editor-actions_1wzqe_s3v1v_189:not(#\9) {
+.awsui_property-editor-actions_1wzqe_104el_184:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-2025hl, 12px);
   border-block-start: 1px solid var(--color-border-dropdown-item-default-xnte9u, #eaeded);
 }
-.awsui_token-editor-actions_1wzqe_s3v1v_189:not(#\9) {
-  padding-inline-end: calc(var(--space-m-kpg8id, 16px) + var(--space-xxs-9rrxti, 4px));
-  margin-inline: calc(-1 * var(--space-m-kpg8id, 16px) + -1 * var(--space-xxs-9rrxti, 4px));
-}
-.awsui_token-editor-grouped_1wzqe_s3v1v_201:not(#\9) {
+.awsui_token-editor_1wzqe_104el_191:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-2025hl, 12px);
@@ -209,25 +199,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--space-xxs-9rrxti, 4px);
   margin-inline: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_token-editor-grouped-form_1wzqe_s3v1v_209:not(#\9) {
-  margin-block-end: var(--space-scaled-l-08jb88, 20px);
+.awsui_token-editor-form_1wzqe_104el_199:not(#\9) {
+  /* used in test-utils */
 }
-.awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212:not(#\9) {
+.awsui_token-editor-field-property_1wzqe_104el_202:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215:not(#\9) {
+.awsui_token-editor-field-operator_1wzqe_104el_205:not(#\9) {
   flex-grow: 1;
 }
-.awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218:not(#\9) {
+.awsui_token-editor-field-value_1wzqe_104el_208:not(#\9) {
   flex-grow: 2;
 }
-.awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221:not(#\9) {
+.awsui_token-editor-cancel_1wzqe_104el_211:not(#\9) {
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_token-editor-grouped-submit_1wzqe_s3v1v_224:not(#\9) {
+.awsui_token-editor-submit_1wzqe_104el_214:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-editor-grouped-actions_1wzqe_s3v1v_227:not(#\9) {
+.awsui_token-editor-actions_1wzqe_104el_217:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-block-start: var(--space-s-2025hl, 12px);
@@ -236,7 +226,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: calc(-1 * var(--space-m-kpg8id, 16px) + -1 * var(--space-xxs-9rrxti, 4px));
   margin-block-start: var(--space-s-2025hl, 12px);
 }
-.awsui_token-editor-grouped-grid_1wzqe_s3v1v_236:not(#\9) {
+.awsui_token-editor-grid_1wzqe_104el_226:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -272,70 +262,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: grid;
   gap: var(--space-s-2025hl, 12px);
-  grid-template-columns: 2fr 120px 3fr min-content;
+  grid-template-columns: minmax(100px, 2fr) minmax(100px, 120px) minmax(100px, 3fr) min-content;
 }
-.awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273:not(#\9) {
+.awsui_token-editor-grid-group_1wzqe_104el_263:not(#\9) {
   display: contents;
 }
-.awsui_token-editor-grouped-grid_1wzqe_s3v1v_236.awsui_token-editor-narrow_1wzqe_s3v1v_276:not(#\9) {
-  grid-template-columns: 1fr;
+.awsui_token-editor-grid_1wzqe_104el_226.awsui_token-editor-narrow_1wzqe_104el_266:not(#\9) {
+  grid-template-columns: minmax(100px, 1fr);
   gap: var(--space-m-kpg8id, 16px);
 }
-.awsui_token-editor-grouped-grid_1wzqe_s3v1v_236.awsui_token-editor-narrow_1wzqe_s3v1v_276 > .awsui_token-editor-grouped-group_1wzqe_s3v1v_280:not(#\9) {
+.awsui_token-editor-grid_1wzqe_104el_226.awsui_token-editor-narrow_1wzqe_104el_266 > .awsui_token-editor-group_1wzqe_104el_270:not(#\9) {
   display: flex;
   flex-direction: column;
   gap: var(--space-s-2025hl, 12px);
 }
-.awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285:not(#\9) {
+.awsui_token-editor-grid-header_1wzqe_104el_275:not(#\9) {
   color: var(--color-text-column-header-beosjg, #545b64);
   font-weight: var(--font-weight-heading-s-mkhu7c, 700);
   padding-block: var(--space-scaled-xxs-t7ij38, 4px);
   text-align: start;
 }
-.awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291:not(#\9) {
+.awsui_token-editor-grid-cell_1wzqe_104el_281:not(#\9):not(.awsui_token-editor-narrow_1wzqe_104el_266) {
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
 }
-.awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296:not(#\9) {
+.awsui_token-editor-add-token_1wzqe_104el_286:not(#\9) {
   margin-block-start: var(--space-s-2025hl, 12px);
 }
-.awsui_property-editor_1wzqe_s3v1v_158:not(#\9) {
-  padding-block: var(--space-m-kpg8id, 16px);
-  padding-inline: var(--space-m-kpg8id, 16px);
-  overflow-y: auto;
-}
-.awsui_custom-content-wrapper_1wzqe_s3v1v_306:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_104el_290:not(#\9) {
   display: contents;
 }
-.awsui_custom-control_1wzqe_s3v1v_310:not(#\9) {
+.awsui_custom-control_1wzqe_104el_294:not(#\9) {
   margin-inline-end: var(--space-s-2025hl, 12px);
 }
-.awsui_input_1wzqe_s3v1v_138:not(#\9) {
+.awsui_input_1wzqe_104el_138:not(#\9) {
   flex: 1;
 }
-.awsui_results_1wzqe_s3v1v_318:not(#\9) {
+.awsui_results_1wzqe_104el_302:not(#\9) {
   padding-block: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--border-field-width-yoy972, 1px));
   padding-inline: 0;
 }
-.awsui_token-trigger_1wzqe_s3v1v_323:not(#\9) {
+.awsui_token-trigger_1wzqe_104el_307:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_remove-all_1wzqe_s3v1v_328:not(#\9),
-.awsui_join-operation_1wzqe_s3v1v_329:not(#\9),
-.awsui_custom-filter-actions_1wzqe_s3v1v_330:not(#\9) {
+.awsui_remove-all_1wzqe_104el_312:not(#\9),
+.awsui_join-operation_1wzqe_104el_313:not(#\9),
+.awsui_custom-filter-actions_1wzqe_104el_314:not(#\9) {
   /* used in test-utils */
 }
-.awsui_constraint_1wzqe_s3v1v_334:not(#\9) {
+.awsui_constraint_1wzqe_104el_318:not(#\9) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);

package/lib/internal/template/property-filter/styles.selectors.js CHANGED Viewed

@@ -2,51 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1wzqe_s3v1v_97",
-  "search-field": "awsui_search-field_1wzqe_s3v1v_132",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_s3v1v_138",
-  "add-token": "awsui_add-token_1wzqe_s3v1v_142",
-  "tokens": "awsui_tokens_1wzqe_s3v1v_149",
-  "token-operator": "awsui_token-operator_1wzqe_s3v1v_154",
-  "property-editor": "awsui_property-editor_1wzqe_s3v1v_158",
-  "token-editor": "awsui_token-editor_1wzqe_s3v1v_159",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_s3v1v_164",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_s3v1v_165",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s3v1v_168",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s3v1v_169",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s3v1v_172",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s3v1v_173",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s3v1v_176",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s3v1v_177",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s3v1v_180",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s3v1v_181",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_s3v1v_184",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_s3v1v_185",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_s3v1v_188",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_s3v1v_189",
-  "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s3v1v_201",
-  "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s3v1v_209",
-  "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212",
-  "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215",
-  "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218",
-  "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221",
-  "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s3v1v_224",
-  "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s3v1v_227",
-  "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s3v1v_236",
-  "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273",
-  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s3v1v_276",
-  "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s3v1v_280",
-  "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285",
-  "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291",
-  "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s3v1v_306",
-  "custom-control": "awsui_custom-control_1wzqe_s3v1v_310",
-  "input": "awsui_input_1wzqe_s3v1v_138",
-  "results": "awsui_results_1wzqe_s3v1v_318",
-  "token-trigger": "awsui_token-trigger_1wzqe_s3v1v_323",
-  "remove-all": "awsui_remove-all_1wzqe_s3v1v_328",
-  "join-operation": "awsui_join-operation_1wzqe_s3v1v_329",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s3v1v_330",
-  "constraint": "awsui_constraint_1wzqe_s3v1v_334"
+  "root": "awsui_root_1wzqe_104el_97",
+  "search-field": "awsui_search-field_1wzqe_104el_132",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_104el_138",
+  "add-token": "awsui_add-token_1wzqe_104el_142",
+  "tokens": "awsui_tokens_1wzqe_104el_149",
+  "token-operator": "awsui_token-operator_1wzqe_104el_154",
+  "property-editor": "awsui_property-editor_1wzqe_104el_158",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_104el_166",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_104el_169",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_104el_172",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_104el_175",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_104el_178",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_104el_181",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_104el_184",
+  "token-editor": "awsui_token-editor_1wzqe_104el_191",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_104el_199",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_104el_202",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_104el_205",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_104el_208",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_104el_211",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_104el_214",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_104el_217",
+  "token-editor-grid": "awsui_token-editor-grid_1wzqe_104el_226",
+  "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_104el_263",
+  "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_104el_266",
+  "token-editor-group": "awsui_token-editor-group_1wzqe_104el_270",
+  "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_104el_275",
+  "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_104el_281",
+  "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_104el_286",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_104el_290",
+  "custom-control": "awsui_custom-control_1wzqe_104el_294",
+  "input": "awsui_input_1wzqe_104el_138",
+  "results": "awsui_results_1wzqe_104el_302",
+  "token-trigger": "awsui_token-trigger_1wzqe_104el_307",
+  "remove-all": "awsui_remove-all_1wzqe_104el_312",
+  "join-operation": "awsui_join-operation_1wzqe_104el_313",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_104el_314",
+  "constraint": "awsui_constraint_1wzqe_104el_318"
 };