npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.533 → 3.0.535 - Mend

@cloudscape-design/components-themeable 3.0.533 → 3.0.535

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

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_cemj6_93",
-  "anchor-list": "awsui_anchor-list_swimc_cemj6_128",
-  "anchor-item": "awsui_anchor-item_swimc_cemj6_146",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_cemj6_165",
-  "anchor-link": "awsui_anchor-link_swimc_cemj6_179",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_cemj6_218",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_cemj6_225",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_cemj6_229"
+  "root": "awsui_root_swimc_1rqly_93",
+  "anchor-list": "awsui_anchor-list_swimc_1rqly_128",
+  "anchor-item": "awsui_anchor-item_swimc_1rqly_146",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1rqly_165",
+  "anchor-link": "awsui_anchor-link_swimc_1rqly_179",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1rqly_221",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1rqly_228",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1rqly_232"
 };

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_1bsjm_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1bsjm_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1bsjm_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1bsjm_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1bsjm_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1bsjm_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1bsjm_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1bsjm_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1bsjm_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1bsjm_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1bsjm_137",
-  "annotation": "awsui_annotation_1hpp3_1bsjm_145",
-  "next-button": "awsui_next-button_1hpp3_1bsjm_146",
-  "previous-button": "awsui_previous-button_1hpp3_1bsjm_147",
-  "finish-button": "awsui_finish-button_1hpp3_1bsjm_148",
-  "header": "awsui_header_1hpp3_1bsjm_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1bsjm_150",
-  "content": "awsui_content_1hpp3_1bsjm_151",
-  "description": "awsui_description_1hpp3_1bsjm_155",
-  "actionBar": "awsui_actionBar_1hpp3_1bsjm_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1bsjm_167",
-  "divider": "awsui_divider_1hpp3_1bsjm_171",
-  "hotspot": "awsui_hotspot_1hpp3_1bsjm_175",
-  "icon": "awsui_icon_1hpp3_1bsjm_237"
+  "arrow": "awsui_arrow_1hpp3_fq4xn_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_fq4xn_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_fq4xn_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_fq4xn_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_fq4xn_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_fq4xn_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_fq4xn_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_fq4xn_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_fq4xn_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_fq4xn_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_fq4xn_137",
+  "annotation": "awsui_annotation_1hpp3_fq4xn_145",
+  "next-button": "awsui_next-button_1hpp3_fq4xn_146",
+  "previous-button": "awsui_previous-button_1hpp3_fq4xn_147",
+  "finish-button": "awsui_finish-button_1hpp3_fq4xn_148",
+  "header": "awsui_header_1hpp3_fq4xn_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_fq4xn_150",
+  "content": "awsui_content_1hpp3_fq4xn_151",
+  "description": "awsui_description_1hpp3_fq4xn_155",
+  "actionBar": "awsui_actionBar_1hpp3_fq4xn_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_fq4xn_167",
+  "divider": "awsui_divider_1hpp3_fq4xn_171",
+  "hotspot": "awsui_hotspot_1hpp3_fq4xn_175",
+  "icon": "awsui_icon_1hpp3_fq4xn_240"
 };

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

@@ -90,11 +90,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_1bsjm_93:not(#\9) {
+.awsui_arrow_1hpp3_fq4xn_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9), .awsui_arrow-inner_1hpp3_1bsjm_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9), .awsui_arrow-inner_1hpp3_fq4xn_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_fq4xn_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after {
   background-color: var(--color-border-status-info-q9np44, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1bsjm_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_fq4xn_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_fq4xn_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1bsjm_128 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1bsjm_128 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_fq4xn_128 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_fq4xn_128 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1bsjm_131 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1bsjm_131 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_fq4xn_131 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_fq4xn_131 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1bsjm_134 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1bsjm_134 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_fq4xn_134 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_fq4xn_134 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1bsjm_137 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1bsjm_137 > .awsui_arrow-outer_1hpp3_1bsjm_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_fq4xn_137 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_fq4xn_137 > .awsui_arrow-outer_1hpp3_fq4xn_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
@@ -142,37 +142,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_1bsjm_145:not(#\9),
-.awsui_next-button_1hpp3_1bsjm_146:not(#\9),
-.awsui_previous-button_1hpp3_1bsjm_147:not(#\9),
-.awsui_finish-button_1hpp3_1bsjm_148:not(#\9),
-.awsui_header_1hpp3_1bsjm_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1bsjm_150:not(#\9),
-.awsui_content_1hpp3_1bsjm_151:not(#\9) {
+.awsui_annotation_1hpp3_fq4xn_145:not(#\9),
+.awsui_next-button_1hpp3_fq4xn_146:not(#\9),
+.awsui_previous-button_1hpp3_fq4xn_147:not(#\9),
+.awsui_finish-button_1hpp3_fq4xn_148:not(#\9),
+.awsui_header_1hpp3_fq4xn_149:not(#\9),
+.awsui_step-counter-content_1hpp3_fq4xn_150:not(#\9),
+.awsui_content_1hpp3_fq4xn_151:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1bsjm_155:not(#\9) {
+.awsui_description_1hpp3_fq4xn_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_actionBar_1hpp3_1bsjm_160:not(#\9) {
+.awsui_actionBar_1hpp3_fq4xn_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1bsjm_167:not(#\9) {
+.awsui_stepCounter_1hpp3_fq4xn_167:not(#\9) {
   margin-right: 20px;
 }
-.awsui_divider_1hpp3_1bsjm_171:not(#\9) {
+.awsui_divider_1hpp3_fq4xn_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_hotspot_1hpp3_1bsjm_175:not(#\9) {
+.awsui_hotspot_1hpp3_fq4xn_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,34 +214,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1bsjm_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_fq4xn_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bsjm_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_fq4xn_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bsjm_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_fq4xn_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1bsjm_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_fq4xn_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 2px);
-  top: calc(-1 * 2px);
-  width: calc(100% + 2 * 2px);
-  height: calc(100% + 2 * 2px);
-  border-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
+  inset-inline-start: calc(-1 * 2px);
+  inset-block-start: calc(-1 * 2px);
+  inline-size: calc(100% + 2 * 2px);
+  block-size: calc(100% + 2 * 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-v8nq2m, #0073bb);
 }
-.awsui_hotspot_1hpp3_1bsjm_175 > .awsui_icon_1hpp3_1bsjm_237:not(#\9) {
+.awsui_hotspot_1hpp3_fq4xn_175 > .awsui_icon_1hpp3_fq4xn_240:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-hop3gv, #0073bb);
 }
-.awsui_hotspot_1hpp3_1bsjm_175:not(#\9):hover > .awsui_icon_1hpp3_1bsjm_237 {
+.awsui_hotspot_1hpp3_fq4xn_175:not(#\9):hover > .awsui_icon_1hpp3_fq4xn_240 {
   stroke: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_hotspot_1hpp3_1bsjm_175:not(#\9):active > .awsui_icon_1hpp3_1bsjm_237 {
+.awsui_hotspot_1hpp3_fq4xn_175:not(#\9):active > .awsui_icon_1hpp3_fq4xn_240 {
   stroke: var(--color-text-link-default-hop3gv, #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_1bsjm_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1bsjm_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1bsjm_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1bsjm_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1bsjm_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1bsjm_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1bsjm_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1bsjm_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1bsjm_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1bsjm_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1bsjm_137",
-  "annotation": "awsui_annotation_1hpp3_1bsjm_145",
-  "next-button": "awsui_next-button_1hpp3_1bsjm_146",
-  "previous-button": "awsui_previous-button_1hpp3_1bsjm_147",
-  "finish-button": "awsui_finish-button_1hpp3_1bsjm_148",
-  "header": "awsui_header_1hpp3_1bsjm_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1bsjm_150",
-  "content": "awsui_content_1hpp3_1bsjm_151",
-  "description": "awsui_description_1hpp3_1bsjm_155",
-  "actionBar": "awsui_actionBar_1hpp3_1bsjm_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1bsjm_167",
-  "divider": "awsui_divider_1hpp3_1bsjm_171",
-  "hotspot": "awsui_hotspot_1hpp3_1bsjm_175",
-  "icon": "awsui_icon_1hpp3_1bsjm_237"
+  "arrow": "awsui_arrow_1hpp3_fq4xn_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_fq4xn_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_fq4xn_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_fq4xn_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_fq4xn_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_fq4xn_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_fq4xn_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_fq4xn_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_fq4xn_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_fq4xn_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_fq4xn_137",
+  "annotation": "awsui_annotation_1hpp3_fq4xn_145",
+  "next-button": "awsui_next-button_1hpp3_fq4xn_146",
+  "previous-button": "awsui_previous-button_1hpp3_fq4xn_147",
+  "finish-button": "awsui_finish-button_1hpp3_fq4xn_148",
+  "header": "awsui_header_1hpp3_fq4xn_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_fq4xn_150",
+  "content": "awsui_content_1hpp3_fq4xn_151",
+  "description": "awsui_description_1hpp3_fq4xn_155",
+  "actionBar": "awsui_actionBar_1hpp3_fq4xn_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_fq4xn_167",
+  "divider": "awsui_divider_1hpp3_fq4xn_171",
+  "hotspot": "awsui_hotspot_1hpp3_fq4xn_175",
+  "icon": "awsui_icon_1hpp3_fq4xn_240"
 };

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

@@ -1,7 +1,7 @@
     import './styles.scoped.css';
     export default {
-  "toggle-button": "awsui_toggle-button_16w0h_aq5wz_93",
-  "close-button": "awsui_close-button_16w0h_aq5wz_123"
+  "toggle-button": "awsui_toggle-button_16w0h_1e2ek_93",
+  "close-button": "awsui_close-button_16w0h_1e2ek_126"
 };

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

@@ -90,37 +90,40 @@ 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-button_16w0h_aq5wz_93:not(#\9) {
+.awsui_toggle-button_16w0h_1e2ek_93:not(#\9) {
   cursor: pointer;
   border: 0;
   padding: calc(var(--space-scaled-xxs-t7ij38, 4px) + 1px) calc(var(--space-xxs-9rrxti, 4px) + 1px);
   background: transparent;
   color: currentColor;
 }
-.awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+.awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  top: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  width: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  height: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  inline-size: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  block-size: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  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 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_close-button_16w0h_aq5wz_123:not(#\9) {
+.awsui_close-button_16w0h_1e2ek_126:not(#\9) {
   position: absolute;
   outline: none;
   right: var(--space-m-kpg8id, 16px);

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle-button": "awsui_toggle-button_16w0h_aq5wz_93",
-  "close-button": "awsui_close-button_16w0h_aq5wz_123"
+  "toggle-button": "awsui_toggle-button_16w0h_1e2ek_93",
+  "close-button": "awsui_close-button_16w0h_1e2ek_126"
 };

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

@@ -1,86 +1,86 @@
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_elx3z_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_elx3z_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_elx3z_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_elx3z_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_elx3z_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_elx3z_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_elx3z_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_elx3z_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_elx3z_179",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_elx3z_184",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_elx3z_225",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_elx3z_235",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_elx3z_239",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_elx3z_253",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_elx3z_239",
-  "drawer": "awsui_drawer_hyvsj_elx3z_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_elx3z_283",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_elx3z_292",
-  "drawer-content": "awsui_drawer-content_hyvsj_elx3z_283",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_elx3z_300",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_elx3z_303",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_elx3z_310",
-  "content": "awsui_content_hyvsj_elx3z_336",
-  "layout": "awsui_layout_hyvsj_elx3z_357",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_elx3z_440",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_elx3z_455",
-  "content-type-table": "awsui_content-type-table_hyvsj_elx3z_469",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_elx3z_469",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_elx3z_475",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_elx3z_478",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_elx3z_510",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_elx3z_513",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_elx3z_523",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_elx3z_526",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_elx3z_529",
-  "has-header": "awsui_has-header_hyvsj_elx3z_529",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_elx3z_550",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_elx3z_550",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_elx3z_593",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_elx3z_593",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_elx3z_609",
-  "unfocusable": "awsui_unfocusable_hyvsj_elx3z_614",
-  "container": "awsui_container_hyvsj_elx3z_624",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_elx3z_649",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_elx3z_652",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_elx3z_652",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_elx3z_652",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_elx3z_652",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_elx3z_661",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_elx3z_677",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_elx3z_681",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_elx3z_685",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_elx3z_689",
-  "navigation-container": "awsui_navigation-container_hyvsj_elx3z_698",
-  "show-navigation": "awsui_show-navigation_hyvsj_elx3z_742",
-  "animating": "awsui_animating_hyvsj_elx3z_764",
-  "showButtons": "awsui_showButtons_hyvsj_elx3z_1",
-  "navigation": "awsui_navigation_hyvsj_elx3z_698",
-  "openNavigation": "awsui_openNavigation_hyvsj_elx3z_1",
-  "animated-content": "awsui_animated-content_hyvsj_elx3z_826",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_elx3z_835",
-  "notifications": "awsui_notifications_hyvsj_elx3z_845",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_elx3z_851",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_elx3z_868",
-  "position-bottom": "awsui_position-bottom_hyvsj_elx3z_915",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_elx3z_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_elx3z_944",
-  "position-side": "awsui_position-side_hyvsj_elx3z_957",
-  "tools-container": "awsui_tools-container_hyvsj_elx3z_979",
-  "tools": "awsui_tools_hyvsj_elx3z_979",
-  "openTools": "awsui_openTools_hyvsj_elx3z_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_elx3z_1076",
-  "hide-tools": "awsui_hide-tools_hyvsj_elx3z_1086",
-  "show-tools": "awsui_show-tools_hyvsj_elx3z_1098",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_elx3z_1076",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_elx3z_1182",
-  "trigger": "awsui_trigger_hyvsj_elx3z_1182",
-  "selected": "awsui_selected_hyvsj_elx3z_1245",
-  "badge": "awsui_badge_hyvsj_elx3z_1265",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_elx3z_1269",
-  "dot": "awsui_dot_hyvsj_elx3z_1277"
+  "background": "awsui_background_hyvsj_hw2pr_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_hw2pr_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_hw2pr_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_hw2pr_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_hw2pr_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_hw2pr_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_hw2pr_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_hw2pr_156",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_hw2pr_179",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_hw2pr_184",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_hw2pr_225",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_hw2pr_235",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_hw2pr_239",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_hw2pr_253",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_hw2pr_239",
+  "drawer": "awsui_drawer_hyvsj_hw2pr_145",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_hw2pr_283",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_hw2pr_292",
+  "drawer-content": "awsui_drawer-content_hyvsj_hw2pr_283",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_hw2pr_300",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_hw2pr_303",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_hw2pr_310",
+  "content": "awsui_content_hyvsj_hw2pr_336",
+  "layout": "awsui_layout_hyvsj_hw2pr_357",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_hw2pr_440",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_hw2pr_455",
+  "content-type-table": "awsui_content-type-table_hyvsj_hw2pr_469",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_hw2pr_469",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_hw2pr_475",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_hw2pr_478",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_hw2pr_510",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_hw2pr_513",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_hw2pr_523",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_hw2pr_526",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_hw2pr_529",
+  "has-header": "awsui_has-header_hyvsj_hw2pr_529",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_hw2pr_550",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_hw2pr_550",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_hw2pr_593",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_hw2pr_593",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_hw2pr_609",
+  "unfocusable": "awsui_unfocusable_hyvsj_hw2pr_614",
+  "container": "awsui_container_hyvsj_hw2pr_624",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_hw2pr_649",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_hw2pr_652",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_hw2pr_652",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_hw2pr_652",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_hw2pr_652",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_hw2pr_661",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_hw2pr_677",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_hw2pr_681",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_hw2pr_685",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_hw2pr_689",
+  "navigation-container": "awsui_navigation-container_hyvsj_hw2pr_698",
+  "show-navigation": "awsui_show-navigation_hyvsj_hw2pr_742",
+  "animating": "awsui_animating_hyvsj_hw2pr_764",
+  "showButtons": "awsui_showButtons_hyvsj_hw2pr_1",
+  "navigation": "awsui_navigation_hyvsj_hw2pr_698",
+  "openNavigation": "awsui_openNavigation_hyvsj_hw2pr_1",
+  "animated-content": "awsui_animated-content_hyvsj_hw2pr_826",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_hw2pr_835",
+  "notifications": "awsui_notifications_hyvsj_hw2pr_845",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_hw2pr_851",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_hw2pr_868",
+  "position-bottom": "awsui_position-bottom_hyvsj_hw2pr_915",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_hw2pr_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_hw2pr_944",
+  "position-side": "awsui_position-side_hyvsj_hw2pr_957",
+  "tools-container": "awsui_tools-container_hyvsj_hw2pr_979",
+  "tools": "awsui_tools_hyvsj_hw2pr_979",
+  "openTools": "awsui_openTools_hyvsj_hw2pr_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_hw2pr_1076",
+  "hide-tools": "awsui_hide-tools_hyvsj_hw2pr_1086",
+  "show-tools": "awsui_show-tools_hyvsj_hw2pr_1098",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_hw2pr_1076",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_hw2pr_1182",
+  "trigger": "awsui_trigger_hyvsj_hw2pr_1182",
+  "selected": "awsui_selected_hyvsj_hw2pr_1248",
+  "badge": "awsui_badge_hyvsj_hw2pr_1268",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_hw2pr_1272",
+  "dot": "awsui_dot_hyvsj_hw2pr_1280"
 };