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/help-panel/styles.scoped.css CHANGED Viewed

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_yjryi_94:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,86 +126,99 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  padding: var(--space-scaled-l-08jb88, 20px) var(--space-panel-side-right-23w8pv, 32px) 0 var(--space-panel-side-left-wmxosk, 32px);
-}
-.awsui_help-panel_1d237_yjryi_94 hr:not(#\9) {
-  border: none;
-  border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
-  margin: var(--space-scaled-xl-rljqft, 24px) calc(-1 * var(--space-xs-xf5ch3, 8px));
-}
-.awsui_help-panel_1d237_yjryi_94 ol:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 ul:not(#\9) {
-  padding-left: var(--space-l-xu1x80, 20px);
+  padding-block-start: var(--space-scaled-l-08jb88, 20px);
+  padding-block-end: 0;
+  padding-inline-end: var(--space-panel-side-right-23w8pv, 32px);
+  padding-inline-start: var(--space-panel-side-left-wmxosk, 32px);
+}
+.awsui_help-panel_1d237_yp40o_94 hr:not(#\9) {
+  border-block: none;
+  border-inline: none;
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  margin-block: var(--space-scaled-xl-rljqft, 24px);
+  margin-inline: calc(-1 * var(--space-xs-xf5ch3, 8px));
+}
+.awsui_help-panel_1d237_yp40o_94 ol:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 ul:not(#\9) {
+  padding-inline-start: var(--space-l-xu1x80, 20px);
   list-style-position: outside;
-  margin: var(--space-s-2025hl, 12px) 0;
-}
-.awsui_help-panel_1d237_yjryi_94 li:not(#\9) {
-  margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
-}
-.awsui_help-panel_1d237_yjryi_94 a:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h2:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h3:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h4:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h5:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 pre:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 code:not(#\9) {
-  margin: var(--space-xs-xf5ch3, 8px) 0;
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.awsui_help-panel_1d237_yjryi_94 code:not(#\9) {
+  margin-block: var(--space-s-2025hl, 12px);
+  margin-inline: 0;
+}
+.awsui_help-panel_1d237_yp40o_94 li:not(#\9) {
+  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+  margin-inline: 0;
+}
+.awsui_help-panel_1d237_yp40o_94 a:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h2:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h3:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h4:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h5:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 pre:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 code:not(#\9) {
+  margin-block: var(--space-xs-xf5ch3, 8px);
+  margin-inline: 0;
+  padding-block: 0;
+}
+.awsui_help-panel_1d237_yp40o_94 code:not(#\9) {
   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);
   font-family: var(--font-family-monospace-yt4nwf, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
-  padding: 0 var(--space-xxs-9rrxti, 4px);
+  padding-block: 0;
+  padding-inline: var(--space-xxs-9rrxti, 4px);
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_yjryi_94 pre:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 pre:not(#\9) {
   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);
   font-family: var(--font-family-monospace-yt4nwf, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
-  padding: 0 var(--space-xxs-9rrxti, 4px);
+  padding-block: 0;
+  padding-inline: var(--space-xxs-9rrxti, 4px);
   word-wrap: break-word;
   white-space: pre-wrap;
-  padding: var(--space-xxs-9rrxti, 4px);
+  padding-block: var(--space-xxs-9rrxti, 4px);
+  padding-inline: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_help-panel_1d237_yjryi_94 dl:not(#\9) {
-  margin: var(--space-s-2025hl, 12px) 0;
+.awsui_help-panel_1d237_yp40o_94 dl:not(#\9) {
+  margin-block: var(--space-s-2025hl, 12px);
+  margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_yjryi_94 dl *:not(#\9) {
-  margin-top: 0;
-  margin-bottom: 0;
+.awsui_help-panel_1d237_yp40o_94 dl *:not(#\9) {
+  margin-block: 0;
 }
-.awsui_help-panel_1d237_yjryi_94 dt:not(#\9) {
-  margin-top: var(--space-xs-xf5ch3, 8px);
+.awsui_help-panel_1d237_yp40o_94 dt:not(#\9) {
+  margin-block-start: var(--space-xs-xf5ch3, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_yjryi_94 dd:not(#\9) {
-  margin: 0 0 var(--space-xs-xf5ch3, 8px);
-}
-.awsui_help-panel_1d237_yjryi_94 h2:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h3:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h4:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h5:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 h6:not(#\9) {
-  margin-top: var(--space-xl-5fdwzu, 24px);
+.awsui_help-panel_1d237_yp40o_94 dd:not(#\9) {
+  margin-block-start: 0;
+  margin-block-end: var(--space-xs-xf5ch3, 8px);
+  margin-inline: 0;
+}
+.awsui_help-panel_1d237_yp40o_94 h2:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h3:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h4:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h5:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 h6:not(#\9) {
+  margin-block-start: var(--space-xl-5fdwzu, 24px);
   color: var(--color-text-heading-default-tsgvby, #16191f);
 }
-.awsui_help-panel_1d237_yjryi_94 > :not(#\9):last-child {
-  margin-bottom: var(--space-scaled-xxxl-679zhd, 40px);
+.awsui_help-panel_1d237_yp40o_94 > :not(#\9):last-child {
+  margin-block-end: var(--space-scaled-xxxl-679zhd, 40px);
 }
-.awsui_help-panel_1d237_yjryi_94 p:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 p:not(#\9) {
   color: inherit;
   text-decoration: none;
-  margin: var(--space-s-2025hl, 12px) 0;
+  margin-block: var(--space-s-2025hl, 12px);
+  margin-inline: 0;
 }
-.awsui_help-panel_1d237_yjryi_94 h1:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 h1:not(#\9) {
   font-size: var(--font-size-heading-xl-k9a0qt, 28px);
   line-height: var(--line-height-heading-xl-v9hsvt, 36px);
   letter-spacing: var(--letter-spacing-heading-xl-87t96e, normal);
@@ -213,7 +226,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_help-panel_1d237_yjryi_94 h2:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 h2:not(#\9) {
   font-size: var(--font-size-heading-l-l21r86, 18px);
   line-height: var(--line-height-heading-l-vog8w7, 22px);
   letter-spacing: var(--letter-spacing-heading-l-bejyzw, normal);
@@ -221,7 +234,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_help-panel_1d237_yjryi_94 h3:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 h3:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
@@ -229,7 +242,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_help-panel_1d237_yjryi_94 h4:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 h4:not(#\9) {
   font-size: var(--font-size-heading-s-w1c4ce, 16px);
   line-height: var(--line-height-heading-s-h0lds9, 20px);
   letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
@@ -237,58 +250,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_help-panel_1d237_yjryi_94 h5:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 h5:not(#\9) {
   font-size: var(--font-size-heading-xs-pz04z3, 16px);
   line-height: var(--line-height-heading-xs-jsenn1, 20px);
   font-weight: var(--font-weight-heading-xs-lfmr92, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_help-panel_1d237_yjryi_94 b:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 strong:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 b:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250:not(#\9) {
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263:not(#\9) {
   font-size: var(--font-panel-header-size-tbwmfr, 18px);
   line-height: var(--font-panel-header-line-height-leujyg, 22px);
   font-weight: var(--font-weight-heading-l-1hf845, 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-heading-default-tsgvby, #16191f);
-  padding-bottom: var(--space-scaled-l-08jb88, 20px);
-  padding-left: var(--space-panel-side-left-wmxosk, 32px);
-  padding-right: calc(var(--space-xl-5fdwzu, 24px) + var(--space-scaled-xxl-x330me, 32px));
-  border: none;
-  border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
-  margin: 0 calc(-1 * var(--space-panel-side-right-23w8pv, 32px)) var(--space-scaled-l-08jb88, 20px) calc(-1 * var(--space-panel-side-left-wmxosk, 32px));
-}
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250 h2:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250 h3:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250 h4:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250 h5:not(#\9),
-.awsui_help-panel_1d237_yjryi_94 .awsui_header_1d237_yjryi_250 h6:not(#\9) {
+  padding-block-end: var(--space-scaled-l-08jb88, 20px);
+  padding-inline: var(--space-panel-side-left-wmxosk, 32px) calc(var(--space-xl-5fdwzu, 24px) + var(--space-scaled-xxl-x330me, 32px));
+  border-block: none;
+  border-inline: none;
+  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  margin-block-start: 0;
+  margin-block-end: var(--space-scaled-l-08jb88, 20px);
+  margin-inline-end: calc(-1 * var(--space-panel-side-right-23w8pv, 32px));
+  margin-inline-start: calc(-1 * var(--space-panel-side-left-wmxosk, 32px));
+}
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263 h2:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263 h3:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263 h4:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263 h5:not(#\9),
+.awsui_help-panel_1d237_yp40o_94 .awsui_header_1d237_yp40o_263 h6:not(#\9) {
   font-size: var(--font-panel-header-size-tbwmfr, 18px);
   line-height: var(--font-panel-header-line-height-leujyg, 22px);
   font-weight: var(--font-weight-heading-l-1hf845, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  padding-top: 0;
-  padding-bottom: 0;
-  margin-top: 0;
-  margin-bottom: 0;
+  padding-block: 0;
+  margin-block: 0;
 }
-.awsui_content_1d237_yjryi_280:not(#\9) {
+.awsui_content_1d237_yp40o_294:not(#\9) {
   color: var(--color-text-body-secondary-6ysfsn, #545b64);
 }
-.awsui_content_1d237_yjryi_280 h2:not(#\9):first-child,
-.awsui_content_1d237_yjryi_280 h3:not(#\9):first-child,
-.awsui_content_1d237_yjryi_280 h4:not(#\9):first-child,
-.awsui_content_1d237_yjryi_280 h5:not(#\9):first-child,
-.awsui_content_1d237_yjryi_280 h6:not(#\9):first-child {
-  margin-top: 0;
+.awsui_content_1d237_yp40o_294 h2:not(#\9):first-child,
+.awsui_content_1d237_yp40o_294 h3:not(#\9):first-child,
+.awsui_content_1d237_yp40o_294 h4:not(#\9):first-child,
+.awsui_content_1d237_yp40o_294 h5:not(#\9):first-child,
+.awsui_content_1d237_yp40o_294 h6:not(#\9):first-child {
+  margin-block-start: 0;
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9) {
+.awsui_content_1d237_yp40o_294 a:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -302,44 +316,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_yjryi_280 a:not(#\9) {
+  .awsui_content_1d237_yp40o_294 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_yjryi_280 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_yjryi_280 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_yp40o_294 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_yp40o_294 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9):hover {
+.awsui_content_1d237_yp40o_294 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9):focus {
+.awsui_content_1d237_yp40o_294 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9):active {
+.awsui_content_1d237_yp40o_294 a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9):active, .awsui_content_1d237_yjryi_280 a:not(#\9):focus, .awsui_content_1d237_yjryi_280 a:not(#\9):hover {
+.awsui_content_1d237_yp40o_294 a:not(#\9):active, .awsui_content_1d237_yp40o_294 a:not(#\9):focus, .awsui_content_1d237_yp40o_294 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_footer_1d237_yjryi_326:not(#\9) {
+.awsui_footer_1d237_yp40o_340:not(#\9) {
   color: var(--color-text-body-secondary-6ysfsn, #545b64);
-  border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
-  margin: var(--space-scaled-xl-rljqft, 24px) calc(-1 * var(--space-xs-xf5ch3, 8px));
-  padding: 0 var(--space-s-2025hl, 12px);
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  margin-block: var(--space-scaled-xl-rljqft, 24px);
+  margin-inline: calc(-1 * var(--space-xs-xf5ch3, 8px));
+  padding-block: 0;
+  padding-inline: var(--space-s-2025hl, 12px);
 }
-.awsui_footer_1d237_yjryi_326 > :not(#\9):first-child {
-  margin-top: var(--space-scaled-xl-rljqft, 24px);
+.awsui_footer_1d237_yp40o_340 > :not(#\9):first-child {
+  margin-block-start: var(--space-scaled-xl-rljqft, 24px);
 }
-.awsui_footer_1d237_yjryi_326 ul:not(#\9) {
+.awsui_footer_1d237_yp40o_340 ul:not(#\9) {
   list-style: none;
-  padding-left: 0;
+  padding-inline-start: 0;
 }
-.awsui_footer_1d237_yjryi_326 a:not(#\9) {
+.awsui_footer_1d237_yp40o_340 a:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -353,36 +369,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_yjryi_326 a:not(#\9) {
+  .awsui_footer_1d237_yp40o_340 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_yjryi_326 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_yjryi_326 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_yp40o_340 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_yp40o_340 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_yjryi_326 a:not(#\9):hover {
+.awsui_footer_1d237_yp40o_340 a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_footer_1d237_yjryi_326 a:not(#\9):focus {
+.awsui_footer_1d237_yp40o_340 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_yjryi_326 a:not(#\9):active {
+.awsui_footer_1d237_yp40o_340 a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_footer_1d237_yjryi_326 a:not(#\9):active, .awsui_footer_1d237_yjryi_326 a:not(#\9):focus, .awsui_footer_1d237_yjryi_326 a:not(#\9):hover {
+.awsui_footer_1d237_yp40o_340 a:not(#\9):active, .awsui_footer_1d237_yp40o_340 a:not(#\9):focus, .awsui_footer_1d237_yp40o_340 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_content_1d237_yjryi_280 a:not(#\9):focus,
-.awsui_footer_1d237_yjryi_326 a:not(#\9):focus {
+.awsui_content_1d237_yp40o_294 a:not(#\9):focus,
+.awsui_footer_1d237_yp40o_340 a:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  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-v8nq2m, #0073bb);
 }

package/lib/internal/template/help-panel/styles.selectors.js CHANGED Viewed

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_yjryi_94",
-  "header": "awsui_header_1d237_yjryi_250",
-  "content": "awsui_content_1d237_yjryi_280",
-  "footer": "awsui_footer_1d237_yjryi_326"
+  "help-panel": "awsui_help-panel_1d237_yp40o_94",
+  "header": "awsui_header_1d237_yp40o_263",
+  "content": "awsui_content_1d237_yp40o_294",
+  "footer": "awsui_footer_1d237_yp40o_340"
 };

package/lib/internal/template/hotspot/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_cqcqk_17pjq_93",
-  "wrapper": "awsui_wrapper_cqcqk_17pjq_97",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_17pjq_101",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_17pjq_105",
-  "placement-right": "awsui_placement-right_cqcqk_17pjq_110",
-  "placement-left": "awsui_placement-left_cqcqk_17pjq_115",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_17pjq_120"
+  "root": "awsui_root_cqcqk_1k7zd_93",
+  "wrapper": "awsui_wrapper_cqcqk_1k7zd_97",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_1k7zd_101",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_1k7zd_105",
+  "placement-right": "awsui_placement-right_cqcqk_1k7zd_110",
+  "placement-left": "awsui_placement-left_cqcqk_1k7zd_115",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1k7zd_120"
 };

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

@@ -90,33 +90,33 @@ 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_cqcqk_17pjq_93:not(#\9) {
+.awsui_root_cqcqk_1k7zd_93:not(#\9) {
   /* used in test-utils */
 }
-.awsui_wrapper_cqcqk_17pjq_97:not(#\9) {
+.awsui_wrapper_cqcqk_1k7zd_97:not(#\9) {
   position: relative;
 }
-.awsui_elementWrapper_cqcqk_17pjq_101:not(#\9) {
+.awsui_elementWrapper_cqcqk_1k7zd_101:not(#\9) {
   flex: 1;
 }
-.awsui_markerWrapper_cqcqk_17pjq_105:not(#\9) {
+.awsui_markerWrapper_cqcqk_1k7zd_105:not(#\9) {
   position: absolute;
-  top: 0;
+  inset-block-start: 0;
 }
-.awsui_placement-right_cqcqk_17pjq_110:not(#\9) {
-  left: 100%;
-  margin-left: var(--space-xxs-9rrxti, 4px);
+.awsui_placement-right_cqcqk_1k7zd_110:not(#\9) {
+  inset-inline-start: 100%;
+  margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_placement-left_cqcqk_17pjq_115:not(#\9) {
-  right: 100%;
-  margin-right: var(--space-xxs-9rrxti, 4px);
+.awsui_placement-left_cqcqk_1k7zd_115:not(#\9) {
+  inset-inline-end: 100%;
+  margin-inline-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_inlineWrapper_cqcqk_17pjq_120:not(#\9) {
-  margin-left: var(--space-xxs-9rrxti, 4px);
+.awsui_inlineWrapper_cqcqk_1k7zd_120:not(#\9) {
+  margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_cqcqk_17pjq_93",
-  "wrapper": "awsui_wrapper_cqcqk_17pjq_97",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_17pjq_101",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_17pjq_105",
-  "placement-right": "awsui_placement-right_cqcqk_17pjq_110",
-  "placement-left": "awsui_placement-left_cqcqk_17pjq_115",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_17pjq_120"
+  "root": "awsui_root_cqcqk_1k7zd_93",
+  "wrapper": "awsui_wrapper_cqcqk_1k7zd_97",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_1k7zd_101",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_1k7zd_105",
+  "placement-right": "awsui_placement-right_cqcqk_1k7zd_110",
+  "placement-left": "awsui_placement-left_cqcqk_1k7zd_115",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1k7zd_120"
 };

package/lib/internal/template/icon/styles.css.js CHANGED Viewed

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "icon": "awsui_icon_h11ix_109ey_98",
-  "icon-flex-height": "awsui_icon-flex-height_h11ix_109ey_104",
-  "size-small": "awsui_size-small_h11ix_109ey_129",
-  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_109ey_133",
-  "size-normal": "awsui_size-normal_h11ix_109ey_147",
-  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_109ey_151",
-  "size-medium": "awsui_size-medium_h11ix_109ey_165",
-  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_109ey_169",
-  "size-big": "awsui_size-big_h11ix_109ey_183",
-  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_109ey_187",
-  "size-large": "awsui_size-large_h11ix_109ey_201",
-  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_109ey_205",
-  "variant-normal": "awsui_variant-normal_h11ix_109ey_219",
-  "variant-disabled": "awsui_variant-disabled_h11ix_109ey_222",
-  "variant-inverted": "awsui_variant-inverted_h11ix_109ey_225",
-  "variant-subtle": "awsui_variant-subtle_h11ix_109ey_228",
-  "variant-warning": "awsui_variant-warning_h11ix_109ey_231",
-  "variant-error": "awsui_variant-error_h11ix_109ey_234",
-  "variant-success": "awsui_variant-success_h11ix_109ey_237",
-  "variant-link": "awsui_variant-link_h11ix_109ey_240",
-  "badge": "awsui_badge_h11ix_109ey_244"
+  "icon": "awsui_icon_h11ix_19jzl_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_19jzl_104",
+  "size-small": "awsui_size-small_h11ix_19jzl_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_19jzl_133",
+  "size-normal": "awsui_size-normal_h11ix_19jzl_148",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_19jzl_152",
+  "size-medium": "awsui_size-medium_h11ix_19jzl_167",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_19jzl_171",
+  "size-big": "awsui_size-big_h11ix_19jzl_186",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_19jzl_190",
+  "size-large": "awsui_size-large_h11ix_19jzl_205",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_19jzl_209",
+  "variant-normal": "awsui_variant-normal_h11ix_19jzl_224",
+  "variant-disabled": "awsui_variant-disabled_h11ix_19jzl_227",
+  "variant-inverted": "awsui_variant-inverted_h11ix_19jzl_230",
+  "variant-subtle": "awsui_variant-subtle_h11ix_19jzl_233",
+  "variant-warning": "awsui_variant-warning_h11ix_19jzl_236",
+  "variant-error": "awsui_variant-error_h11ix_19jzl_239",
+  "variant-success": "awsui_variant-success_h11ix_19jzl_242",
+  "variant-link": "awsui_variant-link_h11ix_19jzl_245",
+  "badge": "awsui_badge_h11ix_19jzl_249"
 };