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

@cloudscape-design/components-themeable 3.0.533 → 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/tabs/styles.scoped.css CHANGED Viewed

@@ -183,82 +183,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_d31on_186:not(#\9) {
-  margin: 0;
-  padding: 0;
+.awsui_tabs-header_14rmt_mz2h2_186:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_d31on_192:not(#\9) {
-  margin: 0;
-  padding: 0;
+.awsui_tabs-header-list_14rmt_mz2h2_194:not(#\9) {
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
   display: flex;
   overflow-x: scroll;
   overflow-y: hidden;
   position: relative;
-  width: 100%;
+  inline-size: 100%;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_d31on_192:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_mz2h2_194:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_d31on_207:not(#\9) {
-  margin: var(--space-scaled-s-9q8n2q, 12px) 0;
-  padding: 0 var(--space-xxs-9rrxti, 4px);
+.awsui_pagination-button_14rmt_mz2h2_211:not(#\9) {
+  margin-block: var(--space-scaled-s-9q8n2q, 12px);
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: var(--space-xxs-9rrxti, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_d31on_212:not(#\9) {
-  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
+.awsui_pagination-button-left_14rmt_mz2h2_218:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_d31on_215:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_mz2h2_221:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-vlaodw, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_d31on_219:not(#\9) {
-  border-left: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
+.awsui_pagination-button-right_14rmt_mz2h2_225:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_d31on_222:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_mz2h2_228:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-vlaodw, #eaeded);
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9) {
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9) {
   list-style: none;
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 0;
   flex-shrink: 0;
   display: flex;
-  max-width: calc(90% - var(--space-l-xu1x80, 20px));
+  max-inline-size: calc(90% - var(--space-l-xu1x80, 20px));
 }
-.awsui_tabs-tab_14rmt_d31on_227 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_mz2h2_233 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-label_14rmt_d31on_238:not(#\9) {
+.awsui_tabs-tab-label_14rmt_mz2h2_245:not(#\9) {
   display: flex;
   align-items: center;
-  padding: var(--space-scaled-2x-xxs-r5f1ts, 4px) var(--space-l-xu1x80, 20px);
-  text-align: left;
+  padding-block: var(--space-scaled-2x-xxs-r5f1ts, 4px);
+  padding-inline: var(--space-l-xu1x80, 20px);
+  text-align: start;
   position: relative;
-  min-width: 0;
+  min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_d31on_238, .awsui_tabs-tab_14rmt_d31on_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_d31on_238 {
-  margin-right: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
-  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_mz2h2_245, .awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_mz2h2_245 {
+  margin-inline-end: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
+  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
 }
-.awsui_tabs-tab-link_14rmt_d31on_253:not(#\9) {
+.awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
   text-decoration: none;
   cursor: pointer;
-  padding: calc(var(--space-scaled-s-9q8n2q, 12px) - 1px) 0 var(--space-scaled-s-9q8n2q, 12px) 0;
-  margin-top: 1px;
-  border: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
+  padding-block-start: calc(var(--space-scaled-s-9q8n2q, 12px) - 1px);
+  padding-block-end: var(--space-scaled-s-9q8n2q, 12px);
+  padding-inline: 0;
+  margin-block-start: 1px;
+  border-block: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
+  border-inline: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
   font-size: var(--font-tabs-size-0kyoli, 14px);
   line-height: var(--font-tabs-line-height-om7l0p, 22px);
   font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
@@ -266,100 +277,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_tabs-tab-link_14rmt_d31on_253.awsui_refresh_14rmt_d31on_269:not(#\9) {
-  padding: calc(var(--space-static-xs-fdj8ix, 8px) - 1px) 0 var(--space-static-xs-fdj8ix, 8px) 0;
+.awsui_tabs-tab-link_14rmt_mz2h2_261.awsui_refresh_14rmt_mz2h2_280:not(#\9) {
+  padding-block-start: calc(var(--space-static-xs-fdj8ix, 8px) - 1px);
+  padding-block-end: var(--space-static-xs-fdj8ix, 8px);
+  padding-inline: 0;
 }
-.awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
-  top: calc(-1 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
-  width: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
-  height: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
+  inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
+  inline-size: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
+  block-size: calc(100% + 2 * var(--space-tabs-focus-outline-gutter-2tu8wb, 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);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_d31on_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_d31on_238 {
-  border-right-color: transparent;
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_mz2h2_245, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_mz2h2_245 {
+  border-inline-end-color: transparent;
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9):first-child {
-  margin-left: 1px;
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):first-child {
+  margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_d31on_238, .awsui_tabs-tab_14rmt_d31on_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_d31on_238 {
-  padding-left: calc(var(--space-l-xu1x80, 20px) - 1px);
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_mz2h2_245, .awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_mz2h2_245 {
+  padding-inline-start: calc(var(--space-l-xu1x80, 20px) - 1px);
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9):last-child {
-  margin-right: 1px;
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):last-child {
+  margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_d31on_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_d31on_238, .awsui_tabs-tab_14rmt_d31on_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_d31on_238 {
-  padding-right: calc(var(--space-l-xu1x80, 20px) - 1px);
+.awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_mz2h2_245, .awsui_tabs-tab_14rmt_mz2h2_233:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_mz2h2_245 {
+  padding-inline-end: calc(var(--space-l-xu1x80, 20px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_d31on_315:not(#\9), .awsui_tabs-tab-disabled_14rmt_d31on_315:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_mz2h2_331:not(#\9), .awsui_tabs-tab-disabled_14rmt_mz2h2_331:not(#\9):hover {
   pointer-events: none;
   cursor: default;
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
   font-weight: var(--font-tabs-disabled-weight-uew17o, 400);
 }
-.awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315):after {
+.awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331):after {
   content: "";
   position: absolute;
-  left: 0;
-  width: 100%;
-  bottom: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
-  height: var(--border-active-width-lk35x8, 2px);
-  border-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  inset-inline-start: 0;
+  inline-size: 100%;
+  inset-block-end: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
+  block-size: var(--border-active-width-lk35x8, 2px);
+  border-start-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  border-start-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  border-end-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  border-end-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
   background: var(--color-border-tabs-underline-vxhq31, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315).awsui_refresh_14rmt_d31on_269:after {
+.awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331).awsui_refresh_14rmt_mz2h2_280:after {
   transition: opacity var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-c-2mltoq, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315).awsui_refresh_14rmt_d31on_269:after {
+  .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331).awsui_refresh_14rmt_mz2h2_280:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315).awsui_refresh_14rmt_d31on_269:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315).awsui_refresh_14rmt_d31on_269:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331).awsui_refresh_14rmt_mz2h2_280:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_mz2h2_261:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331).awsui_refresh_14rmt_mz2h2_280:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab-active_14rmt_d31on_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315) {
+.awsui_tabs-tab-active_14rmt_mz2h2_366:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331) {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_d31on_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_d31on_315):after {
+.awsui_tabs-tab-active_14rmt_mz2h2_366:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_mz2h2_331):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_d31on_354:not(#\9) {
-  border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
+.awsui_tabs-header-with-divider_14rmt_mz2h2_373:not(#\9) {
+  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
 }
-.awsui_root_14rmt_d31on_358:not(#\9) {
+.awsui_root_14rmt_mz2h2_377:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_d31on_186:not(#\9) {
+.awsui_tabs_14rmt_mz2h2_186:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -394,27 +413,33 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_d31on_253:not(#\9
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: block;
-  width: 100%;
+  inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_d31on_399:not(#\9) {
+.awsui_tabs-content_14rmt_mz2h2_418:not(#\9) {
   display: none;
 }
-.awsui_tabs-content-active_14rmt_d31on_403:not(#\9) {
+.awsui_tabs-content-active_14rmt_mz2h2_422:not(#\9) {
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_d31on_403:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_mz2h2_422:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_d31on_413.awsui_with-paddings_14rmt_d31on_413 > .awsui_tabs-content_14rmt_d31on_399:not(#\9) {
-  padding: var(--space-scaled-m-er48cl, 16px) 0;
+.awsui_tabs-content-wrapper_14rmt_mz2h2_435.awsui_with-paddings_14rmt_mz2h2_435 > .awsui_tabs-content_14rmt_mz2h2_418:not(#\9) {
+  padding-block: var(--space-scaled-m-er48cl, 16px);
+  padding-inline: 0;
 }
-.awsui_tabs-container-content-wrapper_14rmt_d31on_417.awsui_with-paddings_14rmt_d31on_413 > .awsui_tabs-content_14rmt_d31on_399:not(#\9) {
-  padding: var(--space-tabs-content-top-53djlo, 16px) var(--space-container-horizontal-oebwqe, 20px) var(--space-scaled-l-08jb88, 20px);
+.awsui_tabs-container-content-wrapper_14rmt_mz2h2_440.awsui_with-paddings_14rmt_mz2h2_435 > .awsui_tabs-content_14rmt_mz2h2_418:not(#\9) {
+  padding-block-start: var(--space-tabs-content-top-53djlo, 16px);
+  padding-block-end: var(--space-scaled-l-08jb88, 20px);
+  padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }

package/lib/internal/template/tabs/styles.selectors.js CHANGED Viewed

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_d31on_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_d31on_192",
-  "pagination-button": "awsui_pagination-button_14rmt_d31on_207",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_d31on_212",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_d31on_215",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_d31on_219",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_d31on_222",
-  "tabs-tab": "awsui_tabs-tab_14rmt_d31on_227",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_d31on_238",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_d31on_253",
-  "refresh": "awsui_refresh_14rmt_d31on_269",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_d31on_315",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_d31on_347",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_d31on_354",
-  "root": "awsui_root_14rmt_d31on_358",
-  "tabs": "awsui_tabs_14rmt_d31on_186",
-  "tabs-content": "awsui_tabs-content_14rmt_d31on_399",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_d31on_403",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_d31on_413",
-  "with-paddings": "awsui_with-paddings_14rmt_d31on_413",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_d31on_417"
+  "tabs-header": "awsui_tabs-header_14rmt_mz2h2_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_mz2h2_194",
+  "pagination-button": "awsui_pagination-button_14rmt_mz2h2_211",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_mz2h2_218",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_mz2h2_221",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_mz2h2_225",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_mz2h2_228",
+  "tabs-tab": "awsui_tabs-tab_14rmt_mz2h2_233",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_mz2h2_245",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_mz2h2_261",
+  "refresh": "awsui_refresh_14rmt_mz2h2_280",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_mz2h2_331",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_mz2h2_366",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_mz2h2_373",
+  "root": "awsui_root_14rmt_mz2h2_377",
+  "tabs": "awsui_tabs_14rmt_mz2h2_186",
+  "tabs-content": "awsui_tabs-content_14rmt_mz2h2_418",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_mz2h2_422",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_mz2h2_435",
+  "with-paddings": "awsui_with-paddings_14rmt_mz2h2_435",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_mz2h2_440"
 };

package/lib/internal/template/tag-editor/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_brdst_xzksa_93",
-  "loading": "awsui_loading_brdst_xzksa_97",
-  "undo-button": "awsui_undo-button_brdst_xzksa_101"
+  "root": "awsui_root_brdst_1a1x4_93",
+  "loading": "awsui_loading_brdst_1a1x4_97",
+  "undo-button": "awsui_undo-button_brdst_1a1x4_101"
 };

package/lib/internal/template/tag-editor/styles.scoped.css CHANGED Viewed

@@ -90,15 +90,15 @@ 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_brdst_xzksa_93:not(#\9) {
+.awsui_root_brdst_1a1x4_93:not(#\9) {
   /* used in test utils */
 }
-.awsui_loading_brdst_xzksa_97:not(#\9) {
+.awsui_loading_brdst_1a1x4_97:not(#\9) {
   /* used in test utils */
 }
-.awsui_undo-button_brdst_xzksa_101:not(#\9) {
+.awsui_undo-button_brdst_1a1x4_101:not(#\9) {
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   color: var(--color-text-link-default-hop3gv, #0073bb);
@@ -114,34 +114,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_undo-button_brdst_xzksa_101:not(#\9) {
+  .awsui_undo-button_brdst_1a1x4_101:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_undo-button_brdst_xzksa_101:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_xzksa_101:not(#\9) {
+.awsui-motion-disabled .awsui_undo-button_brdst_1a1x4_101:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1a1x4_101:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_undo-button_brdst_xzksa_101:not(#\9):hover {
+.awsui_undo-button_brdst_1a1x4_101:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_undo-button_brdst_xzksa_101:not(#\9):focus {
+.awsui_undo-button_brdst_1a1x4_101:not(#\9):focus {
   outline: none;
 }
-.awsui_undo-button_brdst_xzksa_101:not(#\9):active {
+.awsui_undo-button_brdst_1a1x4_101:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_undo-button_brdst_xzksa_101:not(#\9):active, .awsui_undo-button_brdst_xzksa_101:not(#\9):focus, .awsui_undo-button_brdst_xzksa_101:not(#\9):hover {
+.awsui_undo-button_brdst_1a1x4_101:not(#\9):active, .awsui_undo-button_brdst_1a1x4_101:not(#\9):focus, .awsui_undo-button_brdst_1a1x4_101:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-button-underline-hover-jgc99f, currentColor);
 }
-body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_xzksa_101:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1a1x4_101:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  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 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }

package/lib/internal/template/tag-editor/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_brdst_xzksa_93",
-  "loading": "awsui_loading_brdst_xzksa_97",
-  "undo-button": "awsui_undo-button_brdst_xzksa_101"
+  "root": "awsui_root_brdst_1a1x4_93",
+  "loading": "awsui_loading_brdst_1a1x4_97",
+  "undo-button": "awsui_undo-button_brdst_1a1x4_101"
 };

package/lib/internal/template/text-content/styles.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
     import './styles.scoped.css';
     export default {
-  "text-content": "awsui_text-content_6absk_1u4w9_94"
+  "text-content": "awsui_text-content_6absk_1o63y_94"
 };