npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1345 → 3.0.1346 - Mend

@cloudscape-design/components-themeable 3.0.1345 → 3.0.1346

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (503) hide show

package/lib/internal/template/anchor-navigation/styles.scoped.css CHANGED Viewed

@@ -186,7 +186,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
 */
-.awsui_root_swimc_1khcb_189:not(#\9) {
+.awsui_root_swimc_74wi9_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -211,14 +211,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_anchor-list_swimc_1khcb_221:not(#\9) {
+.awsui_anchor-list_swimc_74wi9_221:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -227,9 +227,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_1khcb_221:not(#\9)::before {
+.awsui_anchor-list_swimc_74wi9_221:not(#\9)::before {
   content: "";
-  background-color: var(--color-border-divider-default-hfk422, #eaeded);
+  background-color: var(--color-border-divider-default-diwd4w, #eaeded);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
   border-start-end-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
   border-end-start-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
@@ -242,32 +242,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 6px;
 }
-.awsui_anchor-item_swimc_1khcb_245:not(#\9) {
+.awsui_anchor-item_swimc_74wi9_245:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-secondary-tzk32r, #545b64);
+  color: var(--color-text-body-secondary-66ygbb, #545b64);
   font-weight: var(--font-weight-normal-fr92v6, 400);
-  margin-block: var(--space-scaled-xxs-jatbiv, 4px);
+  margin-block: var(--space-scaled-xxs-j00t0m, 4px);
   margin-inline: 0;
-  transition: var(--motion-duration-slow-cxexcj, 180ms);
+  transition: var(--motion-duration-slow-8cu00l, 180ms);
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_1khcb_245:not(#\9) {
+  .awsui_anchor-item_swimc_74wi9_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_1khcb_245:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1khcb_245:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_74wi9_245:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_74wi9_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_1khcb_265:not(#\9) {
+.awsui_anchor-item--active_swimc_74wi9_265:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_1khcb_265:not(#\9)::before {
+.awsui_anchor-item--active_swimc_74wi9_265:not(#\9)::before {
   content: "";
-  background-color: var(--color-text-accent-qujj3s, #0073bb);
+  background-color: var(--color-text-accent-1mglsg, #0073bb);
   border-start-start-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
   border-start-end-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
   border-end-start-radius: var(--border-radius-tabs-focus-ring-ss6drb, 0px);
@@ -280,61 +280,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 6px;
 }
-.awsui_anchor-link_swimc_1khcb_283:not(#\9) {
+.awsui_anchor-link_swimc_74wi9_283:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   align-items: baseline;
-  color: var(--color-text-body-secondary-tzk32r, #545b64);
+  color: var(--color-text-body-secondary-66ygbb, #545b64);
   display: flex;
   flex-direction: row;
   font-weight: var(--font-weight-normal-fr92v6, 400);
   text-decoration: none;
-  transition: var(--motion-duration-slow-cxexcj, 180ms);
+  transition: var(--motion-duration-slow-8cu00l, 180ms);
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_1khcb_283:not(#\9) {
+  .awsui_anchor-link_swimc_74wi9_283:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_1khcb_283:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1khcb_283:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_74wi9_283:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_74wi9_283:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1khcb_283:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_74wi9_283:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-a3thrr, #0073bb);
+  outline-color: var(--color-border-item-focused-sewkzn, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_anchor-link_swimc_1khcb_283:not(#\9):hover {
-  color: var(--color-text-accent-qujj3s, #0073bb);
+.awsui_anchor-link_swimc_74wi9_283:not(#\9):hover {
+  color: var(--color-text-accent-1mglsg, #0073bb);
 }
-.awsui_anchor-link_swimc_1khcb_283:not(#\9):focus {
+.awsui_anchor-link_swimc_74wi9_283:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_1khcb_283:not(#\9):hover, .awsui_anchor-link_swimc_1khcb_283:not(#\9):focus {
+.awsui_anchor-link_swimc_74wi9_283:not(#\9):hover, .awsui_anchor-link_swimc_74wi9_283:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_1khcb_325:not(#\9) {
+.awsui_anchor-link--active_swimc_74wi9_325:not(#\9) {
   font-weight: var(--font-wayfinding-link-active-weight-mlvia6, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
-  color: var(--color-text-accent-qujj3s, #0073bb);
+  color: var(--color-text-accent-1mglsg, #0073bb);
 }
-.awsui_anchor-link-text_swimc_1khcb_332:not(#\9) {
+.awsui_anchor-link-text_swimc_74wi9_332:not(#\9) {
   display: block;
 }
-.awsui_anchor-link-info_swimc_1khcb_336:not(#\9) {
-  margin-inline-start: var(--space-xs-kw7k3v, 8px);
+.awsui_anchor-link-info_swimc_74wi9_336:not(#\9) {
+  margin-inline-start: var(--space-xs-m9b7jf, 8px);
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -342,5 +342,5 @@ body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1khcb_283:not(#\9):
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
   font-weight: var(--font-weight-bold-xpar9m, 700);
   letter-spacing: 0.005em;
-  color: var(--color-text-link-default-9cv1el, #0073bb);
+  color: var(--color-text-link-default-qabnuk, #0073bb);
 }

package/lib/internal/template/anchor-navigation/styles.selectors.js CHANGED Viewed

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_swimc_1khcb_189",
-  "anchor-list": "awsui_anchor-list_swimc_1khcb_221",
-  "anchor-item": "awsui_anchor-item_swimc_1khcb_245",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_1khcb_265",
-  "anchor-link": "awsui_anchor-link_swimc_1khcb_283",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_1khcb_325",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_1khcb_332",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_1khcb_336"
+  "root": "awsui_root_swimc_74wi9_189",
+  "anchor-list": "awsui_anchor-list_swimc_74wi9_221",
+  "anchor-item": "awsui_anchor-item_swimc_74wi9_245",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_74wi9_265",
+  "anchor-link": "awsui_anchor-link_swimc_74wi9_283",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_74wi9_325",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_74wi9_332",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_74wi9_336"
 };

package/lib/internal/template/annotation-context/annotation/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "annotation": "awsui_annotation_1hpp3_17p9d_185",
-  "next-button": "awsui_next-button_1hpp3_17p9d_186",
-  "previous-button": "awsui_previous-button_1hpp3_17p9d_187",
-  "finish-button": "awsui_finish-button_1hpp3_17p9d_188",
-  "header": "awsui_header_1hpp3_17p9d_189",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_17p9d_190",
-  "content": "awsui_content_1hpp3_17p9d_191",
-  "description": "awsui_description_1hpp3_17p9d_195",
-  "actionBar": "awsui_actionBar_1hpp3_17p9d_200",
-  "stepCounter": "awsui_stepCounter_1hpp3_17p9d_207",
-  "divider": "awsui_divider_1hpp3_17p9d_211",
-  "hotspot": "awsui_hotspot_1hpp3_17p9d_215",
-  "icon": "awsui_icon_1hpp3_17p9d_286"
+  "annotation": "awsui_annotation_1hpp3_1okow_185",
+  "next-button": "awsui_next-button_1hpp3_1okow_186",
+  "previous-button": "awsui_previous-button_1hpp3_1okow_187",
+  "finish-button": "awsui_finish-button_1hpp3_1okow_188",
+  "header": "awsui_header_1hpp3_1okow_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1okow_190",
+  "content": "awsui_content_1hpp3_1okow_191",
+  "description": "awsui_description_1hpp3_1okow_195",
+  "actionBar": "awsui_actionBar_1hpp3_1okow_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_1okow_207",
+  "divider": "awsui_divider_1hpp3_1okow_211",
+  "hotspot": "awsui_hotspot_1hpp3_1okow_215",
+  "icon": "awsui_icon_1hpp3_1okow_286"
 };

package/lib/internal/template/annotation-context/annotation/styles.scoped.css CHANGED Viewed

@@ -182,37 +182,37 @@ 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_annotation_1hpp3_17p9d_185:not(#\9),
-.awsui_next-button_1hpp3_17p9d_186:not(#\9),
-.awsui_previous-button_1hpp3_17p9d_187:not(#\9),
-.awsui_finish-button_1hpp3_17p9d_188:not(#\9),
-.awsui_header_1hpp3_17p9d_189:not(#\9),
-.awsui_step-counter-content_1hpp3_17p9d_190:not(#\9),
-.awsui_content_1hpp3_17p9d_191:not(#\9) {
+.awsui_annotation_1hpp3_1okow_185:not(#\9),
+.awsui_next-button_1hpp3_1okow_186:not(#\9),
+.awsui_previous-button_1hpp3_1okow_187:not(#\9),
+.awsui_finish-button_1hpp3_1okow_188:not(#\9),
+.awsui_header_1hpp3_1okow_189:not(#\9),
+.awsui_step-counter-content_1hpp3_1okow_190:not(#\9),
+.awsui_content_1hpp3_1okow_191:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_17p9d_195:not(#\9) {
+.awsui_description_1hpp3_1okow_195:not(#\9) {
   overflow: hidden;
-  margin-block-start: var(--space-xxs-jnczic, 4px);
+  margin-block-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_actionBar_1hpp3_17p9d_200:not(#\9) {
+.awsui_actionBar_1hpp3_1okow_200:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_17p9d_207:not(#\9) {
+.awsui_stepCounter_1hpp3_1okow_207:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_17p9d_211:not(#\9) {
-  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
+.awsui_divider_1hpp3_1okow_211:not(#\9) {
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }
-.awsui_hotspot_1hpp3_17p9d_215:not(#\9) {
+.awsui_hotspot_1hpp3_1okow_215:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -237,7 +237,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -253,23 +253,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_17p9d_215:not(#\9):before {
+.awsui_hotspot_1hpp3_1okow_215:not(#\9):before {
   content: "";
   position: absolute;
-  inset: calc(-1 * var(--space-xxs-jnczic, 4px));
+  inset: calc(-1 * var(--space-xxs-3o1yoq, 4px));
   z-index: 1;
 }
-.awsui_hotspot_1hpp3_17p9d_215:not(#\9):focus {
+.awsui_hotspot_1hpp3_1okow_215:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_17p9d_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1okow_215:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_17p9d_215:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1okow_215:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_17p9d_215:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1okow_215:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -281,15 +281,15 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_17p9d_215:not(#\9):focu
   border-start-end-radius: var(--border-radius-control-circular-focus-ring-go6crh, 50%);
   border-end-start-radius: var(--border-radius-control-circular-focus-ring-go6crh, 50%);
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-go6crh, 50%);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_hotspot_1hpp3_17p9d_215 > .awsui_icon_1hpp3_17p9d_286:not(#\9) {
+.awsui_hotspot_1hpp3_1okow_215 > .awsui_icon_1hpp3_1okow_286:not(#\9) {
   position: relative;
-  stroke: var(--color-text-tutorial-hotspot-default-dhmeud, #0073bb);
+  stroke: var(--color-text-tutorial-hotspot-default-wh1ngd, #0073bb);
 }
-.awsui_hotspot_1hpp3_17p9d_215:not(#\9):hover > .awsui_icon_1hpp3_17p9d_286 {
-  stroke: var(--color-text-tutorial-hotspot-hover-4wksnx, #0a4a74);
+.awsui_hotspot_1hpp3_1okow_215:not(#\9):hover > .awsui_icon_1hpp3_1okow_286 {
+  stroke: var(--color-text-tutorial-hotspot-hover-azi6ck, #0a4a74);
 }
-.awsui_hotspot_1hpp3_17p9d_215:not(#\9):active > .awsui_icon_1hpp3_17p9d_286 {
-  stroke: var(--color-text-tutorial-hotspot-default-dhmeud, #0073bb);
+.awsui_hotspot_1hpp3_1okow_215:not(#\9):active > .awsui_icon_1hpp3_1okow_286 {
+  stroke: var(--color-text-tutorial-hotspot-default-wh1ngd, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "annotation": "awsui_annotation_1hpp3_17p9d_185",
-  "next-button": "awsui_next-button_1hpp3_17p9d_186",
-  "previous-button": "awsui_previous-button_1hpp3_17p9d_187",
-  "finish-button": "awsui_finish-button_1hpp3_17p9d_188",
-  "header": "awsui_header_1hpp3_17p9d_189",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_17p9d_190",
-  "content": "awsui_content_1hpp3_17p9d_191",
-  "description": "awsui_description_1hpp3_17p9d_195",
-  "actionBar": "awsui_actionBar_1hpp3_17p9d_200",
-  "stepCounter": "awsui_stepCounter_1hpp3_17p9d_207",
-  "divider": "awsui_divider_1hpp3_17p9d_211",
-  "hotspot": "awsui_hotspot_1hpp3_17p9d_215",
-  "icon": "awsui_icon_1hpp3_17p9d_286"
+  "annotation": "awsui_annotation_1hpp3_1okow_185",
+  "next-button": "awsui_next-button_1hpp3_1okow_186",
+  "previous-button": "awsui_previous-button_1hpp3_1okow_187",
+  "finish-button": "awsui_finish-button_1hpp3_1okow_188",
+  "header": "awsui_header_1hpp3_1okow_189",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1okow_190",
+  "content": "awsui_content_1hpp3_1okow_191",
+  "description": "awsui_description_1hpp3_1okow_195",
+  "actionBar": "awsui_actionBar_1hpp3_1okow_200",
+  "stepCounter": "awsui_stepCounter_1hpp3_1okow_207",
+  "divider": "awsui_divider_1hpp3_1okow_211",
+  "hotspot": "awsui_hotspot_1hpp3_1okow_215",
+  "icon": "awsui_icon_1hpp3_1okow_286"
 };

package/lib/internal/template/app-layout/content-wrapper/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "content-wrapper": "awsui_content-wrapper_zycdx_kfdmj_153",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_kfdmj_157",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_kfdmj_162"
+  "content-wrapper": "awsui_content-wrapper_zycdx_4pckf_153",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_4pckf_157",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_4pckf_162"
 };

package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css CHANGED Viewed

@@ -150,31 +150,31 @@ 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_content-wrapper_zycdx_kfdmj_153:not(#\9) {
-  padding-inline-start: var(--space-layout-content-horizontal-q3zhej, 40px);
-  padding-inline-end: var(--space-layout-content-horizontal-q3zhej, 40px);
+.awsui_content-wrapper_zycdx_4pckf_153:not(#\9) {
+  padding-inline-start: var(--space-layout-content-horizontal-axaoos, 40px);
+  padding-inline-end: var(--space-layout-content-horizontal-axaoos, 40px);
 }
-.awsui_content-wrapper-mobile_zycdx_kfdmj_157:not(#\9) {
-  padding-inline-start: var(--space-l-3cws6j, 20px);
-  padding-inline-end: var(--space-l-3cws6j, 20px);
+.awsui_content-wrapper-mobile_zycdx_4pckf_157:not(#\9) {
+  padding-inline-start: var(--space-l-dpyxli, 20px);
+  padding-inline-end: var(--space-l-dpyxli, 20px);
 }
-.awsui_content-type-dashboard_zycdx_kfdmj_162:not(#\9) {
+.awsui_content-type-dashboard_zycdx_4pckf_162:not(#\9) {
   margin-inline-start: auto;
   margin-inline-end: auto;
 }
 @media (min-width: 1401px) {
-  .awsui_content-type-dashboard_zycdx_kfdmj_162:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_4pckf_162:not(#\9) {
     max-inline-size: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_content-type-dashboard_zycdx_kfdmj_162:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_4pckf_162:not(#\9) {
     max-inline-size: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_content-type-dashboard_zycdx_kfdmj_162:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_4pckf_162:not(#\9) {
     max-inline-size: 2160px;
   }
 }

package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-wrapper": "awsui_content-wrapper_zycdx_kfdmj_153",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_kfdmj_157",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_kfdmj_162"
+  "content-wrapper": "awsui_content-wrapper_zycdx_4pckf_153",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_4pckf_157",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_4pckf_162"
 };

package/lib/internal/template/app-layout/drawer/styles.css.js CHANGED Viewed

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "toggle": "awsui_toggle_1uo6m_g7y00_193",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_g7y00_199",
-  "drawer": "awsui_drawer_1uo6m_g7y00_199",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_g7y00_209",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_g7y00_212",
-  "drawer-content": "awsui_drawer-content_1uo6m_g7y00_219",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_g7y00_233",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_g7y00_243",
-  "drawer-content-wrapper": "awsui_drawer-content-wrapper_1uo6m_g7y00_248",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_g7y00_252",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_g7y00_199",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_g7y00_271",
-  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_g7y00_279",
-  "hide": "awsui_hide_1uo6m_g7y00_289"
+  "toggle": "awsui_toggle_1uo6m_f265c_193",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_f265c_199",
+  "drawer": "awsui_drawer_1uo6m_f265c_199",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_f265c_209",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_f265c_212",
+  "drawer-content": "awsui_drawer-content_1uo6m_f265c_219",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_f265c_233",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_f265c_243",
+  "drawer-content-wrapper": "awsui_drawer-content-wrapper_1uo6m_f265c_248",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_f265c_252",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_f265c_199",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_f265c_271",
+  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_f265c_279",
+  "hide": "awsui_hide_1uo6m_f265c_289"
 };

package/lib/internal/template/app-layout/drawer/styles.scoped.css CHANGED Viewed

@@ -190,93 +190,93 @@ 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_toggle_1uo6m_g7y00_193:not(#\9) {
+.awsui_toggle_1uo6m_f265c_193:not(#\9) {
   box-sizing: border-box;
-  padding-block: var(--space-xxs-jnczic, 4px);
+  padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 7px;
 }
-.awsui_drawer-triggers_1uo6m_g7y00_199:not(#\9) {
+.awsui_drawer-triggers_1uo6m_f265c_199:not(#\9) {
   box-sizing: border-box;
 }
-.awsui_drawer_1uo6m_g7y00_199:not(#\9) {
+.awsui_drawer_1uo6m_f265c_199:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
-  box-shadow: var(--shadow-panel-ywy40s, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  box-shadow: var(--shadow-panel-8l4v80, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_drawer_1uo6m_g7y00_199:not(#\9):not(.awsui_drawer-mobile_1uo6m_g7y00_209) {
+.awsui_drawer_1uo6m_f265c_199:not(#\9):not(.awsui_drawer-mobile_1uo6m_f265c_209) {
   z-index: 830;
 }
-.awsui_drawer-closed_1uo6m_g7y00_212:not(#\9) {
+.awsui_drawer-closed_1uo6m_f265c_212:not(#\9) {
   min-inline-size: 40px;
 }
-.awsui_drawer-closed_1uo6m_g7y00_212.awsui_drawer-mobile_1uo6m_g7y00_209:not(#\9) {
+.awsui_drawer-closed_1uo6m_f265c_212.awsui_drawer-mobile_1uo6m_f265c_209:not(#\9) {
   display: none;
 }
-.awsui_drawer-content_1uo6m_g7y00_219:not(#\9) {
+.awsui_drawer-content_1uo6m_f265c_219:not(#\9) {
   position: fixed;
   overflow: auto;
-  background-color: var(--color-background-layout-panel-content-2jvi28, #ffffff);
+  background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
   display: flex;
   flex-direction: column;
 }
-.awsui_drawer-mobile_1uo6m_g7y00_209 > .awsui_drawer-content_1uo6m_g7y00_219:not(#\9) {
+.awsui_drawer-mobile_1uo6m_f265c_209 > .awsui_drawer-content_1uo6m_f265c_219:not(#\9) {
   z-index: 1001;
   inset: 0;
 }
-.awsui_drawer-closed_1uo6m_g7y00_212 > .awsui_drawer-content_1uo6m_g7y00_219:not(#\9) {
+.awsui_drawer-closed_1uo6m_f265c_212 > .awsui_drawer-content_1uo6m_f265c_219:not(#\9) {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1uo6m_g7y00_212 > .awsui_drawer-content_1uo6m_g7y00_219.awsui_drawer-content-clickable_1uo6m_g7y00_233:not(#\9) {
+.awsui_drawer-closed_1uo6m_f265c_212 > .awsui_drawer-content_1uo6m_f265c_219.awsui_drawer-content-clickable_1uo6m_f265c_233:not(#\9) {
   cursor: pointer;
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  color: var(--color-text-interactive-default-pauydh, #545b64);
 }
-.awsui_drawer-closed_1uo6m_g7y00_212 > .awsui_drawer-content_1uo6m_g7y00_219.awsui_drawer-content-clickable_1uo6m_g7y00_233:not(#\9):hover {
-  background: var(--color-background-layout-panel-hover-14iny7, #eaeded);
+.awsui_drawer-closed_1uo6m_f265c_212 > .awsui_drawer-content_1uo6m_f265c_219.awsui_drawer-content-clickable_1uo6m_f265c_233:not(#\9):hover {
+  background: var(--color-background-layout-panel-hover-b9uvel, #eaeded);
 }
-.awsui_drawer-content_1uo6m_g7y00_219 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_1uo6m_f265c_219 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_drawer-content_1uo6m_g7y00_219 > .awsui_drawer-resize-content_1uo6m_g7y00_243:not(#\9) {
+.awsui_drawer-content_1uo6m_f265c_219 > .awsui_drawer-resize-content_1uo6m_f265c_243:not(#\9) {
   overflow: auto;
   block-size: 100%;
   position: relative;
 }
-.awsui_drawer-content_1uo6m_g7y00_219 > .awsui_drawer-content-wrapper_1uo6m_g7y00_248:not(#\9) {
+.awsui_drawer-content_1uo6m_f265c_219 > .awsui_drawer-content-wrapper_1uo6m_f265c_248:not(#\9) {
   flex: 1;
 }
-.awsui_drawer-triggers-wrapper_1uo6m_g7y00_252:not(#\9) {
+.awsui_drawer-triggers-wrapper_1uo6m_f265c_252:not(#\9) {
   display: flex;
   flex-direction: column;
   text-align: center;
   align-items: stretch;
 }
-.awsui_drawer-trigger_1uo6m_g7y00_199:not(#\9) {
-  padding-block: var(--space-xxs-jnczic, 4px);
+.awsui_drawer-trigger_1uo6m_f265c_199:not(#\9) {
+  padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 7px;
   cursor: pointer;
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  color: var(--color-text-interactive-default-pauydh, #545b64);
 }
-.awsui_drawer-trigger_1uo6m_g7y00_199:not(#\9):not(:first-child) {
-  border-block-start: 1px solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui_drawer-trigger_1uo6m_f265c_199:not(#\9):not(:first-child) {
+  border-block-start: 1px solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_drawer-trigger_1uo6m_g7y00_199:not(#\9):hover {
-  color: var(--color-text-layout-toggle-hover-kco4lm, #0073bb);
+.awsui_drawer-trigger_1uo6m_f265c_199:not(#\9):hover {
+  color: var(--color-text-layout-toggle-hover-8ikeh3, #0073bb);
 }
-.awsui_drawer-trigger-active_1uo6m_g7y00_271:not(#\9), .awsui_drawer-trigger-active_1uo6m_g7y00_271:not(#\9):hover {
-  background-color: var(--color-background-layout-toggle-selected-default-9jv654, #0073bb);
-  color: var(--color-text-layout-toggle-active-r0qh4i, #ffffff);
+.awsui_drawer-trigger-active_1uo6m_f265c_271:not(#\9), .awsui_drawer-trigger-active_1uo6m_f265c_271:not(#\9):hover {
+  background-color: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
+  color: var(--color-text-layout-toggle-active-3fc53x, #ffffff);
 }
-.awsui_drawer-content-clickable_1uo6m_g7y00_233 > .awsui_drawer-triggers-wrapper_1uo6m_g7y00_252 > .awsui_drawer-trigger_1uo6m_g7y00_199:not(#\9):hover {
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+.awsui_drawer-content-clickable_1uo6m_f265c_233 > .awsui_drawer-triggers-wrapper_1uo6m_f265c_252 > .awsui_drawer-trigger_1uo6m_f265c_199:not(#\9):hover {
+  color: var(--color-text-interactive-default-pauydh, #545b64);
 }
-.awsui_resize-handle-wrapper_1uo6m_g7y00_279:not(#\9) {
+.awsui_resize-handle-wrapper_1uo6m_f265c_279:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -286,6 +286,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
-.awsui_hide_1uo6m_g7y00_289:not(#\9) {
+.awsui_hide_1uo6m_f265c_289:not(#\9) {
   display: none;
 }