@cloudscape-design/components 3.0.1365 → 3.0.1367

package/tabs/styles.scoped.css

@@ -11,7 +11,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_vgx55_14:not(#\9) {
+.awsui_tabs-header_14rmt_kgxfl_14:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -20,13 +20,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
 
-.awsui_tab-header-scroll-container_14rmt_vgx55_23:not(#\9) {
+.awsui_tab-header-scroll-container_14rmt_kgxfl_23:not(#\9) {
   display: flex;
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_tabs-header-list_14rmt_vgx55_29:not(#\9) {
+.awsui_tabs-header-list_14rmt_kgxfl_29:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -39,225 +39,225 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-type: inline proximity;
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_vgx55_29:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_kgxfl_29:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_vgx55_46:not(#\9) {
-  margin-block: var(--space-scaled-s-8ozaad, 12px);
+.awsui_pagination-button_14rmt_kgxfl_46:not(#\9) {
+  margin-block: var(--space-scaled-s-2crg2b, 12px);
   margin-inline: 0;
   padding-block: 0;
-  padding-inline: var(--space-xxs-hwfkai, 4px);
+  padding-inline: var(--space-xxs-3o1yoq, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_vgx55_53:not(#\9) {
+.awsui_pagination-button-left_14rmt_kgxfl_53:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-dqtwtk, #dedee3);
 }
-.awsui_pagination-button-left-scrollable_14rmt_vgx55_56:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_kgxfl_56:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-l6jxjx, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-l6jxjx, rgba(15, 20, 26, 0.12));
 }
-.awsui_pagination-button-right_14rmt_vgx55_60:not(#\9) {
+.awsui_pagination-button-right_14rmt_kgxfl_60:not(#\9) {
   border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-dqtwtk, #dedee3);
 }
-.awsui_pagination-button-right-scrollable_14rmt_vgx55_63:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_kgxfl_63:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-l6jxjx, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-l6jxjx, rgba(15, 20, 26, 0.12));
 }
 
-.awsui_actions-container_14rmt_vgx55_68:not(#\9) {
+.awsui_actions-container_14rmt_kgxfl_68:not(#\9) {
   flex-shrink: 0;
   align-self: center;
-  padding-block: var(--space-xs-ymlm0b, 8px);
-  padding-inline: var(--space-xs-ymlm0b, 8px);
+  padding-block: var(--space-xs-m9b7jf, 8px);
+  padding-inline: var(--space-xs-m9b7jf, 8px);
   margin-inline-start: auto;
 }
 
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9) {
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   flex-shrink: 0;
   display: flex;
-  max-inline-size: calc(90% - var(--space-l-2ud1p3, 20px));
+  max-inline-size: calc(90% - var(--space-l-dpyxli, 20px));
   scroll-snap-align: start;
 }
 
-.awsui_tabs-tab-label_14rmt_vgx55_86:not(#\9) {
+.awsui_tabs-tab-label_14rmt_kgxfl_86:not(#\9) {
   display: flex;
   align-items: center;
-  padding-inline: var(--space-xs-ymlm0b, 8px);
-  padding-block: var(--space-tabs-vertical-3qxuiu, 4px);
+  padding-inline: var(--space-xs-m9b7jf, 8px);
+  padding-block: var(--space-tabs-vertical-7sydz7, 4px);
   text-align: start;
   position: relative;
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
-  padding-inline: var(--space-xs-ymlm0b, 8px);
+  padding-inline: var(--space-xs-m9b7jf, 8px);
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_vgx55_97 > .awsui_tabs-tab-dismiss_14rmt_vgx55_105:not(#\9), .awsui_tabs-tab-header-container_14rmt_vgx55_97 > .awsui_tabs-tab-action_14rmt_vgx55_105:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_kgxfl_97 > .awsui_tabs-tab-dismiss_14rmt_kgxfl_105:not(#\9), .awsui_tabs-tab-header-container_14rmt_kgxfl_97 > .awsui_tabs-tab-action_14rmt_kgxfl_105:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_vgx55_97.awsui_refresh_14rmt_vgx55_110 > span:not(#\9):first-of-type {
-  margin-inline-start: calc(-1 * var(--space-scaled-xs-xwoogq, 8px));
+.awsui_tabs-tab-header-container_14rmt_kgxfl_97.awsui_refresh_14rmt_kgxfl_110 > span:not(#\9):first-of-type {
+  margin-inline-start: calc(-1 * var(--space-scaled-xs-pajbd1, 8px));
 }
 
-.awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114):after {
+.awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
   inline-size: calc(100% - 1px);
   inset-block-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
-  block-size: var(--awsui-style-tabs-active-indicator-width-esndbs, var(--border-active-width-8f63o4, 4px));
-  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
-  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
-  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
-  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-esndbs, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
-  background: var(--awsui-style-tabs-active-indicator-color-esndbs, var(--color-border-tabs-underline-ueuyon, #006ce0));
+  block-size: var(--awsui-style-tabs-active-indicator-width-66120l, var(--border-active-width-8f63o4, 4px));
+  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-66120l, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
+  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-66120l, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
+  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-66120l, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
+  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-66120l, var(--border-radius-tabs-focus-ring-ss6drb, 20px));
+  background: var(--awsui-style-tabs-active-indicator-color-66120l, var(--color-border-tabs-underline-ueuyon, #006ce0));
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114).awsui_refresh_14rmt_vgx55_110:after {
-  transition: opacity var(--motion-duration-refresh-only-medium-5rbn3k, 165ms) var(--motion-easing-refresh-only-c-cxy2sk, cubic-bezier(0.84, 0, 0.16, 1));
+.awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114).awsui_refresh_14rmt_kgxfl_110:after {
+  transition: opacity var(--motion-duration-refresh-only-medium-s8g1xv, 165ms) var(--motion-easing-refresh-only-c-7hkv9v, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114).awsui_refresh_14rmt_vgx55_110:after {
+  .awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114).awsui_refresh_14rmt_kgxfl_110:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114).awsui_refresh_14rmt_vgx55_110:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_vgx55_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114).awsui_refresh_14rmt_vgx55_110:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114).awsui_refresh_14rmt_kgxfl_110:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_kgxfl_97:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114).awsui_refresh_14rmt_kgxfl_110:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_vgx55_97 {
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_kgxfl_97 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_vgx55_97:before {
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_kgxfl_97:before {
   content: "";
   position: absolute;
-  border-inline-end: var(--awsui-style-tabs-separator-width-esndbs, var(--border-divider-section-width-dlkb8v, 1px)) solid var(--awsui-style-tabs-separator-color-esndbs, var(--color-border-tabs-divider-y4z8fk, #c6c6cd));
-  inset: var(--space-scaled-s-8ozaad, 12px) 0;
+  border-inline-end: var(--awsui-style-tabs-separator-width-66120l, var(--border-divider-section-width-dlkb8v, 1px)) solid var(--awsui-style-tabs-separator-color-66120l, var(--color-border-tabs-divider-y4z8fk, #c6c6cd));
+  inset: var(--space-scaled-s-2crg2b, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_vgx55_97.awsui_refresh_14rmt_vgx55_110:before {
-  inset: calc(var(--space-static-s-t763lu, 12px) - var(--border-active-width-8f63o4, 4px)) 0;
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_kgxfl_97.awsui_refresh_14rmt_kgxfl_110:before {
+  inset: calc(var(--space-static-s-bwcdfm, 12px) - var(--border-active-width-8f63o4, 4px)) 0;
 }
 
-.awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9) {
+.awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
   text-decoration: none;
   cursor: pointer;
-  padding-block-start: calc(var(--space-scaled-s-8ozaad, 12px) - 2px);
-  padding-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - 1px);
+  padding-block-start: calc(var(--space-scaled-s-2crg2b, 12px) - 2px);
+  padding-block-end: calc(var(--space-scaled-s-2crg2b, 12px) - 1px);
   padding-inline: 0;
   margin-block-start: 1px;
-  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
-  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-esndbs, transparent);
+  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-66120l, transparent);
+  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-66120l, transparent);
   font-size: var(--font-size-tabs-dii5id, 16px);
   line-height: var(--line-height-tabs-5bo37m, 20px);
   font-weight: var(--font-weight-tabs-a6xetk, 700);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-interactive-default-1o1pl2, #424650));
-  background-color: var(--awsui-style-background-default-esndbs, transparent);
-  padding-inline-start: calc(var(--space-xxs-hwfkai, 4px) - 1px);
-  padding-inline-end: var(--space-xxs-hwfkai, 4px);
+  color: var(--awsui-style-color-default-66120l, var(--color-text-interactive-default-1o1pl2, #424650));
+  background-color: var(--awsui-style-background-default-66120l, transparent);
+  padding-inline-start: calc(var(--space-xxs-3o1yoq, 4px) - 1px);
+  padding-inline-end: var(--space-xxs-3o1yoq, 4px);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, grayscale);
 }
-.awsui_tabs-tab-link_14rmt_vgx55_156.awsui_refresh_14rmt_vgx55_110:not(#\9) {
-  padding-block-start: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
-  padding-block-end: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
+.awsui_tabs-tab-link_14rmt_kgxfl_156.awsui_refresh_14rmt_kgxfl_110:not(#\9) {
+  padding-block-start: calc(var(--space-static-xs-789l1l, 8px) - 1px);
+  padding-block-end: calc(var(--space-static-xs-789l1l, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9):hover {
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-accent-uvfi4k, #006ce0));
-  border-color: var(--awsui-style-border-color-hover-esndbs, var(--awsui-style-border-color-default-esndbs, transparent));
-  background-color: var(--awsui-style-background-hover-esndbs, var(--awsui-style-background-default-esndbs, transparent));
+.awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9):hover {
+  color: var(--awsui-style-color-hover-66120l, var(--color-text-accent-uvfi4k, #006ce0));
+  border-color: var(--awsui-style-border-color-hover-66120l, var(--awsui-style-border-color-default-66120l, transparent));
+  background-color: var(--awsui-style-background-hover-66120l, var(--awsui-style-background-default-66120l, transparent));
 }
-.awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9):focus {
-  --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-ditkrb, #006ce0));
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9):focus {
+  --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, 2px) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-ditkrb, #006ce0));
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-tabs-focus-outline-gutter-eerrg4, -8px) - 1px);
+  outline-offset: calc(var(--space-tabs-focus-outline-gutter-j12jn3, -8px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_kgxfl_156:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
-  inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
-  inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-eerrg4, -8px) + var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
-  block-size: calc(100% + var(--space-tabs-focus-outline-gutter-eerrg4, -8px) + var(--space-tabs-focus-outline-gutter-eerrg4, -8px));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
+  inset-inline-start: calc(-1 * var(--space-tabs-focus-outline-gutter-j12jn3, -8px));
+  inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-j12jn3, -8px));
+  inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-j12jn3, -8px) + var(--space-tabs-focus-outline-gutter-j12jn3, -8px));
+  block-size: calc(100% + var(--space-tabs-focus-outline-gutter-j12jn3, -8px) + var(--space-tabs-focus-outline-gutter-j12jn3, -8px));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
   z-index: 1;
 }
 
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):first-child {
   margin-inline-start: 1px;
   scroll-margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_vgx55_97 {
-  padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) - 1px);
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_kgxfl_97 {
+  padding-inline-start: calc(var(--space-xs-m9b7jf, 8px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):last-child {
   margin-inline-end: 1px;
   scroll-margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_vgx55_76:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_vgx55_97 {
-  padding-inline-end: calc(var(--space-xs-ymlm0b, 8px) - 1px);
+.awsui_tabs-tab_14rmt_kgxfl_76:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_kgxfl_97 {
+  padding-inline-end: calc(var(--space-xs-m9b7jf, 8px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_vgx55_114:not(#\9), .awsui_tabs-tab-disabled_14rmt_vgx55_114:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_kgxfl_114:not(#\9), .awsui_tabs-tab-disabled_14rmt_kgxfl_114:not(#\9):hover {
   cursor: default;
-  color: var(--awsui-style-color-disabled-esndbs, var(--color-text-interactive-disabled-bhh1zo, #b4b4bb));
-  border-color: var(--awsui-style-border-color-disabled-esndbs, transparent);
-  background-color: var(--awsui-style-background-disabled-esndbs, transparent);
+  color: var(--awsui-style-color-disabled-66120l, var(--color-text-interactive-disabled-bhh1zo, #b4b4bb));
+  border-color: var(--awsui-style-border-color-disabled-66120l, transparent);
+  background-color: var(--awsui-style-background-disabled-66120l, transparent);
   font-weight: var(--font-weight-tabs-disabled-utbnpu, 700);
 }
 
-.awsui_tabs-tab-active_14rmt_vgx55_239:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114) {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-accent-uvfi4k, #006ce0));
-  border-color: var(--awsui-style-border-color-active-esndbs, transparent);
-  background-color: var(--awsui-style-background-active-esndbs, transparent);
+.awsui_tabs-tab-active_14rmt_kgxfl_239:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114) {
+  color: var(--awsui-style-color-active-66120l, var(--color-text-accent-uvfi4k, #006ce0));
+  border-color: var(--awsui-style-border-color-active-66120l, transparent);
+  background-color: var(--awsui-style-background-active-66120l, transparent);
 }
-.awsui_tabs-tab-active_14rmt_vgx55_239:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_vgx55_114):after {
+.awsui_tabs-tab-active_14rmt_kgxfl_239:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_kgxfl_114):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_vgx55_248:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_kgxfl_248:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-tabs-divider-y4z8fk, #c6c6cd);
 }
 
-.awsui_tabs-tab-focusable_14rmt_vgx55_252:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_kgxfl_252:not(#\9) {
   /* used to manage focusable logic */
 }
 
-.awsui_root_14rmt_vgx55_256:not(#\9) {
+.awsui_root_14rmt_kgxfl_256:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_vgx55_14:not(#\9) {
+.awsui_tabs_14rmt_kgxfl_14:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -291,21 +291,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_vgx55_156:not(#\9
   inline-size: 100%;
 }
 
-.awsui_tabs-content_14rmt_vgx55_294:not(#\9) {
+.awsui_tabs-content_14rmt_kgxfl_294:not(#\9) {
   display: none;
 }
 
-.awsui_fit-height_14rmt_vgx55_298:not(#\9) {
+.awsui_fit-height_14rmt_kgxfl_298:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
 
-.awsui_tabs-content-active_14rmt_vgx55_304:not(#\9) {
+.awsui_tabs-content-active_14rmt_kgxfl_304:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_vgx55_304:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_kgxfl_304:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-33hhdh, 16px);
@@ -315,32 +315,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_vgx55_304:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_tabs-content-wrapper_14rmt_vgx55_318.awsui_with-paddings_14rmt_vgx55_318 > .awsui_tabs-content_14rmt_vgx55_294:not(#\9) {
-  padding-block: var(--space-scaled-m-m892r9, 16px);
+.awsui_tabs-content-wrapper_14rmt_kgxfl_318.awsui_with-paddings_14rmt_kgxfl_318 > .awsui_tabs-content_14rmt_kgxfl_294:not(#\9) {
+  padding-block: var(--space-scaled-m-lfeh3i, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_vgx55_298 > .awsui_tabs-content-wrapper_14rmt_vgx55_318:not(#\9) {
+.awsui_fit-height_14rmt_kgxfl_298 > .awsui_tabs-content-wrapper_14rmt_kgxfl_318:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
 
-.awsui_fit-height_14rmt_vgx55_298 > .awsui_tabs-content-wrapper_14rmt_vgx55_318 > .awsui_tabs-container-content-wrapper_14rmt_vgx55_329:not(#\9) {
+.awsui_fit-height_14rmt_kgxfl_298 > .awsui_tabs-content-wrapper_14rmt_kgxfl_318 > .awsui_tabs-container-content-wrapper_14rmt_kgxfl_329:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_vgx55_329.awsui_with-paddings_14rmt_vgx55_318 > .awsui_tabs-content_14rmt_vgx55_294:not(#\9) {
-  padding-block-start: var(--space-tabs-content-top-ju6qox, 12px);
-  padding-block-end: var(--space-scaled-l-sej05l, 20px);
-  padding-inline: var(--space-container-horizontal-nqrzyh, 20px);
+.awsui_tabs-container-content-wrapper_14rmt_kgxfl_329.awsui_with-paddings_14rmt_kgxfl_318 > .awsui_tabs-content_14rmt_kgxfl_294:not(#\9) {
+  padding-block-start: var(--space-tabs-content-top-vepiyd, 12px);
+  padding-block-end: var(--space-scaled-l-33ruz6, 20px);
+  padding-inline: var(--space-container-horizontal-quy5ai, 20px);
 }
 
-.awsui_disabled-reason-tooltip_14rmt_vgx55_340:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_kgxfl_340:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs-tab-focused_14rmt_vgx55_344:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_kgxfl_344:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/tabs/styles.selectors.js

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_vgx55_14",
-  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_vgx55_23",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_vgx55_29",
-  "pagination-button": "awsui_pagination-button_14rmt_vgx55_46",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_vgx55_53",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_vgx55_56",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_vgx55_60",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_vgx55_63",
-  "actions-container": "awsui_actions-container_14rmt_vgx55_68",
-  "tabs-tab": "awsui_tabs-tab_14rmt_vgx55_76",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_vgx55_86",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_vgx55_97",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_vgx55_105",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_vgx55_105",
-  "refresh": "awsui_refresh_14rmt_vgx55_110",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_vgx55_114",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_vgx55_156",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_vgx55_239",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_vgx55_248",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_vgx55_252",
-  "root": "awsui_root_14rmt_vgx55_256",
-  "tabs": "awsui_tabs_14rmt_vgx55_14",
-  "tabs-content": "awsui_tabs-content_14rmt_vgx55_294",
-  "fit-height": "awsui_fit-height_14rmt_vgx55_298",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_vgx55_304",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_vgx55_318",
-  "with-paddings": "awsui_with-paddings_14rmt_vgx55_318",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_vgx55_329",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_vgx55_340",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_vgx55_344"
+  "tabs-header": "awsui_tabs-header_14rmt_kgxfl_14",
+  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_kgxfl_23",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_kgxfl_29",
+  "pagination-button": "awsui_pagination-button_14rmt_kgxfl_46",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_kgxfl_53",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_kgxfl_56",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_kgxfl_60",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_kgxfl_63",
+  "actions-container": "awsui_actions-container_14rmt_kgxfl_68",
+  "tabs-tab": "awsui_tabs-tab_14rmt_kgxfl_76",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_kgxfl_86",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_kgxfl_97",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_kgxfl_105",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_kgxfl_105",
+  "refresh": "awsui_refresh_14rmt_kgxfl_110",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_kgxfl_114",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_kgxfl_156",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_kgxfl_239",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_kgxfl_248",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_kgxfl_252",
+  "root": "awsui_root_14rmt_kgxfl_256",
+  "tabs": "awsui_tabs_14rmt_kgxfl_14",
+  "tabs-content": "awsui_tabs-content_14rmt_kgxfl_294",
+  "fit-height": "awsui_fit-height_14rmt_kgxfl_298",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_kgxfl_304",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_kgxfl_318",
+  "with-paddings": "awsui_with-paddings_14rmt_kgxfl_318",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_kgxfl_329",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_kgxfl_340",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_kgxfl_344"
 };
   

package/tabs/tab-header-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-header-bar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-header-bar.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2CzC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC,sBAAsB,EAAE,QAAQ,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,OAAO,EACP,KAAK,GACN,EAAE,iBAAiB,eAmcnB;AA+ED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,UAEzF"}
+{"version":3,"file":"tab-header-bar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab-header-bar.tsx"],"names":[],"mappings":"AAiCA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2CzC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC;IACzD,WAAW,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC,sBAAsB,EAAE,QAAQ,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,WAAW,EACX,SAAS,EACT,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,OAAO,EACP,KAAK,GACN,EAAE,iBAAiB,eAmcnB;AAoFD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,UAEzF"}

package/tabs/tab-header-bar.js

@@ -414,7 +414,7 @@ const TabTrigger = forwardRef(({ tab, elementProps, activeTabId, index, style },
         style: { ...elementProps.style, ...getTabStyles(style) },
         ...(tab.disabled || tab.id === activeTabId ? {} : getAnalyticsMetadataAttribute(analyticsSelectMetadata)),
     };
-    return tab.href ? (React.createElement("a", { ...commonProps, href: tab.href }, children)) : (React.createElement("button", { ...commonProps, type: "button", disabled: tab.disabled && !isDisabledWithReason }, children));
+    return tab.href ? (React.createElement("a", { ...commonProps, href: tab.href, "data-awsui-motion-trigger": "hover" }, children)) : (React.createElement("button", { ...commonProps, type: "button", disabled: tab.disabled && !isDisabledWithReason, "data-awsui-motion-trigger": "hover" }, children));
 });
 export function getTabElementId({ namespace, tabId }) {
     return namespace + '-' + tabId;