npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.777 → 3.0.779 - Mend

@cloudscape-design/components-themeable 3.0.777 → 3.0.779

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

package/lib/internal/template/tabs/styles.scoped.css CHANGED Viewed

@@ -279,7 +279,7 @@ 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_7m97f_282:not(#\9) {
+.awsui_tabs-header_14rmt_96uwn_282:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -287,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_7m97f_290:not(#\9) {
+.awsui_tabs-header-list_14rmt_96uwn_290:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -300,209 +300,209 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_7m97f_290:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_96uwn_290:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_7m97f_307:not(#\9) {
-  margin-block: var(--space-scaled-s-9q8n2q, 12px);
+.awsui_pagination-button_14rmt_96uwn_307:not(#\9) {
+  margin-block: var(--space-scaled-s-8j7izy, 12px);
   margin-inline: 0;
   padding-block: 0;
-  padding-inline: var(--space-xxs-9rrxti, 4px);
+  padding-inline: var(--space-xxs-y2432o, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_7m97f_314:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-2qnaa4, #d5dbdb);
+.awsui_pagination-button-left_14rmt_96uwn_314:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_7m97f_317:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_96uwn_317:not(#\9) {
   z-index: 1;
-  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-qpnr82, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-qpnr82, #eaeded);
+  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_7m97f_321:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-2qnaa4, #d5dbdb);
+.awsui_pagination-button-right_14rmt_96uwn_321:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_7m97f_324:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_96uwn_324:not(#\9) {
   z-index: 1;
-  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-qpnr82, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-qpnr82, #eaeded);
+  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9) {
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   flex-shrink: 0;
   display: flex;
-  max-inline-size: calc(90% - var(--space-l-xu1x80, 20px));
+  max-inline-size: calc(90% - var(--space-l-eenfqd, 20px));
 }
-.awsui_tabs-tab-label_14rmt_7m97f_338:not(#\9) {
+.awsui_tabs-tab-label_14rmt_96uwn_338:not(#\9) {
   display: flex;
   align-items: center;
-  padding-inline: var(--space-xs-xf5ch3, 8px);
-  padding-block: var(--space-scaled-2x-xxs-r5f1ts, 4px);
+  padding-inline: var(--space-xs-6dgkww, 8px);
+  padding-block: var(--space-scaled-2x-xxs-b0ph6q, 4px);
   text-align: start;
   position: relative;
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9) {
   position: relative;
-  border-block: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
-  border-inline: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
-  padding-inline: var(--space-xs-xf5ch3, 8px);
+  border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
+  border-inline: var(--border-divider-section-width-iueskx, 1px) solid transparent;
+  padding-inline: var(--space-xs-6dgkww, 8px);
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_7m97f_349 > button:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_96uwn_349 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349 > .awsui_tabs-tab-dismiss_14rmt_7m97f_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_7m97f_349 > .awsui_tabs-tab-action_14rmt_7m97f_360:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_96uwn_349 > .awsui_tabs-tab-dismiss_14rmt_96uwn_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_96uwn_349 > .awsui_tabs-tab-action_14rmt_96uwn_360:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349.awsui_refresh_14rmt_7m97f_364 > span:not(#\9):first-of-type {
-  margin-inline-start: calc(-1 * var(--space-scaled-xs-x91h81, 8px));
+.awsui_tabs-tab-header-container_14rmt_96uwn_349.awsui_refresh_14rmt_96uwn_364 > span:not(#\9):first-of-type {
+  margin-inline-start: calc(-1 * var(--space-scaled-xs-t3am3w, 8px));
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368):after {
+.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
   inline-size: calc(100% - 1px);
-  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-u4eatn, #16191f);
+  inset-block-end: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
+  block-size: var(--border-active-width-28kchn, 2px);
+  border-start-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-start-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  background: var(--color-border-tabs-underline-3q3di9, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368).awsui_refresh_14rmt_7m97f_364:after {
-  transition: opacity var(--motion-duration-refresh-only-medium-i6gkfs, 0ms) var(--motion-easing-refresh-only-c-2mltoq, cubic-bezier(0.84, 0, 0.16, 1));
+.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
+  transition: opacity var(--motion-duration-refresh-only-medium-kd6k1u, 0ms) var(--motion-easing-refresh-only-c-8zqwmw, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368).awsui_refresh_14rmt_7m97f_364:after {
+  .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368).awsui_refresh_14rmt_7m97f_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_7m97f_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368).awsui_refresh_14rmt_7m97f_364:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7m97f_349 {
-  margin-inline-end: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+  margin-inline-end: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7m97f_349:before {
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349:before {
   content: "";
   position: absolute;
-  border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-4qy81q, #aab7b8);
-  inset: var(--space-scaled-s-9q8n2q, 12px) 0;
+  border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
+  inset: var(--space-scaled-s-8j7izy, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7m97f_349.awsui_refresh_14rmt_7m97f_364:before {
-  inset: calc(var(--space-static-s-8wszr2, 12px) - var(--border-active-width-lk35x8, 2px)) 0;
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349.awsui_refresh_14rmt_96uwn_364:before {
+  inset: calc(var(--space-static-s-pwj45y, 12px) - var(--border-active-width-28kchn, 2px)) 0;
 }
-.awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9) {
+.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
   text-decoration: none;
   cursor: pointer;
-  padding-block-start: calc(var(--space-scaled-s-9q8n2q, 12px) - 2px);
-  padding-block-end: calc(var(--space-scaled-s-9q8n2q, 12px) - 1px);
+  padding-block-start: calc(var(--space-scaled-s-8j7izy, 12px) - 2px);
+  padding-block-end: calc(var(--space-scaled-s-8j7izy, 12px) - 1px);
   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);
-  color: var(--color-text-interactive-default-1hkfiv, #545b64);
-  padding-inline-start: calc(var(--space-xxs-9rrxti, 4px) - 1px);
-  padding-inline-end: var(--space-xxs-9rrxti, 4px);
-  -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_7m97f_410.awsui_refresh_14rmt_7m97f_364:not(#\9) {
-  padding-block-start: calc(var(--space-static-xs-fdj8ix, 8px) - 1px);
-  padding-block-end: calc(var(--space-static-xs-fdj8ix, 8px) - 1px);
+  border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
+  border-inline: var(--border-divider-section-width-iueskx, 1px) solid transparent;
+  font-size: var(--font-tabs-size-klj273, 14px);
+  line-height: var(--font-tabs-line-height-7ux3uy, 22px);
+  font-weight: var(--font-wayfinding-link-active-weight-qpw3j2, 700);
+  color: var(--color-text-interactive-default-t1snbz, #545b64);
+  padding-inline-start: calc(var(--space-xxs-y2432o, 4px) - 1px);
+  padding-inline-end: var(--space-xxs-y2432o, 4px);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_tabs-tab-link_14rmt_96uwn_410.awsui_refresh_14rmt_96uwn_364:not(#\9) {
+  padding-block-start: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
+  padding-block-end: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9):hover {
-  color: var(--color-text-accent-l5kln7, #0073bb);
+.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):hover {
+  color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
   z-index: 1;
   border-inline-end-color: transparent;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) - 1px);
+  outline-offset: calc(var(--space-tabs-focus-outline-gutter-ix5qjm, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  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% + var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) + var(--space-tabs-focus-outline-gutter-2tu8wb, 0px));
-  block-size: calc(100% + var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) + 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-7jb69s, #0073bb);
+  inset-inline-start: calc(-1 * var(--space-tabs-focus-outline-gutter-ix5qjm, 0px));
+  inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-ix5qjm, 0px));
+  inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-ix5qjm, 0px) + var(--space-tabs-focus-outline-gutter-ix5qjm, 0px));
+  block-size: calc(100% + var(--space-tabs-focus-outline-gutter-ix5qjm, 0px) + var(--space-tabs-focus-outline-gutter-ix5qjm, 0px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):first-child {
   margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_7m97f_349 {
-  padding-inline-start: calc(var(--space-xs-xf5ch3, 8px) - 1px);
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+  padding-inline-start: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):last-child {
   margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_7m97f_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_7m97f_349 {
-  padding-inline-end: calc(var(--space-xs-xf5ch3, 8px) - 1px);
+.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+  padding-inline-end: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_7m97f_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_7m97f_368:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_96uwn_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_96uwn_368:not(#\9):hover {
   cursor: default;
-  color: var(--color-text-interactive-disabled-azvq53, #aab7b8);
-  font-weight: var(--font-tabs-disabled-weight-uew17o, 400);
+  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
+  font-weight: var(--font-tabs-disabled-weight-u0cr6g, 400);
 }
-.awsui_tabs-tab-active_14rmt_7m97f_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368) {
-  color: var(--color-text-accent-l5kln7, #0073bb);
+.awsui_tabs-tab-active_14rmt_96uwn_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368) {
+  color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_7m97f_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7m97f_368):after {
+.awsui_tabs-tab-active_14rmt_96uwn_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_7m97f_493:not(#\9) {
-  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-4qy81q, #aab7b8);
+.awsui_tabs-header-with-divider_14rmt_96uwn_493:not(#\9) {
+  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
 }
-.awsui_tabs-tab-focusable_14rmt_7m97f_497:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_96uwn_497:not(#\9) {
   /* used to manage focusable logic */
 }
-.awsui_root_14rmt_7m97f_501:not(#\9) {
+.awsui_root_14rmt_96uwn_501:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_7m97f_282:not(#\9) {
+.awsui_tabs_14rmt_96uwn_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -529,67 +529,67 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7m97f_410:not(#\9
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: block;
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_7m97f_542:not(#\9) {
+.awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
   display: none;
 }
-.awsui_fit-height_14rmt_7m97f_546:not(#\9) {
+.awsui_fit-height_14rmt_96uwn_546:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_tabs-content-active_14rmt_7m97f_552:not(#\9) {
+.awsui_tabs-content-active_14rmt_96uwn_552:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_7m97f_552:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_96uwn_552:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  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-7jb69s, #0073bb);
+  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
+  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_7m97f_566.awsui_with-paddings_14rmt_7m97f_566 > .awsui_tabs-content_14rmt_7m97f_542:not(#\9) {
-  padding-block: var(--space-scaled-m-er48cl, 16px);
+.awsui_tabs-content-wrapper_14rmt_96uwn_566.awsui_with-paddings_14rmt_96uwn_566 > .awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
+  padding-block: var(--space-scaled-m-3uxq9h, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_7m97f_546 > .awsui_tabs-content-wrapper_14rmt_7m97f_566:not(#\9) {
+.awsui_fit-height_14rmt_96uwn_546 > .awsui_tabs-content-wrapper_14rmt_96uwn_566:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.awsui_fit-height_14rmt_7m97f_546 > .awsui_tabs-content-wrapper_14rmt_7m97f_566 > .awsui_tabs-container-content-wrapper_14rmt_7m97f_577:not(#\9) {
+.awsui_fit-height_14rmt_96uwn_546 > .awsui_tabs-content-wrapper_14rmt_96uwn_566 > .awsui_tabs-container-content-wrapper_14rmt_96uwn_577:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_7m97f_577.awsui_with-paddings_14rmt_7m97f_566 > .awsui_tabs-content_14rmt_7m97f_542: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);
+.awsui_tabs-container-content-wrapper_14rmt_96uwn_577.awsui_with-paddings_14rmt_96uwn_566 > .awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
+  padding-block-start: var(--space-tabs-content-top-asxj61, 16px);
+  padding-block-end: var(--space-scaled-l-7e51pg, 20px);
+  padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
-.awsui_disabled-reason-tooltip_14rmt_7m97f_588:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_96uwn_588:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs-tab-focused_14rmt_7m97f_592:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_96uwn_592:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

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

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_7m97f_282",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_7m97f_290",
-  "pagination-button": "awsui_pagination-button_14rmt_7m97f_307",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_7m97f_314",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_7m97f_317",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_7m97f_321",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_7m97f_324",
-  "tabs-tab": "awsui_tabs-tab_14rmt_7m97f_329",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_7m97f_338",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_7m97f_349",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_7m97f_360",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_7m97f_360",
-  "refresh": "awsui_refresh_14rmt_7m97f_364",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_7m97f_368",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_7m97f_410",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_7m97f_486",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_7m97f_493",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_7m97f_497",
-  "root": "awsui_root_14rmt_7m97f_501",
-  "tabs": "awsui_tabs_14rmt_7m97f_282",
-  "tabs-content": "awsui_tabs-content_14rmt_7m97f_542",
-  "fit-height": "awsui_fit-height_14rmt_7m97f_546",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_7m97f_552",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_7m97f_566",
-  "with-paddings": "awsui_with-paddings_14rmt_7m97f_566",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_7m97f_577",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_7m97f_588",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_7m97f_592"
+  "tabs-header": "awsui_tabs-header_14rmt_96uwn_282",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_96uwn_290",
+  "pagination-button": "awsui_pagination-button_14rmt_96uwn_307",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_96uwn_314",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_96uwn_317",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_96uwn_321",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_96uwn_324",
+  "tabs-tab": "awsui_tabs-tab_14rmt_96uwn_329",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_96uwn_338",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_96uwn_349",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_96uwn_360",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_96uwn_360",
+  "refresh": "awsui_refresh_14rmt_96uwn_364",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_96uwn_368",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_96uwn_410",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_96uwn_486",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_96uwn_493",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_96uwn_497",
+  "root": "awsui_root_14rmt_96uwn_501",
+  "tabs": "awsui_tabs_14rmt_96uwn_282",
+  "tabs-content": "awsui_tabs-content_14rmt_96uwn_542",
+  "fit-height": "awsui_fit-height_14rmt_96uwn_546",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_96uwn_552",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_96uwn_566",
+  "with-paddings": "awsui_with-paddings_14rmt_96uwn_566",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_96uwn_577",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_96uwn_588",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_96uwn_592"
 };

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_1obd9_141",
-  "loading": "awsui_loading_brdst_1obd9_145",
-  "undo-button": "awsui_undo-button_brdst_1obd9_149"
+  "root": "awsui_root_brdst_khi07_141",
+  "loading": "awsui_loading_brdst_khi07_145",
+  "undo-button": "awsui_undo-button_brdst_khi07_149"
 };

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

@@ -138,61 +138,61 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_brdst_1obd9_141:not(#\9) {
+.awsui_root_brdst_khi07_141:not(#\9) {
   /* used in test utils */
 }
-.awsui_loading_brdst_1obd9_145:not(#\9) {
+.awsui_loading_brdst_khi07_145:not(#\9) {
   /* used in test utils */
 }
-.awsui_undo-button_brdst_1obd9_149:not(#\9) {
-  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
+.awsui_undo-button_brdst_khi07_149:not(#\9) {
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-nyypzq, #0073bb);
-  font-weight: var(--font-link-button-weight-3dz9pc, 400);
-  letter-spacing: var(--font-link-button-letter-spacing-bphvbi, normal);
+  color: var(--color-text-link-default-8s05yu, #0073bb);
+  font-weight: var(--font-link-button-weight-ww83l7, 400);
+  letter-spacing: var(--font-link-button-letter-spacing-9bbd1q, normal);
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-button-underline-14s7oj, currentColor);
+  text-decoration-color: var(--color-text-link-button-underline-6kk7z5, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_undo-button_brdst_1obd9_149:not(#\9) {
+  .awsui_undo-button_brdst_khi07_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_undo-button_brdst_1obd9_149:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_1obd9_149:not(#\9) {
+.awsui-motion-disabled .awsui_undo-button_brdst_khi07_149:not(#\9), .awsui-mode-entering .awsui_undo-button_brdst_khi07_149:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_undo-button_brdst_1obd9_149:not(#\9):hover {
+.awsui_undo-button_brdst_khi07_149:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_undo-button_brdst_1obd9_149:not(#\9):focus {
+.awsui_undo-button_brdst_khi07_149:not(#\9):focus {
   outline: none;
 }
-.awsui_undo-button_brdst_1obd9_149:not(#\9):active {
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+.awsui_undo-button_brdst_khi07_149:not(#\9):active {
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_undo-button_brdst_1obd9_149:not(#\9):active, .awsui_undo-button_brdst_1obd9_149:not(#\9):focus, .awsui_undo-button_brdst_1obd9_149:not(#\9):hover {
+.awsui_undo-button_brdst_khi07_149:not(#\9):active, .awsui_undo-button_brdst_khi07_149:not(#\9):focus, .awsui_undo-button_brdst_khi07_149:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: var(--color-text-link-button-underline-hover-jgc99f, currentColor);
+  text-decoration-color: var(--color-text-link-button-underline-hover-9rgjgz, currentColor);
 }
-body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_1obd9_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_undo-button_brdst_khi07_149:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-7jb69s, #0073bb);
-  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-7jb69s, #0073bb);
+  outline-color: var(--color-border-item-focused-q68bgg, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #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_1obd9_141",
-  "loading": "awsui_loading_brdst_1obd9_145",
-  "undo-button": "awsui_undo-button_brdst_1obd9_149"
+  "root": "awsui_root_brdst_khi07_141",
+  "loading": "awsui_loading_brdst_khi07_145",
+  "undo-button": "awsui_undo-button_brdst_khi07_149"
 };

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_1uzez_142"
+  "text-content": "awsui_text-content_6absk_f4dtp_142"
 };