npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.462 → 3.0.464 - Mend

@cloudscape-design/components-themeable 3.0.462 → 3.0.464

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

package/lib/internal/template/alert/styles.scoped.css CHANGED Viewed

@@ -90,10 +90,10 @@ 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_alert_mx3cw_s7vra_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_s7vra_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
+.awsui_alert_mx3cw_k5ogv_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_k5ogv_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_s7vra_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_k5ogv_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_alert_mx3cw_s7vra_93:not(#\9) {
+  .awsui_alert_mx3cw_k5ogv_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_s7vra_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_s7vra_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_k5ogv_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_k5ogv_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,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_mx3cw_s7vra_119:not(#\9) {
+.awsui_root_mx3cw_k5ogv_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_s7vra_119.awsui_hidden_mx3cw_s7vra_135:not(#\9) {
+.awsui_root_mx3cw_k5ogv_119.awsui_hidden_mx3cw_k5ogv_135:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_s7vra_93:not(#\9) {
+.awsui_alert_mx3cw_k5ogv_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -202,53 +202,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   display: grid;
   grid-template-columns: 1fr;
-  border-radius: var(--border-radius-alert-flb0mp, 2px);
   border: var(--border-field-width-yoy972, 1px) solid;
-  padding: var(--space-alert-vertical-f4n3qs, 12px) var(--space-alert-horizontal-bwh51v, 20px);
+  border-start-start-radius: var(--border-radius-alert-flb0mp, 2px);
+  border-start-end-radius: var(--border-radius-alert-flb0mp, 2px);
+  border-end-start-radius: var(--border-radius-alert-flb0mp, 2px);
+  border-end-end-radius: var(--border-radius-alert-flb0mp, 2px);
+  padding-block: var(--space-alert-vertical-f4n3qs, 12px);
+  padding-inline: var(--space-alert-horizontal-bwh51v, 20px);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_alert_mx3cw_s7vra_93.awsui_with-dismiss_mx3cw_s7vra_158:not(#\9), .awsui_alert_mx3cw_s7vra_93.awsui_with-action_mx3cw_s7vra_158:not(#\9) {
+.awsui_alert_mx3cw_k5ogv_93.awsui_with-dismiss_mx3cw_k5ogv_162:not(#\9), .awsui_alert_mx3cw_k5ogv_93.awsui_with-action_mx3cw_k5ogv_162:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_s7vra_93.awsui_with-action_mx3cw_s7vra_158.awsui_with-dismiss_mx3cw_s7vra_158:not(#\9) {
+.awsui_alert_mx3cw_k5ogv_93.awsui_with-action_mx3cw_k5ogv_162.awsui_with-dismiss_mx3cw_k5ogv_162:not(#\9) {
   grid-template-columns: 1fr auto auto;
 }
-.awsui_alert_mx3cw_s7vra_93.awsui_breakpoint-default_mx3cw_s7vra_164.awsui_with-action_mx3cw_s7vra_158:not(#\9) {
+.awsui_alert_mx3cw_k5ogv_93.awsui_breakpoint-default_mx3cw_k5ogv_168.awsui_with-action_mx3cw_k5ogv_162:not(#\9) {
   grid-template-columns: 1fr auto;
 }
-.awsui_alert_mx3cw_s7vra_93.awsui_breakpoint-default_mx3cw_s7vra_164:not(#\9):not(.awsui_with-dismiss_mx3cw_s7vra_158) {
+.awsui_alert_mx3cw_k5ogv_93.awsui_breakpoint-default_mx3cw_k5ogv_168:not(#\9):not(.awsui_with-dismiss_mx3cw_k5ogv_162) {
   grid-template-columns: 1fr;
 }
-.awsui_header_mx3cw_s7vra_171:not(#\9) {
+.awsui_header_mx3cw_k5ogv_175:not(#\9) {
   font-weight: 700;
 }
-.awsui_action_mx3cw_s7vra_175:not(#\9) {
+.awsui_action_mx3cw_k5ogv_179:not(#\9) {
   white-space: nowrap;
-  margin-left: var(--space-alert-action-left-5t7fct, 20px);
+  margin-inline-start: var(--space-alert-action-left-5t7fct, 20px);
 }
-.awsui_action-slot_mx3cw_s7vra_180:not(#\9),
-.awsui_action-button_mx3cw_s7vra_181:not(#\9) {
+.awsui_action-slot_mx3cw_k5ogv_184:not(#\9),
+.awsui_action-button_mx3cw_k5ogv_185:not(#\9) {
   /* used in test-utils */
 }
-.awsui_alert-focus-wrapper_mx3cw_s7vra_185:not(#\9) {
+.awsui_alert-focus-wrapper_mx3cw_k5ogv_189:not(#\9) {
   display: grid;
   grid-template-columns: min-content auto;
 }
-.awsui_alert-focus-wrapper_mx3cw_s7vra_185:not(#\9):focus {
+.awsui_alert-focus-wrapper_mx3cw_k5ogv_189:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_s7vra_185:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_k5ogv_189:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_s7vra_185:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_k5ogv_189:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-s68ny8, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_s7vra_185:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_k5ogv_189:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -260,73 +264,75 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_s7vra_185:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_text_mx3cw_s7vra_211:not(#\9) {
-  min-width: 0;
-  padding: var(--border-field-width-yoy972, 1px) 0;
-  margin: var(--space-scaled-xxs-t7ij38, 4px) var(--space-xxs-9rrxti, 4px);
+.awsui_text_mx3cw_k5ogv_215:not(#\9) {
+  min-inline-size: 0;
+  padding-block: var(--border-field-width-yoy972, 1px);
+  padding-inline: 0;
+  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+  margin-inline: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_text_mx3cw_s7vra_211.awsui_icon_mx3cw_s7vra_216:not(#\9) {
-  margin-left: 0;
+.awsui_text_mx3cw_k5ogv_215.awsui_icon_mx3cw_k5ogv_222:not(#\9) {
+  margin-inline-start: 0;
 }
-.awsui_text_mx3cw_s7vra_211.awsui_message_mx3cw_s7vra_219:not(#\9) {
-  margin-right: var(--space-alert-message-right-px48tx, 0px);
+.awsui_text_mx3cw_k5ogv_215.awsui_message_mx3cw_k5ogv_225:not(#\9) {
+  margin-inline-end: var(--space-alert-message-right-px48tx, 0px);
 }
-.awsui_breakpoint-default_mx3cw_s7vra_164 > .awsui_action_mx3cw_s7vra_175:not(#\9) {
+.awsui_breakpoint-default_mx3cw_k5ogv_168 > .awsui_action_mx3cw_k5ogv_179:not(#\9) {
   grid-row: 2;
-  margin-bottom: var(--space-xxs-9rrxti, 4px);
+  margin-block-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_breakpoint-default_mx3cw_s7vra_164.awsui_icon-size-medium_mx3cw_s7vra_227 > .awsui_action_mx3cw_s7vra_175:not(#\9) {
-  margin-left: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_breakpoint-default_mx3cw_k5ogv_168.awsui_icon-size-medium_mx3cw_k5ogv_233 > .awsui_action_mx3cw_k5ogv_179:not(#\9) {
+  margin-inline-start: calc(var(--size-icon-medium-6sroof, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_s7vra_164.awsui_icon-size-big_mx3cw_s7vra_230 > .awsui_action_mx3cw_s7vra_175:not(#\9) {
-  margin-left: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
+.awsui_breakpoint-default_mx3cw_k5ogv_168.awsui_icon-size-big_mx3cw_k5ogv_236 > .awsui_action_mx3cw_k5ogv_179:not(#\9) {
+  margin-inline-start: calc(var(--size-icon-big-hyxarq, 32px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_breakpoint-default_mx3cw_s7vra_164.awsui_icon-size-normal_mx3cw_s7vra_233 > .awsui_action_mx3cw_s7vra_175:not(#\9) {
-  margin-left: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
+.awsui_breakpoint-default_mx3cw_k5ogv_168.awsui_icon-size-normal_mx3cw_k5ogv_239 > .awsui_action_mx3cw_k5ogv_179:not(#\9) {
+  margin-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + var(--space-xs-xf5ch3, 8px));
 }
-.awsui_content_mx3cw_s7vra_237:not(#\9) {
+.awsui_content_mx3cw_k5ogv_243:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_s7vra_241:not(#\9) {
-  margin-right: calc(-1 * var(--space-xxs-9rrxti, 4px));
-  margin-left: var(--space-s-2025hl, 12px);
+.awsui_dismiss_mx3cw_k5ogv_247:not(#\9) {
+  margin-inline-end: calc(-1 * var(--space-xxs-9rrxti, 4px));
+  margin-inline-start: var(--space-s-2025hl, 12px);
 }
-.awsui_dismiss-button_mx3cw_s7vra_246:not(#\9) {
+.awsui_dismiss-button_mx3cw_k5ogv_252:not(#\9) {
   /* used in test-utils */
 }
-.awsui_type-error_mx3cw_s7vra_250:not(#\9) {
+.awsui_type-error_mx3cw_k5ogv_256:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
   background-color: var(--color-background-status-error-oemu7d, #fdf3f1);
 }
-.awsui_type-error_mx3cw_s7vra_250 > .awsui_alert-focus-wrapper_mx3cw_s7vra_185 > .awsui_icon_mx3cw_s7vra_216:not(#\9) {
+.awsui_type-error_mx3cw_k5ogv_256 > .awsui_alert-focus-wrapper_mx3cw_k5ogv_189 > .awsui_icon_mx3cw_k5ogv_222:not(#\9) {
   color: var(--color-text-status-error-ofc4yr, #d13212);
 }
-.awsui_type-warning_mx3cw_s7vra_258:not(#\9) {
+.awsui_type-warning_mx3cw_k5ogv_264:not(#\9) {
   border-color: var(--color-border-status-warning-gda7pe, #906806);
   background-color: var(--color-background-status-warning-c7n5t6, #fffce9);
 }
-.awsui_type-warning_mx3cw_s7vra_258 > .awsui_alert-focus-wrapper_mx3cw_s7vra_185 > .awsui_icon_mx3cw_s7vra_216:not(#\9) {
+.awsui_type-warning_mx3cw_k5ogv_264 > .awsui_alert-focus-wrapper_mx3cw_k5ogv_189 > .awsui_icon_mx3cw_k5ogv_222:not(#\9) {
   color: var(--color-text-status-warning-azn00c, #906806);
 }
-.awsui_type-success_mx3cw_s7vra_266:not(#\9) {
+.awsui_type-success_mx3cw_k5ogv_272:not(#\9) {
   border-color: var(--color-border-status-success-ce6e1e, #1d8102);
   background-color: var(--color-background-status-success-6fu96x, #f2f8f0);
 }
-.awsui_type-success_mx3cw_s7vra_266 > .awsui_alert-focus-wrapper_mx3cw_s7vra_185 > .awsui_icon_mx3cw_s7vra_216:not(#\9) {
+.awsui_type-success_mx3cw_k5ogv_272 > .awsui_alert-focus-wrapper_mx3cw_k5ogv_189 > .awsui_icon_mx3cw_k5ogv_222:not(#\9) {
   color: var(--color-text-status-success-owjbj0, #1d8102);
 }
-.awsui_type-info_mx3cw_s7vra_274:not(#\9) {
+.awsui_type-info_mx3cw_k5ogv_280:not(#\9) {
   border-color: var(--color-border-status-info-q9np44, #0073bb);
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_type-info_mx3cw_s7vra_274 > .awsui_alert-focus-wrapper_mx3cw_s7vra_185 > .awsui_icon_mx3cw_s7vra_216:not(#\9) {
+.awsui_type-info_mx3cw_k5ogv_280 > .awsui_alert-focus-wrapper_mx3cw_k5ogv_189 > .awsui_icon_mx3cw_k5ogv_222:not(#\9) {
   color: var(--color-text-status-info-aq7yd6, #0073bb);
 }

package/lib/internal/template/alert/styles.selectors.js CHANGED Viewed

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_s7vra_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_s7vra_1",
-  "root": "awsui_root_mx3cw_s7vra_119",
-  "hidden": "awsui_hidden_mx3cw_s7vra_135",
-  "with-dismiss": "awsui_with-dismiss_mx3cw_s7vra_158",
-  "with-action": "awsui_with-action_mx3cw_s7vra_158",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_s7vra_164",
-  "header": "awsui_header_mx3cw_s7vra_171",
-  "action": "awsui_action_mx3cw_s7vra_175",
-  "action-slot": "awsui_action-slot_mx3cw_s7vra_180",
-  "action-button": "awsui_action-button_mx3cw_s7vra_181",
-  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_s7vra_185",
-  "text": "awsui_text_mx3cw_s7vra_211",
-  "icon": "awsui_icon_mx3cw_s7vra_216",
-  "message": "awsui_message_mx3cw_s7vra_219",
-  "icon-size-medium": "awsui_icon-size-medium_mx3cw_s7vra_227",
-  "icon-size-big": "awsui_icon-size-big_mx3cw_s7vra_230",
-  "icon-size-normal": "awsui_icon-size-normal_mx3cw_s7vra_233",
-  "content": "awsui_content_mx3cw_s7vra_237",
-  "dismiss": "awsui_dismiss_mx3cw_s7vra_241",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_s7vra_246",
-  "type-error": "awsui_type-error_mx3cw_s7vra_250",
-  "type-warning": "awsui_type-warning_mx3cw_s7vra_258",
-  "type-success": "awsui_type-success_mx3cw_s7vra_266",
-  "type-info": "awsui_type-info_mx3cw_s7vra_274"
+  "alert": "awsui_alert_mx3cw_k5ogv_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_k5ogv_1",
+  "root": "awsui_root_mx3cw_k5ogv_119",
+  "hidden": "awsui_hidden_mx3cw_k5ogv_135",
+  "with-dismiss": "awsui_with-dismiss_mx3cw_k5ogv_162",
+  "with-action": "awsui_with-action_mx3cw_k5ogv_162",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_k5ogv_168",
+  "header": "awsui_header_mx3cw_k5ogv_175",
+  "action": "awsui_action_mx3cw_k5ogv_179",
+  "action-slot": "awsui_action-slot_mx3cw_k5ogv_184",
+  "action-button": "awsui_action-button_mx3cw_k5ogv_185",
+  "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_k5ogv_189",
+  "text": "awsui_text_mx3cw_k5ogv_215",
+  "icon": "awsui_icon_mx3cw_k5ogv_222",
+  "message": "awsui_message_mx3cw_k5ogv_225",
+  "icon-size-medium": "awsui_icon-size-medium_mx3cw_k5ogv_233",
+  "icon-size-big": "awsui_icon-size-big_mx3cw_k5ogv_236",
+  "icon-size-normal": "awsui_icon-size-normal_mx3cw_k5ogv_239",
+  "content": "awsui_content_mx3cw_k5ogv_243",
+  "dismiss": "awsui_dismiss_mx3cw_k5ogv_247",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_k5ogv_252",
+  "type-error": "awsui_type-error_mx3cw_k5ogv_256",
+  "type-warning": "awsui_type-warning_mx3cw_k5ogv_264",
+  "type-success": "awsui_type-success_mx3cw_k5ogv_272",
+  "type-info": "awsui_type-info_mx3cw_k5ogv_280"
 };

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

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_swimc_h60aw_93",
-  "anchor-list": "awsui_anchor-list_swimc_h60aw_106",
-  "anchor-item": "awsui_anchor-item_swimc_h60aw_124",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_h60aw_143",
-  "anchor-link": "awsui_anchor-link_swimc_h60aw_157",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_h60aw_196",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_h60aw_203",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_h60aw_207"
+  "root": "awsui_root_swimc_1y3k1_93",
+  "anchor-list": "awsui_anchor-list_swimc_1y3k1_106",
+  "anchor-item": "awsui_anchor-item_swimc_1y3k1_129",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1y3k1_149",
+  "anchor-link": "awsui_anchor-link_swimc_1y3k1_166",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1y3k1_205",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1y3k1_212",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1y3k1_216"
 };

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

@@ -90,7 +90,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_h60aw_93:not(#\9) {
+.awsui_root_swimc_1y3k1_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,58 +129,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_anchor-list_swimc_h60aw_106:not(#\9) {
+.awsui_anchor-list_swimc_1y3k1_106:not(#\9) {
   list-style: none;
-  margin: 0;
-  padding: 0;
+  margin-block: 0;
+  margin-inline: 0;
+  padding-block: 0;
+  padding-inline: 0;
   position: relative;
   text-indent: 0;
 }
-.awsui_anchor-list_swimc_h60aw_106:not(#\9)::before {
+.awsui_anchor-list_swimc_1y3k1_106:not(#\9)::before {
   content: "";
   background-color: var(--color-border-divider-default-cr3oi6, #eaeded);
-  border-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  bottom: -2px;
+  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);
+  inset-block-end: -2px;
   pointer-events: none;
   position: absolute;
-  top: -2px;
-  width: 2px;
+  inset-block-start: -2px;
+  inline-size: 2px;
 }
-.awsui_anchor-item_swimc_h60aw_124:not(#\9) {
+.awsui_anchor-item_swimc_1y3k1_129:not(#\9) {
   transition: var(--motion-duration-slow-ncmroz, 180ms);
   transition-property: all;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-secondary-yttmze, #545b64);
   font-weight: 400;
-  margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
+  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+  margin-inline: 0;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-item_swimc_h60aw_124:not(#\9) {
+  .awsui_anchor-item_swimc_1y3k1_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-item_swimc_h60aw_124:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_h60aw_124:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-item_swimc_1y3k1_129:not(#\9), .awsui-mode-entering .awsui_anchor-item_swimc_1y3k1_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_anchor-item--active_swimc_h60aw_143:not(#\9) {
+.awsui_anchor-item--active_swimc_1y3k1_149:not(#\9) {
   position: relative;
 }
-.awsui_anchor-item--active_swimc_h60aw_143:not(#\9)::before {
+.awsui_anchor-item--active_swimc_1y3k1_149:not(#\9)::before {
   content: "";
   background-color: var(--color-text-accent-yy9054, #0073bb);
-  border-radius: var(--border-radius-tabs-focus-ring-7k0vsi, 0px);
-  bottom: -2px;
+  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);
+  inset-block-end: -2px;
   pointer-events: none;
   position: absolute;
-  top: -2px;
-  width: 2px;
+  inset-block-start: -2px;
+  inline-size: 2px;
 }
-.awsui_anchor-link_swimc_h60aw_157:not(#\9) {
+.awsui_anchor-link_swimc_1y3k1_166:not(#\9) {
   transition: var(--motion-duration-slow-ncmroz, 180ms);
   transition-property: all;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
@@ -193,16 +202,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_anchor-link_swimc_h60aw_157:not(#\9) {
+  .awsui_anchor-link_swimc_1y3k1_166:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_anchor-link_swimc_h60aw_157:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_h60aw_157:not(#\9) {
+.awsui-motion-disabled .awsui_anchor-link_swimc_1y3k1_166:not(#\9), .awsui-mode-entering .awsui_anchor-link_swimc_1y3k1_166:not(#\9) {
   animation: none;
   transition: none;
 }
-body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_h60aw_157:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_1y3k1_166:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
@@ -210,28 +219,28 @@ body[data-awsui-focus-visible=true] .awsui_anchor-link_swimc_h60aw_157:not(#\9):
   border-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-v8nq2m, #0073bb);
 }
-.awsui_anchor-link_swimc_h60aw_157:not(#\9):hover {
+.awsui_anchor-link_swimc_1y3k1_166:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_anchor-link_swimc_h60aw_157:not(#\9):focus {
+.awsui_anchor-link_swimc_1y3k1_166:not(#\9):focus {
   outline: none;
 }
-.awsui_anchor-link_swimc_h60aw_157:not(#\9):hover, .awsui_anchor-link_swimc_h60aw_157:not(#\9):focus {
+.awsui_anchor-link_swimc_1y3k1_166:not(#\9):hover, .awsui_anchor-link_swimc_1y3k1_166:not(#\9):focus {
   text-decoration: none;
 }
-.awsui_anchor-link--active_swimc_h60aw_196:not(#\9) {
+.awsui_anchor-link--active_swimc_1y3k1_205: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-yy9054, #0073bb);
 }
-.awsui_anchor-link-text_swimc_h60aw_203:not(#\9) {
+.awsui_anchor-link-text_swimc_1y3k1_212:not(#\9) {
   display: block;
 }
-.awsui_anchor-link-info_swimc_h60aw_207:not(#\9) {
-  margin-left: var(--space-xs-xf5ch3, 8px);
+.awsui_anchor-link-info_swimc_1y3k1_216: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);

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_h60aw_93",
-  "anchor-list": "awsui_anchor-list_swimc_h60aw_106",
-  "anchor-item": "awsui_anchor-item_swimc_h60aw_124",
-  "anchor-item--active": "awsui_anchor-item--active_swimc_h60aw_143",
-  "anchor-link": "awsui_anchor-link_swimc_h60aw_157",
-  "anchor-link--active": "awsui_anchor-link--active_swimc_h60aw_196",
-  "anchor-link-text": "awsui_anchor-link-text_swimc_h60aw_203",
-  "anchor-link-info": "awsui_anchor-link-info_swimc_h60aw_207"
+  "root": "awsui_root_swimc_1y3k1_93",
+  "anchor-list": "awsui_anchor-list_swimc_1y3k1_106",
+  "anchor-item": "awsui_anchor-item_swimc_1y3k1_129",
+  "anchor-item--active": "awsui_anchor-item--active_swimc_1y3k1_149",
+  "anchor-link": "awsui_anchor-link_swimc_1y3k1_166",
+  "anchor-link--active": "awsui_anchor-link--active_swimc_1y3k1_205",
+  "anchor-link-text": "awsui_anchor-link-text_swimc_1y3k1_212",
+  "anchor-link-info": "awsui_anchor-link-info_swimc_1y3k1_216"
 };

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_rugxw_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_rugxw_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_rugxw_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_rugxw_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_rugxw_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_rugxw_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_rugxw_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_rugxw_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_rugxw_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_rugxw_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_rugxw_137",
-  "annotation": "awsui_annotation_1hpp3_rugxw_145",
-  "next-button": "awsui_next-button_1hpp3_rugxw_146",
-  "previous-button": "awsui_previous-button_1hpp3_rugxw_147",
-  "finish-button": "awsui_finish-button_1hpp3_rugxw_148",
-  "header": "awsui_header_1hpp3_rugxw_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_rugxw_150",
-  "content": "awsui_content_1hpp3_rugxw_151",
-  "description": "awsui_description_1hpp3_rugxw_155",
-  "actionBar": "awsui_actionBar_1hpp3_rugxw_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_rugxw_167",
-  "divider": "awsui_divider_1hpp3_rugxw_171",
-  "hotspot": "awsui_hotspot_1hpp3_rugxw_175",
-  "icon": "awsui_icon_1hpp3_rugxw_215"
+  "arrow": "awsui_arrow_1hpp3_11qnw_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_11qnw_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_11qnw_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_11qnw_134",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_11qnw_134",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_11qnw_137",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_11qnw_137",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_11qnw_140",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_11qnw_140",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_11qnw_143",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_11qnw_143",
+  "annotation": "awsui_annotation_1hpp3_11qnw_151",
+  "next-button": "awsui_next-button_1hpp3_11qnw_152",
+  "previous-button": "awsui_previous-button_1hpp3_11qnw_153",
+  "finish-button": "awsui_finish-button_1hpp3_11qnw_154",
+  "header": "awsui_header_1hpp3_11qnw_155",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_11qnw_156",
+  "content": "awsui_content_1hpp3_11qnw_157",
+  "description": "awsui_description_1hpp3_11qnw_161",
+  "actionBar": "awsui_actionBar_1hpp3_11qnw_166",
+  "stepCounter": "awsui_stepCounter_1hpp3_11qnw_173",
+  "divider": "awsui_divider_1hpp3_11qnw_177",
+  "hotspot": "awsui_hotspot_1hpp3_11qnw_181",
+  "icon": "awsui_icon_1hpp3_11qnw_222"
 };