npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1351 → 3.0.1352 - Mend

@cloudscape-design/components-themeable 3.0.1351 → 3.0.1352

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

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

@@ -136,10 +136,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- 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
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -150,11 +146,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_calendar_1ykar_9ejmf_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_9ejmf_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
+.awsui_calendar_1ykar_16m7a_149:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_16m7a_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_9ejmf_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_16m7a_1 {
   from {
     opacity: 0;
   }
@@ -163,12 +159,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_9ejmf_153:not(#\9) {
+  .awsui_calendar_1ykar_16m7a_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_9ejmf_153:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_9ejmf_153:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_16m7a_149:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_16m7a_149:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -177,11 +173,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_root_1ykar_9ejmf_180:not(#\9) {
+.awsui_root_1ykar_16m7a_176:not(#\9) {
   /* used in test-utils */
 }
-.awsui_calendar_1ykar_9ejmf_153:not(#\9) {
+.awsui_calendar_1ykar_16m7a_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -215,16 +211,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-calendar-grid-width-9z2nlc, 234px);
   overflow: auto;
 }
-.awsui_calendar-inner_1ykar_9ejmf_218:not(#\9) {
+.awsui_calendar-inner_1ykar_16m7a_214:not(#\9) {
   margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_calendar-header_1ykar_9ejmf_222:not(#\9) {
+.awsui_calendar-header_1ykar_16m7a_218:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-title_1ykar_9ejmf_227:not(#\9) {
+.awsui_calendar-header-title_1ykar_16m7a_223:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   font-weight: var(--font-weight-bold-xpar9m, 700);
@@ -232,30 +228,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_calendar-next-btn_1ykar_9ejmf_235:not(#\9) {
+.awsui_calendar-next-btn_1ykar_16m7a_231:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-btn_1ykar_9ejmf_238:not(#\9) {
+.awsui_calendar-prev-btn_1ykar_16m7a_234:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_9ejmf_241:not(#\9) {
+.awsui_calendar-grid_1ykar_16m7a_237:not(#\9) {
   inline-size: 100%;
   table-layout: fixed;
 }
-.awsui_calendar-grid_1ykar_9ejmf_241:not(#\9):not(.awsui_calendar-grid-dense_1ykar_9ejmf_245) {
+.awsui_calendar-grid_1ykar_16m7a_237:not(#\9):not(.awsui_calendar-grid-dense_1ykar_16m7a_241) {
   border-spacing: var(--space-calendar-grid-gutter-s8n4gf, 0px);
   padding-block: var(--space-xs-m9b7jf, 8px);
   padding-inline: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_calendar-grid-dense_1ykar_9ejmf_245:not(#\9) {
+.awsui_calendar-grid-dense_1ykar_16m7a_241:not(#\9) {
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_9ejmf_253:not(#\9) {
+.awsui_calendar-grid-cell_1ykar_16m7a_249:not(#\9) {
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-date-header_1ykar_9ejmf_258:not(#\9) {
+.awsui_calendar-date-header_1ykar_16m7a_254:not(#\9) {
   padding-block-start: var(--space-s-kll7oj, 12px);
   padding-block-end: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 0;
@@ -264,7 +260,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
 }
-.awsui_calendar-date_1ykar_9ejmf_258:not(#\9) {
+.awsui_calendar-date_1ykar_16m7a_254:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-ke4u1f, #eaeded);
   border-inline-end: 1px solid var(--color-border-calendar-grid-ke4u1f, #eaeded);
   padding-block: var(--space-xxs-3o1yoq, 4px);
@@ -272,23 +268,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8);
   position: relative;
 }
-.awsui_calendar-date_1ykar_9ejmf_258:not(#\9):first-child {
+.awsui_calendar-date_1ykar_16m7a_254:not(#\9):first-child {
   border-inline-start: 1px solid var(--color-border-calendar-grid-ke4u1f, #eaeded);
 }
-.awsui_calendar-date-enabled_1ykar_9ejmf_278:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_16m7a_274:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-1qkuo5, #687078);
 }
-.awsui_calendar-date-enabled_1ykar_9ejmf_278:not(#\9)::after {
+.awsui_calendar-date-enabled_1ykar_16m7a_274:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_calendar-date-enabled_1ykar_9ejmf_278.awsui_calendar-date-current-page_1ykar_9ejmf_288:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_16m7a_274.awsui_calendar-date-current-page_1ykar_16m7a_284:not(#\9) {
   color: var(--color-text-dropdown-item-default-u2mfqy, #16191f);
 }
-.awsui_calendar-date-enabled_1ykar_9ejmf_278.awsui_calendar-date-current-page_1ykar_9ejmf_288:not(#\9):hover {
+.awsui_calendar-date-enabled_1ykar_16m7a_274.awsui_calendar-date-current-page_1ykar_16m7a_284:not(#\9):hover {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
@@ -296,11 +292,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-calendar-date-hover-bc1v6m, #16191f);
   background-color: var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3);
 }
-.awsui_calendar-date-enabled_1ykar_9ejmf_278.awsui_calendar-date-current-page_1ykar_9ejmf_288:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_9ejmf_299)::after {
+.awsui_calendar-date-enabled_1ykar_16m7a_274.awsui_calendar-date-current-page_1ykar_16m7a_284:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_16m7a_295)::after {
   border-block: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-y2b7z1, #879596);
   border-inline: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-y2b7z1, #879596);
 }
-.awsui_calendar-date-current_1ykar_9ejmf_288:not(#\9) {
+.awsui_calendar-date-current_1ykar_16m7a_284:not(#\9) {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
@@ -308,7 +304,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-calendar-current-date-4z244f, #f2f3f3);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_calendar-date_1ykar_9ejmf_258:not(#\9)::after {
+.awsui_calendar-date_1ykar_16m7a_254:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -317,29 +313,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
   inset-inline-end: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_calendar-date_1ykar_9ejmf_258:not(#\9):not(.awsui_calendar-date-dense_1ykar_9ejmf_320)::after {
+.awsui_calendar-date_1ykar_16m7a_254:not(#\9):not(.awsui_calendar-date-dense_1ykar_16m7a_316)::after {
   inset-block-end: calc(-1 * var(--border-item-width-pyfg4s, 1px));
   inset-inline-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_calendar-date-dense_1ykar_9ejmf_320:not(#\9)::after {
+.awsui_calendar-date-dense_1ykar_16m7a_316:not(#\9)::after {
   inset-block-end: -1px;
   inset-inline-start: -1px;
 }
-.awsui_calendar-date_1ykar_9ejmf_258 > .awsui_date-inner_1ykar_9ejmf_328:not(#\9) {
+.awsui_calendar-date_1ykar_16m7a_254 > .awsui_date-inner_1ykar_16m7a_324:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-date_1ykar_9ejmf_258:not(#\9):focus {
+.awsui_calendar-date_1ykar_16m7a_254:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_9ejmf_258:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_16m7a_254:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_9ejmf_258:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_16m7a_254:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-ksrb33, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_9ejmf_258:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_16m7a_254:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -353,23 +349,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_9ejmf_258:not(#\9
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-5b8ckf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_9ejmf_258:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_16m7a_254:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9) {
+.awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-ksrb33, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -383,10 +379,10 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_29
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-5b8ckf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-qi02r4, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_9ejmf_299:not(#\9)::after {
+.awsui_calendar-date-selected_1ykar_16m7a_295:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
@@ -395,15 +391,15 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_9ejmf_29
   border-block: var(--border-item-width-pyfg4s, 1px) solid var(--color-background-control-checked-ksqwhc, #0073bb);
   border-inline: var(--border-item-width-pyfg4s, 1px) solid var(--color-background-control-checked-ksqwhc, #0073bb);
 }
-.awsui_calendar-date-selected_1ykar_9ejmf_299 > .awsui_date-inner_1ykar_9ejmf_328:not(#\9) {
+.awsui_calendar-date-selected_1ykar_16m7a_295 > .awsui_date-inner_1ykar_16m7a_324:not(#\9) {
   z-index: 2;
   color: var(--color-text-calendar-date-selected-adki4w, #ffffff);
   position: relative;
 }
-.awsui_calendar-row_1ykar_9ejmf_403:not(#\9):first-child > .awsui_calendar-date_1ykar_9ejmf_258 {
+.awsui_calendar-row_1ykar_16m7a_399:not(#\9):first-child > .awsui_calendar-date_1ykar_16m7a_254 {
   border-block-start: 1px solid var(--color-border-calendar-grid-ke4u1f, #eaeded);
 }
-.awsui_disabled-reason-tooltip_1ykar_9ejmf_407:not(#\9) {
+.awsui_disabled-reason-tooltip_1ykar_16m7a_403:not(#\9) {
   /* used in test-utils or tests */
 }

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_9ejmf_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_9ejmf_1",
-  "root": "awsui_root_1ykar_9ejmf_180",
-  "calendar-inner": "awsui_calendar-inner_1ykar_9ejmf_218",
-  "calendar-header": "awsui_calendar-header_1ykar_9ejmf_222",
-  "calendar-header-title": "awsui_calendar-header-title_1ykar_9ejmf_227",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_9ejmf_235",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_9ejmf_238",
-  "calendar-grid": "awsui_calendar-grid_1ykar_9ejmf_241",
-  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_9ejmf_245",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_9ejmf_253",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_9ejmf_258",
-  "calendar-date": "awsui_calendar-date_1ykar_9ejmf_258",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_9ejmf_278",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_9ejmf_288",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_9ejmf_299",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_9ejmf_288",
-  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_9ejmf_320",
-  "date-inner": "awsui_date-inner_1ykar_9ejmf_328",
-  "calendar-row": "awsui_calendar-row_1ykar_9ejmf_403",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_9ejmf_407"
+  "calendar": "awsui_calendar_1ykar_16m7a_149",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_16m7a_1",
+  "root": "awsui_root_1ykar_16m7a_176",
+  "calendar-inner": "awsui_calendar-inner_1ykar_16m7a_214",
+  "calendar-header": "awsui_calendar-header_1ykar_16m7a_218",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_16m7a_223",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_16m7a_231",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_16m7a_234",
+  "calendar-grid": "awsui_calendar-grid_1ykar_16m7a_237",
+  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_16m7a_241",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_16m7a_249",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_16m7a_254",
+  "calendar-date": "awsui_calendar-date_1ykar_16m7a_254",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_16m7a_274",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_16m7a_284",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_16m7a_295",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_16m7a_284",
+  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_16m7a_316",
+  "date-inner": "awsui_date-inner_1ykar_16m7a_324",
+  "calendar-row": "awsui_calendar-row_1ykar_16m7a_399",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_16m7a_403"
 };

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

@@ -1,43 +1,43 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_p8a6i_141td_145",
-  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_141td_177",
-  "header-refresh": "awsui_header-refresh_p8a6i_141td_177",
-  "list": "awsui_list_p8a6i_141td_184",
-  "list-grid-1": "awsui_list-grid-1_p8a6i_141td_195",
-  "card": "awsui_card_p8a6i_141td_195",
-  "list-grid-2": "awsui_list-grid-2_p8a6i_141td_198",
-  "list-grid-3": "awsui_list-grid-3_p8a6i_141td_201",
-  "list-grid-4": "awsui_list-grid-4_p8a6i_141td_204",
-  "list-grid-5": "awsui_list-grid-5_p8a6i_141td_207",
-  "list-grid-6": "awsui_list-grid-6_p8a6i_141td_210",
-  "list-grid-7": "awsui_list-grid-7_p8a6i_141td_213",
-  "list-grid-8": "awsui_list-grid-8_p8a6i_141td_216",
-  "list-grid-9": "awsui_list-grid-9_p8a6i_141td_219",
-  "list-grid-10": "awsui_list-grid-10_p8a6i_141td_222",
-  "list-grid-11": "awsui_list-grid-11_p8a6i_141td_225",
-  "list-grid-12": "awsui_list-grid-12_p8a6i_141td_228",
-  "list-grid-13": "awsui_list-grid-13_p8a6i_141td_231",
-  "list-grid-14": "awsui_list-grid-14_p8a6i_141td_234",
-  "list-grid-15": "awsui_list-grid-15_p8a6i_141td_237",
-  "list-grid-16": "awsui_list-grid-16_p8a6i_141td_240",
-  "list-grid-17": "awsui_list-grid-17_p8a6i_141td_243",
-  "list-grid-18": "awsui_list-grid-18_p8a6i_141td_246",
-  "list-grid-19": "awsui_list-grid-19_p8a6i_141td_249",
-  "list-grid-20": "awsui_list-grid-20_p8a6i_141td_252",
-  "selection-control": "awsui_selection-control_p8a6i_141td_256",
-  "loading": "awsui_loading_p8a6i_141td_266",
-  "empty": "awsui_empty_p8a6i_141td_267",
-  "has-header": "awsui_has-header_p8a6i_141td_274",
-  "refresh": "awsui_refresh_p8a6i_141td_277",
-  "card-header": "awsui_card-header_p8a6i_141td_293",
-  "card-header-inner": "awsui_card-header-inner_p8a6i_141td_302",
-  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_141td_305",
-  "card-selected": "awsui_card-selected_p8a6i_141td_308",
-  "section": "awsui_section_p8a6i_141td_312",
-  "section-header": "awsui_section-header_p8a6i_141td_319",
-  "section-content": "awsui_section-content_p8a6i_141td_325",
-  "footer-pagination": "awsui_footer-pagination_p8a6i_141td_337"
+  "root": "awsui_root_p8a6i_12p5a_141",
+  "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_12p5a_173",
+  "header-refresh": "awsui_header-refresh_p8a6i_12p5a_173",
+  "list": "awsui_list_p8a6i_12p5a_180",
+  "list-grid-1": "awsui_list-grid-1_p8a6i_12p5a_191",
+  "card": "awsui_card_p8a6i_12p5a_191",
+  "list-grid-2": "awsui_list-grid-2_p8a6i_12p5a_194",
+  "list-grid-3": "awsui_list-grid-3_p8a6i_12p5a_197",
+  "list-grid-4": "awsui_list-grid-4_p8a6i_12p5a_200",
+  "list-grid-5": "awsui_list-grid-5_p8a6i_12p5a_203",
+  "list-grid-6": "awsui_list-grid-6_p8a6i_12p5a_206",
+  "list-grid-7": "awsui_list-grid-7_p8a6i_12p5a_209",
+  "list-grid-8": "awsui_list-grid-8_p8a6i_12p5a_212",
+  "list-grid-9": "awsui_list-grid-9_p8a6i_12p5a_215",
+  "list-grid-10": "awsui_list-grid-10_p8a6i_12p5a_218",
+  "list-grid-11": "awsui_list-grid-11_p8a6i_12p5a_221",
+  "list-grid-12": "awsui_list-grid-12_p8a6i_12p5a_224",
+  "list-grid-13": "awsui_list-grid-13_p8a6i_12p5a_227",
+  "list-grid-14": "awsui_list-grid-14_p8a6i_12p5a_230",
+  "list-grid-15": "awsui_list-grid-15_p8a6i_12p5a_233",
+  "list-grid-16": "awsui_list-grid-16_p8a6i_12p5a_236",
+  "list-grid-17": "awsui_list-grid-17_p8a6i_12p5a_239",
+  "list-grid-18": "awsui_list-grid-18_p8a6i_12p5a_242",
+  "list-grid-19": "awsui_list-grid-19_p8a6i_12p5a_245",
+  "list-grid-20": "awsui_list-grid-20_p8a6i_12p5a_248",
+  "selection-control": "awsui_selection-control_p8a6i_12p5a_252",
+  "loading": "awsui_loading_p8a6i_12p5a_262",
+  "empty": "awsui_empty_p8a6i_12p5a_263",
+  "has-header": "awsui_has-header_p8a6i_12p5a_270",
+  "refresh": "awsui_refresh_p8a6i_12p5a_273",
+  "card-header": "awsui_card-header_p8a6i_12p5a_289",
+  "card-header-inner": "awsui_card-header-inner_p8a6i_12p5a_298",
+  "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_12p5a_301",
+  "card-selected": "awsui_card-selected_p8a6i_12p5a_304",
+  "section": "awsui_section_p8a6i_12p5a_308",
+  "section-header": "awsui_section-header_p8a6i_12p5a_315",
+  "section-content": "awsui_section-content_p8a6i_12p5a_321",
+  "footer-pagination": "awsui_footer-pagination_p8a6i_12p5a_333"
 };

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

@@ -136,13 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- 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
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_p8a6i_141td_145:not(#\9) {
+.awsui_root_p8a6i_12p5a_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,14 +170,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_header-variant-full-page_p8a6i_141td_177.awsui_header-refresh_p8a6i_141td_177:not(#\9) {
+.awsui_header-variant-full-page_p8a6i_12p5a_173.awsui_header-refresh_p8a6i_12p5a_173:not(#\9) {
   padding-block-start: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
   padding-block-end: calc(var(--space-container-header-bottom-9elagw, 12px) + var(--space-table-header-tools-full-page-bottom-g1a6as, 4px));
 }
-.awsui_list_p8a6i_141td_184:not(#\9) {
+.awsui_list_p8a6i_12p5a_180:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   box-sizing: border-box;
@@ -192,68 +188,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: calc(var(--space-grid-gutter-2qs4vj, 20px) * -1);
   margin-inline-end: 0;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-1_p8a6i_141td_195 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-1_p8a6i_12p5a_191 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 100%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-2_p8a6i_141td_198 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-2_p8a6i_12p5a_194 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 50%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-3_p8a6i_141td_201 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-3_p8a6i_12p5a_197 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 33.3333333333%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-4_p8a6i_141td_204 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-4_p8a6i_12p5a_200 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 25%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-5_p8a6i_141td_207 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-5_p8a6i_12p5a_203 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 20%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-6_p8a6i_141td_210 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-6_p8a6i_12p5a_206 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 16.6666666667%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-7_p8a6i_141td_213 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-7_p8a6i_12p5a_209 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 14.2857142857%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-8_p8a6i_141td_216 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-8_p8a6i_12p5a_212 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 12.5%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-9_p8a6i_141td_219 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-9_p8a6i_12p5a_215 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 11.1111111111%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-10_p8a6i_141td_222 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-10_p8a6i_12p5a_218 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 10%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-11_p8a6i_141td_225 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-11_p8a6i_12p5a_221 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 9.0909090909%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-12_p8a6i_141td_228 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-12_p8a6i_12p5a_224 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 8.3333333333%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-13_p8a6i_141td_231 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-13_p8a6i_12p5a_227 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 7.6923076923%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-14_p8a6i_141td_234 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-14_p8a6i_12p5a_230 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 7.1428571429%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-15_p8a6i_141td_237 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-15_p8a6i_12p5a_233 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 6.6666666667%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-16_p8a6i_141td_240 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-16_p8a6i_12p5a_236 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 6.25%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-17_p8a6i_141td_243 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-17_p8a6i_12p5a_239 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 5.8823529412%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-18_p8a6i_141td_246 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-18_p8a6i_12p5a_242 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 5.5555555556%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-19_p8a6i_141td_249 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-19_p8a6i_12p5a_245 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 5.2631578947%;
 }
-.awsui_list_p8a6i_141td_184.awsui_list-grid-20_p8a6i_141td_252 > .awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_list_p8a6i_12p5a_180.awsui_list-grid-20_p8a6i_12p5a_248 > .awsui_card_p8a6i_12p5a_191:not(#\9) {
   inline-size: 5%;
 }
-.awsui_selection-control_p8a6i_141td_256:not(#\9) {
+.awsui_selection-control_p8a6i_12p5a_252:not(#\9) {
   position: absolute;
   box-sizing: border-box;
   inline-size: calc(var(--size-control-jpgj8e, 14px) + 2 * var(--space-card-horizontal-default-2sdf3l, 20px));
@@ -263,22 +259,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: var(--space-card-horizontal-default-2sdf3l, 20px);
 }
-.awsui_loading_p8a6i_141td_266:not(#\9),
-.awsui_empty_p8a6i_141td_267:not(#\9) {
+.awsui_loading_p8a6i_12p5a_262:not(#\9),
+.awsui_empty_p8a6i_12p5a_263:not(#\9) {
   overflow: hidden;
   text-align: center;
   color: var(--color-text-empty-y81uqw, #687078);
   margin-block-end: var(--space-scaled-l-33ruz6, 20px);
 }
-.awsui_has-header_p8a6i_141td_274:not(#\9) {
+.awsui_has-header_p8a6i_12p5a_270:not(#\9) {
   margin-block-start: var(--space-grid-gutter-2qs4vj, 20px);
 }
-.awsui_has-header_p8a6i_141td_274.awsui_refresh_p8a6i_141td_277.awsui_header-variant-full-page_p8a6i_141td_177:not(#\9) {
+.awsui_has-header_p8a6i_12p5a_270.awsui_refresh_p8a6i_12p5a_273.awsui_header-variant-full-page_p8a6i_12p5a_173:not(#\9) {
   margin-block-start: var(--space-scaled-s-2crg2b, 12px);
 }
-.awsui_card_p8a6i_141td_195:not(#\9) {
+.awsui_card_p8a6i_12p5a_191:not(#\9) {
   overflow-wrap: break-word;
   word-wrap: break-word;
   box-sizing: border-box;
@@ -290,7 +286,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-end: 0;
   list-style: none;
 }
-.awsui_card-header_p8a6i_141td_293:not(#\9) {
+.awsui_card-header_p8a6i_12p5a_289:not(#\9) {
   font-family: var(--font-family-heading-f20kh9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   font-size: var(--font-size-heading-m-cqvsuv, 18px);
   line-height: var(--line-height-heading-m-d6lkzb, 22px);
@@ -299,42 +295,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
 }
-.awsui_card-header-inner_p8a6i_141td_302:not(#\9) {
+.awsui_card-header-inner_p8a6i_12p5a_298:not(#\9) {
   /* used in test-utils */
 }
-.awsui_card-header-inner-selectable_p8a6i_141td_305:not(#\9) {
+.awsui_card-header-inner-selectable_p8a6i_12p5a_301:not(#\9) {
   inline-size: 90%;
 }
-.awsui_card-selected_p8a6i_141td_308:not(#\9) {
+.awsui_card-selected_p8a6i_12p5a_304:not(#\9) {
   /* Used in test utils */
 }
-.awsui_section_p8a6i_141td_312:not(#\9) {
+.awsui_section_p8a6i_12p5a_308:not(#\9) {
   display: inline-block;
   box-sizing: border-box;
   padding-block-end: var(--space-scaled-xs-pajbd1, 8px);
   padding-inline: 0;
   vertical-align: top;
 }
-.awsui_section-header_p8a6i_141td_319:not(#\9) {
+.awsui_section-header_p8a6i_12p5a_315:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   font-weight: var(--font-display-label-weight-tz6zkz, 400);
   color: var(--color-text-label-g80qnu, #545b64);
 }
-.awsui_section-content_p8a6i_141td_325:not(#\9) {
+.awsui_section-content_p8a6i_12p5a_321:not(#\9) {
   /* used in test-utils */
 }
-.awsui_section_p8a6i_141td_312:not(#\9):not(:first-child) {
+.awsui_section_p8a6i_12p5a_308:not(#\9):not(:first-child) {
   padding-block-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_section_p8a6i_141td_312:not(#\9):last-child {
+.awsui_section_p8a6i_12p5a_308:not(#\9):last-child {
   padding-block-end: 0;
 }
-.awsui_footer-pagination_p8a6i_141td_337:not(#\9) {
+.awsui_footer-pagination_p8a6i_12p5a_333:not(#\9) {
   display: flex;
   justify-content: flex-end;
 }