npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.770 → 3.0.771 - Mend

@cloudscape-design/components-themeable 3.0.770 → 3.0.771

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

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

@@ -136,7 +136,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -146,10 +146,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_ndady_149:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_ndady_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
+.awsui_empty-appear_n4qlp_19r8m_149:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_19r8m_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_ndady_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_19r8m_1 {
   from {
     opacity: 0.2;
   }
@@ -158,17 +158,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_ndady_149:not(#\9) {
+  .awsui_empty-appear_n4qlp_19r8m_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_ndady_149:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_ndady_149:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_19r8m_149:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_19r8m_149:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_n4qlp_ndady_171:not(#\9) {
+.awsui_root_n4qlp_19r8m_171:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -205,45 +205,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_empty_n4qlp_ndady_149:not(#\9) {
+.awsui_empty_n4qlp_19r8m_149:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-empty-jskpnv, #687078);
 }
-.awsui_row_n4qlp_ndady_213:not(#\9) {
+.awsui_row_n4qlp_19r8m_213:not(#\9) {
   /* used in test-utils */
 }
-.awsui_row-control_n4qlp_ndady_217:not(#\9) {
+.awsui_row-control_n4qlp_19r8m_217:not(#\9) {
   /* used in test-utils */
 }
-.awsui_field_n4qlp_ndady_221:not(#\9) {
+.awsui_field_n4qlp_19r8m_221:not(#\9) {
   /* used in test-utils */
 }
-.awsui_add-button_n4qlp_ndady_225:not(#\9) {
+.awsui_add-button_n4qlp_19r8m_225:not(#\9) {
   /* used in test-utils */
 }
-.awsui_remove-button_n4qlp_ndady_229:not(#\9) {
+.awsui_remove-button_n4qlp_19r8m_229:not(#\9) {
   /* used in test-utils */
 }
-.awsui_button-container-haslabel_n4qlp_ndady_233:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_19r8m_233:not(#\9) {
   padding-block-start: calc(var(--space-xxs-9rrxti, 4px) + var(--line-height-body-m-2zx78l, 22px));
 }
-.awsui_button-container-nolabel_n4qlp_ndady_237:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_19r8m_237:not(#\9) {
   padding-block-start: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_divider_n4qlp_ndady_241:not(#\9) {
+.awsui_divider_n4qlp_19r8m_241:not(#\9) {
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_additional-info_n4qlp_ndady_245:not(#\9) {
+.awsui_additional-info_n4qlp_19r8m_245:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -253,7 +253,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-9rrxti, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_ndady_245 > a:not(#\9) {
+.awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9) {
+  text-underline-offset: 0.3em;
+  text-decoration-thickness: 1px;
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -263,35 +265,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
-  text-underline-offset: 0.3em;
-  text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_ndady_245 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_ndady_245 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_ndady_245 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):active, .awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):focus, .awsui_additional-info_n4qlp_ndady_245 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):active, .awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):focus, .awsui_additional-info_n4qlp_19r8m_245 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_right-align_n4qlp_ndady_291:not(#\9) {
+.awsui_right-align_n4qlp_19r8m_291:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_ndady_149",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ndady_1",
-  "root": "awsui_root_n4qlp_ndady_171",
-  "empty": "awsui_empty_n4qlp_ndady_149",
-  "row": "awsui_row_n4qlp_ndady_213",
-  "row-control": "awsui_row-control_n4qlp_ndady_217",
-  "field": "awsui_field_n4qlp_ndady_221",
-  "add-button": "awsui_add-button_n4qlp_ndady_225",
-  "remove-button": "awsui_remove-button_n4qlp_ndady_229",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_ndady_233",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_ndady_237",
-  "divider": "awsui_divider_n4qlp_ndady_241",
-  "additional-info": "awsui_additional-info_n4qlp_ndady_245",
-  "right-align": "awsui_right-align_n4qlp_ndady_291"
+  "empty-appear": "awsui_empty-appear_n4qlp_19r8m_149",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_19r8m_1",
+  "root": "awsui_root_n4qlp_19r8m_171",
+  "empty": "awsui_empty_n4qlp_19r8m_149",
+  "row": "awsui_row_n4qlp_19r8m_213",
+  "row-control": "awsui_row-control_n4qlp_19r8m_217",
+  "field": "awsui_field_n4qlp_19r8m_221",
+  "add-button": "awsui_add-button_n4qlp_19r8m_225",
+  "remove-button": "awsui_remove-button_n4qlp_19r8m_229",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_19r8m_233",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_19r8m_237",
+  "divider": "awsui_divider_n4qlp_19r8m_241",
+  "additional-info": "awsui_additional-info_n4qlp_19r8m_245",
+  "right-align": "awsui_right-align_n4qlp_19r8m_291"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_1b6ws_141",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1b6ws_187",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1b6ws_190",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1b6ws_193",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1b6ws_196",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1b6ws_199",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1b6ws_203",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1b6ws_207",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1b6ws_211",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1b6ws_215"
+  "badge": "awsui_badge_1yjyg_1vwhc_141",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1vwhc_187",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_1vwhc_190",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1vwhc_193",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_1vwhc_196",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1vwhc_199",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1vwhc_203",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1vwhc_207",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1vwhc_211",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1vwhc_215"
 };

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

@@ -136,9 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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_1b6ws_141:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -185,35 +185,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-xs-xf5ch3, 8px);
   color: var(--color-text-notification-default-hruauw, #fafafa);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-grey_1yjyg_1b6ws_187:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-grey_1yjyg_1vwhc_187:not(#\9) {
   background-color: var(--color-background-notification-grey-hf7l1x, #545b64);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-green_1yjyg_1b6ws_190:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-green_1yjyg_1vwhc_190:not(#\9) {
   background-color: var(--color-background-notification-green-igmdlm, #1d8102);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-blue_1yjyg_1b6ws_193:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-blue_1yjyg_1vwhc_193:not(#\9) {
   background-color: var(--color-background-notification-blue-xgzcj2, #0073bb);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-red_1yjyg_1b6ws_196:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-red_1yjyg_1vwhc_196:not(#\9) {
   background-color: var(--color-background-notification-red-k9i8vf, #d13212);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-severity-critical_1yjyg_1b6ws_199:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-severity-critical_1yjyg_1vwhc_199:not(#\9) {
   background-color: var(--color-background-severity-critical-287y6s, #7d2105);
   color: var(--color-text-severity-critical-1jb4g3, #fafafa);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-severity-high_1yjyg_1b6ws_203:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-severity-high_1yjyg_1vwhc_203:not(#\9) {
   background-color: var(--color-background-severity-high-3y1qf3, #ba2e0f);
   color: var(--color-text-severity-high-npgbfw, #fafafa);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-severity-medium_1yjyg_1b6ws_207:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-severity-medium_1yjyg_1vwhc_207:not(#\9) {
   background-color: var(--color-background-severity-medium-jq16y6, #cc5f21);
   color: var(--color-text-severity-medium-y5es5h, #000000);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-severity-low_1yjyg_1b6ws_211:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-severity-low_1yjyg_1vwhc_211:not(#\9) {
   background-color: var(--color-background-severity-low-keh5ob, #b2911c);
   color: var(--color-text-severity-low-r9hyjr, #16191f);
 }
-.awsui_badge_1yjyg_1b6ws_141.awsui_badge-color-severity-neutral_1yjyg_1b6ws_215:not(#\9) {
+.awsui_badge_1yjyg_1vwhc_141.awsui_badge-color-severity-neutral_1yjyg_1vwhc_215:not(#\9) {
   background-color: var(--color-background-severity-neutral-5g0m75, #545b64);
   color: var(--color-text-severity-neutral-p5k1cx, #fafafa);
 }

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_1b6ws_141",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1b6ws_187",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_1b6ws_190",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1b6ws_193",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_1b6ws_196",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1b6ws_199",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1b6ws_203",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1b6ws_207",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1b6ws_211",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1b6ws_215"
+  "badge": "awsui_badge_1yjyg_1vwhc_141",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_1vwhc_187",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_1vwhc_190",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_1vwhc_193",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_1vwhc_196",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_1vwhc_199",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_1vwhc_203",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_1vwhc_207",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_1vwhc_211",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_1vwhc_215"
 };