@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

package/lib/internal/template/cards/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_p8a6i_k1rsq_9:not(#\9) {
+.awsui_root_p8a6i_1ktd8_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -38,14 +38,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header-variant-full-page_p8a6i_k1rsq_41.awsui_header-refresh_p8a6i_k1rsq_41:not(#\9) {
+.awsui_header_p8a6i_1ktd8_41:not(#\9):not(.awsui_header-variant-full-page_p8a6i_1ktd8_41) {
+  --awsui-inline-label-background-color-66120l: var(--color-background-container-header-irktp5, #fafafa);
+}
+.awsui_header-variant-full-page_p8a6i_1ktd8_41.awsui_header-refresh_p8a6i_1ktd8_44:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
   padding-block-end: calc(var(--space-container-header-bottom-9elagw, 12px) + var(--space-table-header-tools-full-page-bottom-g1a6as, 4px));
 }
 
-.awsui_list_p8a6i_k1rsq_48:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -56,68 +59,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-2qs4vj, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-1_p8a6i_k1rsq_59 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-1_p8a6i_1ktd8_62 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-2_p8a6i_k1rsq_62 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-2_p8a6i_1ktd8_65 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-3_p8a6i_k1rsq_65 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-3_p8a6i_1ktd8_68 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-4_p8a6i_k1rsq_68 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-4_p8a6i_1ktd8_71 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-5_p8a6i_k1rsq_71 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-5_p8a6i_1ktd8_74 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-6_p8a6i_k1rsq_74 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-6_p8a6i_1ktd8_77 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-7_p8a6i_k1rsq_77 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-7_p8a6i_1ktd8_80 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-8_p8a6i_k1rsq_80 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-8_p8a6i_1ktd8_83 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-9_p8a6i_k1rsq_83 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-9_p8a6i_1ktd8_86 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-10_p8a6i_k1rsq_86 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-10_p8a6i_1ktd8_89 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-11_p8a6i_k1rsq_89 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-11_p8a6i_1ktd8_92 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-12_p8a6i_k1rsq_92 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-12_p8a6i_1ktd8_95 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-13_p8a6i_k1rsq_95 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-13_p8a6i_1ktd8_98 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-14_p8a6i_k1rsq_98 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-14_p8a6i_1ktd8_101 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-15_p8a6i_k1rsq_101 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-15_p8a6i_1ktd8_104 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-16_p8a6i_k1rsq_104 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-16_p8a6i_1ktd8_107 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-17_p8a6i_k1rsq_107 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-17_p8a6i_1ktd8_110 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-18_p8a6i_k1rsq_110 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-18_p8a6i_1ktd8_113 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-19_p8a6i_k1rsq_113 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-19_p8a6i_1ktd8_116 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_k1rsq_48.awsui_list-grid-20_p8a6i_k1rsq_116 > .awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_list_p8a6i_1ktd8_51.awsui_list-grid-20_p8a6i_1ktd8_119 > .awsui_card_p8a6i_1ktd8_62:not(#\9) {
   inline-size: 5%;
 }
 
-.awsui_selection-control_p8a6i_k1rsq_120:not(#\9) {
+.awsui_selection-control_p8a6i_1ktd8_123:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-jpgj8e, 14px) + 2 * var(--space-card-horizontal-default-2sdf3l, 20px));
@@ -127,22 +130,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-default-2sdf3l, 20px);
 }
 
-.awsui_loading_p8a6i_k1rsq_130:not(#\9),
-.awsui_empty_p8a6i_k1rsq_131:not(#\9) {
+.awsui_loading_p8a6i_1ktd8_133:not(#\9),
+.awsui_empty_p8a6i_1ktd8_134:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-y81uqw, #687078);
   margin-block-end: var(--space-scaled-l-33ruz6, 20px);
 }
 
-.awsui_has-header_p8a6i_k1rsq_138:not(#\9) {
+.awsui_has-header_p8a6i_1ktd8_141:not(#\9) {
   margin-block-start: var(--space-grid-gutter-2qs4vj, 20px);
 }
-.awsui_has-header_p8a6i_k1rsq_138.awsui_refresh_p8a6i_k1rsq_141.awsui_header-variant-full-page_p8a6i_k1rsq_41:not(#\9) {
+.awsui_has-header_p8a6i_1ktd8_141.awsui_refresh_p8a6i_1ktd8_144.awsui_header-variant-full-page_p8a6i_1ktd8_41:not(#\9) {
   margin-block-start: var(--space-scaled-s-2crg2b, 12px);
 }
 
-.awsui_card_p8a6i_k1rsq_59:not(#\9) {
+.awsui_card_p8a6i_1ktd8_62:not(#\9) {
   overflow-wrap: break-word;
   word-wrap: break-word;
   box-sizing: border-box;
@@ -154,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0;
   list-style: none;
 }
-.awsui_card-header_p8a6i_k1rsq_157:not(#\9) {
+.awsui_card-header_p8a6i_1ktd8_160:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -163,42 +166,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_card-header-inner_p8a6i_k1rsq_166:not(#\9) {
+.awsui_card-header-inner_p8a6i_1ktd8_169:not(#\9) {
   /* used in test-utils */
 }
-.awsui_card-header-inner-selectable_p8a6i_k1rsq_169:not(#\9) {
+.awsui_card-header-inner-selectable_p8a6i_1ktd8_172:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_k1rsq_172:not(#\9) {
+.awsui_card-selected_p8a6i_1ktd8_175:not(#\9) {
   /* Used in test utils */
 }
 
-.awsui_section_p8a6i_k1rsq_176:not(#\9) {
+.awsui_section_p8a6i_1ktd8_179:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding-block-end: var(--space-scaled-xs-pajbd1, 8px);
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_k1rsq_183:not(#\9) {
+.awsui_section-header_p8a6i_1ktd8_186:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   font-weight: var(--font-display-label-weight-tz6zkz, 400);
   color: var(--color-text-label-g80qnu, #545b64);
 }
-.awsui_section-content_p8a6i_k1rsq_189:not(#\9) {
+.awsui_section-content_p8a6i_1ktd8_192:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_section_p8a6i_k1rsq_176:not(#\9):not(:first-child) {
+.awsui_section_p8a6i_1ktd8_179:not(#\9):not(:first-child) {
   padding-block-start: var(--space-xs-m9b7jf, 8px);
 }
 
-.awsui_section_p8a6i_k1rsq_176:not(#\9):last-child {
+.awsui_section_p8a6i_1ktd8_179:not(#\9):last-child {
   padding-block-end: 0;
 }
 
-.awsui_footer-pagination_p8a6i_k1rsq_201:not(#\9) {
+.awsui_footer-pagination_p8a6i_1ktd8_204:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

package/lib/internal/template/cards/styles.selectors.js

@@ -2,43 +2,44 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_p8a6i_k1rsq_9",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_k1rsq_41",
-  "header-refresh": "awsui_header-refresh_p8a6i_k1rsq_41",
-  "list": "awsui_list_p8a6i_k1rsq_48",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_k1rsq_59",
-  "card": "awsui_card_p8a6i_k1rsq_59",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_k1rsq_62",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_k1rsq_65",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_k1rsq_68",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_k1rsq_71",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_k1rsq_74",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_k1rsq_77",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_k1rsq_80",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_k1rsq_83",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_k1rsq_86",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_k1rsq_89",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_k1rsq_92",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_k1rsq_95",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_k1rsq_98",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_k1rsq_101",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_k1rsq_104",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_k1rsq_107",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_k1rsq_110",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_k1rsq_113",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_k1rsq_116",
-  "selection-control": "awsui_selection-control_p8a6i_k1rsq_120",
-  "loading": "awsui_loading_p8a6i_k1rsq_130",
-  "empty": "awsui_empty_p8a6i_k1rsq_131",
-  "has-header": "awsui_has-header_p8a6i_k1rsq_138",
-  "refresh": "awsui_refresh_p8a6i_k1rsq_141",
-  "card-header": "awsui_card-header_p8a6i_k1rsq_157",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_k1rsq_166",
-  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_k1rsq_169",
-  "card-selected": "awsui_card-selected_p8a6i_k1rsq_172",
-  "section": "awsui_section_p8a6i_k1rsq_176",
-  "section-header": "awsui_section-header_p8a6i_k1rsq_183",
-  "section-content": "awsui_section-content_p8a6i_k1rsq_189",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_k1rsq_201"
+  "root": "awsui_root_p8a6i_1ktd8_9",
+  "header": "awsui_header_p8a6i_1ktd8_41",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1ktd8_41",
+  "header-refresh": "awsui_header-refresh_p8a6i_1ktd8_44",
+  "list": "awsui_list_p8a6i_1ktd8_51",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_1ktd8_62",
+  "card": "awsui_card_p8a6i_1ktd8_62",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_1ktd8_65",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_1ktd8_68",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_1ktd8_71",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_1ktd8_74",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_1ktd8_77",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_1ktd8_80",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_1ktd8_83",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_1ktd8_86",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_1ktd8_89",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_1ktd8_92",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_1ktd8_95",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_1ktd8_98",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_1ktd8_101",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_1ktd8_104",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_1ktd8_107",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_1ktd8_110",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_1ktd8_113",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_1ktd8_116",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_1ktd8_119",
+  "selection-control": "awsui_selection-control_p8a6i_1ktd8_123",
+  "loading": "awsui_loading_p8a6i_1ktd8_133",
+  "empty": "awsui_empty_p8a6i_1ktd8_134",
+  "has-header": "awsui_has-header_p8a6i_1ktd8_141",
+  "refresh": "awsui_refresh_p8a6i_1ktd8_144",
+  "card-header": "awsui_card-header_p8a6i_1ktd8_160",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_1ktd8_169",
+  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1ktd8_172",
+  "card-selected": "awsui_card-selected_p8a6i_1ktd8_175",
+  "section": "awsui_section_p8a6i_1ktd8_179",
+  "section-header": "awsui_section-header_p8a6i_1ktd8_186",
+  "section-content": "awsui_section-content_p8a6i_1ktd8_192",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_1ktd8_204"
 };
   

package/lib/internal/template/checkbox/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_k2y2q_1fngv_9",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_1fngv_42",
-  "outline": "awsui_outline_k2y2q_1fngv_50"
+  "root": "awsui_root_k2y2q_cvwwu_9",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_cvwwu_42",
+  "outline": "awsui_outline_k2y2q_cvwwu_50"
 };
   

package/lib/internal/template/checkbox/styles.scoped.css

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_k2y2q_1fngv_9.awsui_root_k2y2q_1fngv_9:not(#\9) {
+.awsui_root_k2y2q_cvwwu_9.awsui_root_k2y2q_cvwwu_9:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -39,7 +39,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_checkbox-control_k2y2q_1fngv_42:not(#\9) {
+.awsui_checkbox-control_k2y2q_cvwwu_42:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-control-jpgj8e, 14px)) / 2);
   min-block-size: var(--size-control-jpgj8e, 14px);
   min-inline-size: var(--size-control-jpgj8e, 14px);
@@ -47,15 +47,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-jpgj8e, 14px);
 }
 
-.awsui_outline_k2y2q_1fngv_50:not(#\9) {
-  --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-sewkzn, #0073bb));
+.awsui_outline_k2y2q_cvwwu_50:not(#\9) {
+  --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-sewkzn, #0073bb));
   position: relative;
 }
-.awsui_outline_k2y2q_1fngv_50:not(#\9) {
+.awsui_outline_k2y2q_cvwwu_50:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_k2y2q_1fngv_50:not(#\9)::before {
+.awsui_outline_k2y2q_cvwwu_50:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -63,9 +63,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
 }

package/lib/internal/template/checkbox/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_k2y2q_1fngv_9",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_1fngv_42",
-  "outline": "awsui_outline_k2y2q_1fngv_50"
+  "root": "awsui_root_k2y2q_cvwwu_9",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_cvwwu_42",
+  "outline": "awsui_outline_k2y2q_cvwwu_50"
 };
   

package/lib/internal/template/code-editor/tab-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FAgDrB,CAAC"}
+{"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FAkDrB,CAAC"}

package/lib/internal/template/code-editor/tab-button.js

@@ -9,7 +9,7 @@ export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick
             [styles['tab-button--active']]: active,
             [styles['tab-button--disabled']]: disabled,
             [styles['tab-button--refresh']]: isRefresh,
-        }), id: id, type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel },
+        }), id: id, type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel, "data-awsui-motion-trigger": "hover", "data-awsui-motion-target": "" },
         React.createElement(InternalIcon, { name: iconName }),
         React.createElement("span", { className: styles.count }, count),
         React.createElement("span", { className: styles.text }, text)));

package/lib/internal/template/code-editor/tab-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS;QAErB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;QAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAQ;QAC7C,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACpC,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n  count: number;\n  text: string;\n  iconName: IconProps.Name;\n  active: boolean;\n  disabled: boolean;\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  ariaLabel?: string;\n  paneId?: string;\n  isRefresh: boolean;\n\n  className: string;\n  id?: string;\n\n  onClick: () => void;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n  (\n    {\n      active,\n      disabled,\n      iconName,\n      onClick,\n      onFocus,\n      onBlur,\n      tabIndex,\n      ariaHidden,\n      ariaLabel,\n      paneId,\n      isRefresh,\n      count,\n      text,\n      className,\n      id,\n    }: TabButtonProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    return (\n      <button\n        className={clsx([styles['tab-button'], className], {\n          [styles['tab-button--active']]: active,\n          [styles['tab-button--disabled']]: disabled,\n          [styles['tab-button--refresh']]: isRefresh,\n        })}\n        id={id}\n        type=\"button\"\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        ref={ref}\n        tabIndex={tabIndex}\n        role=\"tab\"\n        aria-selected={active}\n        aria-controls={paneId}\n        aria-hidden={ariaHidden}\n        aria-label={ariaLabel}\n      >\n        <InternalIcon name={iconName} />\n        <span className={styles.count}>{count}</span>\n        <span className={styles.text}>{text}</span>\n      </button>\n    );\n  }\n);\n"]}
+{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAsBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,EACL,IAAI,EACJ,SAAS,EACT,EAAE,GACa,EACjB,GAAiC,EACjC,EAAE;IACF,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS,+BACK,OAAO,8BACR,EAAE;QAE3B,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;QAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAQ;QAC7C,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CACpC,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n  count: number;\n  text: string;\n  iconName: IconProps.Name;\n  active: boolean;\n  disabled: boolean;\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  ariaLabel?: string;\n  paneId?: string;\n  isRefresh: boolean;\n\n  className: string;\n  id?: string;\n\n  onClick: () => void;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n  (\n    {\n      active,\n      disabled,\n      iconName,\n      onClick,\n      onFocus,\n      onBlur,\n      tabIndex,\n      ariaHidden,\n      ariaLabel,\n      paneId,\n      isRefresh,\n      count,\n      text,\n      className,\n      id,\n    }: TabButtonProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    return (\n      <button\n        className={clsx([styles['tab-button'], className], {\n          [styles['tab-button--active']]: active,\n          [styles['tab-button--disabled']]: disabled,\n          [styles['tab-button--refresh']]: isRefresh,\n        })}\n        id={id}\n        type=\"button\"\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        ref={ref}\n        tabIndex={tabIndex}\n        role=\"tab\"\n        aria-selected={active}\n        aria-controls={paneId}\n        aria-hidden={ariaHidden}\n        aria-label={ariaLabel}\n        data-awsui-motion-trigger=\"hover\"\n        data-awsui-motion-target=\"\"\n      >\n        <InternalIcon name={iconName} />\n        <span className={styles.count}>{count}</span>\n        <span className={styles.text}>{text}</span>\n      </button>\n    );\n  }\n);\n"]}

package/lib/internal/template/container/styles.css.js

@@ -1,38 +1,38 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_126kz_13",
-  "fit-height": "awsui_fit-height_14iqq_126kz_46",
-  "with-side-media": "awsui_with-side-media_14iqq_126kz_51",
-  "variant-default": "awsui_variant-default_14iqq_126kz_54",
-  "variant-stacked": "awsui_variant-stacked_14iqq_126kz_54",
-  "refresh": "awsui_refresh_14iqq_126kz_62",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_126kz_112",
-  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_126kz_118",
-  "with-top-media": "awsui_with-top-media_14iqq_126kz_128",
-  "content-wrapper": "awsui_content-wrapper_14iqq_126kz_133",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_126kz_138",
-  "media": "awsui_media_14iqq_126kz_145",
-  "media-top": "awsui_media-top_14iqq_126kz_163",
-  "media-side": "awsui_media-side_14iqq_126kz_168",
-  "header": "awsui_header_14iqq_126kz_174",
-  "header-full-page": "awsui_header-full-page_14iqq_126kz_179",
-  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_126kz_182",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_126kz_182",
-  "header-with-media": "awsui_header-with-media_14iqq_126kz_185",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_126kz_191",
-  "header-stuck": "awsui_header-stuck_14iqq_126kz_201",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_126kz_211",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_126kz_214",
-  "with-paddings": "awsui_with-paddings_14iqq_126kz_220",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_126kz_229",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_126kz_287",
-  "header-cover": "awsui_header-cover_14iqq_126kz_290",
-  "content": "awsui_content_14iqq_126kz_133",
-  "content-fit-height": "awsui_content-fit-height_14iqq_126kz_318",
-  "content-inner": "awsui_content-inner_14iqq_126kz_324",
-  "with-header": "awsui_with-header_14iqq_126kz_331",
-  "footer": "awsui_footer_14iqq_126kz_335",
-  "with-divider": "awsui_with-divider_14iqq_126kz_339"
+  "root": "awsui_root_14iqq_1me67_13",
+  "fit-height": "awsui_fit-height_14iqq_1me67_46",
+  "with-side-media": "awsui_with-side-media_14iqq_1me67_51",
+  "variant-default": "awsui_variant-default_14iqq_1me67_54",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1me67_54",
+  "refresh": "awsui_refresh_14iqq_1me67_63",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1me67_113",
+  "with-stuck-sticky-header-at-bottom": "awsui_with-stuck-sticky-header-at-bottom_14iqq_1me67_119",
+  "with-top-media": "awsui_with-top-media_14iqq_1me67_129",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1me67_134",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1me67_139",
+  "media": "awsui_media_14iqq_1me67_146",
+  "media-top": "awsui_media-top_14iqq_1me67_164",
+  "media-side": "awsui_media-side_14iqq_1me67_169",
+  "header": "awsui_header_14iqq_1me67_175",
+  "header-full-page": "awsui_header-full-page_14iqq_1me67_180",
+  "header-variant-embedded": "awsui_header-variant-embedded_14iqq_1me67_183",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1me67_183",
+  "header-with-media": "awsui_header-with-media_14iqq_1me67_186",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1me67_192",
+  "header-stuck": "awsui_header-stuck_14iqq_1me67_202",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1me67_212",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1me67_215",
+  "with-paddings": "awsui_with-paddings_14iqq_1me67_221",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1me67_230",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1me67_288",
+  "header-cover": "awsui_header-cover_14iqq_1me67_291",
+  "content": "awsui_content_14iqq_1me67_134",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1me67_319",
+  "content-inner": "awsui_content-inner_14iqq_1me67_325",
+  "with-header": "awsui_with-header_14iqq_1me67_332",
+  "footer": "awsui_footer_14iqq_1me67_336",
+  "with-divider": "awsui_with-divider_14iqq_1me67_340"
 };