npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.180 → 3.0.182 - Mend

@cloudscape-design/components-themeable 3.0.180 → 3.0.182

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "d52870f63298be6673e76fac5fe05996bf112d7b"
+  "commit": "88f1cca99dd1b3f654d949236c3853bf9e4fbc83"
 }

package/lib/internal/scss/input/styles.scss CHANGED Viewed

@@ -119,27 +119,19 @@
   position: relative;
 }
-.input-icon {
-  position: absolute;
-  &:not(.input-icon-hoverable) {
-    pointer-events: none;
-  }
-}
 .input-icon-left {
+  position: absolute;
+  pointer-events: none;
   left: styles.$control-icon-horizontal-offset;
   top: styles.$control-icon-vertical-offset;
 }
 .input-icon-right {
-  right: styles.$control-icon-horizontal-offset;
+  position: absolute;
   top: styles.$control-icon-vertical-offset;
-  color: awsui.$color-text-button-inline-icon-default;
+  right: calc(#{styles.$control-icon-horizontal-offset} - #{awsui.$space-xxs});
 }
-.input-icon-hoverable {
-  cursor: pointer;
-  &:hover {
-    color: awsui.$color-text-button-inline-icon-hover;
-  }
+.input-button-right {
+  /* used in test-utils */
 }

package/lib/internal/scss/internal/styles/typography/mixins.scss CHANGED Viewed

@@ -17,6 +17,8 @@
   color: awsui.$color-text-body-default;
   font-weight: constants.$font-weight-normal;
   font-family: constants.$font-family-base;
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
 @mixin font-body-s {

package/lib/internal/scss/link/styles.scss CHANGED Viewed

@@ -32,6 +32,10 @@ $font-sizes: (
       @if $variant == 'info' {
         @include styles.font-smoothing;
       }
+      @if $variant == 'secondary' {
+        -webkit-font-smoothing: inherit;
+        -moz-osx-font-smoothing: inherit;
+      }
       @include styles.link-style(map.get(constants.$link-variants, $variant));
     }
   }

package/lib/internal/scss/side-navigation/styles.scss CHANGED Viewed

@@ -13,6 +13,7 @@
 }
 .header {
+  margin: 0;
   padding: awsui.$space-scaled-l awsui.$space-panel-nav-left;
   // Additional xl space to prevent text from overlapping the close button.
   padding-right: calc(#{awsui.$space-scaled-xxl} + #{awsui.$space-xl});
@@ -95,6 +96,8 @@
   @include styles.font-body-m;
   color: awsui.$color-text-body-secondary;
   font-weight: styles.$font-weight-normal;
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
 }
 .link-active {

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

@@ -1,24 +1,24 @@
     import './styles.scoped.css';
     export default {
-  "alert": "awsui_alert_mx3cw_yyus1_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_yyus1_1",
-  "root": "awsui_root_mx3cw_yyus1_119",
-  "hidden": "awsui_hidden_mx3cw_yyus1_133",
-  "body": "awsui_body_mx3cw_yyus1_156",
-  "header": "awsui_header_mx3cw_yyus1_162",
-  "action": "awsui_action_mx3cw_yyus1_166",
-  "action-button": "awsui_action-button_mx3cw_yyus1_171",
-  "text": "awsui_text_mx3cw_yyus1_175",
-  "icon": "awsui_icon_mx3cw_yyus1_179",
-  "message": "awsui_message_mx3cw_yyus1_182",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_yyus1_190",
-  "content": "awsui_content_mx3cw_yyus1_204",
-  "dismiss": "awsui_dismiss_mx3cw_yyus1_208",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_yyus1_214",
-  "type-error": "awsui_type-error_mx3cw_yyus1_222",
-  "type-warning": "awsui_type-warning_mx3cw_yyus1_230",
-  "type-success": "awsui_type-success_mx3cw_yyus1_238",
-  "type-info": "awsui_type-info_mx3cw_yyus1_246"
+  "alert": "awsui_alert_mx3cw_1tvf1_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1tvf1_1",
+  "root": "awsui_root_mx3cw_1tvf1_119",
+  "hidden": "awsui_hidden_mx3cw_1tvf1_135",
+  "body": "awsui_body_mx3cw_1tvf1_160",
+  "header": "awsui_header_mx3cw_1tvf1_166",
+  "action": "awsui_action_mx3cw_1tvf1_170",
+  "action-button": "awsui_action-button_mx3cw_1tvf1_175",
+  "text": "awsui_text_mx3cw_1tvf1_179",
+  "icon": "awsui_icon_mx3cw_1tvf1_183",
+  "message": "awsui_message_mx3cw_1tvf1_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1tvf1_194",
+  "content": "awsui_content_mx3cw_1tvf1_208",
+  "dismiss": "awsui_dismiss_mx3cw_1tvf1_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1tvf1_218",
+  "type-error": "awsui_type-error_mx3cw_1tvf1_226",
+  "type-warning": "awsui_type-warning_mx3cw_1tvf1_234",
+  "type-success": "awsui_type-success_mx3cw_1tvf1_242",
+  "type-info": "awsui_type-info_mx3cw_1tvf1_250"
 };

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_yyus1_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_mx3cw_yyus1_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
+.awsui_alert_mx3cw_1tvf1_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_mx3cw_1tvf1_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_mx3cw_yyus1_1 {
+@keyframes awsui_awsui-motion-fade-in_mx3cw_1tvf1_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_yyus1_93:not(#\9) {
+  .awsui_alert_mx3cw_1tvf1_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_alert_mx3cw_yyus1_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_yyus1_93:not(#\9) {
+.awsui-motion-disabled .awsui_alert_mx3cw_1tvf1_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1tvf1_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_yyus1_119:not(#\9) {
+.awsui_root_mx3cw_1tvf1_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -151,16 +151,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
   display: block;
 }
-.awsui_root_mx3cw_yyus1_119.awsui_hidden_mx3cw_yyus1_133:not(#\9) {
+.awsui_root_mx3cw_1tvf1_119.awsui_hidden_mx3cw_1tvf1_135:not(#\9) {
   display: none;
 }
-.awsui_alert_mx3cw_yyus1_93:not(#\9) {
+.awsui_alert_mx3cw_1tvf1_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -195,6 +197,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   position: relative;
   display: flex;
   justify-content: flex-start;
@@ -205,100 +209,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_body_mx3cw_yyus1_156:not(#\9) {
+.awsui_body_mx3cw_1tvf1_160:not(#\9) {
   display: flex;
   flex: 1 1 0%;
   min-width: 0;
 }
-.awsui_header_mx3cw_yyus1_162:not(#\9) {
+.awsui_header_mx3cw_1tvf1_166:not(#\9) {
   font-weight: 700;
 }
-.awsui_action_mx3cw_yyus1_166:not(#\9) {
+.awsui_action_mx3cw_1tvf1_170:not(#\9) {
   white-space: nowrap;
   margin-left: var(--space-s-hv8c1d, 12px);
 }
-.awsui_action-button_mx3cw_yyus1_171:not(#\9) {
+.awsui_action-button_mx3cw_1tvf1_175:not(#\9) {
   /* used in test-utils */
 }
-.awsui_text_mx3cw_yyus1_175:not(#\9) {
+.awsui_text_mx3cw_1tvf1_179:not(#\9) {
   padding: var(--border-field-width-y6x4sn, 1px) 0;
   margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
 }
-.awsui_text_mx3cw_yyus1_175.awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_text_mx3cw_1tvf1_179.awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   margin-left: 0;
 }
-.awsui_text_mx3cw_yyus1_175.awsui_message_mx3cw_yyus1_182:not(#\9) {
+.awsui_text_mx3cw_1tvf1_179.awsui_message_mx3cw_1tvf1_186:not(#\9) {
   margin-right: var(--space-alert-message-right-tj2fce, 0px);
 }
-.awsui_text_mx3cw_yyus1_175.awsui_message_mx3cw_yyus1_182 + .awsui_action_mx3cw_yyus1_166:not(#\9) {
+.awsui_text_mx3cw_1tvf1_179.awsui_message_mx3cw_1tvf1_186 + .awsui_action_mx3cw_1tvf1_170:not(#\9) {
   margin-left: var(--space-alert-action-left-ovi85g, 20px);
 }
 /* stylelint-disable selector-max-type */
-.awsui_root_mx3cw_yyus1_119.awsui_breakpoint-default_mx3cw_yyus1_190 > div > .awsui_alert_mx3cw_yyus1_93 > .awsui_body_mx3cw_yyus1_156:not(#\9) {
+.awsui_root_mx3cw_1tvf1_119.awsui_breakpoint-default_mx3cw_1tvf1_194 > div > .awsui_alert_mx3cw_1tvf1_93 > .awsui_body_mx3cw_1tvf1_160:not(#\9) {
   display: block;
 }
-.awsui_root_mx3cw_yyus1_119.awsui_breakpoint-default_mx3cw_yyus1_190 > div > .awsui_alert_mx3cw_yyus1_93 > .awsui_body_mx3cw_yyus1_156 > .awsui_action_mx3cw_yyus1_166:not(#\9) {
+.awsui_root_mx3cw_1tvf1_119.awsui_breakpoint-default_mx3cw_1tvf1_194 > div > .awsui_alert_mx3cw_1tvf1_93 > .awsui_body_mx3cw_1tvf1_160 > .awsui_action_mx3cw_1tvf1_170:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
   margin-bottom: var(--space-xxs-ynfts5, 4px);
 }
 /* stylelint-enable selector-max-type */
-.awsui_message_mx3cw_yyus1_182:not(#\9) {
+.awsui_message_mx3cw_1tvf1_186:not(#\9) {
   flex: 1 1 0%;
   min-width: 0;
 }
-.awsui_content_mx3cw_yyus1_204:not(#\9) {
+.awsui_content_mx3cw_1tvf1_208:not(#\9) {
   /* used in test-utils */
 }
-.awsui_dismiss_mx3cw_yyus1_208:not(#\9) {
+.awsui_dismiss_mx3cw_1tvf1_212:not(#\9) {
   flex: 0 0 auto;
   margin-right: calc(-1 * var(--space-xxs-ynfts5, 4px));
   margin-left: var(--space-s-hv8c1d, 12px);
 }
-.awsui_dismiss-button_mx3cw_yyus1_214:not(#\9) {
+.awsui_dismiss-button_mx3cw_1tvf1_218:not(#\9) {
   /* used in test-utils */
 }
-.awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   flex: 0 0 auto;
 }
-.awsui_type-error_mx3cw_yyus1_222:not(#\9) {
+.awsui_type-error_mx3cw_1tvf1_226:not(#\9) {
   border-color: var(--color-border-status-error-fybu9w, #d13212);
   background-color: var(--color-background-status-error-h1a0iq, #fdf3f1);
 }
-.awsui_type-error_mx3cw_yyus1_222 > .awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_type-error_mx3cw_1tvf1_226 > .awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   color: var(--color-text-status-error-jer77f, #d13212);
 }
-.awsui_type-warning_mx3cw_yyus1_230:not(#\9) {
+.awsui_type-warning_mx3cw_1tvf1_234:not(#\9) {
   border-color: var(--color-border-status-warning-2otrg9, #aab7b8);
   background-color: var(--color-background-status-warning-1213z1, #ffffff);
 }
-.awsui_type-warning_mx3cw_yyus1_230 > .awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_type-warning_mx3cw_1tvf1_234 > .awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   color: var(--color-text-status-warning-94ezyx, #d13212);
 }
-.awsui_type-success_mx3cw_yyus1_238:not(#\9) {
+.awsui_type-success_mx3cw_1tvf1_242:not(#\9) {
   border-color: var(--color-border-status-success-lb896w, #1d8102);
   background-color: var(--color-background-status-success-cvmksn, #f2f8f0);
 }
-.awsui_type-success_mx3cw_yyus1_238 > .awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_type-success_mx3cw_1tvf1_242 > .awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   color: var(--color-text-status-success-hb5hdl, #1d8102);
 }
-.awsui_type-info_mx3cw_yyus1_246:not(#\9) {
+.awsui_type-info_mx3cw_1tvf1_250:not(#\9) {
   border-color: var(--color-border-status-info-0iedcr, #0073bb);
   background-color: var(--color-background-status-info-yq3r41, #f1faff);
 }
-.awsui_type-info_mx3cw_yyus1_246 > .awsui_icon_mx3cw_yyus1_179:not(#\9) {
+.awsui_type-info_mx3cw_1tvf1_250 > .awsui_icon_mx3cw_1tvf1_183:not(#\9) {
   color: var(--color-text-status-info-09r23g, #0073bb);
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "alert": "awsui_alert_mx3cw_yyus1_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_yyus1_1",
-  "root": "awsui_root_mx3cw_yyus1_119",
-  "hidden": "awsui_hidden_mx3cw_yyus1_133",
-  "body": "awsui_body_mx3cw_yyus1_156",
-  "header": "awsui_header_mx3cw_yyus1_162",
-  "action": "awsui_action_mx3cw_yyus1_166",
-  "action-button": "awsui_action-button_mx3cw_yyus1_171",
-  "text": "awsui_text_mx3cw_yyus1_175",
-  "icon": "awsui_icon_mx3cw_yyus1_179",
-  "message": "awsui_message_mx3cw_yyus1_182",
-  "breakpoint-default": "awsui_breakpoint-default_mx3cw_yyus1_190",
-  "content": "awsui_content_mx3cw_yyus1_204",
-  "dismiss": "awsui_dismiss_mx3cw_yyus1_208",
-  "dismiss-button": "awsui_dismiss-button_mx3cw_yyus1_214",
-  "type-error": "awsui_type-error_mx3cw_yyus1_222",
-  "type-warning": "awsui_type-warning_mx3cw_yyus1_230",
-  "type-success": "awsui_type-success_mx3cw_yyus1_238",
-  "type-info": "awsui_type-info_mx3cw_yyus1_246"
+  "alert": "awsui_alert_mx3cw_1tvf1_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1tvf1_1",
+  "root": "awsui_root_mx3cw_1tvf1_119",
+  "hidden": "awsui_hidden_mx3cw_1tvf1_135",
+  "body": "awsui_body_mx3cw_1tvf1_160",
+  "header": "awsui_header_mx3cw_1tvf1_166",
+  "action": "awsui_action_mx3cw_1tvf1_170",
+  "action-button": "awsui_action-button_mx3cw_1tvf1_175",
+  "text": "awsui_text_mx3cw_1tvf1_179",
+  "icon": "awsui_icon_mx3cw_1tvf1_183",
+  "message": "awsui_message_mx3cw_1tvf1_186",
+  "breakpoint-default": "awsui_breakpoint-default_mx3cw_1tvf1_194",
+  "content": "awsui_content_mx3cw_1tvf1_208",
+  "dismiss": "awsui_dismiss_mx3cw_1tvf1_212",
+  "dismiss-button": "awsui_dismiss-button_mx3cw_1tvf1_218",
+  "type-error": "awsui_type-error_mx3cw_1tvf1_226",
+  "type-warning": "awsui_type-warning_mx3cw_1tvf1_234",
+  "type-success": "awsui_type-success_mx3cw_1tvf1_242",
+  "type-info": "awsui_type-info_mx3cw_1tvf1_250"
 };

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_1s9s9_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1s9s9_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1s9s9_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1s9s9_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1s9s9_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1s9s9_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1s9s9_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1s9s9_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1s9s9_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1s9s9_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1s9s9_137",
-  "annotation": "awsui_annotation_1hpp3_1s9s9_145",
-  "next-button": "awsui_next-button_1hpp3_1s9s9_146",
-  "previous-button": "awsui_previous-button_1hpp3_1s9s9_147",
-  "finish-button": "awsui_finish-button_1hpp3_1s9s9_148",
-  "header": "awsui_header_1hpp3_1s9s9_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1s9s9_150",
-  "content": "awsui_content_1hpp3_1s9s9_151",
-  "description": "awsui_description_1hpp3_1s9s9_155",
-  "actionBar": "awsui_actionBar_1hpp3_1s9s9_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1s9s9_167",
-  "divider": "awsui_divider_1hpp3_1s9s9_171",
-  "hotspot": "awsui_hotspot_1hpp3_1s9s9_175",
-  "icon": "awsui_icon_1hpp3_1s9s9_213"
+  "arrow": "awsui_arrow_1hpp3_ilqxm_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ilqxm_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ilqxm_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ilqxm_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ilqxm_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ilqxm_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ilqxm_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ilqxm_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ilqxm_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ilqxm_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ilqxm_137",
+  "annotation": "awsui_annotation_1hpp3_ilqxm_145",
+  "next-button": "awsui_next-button_1hpp3_ilqxm_146",
+  "previous-button": "awsui_previous-button_1hpp3_ilqxm_147",
+  "finish-button": "awsui_finish-button_1hpp3_ilqxm_148",
+  "header": "awsui_header_1hpp3_ilqxm_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ilqxm_150",
+  "content": "awsui_content_1hpp3_ilqxm_151",
+  "description": "awsui_description_1hpp3_ilqxm_155",
+  "actionBar": "awsui_actionBar_1hpp3_ilqxm_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_ilqxm_167",
+  "divider": "awsui_divider_1hpp3_ilqxm_171",
+  "hotspot": "awsui_hotspot_1hpp3_ilqxm_175",
+  "icon": "awsui_icon_1hpp3_ilqxm_215"
 };

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_1s9s9_93:not(#\9) {
+.awsui_arrow_1hpp3_ilqxm_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9), .awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9), .awsui_arrow-inner_1hpp3_ilqxm_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_1s9s9_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_ilqxm_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_1s9s9_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after {
   background-color: var(--color-border-status-info-0iedcr, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_ilqxm_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_ilqxm_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-yq3r41, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1s9s9_128 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1s9s9_128 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_ilqxm_128 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_ilqxm_128 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1s9s9_131 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1s9s9_131 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_ilqxm_131 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_ilqxm_131 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1s9s9_134 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1s9s9_134 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_ilqxm_134 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_ilqxm_134 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1s9s9_137 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1s9s9_137 > .awsui_arrow-outer_1hpp3_1s9s9_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_ilqxm_137 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_ilqxm_137 > .awsui_arrow-outer_1hpp3_ilqxm_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, 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_1s9s9_145:not(#\9),
-.awsui_next-button_1hpp3_1s9s9_146:not(#\9),
-.awsui_previous-button_1hpp3_1s9s9_147:not(#\9),
-.awsui_finish-button_1hpp3_1s9s9_148:not(#\9),
-.awsui_header_1hpp3_1s9s9_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1s9s9_150:not(#\9),
-.awsui_content_1hpp3_1s9s9_151:not(#\9) {
+.awsui_annotation_1hpp3_ilqxm_145:not(#\9),
+.awsui_next-button_1hpp3_ilqxm_146:not(#\9),
+.awsui_previous-button_1hpp3_ilqxm_147:not(#\9),
+.awsui_finish-button_1hpp3_ilqxm_148:not(#\9),
+.awsui_header_1hpp3_ilqxm_149:not(#\9),
+.awsui_step-counter-content_1hpp3_ilqxm_150:not(#\9),
+.awsui_content_1hpp3_ilqxm_151:not(#\9) {
   /* used in test-utils */
 }
-.awsui_description_1hpp3_1s9s9_155:not(#\9) {
+.awsui_description_1hpp3_ilqxm_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_actionBar_1hpp3_1s9s9_160:not(#\9) {
+.awsui_actionBar_1hpp3_ilqxm_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_stepCounter_1hpp3_1s9s9_167:not(#\9) {
+.awsui_stepCounter_1hpp3_ilqxm_167:not(#\9) {
   margin-right: 20px;
 }
-.awsui_divider_1hpp3_1s9s9_171:not(#\9) {
+.awsui_divider_1hpp3_ilqxm_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_hotspot_1hpp3_1s9s9_175:not(#\9) {
+.awsui_hotspot_1hpp3_ilqxm_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -207,6 +207,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   background: transparent;
   border: none;
   padding: 0;
@@ -215,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_ilqxm_175:not(#\9):focus {
   outline: none;
 }
-.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_ilqxm_175[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_hotspot_1hpp3_ilqxm_175[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_hotspot_1hpp3_1s9s9_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_hotspot_1hpp3_ilqxm_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -236,13 +238,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-circular-focus-ring-l88ib6, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_hotspot_1hpp3_1s9s9_175 > .awsui_icon_1hpp3_1s9s9_213:not(#\9) {
+.awsui_hotspot_1hpp3_ilqxm_175 > .awsui_icon_1hpp3_ilqxm_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }
-.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):hover > .awsui_icon_1hpp3_1s9s9_213 {
+.awsui_hotspot_1hpp3_ilqxm_175:not(#\9):hover > .awsui_icon_1hpp3_ilqxm_215 {
   stroke: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_hotspot_1hpp3_1s9s9_175:not(#\9):active > .awsui_icon_1hpp3_1s9s9_213 {
+.awsui_hotspot_1hpp3_ilqxm_175:not(#\9):active > .awsui_icon_1hpp3_ilqxm_215 {
   stroke: var(--color-text-link-default-753y4e, #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_1s9s9_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1s9s9_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1s9s9_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1s9s9_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1s9s9_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1s9s9_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1s9s9_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1s9s9_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1s9s9_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1s9s9_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1s9s9_137",
-  "annotation": "awsui_annotation_1hpp3_1s9s9_145",
-  "next-button": "awsui_next-button_1hpp3_1s9s9_146",
-  "previous-button": "awsui_previous-button_1hpp3_1s9s9_147",
-  "finish-button": "awsui_finish-button_1hpp3_1s9s9_148",
-  "header": "awsui_header_1hpp3_1s9s9_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1s9s9_150",
-  "content": "awsui_content_1hpp3_1s9s9_151",
-  "description": "awsui_description_1hpp3_1s9s9_155",
-  "actionBar": "awsui_actionBar_1hpp3_1s9s9_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1s9s9_167",
-  "divider": "awsui_divider_1hpp3_1s9s9_171",
-  "hotspot": "awsui_hotspot_1hpp3_1s9s9_175",
-  "icon": "awsui_icon_1hpp3_1s9s9_213"
+  "arrow": "awsui_arrow_1hpp3_ilqxm_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ilqxm_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ilqxm_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ilqxm_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ilqxm_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ilqxm_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ilqxm_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ilqxm_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ilqxm_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ilqxm_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ilqxm_137",
+  "annotation": "awsui_annotation_1hpp3_ilqxm_145",
+  "next-button": "awsui_next-button_1hpp3_ilqxm_146",
+  "previous-button": "awsui_previous-button_1hpp3_ilqxm_147",
+  "finish-button": "awsui_finish-button_1hpp3_ilqxm_148",
+  "header": "awsui_header_1hpp3_ilqxm_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ilqxm_150",
+  "content": "awsui_content_1hpp3_ilqxm_151",
+  "description": "awsui_description_1hpp3_ilqxm_155",
+  "actionBar": "awsui_actionBar_1hpp3_ilqxm_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_ilqxm_167",
+  "divider": "awsui_divider_1hpp3_ilqxm_171",
+  "hotspot": "awsui_hotspot_1hpp3_ilqxm_175",
+  "icon": "awsui_icon_1hpp3_ilqxm_215"
 };