@cloudscape-design/components-themeable 3.0.1304 → 3.0.1306

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

@@ -150,11 +150,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_nr2li_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1ykar_nr2li_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_calendar_1ykar_bheeb_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1ykar_bheeb_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1ykar_nr2li_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1ykar_bheeb_1 {
   from {
     opacity: 0;
   }
@@ -163,12 +163,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_1ykar_nr2li_153:not(#\9) {
+  .awsui_calendar_1ykar_bheeb_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_1ykar_nr2li_153:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_nr2li_153:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_1ykar_bheeb_153:not(#\9), .awsui-mode-entering .awsui_calendar_1ykar_bheeb_153:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -177,11 +177,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_nr2li_180:not(#\9) {
+.awsui_root_1ykar_bheeb_180:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_1ykar_nr2li_153:not(#\9) {
+.awsui_calendar_1ykar_bheeb_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -215,16 +215,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-calendar-grid-width-goqv80, 234px);
   overflow: auto;
 }
-.awsui_calendar-inner_1ykar_nr2li_218:not(#\9) {
+.awsui_calendar-inner_1ykar_bheeb_218:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_calendar-header_1ykar_nr2li_222:not(#\9) {
+.awsui_calendar-header_1ykar_bheeb_222:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-title_1ykar_nr2li_227:not(#\9) {
+.awsui_calendar-header-title_1ykar_bheeb_227:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-weight-bold-p16d06, 700);
@@ -232,30 +232,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_nr2li_235:not(#\9) {
+.awsui_calendar-next-btn_1ykar_bheeb_235:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-btn_1ykar_nr2li_238:not(#\9) {
+.awsui_calendar-prev-btn_1ykar_bheeb_238:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-grid_1ykar_nr2li_241:not(#\9) {
+.awsui_calendar-grid_1ykar_bheeb_241:not(#\9) {
   inline-size: 100%;
   table-layout: fixed;
 }
-.awsui_calendar-grid_1ykar_nr2li_241:not(#\9):not(.awsui_calendar-grid-dense_1ykar_nr2li_245) {
+.awsui_calendar-grid_1ykar_bheeb_241:not(#\9):not(.awsui_calendar-grid-dense_1ykar_bheeb_245) {
   border-spacing: var(--space-calendar-grid-gutter-ma9rnc, 0px);
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_calendar-grid-dense_1ykar_nr2li_245:not(#\9) {
+.awsui_calendar-grid-dense_1ykar_bheeb_245:not(#\9) {
   border-spacing: 0;
 }
-.awsui_calendar-grid-cell_1ykar_nr2li_253:not(#\9) {
+.awsui_calendar-grid-cell_1ykar_bheeb_253:not(#\9) {
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_calendar-date-header_1ykar_nr2li_258:not(#\9) {
+.awsui_calendar-date-header_1ykar_bheeb_258:not(#\9) {
   padding-block-start: var(--space-s-4a5hs8, 12px);
   padding-block-end: var(--space-xxs-jnczic, 4px);
   padding-inline: 0;
@@ -264,7 +264,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
 }
-.awsui_calendar-date_1ykar_nr2li_258:not(#\9) {
+.awsui_calendar-date_1ykar_bheeb_258:not(#\9) {
   border-block-end: 1px solid var(--color-border-calendar-grid-zrkvhb, #eaeded);
   border-inline-end: 1px solid var(--color-border-calendar-grid-zrkvhb, #eaeded);
   padding-block: var(--space-xxs-jnczic, 4px);
@@ -272,23 +272,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
   position: relative;
 }
-.awsui_calendar-date_1ykar_nr2li_258:not(#\9):first-child {
+.awsui_calendar-date_1ykar_bheeb_258:not(#\9):first-child {
   border-inline-start: 1px solid var(--color-border-calendar-grid-zrkvhb, #eaeded);
 }
-.awsui_calendar-date-enabled_1ykar_nr2li_278:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_bheeb_278:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
 }
-.awsui_calendar-date-enabled_1ykar_nr2li_278:not(#\9)::after {
+.awsui_calendar-date-enabled_1ykar_bheeb_278:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_calendar-date-enabled_1ykar_nr2li_278.awsui_calendar-date-current-page_1ykar_nr2li_288:not(#\9) {
+.awsui_calendar-date-enabled_1ykar_bheeb_278.awsui_calendar-date-current-page_1ykar_bheeb_288:not(#\9) {
   color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
 }
-.awsui_calendar-date-enabled_1ykar_nr2li_278.awsui_calendar-date-current-page_1ykar_nr2li_288:not(#\9):hover {
+.awsui_calendar-date-enabled_1ykar_bheeb_278.awsui_calendar-date-current-page_1ykar_bheeb_288:not(#\9):hover {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -296,11 +296,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-calendar-date-hover-79yvmk, #16191f);
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
 }
-.awsui_calendar-date-enabled_1ykar_nr2li_278.awsui_calendar-date-current-page_1ykar_nr2li_288:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_nr2li_299)::after {
+.awsui_calendar-date-enabled_1ykar_bheeb_278.awsui_calendar-date-current-page_1ykar_bheeb_288:not(#\9):hover:not(.awsui_calendar-date-selected_1ykar_bheeb_299)::after {
   border-block: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
   border-inline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_calendar-date-current_1ykar_nr2li_288:not(#\9) {
+.awsui_calendar-date-current_1ykar_bheeb_288:not(#\9) {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -308,7 +308,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-calendar-current-date-62569q, #f2f3f3);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_calendar-date_1ykar_nr2li_258:not(#\9)::after {
+.awsui_calendar-date_1ykar_bheeb_258:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -317,29 +317,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
   inset-inline-end: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_calendar-date_1ykar_nr2li_258:not(#\9):not(.awsui_calendar-date-dense_1ykar_nr2li_320)::after {
+.awsui_calendar-date_1ykar_bheeb_258:not(#\9):not(.awsui_calendar-date-dense_1ykar_bheeb_320)::after {
   inset-block-end: calc(-1 * var(--border-item-width-acvlhx, 1px));
   inset-inline-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_calendar-date-dense_1ykar_nr2li_320:not(#\9)::after {
+.awsui_calendar-date-dense_1ykar_bheeb_320:not(#\9)::after {
   inset-block-end: -1px;
   inset-inline-start: -1px;
 }
-.awsui_calendar-date_1ykar_nr2li_258 > .awsui_date-inner_1ykar_nr2li_328:not(#\9) {
+.awsui_calendar-date_1ykar_bheeb_258 > .awsui_date-inner_1ykar_bheeb_328:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-date_1ykar_nr2li_258:not(#\9):focus {
+.awsui_calendar-date_1ykar_bheeb_258:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_nr2li_258:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_bheeb_258:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_nr2li_258:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_bheeb_258:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-e14r1f, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_nr2li_258:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_bheeb_258:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -353,23 +353,23 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_nr2li_258:not(#\9
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-1443fe, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_nr2li_258:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date_1ykar_bheeb_258:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9) {
+.awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9):focus:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9):focus:focus {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9):focus:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-e14r1f, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9):focus:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -383,10 +383,10 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_29
   border-end-end-radius: var(--border-radius-calendar-day-focus-ring-1443fe, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-nzjlw6, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9):focus:focus::before {
+body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9):focus:focus::before {
   z-index: 2;
 }
-.awsui_calendar-date-selected_1ykar_nr2li_299:not(#\9)::after {
+.awsui_calendar-date-selected_1ykar_bheeb_299:not(#\9)::after {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -395,15 +395,15 @@ body[data-awsui-focus-visible=true] .awsui_calendar-date-selected_1ykar_nr2li_29
   border-block: var(--border-item-width-acvlhx, 1px) solid var(--color-background-control-checked-se0x0e, #0073bb);
   border-inline: var(--border-item-width-acvlhx, 1px) solid var(--color-background-control-checked-se0x0e, #0073bb);
 }
-.awsui_calendar-date-selected_1ykar_nr2li_299 > .awsui_date-inner_1ykar_nr2li_328:not(#\9) {
+.awsui_calendar-date-selected_1ykar_bheeb_299 > .awsui_date-inner_1ykar_bheeb_328:not(#\9) {
   z-index: 2;
-  color: var(--color-background-control-default-wjdczs, #ffffff);
+  color: var(--color-text-calendar-date-selected-tuncoe, #ffffff);
   position: relative;
 }
-.awsui_calendar-row_1ykar_nr2li_403:not(#\9):first-child > .awsui_calendar-date_1ykar_nr2li_258 {
+.awsui_calendar-row_1ykar_bheeb_403:not(#\9):first-child > .awsui_calendar-date_1ykar_bheeb_258 {
   border-block-start: 1px solid var(--color-border-calendar-grid-zrkvhb, #eaeded);
 }
 
-.awsui_disabled-reason-tooltip_1ykar_nr2li_407:not(#\9) {
+.awsui_disabled-reason-tooltip_1ykar_bheeb_407:not(#\9) {
   /* used in test-utils or tests */
 }

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_1ykar_nr2li_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_nr2li_1",
-  "root": "awsui_root_1ykar_nr2li_180",
-  "calendar-inner": "awsui_calendar-inner_1ykar_nr2li_218",
-  "calendar-header": "awsui_calendar-header_1ykar_nr2li_222",
-  "calendar-header-title": "awsui_calendar-header-title_1ykar_nr2li_227",
-  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_nr2li_235",
-  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_nr2li_238",
-  "calendar-grid": "awsui_calendar-grid_1ykar_nr2li_241",
-  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_nr2li_245",
-  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_nr2li_253",
-  "calendar-date-header": "awsui_calendar-date-header_1ykar_nr2li_258",
-  "calendar-date": "awsui_calendar-date_1ykar_nr2li_258",
-  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_nr2li_278",
-  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_nr2li_288",
-  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_nr2li_299",
-  "calendar-date-current": "awsui_calendar-date-current_1ykar_nr2li_288",
-  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_nr2li_320",
-  "date-inner": "awsui_date-inner_1ykar_nr2li_328",
-  "calendar-row": "awsui_calendar-row_1ykar_nr2li_403",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_nr2li_407"
+  "calendar": "awsui_calendar_1ykar_bheeb_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_bheeb_1",
+  "root": "awsui_root_1ykar_bheeb_180",
+  "calendar-inner": "awsui_calendar-inner_1ykar_bheeb_218",
+  "calendar-header": "awsui_calendar-header_1ykar_bheeb_222",
+  "calendar-header-title": "awsui_calendar-header-title_1ykar_bheeb_227",
+  "calendar-next-btn": "awsui_calendar-next-btn_1ykar_bheeb_235",
+  "calendar-prev-btn": "awsui_calendar-prev-btn_1ykar_bheeb_238",
+  "calendar-grid": "awsui_calendar-grid_1ykar_bheeb_241",
+  "calendar-grid-dense": "awsui_calendar-grid-dense_1ykar_bheeb_245",
+  "calendar-grid-cell": "awsui_calendar-grid-cell_1ykar_bheeb_253",
+  "calendar-date-header": "awsui_calendar-date-header_1ykar_bheeb_258",
+  "calendar-date": "awsui_calendar-date_1ykar_bheeb_258",
+  "calendar-date-enabled": "awsui_calendar-date-enabled_1ykar_bheeb_278",
+  "calendar-date-current-page": "awsui_calendar-date-current-page_1ykar_bheeb_288",
+  "calendar-date-selected": "awsui_calendar-date-selected_1ykar_bheeb_299",
+  "calendar-date-current": "awsui_calendar-date-current_1ykar_bheeb_288",
+  "calendar-date-dense": "awsui_calendar-date-dense_1ykar_bheeb_320",
+  "date-inner": "awsui_date-inner_1ykar_bheeb_328",
+  "calendar-row": "awsui_calendar-row_1ykar_bheeb_403",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_1ykar_bheeb_407"
 };
   

package/lib/internal/template/collection-preferences/content-display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAU3D,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxF,KAAK,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;CACtE;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAGG,EACH,QAAQ,EACR,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,EAC5B,yBAAyB,EACzB,mBAAmB,EACnB,qBAA6B,EAC7B,WAAW,GACZ,EAAE,6BAA6B,eA0H/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAU3D,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,KAAK,IAAI,CAAC;IACxF,KAAK,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;CACtE;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAGG,EACH,QAAQ,EACR,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,EAC5B,yBAAyB,EACzB,mBAAmB,EACnB,qBAA6B,EAC7B,WAAW,GACZ,EAAE,6BAA6B,eAgI/B"}

package/lib/internal/template/collection-preferences/content-display/index.js

@@ -34,7 +34,7 @@ export default function ContentDisplayPreference({ title, description, options,
         // are not in the value yet, so they're added as non-visible after the known ones.
         onChange(sortedOptions.map(({ id, visible }) => ({ id, visible: id === option.id ? !option.visible : visible })));
     };
-    return (React.createElement("div", { className: styles[componentPrefix], ...getAnalyticsInnerContextAttribute('contentDisplay') },
+    return (React.createElement("div", { role: "group", "aria-labelledby": titleId, "aria-describedby": descriptionId, className: styles[componentPrefix], ...getAnalyticsInnerContextAttribute('contentDisplay') },
         React.createElement("h3", { className: getClassName('title'), id: titleId }, i18n('contentDisplayPreference.title', title)),
         React.createElement("p", { className: getClassName('description'), id: descriptionId }, i18n('contentDisplayPreference.description', description)),
         enableColumnFiltering && (React.createElement("div", { className: getClassName('text-filter') },

package/lib/internal/template/collection-preferences/content-display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useState } from 'react';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../../box/internal';\nimport InternalButton from '../../button/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport {\n  formatDndItemCommitted,\n  formatDndItemReordered,\n  formatDndStarted,\n} from '../../internal/components/sortable-area/use-live-announcements';\nimport InternalList from '../../list/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { getAnalyticsInnerContextAttribute } from '../analytics-metadata/utils';\nimport { CollectionPreferencesProps } from '../interfaces';\nimport ContentDisplayOption from './content-display-option';\nimport { getFilteredOptions, getSortedOptions, OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display';\n\nconst getClassName = (suffix: string) => styles[`${componentPrefix}-${suffix}`];\n\ninterface ContentDisplayPreferenceProps extends CollectionPreferencesProps.ContentDisplayPreference {\n  onChange: (value: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>) => void;\n  value?: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>;\n}\n\nexport default function ContentDisplayPreference({\n  title,\n  description,\n  options,\n  value = options.map(({ id }) => ({\n    id,\n    visible: true,\n  })),\n  onChange,\n  liveAnnouncementDndStarted,\n  liveAnnouncementDndItemReordered,\n  liveAnnouncementDndItemCommitted,\n  liveAnnouncementDndDiscarded,\n  dragHandleAriaDescription,\n  dragHandleAriaLabel,\n  enableColumnFiltering = false,\n  i18nStrings,\n}: ContentDisplayPreferenceProps) {\n  const idPrefix = useUniqueId(componentPrefix);\n  const i18n = useInternalI18n('collection-preferences');\n  const [columnFilteringText, setColumnFilteringText] = useState('');\n\n  const titleId = `${idPrefix}-title`;\n  const descriptionId = `${idPrefix}-description`;\n\n  const [sortedOptions, sortedAndFilteredOptions] = useMemo(() => {\n    const sorted = getSortedOptions({ options, contentDisplay: value });\n    const filtered = getFilteredOptions(sorted, columnFilteringText);\n    return [sorted, filtered];\n  }, [columnFilteringText, options, value]);\n\n  const onToggle = (option: OptionWithVisibility) => {\n    // We use sortedOptions as base and not value because there might be options that\n    // are not in the value yet, so they're added as non-visible after the known ones.\n    onChange(sortedOptions.map(({ id, visible }) => ({ id, visible: id === option.id ? !option.visible : visible })));\n  };\n\n  return (\n    <div className={styles[componentPrefix]} {...getAnalyticsInnerContextAttribute('contentDisplay')}>\n      <h3 className={getClassName('title')} id={titleId}>\n        {i18n('contentDisplayPreference.title', title)}\n      </h3>\n      <p className={getClassName('description')} id={descriptionId}>\n        {i18n('contentDisplayPreference.description', description)}\n      </p>\n\n      {/* Filter input */}\n      {enableColumnFiltering && (\n        <div className={getClassName('text-filter')}>\n          <InternalTextFilter\n            filteringText={columnFilteringText}\n            filteringPlaceholder={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringPlaceholder',\n              i18nStrings?.columnFilteringPlaceholder\n            )}\n            filteringAriaLabel={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringAriaLabel',\n              i18nStrings?.columnFilteringAriaLabel\n            )}\n            filteringClearAriaLabel={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n              i18nStrings?.columnFilteringClearFilterText\n            )}\n            onChange={({ detail }) => setColumnFilteringText(detail.filteringText)}\n            countText={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringCountText',\n              i18nStrings?.columnFilteringCountText\n                ? i18nStrings?.columnFilteringCountText(sortedAndFilteredOptions.length)\n                : undefined,\n              format => format({ count: sortedAndFilteredOptions.length })\n            )}\n          />\n        </div>\n      )}\n\n      {/* No match */}\n      {sortedAndFilteredOptions.length === 0 && (\n        <div className={getClassName('no-match')}>\n          <InternalSpaceBetween size=\"s\" alignItems=\"center\">\n            <InternalBox margin={{ top: 'm' }}>\n              {i18n(\n                'contentDisplayPreference.i18nStrings.columnFilteringNoMatchText',\n                i18nStrings?.columnFilteringNoMatchText\n              )}\n            </InternalBox>\n            <InternalButton onClick={() => setColumnFilteringText('')}>\n              {i18n(\n                'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n                i18nStrings?.columnFilteringClearFilterText\n              )}\n            </InternalButton>\n          </InternalSpaceBetween>\n        </div>\n      )}\n\n      <InternalList\n        items={sortedAndFilteredOptions}\n        renderItem={item => ({\n          id: item.id,\n          content: <ContentDisplayOption option={item} onToggle={onToggle} />,\n          announcementLabel: item.label,\n        })}\n        disableItemPaddings={true}\n        sortable={true}\n        sortDisabled={columnFilteringText.trim().length > 0}\n        onSortingChange={({ detail: { items } }) => {\n          onChange(items);\n        }}\n        ariaDescribedby={descriptionId}\n        ariaLabelledby={titleId}\n        i18nStrings={{\n          liveAnnouncementDndStarted: i18n(\n            'contentDisplayPreference.liveAnnouncementDndStarted',\n            liveAnnouncementDndStarted,\n            formatDndStarted\n          ),\n          liveAnnouncementDndItemReordered: i18n(\n            'contentDisplayPreference.liveAnnouncementDndItemReordered',\n            liveAnnouncementDndItemReordered,\n            formatDndItemReordered\n          ),\n          liveAnnouncementDndItemCommitted: i18n(\n            'contentDisplayPreference.liveAnnouncementDndItemCommitted',\n            liveAnnouncementDndItemCommitted,\n            formatDndItemCommitted\n          ),\n          liveAnnouncementDndDiscarded: i18n(\n            'contentDisplayPreference.liveAnnouncementDndDiscarded',\n            liveAnnouncementDndDiscarded\n          ),\n          dragHandleAriaLabel: i18n('contentDisplayPreference.dragHandleAriaLabel', dragHandleAriaLabel),\n          dragHandleAriaDescription: i18n(\n            'contentDisplayPreference.dragHandleAriaDescription',\n            dragHandleAriaDescription\n          ),\n        }}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/collection-preferences/content-display/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useState } from 'react';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport InternalBox from '../../box/internal';\nimport InternalButton from '../../button/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport {\n  formatDndItemCommitted,\n  formatDndItemReordered,\n  formatDndStarted,\n} from '../../internal/components/sortable-area/use-live-announcements';\nimport InternalList from '../../list/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport InternalTextFilter from '../../text-filter/internal';\nimport { getAnalyticsInnerContextAttribute } from '../analytics-metadata/utils';\nimport { CollectionPreferencesProps } from '../interfaces';\nimport ContentDisplayOption from './content-display-option';\nimport { getFilteredOptions, getSortedOptions, OptionWithVisibility } from './utils';\n\nimport styles from '../styles.css.js';\n\nconst componentPrefix = 'content-display';\n\nconst getClassName = (suffix: string) => styles[`${componentPrefix}-${suffix}`];\n\ninterface ContentDisplayPreferenceProps extends CollectionPreferencesProps.ContentDisplayPreference {\n  onChange: (value: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>) => void;\n  value?: ReadonlyArray<CollectionPreferencesProps.ContentDisplayItem>;\n}\n\nexport default function ContentDisplayPreference({\n  title,\n  description,\n  options,\n  value = options.map(({ id }) => ({\n    id,\n    visible: true,\n  })),\n  onChange,\n  liveAnnouncementDndStarted,\n  liveAnnouncementDndItemReordered,\n  liveAnnouncementDndItemCommitted,\n  liveAnnouncementDndDiscarded,\n  dragHandleAriaDescription,\n  dragHandleAriaLabel,\n  enableColumnFiltering = false,\n  i18nStrings,\n}: ContentDisplayPreferenceProps) {\n  const idPrefix = useUniqueId(componentPrefix);\n  const i18n = useInternalI18n('collection-preferences');\n  const [columnFilteringText, setColumnFilteringText] = useState('');\n\n  const titleId = `${idPrefix}-title`;\n  const descriptionId = `${idPrefix}-description`;\n\n  const [sortedOptions, sortedAndFilteredOptions] = useMemo(() => {\n    const sorted = getSortedOptions({ options, contentDisplay: value });\n    const filtered = getFilteredOptions(sorted, columnFilteringText);\n    return [sorted, filtered];\n  }, [columnFilteringText, options, value]);\n\n  const onToggle = (option: OptionWithVisibility) => {\n    // We use sortedOptions as base and not value because there might be options that\n    // are not in the value yet, so they're added as non-visible after the known ones.\n    onChange(sortedOptions.map(({ id, visible }) => ({ id, visible: id === option.id ? !option.visible : visible })));\n  };\n\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={titleId}\n      aria-describedby={descriptionId}\n      className={styles[componentPrefix]}\n      {...getAnalyticsInnerContextAttribute('contentDisplay')}\n    >\n      <h3 className={getClassName('title')} id={titleId}>\n        {i18n('contentDisplayPreference.title', title)}\n      </h3>\n      <p className={getClassName('description')} id={descriptionId}>\n        {i18n('contentDisplayPreference.description', description)}\n      </p>\n\n      {/* Filter input */}\n      {enableColumnFiltering && (\n        <div className={getClassName('text-filter')}>\n          <InternalTextFilter\n            filteringText={columnFilteringText}\n            filteringPlaceholder={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringPlaceholder',\n              i18nStrings?.columnFilteringPlaceholder\n            )}\n            filteringAriaLabel={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringAriaLabel',\n              i18nStrings?.columnFilteringAriaLabel\n            )}\n            filteringClearAriaLabel={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n              i18nStrings?.columnFilteringClearFilterText\n            )}\n            onChange={({ detail }) => setColumnFilteringText(detail.filteringText)}\n            countText={i18n(\n              'contentDisplayPreference.i18nStrings.columnFilteringCountText',\n              i18nStrings?.columnFilteringCountText\n                ? i18nStrings?.columnFilteringCountText(sortedAndFilteredOptions.length)\n                : undefined,\n              format => format({ count: sortedAndFilteredOptions.length })\n            )}\n          />\n        </div>\n      )}\n\n      {/* No match */}\n      {sortedAndFilteredOptions.length === 0 && (\n        <div className={getClassName('no-match')}>\n          <InternalSpaceBetween size=\"s\" alignItems=\"center\">\n            <InternalBox margin={{ top: 'm' }}>\n              {i18n(\n                'contentDisplayPreference.i18nStrings.columnFilteringNoMatchText',\n                i18nStrings?.columnFilteringNoMatchText\n              )}\n            </InternalBox>\n            <InternalButton onClick={() => setColumnFilteringText('')}>\n              {i18n(\n                'contentDisplayPreference.i18nStrings.columnFilteringClearFilterText',\n                i18nStrings?.columnFilteringClearFilterText\n              )}\n            </InternalButton>\n          </InternalSpaceBetween>\n        </div>\n      )}\n\n      <InternalList\n        items={sortedAndFilteredOptions}\n        renderItem={item => ({\n          id: item.id,\n          content: <ContentDisplayOption option={item} onToggle={onToggle} />,\n          announcementLabel: item.label,\n        })}\n        disableItemPaddings={true}\n        sortable={true}\n        sortDisabled={columnFilteringText.trim().length > 0}\n        onSortingChange={({ detail: { items } }) => {\n          onChange(items);\n        }}\n        ariaDescribedby={descriptionId}\n        ariaLabelledby={titleId}\n        i18nStrings={{\n          liveAnnouncementDndStarted: i18n(\n            'contentDisplayPreference.liveAnnouncementDndStarted',\n            liveAnnouncementDndStarted,\n            formatDndStarted\n          ),\n          liveAnnouncementDndItemReordered: i18n(\n            'contentDisplayPreference.liveAnnouncementDndItemReordered',\n            liveAnnouncementDndItemReordered,\n            formatDndItemReordered\n          ),\n          liveAnnouncementDndItemCommitted: i18n(\n            'contentDisplayPreference.liveAnnouncementDndItemCommitted',\n            liveAnnouncementDndItemCommitted,\n            formatDndItemCommitted\n          ),\n          liveAnnouncementDndDiscarded: i18n(\n            'contentDisplayPreference.liveAnnouncementDndDiscarded',\n            liveAnnouncementDndDiscarded\n          ),\n          dragHandleAriaLabel: i18n('contentDisplayPreference.dragHandleAriaLabel', dragHandleAriaLabel),\n          dragHandleAriaDescription: i18n(\n            'contentDisplayPreference.dragHandleAriaDescription',\n            dragHandleAriaDescription\n          ),\n        }}\n      />\n    </div>\n  );\n}\n"]}

package/lib/internal/template/container/interfaces.d.ts

@@ -57,7 +57,6 @@ export interface ContainerProps extends BaseComponentProps {
     footer?: React.ReactNode;
     /**
      * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.
-     * @awsuiSystem core
      */
     disableFooterPaddings?: boolean;
     /**

package/lib/internal/template/container/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAC9B;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB;;WAEG;QACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QAEzB;;WAEG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QAE1B;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAExB;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,EAAE;gBACJ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,EAAE;gBACP,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC;IAErD;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;;;OAIG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAC9B;AAED,yBAAiB,cAAc,CAAC;IAC9B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAiB,KAAK;QACpB;;WAEG;QACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QAEzB;;WAEG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QAE1B;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAExB;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,EAAE;gBACJ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,EAAE;gBACP,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}

package/lib/internal/template/container/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ContainerProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * @analytics\n   */\n  analyticsMetadata?: ContainerProps.AnalyticsMetadata;\n\n  /**\n   * Heading element of the container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   *\n   * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.\n   * You can define different positions and sizes for the media element within the container.\n   *\n   * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n   *\n   * * `position` - Defines the media slot's position within the container. Defaults to `top`.\n   *\n   * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.\n   * Note: This value is considered only when `position` is set to `side`.\n   * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n   *\n   * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.   * Note: This value is only considered if `position` is set to `top`.\n   * If no height is provided, the media slot will be displayed at its full height.\n   *\n   */\n  media?: ContainerProps.Media;\n\n  /**\n   * Main content of the container.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Enabling this property will make the container to fit into available height. If content is too short, the container\n   * will stretch, if too long, the container will shrink and show vertical scrollbar.\n   *\n   * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch\n   * all containers to the height of the longest one, to avoid extra vertical scroll areas.\n   */\n  fitHeight?: boolean;\n\n  /**\n   * Footer of the container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.\n   * @awsuiSystem core\n   */\n  disableFooterPaddings?: boolean;\n\n  /**\n   * Specify a container variant with one of the following:\n   * * `default` - Use this variant in standalone context.\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: 'default' | 'stacked';\n\n  /**\n   * An object containing CSS properties to customize the container's visual appearance.\n   * Refer to the [style](/components/container/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: ContainerProps.Style;\n}\n\nexport namespace ContainerProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n  }\n  export interface Media {\n    /**\n     * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n     */\n    content: React.ReactNode;\n\n    /**\n     * Defines the media slot's position within the container. Defaults to `top`.\n     */\n    position?: 'top' | 'side';\n\n    /**\n     * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n     *\n     * Note: This value is considered only when `position` is set to `side`.\n     * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n     */\n    width?: string | number;\n\n    /**\n     * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n     *\n     * Note: This value is only considered if `position` is set to `top`.\n     * If no height is provided, the media slot will be displayed at its full height.\n     */\n    height?: string | number;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n    };\n    content?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    header?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    footer?: {\n      root: {\n        paddingBlock?: string;\n        paddingInline?: string;\n      };\n      divider: {\n        borderColor?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/container/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface ContainerProps extends BaseComponentProps {\n  /**\n   * Specifies additional analytics-related metadata.\n   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n   * @analytics\n   */\n  analyticsMetadata?: ContainerProps.AnalyticsMetadata;\n\n  /**\n   * Heading element of the container. Use the [header component](/components/header/).\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Determines whether the container header has padding. If `true`, removes the default padding from the header.\n   */\n  disableHeaderPaddings?: boolean;\n\n  /**\n   *\n   * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.\n   * You can define different positions and sizes for the media element within the container.\n   *\n   * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n   *\n   * * `position` - Defines the media slot's position within the container. Defaults to `top`.\n   *\n   * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.\n   * Note: This value is considered only when `position` is set to `side`.\n   * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n   *\n   * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n   * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.   * Note: This value is only considered if `position` is set to `top`.\n   * If no height is provided, the media slot will be displayed at its full height.\n   *\n   */\n  media?: ContainerProps.Media;\n\n  /**\n   * Main content of the container.\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Determines whether the container content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Enabling this property will make the container to fit into available height. If content is too short, the container\n   * will stretch, if too long, the container will shrink and show vertical scrollbar.\n   *\n   * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch\n   * all containers to the height of the longest one, to avoid extra vertical scroll areas.\n   */\n  fitHeight?: boolean;\n\n  /**\n   * Footer of the container.\n   */\n  footer?: React.ReactNode;\n\n  /**\n   * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.\n   */\n  disableFooterPaddings?: boolean;\n\n  /**\n   * Specify a container variant with one of the following:\n   * * `default` - Use this variant in standalone context.\n   * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n   *               table).\n   * @visualrefresh `stacked` variant\n   */\n  variant?: 'default' | 'stacked';\n\n  /**\n   * An object containing CSS properties to customize the container's visual appearance.\n   * Refer to the [style](/components/container/?tabId=style) tab for more details.\n   * @awsuiSystem core\n   */\n  style?: ContainerProps.Style;\n}\n\nexport namespace ContainerProps {\n  export interface AnalyticsMetadata {\n    instanceIdentifier?: string;\n  }\n  export interface Media {\n    /**\n     * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.\n     */\n    content: React.ReactNode;\n\n    /**\n     * Defines the media slot's position within the container. Defaults to `top`.\n     */\n    position?: 'top' | 'side';\n\n    /**\n     * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.\n     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n     *\n     * Note: This value is considered only when `position` is set to `side`.\n     * If no width is provided, the media slot will take a maximum of 66% of the container's width.\n     */\n    width?: string | number;\n\n    /**\n     * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.\n     * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.\n     *\n     * Note: This value is only considered if `position` is set to `top`.\n     * If no height is provided, the media slot will be displayed at its full height.\n     */\n    height?: string | number;\n  }\n\n  export interface Style {\n    root?: {\n      background?: string;\n      borderColor?: string;\n      borderRadius?: string;\n      borderWidth?: string;\n      boxShadow?: string;\n      color?: string;\n    };\n    content?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    header?: {\n      paddingBlock?: string;\n      paddingInline?: string;\n    };\n    footer?: {\n      root: {\n        paddingBlock?: string;\n        paddingInline?: string;\n      };\n      divider: {\n        borderColor?: string;\n        borderWidth?: string;\n      };\n    };\n  }\n}\n"]}

package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js

@@ -1,35 +1,35 @@
 
     import './styles.scoped.css';
     export default {
-  "grid": "awsui_grid_1mfbn_1jv0q_149",
-  "grid-cell": "awsui_grid-cell_1mfbn_1jv0q_154",
-  "day-header": "awsui_day-header_1mfbn_1jv0q_161",
-  "day": "awsui_day_1mfbn_1jv0q_161",
-  "month": "awsui_month_1mfbn_1jv0q_172",
-  "day-inner": "awsui_day-inner_1mfbn_1jv0q_220",
-  "month-inner": "awsui_month-inner_1mfbn_1jv0q_221",
-  "in-first-row": "awsui_in-first-row_1mfbn_1jv0q_228",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_1jv0q_228",
-  "in-previous-year": "awsui_in-previous-year_1mfbn_1jv0q_229",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1jv0q_233",
-  "last-month-of-year": "awsui_last-month-of-year_1mfbn_1jv0q_234",
-  "in-next-month": "awsui_in-next-month_1mfbn_1jv0q_238",
-  "in-next-year": "awsui_in-next-year_1mfbn_1jv0q_239",
-  "in-first-column": "awsui_in-first-column_1mfbn_1jv0q_243",
-  "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_1jv0q_246",
-  "in-current-month": "awsui_in-current-month_1mfbn_1jv0q_246",
-  "in-current-year": "awsui_in-current-year_1mfbn_1jv0q_246",
-  "enabled": "awsui_enabled_1mfbn_1jv0q_250",
-  "in-range": "awsui_in-range_1mfbn_1jv0q_256",
-  "end-date": "awsui_end-date_1mfbn_1jv0q_256",
-  "start-date": "awsui_start-date_1mfbn_1jv0q_256",
-  "no-range": "awsui_no-range_1mfbn_1jv0q_256",
-  "selected": "awsui_selected_1mfbn_1jv0q_266",
-  "today": "awsui_today_1mfbn_1jv0q_271",
-  "this-month": "awsui_this-month_1mfbn_1jv0q_272",
-  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_1jv0q_328",
-  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_1jv0q_331",
-  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_1jv0q_334",
-  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_1jv0q_337"
+  "grid": "awsui_grid_1mfbn_1vm0p_149",
+  "grid-cell": "awsui_grid-cell_1mfbn_1vm0p_154",
+  "day-header": "awsui_day-header_1mfbn_1vm0p_161",
+  "day": "awsui_day_1mfbn_1vm0p_161",
+  "month": "awsui_month_1mfbn_1vm0p_172",
+  "day-inner": "awsui_day-inner_1mfbn_1vm0p_220",
+  "month-inner": "awsui_month-inner_1mfbn_1vm0p_221",
+  "in-first-row": "awsui_in-first-row_1mfbn_1vm0p_228",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_1vm0p_228",
+  "in-previous-year": "awsui_in-previous-year_1mfbn_1vm0p_229",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1vm0p_233",
+  "last-month-of-year": "awsui_last-month-of-year_1mfbn_1vm0p_234",
+  "in-next-month": "awsui_in-next-month_1mfbn_1vm0p_238",
+  "in-next-year": "awsui_in-next-year_1mfbn_1vm0p_239",
+  "in-first-column": "awsui_in-first-column_1mfbn_1vm0p_243",
+  "in-visible-calendar": "awsui_in-visible-calendar_1mfbn_1vm0p_246",
+  "in-current-month": "awsui_in-current-month_1mfbn_1vm0p_246",
+  "in-current-year": "awsui_in-current-year_1mfbn_1vm0p_246",
+  "enabled": "awsui_enabled_1mfbn_1vm0p_250",
+  "in-range": "awsui_in-range_1mfbn_1vm0p_256",
+  "end-date": "awsui_end-date_1mfbn_1vm0p_256",
+  "start-date": "awsui_start-date_1mfbn_1vm0p_256",
+  "no-range": "awsui_no-range_1mfbn_1vm0p_256",
+  "selected": "awsui_selected_1mfbn_1vm0p_266",
+  "today": "awsui_today_1mfbn_1vm0p_271",
+  "this-month": "awsui_this-month_1mfbn_1vm0p_272",
+  "in-range-border-block-start": "awsui_in-range-border-block-start_1mfbn_1vm0p_328",
+  "in-range-border-inline-end": "awsui_in-range-border-inline-end_1mfbn_1vm0p_331",
+  "in-range-border-block-end": "awsui_in-range-border-block-end_1mfbn_1vm0p_334",
+  "in-range-border-inline-start": "awsui_in-range-border-inline-start_1mfbn_1vm0p_337"
 };