@cloudscape-design/components 3.0.625 → 3.0.627

package/button/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_12tek_103",
-  "button": "awsui_button_vjswe_12tek_107",
-  "variant-normal": "awsui_variant-normal_vjswe_12tek_158",
-  "variant-icon": "awsui_variant-icon_vjswe_12tek_201",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_12tek_201",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_12tek_201",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_12tek_222",
-  "disabled": "awsui_disabled_vjswe_12tek_243",
-  "variant-primary": "awsui_variant-primary_vjswe_12tek_251",
-  "variant-link": "awsui_variant-link_vjswe_12tek_344",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_12tek_623",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_12tek_906",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_12tek_1004",
-  "button-no-text": "awsui_button-no-text_vjswe_12tek_1097",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_12tek_1101",
-  "full-width": "awsui_full-width_vjswe_12tek_1104",
-  "icon-left": "awsui_icon-left_vjswe_12tek_1123",
-  "icon-right": "awsui_icon-right_vjswe_12tek_1128",
-  "icon": "awsui_icon_vjswe_12tek_1123"
+  "content": "awsui_content_vjswe_fw9kh_103",
+  "button": "awsui_button_vjswe_fw9kh_107",
+  "variant-normal": "awsui_variant-normal_vjswe_fw9kh_158",
+  "variant-icon": "awsui_variant-icon_vjswe_fw9kh_201",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_fw9kh_201",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_fw9kh_201",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_fw9kh_222",
+  "disabled": "awsui_disabled_vjswe_fw9kh_243",
+  "variant-primary": "awsui_variant-primary_vjswe_fw9kh_251",
+  "variant-link": "awsui_variant-link_vjswe_fw9kh_344",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_fw9kh_623",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_fw9kh_906",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_fw9kh_1004",
+  "button-no-text": "awsui_button-no-text_vjswe_fw9kh_1097",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_fw9kh_1101",
+  "full-width": "awsui_full-width_vjswe_fw9kh_1104",
+  "icon-left": "awsui_icon-left_vjswe_fw9kh_1123",
+  "icon-right": "awsui_icon-right_vjswe_fw9kh_1128",
+  "icon": "awsui_icon_vjswe_fw9kh_1123"
 };
   

package/drawer/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_1oeyq_100",
-  "header": "awsui_header_1sxt8_1oeyq_140",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1oeyq_169"
+  "drawer": "awsui_drawer_1sxt8_1v1hs_100",
+  "header": "awsui_header_1sxt8_1v1hs_140",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1v1hs_169"
 };
   

package/drawer/styles.scoped.css

@@ -97,7 +97,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_drawer_1sxt8_1oeyq_100:not(#\9) {
+.awsui_drawer_1sxt8_1v1hs_100:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -132,32 +132,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  padding-block-start: var(--space-scaled-l-0hpmd7, 20px);
-  padding-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
+  padding-block-start: var(--space-panel-header-vertical-gv9pti, 20px);
+  padding-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
 }
 
-.awsui_header_1sxt8_1oeyq_140:not(#\9) {
+.awsui_header_1sxt8_1v1hs_140:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-heading-default-lstrpn, #000716);
-  padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
+  padding-block-end: var(--space-panel-header-vertical-gv9pti, 20px);
   padding-inline: var(--space-panel-side-left-5t0who, 28px) calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
   margin-block-start: 0;
-  margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
+  margin-block-end: var(--space-panel-content-top-wac3yp, 20px);
   margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
   margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
 }
-.awsui_header_1sxt8_1oeyq_140 h2:not(#\9),
-.awsui_header_1sxt8_1oeyq_140 h3:not(#\9),
-.awsui_header_1sxt8_1oeyq_140 h4:not(#\9),
-.awsui_header_1sxt8_1oeyq_140 h5:not(#\9),
-.awsui_header_1sxt8_1oeyq_140 h6:not(#\9) {
+.awsui_header_1sxt8_1v1hs_140 h2:not(#\9),
+.awsui_header_1sxt8_1v1hs_140 h3:not(#\9),
+.awsui_header_1sxt8_1v1hs_140 h4:not(#\9),
+.awsui_header_1sxt8_1v1hs_140 h5:not(#\9),
+.awsui_header_1sxt8_1v1hs_140 h6:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -167,6 +167,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_test-utils-drawer-content_1sxt8_1oeyq_169:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_1v1hs_169:not(#\9) {
   /* used in test-utils */
 }

package/drawer/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_1oeyq_100",
-  "header": "awsui_header_1sxt8_1oeyq_140",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1oeyq_169"
+  "drawer": "awsui_drawer_1sxt8_1v1hs_100",
+  "header": "awsui_header_1sxt8_1v1hs_140",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1v1hs_169"
 };
   

package/help-panel/styles.css.js

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_xb6zh_100",
-  "header": "awsui_header_1d237_xb6zh_269",
-  "content": "awsui_content_1d237_xb6zh_300",
-  "footer": "awsui_footer_1d237_xb6zh_346"
+  "help-panel": "awsui_help-panel_1d237_nqluc_100",
+  "header": "awsui_header_1d237_nqluc_269",
+  "content": "awsui_content_1d237_nqluc_300",
+  "footer": "awsui_footer_1d237_nqluc_346"
 };
   

package/help-panel/styles.scoped.css

@@ -97,7 +97,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_xb6zh_100:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -132,41 +132,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  padding-block-start: var(--space-scaled-l-0hpmd7, 20px);
+  padding-block-start: var(--space-panel-header-vertical-gv9pti, 20px);
   padding-block-end: 0;
   padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
   padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
 }
-.awsui_help-panel_1d237_xb6zh_100 hr:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 hr:not(#\9) {
   border-block: none;
   border-inline: none;
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   margin-block: var(--space-scaled-xl-kswcw7, 24px);
-  margin-inline: calc(-1 * var(--space-xs-zb16t3, 8px));
+  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
 }
-.awsui_help-panel_1d237_xb6zh_100 ol:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 ul:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 ol:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 ul:not(#\9) {
   padding-inline-start: var(--space-l-t419sm, 20px);
   list-style-position: outside;
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 li:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 li:not(#\9) {
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 a:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h2:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h3:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h4:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h5:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 pre:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 code:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 a:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h2:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h3:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h4:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h5:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 pre:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 code:not(#\9) {
   margin-block: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 code:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 code:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -177,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_xb6zh_100 pre:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 pre:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
@@ -190,41 +190,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-p8yyaw, 4px);
   padding-inline: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_help-panel_1d237_xb6zh_100 dl:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 dl:not(#\9) {
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_xb6zh_100 dl *:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 dt:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 dt:not(#\9) {
   margin-block-start: var(--space-xs-zb16t3, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_xb6zh_100 dd:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 dd:not(#\9) {
   margin-block-start: 0;
   margin-block-end: var(--space-xs-zb16t3, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 h2:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h3:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h4:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h5:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 h6:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h2:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h3:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h4:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h5:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 h6:not(#\9) {
   margin-block-start: var(--space-xl-lmui9r, 24px);
   color: var(--color-text-heading-default-lstrpn, #000716);
 }
-.awsui_help-panel_1d237_xb6zh_100 > :not(#\9):last-child {
-  margin-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
+.awsui_help-panel_1d237_nqluc_100 > :not(#\9):last-child {
+  margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
 }
-.awsui_help-panel_1d237_xb6zh_100 p:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 p:not(#\9) {
   color: inherit;
   text-decoration: none;
   margin-block: var(--space-s-34lx8l, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_xb6zh_100 h1:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-ypc05a, 24px);
   line-height: var(--line-height-heading-xl-avbttk, 30px);
   letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
@@ -232,7 +232,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_xb6zh_100 h2:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h2:not(#\9) {
   font-size: var(--font-size-heading-l-ou0d0l, 20px);
   line-height: var(--line-height-heading-l-mmm3my, 24px);
   letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
@@ -240,7 +240,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_xb6zh_100 h3:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h3:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -248,7 +248,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_xb6zh_100 h4:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h4:not(#\9) {
   font-size: var(--font-size-heading-s-yykzif, 16px);
   line-height: var(--line-height-heading-s-4i6ewn, 20px);
   letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
@@ -256,39 +256,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_xb6zh_100 h5:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-wo4hpf, 14px);
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   font-weight: var(--font-weight-heading-xs-l7rqme, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_help-panel_1d237_xb6zh_100 b:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 strong:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 b:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-heading-default-lstrpn, #000716);
-  padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
+  padding-block-end: var(--space-panel-header-vertical-gv9pti, 20px);
   padding-inline: var(--space-panel-side-left-5t0who, 28px) calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
   border-block: none;
   border-inline: none;
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
   margin-block-start: 0;
-  margin-block-end: var(--space-scaled-l-0hpmd7, 20px);
+  margin-block-end: var(--space-panel-content-top-wac3yp, 20px);
   margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
   margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
 }
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269 h2:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269 h3:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269 h4:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269 h5:not(#\9),
-.awsui_help-panel_1d237_xb6zh_100 .awsui_header_1d237_xb6zh_269 h6:not(#\9) {
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269 h2:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269 h3:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269 h4:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269 h5:not(#\9),
+.awsui_help-panel_1d237_nqluc_100 .awsui_header_1d237_nqluc_269 h6:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -298,17 +298,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_content_1d237_xb6zh_300:not(#\9) {
+.awsui_content_1d237_nqluc_300:not(#\9) {
   color: var(--color-text-body-secondary-w9jvno, #414d5c);
 }
-.awsui_content_1d237_xb6zh_300 h2:not(#\9):first-child,
-.awsui_content_1d237_xb6zh_300 h3:not(#\9):first-child,
-.awsui_content_1d237_xb6zh_300 h4:not(#\9):first-child,
-.awsui_content_1d237_xb6zh_300 h5:not(#\9):first-child,
-.awsui_content_1d237_xb6zh_300 h6:not(#\9):first-child {
+.awsui_content_1d237_nqluc_300 h2:not(#\9):first-child,
+.awsui_content_1d237_nqluc_300 h3:not(#\9):first-child,
+.awsui_content_1d237_nqluc_300 h4:not(#\9):first-child,
+.awsui_content_1d237_nqluc_300 h5:not(#\9):first-child,
+.awsui_content_1d237_nqluc_300 h6:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_xb6zh_300 a:not(#\9) {
+.awsui_content_1d237_nqluc_300 a:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -322,46 +322,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_xb6zh_300 a:not(#\9) {
+  .awsui_content_1d237_nqluc_300 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_xb6zh_300 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_xb6zh_300 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_nqluc_300 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_nqluc_300 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_xb6zh_300 a:not(#\9):hover {
+.awsui_content_1d237_nqluc_300 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_content_1d237_xb6zh_300 a:not(#\9):focus {
+.awsui_content_1d237_nqluc_300 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_xb6zh_300 a:not(#\9):active {
+.awsui_content_1d237_nqluc_300 a:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_content_1d237_xb6zh_300 a:not(#\9):active, .awsui_content_1d237_xb6zh_300 a:not(#\9):focus, .awsui_content_1d237_xb6zh_300 a:not(#\9):hover {
+.awsui_content_1d237_nqluc_300 a:not(#\9):active, .awsui_content_1d237_nqluc_300 a:not(#\9):focus, .awsui_content_1d237_nqluc_300 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_footer_1d237_xb6zh_346:not(#\9) {
+.awsui_footer_1d237_nqluc_346:not(#\9) {
   color: var(--color-text-body-secondary-w9jvno, #414d5c);
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
   margin-block: var(--space-scaled-xl-kswcw7, 24px);
-  margin-inline: calc(-1 * var(--space-xs-zb16t3, 8px));
+  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
   padding-block: 0;
-  padding-inline: var(--space-s-34lx8l, 12px);
+  padding-inline: var(--space-panel-divider-margin-horizontal-sbik1z, 8px);
 }
-.awsui_footer_1d237_xb6zh_346 > :not(#\9):first-child {
+.awsui_footer_1d237_nqluc_346 > :not(#\9):first-child {
   margin-block-start: var(--space-scaled-xl-kswcw7, 24px);
 }
-.awsui_footer_1d237_xb6zh_346 ul:not(#\9) {
+.awsui_footer_1d237_nqluc_346 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_xb6zh_346 a:not(#\9) {
+.awsui_footer_1d237_nqluc_346 a:not(#\9) {
   color: var(--color-text-link-default-latg1a, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -375,32 +375,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_xb6zh_346 a:not(#\9) {
+  .awsui_footer_1d237_nqluc_346 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_xb6zh_346 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_xb6zh_346 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_nqluc_346 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_nqluc_346 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_xb6zh_346 a:not(#\9):hover {
+.awsui_footer_1d237_nqluc_346 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_footer_1d237_xb6zh_346 a:not(#\9):focus {
+.awsui_footer_1d237_nqluc_346 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_xb6zh_346 a:not(#\9):active {
+.awsui_footer_1d237_nqluc_346 a:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_footer_1d237_xb6zh_346 a:not(#\9):active, .awsui_footer_1d237_xb6zh_346 a:not(#\9):focus, .awsui_footer_1d237_xb6zh_346 a:not(#\9):hover {
+.awsui_footer_1d237_nqluc_346 a:not(#\9):active, .awsui_footer_1d237_nqluc_346 a:not(#\9):focus, .awsui_footer_1d237_nqluc_346 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_content_1d237_xb6zh_300 a:not(#\9):focus,
-.awsui_footer_1d237_xb6zh_346 a:not(#\9):focus {
+.awsui_content_1d237_nqluc_300 a:not(#\9):focus,
+.awsui_footer_1d237_nqluc_346 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;

package/help-panel/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_xb6zh_100",
-  "header": "awsui_header_1d237_xb6zh_269",
-  "content": "awsui_content_1d237_xb6zh_300",
-  "footer": "awsui_footer_1d237_xb6zh_346"
+  "help-panel": "awsui_help-panel_1d237_nqluc_100",
+  "header": "awsui_header_1d237_nqluc_269",
+  "content": "awsui_content_1d237_nqluc_300",
+  "footer": "awsui_footer_1d237_nqluc_346"
 };
   

package/internal/base-component/styles.scoped.css

@@ -266,6 +266,7 @@
   --color-border-item-selected-k00wlz:#0972d3;
   --color-border-layout-ownedw:#d1d5db;
   --color-border-notification-stack-bar-t3aws2:#232f3e;
+  --color-border-panel-header-lf0q4c:#b6bec9;
   --color-border-popover-umqvld:#9ba7b6;
   --color-border-segment-active-9ah16u:#414d5c;
   --color-border-segment-default-a5zrkd:#414d5c;
@@ -548,6 +549,10 @@
   --space-modal-content-bottom-hqahub:16px;
   --space-modal-horizontal-f89syl:20px;
   --space-option-icon-big-top-hybljv:0px;
+  --space-panel-content-bottom-7k6er3:40px;
+  --space-panel-content-top-wac3yp:20px;
+  --space-panel-divider-margin-horizontal-sbik1z:8px;
+  --space-panel-header-vertical-gv9pti:20px;
   --space-panel-nav-left-b1g0mt:28px;
   --space-panel-side-left-5t0who:28px;
   --space-panel-side-right-xofg51:24px;
@@ -857,6 +862,7 @@
     --color-border-item-placeholder-h8j85e:#539fe5;
     --color-border-item-selected-k00wlz:#539fe5;
     --color-border-layout-ownedw:#354150;
+    --color-border-panel-header-lf0q4c:#414d5c;
     --color-border-popover-umqvld:#5f6b7a;
     --color-border-segment-active-9ah16u:#d1d5db;
     --color-border-segment-default-a5zrkd:#d1d5db;
@@ -992,6 +998,9 @@
   --space-layout-content-bottom-noqzmw:24px;
   --space-layout-content-horizontal-7l52k3:16px;
   --space-modal-content-bottom-hqahub:8px;
+  --space-panel-content-bottom-7k6er3:32px;
+  --space-panel-content-top-wac3yp:16px;
+  --space-panel-header-vertical-gv9pti:16px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
   --space-tabs-content-top-dedu0k:8px;
@@ -1039,6 +1048,9 @@
   --space-card-vertical-m591he:12px;
   --space-container-header-bottom-vj01hn:4px;
   --space-content-header-padding-bottom-y2enua:12px;
+  --space-panel-content-bottom-7k6er3:32px;
+  --space-panel-content-top-wac3yp:16px;
+  --space-panel-header-vertical-gv9pti:16px;
   --space-panel-side-right-xofg51:20px;
   --space-panel-split-top-q1pux4:16px;
   --space-tabs-content-top-dedu0k:8px;
@@ -1142,6 +1154,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1335,6 +1348,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1468,6 +1482,7 @@
   --color-border-dropdown-group-yakmix:#fbfbfb;
   --color-border-dropdown-item-default-k36ra7:#fbfbfb;
   --color-border-item-focused-b2ntyl:#fbfbfb;
+  --color-border-panel-header-lf0q4c:#fbfbfb;
   --color-text-body-default-at06ol:#fbfbfb;
   --color-text-button-normal-active-4it2mv:#ffffff;
   --color-text-button-normal-default-mo7k6u:#fbfbfb;
@@ -1497,6 +1512,7 @@
   --color-border-dropdown-group-yakmix:#000716;
   --color-border-dropdown-item-default-k36ra7:#000716;
   --color-border-item-focused-b2ntyl:#000716;
+  --color-border-panel-header-lf0q4c:#000716;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
   --color-text-button-normal-hover-04pe0y:#000716;
@@ -1525,6 +1541,7 @@
   --color-border-divider-panel-side-93n0qu:#414d5c;
   --color-border-dropdown-group-yakmix:#414d5c;
   --color-border-dropdown-item-default-k36ra7:#414d5c;
+  --color-border-panel-header-lf0q4c:#414d5c;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
   --color-text-button-normal-hover-04pe0y:#000716;
@@ -1623,6 +1640,7 @@
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
   --color-border-layout-ownedw:#354150;
+  --color-border-panel-header-lf0q4c:#d1d5db;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
   --color-border-segment-default-a5zrkd:#d1d5db;
@@ -1754,6 +1772,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
     --color-text-button-normal-hover-04pe0y:#ffffff;
@@ -1777,6 +1796,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
     --color-text-button-normal-hover-04pe0y:#ffffff;

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (d24a84cd)";
+export var PACKAGE_VERSION = "3.0.0 (275aeedb)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (d24a84cd)",
+  "PACKAGE_VERSION": "3.0.0 (275aeedb)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.d.ts

@@ -327,6 +327,7 @@ export const colorBorderItemPlaceholder: string;
 export const colorBorderItemSelected: string;
 export const colorBorderLayout: string;
 export const colorBorderNotificationStackBar: string;
+export const colorBorderPanelHeader: string;
 export const colorBorderPopover: string;
 export const colorBorderSegmentActive: string;
 export const colorBorderSegmentDefault: string;
@@ -620,6 +621,10 @@ export const spaceLayoutTogglePadding: string;
 export const spaceModalContentBottom: string;
 export const spaceModalHorizontal: string;
 export const spaceOptionIconBigTop: string;
+export const spacePanelContentBottom: string;
+export const spacePanelContentTop: string;
+export const spacePanelDividerMarginHorizontal: string;
+export const spacePanelHeaderVertical: string;
 export const spacePanelNavLeft: string;
 export const spacePanelSideLeft: string;
 export const spacePanelSideRight: string;