npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1343 → 3.0.1345 - Mend

@cloudscape-design/components-themeable 3.0.1343 → 3.0.1345

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

package/lib/internal/template/attribute-editor/styles.scoped.css CHANGED Viewed

@@ -150,10 +150,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_empty-appear_n4qlp_1t439_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_1t439_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_1klqs_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_1klqs_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_1t439_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_1klqs_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_1t439_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_1klqs_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_1t439_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1t439_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_1klqs_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1klqs_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_n4qlp_1t439_175:not(#\9) {
+.awsui_root_n4qlp_1klqs_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -197,7 +197,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -207,36 +207,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-grid-gutter-nm7ylt, 20px);
   align-items: start;
 }
-.awsui-one-theme .awsui_root_n4qlp_1t439_175:not(#\9) {
+.awsui-one-theme .awsui_root_n4qlp_1klqs_175:not(#\9) {
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_empty_n4qlp_1t439_153:not(#\9) {
+.awsui_empty_n4qlp_1klqs_153:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-empty-vtt4l2, #687078);
+  color: var(--color-text-empty-2xc6c2, #687078);
   grid-column: 1/-1;
 }
-.awsui_row_n4qlp_1t439_221:not(#\9) {
+.awsui_row_n4qlp_1klqs_221:not(#\9) {
   display: contents;
 }
-.awsui_divider_n4qlp_1t439_225:not(#\9) {
+.awsui_divider_n4qlp_1klqs_225:not(#\9) {
   grid-column: 1/-1;
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
 }
-.awsui_row-control_n4qlp_1t439_230:not(#\9) {
+.awsui_row-control_n4qlp_1klqs_230:not(#\9) {
   /* used in test-utils */
 }
-.awsui_field_n4qlp_1t439_234:not(#\9) {
+.awsui_field_n4qlp_1klqs_234:not(#\9) {
   min-inline-size: 40px;
 }
-.awsui_additional-info_n4qlp_1t439_238:not(#\9) {
-  color: var(--color-text-form-secondary-4sp9un, #687078);
+.awsui_additional-info_n4qlp_1klqs_238:not(#\9) {
+  color: var(--color-text-form-secondary-kmscic, #687078);
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -245,11 +245,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-jnczic, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_1t439_238 > a:not(#\9) {
+.awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-9cv1el, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,50 +260,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_1t439_238 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_1t439_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1t439_238 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
 }
-.awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
 }
-.awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1t439_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1klqs_238 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_add-row_n4qlp_1t439_285:not(#\9) {
+.awsui_add-row_n4qlp_1klqs_285:not(#\9) {
   grid-column: 1/-1;
 }
-.awsui_add-button_n4qlp_1t439_289:not(#\9) {
+.awsui_add-button_n4qlp_1klqs_289:not(#\9) {
   /* used in test-utils */
 }
-.awsui_remove-button-container_n4qlp_1t439_293:not(#\9) {
+.awsui_remove-button-container_n4qlp_1klqs_293:not(#\9) {
   display: inline-block;
 }
-.awsui_remove-button-field-padding_n4qlp_1t439_297:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_1klqs_297:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-5xw6xo, 22px));
 }
-.awsui_remove-button-own-row_n4qlp_1t439_301:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_1klqs_301:not(#\9) {
   justify-self: end;
 }
-.awsui_remove-button_n4qlp_1t439_293:not(#\9) {
+.awsui_remove-button_n4qlp_1klqs_293:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/attribute-editor/styles.selectors.js CHANGED Viewed

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_1t439_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1t439_1",
-  "root": "awsui_root_n4qlp_1t439_175",
-  "empty": "awsui_empty_n4qlp_1t439_153",
-  "row": "awsui_row_n4qlp_1t439_221",
-  "divider": "awsui_divider_n4qlp_1t439_225",
-  "row-control": "awsui_row-control_n4qlp_1t439_230",
-  "field": "awsui_field_n4qlp_1t439_234",
-  "additional-info": "awsui_additional-info_n4qlp_1t439_238",
-  "add-row": "awsui_add-row_n4qlp_1t439_285",
-  "add-button": "awsui_add-button_n4qlp_1t439_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1t439_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1t439_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1t439_301",
-  "remove-button": "awsui_remove-button_n4qlp_1t439_293"
+  "empty-appear": "awsui_empty-appear_n4qlp_1klqs_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1klqs_1",
+  "root": "awsui_root_n4qlp_1klqs_175",
+  "empty": "awsui_empty_n4qlp_1klqs_153",
+  "row": "awsui_row_n4qlp_1klqs_221",
+  "divider": "awsui_divider_n4qlp_1klqs_225",
+  "row-control": "awsui_row-control_n4qlp_1klqs_230",
+  "field": "awsui_field_n4qlp_1klqs_234",
+  "additional-info": "awsui_additional-info_n4qlp_1klqs_238",
+  "add-row": "awsui_add-row_n4qlp_1klqs_285",
+  "add-button": "awsui_add-button_n4qlp_1klqs_289",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1klqs_293",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1klqs_297",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1klqs_301",
+  "remove-button": "awsui_remove-button_n4qlp_1klqs_293"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_uzn3o_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_uzn3o_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_uzn3o_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_uzn3o_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_uzn3o_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_uzn3o_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_uzn3o_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_uzn3o_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_uzn3o_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_uzn3o_231"
+  "badge": "awsui_badge_1yjyg_kna7r_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_kna7r_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_kna7r_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_kna7r_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_kna7r_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_kna7r_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_kna7r_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_kna7r_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_kna7r_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_kna7r_231"
 };

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

@@ -142,7 +142,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_badge_1yjyg_uzn3o_145:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,7 +167,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -186,49 +186,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-width: var(--border-width-badge-p88itr, 0px);
   padding-block: 0;
   padding-inline: var(--space-xs-kw7k3v, 8px);
-  color: var(--color-text-notification-default-fmebm4, #fafafa);
+  color: var(--color-text-notification-default-jnffgm, #fafafa);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-grey_1yjyg_uzn3o_191:not(#\9) {
-  background-color: var(--color-background-badge-grey-0gre59, #545b64);
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-grey_1yjyg_kna7r_191:not(#\9) {
+  background-color: var(--color-background-badge-grey-2cdl45, #545b64);
   border-color: var(--color-border-badge-grey-7x1xit, transparent);
-  color: var(--color-text-badge-grey-5hljh0, #fafafa);
+  color: var(--color-text-badge-grey-v539h6, #fafafa);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-green_1yjyg_uzn3o_196:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-green_1yjyg_kna7r_196:not(#\9) {
   background-color: var(--color-background-badge-green-aahq3n, #1d8102);
   border-color: var(--color-border-badge-green-t7n2iz, transparent);
-  color: var(--color-text-badge-green-i688l8, #fafafa);
+  color: var(--color-text-badge-green-qbm4gd, #fafafa);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-blue_1yjyg_uzn3o_201:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-blue_1yjyg_kna7r_201:not(#\9) {
   background-color: var(--color-background-badge-blue-89he01, #0073bb);
   border-color: var(--color-border-badge-blue-p28tag, transparent);
-  color: var(--color-text-badge-blue-pfnjhv, #fafafa);
+  color: var(--color-text-badge-blue-zmt10r, #fafafa);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-red_1yjyg_uzn3o_206:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-red_1yjyg_kna7r_206:not(#\9) {
   background-color: var(--color-background-badge-red-lfiebe, #d13212);
   border-color: var(--color-border-badge-red-w6mok2, transparent);
-  color: var(--color-text-badge-red-e7xtdk, #fafafa);
+  color: var(--color-text-badge-red-kira5p, #fafafa);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-severity-critical_1yjyg_uzn3o_211:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-severity-critical_1yjyg_kna7r_211:not(#\9) {
   background-color: var(--color-background-notification-severity-critical-gsxtat, #870303);
   color: var(--color-text-badge-severity-critical-9m2t9l, #fafafa);
   border-color: var(--color-border-badge-severity-critical-afw1t4, transparent);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-severity-high_1yjyg_uzn3o_216:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-severity-high_1yjyg_kna7r_216:not(#\9) {
   background-color: var(--color-background-notification-severity-high-hz1dy0, #ce3311);
   color: var(--color-text-badge-severity-high-yhnb3j, #fafafa);
   border-color: var(--color-border-badge-severity-high-xpyb3z, transparent);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-severity-medium_1yjyg_uzn3o_221:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-severity-medium_1yjyg_kna7r_221:not(#\9) {
   background-color: var(--color-background-notification-severity-medium-f2pwwo, #f89256);
   color: var(--color-text-badge-severity-medium-seazfm, #000000);
   border-color: var(--color-border-badge-severity-medium-lglq87, transparent);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-severity-low_1yjyg_uzn3o_226:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-severity-low_1yjyg_kna7r_226:not(#\9) {
   background-color: var(--color-background-notification-severity-low-11rcv3, #f2cd54);
   color: var(--color-text-badge-severity-low-ixtax4, #16191f);
   border-color: var(--color-border-badge-severity-low-w6znea, transparent);
 }
-.awsui_badge_1yjyg_uzn3o_145.awsui_badge-color-severity-neutral_1yjyg_uzn3o_231:not(#\9) {
+.awsui_badge_1yjyg_kna7r_145.awsui_badge-color-severity-neutral_1yjyg_kna7r_231:not(#\9) {
   background-color: var(--color-background-notification-severity-neutral-1tqomh, #687078);
   color: var(--color-text-badge-severity-neutral-vfdy0w, #fafafa);
   border-color: var(--color-border-badge-severity-neutral-kdj4l5, transparent);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_uzn3o_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_uzn3o_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_uzn3o_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_uzn3o_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_uzn3o_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_uzn3o_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_uzn3o_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_uzn3o_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_uzn3o_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_uzn3o_231"
+  "badge": "awsui_badge_1yjyg_kna7r_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_kna7r_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_kna7r_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_kna7r_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_kna7r_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_kna7r_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_kna7r_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_kna7r_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_kna7r_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_kna7r_231"
 };