@cloudscape-design/components 3.0.301 → 3.0.303

package/side-navigation/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_l0dv0_12dif_93",
-  "header": "awsui_header_l0dv0_12dif_109",
-  "header-link": "awsui_header-link_l0dv0_12dif_120",
-  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_12dif_130",
-  "header-link-text": "awsui_header-link-text_l0dv0_12dif_130",
-  "header-logo": "awsui_header-logo_l0dv0_12dif_134",
-  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_12dif_140",
-  "list-container": "awsui_list-container_l0dv0_12dif_145",
-  "list": "awsui_list_l0dv0_12dif_145",
-  "list-variant-root": "awsui_list-variant-root_l0dv0_12dif_155",
-  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_12dif_159",
-  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_12dif_163",
-  "list-item": "awsui_list-item_l0dv0_12dif_167",
-  "section": "awsui_section_l0dv0_12dif_173",
-  "expandable-link-group": "awsui_expandable-link-group_l0dv0_12dif_174",
-  "section--no-ident": "awsui_section--no-ident_l0dv0_12dif_177",
-  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_12dif_178",
-  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_12dif_191",
-  "section-group": "awsui_section-group_l0dv0_12dif_196",
-  "section-group-title": "awsui_section-group-title_l0dv0_12dif_206",
-  "link": "awsui_link_l0dv0_12dif_210",
-  "link-active": "awsui_link-active_l0dv0_12dif_219",
-  "info": "awsui_info_l0dv0_12dif_253",
-  "external-icon": "awsui_external-icon_l0dv0_12dif_257",
-  "divider": "awsui_divider_l0dv0_12dif_261",
-  "divider-default": "awsui_divider-default_l0dv0_12dif_266",
-  "divider-header": "awsui_divider-header_l0dv0_12dif_270"
+  "root": "awsui_root_l0dv0_5p78l_93",
+  "header": "awsui_header_l0dv0_5p78l_109",
+  "header-link": "awsui_header-link_l0dv0_5p78l_120",
+  "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_5p78l_130",
+  "header-link-text": "awsui_header-link-text_l0dv0_5p78l_130",
+  "header-logo": "awsui_header-logo_l0dv0_5p78l_134",
+  "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_5p78l_140",
+  "list-container": "awsui_list-container_l0dv0_5p78l_145",
+  "list": "awsui_list_l0dv0_5p78l_145",
+  "list-variant-root": "awsui_list-variant-root_l0dv0_5p78l_155",
+  "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_5p78l_159",
+  "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_5p78l_163",
+  "list-item": "awsui_list-item_l0dv0_5p78l_167",
+  "section": "awsui_section_l0dv0_5p78l_173",
+  "expandable-link-group": "awsui_expandable-link-group_l0dv0_5p78l_174",
+  "section--no-ident": "awsui_section--no-ident_l0dv0_5p78l_177",
+  "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_5p78l_178",
+  "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_5p78l_191",
+  "section-group": "awsui_section-group_l0dv0_5p78l_196",
+  "section-group-title": "awsui_section-group-title_l0dv0_5p78l_206",
+  "link": "awsui_link_l0dv0_5p78l_210",
+  "link-active": "awsui_link-active_l0dv0_5p78l_219",
+  "info": "awsui_info_l0dv0_5p78l_253",
+  "external-icon": "awsui_external-icon_l0dv0_5p78l_257",
+  "divider": "awsui_divider_l0dv0_5p78l_261",
+  "divider-default": "awsui_divider-default_l0dv0_5p78l_266",
+  "divider-header": "awsui_divider-header_l0dv0_5p78l_270"
 };
   

package/space-between/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_18582_bdxnb_93",
-  "child": "awsui_child_18582_bdxnb_97",
-  "horizontal": "awsui_horizontal_18582_bdxnb_108",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_bdxnb_112",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_bdxnb_115",
-  "horizontal-xs": "awsui_horizontal-xs_18582_bdxnb_118",
-  "horizontal-s": "awsui_horizontal-s_18582_bdxnb_121",
-  "horizontal-m": "awsui_horizontal-m_18582_bdxnb_124",
-  "horizontal-l": "awsui_horizontal-l_18582_bdxnb_127",
-  "horizontal-xl": "awsui_horizontal-xl_18582_bdxnb_130",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_bdxnb_133",
-  "vertical": "awsui_vertical_18582_bdxnb_140",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_bdxnb_143",
-  "vertical-xxs": "awsui_vertical-xxs_18582_bdxnb_146",
-  "vertical-xs": "awsui_vertical-xs_18582_bdxnb_149",
-  "vertical-s": "awsui_vertical-s_18582_bdxnb_152",
-  "vertical-m": "awsui_vertical-m_18582_bdxnb_155",
-  "vertical-l": "awsui_vertical-l_18582_bdxnb_158",
-  "vertical-xl": "awsui_vertical-xl_18582_bdxnb_161",
-  "vertical-xxl": "awsui_vertical-xxl_18582_bdxnb_164"
+  "root": "awsui_root_18582_2sk9e_93",
+  "child": "awsui_child_18582_2sk9e_97",
+  "horizontal": "awsui_horizontal_18582_2sk9e_108",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_2sk9e_112",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_2sk9e_115",
+  "horizontal-xs": "awsui_horizontal-xs_18582_2sk9e_118",
+  "horizontal-s": "awsui_horizontal-s_18582_2sk9e_121",
+  "horizontal-m": "awsui_horizontal-m_18582_2sk9e_124",
+  "horizontal-l": "awsui_horizontal-l_18582_2sk9e_127",
+  "horizontal-xl": "awsui_horizontal-xl_18582_2sk9e_130",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_2sk9e_133",
+  "vertical": "awsui_vertical_18582_2sk9e_140",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_2sk9e_143",
+  "vertical-xxs": "awsui_vertical-xxs_18582_2sk9e_146",
+  "vertical-xs": "awsui_vertical-xs_18582_2sk9e_149",
+  "vertical-s": "awsui_vertical-s_18582_2sk9e_152",
+  "vertical-m": "awsui_vertical-m_18582_2sk9e_155",
+  "vertical-l": "awsui_vertical-l_18582_2sk9e_158",
+  "vertical-xl": "awsui_vertical-xl_18582_2sk9e_161",
+  "vertical-xxl": "awsui_vertical-xxl_18582_2sk9e_164"
 };
   

package/space-between/styles.scoped.css

@@ -90,77 +90,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_18582_bdxnb_93:not(#\9) {
+.awsui_root_18582_2sk9e_93:not(#\9) {
   display: flex;
 }
 
-.awsui_child_18582_bdxnb_97:not(#\9) {
+.awsui_child_18582_2sk9e_97:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_child_18582_bdxnb_97:not(#\9):empty {
+.awsui_child_18582_2sk9e_97:not(#\9):empty {
   display: none;
 }
 
 /*
  * Horizontal variant
  */
-.awsui_horizontal_18582_bdxnb_108:not(#\9) {
+.awsui_horizontal_18582_2sk9e_108:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_horizontal-xxxs_18582_bdxnb_112:not(#\9) {
-  gap: var(--space-xxxs-rq3iss, 2px);
+.awsui_horizontal-xxxs_18582_2sk9e_112:not(#\9) {
+  gap: var(--space-xxxs-j6dpcy, 2px);
 }
-.awsui_horizontal-xxs_18582_bdxnb_115:not(#\9) {
-  gap: var(--space-xxs-a6783b, 4px);
+.awsui_horizontal-xxs_18582_2sk9e_115:not(#\9) {
+  gap: var(--space-xxs-ja5cp8, 4px);
 }
-.awsui_horizontal-xs_18582_bdxnb_118:not(#\9) {
-  gap: var(--space-xs-inub5w, 8px);
+.awsui_horizontal-xs_18582_2sk9e_118:not(#\9) {
+  gap: var(--space-xs-edba2s, 8px);
 }
-.awsui_horizontal-s_18582_bdxnb_121:not(#\9) {
-  gap: var(--space-s-rd607g, 12px);
+.awsui_horizontal-s_18582_2sk9e_121:not(#\9) {
+  gap: var(--space-s-hdd878, 12px);
 }
-.awsui_horizontal-m_18582_bdxnb_124:not(#\9) {
-  gap: var(--space-m-sptmsg, 16px);
+.awsui_horizontal-m_18582_2sk9e_124:not(#\9) {
+  gap: var(--space-m-h2th94, 16px);
 }
-.awsui_horizontal-l_18582_bdxnb_127:not(#\9) {
-  gap: var(--space-l-ds615y, 20px);
+.awsui_horizontal-l_18582_2sk9e_127:not(#\9) {
+  gap: var(--space-l-f4l5gr, 20px);
 }
-.awsui_horizontal-xl_18582_bdxnb_130:not(#\9) {
-  gap: var(--space-xl-7jca1b, 24px);
+.awsui_horizontal-xl_18582_2sk9e_130:not(#\9) {
+  gap: var(--space-xl-gsucfg, 24px);
 }
-.awsui_horizontal-xxl_18582_bdxnb_133:not(#\9) {
-  gap: var(--space-xxl-eiq7g3, 32px);
+.awsui_horizontal-xxl_18582_2sk9e_133:not(#\9) {
+  gap: var(--space-xxl-sgg5p8, 32px);
 }
 
 /*
  * Vertical variant
  */
-.awsui_vertical_18582_bdxnb_140:not(#\9) {
+.awsui_vertical_18582_2sk9e_140:not(#\9) {
   flex-direction: column;
 }
-.awsui_vertical-xxxs_18582_bdxnb_143:not(#\9) {
-  row-gap: var(--space-xxxs-rq3iss, 2px);
+.awsui_vertical-xxxs_18582_2sk9e_143:not(#\9) {
+  row-gap: var(--space-xxxs-j6dpcy, 2px);
 }
-.awsui_vertical-xxs_18582_bdxnb_146:not(#\9) {
-  row-gap: var(--space-xxs-a6783b, 4px);
+.awsui_vertical-xxs_18582_2sk9e_146:not(#\9) {
+  row-gap: var(--space-xxs-ja5cp8, 4px);
 }
-.awsui_vertical-xs_18582_bdxnb_149:not(#\9) {
-  row-gap: var(--space-xs-inub5w, 8px);
+.awsui_vertical-xs_18582_2sk9e_149:not(#\9) {
+  row-gap: var(--space-xs-edba2s, 8px);
 }
-.awsui_vertical-s_18582_bdxnb_152:not(#\9) {
-  row-gap: var(--space-scaled-s-gczsk7, 12px);
+.awsui_vertical-s_18582_2sk9e_152:not(#\9) {
+  row-gap: var(--space-scaled-s-913kwi, 12px);
 }
-.awsui_vertical-m_18582_bdxnb_155:not(#\9) {
-  row-gap: var(--space-scaled-m-9q5ipc, 16px);
+.awsui_vertical-m_18582_2sk9e_155:not(#\9) {
+  row-gap: var(--space-scaled-m-gxhdpl, 16px);
 }
-.awsui_vertical-l_18582_bdxnb_158:not(#\9) {
-  row-gap: var(--space-scaled-l-x5pubp, 20px);
+.awsui_vertical-l_18582_2sk9e_158:not(#\9) {
+  row-gap: var(--space-scaled-l-2rs0gk, 20px);
 }
-.awsui_vertical-xl_18582_bdxnb_161:not(#\9) {
-  row-gap: var(--space-scaled-xl-ozgbvg, 24px);
+.awsui_vertical-xl_18582_2sk9e_161:not(#\9) {
+  row-gap: var(--space-scaled-xl-jawob6, 24px);
 }
-.awsui_vertical-xxl_18582_bdxnb_164:not(#\9) {
-  row-gap: var(--space-scaled-xxl-v4jc9u, 32px);
+.awsui_vertical-xxl_18582_2sk9e_164:not(#\9) {
+  row-gap: var(--space-scaled-xxl-fzmynl, 32px);
 }

package/space-between/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_18582_bdxnb_93",
-  "child": "awsui_child_18582_bdxnb_97",
-  "horizontal": "awsui_horizontal_18582_bdxnb_108",
-  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_bdxnb_112",
-  "horizontal-xxs": "awsui_horizontal-xxs_18582_bdxnb_115",
-  "horizontal-xs": "awsui_horizontal-xs_18582_bdxnb_118",
-  "horizontal-s": "awsui_horizontal-s_18582_bdxnb_121",
-  "horizontal-m": "awsui_horizontal-m_18582_bdxnb_124",
-  "horizontal-l": "awsui_horizontal-l_18582_bdxnb_127",
-  "horizontal-xl": "awsui_horizontal-xl_18582_bdxnb_130",
-  "horizontal-xxl": "awsui_horizontal-xxl_18582_bdxnb_133",
-  "vertical": "awsui_vertical_18582_bdxnb_140",
-  "vertical-xxxs": "awsui_vertical-xxxs_18582_bdxnb_143",
-  "vertical-xxs": "awsui_vertical-xxs_18582_bdxnb_146",
-  "vertical-xs": "awsui_vertical-xs_18582_bdxnb_149",
-  "vertical-s": "awsui_vertical-s_18582_bdxnb_152",
-  "vertical-m": "awsui_vertical-m_18582_bdxnb_155",
-  "vertical-l": "awsui_vertical-l_18582_bdxnb_158",
-  "vertical-xl": "awsui_vertical-xl_18582_bdxnb_161",
-  "vertical-xxl": "awsui_vertical-xxl_18582_bdxnb_164"
+  "root": "awsui_root_18582_2sk9e_93",
+  "child": "awsui_child_18582_2sk9e_97",
+  "horizontal": "awsui_horizontal_18582_2sk9e_108",
+  "horizontal-xxxs": "awsui_horizontal-xxxs_18582_2sk9e_112",
+  "horizontal-xxs": "awsui_horizontal-xxs_18582_2sk9e_115",
+  "horizontal-xs": "awsui_horizontal-xs_18582_2sk9e_118",
+  "horizontal-s": "awsui_horizontal-s_18582_2sk9e_121",
+  "horizontal-m": "awsui_horizontal-m_18582_2sk9e_124",
+  "horizontal-l": "awsui_horizontal-l_18582_2sk9e_127",
+  "horizontal-xl": "awsui_horizontal-xl_18582_2sk9e_130",
+  "horizontal-xxl": "awsui_horizontal-xxl_18582_2sk9e_133",
+  "vertical": "awsui_vertical_18582_2sk9e_140",
+  "vertical-xxxs": "awsui_vertical-xxxs_18582_2sk9e_143",
+  "vertical-xxs": "awsui_vertical-xxs_18582_2sk9e_146",
+  "vertical-xs": "awsui_vertical-xs_18582_2sk9e_149",
+  "vertical-s": "awsui_vertical-s_18582_2sk9e_152",
+  "vertical-m": "awsui_vertical-m_18582_2sk9e_155",
+  "vertical-l": "awsui_vertical-l_18582_2sk9e_158",
+  "vertical-xl": "awsui_vertical-xl_18582_2sk9e_161",
+  "vertical-xxl": "awsui_vertical-xxl_18582_2sk9e_164"
 };
   

package/spinner/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1612d_1apf1_127",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1apf1_1",
-  "size-normal": "awsui_size-normal_1612d_1apf1_135",
-  "size-big": "awsui_size-big_1612d_1apf1_143",
-  "size-large": "awsui_size-large_1612d_1apf1_151",
-  "variant-normal": "awsui_variant-normal_1612d_1apf1_159",
-  "variant-disabled": "awsui_variant-disabled_1612d_1apf1_162",
-  "variant-inverted": "awsui_variant-inverted_1612d_1apf1_165",
-  "circle": "awsui_circle_1612d_1apf1_169",
-  "circle-left": "awsui_circle-left_1612d_1apf1_193",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1apf1_1",
-  "circle-right": "awsui_circle-right_1612d_1apf1_198",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1apf1_1"
+  "root": "awsui_root_1612d_qodmh_127",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_qodmh_1",
+  "size-normal": "awsui_size-normal_1612d_qodmh_135",
+  "size-big": "awsui_size-big_1612d_qodmh_143",
+  "size-large": "awsui_size-large_1612d_qodmh_151",
+  "variant-normal": "awsui_variant-normal_1612d_qodmh_159",
+  "variant-disabled": "awsui_variant-disabled_1612d_qodmh_162",
+  "variant-inverted": "awsui_variant-inverted_1612d_qodmh_165",
+  "circle": "awsui_circle_1612d_qodmh_169",
+  "circle-left": "awsui_circle-left_1612d_qodmh_193",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_qodmh_1",
+  "circle-right": "awsui_circle-right_1612d_qodmh_198",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_qodmh_1"
 };
   

package/spinner/styles.scoped.css

@@ -94,7 +94,7 @@ 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
 */
-@keyframes awsui_spinner-rotator_1612d_1apf1_1 {
+@keyframes awsui_spinner-rotator_1612d_qodmh_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(360deg);
   }
 }
-@keyframes awsui_spinner-line-left_1612d_1apf1_1 {
+@keyframes awsui_spinner-line-left_1612d_qodmh_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -113,7 +113,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(0deg);
   }
 }
-@keyframes awsui_spinner-line-right_1612d_1apf1_1 {
+@keyframes awsui_spinner-line-right_1612d_qodmh_1 {
   0% {
     transform: rotate(90deg);
   }
@@ -124,56 +124,56 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: rotate(90deg);
   }
 }
-.awsui_root_1612d_1apf1_127:not(#\9) {
+.awsui_root_1612d_qodmh_127:not(#\9) {
   display: inline-block;
   vertical-align: top;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation: awsui_spinner-rotator_1612d_1apf1_1 0.7s linear infinite;
+  animation: awsui_spinner-rotator_1612d_qodmh_1 0.7s linear infinite;
   box-sizing: border-box;
   line-height: 0;
 }
-.awsui_root_1612d_1apf1_127.awsui_size-normal_1612d_1apf1_135:not(#\9) {
-  width: var(--size-icon-normal-as5jb3, 16px);
-  height: var(--size-icon-normal-as5jb3, 16px);
-  padding: calc((var(--size-icon-normal-as5jb3, 16px) - 12px) / 2);
-  margin-top: calc((var(--font-body-m-line-height-83azrc, 22px) - var(--size-icon-normal-as5jb3, 16px)) / 2);
-  margin-bottom: calc((var(--font-body-m-line-height-83azrc, 22px) - var(--size-icon-normal-as5jb3, 16px)) / 2);
+.awsui_root_1612d_qodmh_127.awsui_size-normal_1612d_qodmh_135:not(#\9) {
+  width: var(--size-icon-normal-jq6jat, 16px);
+  height: var(--size-icon-normal-jq6jat, 16px);
+  padding: calc((var(--size-icon-normal-jq6jat, 16px) - 12px) / 2);
+  margin-top: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / 2);
+  margin-bottom: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-icon-normal-jq6jat, 16px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1apf1_127.awsui_size-big_1612d_1apf1_143:not(#\9) {
-  width: var(--size-icon-big-rl4tdi, 32px);
-  height: var(--size-icon-big-rl4tdi, 32px);
-  padding: calc((var(--size-icon-big-rl4tdi, 32px) - 24px) / 2);
-  margin-top: calc((var(--font-heading-xl-line-height-cka4rq, 40px) - var(--size-icon-big-rl4tdi, 32px)) / 2);
-  margin-bottom: calc((var(--font-heading-xl-line-height-cka4rq, 40px) - var(--size-icon-big-rl4tdi, 32px)) / 2);
+.awsui_root_1612d_qodmh_127.awsui_size-big_1612d_qodmh_143:not(#\9) {
+  width: var(--size-icon-big-0l8skx, 32px);
+  height: var(--size-icon-big-0l8skx, 32px);
+  padding: calc((var(--size-icon-big-0l8skx, 32px) - 24px) / 2);
+  margin-top: calc((var(--font-heading-xl-line-height-4s70cu, 40px) - var(--size-icon-big-0l8skx, 32px)) / 2);
+  margin-bottom: calc((var(--font-heading-xl-line-height-4s70cu, 40px) - var(--size-icon-big-0l8skx, 32px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1apf1_127.awsui_size-large_1612d_1apf1_151:not(#\9) {
-  width: var(--size-icon-large-x6jwev, 48px);
-  height: var(--size-icon-large-x6jwev, 48px);
-  padding: calc((var(--size-icon-large-x6jwev, 48px) - 36px) / 2);
-  margin-top: calc((var(--font-display-l-line-height-ki5obl, 54px) - var(--size-icon-large-x6jwev, 48px)) / 2);
-  margin-bottom: calc((var(--font-display-l-line-height-ki5obl, 54px) - var(--size-icon-large-x6jwev, 48px)) / 2);
+.awsui_root_1612d_qodmh_127.awsui_size-large_1612d_qodmh_151:not(#\9) {
+  width: var(--size-icon-large-jawmww, 48px);
+  height: var(--size-icon-large-jawmww, 48px);
+  padding: calc((var(--size-icon-large-jawmww, 48px) - 36px) / 2);
+  margin-top: calc((var(--font-display-l-line-height-qsh6fc, 54px) - var(--size-icon-large-jawmww, 48px)) / 2);
+  margin-bottom: calc((var(--font-display-l-line-height-qsh6fc, 54px) - var(--size-icon-large-jawmww, 48px)) / 2);
   box-sizing: border-box;
 }
-.awsui_root_1612d_1apf1_127.awsui_variant-normal_1612d_1apf1_159:not(#\9) {
+.awsui_root_1612d_qodmh_127.awsui_variant-normal_1612d_qodmh_159:not(#\9) {
   color: currentColor;
 }
-.awsui_root_1612d_1apf1_127.awsui_variant-disabled_1612d_1apf1_162:not(#\9) {
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+.awsui_root_1612d_qodmh_127.awsui_variant-disabled_1612d_qodmh_162:not(#\9) {
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
-.awsui_root_1612d_1apf1_127.awsui_variant-inverted_1612d_1apf1_165:not(#\9) {
-  color: var(--color-text-inverted-7iqu6k, #ffffff);
+.awsui_root_1612d_qodmh_127.awsui_variant-inverted_1612d_qodmh_165:not(#\9) {
+  color: var(--color-text-inverted-pw3n91, #ffffff);
 }
 
-.awsui_circle_1612d_1apf1_169:not(#\9) {
+.awsui_circle_1612d_qodmh_169:not(#\9) {
   display: inline-block;
   width: 50%;
   height: 100%;
   overflow: hidden;
   position: relative;
 }
-.awsui_circle_1612d_1apf1_169:not(#\9):after {
+.awsui_circle_1612d_qodmh_169:not(#\9):after {
   position: absolute;
   box-sizing: border-box;
   content: "";
@@ -182,7 +182,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-right-color: transparent;
   border-bottom-color: transparent;
 }
-.awsui_circle_1612d_1apf1_169:not(#\9):after {
+.awsui_circle_1612d_qodmh_169:not(#\9):after {
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
   animation: 1.5s ease-in-out infinite;
   top: 0;
@@ -190,13 +190,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 100%;
   width: 200%;
 }
-.awsui_circle_1612d_1apf1_169.awsui_circle-left_1612d_1apf1_193:not(#\9):after {
+.awsui_circle_1612d_qodmh_169.awsui_circle-left_1612d_qodmh_193:not(#\9):after {
   left: 0;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-left_1612d_1apf1_1;
+  animation-name: awsui_spinner-line-left_1612d_qodmh_1;
 }
-.awsui_circle_1612d_1apf1_169.awsui_circle-right_1612d_1apf1_198:not(#\9):after {
+.awsui_circle_1612d_qodmh_169.awsui_circle-right_1612d_qodmh_198:not(#\9):after {
   left: -100%;
   /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
-  animation-name: awsui_spinner-line-right_1612d_1apf1_1;
+  animation-name: awsui_spinner-line-right_1612d_qodmh_1;
 }

package/spinner/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1612d_1apf1_127",
-  "spinner-rotator": "awsui_spinner-rotator_1612d_1apf1_1",
-  "size-normal": "awsui_size-normal_1612d_1apf1_135",
-  "size-big": "awsui_size-big_1612d_1apf1_143",
-  "size-large": "awsui_size-large_1612d_1apf1_151",
-  "variant-normal": "awsui_variant-normal_1612d_1apf1_159",
-  "variant-disabled": "awsui_variant-disabled_1612d_1apf1_162",
-  "variant-inverted": "awsui_variant-inverted_1612d_1apf1_165",
-  "circle": "awsui_circle_1612d_1apf1_169",
-  "circle-left": "awsui_circle-left_1612d_1apf1_193",
-  "spinner-line-left": "awsui_spinner-line-left_1612d_1apf1_1",
-  "circle-right": "awsui_circle-right_1612d_1apf1_198",
-  "spinner-line-right": "awsui_spinner-line-right_1612d_1apf1_1"
+  "root": "awsui_root_1612d_qodmh_127",
+  "spinner-rotator": "awsui_spinner-rotator_1612d_qodmh_1",
+  "size-normal": "awsui_size-normal_1612d_qodmh_135",
+  "size-big": "awsui_size-big_1612d_qodmh_143",
+  "size-large": "awsui_size-large_1612d_qodmh_151",
+  "variant-normal": "awsui_variant-normal_1612d_qodmh_159",
+  "variant-disabled": "awsui_variant-disabled_1612d_qodmh_162",
+  "variant-inverted": "awsui_variant-inverted_1612d_qodmh_165",
+  "circle": "awsui_circle_1612d_qodmh_169",
+  "circle-left": "awsui_circle-left_1612d_qodmh_193",
+  "spinner-line-left": "awsui_spinner-line-left_1612d_qodmh_1",
+  "circle-right": "awsui_circle-right_1612d_qodmh_198",
+  "spinner-line-right": "awsui_spinner-line-right_1612d_qodmh_1"
 };
   

package/split-panel/interfaces.d.ts

@@ -26,6 +26,7 @@ export interface SplitPanelProps extends BaseComponentProps {
      * - `preferencesConfirm` - The text of the preference modal confirm button.
      * - `preferencesCancel` - The text of the preference modal cancel button.
      * - `resizeHandleAriaLabel` - The label of the resize handle aria label.
+     * @i18n
      */
     i18nStrings?: SplitPanelProps.I18nStrings;
 }

package/split-panel/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["split-panel/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;;OAYG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,WAAW;QAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,8BAA8B,CAAC,EAAE,MAAM,CAAC;QACxC,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;CACF;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["split-panel/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,WAAW;QAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,8BAA8B,CAAC,EAAE,MAAM,CAAC;QACxC,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;CACF;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/split-panel/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["split-panel/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface SplitPanelProps extends BaseComponentProps {\n  /**\n   * Header of the split panel.\n   */\n  header: string;\n  children: React.ReactNode;\n  /**\n   * Determines whether the split panel collapses or hides completely when closed.\n   */\n  closeBehavior?: 'collapse' | 'hide';\n  /**\n   * When set to `true`, the preferences button is not displayed.\n   */\n  hidePreferencesButton?: boolean;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `closeButtonAriaLabel` - The text of the panel close button aria label.\n   * - `openButtonAriaLabel` - The text of the panel open button aria label.\n   * - `preferencesTitle` - The text of the preferences modal header.\n   * - `preferencesPositionLabel` - The text of the position preference label.\n   * - `preferencesPositionDescription` - The text of the position preference description.\n   * - `preferencesPositionSide` - The text of the side position preference label.\n   * - `preferencesPositionBottom` - The text of the bottom position preference label.\n   * - `preferencesConfirm` - The text of the preference modal confirm button.\n   * - `preferencesCancel` - The text of the preference modal cancel button.\n   * - `resizeHandleAriaLabel` - The label of the resize handle aria label.\n   */\n  i18nStrings?: SplitPanelProps.I18nStrings;\n}\n\nexport namespace SplitPanelProps {\n  export interface I18nStrings {\n    closeButtonAriaLabel?: string;\n    openButtonAriaLabel?: string;\n    preferencesTitle?: string;\n    preferencesPositionLabel?: string;\n    preferencesPositionDescription?: string;\n    preferencesPositionSide?: string;\n    preferencesPositionBottom?: string;\n    preferencesConfirm?: string;\n    preferencesCancel?: string;\n    resizeHandleAriaLabel?: string;\n  }\n}\n\nexport interface SizeControlProps {\n  position: 'side' | 'bottom';\n  splitPanelRef?: React.RefObject<HTMLDivElement>;\n  handleRef?: React.RefObject<HTMLDivElement>;\n  setSidePanelWidth: (width: number) => void;\n  setBottomPanelHeight: (height: number) => void;\n}\n\nexport interface SplitPanelContentProps {\n  baseProps: BaseComponentProps;\n  isOpen?: boolean;\n  splitPanelRef?: React.Ref<any>;\n  cappedSize: number;\n  panelHeaderId: string;\n  resizeHandle: React.ReactNode;\n  header: React.ReactNode;\n  children: React.ReactNode;\n  onToggle: () => void;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["split-panel/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface SplitPanelProps extends BaseComponentProps {\n  /**\n   * Header of the split panel.\n   */\n  header: string;\n  children: React.ReactNode;\n  /**\n   * Determines whether the split panel collapses or hides completely when closed.\n   */\n  closeBehavior?: 'collapse' | 'hide';\n  /**\n   * When set to `true`, the preferences button is not displayed.\n   */\n  hidePreferencesButton?: boolean;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `closeButtonAriaLabel` - The text of the panel close button aria label.\n   * - `openButtonAriaLabel` - The text of the panel open button aria label.\n   * - `preferencesTitle` - The text of the preferences modal header.\n   * - `preferencesPositionLabel` - The text of the position preference label.\n   * - `preferencesPositionDescription` - The text of the position preference description.\n   * - `preferencesPositionSide` - The text of the side position preference label.\n   * - `preferencesPositionBottom` - The text of the bottom position preference label.\n   * - `preferencesConfirm` - The text of the preference modal confirm button.\n   * - `preferencesCancel` - The text of the preference modal cancel button.\n   * - `resizeHandleAriaLabel` - The label of the resize handle aria label.\n   * @i18n\n   */\n  i18nStrings?: SplitPanelProps.I18nStrings;\n}\n\nexport namespace SplitPanelProps {\n  export interface I18nStrings {\n    closeButtonAriaLabel?: string;\n    openButtonAriaLabel?: string;\n    preferencesTitle?: string;\n    preferencesPositionLabel?: string;\n    preferencesPositionDescription?: string;\n    preferencesPositionSide?: string;\n    preferencesPositionBottom?: string;\n    preferencesConfirm?: string;\n    preferencesCancel?: string;\n    resizeHandleAriaLabel?: string;\n  }\n}\n\nexport interface SizeControlProps {\n  position: 'side' | 'bottom';\n  splitPanelRef?: React.RefObject<HTMLDivElement>;\n  handleRef?: React.RefObject<HTMLDivElement>;\n  setSidePanelWidth: (width: number) => void;\n  setBottomPanelHeight: (height: number) => void;\n}\n\nexport interface SplitPanelContentProps {\n  baseProps: BaseComponentProps;\n  isOpen?: boolean;\n  splitPanelRef?: React.Ref<any>;\n  cappedSize: number;\n  panelHeaderId: string;\n  resizeHandle: React.ReactNode;\n  header: React.ReactNode;\n  children: React.ReactNode;\n  onToggle: () => void;\n}\n"]}