npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.777 → 3.0.778 - Mend

@cloudscape-design/components-themeable 3.0.777 → 3.0.778

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 (407) hide show

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

@@ -182,7 +182,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_1k6iz_185:not(#\9) {
+.awsui_root_swimc_19xau_185:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -209,16 +209,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_anchor-list_swimc_1k6iz_220:not(#\9) {
+.awsui_anchor-list_swimc_19xau_220:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -227,13 +227,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_1k6iz_220:not(#\9)::before {
+.awsui_anchor-list_swimc_19xau_220:not(#\9)::before {
   content: "";
-  background-color: var(--color-border-divider-default-qn9pru, #eaeded);
-  border-start-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-start-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-end-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-end-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  background-color: var(--color-border-divider-default-u5ytia, #eaeded);
+  border-start-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-start-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
   inset-block-end: -2px;
   pointer-events: none;
   position: absolute;
@@ -241,36 +241,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 2px;
 }
-.awsui_anchor-item_swimc_1k6iz_243:not(#\9) {
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-secondary-gy0ncu, #545b64);
+.awsui_anchor-item_swimc_19xau_243:not(#\9) {
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
+  color: var(--color-text-body-secondary-z2wo4i, #545b64);
   font-weight: 400;
-  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+  margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: 0;
-  transition: var(--motion-duration-slow-ncmroz, 180ms);
+  transition: var(--motion-duration-slow-smdet5, 180ms);
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_1k6iz_243:not(#\9) {
+  .awsui_anchor-item_swimc_19xau_243:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_1k6iz_243:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1k6iz_243:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_19xau_243:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_19xau_243:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_1k6iz_263:not(#\9) {
+.awsui_anchor-item--active_swimc_19xau_263:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_1k6iz_263:not(#\9)::before {
+.awsui_anchor-item--active_swimc_19xau_263:not(#\9)::before {
   content: "";
-  background-color: var(--color-text-accent-l5kln7, #0073bb);
-  border-start-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-start-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-end-start-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  border-end-end-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
+  background-color: var(--color-text-accent-b3retj, #0073bb);
+  border-start-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-start-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-start-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
+  border-end-end-radius: var(--border-radius-tabs-focus-ring-pvbkjv, 0px);
   inset-block-end: -2px;
   pointer-events: none;
   position: absolute;
@@ -278,67 +278,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 2px;
 }
-.awsui_anchor-link_swimc_1k6iz_280:not(#\9) {
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
+.awsui_anchor-link_swimc_19xau_280:not(#\9) {
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
   align-items: baseline;
-  color: var(--color-text-body-secondary-gy0ncu, #545b64);
+  color: var(--color-text-body-secondary-z2wo4i, #545b64);
   display: flex;
   flex-direction: row;
   font-weight: 400;
   text-decoration: none;
-  transition: var(--motion-duration-slow-ncmroz, 180ms);
+  transition: var(--motion-duration-slow-smdet5, 180ms);
   transition-property: all;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_1k6iz_280:not(#\9) {
+  .awsui_anchor-link_swimc_19xau_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_1k6iz_280:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1k6iz_280:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_19xau_280:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_19xau_280:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1k6iz_280:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_19xau_280:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-7jb69s, #0073bb);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-7jb69s, #0073bb);
+  outline-color: var(--color-border-item-focused-q68bgg, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_anchor-link_swimc_1k6iz_280:not(#\9):hover {
-  color: var(--color-text-accent-l5kln7, #0073bb);
+.awsui_anchor-link_swimc_19xau_280:not(#\9):hover {
+  color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_anchor-link_swimc_1k6iz_280:not(#\9):focus {
+.awsui_anchor-link_swimc_19xau_280:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_1k6iz_280:not(#\9):hover, .awsui_anchor-link_swimc_1k6iz_280:not(#\9):focus {
+.awsui_anchor-link_swimc_19xau_280:not(#\9):hover, .awsui_anchor-link_swimc_19xau_280:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_1k6iz_322:not(#\9) {
-  font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  color: var(--color-text-accent-l5kln7, #0073bb);
+.awsui_anchor-link--active_swimc_19xau_322:not(#\9) {
+  font-weight: var(--font-wayfinding-link-active-weight-qpw3j2, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+  color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_anchor-link-text_swimc_1k6iz_329:not(#\9) {
+.awsui_anchor-link-text_swimc_19xau_329:not(#\9) {
   display: block;
 }
-.awsui_anchor-link-info_swimc_1k6iz_333:not(#\9) {
-  margin-inline-start: var(--space-xs-xf5ch3, 8px);
-  font-size: var(--font-size-body-s-533prh, 12px);
-  line-height: var(--line-height-body-s-n0pazd, 16px);
-  letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  font-weight: var(--font-button-weight-s67y37, 700);
+.awsui_anchor-link-info_swimc_19xau_333:not(#\9) {
+  margin-inline-start: var(--space-xs-6dgkww, 8px);
+  font-size: var(--font-size-body-s-4dzx5q, 12px);
+  line-height: var(--line-height-body-s-egzl4q, 16px);
+  letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+  font-weight: var(--font-button-weight-6haenw, 700);
   letter-spacing: 0.005em;
-  color: var(--color-text-link-default-nyypzq, #0073bb);
+  color: var(--color-text-link-default-8s05yu, #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_1k6iz_185",
-  "anchor-list": "awsui_anchor-list_swimc_1k6iz_220",
-  "anchor-item": "awsui_anchor-item_swimc_1k6iz_243",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_1k6iz_263",
-  "anchor-link": "awsui_anchor-link_swimc_1k6iz_280",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_1k6iz_322",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_1k6iz_329",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_1k6iz_333"
+  "root": "awsui_root_swimc_19xau_185",
+  "anchor-list": "awsui_anchor-list_swimc_19xau_220",
+  "anchor-item": "awsui_anchor-item_swimc_19xau_243",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_19xau_263",
+  "anchor-link": "awsui_anchor-link_swimc_19xau_280",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_19xau_322",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_19xau_329",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_19xau_333"
 };

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

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1kr2q_189",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1kr2q_193",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1kr2q_193",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1kr2q_235",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1kr2q_235",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1kr2q_238",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1kr2q_238",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1kr2q_241",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1kr2q_241",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1kr2q_244",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1kr2q_244",
-  "annotation": "awsui_annotation_1hpp3_1kr2q_248",
-  "next-button": "awsui_next-button_1hpp3_1kr2q_249",
-  "previous-button": "awsui_previous-button_1hpp3_1kr2q_250",
-  "finish-button": "awsui_finish-button_1hpp3_1kr2q_251",
-  "header": "awsui_header_1hpp3_1kr2q_252",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1kr2q_253",
-  "content": "awsui_content_1hpp3_1kr2q_254",
-  "description": "awsui_description_1hpp3_1kr2q_258",
-  "actionBar": "awsui_actionBar_1hpp3_1kr2q_263",
-  "stepCounter": "awsui_stepCounter_1hpp3_1kr2q_270",
-  "divider": "awsui_divider_1hpp3_1kr2q_274",
-  "hotspot": "awsui_hotspot_1hpp3_1kr2q_278",
-  "icon": "awsui_icon_1hpp3_1kr2q_345"
+  "arrow": "awsui_arrow_1hpp3_3czaf_189",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_3czaf_193",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_3czaf_193",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3czaf_235",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3czaf_235",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3czaf_238",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3czaf_238",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3czaf_241",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3czaf_241",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3czaf_244",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3czaf_244",
+  "annotation": "awsui_annotation_1hpp3_3czaf_248",
+  "next-button": "awsui_next-button_1hpp3_3czaf_249",
+  "previous-button": "awsui_previous-button_1hpp3_3czaf_250",
+  "finish-button": "awsui_finish-button_1hpp3_3czaf_251",
+  "header": "awsui_header_1hpp3_3czaf_252",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_3czaf_253",
+  "content": "awsui_content_1hpp3_3czaf_254",
+  "description": "awsui_description_1hpp3_3czaf_258",
+  "actionBar": "awsui_actionBar_1hpp3_3czaf_263",
+  "stepCounter": "awsui_stepCounter_1hpp3_3czaf_270",
+  "divider": "awsui_divider_1hpp3_3czaf_274",
+  "hotspot": "awsui_hotspot_1hpp3_3czaf_278",
+  "icon": "awsui_icon_1hpp3_3czaf_345"
 };

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

@@ -186,11 +186,11 @@ 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_arrow_1hpp3_1kr2q_189:not(#\9) {
+.awsui_arrow_1hpp3_3czaf_189:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9), .awsui_arrow-inner_1hpp3_1kr2q_193:not(#\9) {
+.awsui_arrow-outer_1hpp3_3czaf_193:not(#\9), .awsui_arrow-inner_1hpp3_3czaf_193:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -199,7 +199,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after, .awsui_arrow-inner_1hpp3_1kr2q_193:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after, .awsui_arrow-inner_1hpp3_3czaf_193:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -215,67 +215,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_1kr2q_193:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_3czaf_193:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_3czaf_193:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after {
-  background-color: var(--color-border-status-info-g4ewkk, #0073bb);
+.awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after {
+  background-color: var(--color-border-status-info-7kw04i, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1kr2q_193:not(#\9) {
+.awsui_arrow-inner_1hpp3_3czaf_193:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_1kr2q_193:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_3czaf_193:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
-  background-color: var(--color-background-status-info-79eqx5, #f1faff);
+  background-color: var(--color-background-status-info-zgt1yi, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1kr2q_235 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1kr2q_235 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after {
-  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-rltlhv, rgba(0, 28, 36, 0.5));
+.awsui_arrow-position-right-top_1hpp3_3czaf_235 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_3czaf_235 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after {
+  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1kr2q_238 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1kr2q_238 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after {
-  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-rltlhv, rgba(0, 28, 36, 0.5));
+.awsui_arrow-position-left-top_1hpp3_3czaf_238 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_3czaf_238 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after {
+  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1kr2q_241 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1kr2q_241 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after {
-  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-rltlhv, rgba(0, 28, 36, 0.5));
+.awsui_arrow-position-top-center_1hpp3_3czaf_241 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_3czaf_241 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after {
+  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1kr2q_244 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1kr2q_244 > .awsui_arrow-outer_1hpp3_1kr2q_193:not(#\9)::after {
-  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-rltlhv, rgba(0, 28, 36, 0.5));
+.awsui_arrow-position-bottom-center_1hpp3_3czaf_244 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_3czaf_244 > .awsui_arrow-outer_1hpp3_3czaf_193:not(#\9)::after {
+  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-2h7lgk, rgba(0, 28, 36, 0.5));
 }
-.awsui_annotation_1hpp3_1kr2q_248:not(#\9),
-.awsui_next-button_1hpp3_1kr2q_249:not(#\9),
-.awsui_previous-button_1hpp3_1kr2q_250:not(#\9),
-.awsui_finish-button_1hpp3_1kr2q_251:not(#\9),
-.awsui_header_1hpp3_1kr2q_252:not(#\9),
-.awsui_step-counter-content_1hpp3_1kr2q_253:not(#\9),
-.awsui_content_1hpp3_1kr2q_254:not(#\9) {
+.awsui_annotation_1hpp3_3czaf_248:not(#\9),
+.awsui_next-button_1hpp3_3czaf_249:not(#\9),
+.awsui_previous-button_1hpp3_3czaf_250:not(#\9),
+.awsui_finish-button_1hpp3_3czaf_251:not(#\9),
+.awsui_header_1hpp3_3czaf_252:not(#\9),
+.awsui_step-counter-content_1hpp3_3czaf_253:not(#\9),
+.awsui_content_1hpp3_3czaf_254:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1kr2q_258:not(#\9) {
+.awsui_description_1hpp3_3czaf_258:not(#\9) {
   overflow: hidden;
-  margin-block-start: var(--space-xxs-9rrxti, 4px);
+  margin-block-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_actionBar_1hpp3_1kr2q_263:not(#\9) {
+.awsui_actionBar_1hpp3_3czaf_263:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1kr2q_270:not(#\9) {
+.awsui_stepCounter_1hpp3_3czaf_270:not(#\9) {
   margin-inline-end: 20px;
 }
-.awsui_divider_1hpp3_1kr2q_274:not(#\9) {
-  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
+.awsui_divider_1hpp3_3czaf_274:not(#\9) {
+  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_hotspot_1hpp3_1kr2q_278:not(#\9) {
+.awsui_hotspot_1hpp3_3czaf_278:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -302,11 +302,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background: transparent;
@@ -319,17 +319,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_1kr2q_278:not(#\9):focus {
+.awsui_hotspot_1hpp3_3czaf_278:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1kr2q_278:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3czaf_278:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1kr2q_278:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3czaf_278:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1kr2q_278:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3czaf_278:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -337,19 +337,19 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1kr2q_278:not(#\9):focu
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
-  border-start-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
-  border-end-start-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
-  border-end-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
+  border-start-start-radius: var(--border-radius-control-circular-focus-ring-23dgsk, 50%);
+  border-start-end-radius: var(--border-radius-control-circular-focus-ring-23dgsk, 50%);
+  border-end-start-radius: var(--border-radius-control-circular-focus-ring-23dgsk, 50%);
+  border-end-end-radius: var(--border-radius-control-circular-focus-ring-23dgsk, 50%);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_hotspot_1hpp3_1kr2q_278 > .awsui_icon_1hpp3_1kr2q_345:not(#\9) {
+.awsui_hotspot_1hpp3_3czaf_278 > .awsui_icon_1hpp3_3czaf_345:not(#\9) {
   position: relative;
-  stroke: var(--color-text-link-default-nyypzq, #0073bb);
+  stroke: var(--color-text-link-default-8s05yu, #0073bb);
 }
-.awsui_hotspot_1hpp3_1kr2q_278:not(#\9):hover > .awsui_icon_1hpp3_1kr2q_345 {
-  stroke: var(--color-text-link-hover-8jnadx, #0a4a74);
+.awsui_hotspot_1hpp3_3czaf_278:not(#\9):hover > .awsui_icon_1hpp3_3czaf_345 {
+  stroke: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1kr2q_278:not(#\9):active > .awsui_icon_1hpp3_1kr2q_345 {
-  stroke: var(--color-text-link-default-nyypzq, #0073bb);
+.awsui_hotspot_1hpp3_3czaf_278:not(#\9):active > .awsui_icon_1hpp3_3czaf_345 {
+  stroke: var(--color-text-link-default-8s05yu, #0073bb);
 }

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

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1kr2q_189",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1kr2q_193",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1kr2q_193",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1kr2q_235",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1kr2q_235",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1kr2q_238",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1kr2q_238",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1kr2q_241",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1kr2q_241",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1kr2q_244",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1kr2q_244",
-  "annotation": "awsui_annotation_1hpp3_1kr2q_248",
-  "next-button": "awsui_next-button_1hpp3_1kr2q_249",
-  "previous-button": "awsui_previous-button_1hpp3_1kr2q_250",
-  "finish-button": "awsui_finish-button_1hpp3_1kr2q_251",
-  "header": "awsui_header_1hpp3_1kr2q_252",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1kr2q_253",
-  "content": "awsui_content_1hpp3_1kr2q_254",
-  "description": "awsui_description_1hpp3_1kr2q_258",
-  "actionBar": "awsui_actionBar_1hpp3_1kr2q_263",
-  "stepCounter": "awsui_stepCounter_1hpp3_1kr2q_270",
-  "divider": "awsui_divider_1hpp3_1kr2q_274",
-  "hotspot": "awsui_hotspot_1hpp3_1kr2q_278",
-  "icon": "awsui_icon_1hpp3_1kr2q_345"
+  "arrow": "awsui_arrow_1hpp3_3czaf_189",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_3czaf_193",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_3czaf_193",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3czaf_235",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3czaf_235",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3czaf_238",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3czaf_238",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3czaf_241",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3czaf_241",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3czaf_244",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3czaf_244",
+  "annotation": "awsui_annotation_1hpp3_3czaf_248",
+  "next-button": "awsui_next-button_1hpp3_3czaf_249",
+  "previous-button": "awsui_previous-button_1hpp3_3czaf_250",
+  "finish-button": "awsui_finish-button_1hpp3_3czaf_251",
+  "header": "awsui_header_1hpp3_3czaf_252",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_3czaf_253",
+  "content": "awsui_content_1hpp3_3czaf_254",
+  "description": "awsui_description_1hpp3_3czaf_258",
+  "actionBar": "awsui_actionBar_1hpp3_3czaf_263",
+  "stepCounter": "awsui_stepCounter_1hpp3_3czaf_270",
+  "divider": "awsui_divider_1hpp3_3czaf_274",
+  "hotspot": "awsui_hotspot_1hpp3_3czaf_278",
+  "icon": "awsui_icon_1hpp3_3czaf_345"
 };

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_bttbg_149",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_bttbg_153",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_bttbg_158"
+  "content-wrapper": "awsui_content-wrapper_zycdx_19eey_149",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_19eey_153",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_19eey_158"
 };

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

@@ -146,31 +146,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_bttbg_149:not(#\9) {
-  padding-inline-start: var(--space-layout-content-horizontal-sin989, 40px);
-  padding-inline-end: var(--space-layout-content-horizontal-sin989, 40px);
+.awsui_content-wrapper_zycdx_19eey_149:not(#\9) {
+  padding-inline-start: var(--space-layout-content-horizontal-18y4hb, 40px);
+  padding-inline-end: var(--space-layout-content-horizontal-18y4hb, 40px);
 }
-.awsui_content-wrapper-mobile_zycdx_bttbg_153:not(#\9) {
-  padding-inline-start: var(--space-l-xu1x80, 20px);
-  padding-inline-end: var(--space-l-xu1x80, 20px);
+.awsui_content-wrapper-mobile_zycdx_19eey_153:not(#\9) {
+  padding-inline-start: var(--space-l-eenfqd, 20px);
+  padding-inline-end: var(--space-l-eenfqd, 20px);
 }
-.awsui_content-type-dashboard_zycdx_bttbg_158:not(#\9) {
+.awsui_content-type-dashboard_zycdx_19eey_158:not(#\9) {
   margin-inline-start: auto;
   margin-inline-end: auto;
 }
 @media (min-width: 1401px) {
-  .awsui_content-type-dashboard_zycdx_bttbg_158:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_19eey_158:not(#\9) {
     max-inline-size: 1280px;
   }
 }
 @media (min-width: 1921px) {
-  .awsui_content-type-dashboard_zycdx_bttbg_158:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_19eey_158:not(#\9) {
     max-inline-size: 1620px;
   }
 }
 @media (min-width: 2541px) {
-  .awsui_content-type-dashboard_zycdx_bttbg_158:not(#\9) {
+  .awsui_content-type-dashboard_zycdx_19eey_158: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_bttbg_149",
-  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_bttbg_153",
-  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_bttbg_158"
+  "content-wrapper": "awsui_content-wrapper_zycdx_19eey_149",
+  "content-wrapper-mobile": "awsui_content-wrapper-mobile_zycdx_19eey_153",
+  "content-type-dashboard": "awsui_content-type-dashboard_zycdx_19eey_158"
 };

package/lib/internal/template/app-layout/drawer/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;~~AAUtC~~,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAsB1E,eAAO,MAAM,MAAM,2FAwGlB,CAAC;~~AA6CF~~,eAAO,MAAM,iBAAiB,4GAS3B,sBAAsB,gBAyFxB,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAWtC,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAsB1E,eAAO,MAAM,MAAM,2FAwGlB,CAAC;AAoDF,eAAO,MAAM,iBAAiB,4GAS3B,sBAAsB,gBAyFxB,CAAC"}

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

@@ -4,6 +4,7 @@ import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { useDensityMode } from '@cloudscape-design/component-toolkit/internal';
+import { getVisualContextClassname } from '../../internal/components/visual-context';
 import { CloseButton, ToggleButton, togglesConfig } from '../toggles';
 import { TOOLS_DRAWER_ID } from '../utils/use-drawers';
 import { splitItems } from './drawers-helpers';
@@ -67,7 +68,7 @@ export const Drawer = React.forwardRef(({ id, contentClassName, toggleClassName,
                     } }),
                 children))));
 });
-const DrawerTrigger = React.forwardRef(({ testUtilsClassName, ariaLabel, ariaExpanded, ariaControls, badge, itemId, isActive, trigger, onClick, }, ref) => (React.createElement("div", { className: clsx(styles['drawer-trigger'], isActive && styles['drawer-trigger-active']), onClick: onClick },
+const DrawerTrigger = React.forwardRef(({ testUtilsClassName, ariaLabel, ariaExpanded, ariaControls, badge, itemId, isActive, trigger, onClick, }, ref) => (React.createElement("div", { className: clsx(styles['drawer-trigger'], isActive && styles['drawer-trigger-active'], isActive && getVisualContextClassname('app-layout-tools-drawer-trigger')), onClick: onClick },
     React.createElement(ToggleButton, { ref: ref, className: testUtilsClassName, iconName: trigger.iconName, iconSvg: trigger.iconSvg, ariaLabel: ariaLabel, ariaExpanded: ariaExpanded, ariaControls: ariaControls, badge: badge, testId: itemId && `awsui-app-layout-trigger-${itemId}` }))));
 export const DrawerTriggersBar = ({ isMobile, topOffset, bottomOffset, activeDrawerId, ariaLabels, drawers, drawerRefs, onDrawerChange, }) => {
     const containerRef = React.useRef(null);