npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.535 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.535

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

package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css CHANGED Viewed

@@ -90,85 +90,86 @@ 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_content_1wepg_z2a8i_93:not(#\9),
-.awsui_description_1wepg_z2a8i_94:not(#\9),
-.awsui_label_1wepg_z2a8i_95:not(#\9) {
+.awsui_content_1wepg_mb3ce_93:not(#\9),
+.awsui_description_1wepg_mb3ce_94:not(#\9),
+.awsui_label_1wepg_mb3ce_95:not(#\9) {
   display: block;
 }
-.awsui_label_1wepg_z2a8i_95:not(#\9) {
+.awsui_label_1wepg_mb3ce_95:not(#\9) {
   color: var(--color-text-form-default-24kkuw, #16191f);
 }
-.awsui_outline_1wepg_z2a8i_103:not(#\9) {
+.awsui_outline_1wepg_mb3ce_103:not(#\9) {
   display: none;
 }
-.awsui_outline_1wepg_z2a8i_103.awsui_show-outline_1wepg_z2a8i_106:not(#\9) {
+.awsui_outline_1wepg_mb3ce_103.awsui_show-outline_1wepg_mb3ce_106:not(#\9) {
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_z2a8i_110:not(#\9):focus + .awsui_outline_1wepg_z2a8i_103 {
+body[data-awsui-focus-visible=true] .awsui_native-input_1wepg_mb3ce_110:not(#\9):focus + .awsui_outline_1wepg_mb3ce_103 {
   display: block;
 }
-.awsui_wrapper_1wepg_z2a8i_114:not(#\9) {
-  min-width: 0;
+.awsui_wrapper_1wepg_mb3ce_114:not(#\9) {
+  min-inline-size: 0;
   word-break: break-word;
   display: flex;
 }
-.awsui_label-wrapper_1wepg_z2a8i_120:not(#\9) {
+.awsui_label-wrapper_1wepg_mb3ce_120:not(#\9) {
   position: relative;
   display: flex;
   cursor: default;
 }
-.awsui_content_1wepg_z2a8i_93:not(#\9) {
-  min-width: 0;
+.awsui_content_1wepg_mb3ce_93:not(#\9) {
+  min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_empty-content_1wepg_z2a8i_131:not(#\9) {
-  width: 0px;
+.awsui_empty-content_1wepg_mb3ce_131:not(#\9) {
+  inline-size: 0px;
 }
-.awsui_description_1wepg_z2a8i_94:not(#\9) {
+.awsui_description_1wepg_mb3ce_94:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
 }
-.awsui_description-bottom-padding_1wepg_z2a8i_141:not(#\9) {
-  padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
+.awsui_description-bottom-padding_1wepg_mb3ce_141:not(#\9) {
+  padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
 }
-.awsui_label_1wepg_z2a8i_95:not(#\9),
-.awsui_description_1wepg_z2a8i_94:not(#\9) {
-  padding-left: var(--space-xs-xf5ch3, 8px);
+.awsui_label_1wepg_mb3ce_95:not(#\9),
+.awsui_description_1wepg_mb3ce_94:not(#\9) {
+  padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_label-disabled_1wepg_z2a8i_149:not(#\9),
-.awsui_description-disabled_1wepg_z2a8i_150:not(#\9) {
+.awsui_label-disabled_1wepg_mb3ce_149:not(#\9),
+.awsui_description-disabled_1wepg_mb3ce_150:not(#\9) {
   color: var(--color-text-control-disabled-nl82op, #aab7b8);
 }
 /* stylelint-disable selector-max-type */
-.awsui_control_1wepg_z2a8i_155:not(#\9) {
+.awsui_control_1wepg_mb3ce_155:not(#\9) {
   position: relative;
 }
-.awsui_control_1wepg_z2a8i_155 > input:not(#\9), .awsui_control_1wepg_z2a8i_155 > svg:not(#\9), .awsui_control_1wepg_z2a8i_155 > .awsui_outline_1wepg_z2a8i_103:not(#\9) {
+.awsui_control_1wepg_mb3ce_155 > input:not(#\9), .awsui_control_1wepg_mb3ce_155 > svg:not(#\9), .awsui_control_1wepg_mb3ce_155 > .awsui_outline_1wepg_mb3ce_103:not(#\9) {
   position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
 }
-.awsui_control_1wepg_z2a8i_155 > input:not(#\9) {
+.awsui_control_1wepg_mb3ce_155 > input:not(#\9) {
   opacity: 0;
   z-index: 1;
   -webkit-user-select: none;
           user-select: none;
   cursor: default;
-  margin: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
 /* stylelint-enable selector-max-type */

package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_1wepg_z2a8i_93",
-  "description": "awsui_description_1wepg_z2a8i_94",
-  "label": "awsui_label_1wepg_z2a8i_95",
-  "outline": "awsui_outline_1wepg_z2a8i_103",
-  "show-outline": "awsui_show-outline_1wepg_z2a8i_106",
-  "native-input": "awsui_native-input_1wepg_z2a8i_110",
-  "wrapper": "awsui_wrapper_1wepg_z2a8i_114",
-  "label-wrapper": "awsui_label-wrapper_1wepg_z2a8i_120",
-  "empty-content": "awsui_empty-content_1wepg_z2a8i_131",
-  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_z2a8i_141",
-  "label-disabled": "awsui_label-disabled_1wepg_z2a8i_149",
-  "description-disabled": "awsui_description-disabled_1wepg_z2a8i_150",
-  "control": "awsui_control_1wepg_z2a8i_155"
+  "content": "awsui_content_1wepg_mb3ce_93",
+  "description": "awsui_description_1wepg_mb3ce_94",
+  "label": "awsui_label_1wepg_mb3ce_95",
+  "outline": "awsui_outline_1wepg_mb3ce_103",
+  "show-outline": "awsui_show-outline_1wepg_mb3ce_106",
+  "native-input": "awsui_native-input_1wepg_mb3ce_110",
+  "wrapper": "awsui_wrapper_1wepg_mb3ce_114",
+  "label-wrapper": "awsui_label-wrapper_1wepg_mb3ce_120",
+  "empty-content": "awsui_empty-content_1wepg_mb3ce_131",
+  "description-bottom-padding": "awsui_description-bottom-padding_1wepg_mb3ce_141",
+  "label-disabled": "awsui_label-disabled_1wepg_mb3ce_149",
+  "description-disabled": "awsui_description-disabled_1wepg_mb3ce_150",
+  "control": "awsui_control_1wepg_mb3ce_155"
 };

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_1i5lq_97",
-  "arrow": "awsui_arrow_18eso_1i5lq_97",
-  "has-caret": "awsui_has-caret_18eso_1i5lq_159",
-  "placeholder": "awsui_placeholder_18eso_1i5lq_162",
-  "pressed": "awsui_pressed_18eso_1i5lq_175",
-  "disabled": "awsui_disabled_18eso_1i5lq_178",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1i5lq_187",
-  "read-only": "awsui_read-only_18eso_1i5lq_193",
-  "invalid": "awsui_invalid_18eso_1i5lq_210",
-  "inline-tokens": "awsui_inline-tokens_18eso_1i5lq_245"
+  "button-trigger": "awsui_button-trigger_18eso_1eqd0_97",
+  "arrow": "awsui_arrow_18eso_1eqd0_97",
+  "has-caret": "awsui_has-caret_18eso_1eqd0_164",
+  "placeholder": "awsui_placeholder_18eso_1eqd0_167",
+  "pressed": "awsui_pressed_18eso_1eqd0_180",
+  "disabled": "awsui_disabled_18eso_1eqd0_183",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1eqd0_193",
+  "read-only": "awsui_read-only_18eso_1eqd0_199",
+  "invalid": "awsui_invalid_18eso_1eqd0_221",
+  "inline-tokens": "awsui_inline-tokens_18eso_1eqd0_259"
 };

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED Viewed

@@ -94,16 +94,16 @@ 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_button-trigger_18eso_1i5lq_97 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_1i5lq_97 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+  .awsui_button-trigger_18eso_1eqd0_97 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_1i5lq_97 > .awsui_arrow_18eso_1i5lq_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1i5lq_97 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_1eqd0_97 > .awsui_arrow_18eso_1eqd0_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1eqd0_97 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -112,7 +112,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_button-trigger_18eso_1i5lq_97:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -148,102 +148,115 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   position: relative;
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   justify-content: space-between;
   align-items: center;
-  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-field-horizontal-cy5q05, 8px);
+  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
-  border-radius: var(--border-radius-input-hy50dp, 2px);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
-  min-height: var(--size-vertical-input-ubbp77, 32px);
+  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-end-radius: var(--border-radius-input-hy50dp, 2px);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-aksbt5, #687078);
+  min-block-size: var(--size-vertical-input-ubbp77, 32px);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_has-caret_18eso_1i5lq_159:not(#\9) {
-  padding-right: var(--space-field-icon-offset-llp3ak, 32px);
+.awsui_button-trigger_18eso_1eqd0_97.awsui_has-caret_18eso_1eqd0_164:not(#\9) {
+  padding-inline-end: var(--space-field-icon-offset-llp3ak, 32px);
 }
-.awsui_button-trigger_18eso_1i5lq_97 > .awsui_placeholder_18eso_1i5lq_162:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97 > .awsui_placeholder_18eso_1eqd0_167:not(#\9) {
   color: var(--color-text-input-placeholder-epedqe, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_1i5lq_97 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
   position: absolute;
-  right: var(--space-field-horizontal-cy5q05, 8px);
-  top: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
+  inset-inline-end: var(--space-field-horizontal-cy5q05, 8px);
+  inset-block-start: calc(50% - var(--line-height-body-m-2zx78l, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-870ilx, #545b64);
 }
-.awsui_button-trigger_18eso_1i5lq_97:not(#\9):hover > .awsui_arrow_18eso_1i5lq_97 {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9):hover > .awsui_arrow_18eso_1eqd0_97 {
   color: var(--color-text-button-inline-icon-hover-gmrtb4, #16191f);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_pressed_18eso_1i5lq_175 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_pressed_18eso_1eqd0_180 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_disabled_18eso_1i5lq_178:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_disabled_18eso_1eqd0_183:not(#\9) {
   background-color: var(--color-background-input-disabled-zfoobi, #eaeded);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
   color: var(--color-text-input-disabled-c1yp62, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_disabled_18eso_1i5lq_178 > .awsui_arrow_18eso_1i5lq_97:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_disabled_18eso_1eqd0_183 > .awsui_arrow_18eso_1eqd0_97:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-m6lq35, #aab7b8);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_disabled_18eso_1i5lq_178.awsui_in-filtering-token_18eso_1i5lq_187:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_disabled_18eso_1eqd0_183.awsui_in-filtering-token_18eso_1eqd0_193:not(#\9) {
   border-color: var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_disabled_18eso_1i5lq_178 > .awsui_placeholder_18eso_1i5lq_162:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_disabled_18eso_1eqd0_183 > .awsui_placeholder_18eso_1eqd0_167:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-ovndcz, #687078);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_read-only_18eso_1i5lq_193:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_read-only_18eso_1eqd0_199:not(#\9) {
   background-color: var(--color-background-input-default-w7mbz6, #ffffff);
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-v8bsvq, #eaeded);
 }
-.awsui_button-trigger_18eso_1i5lq_97:not(#\9):focus {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
-  border-radius: var(--border-radius-input-hy50dp, 2px);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-v6z9fd, #0073bb);
+  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
+  border-end-end-radius: var(--border-radius-input-hy50dp, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187):invalid {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187).awsui_invalid_18eso_1i5lq_210, .awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187).awsui_invalid_18eso_1i5lq_210:focus {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193).awsui_invalid_18eso_1eqd0_221, .awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193).awsui_invalid_18eso_1eqd0_221:focus {
   color: var(--color-text-status-error-ofc4yr, #d13212);
   border-color: var(--color-text-status-error-ofc4yr, #d13212);
-  padding-left: calc(
+  padding-inline-start: calc(
   var(--space-field-horizontal-cy5q05, 8px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px))
 );
-  border-left-width: var(--border-invalid-width-hp6noi, 4px);
+  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187).awsui_invalid_18eso_1i5lq_210:focus, .awsui_button-trigger_18eso_1i5lq_97:not(#\9):not(.awsui_in-filtering-token_18eso_1i5lq_187).awsui_invalid_18eso_1i5lq_210:focus:focus {
+.awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193).awsui_invalid_18eso_1eqd0_221:focus, .awsui_button-trigger_18eso_1eqd0_97:not(#\9):not(.awsui_in-filtering-token_18eso_1eqd0_193).awsui_invalid_18eso_1eqd0_221:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_in-filtering-token_18eso_1i5lq_187:not(#\9) {
+.awsui_button-trigger_18eso_1eqd0_97.awsui_in-filtering-token_18eso_1eqd0_193:not(#\9) {
   border-color: var(--color-border-item-selected-20gejb, #0073bb);
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  height: 100%;
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  block-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1i5lq_97.awsui_in-filtering-token_18eso_1i5lq_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1eqd0_97.awsui_in-filtering-token_18eso_1eqd0_193:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1i5lq_97.awsui_in-filtering-token_18eso_1i5lq_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1eqd0_97.awsui_in-filtering-token_18eso_1eqd0_193:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1i5lq_97.awsui_in-filtering-token_18eso_1i5lq_187:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1eqd0_97.awsui_in-filtering-token_18eso_1eqd0_193:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
-  top: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
-  width: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
-  height: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
+  inset-block-start: calc(-1 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
+  inline-size: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
+  block-size: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-lr5vk6, 0px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_button-trigger_18eso_1i5lq_97.awsui_inline-tokens_18eso_1i5lq_245:not(#\9) {
-  padding-top: 0;
-  padding-bottom: 0;
+.awsui_button-trigger_18eso_1eqd0_97.awsui_inline-tokens_18eso_1eqd0_259:not(#\9) {
+  padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED Viewed

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_1i5lq_97",
-  "arrow": "awsui_arrow_18eso_1i5lq_97",
-  "has-caret": "awsui_has-caret_18eso_1i5lq_159",
-  "placeholder": "awsui_placeholder_18eso_1i5lq_162",
-  "pressed": "awsui_pressed_18eso_1i5lq_175",
-  "disabled": "awsui_disabled_18eso_1i5lq_178",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1i5lq_187",
-  "read-only": "awsui_read-only_18eso_1i5lq_193",
-  "invalid": "awsui_invalid_18eso_1i5lq_210",
-  "inline-tokens": "awsui_inline-tokens_18eso_1i5lq_245"
+  "button-trigger": "awsui_button-trigger_18eso_1eqd0_97",
+  "arrow": "awsui_arrow_18eso_1eqd0_97",
+  "has-caret": "awsui_has-caret_18eso_1eqd0_164",
+  "placeholder": "awsui_placeholder_18eso_1eqd0_167",
+  "pressed": "awsui_pressed_18eso_1eqd0_180",
+  "disabled": "awsui_disabled_18eso_1eqd0_183",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1eqd0_193",
+  "read-only": "awsui_read-only_18eso_1eqd0_199",
+  "invalid": "awsui_invalid_18eso_1eqd0_221",
+  "inline-tokens": "awsui_inline-tokens_18eso_1eqd0_259"
 };

package/lib/internal/template/internal/components/cartesian-chart/styles.css.js CHANGED Viewed

@@ -1,32 +1,32 @@
     import './styles.scoped.css';
     export default {
-  "axis": "awsui_axis_f0fot_1r3bt_9",
-  "vertical-marker": "awsui_vertical-marker_f0fot_1r3bt_10",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_1r3bt_15",
-  "axis-label": "awsui_axis-label_f0fot_1r3bt_19",
-  "axis-label--x": "awsui_axis-label--x_f0fot_1r3bt_24",
-  "axis-label--y": "awsui_axis-label--y_f0fot_1r3bt_25",
-  "grid": "awsui_grid_f0fot_1r3bt_29",
-  "ticks__line": "awsui_ticks__line_f0fot_1r3bt_34",
-  "ticks__text": "awsui_ticks__text_f0fot_1r3bt_39",
-  "ticks--y": "awsui_ticks--y_f0fot_1r3bt_44",
-  "ticks--x": "awsui_ticks--x_f0fot_1r3bt_45",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_1r3bt_49",
-  "labels-left": "awsui_labels-left_f0fot_1r3bt_54",
-  "ticks": "awsui_ticks_f0fot_1r3bt_34",
-  "labels-left__label": "awsui_labels-left__label_f0fot_1r3bt_69",
-  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_1r3bt_73",
-  "labels-bottom": "awsui_labels-bottom_f0fot_1r3bt_81",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_1r3bt_92",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_1r3bt_98",
-  "focus-outline": "awsui_focus-outline_f0fot_1r3bt_103",
-  "chart-container": "awsui_chart-container_f0fot_1r3bt_111",
-  "fit-height": "awsui_fit-height_f0fot_1r3bt_116",
-  "chart-container-outer": "awsui_chart-container-outer_f0fot_1r3bt_121",
-  "chart-container-inner": "awsui_chart-container-inner_f0fot_1r3bt_128",
-  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_1r3bt_135",
-  "chart-container-plot": "awsui_chart-container-plot_f0fot_1r3bt_135",
-  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_1r3bt_150"
+  "axis": "awsui_axis_f0fot_wz8n4_9",
+  "vertical-marker": "awsui_vertical-marker_f0fot_wz8n4_10",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_wz8n4_15",
+  "axis-label": "awsui_axis-label_f0fot_wz8n4_19",
+  "axis-label--x": "awsui_axis-label--x_f0fot_wz8n4_24",
+  "axis-label--y": "awsui_axis-label--y_f0fot_wz8n4_25",
+  "grid": "awsui_grid_f0fot_wz8n4_29",
+  "ticks__line": "awsui_ticks__line_f0fot_wz8n4_34",
+  "ticks__text": "awsui_ticks__text_f0fot_wz8n4_39",
+  "ticks--y": "awsui_ticks--y_f0fot_wz8n4_44",
+  "ticks--x": "awsui_ticks--x_f0fot_wz8n4_45",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_wz8n4_49",
+  "labels-left": "awsui_labels-left_f0fot_wz8n4_54",
+  "ticks": "awsui_ticks_f0fot_wz8n4_34",
+  "labels-left__label": "awsui_labels-left__label_f0fot_wz8n4_69",
+  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_wz8n4_73",
+  "labels-bottom": "awsui_labels-bottom_f0fot_wz8n4_81",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_wz8n4_92",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_wz8n4_98",
+  "focus-outline": "awsui_focus-outline_f0fot_wz8n4_103",
+  "chart-container": "awsui_chart-container_f0fot_wz8n4_111",
+  "fit-height": "awsui_fit-height_f0fot_wz8n4_116",
+  "chart-container-outer": "awsui_chart-container-outer_f0fot_wz8n4_121",
+  "chart-container-inner": "awsui_chart-container-inner_f0fot_wz8n4_128",
+  "chart-container-plot-wrapper": "awsui_chart-container-plot-wrapper_f0fot_wz8n4_135",
+  "chart-container-plot": "awsui_chart-container-plot_f0fot_wz8n4_135",
+  "chart-container-bottom-labels": "awsui_chart-container-bottom-labels_f0fot_wz8n4_147"
 };

package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css CHANGED Viewed

@@ -6,101 +6,101 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_axis_f0fot_1r3bt_9:not(#\9),
-.awsui_vertical-marker_f0fot_1r3bt_10:not(#\9) {
+.awsui_axis_f0fot_wz8n4_9:not(#\9),
+.awsui_vertical-marker_f0fot_wz8n4_10:not(#\9) {
   stroke: var(--color-charts-line-axis-1p5r06, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_axis--emphasized_f0fot_1r3bt_15:not(#\9) {
+.awsui_axis--emphasized_f0fot_wz8n4_15:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_axis-label_f0fot_1r3bt_19:not(#\9) {
+.awsui_axis-label_f0fot_wz8n4_19:not(#\9) {
   font-weight: bold;
   fill: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_axis-label--x_f0fot_1r3bt_24:not(#\9),
-.awsui_axis-label--y_f0fot_1r3bt_25:not(#\9) {
+.awsui_axis-label--x_f0fot_wz8n4_24:not(#\9),
+.awsui_axis-label--y_f0fot_wz8n4_25:not(#\9) {
   /* used in test-utils */
 }
-.awsui_grid_f0fot_1r3bt_29:not(#\9) {
+.awsui_grid_f0fot_wz8n4_29:not(#\9) {
   stroke: var(--color-charts-line-grid-1xcsr5, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__line_f0fot_1r3bt_34:not(#\9) {
+.awsui_ticks__line_f0fot_wz8n4_34:not(#\9) {
   stroke: var(--color-charts-line-tick-lj9bpx, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__text_f0fot_1r3bt_39:not(#\9) {
+.awsui_ticks__text_f0fot_wz8n4_39:not(#\9) {
   font-size: var(--font-chart-detail-size-pob89f, 14px);
   fill: var(--color-text-body-secondary-6ysfsn, #545b64);
 }
-.awsui_ticks--y_f0fot_1r3bt_44:not(#\9),
-.awsui_ticks--x_f0fot_1r3bt_45:not(#\9) {
+.awsui_ticks--y_f0fot_wz8n4_44:not(#\9),
+.awsui_ticks--x_f0fot_wz8n4_45:not(#\9) {
   /* used in test-utils */
 }
-.awsui_ticks--bottom_f0fot_1r3bt_49 > .awsui_ticks__text_f0fot_1r3bt_39:not(#\9) {
+.awsui_ticks--bottom_f0fot_wz8n4_49 > .awsui_ticks__text_f0fot_wz8n4_39:not(#\9) {
   text-anchor: middle;
   dominant-baseline: hanging;
 }
-.awsui_labels-left_f0fot_1r3bt_54 > .awsui_ticks_f0fot_1r3bt_34 > .awsui_ticks__text_f0fot_1r3bt_39:not(#\9) {
+.awsui_labels-left_f0fot_wz8n4_54 > .awsui_ticks_f0fot_wz8n4_34 > .awsui_ticks__text_f0fot_wz8n4_39:not(#\9) {
   text-anchor: end;
   dominant-baseline: central;
 }
-.awsui_labels-left_f0fot_1r3bt_54:not(#\9) {
+.awsui_labels-left_f0fot_wz8n4_54:not(#\9) {
   position: relative;
-  margin-right: 12px;
+  margin-inline-end: 12px;
 }
-.awsui_labels-left_f0fot_1r3bt_54 > .awsui_axis-label_f0fot_1r3bt_19:not(#\9) {
+.awsui_labels-left_f0fot_wz8n4_54 > .awsui_axis-label_f0fot_wz8n4_19:not(#\9) {
   position: absolute;
   visibility: visible;
   white-space: nowrap;
 }
-.awsui_labels-left__label_f0fot_1r3bt_69:not(#\9) {
+.awsui_labels-left__label_f0fot_wz8n4_69:not(#\9) {
   position: absolute;
 }
-.awsui_labels-left--hidden_f0fot_1r3bt_73:not(#\9) {
+.awsui_labels-left--hidden_f0fot_wz8n4_73:not(#\9) {
   visibility: hidden;
 }
-.awsui_labels-left--hidden_f0fot_1r3bt_73 > .awsui_labels-left__label_f0fot_1r3bt_69:not(#\9) {
+.awsui_labels-left--hidden_f0fot_wz8n4_73 > .awsui_labels-left__label_f0fot_wz8n4_69:not(#\9) {
   position: relative;
   white-space: nowrap;
 }
-.awsui_labels-bottom_f0fot_1r3bt_81:not(#\9) {
+.awsui_labels-bottom_f0fot_wz8n4_81:not(#\9) {
   position: relative;
   display: block;
-  width: 100%;
+  inline-size: 100%;
   overflow: visible;
 }
-.awsui_vertical-marker_f0fot_1r3bt_10:not(#\9) {
+.awsui_vertical-marker_f0fot_wz8n4_10:not(#\9) {
   pointer-events: none;
 }
-.awsui_vertical-marker-circle_f0fot_1r3bt_92:not(#\9) {
+.awsui_vertical-marker-circle_f0fot_wz8n4_92:not(#\9) {
   fill: var(--color-background-container-content-il2pe5, #ffffff);
   pointer-events: none;
   stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
-.awsui_vertical-marker-circle-active_f0fot_1r3bt_98:not(#\9) {
+.awsui_vertical-marker-circle-active_f0fot_wz8n4_98:not(#\9) {
   cursor: pointer;
   stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
-.awsui_focus-outline_f0fot_1r3bt_103:not(#\9) {
+.awsui_focus-outline_f0fot_wz8n4_103:not(#\9) {
   outline: none;
   pointer-events: none;
   fill: none;
@@ -108,45 +108,42 @@
   stroke-width: 2px;
 }
-.awsui_chart-container_f0fot_1r3bt_111:not(#\9) {
+.awsui_chart-container_f0fot_wz8n4_111:not(#\9) {
   display: flex;
-  width: 100%;
+  inline-size: 100%;
   flex-direction: column;
 }
-.awsui_chart-container_f0fot_1r3bt_111.awsui_fit-height_f0fot_1r3bt_116:not(#\9) {
-  height: 100%;
-  min-height: inherit;
+.awsui_chart-container_f0fot_wz8n4_111.awsui_fit-height_f0fot_wz8n4_116:not(#\9) {
+  block-size: 100%;
+  min-block-size: inherit;
 }
-.awsui_chart-container-outer_f0fot_1r3bt_121:not(#\9) {
+.awsui_chart-container-outer_f0fot_wz8n4_121:not(#\9) {
   display: flex;
 }
-.awsui_chart-container-outer_f0fot_1r3bt_121.awsui_fit-height_f0fot_1r3bt_116:not(#\9) {
+.awsui_chart-container-outer_f0fot_wz8n4_121.awsui_fit-height_f0fot_wz8n4_116:not(#\9) {
   flex: 1;
 }
-.awsui_chart-container-inner_f0fot_1r3bt_128:not(#\9) {
+.awsui_chart-container-inner_f0fot_wz8n4_128:not(#\9) {
   position: relative;
   display: flex;
   flex-direction: column;
-  width: 100%;
+  inline-size: 100%;
 }
-.awsui_chart-container-plot-wrapper_f0fot_1r3bt_135.awsui_fit-height_f0fot_1r3bt_116:not(#\9) {
+.awsui_chart-container-plot-wrapper_f0fot_wz8n4_135.awsui_fit-height_f0fot_wz8n4_116:not(#\9) {
   display: block;
   position: relative;
   flex: 1;
 }
-.awsui_chart-container-plot_f0fot_1r3bt_135.awsui_fit-height_f0fot_1r3bt_116:not(#\9) {
+.awsui_chart-container-plot_f0fot_wz8n4_135.awsui_fit-height_f0fot_wz8n4_116:not(#\9) {
   display: block;
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
-.awsui_chart-container-bottom-labels_f0fot_1r3bt_150.awsui_fit-height_f0fot_1r3bt_116:not(#\9) {
+.awsui_chart-container-bottom-labels_f0fot_wz8n4_147.awsui_fit-height_f0fot_wz8n4_116:not(#\9) {
   display: block;
 }