@cloudscape-design/components 3.0.360 → 3.0.362

package/pie-chart/styles.scoped.css

@@ -94,57 +94,57 @@ 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_segment__path_1edmh_1pq09_97:not(#\9) {
+.awsui_segment__path_1edmh_1iq5s_97:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment__path_1edmh_1pq09_97:not(#\9) {
+  .awsui_segment__path_1edmh_1iq5s_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment__path_1edmh_1pq09_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_1pq09_97:not(#\9) {
+.awsui-motion-disabled .awsui_segment__path_1edmh_1iq5s_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_1iq5s_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_segment_1edmh_1pq09_97:not(#\9) {
+.awsui_segment_1edmh_1iq5s_97:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_1pq09_97:not(#\9) {
+  .awsui_segment_1edmh_1iq5s_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_1pq09_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1pq09_97:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_1iq5s_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1iq5s_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_segment_1edmh_1pq09_97 > .awsui_segment__hover_1edmh_1pq09_124:not(#\9) {
+.awsui_segment_1edmh_1iq5s_97 > .awsui_segment__hover_1edmh_1iq5s_124:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_1pq09_97 > .awsui_segment__hover_1edmh_1pq09_124:not(#\9) {
+  .awsui_segment_1edmh_1iq5s_97 > .awsui_segment__hover_1edmh_1iq5s_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_1pq09_97 > .awsui_segment__hover_1edmh_1pq09_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1pq09_97 > .awsui_segment__hover_1edmh_1pq09_124:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_1iq5s_97 > .awsui_segment__hover_1edmh_1iq5s_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_1iq5s_97 > .awsui_segment__hover_1edmh_1iq5s_124:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_label_1edmh_1pq09_138:not(#\9) {
+.awsui_label_1edmh_1iq5s_138:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_label_1edmh_1pq09_138:not(#\9) {
+  .awsui_label_1edmh_1iq5s_138:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_label_1edmh_1pq09_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_1pq09_138:not(#\9) {
+.awsui-motion-disabled .awsui_label_1edmh_1iq5s_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_1iq5s_138:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -153,50 +153,50 @@ 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_1edmh_1pq09_156:not(#\9) {
+.awsui_root_1edmh_1iq5s_156:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content_1edmh_1pq09_160.awsui_content--small_1edmh_1pq09_160:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--small_1edmh_1iq5s_160:not(#\9) {
   min-height: calc(2 * (50px + var(--space-xs-zb16t3, 8px) + calc(2 * var(--font-body-m-line-height-5wv9x1, 20px))));
 }
-.awsui_content_1edmh_1pq09_160.awsui_content--small_1edmh_1pq09_160.awsui_content--without-labels_1edmh_1pq09_163:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--small_1edmh_1iq5s_160.awsui_content--without-labels_1edmh_1iq5s_163:not(#\9) {
   min-height: calc(2 * (50px + var(--space-xs-zb16t3, 8px)));
 }
-.awsui_content_1edmh_1pq09_160.awsui_content--medium_1edmh_1pq09_166:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--medium_1edmh_1iq5s_166:not(#\9) {
   min-height: calc(2 * (100px + var(--space-s-34lx8l, 12px) + calc(2 * var(--font-body-m-line-height-5wv9x1, 20px))));
 }
-.awsui_content_1edmh_1pq09_160.awsui_content--medium_1edmh_1pq09_166.awsui_content--without-labels_1edmh_1pq09_163:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--medium_1edmh_1iq5s_166.awsui_content--without-labels_1edmh_1iq5s_163:not(#\9) {
   min-height: calc(2 * (100px + var(--space-s-34lx8l, 12px)));
 }
-.awsui_content_1edmh_1pq09_160.awsui_content--large_1edmh_1pq09_172:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--large_1edmh_1iq5s_172:not(#\9) {
   min-height: calc(2 * (140px + var(--space-s-34lx8l, 12px) + calc(2 * var(--font-body-m-line-height-5wv9x1, 20px))));
 }
-.awsui_content_1edmh_1pq09_160.awsui_content--large_1edmh_1pq09_172.awsui_content--without-labels_1edmh_1pq09_163:not(#\9) {
+.awsui_content_1edmh_1iq5s_160.awsui_content--large_1edmh_1iq5s_172.awsui_content--without-labels_1edmh_1iq5s_163:not(#\9) {
   min-height: calc(2 * (140px + var(--space-s-34lx8l, 12px)));
 }
 
-.awsui_content--fit-height_1edmh_1pq09_179:not(#\9) {
+.awsui_content--fit-height_1edmh_1iq5s_179:not(#\9) {
   flex: 1;
 }
 
-.awsui_status-container_1edmh_1pq09_183:not(#\9) {
+.awsui_status-container_1edmh_1iq5s_183:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_chart-container_1edmh_1pq09_187:not(#\9) {
+.awsui_chart-container_1edmh_1iq5s_187:not(#\9) {
   display: flex;
   flex: 1;
 }
-.awsui_chart-container--fit-height_1edmh_1pq09_191:not(#\9) {
+.awsui_chart-container--fit-height_1edmh_1iq5s_191:not(#\9) {
   height: 100%;
   min-height: inherit;
 }
 
-.awsui_chart-container-chart-plot_1edmh_1pq09_196:not(#\9) {
+.awsui_chart-container-chart-plot_1edmh_1iq5s_196:not(#\9) {
   display: contents;
 }
-.awsui_chart-container-chart-plot--fit-height_1edmh_1pq09_199:not(#\9) {
+.awsui_chart-container-chart-plot--fit-height_1edmh_1iq5s_199:not(#\9) {
   display: block;
   position: absolute;
   top: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   left: 0;
 }
 
-.awsui_inner-content_1edmh_1pq09_208:not(#\9) {
+.awsui_inner-content_1edmh_1iq5s_208:not(#\9) {
   display: flex;
   position: absolute;
   flex-direction: column;
@@ -219,53 +219,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_segment__highlight_1edmh_1pq09_222:not(#\9) {
+.awsui_segment__highlight_1edmh_1iq5s_222:not(#\9) {
   stroke: none;
   opacity: 0;
 }
 
-.awsui_segment_1edmh_1pq09_97:not(#\9) {
+.awsui_segment_1edmh_1iq5s_97:not(#\9) {
   stroke: var(--color-background-container-content-4un1ap, #ffffff);
   stroke-width: 2px;
   stroke-linejoin: round;
   opacity: 1;
   cursor: pointer;
 }
-.awsui_segment_1edmh_1pq09_97:not(#\9):focus {
+.awsui_segment_1edmh_1iq5s_97:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_1edmh_1pq09_97.awsui_segment--dimmed_1edmh_1pq09_237:not(#\9) {
+.awsui_segment_1edmh_1iq5s_97.awsui_segment--dimmed_1edmh_1iq5s_237:not(#\9) {
   opacity: 0.35;
 }
-.awsui_segment_1edmh_1pq09_97.awsui_segment--highlighted_1edmh_1pq09_240 > .awsui_segment__highlight_1edmh_1pq09_222:not(#\9), .awsui_segment_1edmh_1pq09_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_1pq09_237) > .awsui_segment__highlight_1edmh_1pq09_222 {
+.awsui_segment_1edmh_1iq5s_97.awsui_segment--highlighted_1edmh_1iq5s_240 > .awsui_segment__highlight_1edmh_1iq5s_222:not(#\9), .awsui_segment_1edmh_1iq5s_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_1iq5s_237) > .awsui_segment__highlight_1edmh_1iq5s_222 {
   opacity: 1;
 }
 
-.awsui_label_1edmh_1pq09_138:not(#\9) {
+.awsui_label_1edmh_1iq5s_138:not(#\9) {
   color: var(--color-text-heading-default-rtslvy, #000716);
   opacity: 1;
   /* stylelint-disable-next-line selector-max-type */
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_1pq09_138 > line:not(#\9) {
+.awsui_label_1edmh_1iq5s_138 > line:not(#\9) {
   stroke: var(--color-stroke-chart-line-ppq5nh, #7d8998);
-  stroke-width: var(--border-divider-section-width-4ax5o2, 2px);
+  stroke-width: var(--border-divider-section-width-8a5uu9, 2px);
 }
-.awsui_label_1edmh_1pq09_138 > div:not(#\9) {
+.awsui_label_1edmh_1iq5s_138 > div:not(#\9) {
   margin-top: -0.75em;
 }
-.awsui_label_1edmh_1pq09_138.awsui_label--dimmed_1edmh_1pq09_257:not(#\9) {
+.awsui_label_1edmh_1iq5s_138.awsui_label--dimmed_1edmh_1iq5s_257:not(#\9) {
   opacity: 0.35;
 }
-.awsui_label_1edmh_1pq09_138.awsui_label--align-right_1edmh_1pq09_260:not(#\9) {
+.awsui_label_1edmh_1iq5s_138.awsui_label--align-right_1edmh_1iq5s_260:not(#\9) {
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_1pq09_138.awsui_label--align-right_1edmh_1pq09_260 > div:not(#\9) {
+.awsui_label_1edmh_1iq5s_138.awsui_label--align-right_1edmh_1iq5s_260 > div:not(#\9) {
   text-align: right;
 }
 
 /* stylelint-disable-next-line selector-max-type */
-.awsui_label-text_1edmh_1pq09_268 > text:not(#\9) {
+.awsui_label-text_1edmh_1iq5s_268 > text:not(#\9) {
   font-size: var(--font-body-m-size-dhtyxm, 14px);
   line-height: var(--font-body-m-line-height-5wv9x1, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -273,22 +273,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   dominant-baseline: middle;
 }
 
-text.awsui_label__description_1edmh_1pq09_276:not(#\9) {
+text.awsui_label__description_1edmh_1iq5s_276:not(#\9) {
   font-size: var(--font-chart-detail-size-1n389u, 12px);
   font-weight: 400;
   color: var(--color-text-group-label-zuh0h0, #414d5c);
   fill: var(--color-text-group-label-zuh0h0, #414d5c);
 }
 
-.awsui_label-line_1edmh_1pq09_283:not(#\9) {
+.awsui_label-line_1edmh_1iq5s_283:not(#\9) {
   /* used in component code */
 }
 
-.awsui_label--highlighted_1edmh_1pq09_287:not(#\9) {
+.awsui_label--highlighted_1edmh_1iq5s_287:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_popover-header_1edmh_1pq09_291:not(#\9) {
+.awsui_popover-header_1edmh_1iq5s_291:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
 }

package/pie-chart/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment__path": "awsui_segment__path_1edmh_1pq09_97",
-  "segment": "awsui_segment_1edmh_1pq09_97",
-  "segment__hover": "awsui_segment__hover_1edmh_1pq09_124",
-  "label": "awsui_label_1edmh_1pq09_138",
-  "root": "awsui_root_1edmh_1pq09_156",
-  "content": "awsui_content_1edmh_1pq09_160",
-  "content--small": "awsui_content--small_1edmh_1pq09_160",
-  "content--without-labels": "awsui_content--without-labels_1edmh_1pq09_163",
-  "content--medium": "awsui_content--medium_1edmh_1pq09_166",
-  "content--large": "awsui_content--large_1edmh_1pq09_172",
-  "content--fit-height": "awsui_content--fit-height_1edmh_1pq09_179",
-  "status-container": "awsui_status-container_1edmh_1pq09_183",
-  "chart-container": "awsui_chart-container_1edmh_1pq09_187",
-  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1pq09_191",
-  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1pq09_196",
-  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1pq09_199",
-  "inner-content": "awsui_inner-content_1edmh_1pq09_208",
-  "segment__highlight": "awsui_segment__highlight_1edmh_1pq09_222",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_1pq09_237",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_1pq09_240",
-  "label--dimmed": "awsui_label--dimmed_1edmh_1pq09_257",
-  "label--align-right": "awsui_label--align-right_1edmh_1pq09_260",
-  "label-text": "awsui_label-text_1edmh_1pq09_268",
-  "label__description": "awsui_label__description_1edmh_1pq09_276",
-  "label-line": "awsui_label-line_1edmh_1pq09_283",
-  "label--highlighted": "awsui_label--highlighted_1edmh_1pq09_287",
-  "popover-header": "awsui_popover-header_1edmh_1pq09_291"
+  "segment__path": "awsui_segment__path_1edmh_1iq5s_97",
+  "segment": "awsui_segment_1edmh_1iq5s_97",
+  "segment__hover": "awsui_segment__hover_1edmh_1iq5s_124",
+  "label": "awsui_label_1edmh_1iq5s_138",
+  "root": "awsui_root_1edmh_1iq5s_156",
+  "content": "awsui_content_1edmh_1iq5s_160",
+  "content--small": "awsui_content--small_1edmh_1iq5s_160",
+  "content--without-labels": "awsui_content--without-labels_1edmh_1iq5s_163",
+  "content--medium": "awsui_content--medium_1edmh_1iq5s_166",
+  "content--large": "awsui_content--large_1edmh_1iq5s_172",
+  "content--fit-height": "awsui_content--fit-height_1edmh_1iq5s_179",
+  "status-container": "awsui_status-container_1edmh_1iq5s_183",
+  "chart-container": "awsui_chart-container_1edmh_1iq5s_187",
+  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1iq5s_191",
+  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1iq5s_196",
+  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1iq5s_199",
+  "inner-content": "awsui_inner-content_1edmh_1iq5s_208",
+  "segment__highlight": "awsui_segment__highlight_1edmh_1iq5s_222",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_1iq5s_237",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_1iq5s_240",
+  "label--dimmed": "awsui_label--dimmed_1edmh_1iq5s_257",
+  "label--align-right": "awsui_label--align-right_1edmh_1iq5s_260",
+  "label-text": "awsui_label-text_1edmh_1iq5s_268",
+  "label__description": "awsui_label__description_1edmh_1iq5s_276",
+  "label-line": "awsui_label-line_1edmh_1iq5s_283",
+  "label--highlighted": "awsui_label--highlighted_1edmh_1iq5s_287",
+  "popover-header": "awsui_popover-header_1edmh_1iq5s_291"
 };
   

package/popover/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAK7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}
+{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAMtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}

package/popover/container.js

@@ -3,10 +3,10 @@
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { getContainingBlock, nodeContains } from '../internal/utils/dom';
-import { useResizeObserver } from '../internal/hooks/container-queries';
 import { calculatePosition } from './utils/positions';
 import styles from './styles.css.js';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 const INITIAL_STYLES = { position: 'absolute', top: -9999, left: -9999 };
 export default function PopoverContainer({ position, trackRef, trackKey, arrow, children, zIndex, renderWithPortal, size, fixedWidth, variant, }) {
     const bodyRef = useRef(null);

package/popover/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.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, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getContainingBlock, nodeContains } from '../internal/utils/dom';\nimport { useResizeObserver } from '../internal/hooks/container-queries';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n  const isRefresh = useVisualRefresh();\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  // Updates the position handler.\n  const updatePositionHandler = useCallback(() => {\n    if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n      return;\n    }\n\n    // Get important elements\n    const popover = popoverRef.current;\n    const body = bodyRef.current;\n    const arrow = arrowRef.current;\n    const document = popover.ownerDocument;\n    const track = trackRef.current;\n\n    // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n    // or track does not belong to the document - bail on calculating dimensions.\n    if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n      return;\n    }\n\n    // Imperatively move body off-screen to give it room to expand.\n    // Not doing this in React because this recalculation should happen\n    // in the span of a single frame without rerendering anything.\n    const prevTop = popover.style.top;\n    const prevLeft = popover.style.left;\n    popover.style.top = '0';\n    popover.style.left = '0';\n    // Imperatively remove body styles that can remain from the previous computation.\n    body.style.maxHeight = '';\n    body.style.overflowX = '';\n    body.style.overflowY = '';\n\n    // Get rects representing key elements\n    // Use getComputedStyle for arrowRect to avoid modifications made by transform\n    const viewportRect = getViewportRect(document.defaultView!);\n    const trackRect = track.getBoundingClientRect();\n    const arrowRect = {\n      width: parseFloat(getComputedStyle(arrow).width),\n      height: parseFloat(getComputedStyle(arrow).height),\n    };\n    const containingBlock = getContainingBlock(popover);\n    const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n    const bodyBorderWidth = getBorderWidth(body);\n    const contentRect = contentRef.current.getBoundingClientRect();\n    const contentBoundingBox = {\n      width: contentRect.width + 2 * bodyBorderWidth,\n      height: contentRect.height + 2 * bodyBorderWidth,\n    };\n\n    // Calculate the arrow direction and viewport-relative position of the popover.\n    const {\n      scrollable,\n      internalPosition: newInternalPosition,\n      boundingOffset,\n    } = calculatePosition(\n      position,\n      trackRect,\n      arrowRect,\n      contentBoundingBox,\n      containingBlock ? containingBlockRect : getDocumentRect(document),\n      viewportRect,\n      renderWithPortal\n    );\n\n    // Get the position of the popover relative to the offset parent.\n    const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n    // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n    // and use that to recalculate the new popover position.\n    const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n    // Bring back the container to its original position to prevent any flashing.\n    popover.style.top = prevTop;\n    popover.style.left = prevLeft;\n\n    // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n    if (scrollable) {\n      body.style.maxHeight = boundingOffset.height + 'px';\n      body.style.overflowX = 'hidden';\n      body.style.overflowY = 'auto';\n    }\n\n    // Position the popover\n    setInternalPosition(newInternalPosition);\n    setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n    positionHandlerRef.current = () => {\n      const newTrackOffset = toRelativePosition(\n        track.getBoundingClientRect(),\n        containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n      );\n      setPopoverStyle({\n        top: newTrackOffset.top + trackRelativeOffset.top,\n        left: newTrackOffset.left + trackRelativeOffset.left,\n      });\n    };\n  }, [position, trackRef, renderWithPortal]);\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => updatePositionHandler());\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n      This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n      and by tracking the click event we can adapt the popover's position to the new layout.\n\n      TODO: extend this to Enter and Spacebar?\n    */\n    const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', updatePosition);\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', refreshPosition, true);\n    return () => {\n      window.removeEventListener('click', updatePosition);\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}
+{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.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, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getContainingBlock, nodeContains } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n  const isRefresh = useVisualRefresh();\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  // Updates the position handler.\n  const updatePositionHandler = useCallback(() => {\n    if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n      return;\n    }\n\n    // Get important elements\n    const popover = popoverRef.current;\n    const body = bodyRef.current;\n    const arrow = arrowRef.current;\n    const document = popover.ownerDocument;\n    const track = trackRef.current;\n\n    // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n    // or track does not belong to the document - bail on calculating dimensions.\n    if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n      return;\n    }\n\n    // Imperatively move body off-screen to give it room to expand.\n    // Not doing this in React because this recalculation should happen\n    // in the span of a single frame without rerendering anything.\n    const prevTop = popover.style.top;\n    const prevLeft = popover.style.left;\n    popover.style.top = '0';\n    popover.style.left = '0';\n    // Imperatively remove body styles that can remain from the previous computation.\n    body.style.maxHeight = '';\n    body.style.overflowX = '';\n    body.style.overflowY = '';\n\n    // Get rects representing key elements\n    // Use getComputedStyle for arrowRect to avoid modifications made by transform\n    const viewportRect = getViewportRect(document.defaultView!);\n    const trackRect = track.getBoundingClientRect();\n    const arrowRect = {\n      width: parseFloat(getComputedStyle(arrow).width),\n      height: parseFloat(getComputedStyle(arrow).height),\n    };\n    const containingBlock = getContainingBlock(popover);\n    const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n    const bodyBorderWidth = getBorderWidth(body);\n    const contentRect = contentRef.current.getBoundingClientRect();\n    const contentBoundingBox = {\n      width: contentRect.width + 2 * bodyBorderWidth,\n      height: contentRect.height + 2 * bodyBorderWidth,\n    };\n\n    // Calculate the arrow direction and viewport-relative position of the popover.\n    const {\n      scrollable,\n      internalPosition: newInternalPosition,\n      boundingOffset,\n    } = calculatePosition(\n      position,\n      trackRect,\n      arrowRect,\n      contentBoundingBox,\n      containingBlock ? containingBlockRect : getDocumentRect(document),\n      viewportRect,\n      renderWithPortal\n    );\n\n    // Get the position of the popover relative to the offset parent.\n    const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n    // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n    // and use that to recalculate the new popover position.\n    const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n    // Bring back the container to its original position to prevent any flashing.\n    popover.style.top = prevTop;\n    popover.style.left = prevLeft;\n\n    // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n    if (scrollable) {\n      body.style.maxHeight = boundingOffset.height + 'px';\n      body.style.overflowX = 'hidden';\n      body.style.overflowY = 'auto';\n    }\n\n    // Position the popover\n    setInternalPosition(newInternalPosition);\n    setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n    positionHandlerRef.current = () => {\n      const newTrackOffset = toRelativePosition(\n        track.getBoundingClientRect(),\n        containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n      );\n      setPopoverStyle({\n        top: newTrackOffset.top + trackRelativeOffset.top,\n        left: newTrackOffset.left + trackRelativeOffset.left,\n      });\n    };\n  }, [position, trackRef, renderWithPortal]);\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => updatePositionHandler());\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n      This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n      and by tracking the click event we can adapt the popover's position to the new layout.\n\n      TODO: extend this to Enter and Spacebar?\n    */\n    const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', updatePosition);\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', refreshPosition, true);\n    return () => {\n      window.removeEventListener('click', updatePosition);\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}

package/property-filter/styles.css.js

@@ -1,34 +1,34 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_rth0w_93",
-  "search-field": "awsui_search-field_1wzqe_rth0w_106",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_rth0w_112",
-  "add-token": "awsui_add-token_1wzqe_rth0w_116",
-  "tokens": "awsui_tokens_1wzqe_rth0w_123",
-  "token-operator": "awsui_token-operator_1wzqe_rth0w_127",
-  "property-editor": "awsui_property-editor_1wzqe_rth0w_131",
-  "token-editor": "awsui_token-editor_1wzqe_rth0w_132",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_rth0w_136",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_rth0w_137",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_rth0w_140",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_rth0w_141",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_rth0w_144",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_rth0w_145",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_rth0w_148",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_rth0w_149",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_rth0w_152",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_rth0w_153",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_rth0w_156",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_rth0w_157",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_rth0w_160",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_rth0w_161",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_rth0w_179",
-  "custom-control": "awsui_custom-control_1wzqe_rth0w_183",
-  "input": "awsui_input_1wzqe_rth0w_112",
-  "token-trigger": "awsui_token-trigger_1wzqe_rth0w_191",
-  "remove-all": "awsui_remove-all_1wzqe_rth0w_197",
-  "token-label": "awsui_token-label_1wzqe_rth0w_198",
-  "join-operation": "awsui_join-operation_1wzqe_rth0w_199"
+  "root": "awsui_root_1wzqe_1im8m_93",
+  "search-field": "awsui_search-field_1wzqe_1im8m_106",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
+  "add-token": "awsui_add-token_1wzqe_1im8m_116",
+  "tokens": "awsui_tokens_1wzqe_1im8m_123",
+  "token-operator": "awsui_token-operator_1wzqe_1im8m_127",
+  "property-editor": "awsui_property-editor_1wzqe_1im8m_131",
+  "token-editor": "awsui_token-editor_1wzqe_1im8m_132",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
+  "custom-control": "awsui_custom-control_1wzqe_1im8m_183",
+  "input": "awsui_input_1wzqe_1im8m_112",
+  "token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
+  "remove-all": "awsui_remove-all_1wzqe_1im8m_197",
+  "token-label": "awsui_token-label_1wzqe_1im8m_198",
+  "join-operation": "awsui_join-operation_1wzqe_1im8m_199"
 };
   

package/property-filter/styles.scoped.css

@@ -90,7 +90,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_rth0w_93:not(#\9) {
+.awsui_root_1wzqe_1im8m_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,100 +129,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_search-field_1wzqe_rth0w_106:not(#\9) {
+.awsui_search-field_1wzqe_1im8m_106:not(#\9) {
   display: flex;
   align-items: center;
   max-width: calc(688px - 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_rth0w_112:not(#\9) {
+.awsui_input-wrapper_1wzqe_1im8m_112:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_rth0w_116:not(#\9) {
-  border-left: 1px solid var(--color-border-divider-default-d3adp9, #e9ebed);
+.awsui_add-token_1wzqe_1im8m_116:not(#\9) {
+  border-left: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
   box-sizing: border-box;
   margin-left: var(--space-m-udix3p, 16px);
   padding-left: var(--space-m-udix3p, 16px);
 }
 
-.awsui_tokens_1wzqe_rth0w_123:not(#\9) {
+.awsui_tokens_1wzqe_1im8m_123:not(#\9) {
   margin: var(--space-xs-zb16t3, 8px) 0;
 }
 
-.awsui_token-operator_1wzqe_rth0w_127:not(#\9) {
+.awsui_token-operator_1wzqe_1im8m_127:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_property-editor_1wzqe_rth0w_131:not(#\9),
-.awsui_token-editor_1wzqe_rth0w_132:not(#\9) {
+.awsui_property-editor_1wzqe_1im8m_131:not(#\9),
+.awsui_token-editor_1wzqe_1im8m_132:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   margin: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_property-editor-form_1wzqe_rth0w_136:not(#\9),
-.awsui_token-editor-form_1wzqe_rth0w_137:not(#\9) {
+.awsui_property-editor-form_1wzqe_1im8m_136:not(#\9),
+.awsui_token-editor-form_1wzqe_1im8m_137:not(#\9) {
   margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_rth0w_140:not(#\9),
-.awsui_token-editor-field-property_1wzqe_rth0w_141:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_1im8m_140:not(#\9),
+.awsui_token-editor-field-property_1wzqe_1im8m_141:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_rth0w_144:not(#\9),
-.awsui_token-editor-field-operator_1wzqe_rth0w_145:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_1im8m_144:not(#\9),
+.awsui_token-editor-field-operator_1wzqe_1im8m_145:not(#\9) {
   margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_rth0w_148:not(#\9),
-.awsui_token-editor-field-value_1wzqe_rth0w_149:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_1im8m_148:not(#\9),
+.awsui_token-editor-field-value_1wzqe_1im8m_149:not(#\9) {
   margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_rth0w_152:not(#\9),
-.awsui_token-editor-cancel_1wzqe_rth0w_153:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_1im8m_152:not(#\9),
+.awsui_token-editor-cancel_1wzqe_1im8m_153:not(#\9) {
   margin-right: var(--space-xs-zb16t3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_rth0w_156:not(#\9),
-.awsui_token-editor-submit_1wzqe_rth0w_157:not(#\9) {
+.awsui_property-editor-submit_1wzqe_1im8m_156:not(#\9),
+.awsui_token-editor-submit_1wzqe_1im8m_157:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_rth0w_160:not(#\9),
-.awsui_token-editor-actions_1wzqe_rth0w_161:not(#\9) {
+.awsui_property-editor-actions_1wzqe_1im8m_160:not(#\9),
+.awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-top: var(--space-s-34lx8l, 12px);
-  border-top: 1px solid var(--color-border-dropdown-item-default-rgr5b2, #e9ebed);
+  border-top: 1px solid var(--color-border-dropdown-item-default-dofu99, #e9ebed);
 }
 
-.awsui_token-editor-actions_1wzqe_rth0w_161:not(#\9) {
+.awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
   padding-right: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
   margin-left: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
   margin-right: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
 }
 
-.awsui_property-editor_1wzqe_rth0w_131:not(#\9) {
+.awsui_property-editor_1wzqe_1im8m_131:not(#\9) {
   padding: var(--space-m-udix3p, 16px);
   overflow-y: auto;
 }
 
-.awsui_custom-content-wrapper_1wzqe_rth0w_179:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_1im8m_179:not(#\9) {
   display: contents;
 }
 
-.awsui_custom-control_1wzqe_rth0w_183:not(#\9) {
+.awsui_custom-control_1wzqe_1im8m_183:not(#\9) {
   margin-right: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_input_1wzqe_rth0w_112:not(#\9) {
+.awsui_input_1wzqe_1im8m_112:not(#\9) {
   flex: 1;
 }
 
-.awsui_token-trigger_1wzqe_rth0w_191:not(#\9) {
+.awsui_token-trigger_1wzqe_1im8m_191:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_remove-all_1wzqe_rth0w_197:not(#\9),
-.awsui_token-label_1wzqe_rth0w_198:not(#\9),
-.awsui_join-operation_1wzqe_rth0w_199:not(#\9) {
+.awsui_remove-all_1wzqe_1im8m_197:not(#\9),
+.awsui_token-label_1wzqe_1im8m_198:not(#\9),
+.awsui_join-operation_1wzqe_1im8m_199:not(#\9) {
   /* used in test-utils */
 }