@cloudscape-design/components-themeable 3.0.853 → 3.0.855

package/lib/internal/template/internal/components/selectable-item/styles.scoped.css

@@ -136,9 +136,13 @@
  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_selectable-item_15o6u_sh5kl_141:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145:not(#\9) {
   font-size: var(--font-size-body-m-6wxxs5, 14px);
   line-height: var(--line-height-body-m-gw0130, 22px);
   color: var(--color-text-body-default-agk00h, #16191f);
@@ -160,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xxs-y2432o, 4px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
   padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_pad-bottom_15o6u_sh5kl_163:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_pad-bottom_15o6u_1iszo_167:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-y2432o, 4px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px)) + var(--space-xxxs-gn3248, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_sh5kl_141:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_1iszo_145:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_has-background_15o6u_sh5kl_170:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_has-background_15o6u_1iszo_174:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_highlighted_15o6u_1iszo_177:not(#\9), .awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
   border-width: var(--border-item-width-bjacxs, 1px);
   border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
@@ -180,87 +184,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-y2432o, 4px);
   padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_pad-bottom_15o6u_sh5kl_163:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_pad-bottom_15o6u_sh5kl_163:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_highlighted_15o6u_1iszo_177.awsui_pad-bottom_15o6u_1iszo_167:not(#\9), .awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177.awsui_pad-bottom_15o6u_1iszo_167:not(#\9) {
   padding-block-end: calc(var(--space-xxs-y2432o, 4px) + var(--space-xxxs-gn3248, 2px));
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_highlighted_15o6u_1iszo_177:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_disabled_15o6u_sh5kl_191:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_highlighted_15o6u_1iszo_177.awsui_disabled_15o6u_1iszo_195:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-xe0faj, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-0rwxkv, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-dtqtu6, transparent);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-i187hy, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-3l3bsn, #eaeded);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_next-item-selected_15o6u_sh5kl_201:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177.awsui_next-item-selected_15o6u_1iszo_205:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177.awsui_highlighted_15o6u_1iszo_177:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173 + .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177 + .awsui_selectable-item_15o6u_1iszo_145.awsui_selected_15o6u_1iszo_177:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_is-keyboard_15o6u_sh5kl_213:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_highlighted_15o6u_1iszo_177.awsui_is-keyboard_15o6u_1iszo_217:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-6wa092, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-h1uzwg, #545b64);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217:not(#\9):not(.awsui_interactiveGroups_15o6u_sh5kl_221) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221:not(#\9):not(.awsui_interactiveGroups_15o6u_1iszo_225) {
   border-block-start-color: var(--color-border-dropdown-group-ze4esa, #eaeded);
   padding-block: var(--space-xs-6dgkww, 8px);
   padding-inline: var(--space-xs-6dgkww, 8px);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221.awsui_interactiveGroups_15o6u_1iszo_225:not(#\9) {
   padding-block: calc(var(--space-xs-6dgkww, 8px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
   padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221.awsui_interactiveGroups_15o6u_1iszo_225.awsui_highlighted_15o6u_1iszo_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221.awsui_interactiveGroups_15o6u_1iszo_225.awsui_highlighted_15o6u_1iszo_177:not(#\9), .awsui_selectable-item_15o6u_1iszo_145.awsui_parent_15o6u_1iszo_221.awsui_interactiveGroups_15o6u_1iszo_225.awsui_selected_15o6u_1iszo_177:not(#\9) {
   padding-block: var(--space-xs-6dgkww, 8px);
   padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_child_15o6u_1iszo_241:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-thzxkv, 32px) + var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_child_15o6u_1iszo_241.awsui_highlighted_15o6u_1iszo_177:not(#\9), .awsui_selectable-item_15o6u_1iszo_145.awsui_child_15o6u_1iszo_241.awsui_selected_15o6u_1iszo_177:not(#\9) {
   padding-inline-start: var(--space-xxl-thzxkv, 32px);
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_disabled_15o6u_sh5kl_191:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_disabled_15o6u_1iszo_195:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
 }
-.awsui_selectable-item_15o6u_sh5kl_141:not(#\9):not(.awsui_disabled_15o6u_sh5kl_191):not(.awsui_parent_15o6u_sh5kl_217) {
+.awsui_selectable-item_15o6u_1iszo_145:not(#\9):not(.awsui_disabled_15o6u_1iszo_195):not(.awsui_parent_15o6u_1iszo_221) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_interactiveGroups_15o6u_sh5kl_221:not(#\9):not(.awsui_disabled_15o6u_sh5kl_191) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_interactiveGroups_15o6u_1iszo_225:not(#\9):not(.awsui_disabled_15o6u_1iszo_195) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_virtual_15o6u_sh5kl_252:not(#\9) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_virtual_15o6u_1iszo_256:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-mojxsv, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_sh5kl_141.awsui_virtual_15o6u_sh5kl_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_sh5kl_173, .awsui_highlighted_15o6u_sh5kl_173) {
+.awsui_selectable-item_15o6u_1iszo_145.awsui_virtual_15o6u_1iszo_256:not(#\9):first-of-type:not(.awsui_selected_15o6u_1iszo_177, .awsui_highlighted_15o6u_1iszo_177) {
   border-block-start-color: var(--color-border-dropdown-item-top-k8ts00, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_sh5kl_263:not(#\9) {
+.awsui_measure-strut_15o6u_1iszo_267:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -269,16 +273,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-x6rz7e, 1px);
 }
-.awsui_measure-strut-first_15o6u_sh5kl_272:not(#\9) {
+.awsui_measure-strut-first_15o6u_1iszo_276:not(#\9) {
   padding-block-end: var(--border-divider-list-width-x6rz7e, 1px);
 }
 
-.awsui_screenreader-content_15o6u_sh5kl_276:not(#\9) {
+.awsui_screenreader-content_15o6u_1iszo_280:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_sh5kl_282:not(#\9) {
+.awsui_option-content_15o6u_1iszo_286:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_sh5kl_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_sh5kl_163",
-  "has-background": "awsui_has-background_15o6u_sh5kl_170",
-  "highlighted": "awsui_highlighted_15o6u_sh5kl_173",
-  "selected": "awsui_selected_15o6u_sh5kl_173",
-  "disabled": "awsui_disabled_15o6u_sh5kl_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_sh5kl_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_sh5kl_213",
-  "parent": "awsui_parent_15o6u_sh5kl_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_sh5kl_221",
-  "child": "awsui_child_15o6u_sh5kl_237",
-  "virtual": "awsui_virtual_15o6u_sh5kl_252",
-  "measure-strut": "awsui_measure-strut_15o6u_sh5kl_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_sh5kl_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_sh5kl_276",
-  "option-content": "awsui_option-content_15o6u_sh5kl_282"
+  "selectable-item": "awsui_selectable-item_15o6u_1iszo_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1iszo_167",
+  "has-background": "awsui_has-background_15o6u_1iszo_174",
+  "highlighted": "awsui_highlighted_15o6u_1iszo_177",
+  "selected": "awsui_selected_15o6u_1iszo_177",
+  "disabled": "awsui_disabled_15o6u_1iszo_195",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1iszo_205",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1iszo_217",
+  "parent": "awsui_parent_15o6u_1iszo_221",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1iszo_225",
+  "child": "awsui_child_15o6u_1iszo_241",
+  "virtual": "awsui_virtual_15o6u_1iszo_256",
+  "measure-strut": "awsui_measure-strut_15o6u_1iszo_267",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1iszo_276",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1iszo_280",
+  "option-content": "awsui_option-content_15o6u_1iszo_286"
 };
   

package/lib/internal/template/internal/components/token-list/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_5njap_189",
-  "horizontal": "awsui_horizontal_gfwv3_5njap_192",
-  "vertical": "awsui_vertical_gfwv3_5njap_198",
-  "list": "awsui_list_gfwv3_5njap_203",
-  "grid": "awsui_grid_gfwv3_5njap_222",
-  "list-item": "awsui_list-item_gfwv3_5njap_234",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_5njap_241",
-  "toggle": "awsui_toggle_gfwv3_5njap_241",
-  "description": "awsui_description_gfwv3_5njap_333",
-  "separator": "awsui_separator_gfwv3_5njap_337"
+  "root": "awsui_root_gfwv3_7ijzf_193",
+  "horizontal": "awsui_horizontal_gfwv3_7ijzf_196",
+  "vertical": "awsui_vertical_gfwv3_7ijzf_202",
+  "list": "awsui_list_gfwv3_7ijzf_207",
+  "grid": "awsui_grid_gfwv3_7ijzf_226",
+  "list-item": "awsui_list-item_gfwv3_7ijzf_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_7ijzf_245",
+  "toggle": "awsui_toggle_gfwv3_7ijzf_245",
+  "description": "awsui_description_gfwv3_7ijzf_337",
+  "separator": "awsui_separator_gfwv3_7ijzf_341"
 };
   

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -134,12 +134,16 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ 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
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -186,21 +190,21 @@ 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_gfwv3_5njap_189:not(#\9) {
+.awsui_root_gfwv3_7ijzf_193:not(#\9) {
   gap: var(--space-scaled-xs-t3am3w, 8px);
 }
-.awsui_root_gfwv3_5njap_189.awsui_horizontal_gfwv3_5njap_192:not(#\9) {
+.awsui_root_gfwv3_7ijzf_193.awsui_horizontal_gfwv3_7ijzf_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-6dgkww, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_5njap_189.awsui_vertical_gfwv3_5njap_198:not(#\9) {
+.awsui_root_gfwv3_7ijzf_193.awsui_vertical_gfwv3_7ijzf_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_5njap_203:not(#\9) {
+.awsui_list_gfwv3_7ijzf_207:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -208,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_5njap_203.awsui_horizontal_gfwv3_5njap_192:not(#\9), .awsui_list_gfwv3_5njap_203.awsui_vertical_gfwv3_5njap_198:not(#\9) {
+.awsui_list_gfwv3_7ijzf_207.awsui_horizontal_gfwv3_7ijzf_196:not(#\9), .awsui_list_gfwv3_7ijzf_207.awsui_vertical_gfwv3_7ijzf_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-6dgkww, 8px);
 }
-.awsui_list_gfwv3_5njap_203.awsui_horizontal_gfwv3_5njap_192:not(#\9) {
+.awsui_list_gfwv3_7ijzf_207.awsui_horizontal_gfwv3_7ijzf_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_5njap_203.awsui_vertical_gfwv3_5njap_198:not(#\9) {
+.awsui_list_gfwv3_7ijzf_207.awsui_vertical_gfwv3_7ijzf_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_5njap_203.awsui_grid_gfwv3_5njap_222:not(#\9) {
+.awsui_list_gfwv3_7ijzf_207.awsui_grid_gfwv3_7ijzf_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-6dgkww, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_5njap_203.awsui_grid_gfwv3_5njap_222:not(#\9) {
+  .awsui_list_gfwv3_7ijzf_207.awsui_grid_gfwv3_7ijzf_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_5njap_234:not(#\9) {
+.awsui_list-item_gfwv3_7ijzf_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_5njap_241:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_7ijzf_245:not(#\9) {
   padding-inline-start: var(--space-xs-6dgkww, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_5njap_241:not(#\9) {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -296,34 +300,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_5njap_241:not(#\9) {
+  .awsui_toggle_gfwv3_7ijzf_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_5njap_241:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_5njap_241:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_7ijzf_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_7ijzf_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_5njap_241:not(#\9):hover {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_toggle_gfwv3_5njap_241:not(#\9):focus {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_5njap_241:not(#\9):active {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9):active {
   color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_toggle_gfwv3_5njap_241:not(#\9):active, .awsui_toggle_gfwv3_5njap_241:not(#\9):focus, .awsui_toggle_gfwv3_5njap_241:not(#\9):hover {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9):active, .awsui_toggle_gfwv3_7ijzf_245:not(#\9):focus, .awsui_toggle_gfwv3_7ijzf_245:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_5njap_241:not(#\9):active, .awsui_toggle_gfwv3_5njap_241:not(#\9):focus, .awsui_toggle_gfwv3_5njap_241:not(#\9):hover {
+.awsui_toggle_gfwv3_7ijzf_245:not(#\9):active, .awsui_toggle_gfwv3_7ijzf_245:not(#\9):focus, .awsui_toggle_gfwv3_7ijzf_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_5njap_241:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_7ijzf_245:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
   border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
@@ -333,11 +337,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_5njap_241:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_toggle_gfwv3_5njap_241 > .awsui_description_gfwv3_5njap_333:not(#\9) {
+.awsui_toggle_gfwv3_7ijzf_245 > .awsui_description_gfwv3_7ijzf_337:not(#\9) {
   margin-inline-start: var(--space-xxs-y2432o, 4px);
 }
 
-.awsui_separator_gfwv3_5njap_337:not(#\9) {
+.awsui_separator_gfwv3_7ijzf_341:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-3uxq9h, 16px);
   inline-size: var(--border-divider-section-width-iueskx, 1px);

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_5njap_189",
-  "horizontal": "awsui_horizontal_gfwv3_5njap_192",
-  "vertical": "awsui_vertical_gfwv3_5njap_198",
-  "list": "awsui_list_gfwv3_5njap_203",
-  "grid": "awsui_grid_gfwv3_5njap_222",
-  "list-item": "awsui_list-item_gfwv3_5njap_234",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_5njap_241",
-  "toggle": "awsui_toggle_gfwv3_5njap_241",
-  "description": "awsui_description_gfwv3_5njap_333",
-  "separator": "awsui_separator_gfwv3_5njap_337"
+  "root": "awsui_root_gfwv3_7ijzf_193",
+  "horizontal": "awsui_horizontal_gfwv3_7ijzf_196",
+  "vertical": "awsui_vertical_gfwv3_7ijzf_202",
+  "list": "awsui_list_gfwv3_7ijzf_207",
+  "grid": "awsui_grid_gfwv3_7ijzf_226",
+  "list-item": "awsui_list-item_gfwv3_7ijzf_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_7ijzf_245",
+  "toggle": "awsui_toggle_gfwv3_7ijzf_245",
+  "description": "awsui_description_gfwv3_7ijzf_337",
+  "separator": "awsui_separator_gfwv3_7ijzf_341"
 };
   

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (2049c4ab)";
+export var PACKAGE_VERSION = "3.0.0 (85cb377f)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (2049c4ab)",
+  "PACKAGE_VERSION": "3.0.0 (85cb377f)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/hooks/use-performance-marks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AAUA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EA0DnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AAoCA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EAsDnC"}

package/lib/internal/template/internal/hooks/use-performance-marks/index.js

@@ -1,10 +1,30 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { useModalContext } from '../../context/modal-context';
 import { useDOMAttribute } from '../use-dom-attribute';
 import { useEffectOnUpdate } from '../use-effect-on-update';
 import { useRandomId } from '../use-unique-id';
+const EVALUATE_COMPONENT_VISIBILITY_EVENT = 'awsui-evaluate-component-visibility';
+/**
+ * This hook manages a boolean state (`evaluateComponentVisibility`) that toggles
+ * whenever a custom DOM event (`EVALUATE_COMPONENT_VISIBILITY_EVENT`) is triggered.
+ *
+ * @returns
+ */
+const useEvaluateComponentVisibility = () => {
+    const [evaluateComponentVisibility, setEvaluateComponentVisibility] = useState(false);
+    useEffect(() => {
+        const handleEvaluateComponentVisibility = () => {
+            setEvaluateComponentVisibility(prev => !prev);
+        };
+        document.addEventListener(EVALUATE_COMPONENT_VISIBILITY_EVENT, handleEvaluateComponentVisibility);
+        return () => {
+            document.removeEventListener(EVALUATE_COMPONENT_VISIBILITY_EVENT, handleEvaluateComponentVisibility);
+        };
+    }, []);
+    return evaluateComponentVisibility;
+};
 /**
  * This function returns an object that needs to be spread onto the same
  * element as the `elementRef`, so that the data attribute is applied
@@ -14,6 +34,7 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
     const id = useRandomId();
     const { isInModal } = useModalContext();
     const attributes = useDOMAttribute(elementRef, 'data-analytics-performance-mark', id);
+    const evaluateComponentVisibility = useEvaluateComponentVisibility();
     useEffect(() => {
         if (!enabled || !elementRef.current || isInModal) {
             return;
@@ -45,7 +66,7 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
             detail: Object.assign({ source: 'awsui', instanceIdentifier: id }, getDetails()),
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, dependencies);
+    }, [evaluateComponentVisibility, ...dependencies]);
     return attributes;
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/hooks/use-performance-marks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAAgB,EAChB,UAAwC,EACxC,UAAuE,EACvE,YAAkC;IAElC,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,EAAE,iCAAiC,EAAE,EAAE,CAAC,CAAC;IAEtF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QAED,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAG,GAAG,IAAI,UAAU,CAAC;QAE3C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACjC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QACD,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,GAAG,IAAI,SAAS,CAAC;QAEzC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE;YAChC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;IAEjB,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\n\nimport { useModalContext } from '../../context/modal-context';\nimport { useDOMAttribute } from '../use-dom-attribute';\nimport { useEffectOnUpdate } from '../use-effect-on-update';\nimport { useRandomId } from '../use-unique-id';\n\n/**\n * This function returns an object that needs to be spread onto the same\n * element as the `elementRef`, so that the data attribute is applied\n * correctly.\n */\nexport function usePerformanceMarks(\n  name: string,\n  enabled: boolean,\n  elementRef: React.RefObject<HTMLElement>,\n  getDetails: () => Record<string, string | boolean | number | undefined>,\n  dependencies: React.DependencyList\n) {\n  const id = useRandomId();\n  const { isInModal } = useModalContext();\n  const attributes = useDOMAttribute(elementRef, 'data-analytics-performance-mark', id);\n\n  useEffect(() => {\n    if (!enabled || !elementRef.current || isInModal) {\n      return;\n    }\n\n    const elementVisible =\n      elementRef.current.offsetWidth > 0 &&\n      elementRef.current.offsetHeight > 0 &&\n      getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n    if (!elementVisible) {\n      return;\n    }\n\n    const renderedMarkName = `${name}Rendered`;\n\n    performance.mark(renderedMarkName, {\n      detail: {\n        source: 'awsui',\n        instanceIdentifier: id,\n        ...getDetails(),\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffectOnUpdate(() => {\n    if (!enabled || !elementRef.current || isInModal) {\n      return;\n    }\n    const elementVisible =\n      elementRef.current.offsetWidth > 0 &&\n      elementRef.current.offsetHeight > 0 &&\n      getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n    if (!elementVisible) {\n      return;\n    }\n\n    const updatedMarkName = `${name}Updated`;\n\n    performance.mark(updatedMarkName, {\n      detail: {\n        source: 'awsui',\n        instanceIdentifier: id,\n        ...getDetails(),\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n\n  return attributes;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useState } from 'react';\n\nimport { useModalContext } from '../../context/modal-context';\nimport { useDOMAttribute } from '../use-dom-attribute';\nimport { useEffectOnUpdate } from '../use-effect-on-update';\nimport { useRandomId } from '../use-unique-id';\n\nconst EVALUATE_COMPONENT_VISIBILITY_EVENT = 'awsui-evaluate-component-visibility';\n\n/**\n * This hook manages a boolean state (`evaluateComponentVisibility`) that toggles\n * whenever a custom DOM event (`EVALUATE_COMPONENT_VISIBILITY_EVENT`) is triggered.\n *\n * @returns\n */\nconst useEvaluateComponentVisibility = () => {\n  const [evaluateComponentVisibility, setEvaluateComponentVisibility] = useState(false);\n\n  useEffect(() => {\n    const handleEvaluateComponentVisibility = () => {\n      setEvaluateComponentVisibility(prev => !prev);\n    };\n\n    document.addEventListener(EVALUATE_COMPONENT_VISIBILITY_EVENT, handleEvaluateComponentVisibility);\n\n    return () => {\n      document.removeEventListener(EVALUATE_COMPONENT_VISIBILITY_EVENT, handleEvaluateComponentVisibility);\n    };\n  }, []);\n\n  return evaluateComponentVisibility;\n};\n\n/**\n * This function returns an object that needs to be spread onto the same\n * element as the `elementRef`, so that the data attribute is applied\n * correctly.\n */\nexport function usePerformanceMarks(\n  name: string,\n  enabled: boolean,\n  elementRef: React.RefObject<HTMLElement>,\n  getDetails: () => Record<string, string | boolean | number | undefined>,\n  dependencies: React.DependencyList\n) {\n  const id = useRandomId();\n  const { isInModal } = useModalContext();\n  const attributes = useDOMAttribute(elementRef, 'data-analytics-performance-mark', id);\n  const evaluateComponentVisibility = useEvaluateComponentVisibility();\n  useEffect(() => {\n    if (!enabled || !elementRef.current || isInModal) {\n      return;\n    }\n    const elementVisible =\n      elementRef.current.offsetWidth > 0 &&\n      elementRef.current.offsetHeight > 0 &&\n      getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n    if (!elementVisible) {\n      return;\n    }\n\n    const renderedMarkName = `${name}Rendered`;\n    performance.mark(renderedMarkName, {\n      detail: {\n        source: 'awsui',\n        instanceIdentifier: id,\n        ...getDetails(),\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffectOnUpdate(() => {\n    if (!enabled || !elementRef.current || isInModal) {\n      return;\n    }\n    const elementVisible =\n      elementRef.current.offsetWidth > 0 &&\n      elementRef.current.offsetHeight > 0 &&\n      getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n    if (!elementVisible) {\n      return;\n    }\n    const updatedMarkName = `${name}Updated`;\n    performance.mark(updatedMarkName, {\n      detail: {\n        source: 'awsui',\n        instanceIdentifier: id,\n        ...getDetails(),\n      },\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [evaluateComponentVisibility, ...dependencies]);\n\n  return attributes;\n}\n"]}

package/lib/internal/template/internal/styles/motion/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const spinWhenOpen: (styles: Record<string, string>, className: string, open: boolean) => string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/internal/template/internal/styles/motion/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/internal/styles/motion/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,WAAY,OAAO,MAAM,EAAE,MAAM,CAAC,aAAa,MAAM,QAAQ,OAAO,WAC/B,CAAC"}

package/lib/internal/template/internal/styles/motion/utils.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+export const spinWhenOpen = (styles, className, open) => clsx(styles[className], open && styles[`${className}-open`]);
+//# sourceMappingURL=utils.js.map

package/lib/internal/template/internal/styles/motion/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/internal/styles/motion/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAA8B,EAAE,SAAiB,EAAE,IAAa,EAAE,EAAE,CAC/F,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,IAAI,MAAM,CAAC,GAAG,SAAS,OAAO,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\n\nexport const spinWhenOpen = (styles: Record<string, string>, className: string, open: boolean) =>\n  clsx(styles[className], open && styles[`${className}-open`]);\n"]}

package/lib/internal/template/internal/utils/date-time/format-date-iso.d.ts

@@ -1,7 +1,8 @@
-export default function ({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, }: {
+export default function ({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, isMonthOnly, }: {
     date: string;
     hideTimeOffset?: boolean;
     isDateOnly: boolean;
+    isMonthOnly: boolean;
     timeOffset?: number;
 }): string;
 //# sourceMappingURL=format-date-iso.d.ts.map

package/lib/internal/template/internal/utils/date-time/format-date-iso.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-date-iso.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-iso.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,UAAU,GACX,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,UAGA"}
+{"version":3,"file":"format-date-iso.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-iso.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,UAMA"}

package/lib/internal/template/internal/utils/date-time/format-date-iso.js

@@ -1,8 +1,12 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { format, parseISO } from 'date-fns';
 import { formatTimeOffsetISO } from './format-time-offset';
-export default function ({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, }) {
-    const formattedOffset = hideTimeOffset || isDateOnly ? '' : formatTimeOffsetISO(isoDate, timeOffset);
+export default function ({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, isMonthOnly, }) {
+    const formattedOffset = hideTimeOffset || isDateOnly || isMonthOnly ? '' : formatTimeOffsetISO(isoDate, timeOffset);
+    if (isMonthOnly) {
+        return format(parseISO(isoDate), 'yyyy-MM');
+    }
     return isoDate + formattedOffset;
 }
 //# sourceMappingURL=format-date-iso.js.map

package/lib/internal/template/internal/utils/date-time/format-date-iso.js.map

@@ -1 +1 @@
-{"version":3,"file":"format-date-iso.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-iso.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,UAAU,GAMX;IACC,MAAM,eAAe,GAAG,cAAc,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACrG,OAAO,OAAO,GAAG,eAAe,CAAC;AACnC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatTimeOffsetISO } from './format-time-offset';\n\nexport default function ({\n  date: isoDate,\n  hideTimeOffset,\n  isDateOnly,\n  timeOffset,\n}: {\n  date: string;\n  hideTimeOffset?: boolean;\n  isDateOnly: boolean;\n  timeOffset?: number;\n}) {\n  const formattedOffset = hideTimeOffset || isDateOnly ? '' : formatTimeOffsetISO(isoDate, timeOffset);\n  return isoDate + formattedOffset;\n}\n"]}
+{"version":3,"file":"format-date-iso.js","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-iso.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,EACvB,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,WAAW,GAOZ;IACC,MAAM,eAAe,GAAG,cAAc,IAAI,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACpH,IAAI,WAAW,EAAE;QACf,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC;KAC7C;IACD,OAAO,OAAO,GAAG,eAAe,CAAC;AACnC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { format, parseISO } from 'date-fns';\n\nimport { formatTimeOffsetISO } from './format-time-offset';\n\nexport default function ({\n  date: isoDate,\n  hideTimeOffset,\n  isDateOnly,\n  timeOffset,\n  isMonthOnly,\n}: {\n  date: string;\n  hideTimeOffset?: boolean;\n  isDateOnly: boolean;\n  isMonthOnly: boolean;\n  timeOffset?: number;\n}) {\n  const formattedOffset = hideTimeOffset || isDateOnly || isMonthOnly ? '' : formatTimeOffsetISO(isoDate, timeOffset);\n  if (isMonthOnly) {\n    return format(parseISO(isoDate), 'yyyy-MM');\n  }\n  return isoDate + formattedOffset;\n}\n"]}

package/lib/internal/template/internal/utils/date-time/format-date-localized.d.ts

@@ -1,6 +1,7 @@
-export default function formatDateLocalized({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, locale, }: {
+export default function formatDateLocalized({ date: isoDate, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset, locale, }: {
     date: string;
     hideTimeOffset?: boolean;
+    isMonthOnly: boolean;
     isDateOnly: boolean;
     timeOffset?: number;
     locale?: string;

package/lib/internal/template/internal/utils/date-time/format-date-localized.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"format-date-localized.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-localized.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,UAgCA"}
+{"version":3,"file":"format-date-localized.d.ts","sourceRoot":"","sources":["../../../../../src/internal/utils/date-time/format-date-localized.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EAAE,OAAO,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,UAyCA"}

package/lib/internal/template/internal/utils/date-time/format-date-localized.js

@@ -2,16 +2,23 @@
 // SPDX-License-Identifier: Apache-2.0
 import { isValid, parseISO } from 'date-fns';
 import { formatTimeOffsetLocalized } from './format-time-offset';
-export default function formatDateLocalized({ date: isoDate, hideTimeOffset, isDateOnly, timeOffset, locale, }) {
+export default function formatDateLocalized({ date: isoDate, hideTimeOffset, isDateOnly, isMonthOnly, timeOffset, locale, }) {
     let date = parseISO(isoDate);
     // if the date is not ISO formatted, fallback to built-in date parsing
     if (!isValid(date)) {
         date = new Date(isoDate);
     }
+    if (isMonthOnly) {
+        const formattedMonthDate = new Intl.DateTimeFormat(locale, {
+            month: 'long',
+            year: 'numeric',
+        }).format(date);
+        return formattedMonthDate;
+    }
     const formattedDate = new Intl.DateTimeFormat(locale, {
-        day: 'numeric',
         month: 'long',
         year: 'numeric',
+        day: 'numeric',
     }).format(date);
     if (isDateOnly) {
         return formattedDate;