@cloudscape-design/components 3.0.681 → 3.0.683

package/select/parts/styles.scoped.css

@@ -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_placeholder_dwuol_k04db_97:not(#\9) {
+.awsui_placeholder_dwuol_1bifm_97:not(#\9) {
   color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
   font-style: italic;
 }
 
-.awsui_item_dwuol_k04db_102:not(#\9) {
+.awsui_item_dwuol_1bifm_102:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_k04db_102 > .awsui_checkbox_dwuol_k04db_106:not(#\9) {
+.awsui_item_dwuol_1bifm_102 > .awsui_checkbox_dwuol_1bifm_106:not(#\9) {
   position: relative;
   min-block-size: var(--size-control-28i7hr, 16px);
   min-inline-size: var(--size-control-28i7hr, 16px);
@@ -112,43 +112,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
 }
 
-.awsui_filter_dwuol_k04db_115:not(#\9) {
+.awsui_filter_dwuol_1bifm_115:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
 
-.awsui_trigger_dwuol_k04db_120:not(#\9) {
+.awsui_trigger_dwuol_1bifm_120:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_layout-strut_dwuol_k04db_126:not(#\9) {
+.awsui_layout-strut_dwuol_1bifm_126:not(#\9) {
   inline-size: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
 
-.awsui_list-bottom_dwuol_k04db_132:not(#\9) {
+.awsui_list-bottom_dwuol_1bifm_132:not(#\9) {
   /* used in unit-tests */
 }
 
-.awsui_selected-icon_dwuol_k04db_136:not(#\9) {
+.awsui_selected-icon_dwuol_1bifm_136:not(#\9) {
   color: var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_show-label-tag_dwuol_k04db_140 > .awsui_selected-icon_dwuol_k04db_136:not(#\9) {
+.awsui_show-label-tag_dwuol_1bifm_140 > .awsui_selected-icon_dwuol_1bifm_136:not(#\9) {
   padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
 }
 
-.awsui_inline-token-trigger_dwuol_k04db_144:not(#\9) {
+.awsui_inline-token-trigger_dwuol_1bifm_144:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   column-gap: var(--space-xxs-p8yyaw, 4px);
   inline-size: 100%;
 }
 
-.awsui_inline-token-list_dwuol_k04db_151:not(#\9) {
+.awsui_inline-token-list_dwuol_1bifm_151:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
@@ -159,11 +159,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           mask-image: linear-gradient(270deg, transparent, white 20px, white);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_inline-token-list_dwuol_k04db_151:not(#\9):dir(rtl) {
+.awsui_inline-token-list_dwuol_1bifm_151:not(#\9):dir(rtl) {
   -webkit-mask-image: linear-gradient(-270deg, transparent, white 20px, white);
           mask-image: linear-gradient(-270deg, transparent, white 20px, white);
 }
-.awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
+.awsui_inline-token-list_dwuol_1bifm_151 > .awsui_inline-token_dwuol_1bifm_144:not(#\9) {
   display: flex;
   align-items: center;
   min-inline-size: max-content;
@@ -180,25 +180,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-at06ol, #000716);
 }
 
-.awsui_visual-refresh_dwuol_k04db_181 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
+.awsui_visual-refresh_dwuol_1bifm_181 > .awsui_inline-token-list_dwuol_1bifm_151 > .awsui_inline-token_dwuol_1bifm_144:not(#\9) {
   border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
   border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
   border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
   border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
 }
 
-.awsui_inline-token-hidden-placeholder_dwuol_k04db_188:not(#\9) {
+.awsui_inline-token-hidden-placeholder_dwuol_1bifm_188:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_inline-token-counter_dwuol_k04db_194:not(#\9) {
+.awsui_inline-token-counter_dwuol_1bifm_194:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_inline-token-trigger--disabled_dwuol_k04db_198 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
+.awsui_inline-token-trigger--disabled_dwuol_1bifm_198 > .awsui_inline-token-list_dwuol_1bifm_151 > .awsui_inline-token_dwuol_1bifm_144:not(#\9) {
   border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
   background-color: var(--color-background-container-content-4un1ap, #ffffff);
   color: var(--color-text-disabled-f4c52h, #9ba7b6);
+}
+
+.awsui_disabled-reason-tooltip_dwuol_1bifm_204:not(#\9) {
+  /* used in test-utils or tests */
 }

package/select/parts/styles.selectors.js

@@ -2,21 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_k04db_97",
-  "item": "awsui_item_dwuol_k04db_102",
-  "checkbox": "awsui_checkbox_dwuol_k04db_106",
-  "filter": "awsui_filter_dwuol_k04db_115",
-  "trigger": "awsui_trigger_dwuol_k04db_120",
-  "layout-strut": "awsui_layout-strut_dwuol_k04db_126",
-  "list-bottom": "awsui_list-bottom_dwuol_k04db_132",
-  "selected-icon": "awsui_selected-icon_dwuol_k04db_136",
-  "show-label-tag": "awsui_show-label-tag_dwuol_k04db_140",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_k04db_144",
-  "inline-token-list": "awsui_inline-token-list_dwuol_k04db_151",
-  "inline-token": "awsui_inline-token_dwuol_k04db_144",
-  "visual-refresh": "awsui_visual-refresh_dwuol_k04db_181",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_k04db_188",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_k04db_194",
-  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_k04db_198"
+  "placeholder": "awsui_placeholder_dwuol_1bifm_97",
+  "item": "awsui_item_dwuol_1bifm_102",
+  "checkbox": "awsui_checkbox_dwuol_1bifm_106",
+  "filter": "awsui_filter_dwuol_1bifm_115",
+  "trigger": "awsui_trigger_dwuol_1bifm_120",
+  "layout-strut": "awsui_layout-strut_dwuol_1bifm_126",
+  "list-bottom": "awsui_list-bottom_dwuol_1bifm_132",
+  "selected-icon": "awsui_selected-icon_dwuol_1bifm_136",
+  "show-label-tag": "awsui_show-label-tag_dwuol_1bifm_140",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bifm_144",
+  "inline-token-list": "awsui_inline-token-list_dwuol_1bifm_151",
+  "inline-token": "awsui_inline-token_dwuol_1bifm_144",
+  "visual-refresh": "awsui_visual-refresh_dwuol_1bifm_181",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bifm_188",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_1bifm_194",
+  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bifm_198",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_1bifm_204"
 };
   

package/split-panel/icons/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_d02xf_97",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_d02xf_103",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_d02xf_107",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_d02xf_110",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_d02xf_113",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_d02xf_117",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_d02xf_120",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_d02xf_123",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_d02xf_126",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_d02xf_129",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_d02xf_133",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_d02xf_139",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_d02xf_142",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_d02xf_145",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_d02xf_148",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_d02xf_151",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_d02xf_154",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_d02xf_158",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_d02xf_161",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_d02xf_164",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_d02xf_167",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_d02xf_170"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_1022u_97",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_1022u_103",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_1022u_107",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_1022u_110",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_1022u_113",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_1022u_117",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_1022u_120",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_1022u_123",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_1022u_126",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_1022u_129",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_1022u_133",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_1022u_139",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_1022u_142",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_1022u_145",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_1022u_148",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_1022u_151",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_1022u_154",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_1022u_158",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_1022u_161",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_1022u_164",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_1022u_167",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_1022u_170"
 };
   

package/split-panel/icons/styles.scoped.css

@@ -94,79 +94,79 @@ 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_preference-icon--svg_d4xxm_d02xf_97:not(#\9) {
+.awsui_preference-icon--svg_d4xxm_1022u_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon--svg_d4xxm_d02xf_97:not(#\9):dir(rtl) {
+.awsui_preference-icon--svg_d4xxm_1022u_97:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon--layout-border_d4xxm_d02xf_103:not(#\9) {
+.awsui_preference-icon--layout-border_d4xxm_1022u_103:not(#\9) {
   stroke: var(--color-background-home-header-2rudu7, #000716);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon--layout-background_d4xxm_d02xf_107:not(#\9) {
+.awsui_preference-icon--layout-background_d4xxm_1022u_107:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon--layout-header_d4xxm_d02xf_110:not(#\9) {
+.awsui_preference-icon--layout-header_d4xxm_1022u_110:not(#\9) {
   fill: var(--color-background-home-header-2rudu7, #000716);
 }
-.awsui_preference-icon--border_d4xxm_d02xf_113:not(#\9) {
+.awsui_preference-icon--border_d4xxm_1022u_113:not(#\9) {
   stroke: var(--color-text-group-label-jpw8sm, #414d5c);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon--primary-button_d4xxm_d02xf_117:not(#\9) {
+.awsui_preference-icon--primary-button_d4xxm_1022u_117:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon--secondary_d4xxm_d02xf_120:not(#\9) {
+.awsui_preference-icon--secondary_d4xxm_1022u_120:not(#\9) {
   fill: var(--color-text-group-label-jpw8sm, #414d5c);
 }
-.awsui_preference-icon--disabled-element_d4xxm_d02xf_123:not(#\9) {
+.awsui_preference-icon--disabled-element_d4xxm_1022u_123:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--separator_d4xxm_d02xf_126:not(#\9) {
+.awsui_preference-icon--separator_d4xxm_1022u_126:not(#\9) {
   stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon--focus-text_d4xxm_d02xf_129:not(#\9) {
+.awsui_preference-icon--focus-text_d4xxm_1022u_129:not(#\9) {
   fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
 
-.awsui_preference-icon-refresh--svg_d4xxm_d02xf_133:not(#\9) {
+.awsui_preference-icon-refresh--svg_d4xxm_1022u_133:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_preference-icon-refresh--svg_d4xxm_d02xf_133:not(#\9):dir(rtl) {
+.awsui_preference-icon-refresh--svg_d4xxm_1022u_133:not(#\9):dir(rtl) {
   transform: scaleX(-1);
 }
-.awsui_preference-icon-refresh--layout-top_d4xxm_d02xf_139:not(#\9) {
-  fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
+.awsui_preference-icon-refresh--layout-top_d4xxm_1022u_139:not(#\9) {
+  fill: var(--color-background-button-primary-disabled-yblour, #e9ebed);
 }
-.awsui_preference-icon-refresh--layout-main_d4xxm_d02xf_142:not(#\9) {
+.awsui_preference-icon-refresh--layout-main_d4xxm_1022u_142:not(#\9) {
   fill: var(--color-background-layout-main-nx09lr, #ffffff);
 }
-.awsui_preference-icon-refresh--primary_d4xxm_d02xf_145:not(#\9) {
+.awsui_preference-icon-refresh--primary_d4xxm_1022u_145:not(#\9) {
   fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
 }
-.awsui_preference-icon-refresh--disabled_d4xxm_d02xf_148:not(#\9) {
+.awsui_preference-icon-refresh--disabled_d4xxm_1022u_148:not(#\9) {
   fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
 }
-.awsui_preference-icon-refresh--column-header_d4xxm_d02xf_151:not(#\9) {
+.awsui_preference-icon-refresh--column-header_d4xxm_1022u_151:not(#\9) {
   fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
 }
-.awsui_preference-icon-refresh--window_d4xxm_d02xf_154:not(#\9) {
+.awsui_preference-icon-refresh--window_d4xxm_1022u_154:not(#\9) {
   stroke: var(--color-background-home-header-2rudu7, #000716);
   fill: var(--color-background-container-content-4un1ap, #ffffff);
 }
-.awsui_preference-icon-refresh--secondary_d4xxm_d02xf_158:not(#\9) {
+.awsui_preference-icon-refresh--secondary_d4xxm_1022u_158:not(#\9) {
   fill: var(--color-text-body-secondary-w9jvno, #414d5c);
 }
-.awsui_preference-icon-refresh--default_d4xxm_d02xf_161:not(#\9) {
+.awsui_preference-icon-refresh--default_d4xxm_1022u_161:not(#\9) {
   fill: var(--color-text-body-default-at06ol, #000716);
 }
-.awsui_preference-icon-refresh--separator_d4xxm_d02xf_164:not(#\9) {
+.awsui_preference-icon-refresh--separator_d4xxm_1022u_164:not(#\9) {
   stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
 }
-.awsui_preference-icon-refresh--input-default_d4xxm_d02xf_167:not(#\9) {
+.awsui_preference-icon-refresh--input-default_d4xxm_1022u_167:not(#\9) {
   fill: var(--color-border-input-default-1zl7hq, #7d8998);
 }
-.awsui_preference-icon-refresh--heading_d4xxm_d02xf_170:not(#\9) {
+.awsui_preference-icon-refresh--heading_d4xxm_1022u_170:not(#\9) {
   fill: var(--color-text-heading-default-lstrpn, #000716);
 }

package/split-panel/icons/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_d02xf_97",
-  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_d02xf_103",
-  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_d02xf_107",
-  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_d02xf_110",
-  "preference-icon--border": "awsui_preference-icon--border_d4xxm_d02xf_113",
-  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_d02xf_117",
-  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_d02xf_120",
-  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_d02xf_123",
-  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_d02xf_126",
-  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_d02xf_129",
-  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_d02xf_133",
-  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_d02xf_139",
-  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_d02xf_142",
-  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_d02xf_145",
-  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_d02xf_148",
-  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_d02xf_151",
-  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_d02xf_154",
-  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_d02xf_158",
-  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_d02xf_161",
-  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_d02xf_164",
-  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_d02xf_167",
-  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_d02xf_170"
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_1022u_97",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_1022u_103",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_1022u_107",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_1022u_110",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_1022u_113",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_1022u_117",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_1022u_120",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_1022u_123",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_1022u_126",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_1022u_129",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_1022u_133",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_1022u_139",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_1022u_142",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_1022u_145",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_1022u_148",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_1022u_151",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_1022u_154",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_1022u_158",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_1022u_161",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_1022u_164",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_1022u_167",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_1022u_170"
 };
   

package/table/body-cell/disabled-inline-editor.js

@@ -3,7 +3,7 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React, { useRef, useState } from 'react';
 import clsx from 'clsx';
-import useHiddenDescription from '../../button-dropdown/utils/use-hidden-description';
+import useHiddenDescription from '../../internal/hooks/use-hidden-description';
 import Icon from '../../icon/internal';
 import PopoverContainer from '../../popover/container';
 import PopoverBody from '../../popover/body';

package/table/body-cell/disabled-inline-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"disabled-inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport useHiddenDescription from '../../button-dropdown/utils/use-hidden-description';\nimport Icon from '../../icon/internal';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport Portal from '../../internal/components/portal';\nimport { usePortalModeClasses } from '../../internal/hooks/use-portal-mode-classes';\nimport Arrow from '../../popover/arrow';\nimport { useClickAway } from './click-away';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { TableBodyCellProps } from './index';\nimport styles from './styles.css.js';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\n\ninterface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {\n  editDisabledReason: string;\n}\n\nexport function DisabledInlineEditor<ItemType>({\n  className,\n  item,\n  column,\n  ariaLabels,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  editDisabledReason,\n  isVisualRefresh,\n  interactiveCell = true,\n  resizableColumns = false,\n  ...rest\n}: DisabledInlineEditorProps<ItemType>) {\n  const clickAwayRef = useClickAway(() => {\n    if (isEditing) {\n      onEditEnd(true);\n    }\n  });\n\n  const [hasHover, setHasHover] = useState(false);\n  const [hasFocus, setHasFocus] = useState(false);\n  // When a cell is both expandable and editable the icon is always shown.\n  const showIcon = hasHover || hasFocus || isEditing || !interactiveCell;\n\n  const iconRef = useRef(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const portalRef = useRef<HTMLSpanElement>(null);\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onEditEnd(true);\n    }\n  }\n\n  const onClick = () => {\n    onEditStart();\n    buttonRef.current?.focus();\n  };\n\n  const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);\n  const portalClasses = usePortalModeClasses(portalRef);\n\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={\n        { 'data-inline-editing-active': isEditing.toString() } as TableTdElementProps['nativeAttributes']\n      }\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        interactiveCell && styles['body-cell-interactive'],\n        resizableColumns && styles['resizable-columns'],\n        isEditing && styles['body-cell-edit-disabled-popover'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={interactiveCell && !isEditing ? onClick : undefined}\n      onMouseEnter={() => setHasHover(true)}\n      onMouseLeave={() => setHasHover(false)}\n      ref={clickAwayRef}\n    >\n      {column.cell(item)}\n\n      <div className={styles['body-cell-editor-wrapper']}>\n        <button\n          ref={buttonRef}\n          tabIndex={tabIndex}\n          className={clsx(styles['body-cell-editor'], styles['body-cell-editor-disabled'])}\n          aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n          aria-haspopup=\"dialog\"\n          aria-disabled=\"true\"\n          onClick={!interactiveCell && !isEditing ? onClick : undefined}\n          onFocus={() => setHasFocus(true)}\n          onBlur={() => setHasFocus(false)}\n          onKeyDown={handleEscape}\n          {...targetProps}\n        >\n          {showIcon && <Icon name=\"lock-private\" variant=\"normal\" __internalRootRef={iconRef} />}\n          {descriptionEl}\n        </button>\n      </div>\n\n      {isEditing && (\n        <span ref={portalRef}>\n          <Portal>\n            <span className={portalClasses}>\n              <PopoverContainer\n                size=\"medium\"\n                fixedWidth={false}\n                position=\"top\"\n                trackRef={iconRef}\n                arrow={position => <Arrow position={position} />}\n                renderWithPortal={true}\n                zIndex={2000}\n              >\n                <PopoverBody\n                  dismissButton={false}\n                  dismissAriaLabel={undefined}\n                  header={null}\n                  onDismiss={() => {}}\n                  overflowVisible=\"both\"\n                >\n                  <span aria-live=\"polite\">{editDisabledReason}</span>\n                </PopoverBody>\n              </PopoverContainer>\n            </span>\n          </Portal>\n        </span>\n      )}\n    </TableTdElement>\n  );\n}\n"]}
+{"version":3,"file":"disabled-inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAC/E,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAuB,MAAM,cAAc,CAAC;AAEnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AAMvG,MAAM,UAAU,oBAAoB,CAAW,EAaT;;QAbS,EAC7C,SAAS,EACT,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,KAAK,OAEY,EADjC,IAAI,cAZsC,sKAa9C,CADQ;IAEP,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,EAAE;QACrC,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,wEAAwE;IACxE,MAAM,QAAQ,GAAG,QAAQ,IAAI,QAAQ,IAAI,SAAS,IAAI,CAAC,eAAe,CAAC;IAEvE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEhD,SAAS,YAAY,CAAC,KAA0B;QAC9C,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC1B,SAAS,CAAC,IAAI,CAAC,CAAC;SACjB;IACH,CAAC;IAED,MAAM,OAAO,GAAG,GAAG,EAAE;;QACnB,WAAW,EAAE,CAAC;QACd,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;IAChF,MAAM,aAAa,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAEtD,MAAM,EAAE,QAAQ,EAAE,GAAG,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAE3D,OAAO,CACL,oBAAC,cAAc,oBACT,IAAI,IACR,gBAAgB,EACd,EAAE,4BAA4B,EAAE,SAAS,CAAC,QAAQ,EAAE,EAA6C,EAEnG,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,oBAAoB,CAAC,EAC5B,eAAe,IAAI,MAAM,CAAC,uBAAuB,CAAC,EAClD,gBAAgB,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC/C,SAAS,IAAI,MAAM,CAAC,iCAAiC,CAAC,EACtD,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,OAAO,EAAE,eAAe,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACtC,GAAG,EAAE,YAAY;QAEhB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAElB,6BAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC;YAChD,8CACE,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,2BAA2B,CAAC,CAAC,gBACpE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,iBAAiB,2DAAG,MAAM,EAAE,IAAI,CAAC,mBAC3C,QAAQ,mBACR,MAAM,EACpB,OAAO,EAAE,CAAC,eAAe,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAChC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAChC,SAAS,EAAE,YAAY,IACnB,WAAW;gBAEd,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,QAAQ,EAAC,iBAAiB,EAAE,OAAO,GAAI;gBACrF,aAAa,CACP,CACL;QAEL,SAAS,IAAI,CACZ,8BAAM,GAAG,EAAE,SAAS;YAClB,oBAAC,MAAM;gBACL,8BAAM,SAAS,EAAE,aAAa;oBAC5B,oBAAC,gBAAgB,IACf,IAAI,EAAC,QAAQ,EACb,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,KAAK,EACd,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAChD,gBAAgB,EAAE,IAAI,EACtB,MAAM,EAAE,IAAI;wBAEZ,oBAAC,WAAW,IACV,aAAa,EAAE,KAAK,EACpB,gBAAgB,EAAE,SAAS,EAC3B,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,EACnB,eAAe,EAAC,MAAM;4BAEtB,2CAAgB,QAAQ,IAAE,kBAAkB,CAAQ,CACxC,CACG,CACd,CACA,CACJ,CACR,CACc,CAClB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport Icon from '../../icon/internal';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport Portal from '../../internal/components/portal';\nimport { usePortalModeClasses } from '../../internal/hooks/use-portal-mode-classes';\nimport Arrow from '../../popover/arrow';\nimport { useClickAway } from './click-away';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { TableBodyCellProps } from './index';\nimport styles from './styles.css.js';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\n\ninterface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {\n  editDisabledReason: string;\n}\n\nexport function DisabledInlineEditor<ItemType>({\n  className,\n  item,\n  column,\n  ariaLabels,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  editDisabledReason,\n  isVisualRefresh,\n  interactiveCell = true,\n  resizableColumns = false,\n  ...rest\n}: DisabledInlineEditorProps<ItemType>) {\n  const clickAwayRef = useClickAway(() => {\n    if (isEditing) {\n      onEditEnd(true);\n    }\n  });\n\n  const [hasHover, setHasHover] = useState(false);\n  const [hasFocus, setHasFocus] = useState(false);\n  // When a cell is both expandable and editable the icon is always shown.\n  const showIcon = hasHover || hasFocus || isEditing || !interactiveCell;\n\n  const iconRef = useRef(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const portalRef = useRef<HTMLSpanElement>(null);\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onEditEnd(true);\n    }\n  }\n\n  const onClick = () => {\n    onEditStart();\n    buttonRef.current?.focus();\n  };\n\n  const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);\n  const portalClasses = usePortalModeClasses(portalRef);\n\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={\n        { 'data-inline-editing-active': isEditing.toString() } as TableTdElementProps['nativeAttributes']\n      }\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        interactiveCell && styles['body-cell-interactive'],\n        resizableColumns && styles['resizable-columns'],\n        isEditing && styles['body-cell-edit-disabled-popover'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={interactiveCell && !isEditing ? onClick : undefined}\n      onMouseEnter={() => setHasHover(true)}\n      onMouseLeave={() => setHasHover(false)}\n      ref={clickAwayRef}\n    >\n      {column.cell(item)}\n\n      <div className={styles['body-cell-editor-wrapper']}>\n        <button\n          ref={buttonRef}\n          tabIndex={tabIndex}\n          className={clsx(styles['body-cell-editor'], styles['body-cell-editor-disabled'])}\n          aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n          aria-haspopup=\"dialog\"\n          aria-disabled=\"true\"\n          onClick={!interactiveCell && !isEditing ? onClick : undefined}\n          onFocus={() => setHasFocus(true)}\n          onBlur={() => setHasFocus(false)}\n          onKeyDown={handleEscape}\n          {...targetProps}\n        >\n          {showIcon && <Icon name=\"lock-private\" variant=\"normal\" __internalRootRef={iconRef} />}\n          {descriptionEl}\n        </button>\n      </div>\n\n      {isEditing && (\n        <span ref={portalRef}>\n          <Portal>\n            <span className={portalClasses}>\n              <PopoverContainer\n                size=\"medium\"\n                fixedWidth={false}\n                position=\"top\"\n                trackRef={iconRef}\n                arrow={position => <Arrow position={position} />}\n                renderWithPortal={true}\n                zIndex={2000}\n              >\n                <PopoverBody\n                  dismissButton={false}\n                  dismissAriaLabel={undefined}\n                  header={null}\n                  onDismiss={() => {}}\n                  overflowVisible=\"both\"\n                >\n                  <span aria-live=\"polite\">{editDisabledReason}</span>\n                </PopoverBody>\n              </PopoverContainer>\n            </span>\n          </Portal>\n        </span>\n      )}\n    </TableTdElement>\n  );\n}\n"]}

package/tabs/interfaces.d.ts

@@ -10,6 +10,7 @@ export interface TabsProps extends BaseComponentProps {
      * - `label` (ReactNode) - Tab label shown in the UI.
      * - `content` (ReactNode) - (Optional) Tab content to render in the container.
      * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.
+     * - `disabledReason` (string) - (Optional) Displays tooltip near the tab when disabled. Use to provide additional context.
      * - `dismissible` (boolean) - (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
      * - `dismissLabel` (boolean) - (Optional) Specifies an aria-label for the dismiss icon button.
      * - `dismissDisabled` (boolean) - (Optional) Determines whether the dismiss button is disabled.
@@ -88,6 +89,10 @@ export declare namespace TabsProps {
          * Whether this tab is disabled.
          */
         disabled?: boolean;
+        /**
+         * Provides a reason why this tab is disabled.
+         */
+        disabledReason?: string;
         /**
          * (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.
          * When a user clicks on this button the onDismiss handler is called.

package/tabs/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB;;WAEG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B;;;;WAIG;QACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB;;WAEG;QACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B;;WAEG;QACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B;;;WAGG;QACH,kCAAkC,CAAC,EAAE,MAAM,CAAC;KAC7C;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/tabs/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEnC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,yBAAiB,SAAS,CAAC;IACzB,KAAY,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAE1D,UAAiB,GAAG;QAClB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAC;QACX;;WAEG;QACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB;;WAEG;QACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B;;WAEG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB;;;WAGG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB;;WAEG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B;;;;WAIG;QACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB;;WAEG;QACH,SAAS,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;QACnC;;;;;;WAMG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;QACpB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B;;WAEG;QACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B;;;WAGG;QACH,kCAAkC,CAAC,EAAE,MAAM,CAAC;KAC7C;CACF"}

package/tabs/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface TabsProps extends BaseComponentProps {\n  /**\n   * Specifies the tabs to display. Each tab object has the following properties:\n   *\n   * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n   * - `label` (ReactNode) - Tab label shown in the UI.\n   * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n   * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n   * - `dismissible` (boolean) - (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.\n   * - `dismissLabel` (boolean) - (Optional) Specifies an aria-label for the dismiss icon button.\n   * - `dismissDisabled` (boolean) - (Optional) Determines whether the dismiss button is disabled.\n   * - `action` (ReactNode) - (Optional) Action for the tab, rendered next to its corresponding label.\n   *    Although it is technically possible to insert any content, our UX guidelines only allow you to add\n   *    an icon button or icon button dropdown.\n   * - `onDismiss` (ButtonProps['onClick']) - (Optional) Called when a user clicks on the dismiss button.\n   * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n   *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n   *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n   *    if your application routing can handle such deep links. You can manually update routing on the current page\n   *    using the `activeTabHref` property of the `change` event's detail.\n   */\n  tabs: ReadonlyArray<TabsProps.Tab>;\n\n  /**\n   * The possible visual variants of tabs are the following:\n   * * `default` - Use in any context.\n   * * `container` - Use this variant to have the tabs displayed within a container header.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: TabsProps.Variant;\n\n  /**\n   * Called whenever the user selects a different tab.\n   * The event's `detail` contains the new `activeTabId`.\n   */\n  onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n  /**\n   * The `id` of the currently active tab.\n   * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n   * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n   */\n  activeTabId?: string;\n\n  /**\n   * Provides an `aria-label` to the tab container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets the `aria-labelledby` property on the tab container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: TabsProps.I18nStrings;\n  /**\n   * Enabling this property makes the tab content fit to the available height.\n   * If the tab content is too short, it will stretch. If the tab content is too long, a vertical scrollbar will be shown.\n   */\n  fitHeight?: boolean;\n}\nexport namespace TabsProps {\n  export type Variant = 'default' | 'container' | 'stacked';\n\n  export interface Tab {\n    /**\n     * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n     */\n    id: string;\n    /**\n     * Tab label shown in the UI.\n     */\n    label: React.ReactNode;\n    /**\n     * Tab content to render in the container.\n     */\n    content?: React.ReactNode;\n    /**\n     * Whether this tab is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.\n     * When a user clicks on this button the onDismiss handler is called.\n     */\n    dismissible?: boolean;\n    /**\n     * (Optional) Specifies an aria-label for the dismiss icon button.\n     */\n    dismissLabel?: string;\n    /**\n     * (Optional) Determines whether the dismiss button is disabled.\n     */\n    dismissDisabled?: boolean;\n    /**\n     * (Optional) Action for the tab, rendered next to its corresponding label.\n     * Although it is technically possible to insert any content, our UX guidelines only allow you to add\n     * an icon button or icon button dropdown.\n     */\n    action?: React.ReactNode;\n    /**\n     * (event => void) Called when a user clicks on the dismiss button.\n     */\n    onDismiss?: ButtonProps['onClick'];\n    /**\n     * You can use this parameter to change the default `href` of the internal tab anchor. The\n     * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n     * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n     * when the routing can handle such deep links. You can manually update routing on the current page\n     * using the `activeTabHref` property of the `change` event's detail.\n     */\n    href?: string;\n  }\n\n  export interface ChangeDetail {\n    /**\n     * The ID of the clicked tab.\n     */\n    activeTabId: string;\n    /**\n     * The `href` attribute of the clicked tab, if defined.\n     */\n    activeTabHref?: string;\n  }\n\n  export interface I18nStrings {\n    /**\n     * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n     */\n    scrollLeftAriaLabel?: string;\n    /**\n     * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n     */\n    scrollRightAriaLabel?: string;\n    /**\n     * ARIA role description for the Tabs component when an action or dismissible prop is in use. This is used\n     * with role=\"application\" to provide further information on the purpose of this component\n     */\n    tabsWithActionsAriaRoleDescription?: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/tabs/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { ButtonProps } from '../button/interfaces';\n\nexport interface TabsProps extends BaseComponentProps {\n  /**\n   * Specifies the tabs to display. Each tab object has the following properties:\n   *\n   * - `id` (string) - The tab identifier. This value needs to be passed to the Tabs component as `activeTabId` to select this tab.\n   * - `label` (ReactNode) - Tab label shown in the UI.\n   * - `content` (ReactNode) - (Optional) Tab content to render in the container.\n   * - `disabled` (boolean) - (Optional) Specifies if this tab is disabled.\n   * - `disabledReason` (string) - (Optional) Displays tooltip near the tab when disabled. Use to provide additional context.\n   * - `dismissible` (boolean) - (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.\n   * - `dismissLabel` (boolean) - (Optional) Specifies an aria-label for the dismiss icon button.\n   * - `dismissDisabled` (boolean) - (Optional) Determines whether the dismiss button is disabled.\n   * - `action` (ReactNode) - (Optional) Action for the tab, rendered next to its corresponding label.\n   *    Although it is technically possible to insert any content, our UX guidelines only allow you to add\n   *    an icon button or icon button dropdown.\n   * - `onDismiss` (ButtonProps['onClick']) - (Optional) Called when a user clicks on the dismiss button.\n   * - `href` (string) - (Optional) You can use this parameter to change the default `href` of the internal tab anchor. The\n   *    `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (that is, CTRL,\n   *    ALT, SHIFT, META). This enables the user to open new browser tabs with an initially selected component tab,\n   *    if your application routing can handle such deep links. You can manually update routing on the current page\n   *    using the `activeTabHref` property of the `change` event's detail.\n   */\n  tabs: ReadonlyArray<TabsProps.Tab>;\n\n  /**\n   * The possible visual variants of tabs are the following:\n   * * `default` - Use in any context.\n   * * `container` - Use this variant to have the tabs displayed within a container header.\n   * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: TabsProps.Variant;\n\n  /**\n   * Called whenever the user selects a different tab.\n   * The event's `detail` contains the new `activeTabId`.\n   */\n  onChange?: NonCancelableEventHandler<TabsProps.ChangeDetail>;\n\n  /**\n   * The `id` of the currently active tab.\n   * * If you don't set this property, the component activates the first tab and switches tabs automatically when a tab header is clicked (that is, uncontrolled behavior).\n   * * If you explicitly set this property, you must set define an `onChange` handler to update the property when a tab header is clicked (that is, controlled behavior).\n   */\n  activeTabId?: string;\n\n  /**\n   * Provides an `aria-label` to the tab container.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets the `aria-labelledby` property on the tab container.\n   * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n   * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * Determines whether the tab content has padding. If `true`, removes the default padding from the tab content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: TabsProps.I18nStrings;\n  /**\n   * Enabling this property makes the tab content fit to the available height.\n   * If the tab content is too short, it will stretch. If the tab content is too long, a vertical scrollbar will be shown.\n   */\n  fitHeight?: boolean;\n}\nexport namespace TabsProps {\n  export type Variant = 'default' | 'container' | 'stacked';\n\n  export interface Tab {\n    /**\n     * The tab id. This value will be need to be passed to the Tabs component as `activeTabId` to select this tab.\n     */\n    id: string;\n    /**\n     * Tab label shown in the UI.\n     */\n    label: React.ReactNode;\n    /**\n     * Tab content to render in the container.\n     */\n    content?: React.ReactNode;\n    /**\n     * Whether this tab is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Provides a reason why this tab is disabled.\n     */\n    disabledReason?: string;\n    /**\n     * (Optional) Determines whether the tab includes a dismiss icon button. By default, the dismiss button is not included.\n     * When a user clicks on this button the onDismiss handler is called.\n     */\n    dismissible?: boolean;\n    /**\n     * (Optional) Specifies an aria-label for the dismiss icon button.\n     */\n    dismissLabel?: string;\n    /**\n     * (Optional) Determines whether the dismiss button is disabled.\n     */\n    dismissDisabled?: boolean;\n    /**\n     * (Optional) Action for the tab, rendered next to its corresponding label.\n     * Although it is technically possible to insert any content, our UX guidelines only allow you to add\n     * an icon button or icon button dropdown.\n     */\n    action?: React.ReactNode;\n    /**\n     * (event => void) Called when a user clicks on the dismiss button.\n     */\n    onDismiss?: ButtonProps['onClick'];\n    /**\n     * You can use this parameter to change the default `href` of the internal tab anchor. The\n     * `click` event default behavior is prevented, unless the user clicks the tab with a key modifier (CTRL,\n     * ALT, SHIFT, META). This allows to open new browser tabs with an initially selected component tab,\n     * when the routing can handle such deep links. You can manually update routing on the current page\n     * using the `activeTabHref` property of the `change` event's detail.\n     */\n    href?: string;\n  }\n\n  export interface ChangeDetail {\n    /**\n     * The ID of the clicked tab.\n     */\n    activeTabId: string;\n    /**\n     * The `href` attribute of the clicked tab, if defined.\n     */\n    activeTabHref?: string;\n  }\n\n  export interface I18nStrings {\n    /**\n     * ARIA label for the scroll left button that appears when the tab header is wider than the container.\n     */\n    scrollLeftAriaLabel?: string;\n    /**\n     * ARIA label for the scroll right button that appears when the tab header is wider than the container.\n     */\n    scrollRightAriaLabel?: string;\n    /**\n     * ARIA role description for the Tabs component when an action or dismissible prop is in use. This is used\n     * with role=\"application\" to provide further information on the purpose of this component\n     */\n    tabsWithActionsAriaRoleDescription?: string;\n  }\n}\n"]}

package/tabs/styles.css.js

@@ -1,30 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_8vbks_194",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_8vbks_202",
-  "pagination-button": "awsui_pagination-button_14rmt_8vbks_219",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_8vbks_226",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_8vbks_229",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_8vbks_233",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_8vbks_236",
-  "tabs-tab": "awsui_tabs-tab_14rmt_8vbks_241",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_8vbks_250",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_8vbks_261",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_8vbks_262",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_8vbks_266",
-  "refresh": "awsui_refresh_14rmt_8vbks_281",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_8vbks_285",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_8vbks_327",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_8vbks_404",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_8vbks_411",
-  "root": "awsui_root_14rmt_8vbks_415",
-  "tabs": "awsui_tabs_14rmt_8vbks_194",
-  "tabs-content": "awsui_tabs-content_14rmt_8vbks_456",
-  "fit-height": "awsui_fit-height_14rmt_8vbks_460",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_8vbks_466",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_8vbks_480",
-  "with-paddings": "awsui_with-paddings_14rmt_8vbks_480",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_8vbks_491"
+  "tabs-header": "awsui_tabs-header_14rmt_1piyt_194",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1piyt_202",
+  "pagination-button": "awsui_pagination-button_14rmt_1piyt_219",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1piyt_226",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1piyt_229",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1piyt_233",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1piyt_236",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1piyt_241",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1piyt_250",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1piyt_261",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1piyt_262",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1piyt_266",
+  "refresh": "awsui_refresh_14rmt_1piyt_281",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1piyt_285",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1piyt_327",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1piyt_403",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1piyt_410",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1piyt_414",
+  "root": "awsui_root_14rmt_1piyt_418",
+  "tabs": "awsui_tabs_14rmt_1piyt_194",
+  "tabs-content": "awsui_tabs-content_14rmt_1piyt_459",
+  "fit-height": "awsui_fit-height_14rmt_1piyt_463",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1piyt_469",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1piyt_483",
+  "with-paddings": "awsui_with-paddings_14rmt_1piyt_483",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1piyt_494",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1piyt_505",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1piyt_509"
 };