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

@cloudscape-design/components-themeable 3.0.776 → 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/help-panel/styles.scoped.css CHANGED Viewed

@@ -174,7 +174,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_help-panel_1d237_1x743_177:not(#\9) {
+.awsui_help-panel_1d237_1580q_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -201,209 +201,209 @@ 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;
   word-wrap: break-word;
-  padding-block-start: var(--space-panel-header-vertical-3c8qmg, 20px);
+  padding-block-start: var(--space-panel-header-vertical-d3wku0, 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);
+  padding-inline-end: var(--space-panel-side-right-otvpm8, 32px);
+  padding-inline-start: var(--space-panel-side-left-1i2jyv, 32px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_help-panel_1d237_1x743_177.awsui_with-toolbar_1d237_1x743_218:not(#\9) {
-  padding-block-start: var(--space-static-m-qndr1s, 16px);
+.awsui_help-panel_1d237_1580q_177.awsui_with-toolbar_1d237_1580q_218:not(#\9) {
+  padding-block-start: var(--space-static-m-rufxr5, 16px);
 }
-.awsui_help-panel_1d237_1x743_177 hr:not(#\9) {
+.awsui_help-panel_1d237_1580q_177 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-qn9pru, #eaeded);
-  margin-block: var(--space-scaled-xl-rljqft, 24px);
-  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-2jmfkj, 12px));
+  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+  margin-block: var(--space-scaled-xl-etns6t, 24px);
+  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-ugd64r, 12px));
 }
-.awsui_help-panel_1d237_1x743_177 ol:not(#\9),
-.awsui_help-panel_1d237_1x743_177 ul:not(#\9) {
-  padding-inline-start: var(--space-l-xu1x80, 20px);
+.awsui_help-panel_1d237_1580q_177 ol:not(#\9),
+.awsui_help-panel_1d237_1580q_177 ul:not(#\9) {
+  padding-inline-start: var(--space-l-eenfqd, 20px);
   list-style-position: outside;
-  margin-block: var(--space-s-2025hl, 12px);
+  margin-block: var(--space-s-vmutj3, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1x743_177 li:not(#\9) {
-  margin-block: var(--space-scaled-xxs-t7ij38, 4px);
+.awsui_help-panel_1d237_1580q_177 li:not(#\9) {
+  margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1x743_177 a:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h2:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h3:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h4:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h5:not(#\9),
-.awsui_help-panel_1d237_1x743_177 pre:not(#\9),
-.awsui_help-panel_1d237_1x743_177 code:not(#\9) {
-  margin-block: var(--space-xs-xf5ch3, 8px);
+.awsui_help-panel_1d237_1580q_177 a:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h2:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h3:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h4:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h5:not(#\9),
+.awsui_help-panel_1d237_1580q_177 pre:not(#\9),
+.awsui_help-panel_1d237_1580q_177 code:not(#\9) {
+  margin-block: var(--space-xs-6dgkww, 8px);
   margin-inline: 0;
   padding-block: 0;
 }
-.awsui_help-panel_1d237_1x743_177 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-84obzs, #f2f3f3);
+.awsui_help-panel_1d237_1580q_177 code:not(#\9) {
+  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);
+  font-family: var(--font-family-monospace-tee0wi, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
+  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
   padding-block: 0;
-  padding-inline: var(--space-xxs-9rrxti, 4px);
+  padding-inline: var(--space-xxs-y2432o, 4px);
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_1x743_177 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-84obzs, #f2f3f3);
+.awsui_help-panel_1d237_1580q_177 pre:not(#\9) {
+  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);
+  font-family: var(--font-family-monospace-tee0wi, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
+  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
   padding-block: 0;
-  padding-inline: var(--space-xxs-9rrxti, 4px);
+  padding-inline: var(--space-xxs-y2432o, 4px);
   word-wrap: break-word;
   white-space: pre-wrap;
-  padding-block: var(--space-xxs-9rrxti, 4px);
-  padding-inline: var(--space-xxs-9rrxti, 4px);
+  padding-block: var(--space-xxs-y2432o, 4px);
+  padding-inline: var(--space-xxs-y2432o, 4px);
 }
-.awsui_help-panel_1d237_1x743_177 dl:not(#\9) {
-  margin-block: var(--space-s-2025hl, 12px);
+.awsui_help-panel_1d237_1580q_177 dl:not(#\9) {
+  margin-block: var(--space-s-vmutj3, 12px);
   margin-inline: 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_1x743_177 dl *:not(#\9) {
+.awsui_help-panel_1d237_1580q_177 dl *:not(#\9) {
   margin-block: 0;
 }
-.awsui_help-panel_1d237_1x743_177 dt:not(#\9) {
-  margin-block-start: var(--space-xs-xf5ch3, 8px);
+.awsui_help-panel_1d237_1580q_177 dt:not(#\9) {
+  margin-block-start: var(--space-xs-6dgkww, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_1x743_177 dd:not(#\9) {
+.awsui_help-panel_1d237_1580q_177 dd:not(#\9) {
   margin-block-start: 0;
-  margin-block-end: var(--space-xs-xf5ch3, 8px);
+  margin-block-end: var(--space-xs-6dgkww, 8px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1x743_177 h2:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h3:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h4:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h5:not(#\9),
-.awsui_help-panel_1d237_1x743_177 h6:not(#\9) {
-  margin-block-start: var(--space-xl-5fdwzu, 24px);
-  color: var(--color-text-heading-default-ctgb1h, #16191f);
+.awsui_help-panel_1d237_1580q_177 h2:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h3:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h4:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h5:not(#\9),
+.awsui_help-panel_1d237_1580q_177 h6:not(#\9) {
+  margin-block-start: var(--space-xl-vss8pc, 24px);
+  color: var(--color-text-heading-default-8wpkvf, #16191f);
 }
-.awsui_help-panel_1d237_1x743_177 > :not(#\9):last-child {
-  margin-block-end: var(--space-panel-content-bottom-a67jcq, 40px);
+.awsui_help-panel_1d237_1580q_177 > :not(#\9):last-child {
+  margin-block-end: var(--space-panel-content-bottom-attpcy, 40px);
 }
-.awsui_help-panel_1d237_1x743_177 p:not(#\9) {
+.awsui_help-panel_1d237_1580q_177 p:not(#\9) {
   color: inherit;
   text-decoration: none;
-  margin-block: var(--space-s-2025hl, 12px);
+  margin-block: var(--space-s-vmutj3, 12px);
   margin-inline: 0;
 }
-.awsui_help-panel_1d237_1x743_177 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);
-  font-weight: var(--font-weight-heading-xl-wjmxp3, 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_1x743_177 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);
-  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);
-}
-.awsui_help-panel_1d237_1x743_177 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);
-  font-weight: var(--font-weight-heading-m-6tlbfp, 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_1x743_177 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);
-  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-}
-.awsui_help-panel_1d237_1x743_177 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_1x743_177 b:not(#\9),
-.awsui_help-panel_1d237_1x743_177 strong:not(#\9) {
+.awsui_help-panel_1d237_1580q_177 h1:not(#\9) {
+  font-size: var(--font-size-heading-xl-93wrkf, 28px);
+  line-height: var(--line-height-heading-xl-66u22x, 36px);
+  letter-spacing: var(--letter-spacing-heading-xl-oxckqz, normal);
+  font-weight: var(--font-weight-heading-xl-79jd8z, 400);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_help-panel_1d237_1580q_177 h2:not(#\9) {
+  font-size: var(--font-size-heading-l-51gng7, 18px);
+  line-height: var(--line-height-heading-l-643aq3, 22px);
+  letter-spacing: var(--letter-spacing-heading-l-ty6arx, normal);
+  font-weight: var(--font-weight-heading-l-ypbqtk, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_help-panel_1d237_1580q_177 h3:not(#\9) {
+  font-size: var(--font-size-heading-m-abxcoe, 18px);
+  line-height: var(--line-height-heading-m-v86qsm, 22px);
+  letter-spacing: var(--letter-spacing-heading-m-790tuq, normal);
+  font-weight: var(--font-weight-heading-m-v51xls, 400);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_help-panel_1d237_1580q_177 h4:not(#\9) {
+  font-size: var(--font-size-heading-s-1xsp6b, 16px);
+  line-height: var(--line-height-heading-s-av19j1, 20px);
+  letter-spacing: var(--letter-spacing-heading-s-zr7975, normal);
+  font-weight: var(--font-weight-heading-s-zyfn4j, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_help-panel_1d237_1580q_177 h5:not(#\9) {
+  font-size: var(--font-size-heading-xs-grnyyg, 16px);
+  line-height: var(--line-height-heading-xs-funjxm, 20px);
+  font-weight: var(--font-weight-heading-xs-y5uryl, 400);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+}
+.awsui_help-panel_1d237_1580q_177 b:not(#\9),
+.awsui_help-panel_1d237_1580q_177 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_header_1d237_1x743_352: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-ctgb1h, #16191f);
-  padding-block-end: var(--space-panel-header-vertical-3c8qmg, 20px);
-  padding-inline: var(--space-panel-side-left-wmxosk, 32px) calc(var(--space-xl-5fdwzu, 24px) + var(--space-scaled-xxl-x330me, 32px));
+.awsui_header_1d237_1580q_352:not(#\9) {
+  font-size: var(--font-panel-header-size-197c0y, 18px);
+  line-height: var(--font-panel-header-line-height-av95ns, 22px);
+  font-weight: var(--font-weight-heading-l-ypbqtk, 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-heading-default-8wpkvf, #16191f);
+  padding-block-end: var(--space-panel-header-vertical-d3wku0, 20px);
+  padding-inline: var(--space-panel-side-left-1i2jyv, 32px) calc(var(--space-xl-vss8pc, 24px) + var(--space-scaled-xxl-6fqphi, 32px));
   border-block: none;
   border-inline: none;
-  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-panel-header-mxulp2, #eaeded);
+  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-panel-header-q2vg1j, #eaeded);
   margin-block-start: 0;
-  margin-block-end: var(--space-panel-content-top-adxo81, 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));
+  margin-block-end: var(--space-panel-content-top-rr28ru, 20px);
+  margin-inline-end: calc(-1 * var(--space-panel-side-right-otvpm8, 32px));
+  margin-inline-start: calc(-1 * var(--space-panel-side-left-1i2jyv, 32px));
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1d237_1x743_218 > .awsui_header_1d237_1x743_352:not(#\9) {
+.awsui_with-toolbar_1d237_1580q_218 > .awsui_header_1d237_1580q_352:not(#\9) {
   border-color: transparent;
-  padding-block-end: var(--space-static-m-qndr1s, 16px);
+  padding-block-end: var(--space-static-m-rufxr5, 16px);
   margin-block-end: 0px;
 }
-.awsui_header_1d237_1x743_352 h2:not(#\9),
-.awsui_header_1d237_1x743_352 h3:not(#\9),
-.awsui_header_1d237_1x743_352 h4:not(#\9),
-.awsui_header_1d237_1x743_352 h5:not(#\9),
-.awsui_header_1d237_1x743_352 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);
+.awsui_header_1d237_1580q_352 h2:not(#\9),
+.awsui_header_1d237_1580q_352 h3:not(#\9),
+.awsui_header_1d237_1580q_352 h4:not(#\9),
+.awsui_header_1d237_1580q_352 h5:not(#\9),
+.awsui_header_1d237_1580q_352 h6:not(#\9) {
+  font-size: var(--font-panel-header-size-197c0y, 18px);
+  line-height: var(--font-panel-header-line-height-av95ns, 22px);
+  font-weight: var(--font-weight-heading-l-ypbqtk, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
   padding-block: 0;
   margin-block: 0;
 }
-.awsui_content_1d237_1x743_390:not(#\9) {
-  color: var(--color-text-body-secondary-gy0ncu, #545b64);
+.awsui_content_1d237_1580q_390:not(#\9) {
+  color: var(--color-text-body-secondary-z2wo4i, #545b64);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_1x743_390 h2:not(#\9):first-child,
-.awsui_content_1d237_1x743_390 h3:not(#\9):first-child,
-.awsui_content_1d237_1x743_390 h4:not(#\9):first-child,
-.awsui_content_1d237_1x743_390 h5:not(#\9):first-child,
-.awsui_content_1d237_1x743_390 h6:not(#\9):first-child {
+.awsui_content_1d237_1580q_390 h2:not(#\9):first-child,
+.awsui_content_1d237_1580q_390 h3:not(#\9):first-child,
+.awsui_content_1d237_1580q_390 h4:not(#\9):first-child,
+.awsui_content_1d237_1580q_390 h5:not(#\9):first-child,
+.awsui_content_1d237_1580q_390 h6:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_content_1d237_1x743_390 a:not(#\9) {
+.awsui_content_1d237_1580q_390 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-nyypzq, #0073bb);
+  color: var(--color-text-link-default-8s05yu, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -411,54 +411,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content_1d237_1x743_390 a:not(#\9) {
+  .awsui_content_1d237_1580q_390 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content_1d237_1x743_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1x743_390 a:not(#\9) {
+.awsui-motion-disabled .awsui_content_1d237_1580q_390 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1580q_390 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_content_1d237_1x743_390 a:not(#\9):hover {
+.awsui_content_1d237_1580q_390 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_content_1d237_1x743_390 a:not(#\9):focus {
+.awsui_content_1d237_1580q_390 a:not(#\9):focus {
   outline: none;
 }
-.awsui_content_1d237_1x743_390 a:not(#\9):active {
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+.awsui_content_1d237_1580q_390 a:not(#\9):active {
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_content_1d237_1x743_390 a:not(#\9):active, .awsui_content_1d237_1x743_390 a:not(#\9):focus, .awsui_content_1d237_1x743_390 a:not(#\9):hover {
+.awsui_content_1d237_1580q_390 a:not(#\9):active, .awsui_content_1d237_1580q_390 a:not(#\9):focus, .awsui_content_1d237_1580q_390 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_footer_1d237_1x743_438:not(#\9) {
-  color: var(--color-text-body-secondary-gy0ncu, #545b64);
-  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
-  margin-block: var(--space-scaled-xl-rljqft, 24px);
-  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-2jmfkj, 12px));
+.awsui_footer_1d237_1580q_438:not(#\9) {
+  color: var(--color-text-body-secondary-z2wo4i, #545b64);
+  border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+  margin-block: var(--space-scaled-xl-etns6t, 24px);
+  margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-ugd64r, 12px));
   padding-block: 0;
-  padding-inline: var(--space-panel-divider-margin-horizontal-2jmfkj, 12px);
+  padding-inline: var(--space-panel-divider-margin-horizontal-ugd64r, 12px);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_footer_1d237_1x743_438 > :not(#\9):first-child {
-  margin-block-start: var(--space-scaled-xl-rljqft, 24px);
+.awsui_footer_1d237_1580q_438 > :not(#\9):first-child {
+  margin-block-start: var(--space-scaled-xl-etns6t, 24px);
 }
-.awsui_footer_1d237_1x743_438 ul:not(#\9) {
+.awsui_footer_1d237_1580q_438 ul:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
 }
-.awsui_footer_1d237_1x743_438 a:not(#\9) {
+.awsui_footer_1d237_1580q_438 a:not(#\9) {
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-nyypzq, #0073bb);
+  color: var(--color-text-link-default-8s05yu, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -466,47 +466,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_footer_1d237_1x743_438 a:not(#\9) {
+  .awsui_footer_1d237_1580q_438 a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_footer_1d237_1x743_438 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1x743_438 a:not(#\9) {
+.awsui-motion-disabled .awsui_footer_1d237_1580q_438 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1580q_438 a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_footer_1d237_1x743_438 a:not(#\9):hover {
+.awsui_footer_1d237_1580q_438 a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_footer_1d237_1x743_438 a:not(#\9):focus {
+.awsui_footer_1d237_1580q_438 a:not(#\9):focus {
   outline: none;
 }
-.awsui_footer_1d237_1x743_438 a:not(#\9):active {
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+.awsui_footer_1d237_1580q_438 a:not(#\9):active {
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_footer_1d237_1x743_438 a:not(#\9):active, .awsui_footer_1d237_1x743_438 a:not(#\9):focus, .awsui_footer_1d237_1x743_438 a:not(#\9):hover {
+.awsui_footer_1d237_1580q_438 a:not(#\9):active, .awsui_footer_1d237_1580q_438 a:not(#\9):focus, .awsui_footer_1d237_1580q_438 a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_content_1d237_1x743_390:not(#\9),
-.awsui_footer_1d237_1x743_438:not(#\9) {
+.awsui_content_1d237_1580q_390:not(#\9),
+.awsui_footer_1d237_1580q_438:not(#\9) {
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_content_1d237_1x743_390 a:not(#\9):focus,
-.awsui_footer_1d237_1x743_438 a:not(#\9):focus {
+.awsui_content_1d237_1580q_390 a:not(#\9):focus,
+.awsui_footer_1d237_1580q_438 a: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);
 }

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_1x743_177",
-  "with-toolbar": "awsui_with-toolbar_1d237_1x743_218",
-  "header": "awsui_header_1d237_1x743_352",
-  "content": "awsui_content_1d237_1x743_390",
-  "footer": "awsui_footer_1d237_1x743_438"
+  "help-panel": "awsui_help-panel_1d237_1580q_177",
+  "with-toolbar": "awsui_with-toolbar_1d237_1580q_218",
+  "header": "awsui_header_1d237_1580q_352",
+  "content": "awsui_content_1d237_1580q_390",
+  "footer": "awsui_footer_1d237_1580q_438"
 };

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

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_cqcqk_1l87w_177",
-  "wrapper": "awsui_wrapper_cqcqk_1l87w_181",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_1l87w_185",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_1l87w_189",
-  "placement-right": "awsui_placement-right_cqcqk_1l87w_194",
-  "placement-left": "awsui_placement-left_cqcqk_1l87w_199",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1l87w_204"
+  "root": "awsui_root_cqcqk_ocdjq_177",
+  "wrapper": "awsui_wrapper_cqcqk_ocdjq_181",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_ocdjq_185",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_ocdjq_189",
+  "placement-right": "awsui_placement-right_cqcqk_ocdjq_194",
+  "placement-left": "awsui_placement-left_cqcqk_ocdjq_199",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_ocdjq_204"
 };

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

@@ -174,33 +174,33 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_cqcqk_1l87w_177:not(#\9) {
+.awsui_root_cqcqk_ocdjq_177:not(#\9) {
   /* used in test-utils */
 }
-.awsui_wrapper_cqcqk_1l87w_181:not(#\9) {
+.awsui_wrapper_cqcqk_ocdjq_181:not(#\9) {
   position: relative;
 }
-.awsui_elementWrapper_cqcqk_1l87w_185:not(#\9) {
+.awsui_elementWrapper_cqcqk_ocdjq_185:not(#\9) {
   flex: 1;
 }
-.awsui_markerWrapper_cqcqk_1l87w_189:not(#\9) {
+.awsui_markerWrapper_cqcqk_ocdjq_189:not(#\9) {
   position: absolute;
   inset-block-start: 0;
 }
-.awsui_placement-right_cqcqk_1l87w_194:not(#\9) {
+.awsui_placement-right_cqcqk_ocdjq_194:not(#\9) {
   inset-inline-start: 100%;
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+  margin-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_placement-left_cqcqk_1l87w_199:not(#\9) {
+.awsui_placement-left_cqcqk_ocdjq_199:not(#\9) {
   inset-inline-end: 100%;
-  margin-inline-end: var(--space-xxs-9rrxti, 4px);
+  margin-inline-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_inlineWrapper_cqcqk_1l87w_204:not(#\9) {
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+.awsui_inlineWrapper_cqcqk_ocdjq_204:not(#\9) {
+  margin-inline-start: var(--space-xxs-y2432o, 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_1l87w_177",
-  "wrapper": "awsui_wrapper_cqcqk_1l87w_181",
-  "elementWrapper": "awsui_elementWrapper_cqcqk_1l87w_185",
-  "markerWrapper": "awsui_markerWrapper_cqcqk_1l87w_189",
-  "placement-right": "awsui_placement-right_cqcqk_1l87w_194",
-  "placement-left": "awsui_placement-left_cqcqk_1l87w_199",
-  "inlineWrapper": "awsui_inlineWrapper_cqcqk_1l87w_204"
+  "root": "awsui_root_cqcqk_ocdjq_177",
+  "wrapper": "awsui_wrapper_cqcqk_ocdjq_181",
+  "elementWrapper": "awsui_elementWrapper_cqcqk_ocdjq_185",
+  "markerWrapper": "awsui_markerWrapper_cqcqk_ocdjq_189",
+  "placement-right": "awsui_placement-right_cqcqk_ocdjq_194",
+  "placement-left": "awsui_placement-left_cqcqk_ocdjq_199",
+  "inlineWrapper": "awsui_inlineWrapper_cqcqk_ocdjq_204"
 };