@cloudscape-design/components-themeable 3.0.60 → 3.0.62

package/lib/internal/scss/calendar/styles.scss

@@ -18,8 +18,10 @@ $calendar-grid-nonmonth-day-color: awsui.$color-text-dropdown-item-secondary;
 $calendar-grid-hover-background-color: awsui.$color-background-dropdown-item-hover;
 $calendar-grid-hover-border-color: awsui.$color-border-dropdown-item-hover;
 $calendar-grid-today-background-color: awsui.$color-background-calendar-today;
-$calendar-grid-selected-background-color: awsui.$color-background-dropdown-item-selected;
-$calendar-grid-selected-border-color: awsui.$color-border-dropdown-item-selected;
+$calendar-grid-selected-text-color: awsui.$color-background-control-default;
+$calendar-grid-selected-background-color: awsui.$color-background-control-checked;
+$calendar-grid-selected-border-color: awsui.$color-background-control-checked;
+$calendar-grid-selected-focused-box-shadow: 0 0 0 2px awsui.$color-border-calendar-grid-selected-focus-ring;
 $calendar-grid-border: 1px solid $calendar-grid-border-color;
 
 .root {
@@ -86,7 +88,6 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
     text-align: center;
     border-bottom: $calendar-grid-border;
     border-right: $calendar-grid-border;
-    border-radius: awsui.$border-radius-item;
     padding: awsui.$space-xxs 0;
     color: $calendar-grid-disabled-day-color;
     position: relative;
@@ -106,7 +107,9 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
     &-enabled {
       cursor: pointer;
       color: $calendar-grid-nonmonth-day-color;
-
+      &::after {
+        border-radius: awsui.$border-radius-item;
+      }
       &.calendar-day-current-month {
         color: $calendar-grid-day-color;
         &:hover {
@@ -115,7 +118,6 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
           &:not(.calendar-day-selected) {
             &::after {
               border: awsui.$border-item-width solid $calendar-grid-hover-border-color;
-              border-radius: awsui.$border-radius-item;
             }
           }
         }
@@ -124,15 +126,17 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
 
     &-today {
       background-color: $calendar-grid-today-background-color;
+      border-radius: awsui.$border-radius-item;
     }
 
     &::after {
       content: '';
       position: absolute;
-      top: -1px;
+      z-index: 1;
+      top: calc(-1 * #{awsui.$border-item-width});
       left: -1px;
       bottom: -1px;
-      right: -1px;
+      right: calc(-1 * #{awsui.$border-item-width});
       background-color: transparent;
     }
     > .day-inner {
@@ -142,25 +146,41 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
 
     &:focus {
       outline: none;
-      @include styles.focus-highlight(
-        awsui.$space-calendar-grid-focus-outline-gutter,
-        awsui.$border-radius-calendar-day-focus-ring
-      );
-      &::before {
-        z-index: 2;
+      @include focus-visible.when-visible {
+        @include styles.focus-highlight(
+          awsui.$space-calendar-grid-focus-outline-gutter,
+          awsui.$border-radius-calendar-day-focus-ring
+        );
+        &::before {
+          z-index: 2;
+        }
       }
     }
 
     &-selected {
       border-color: transparent;
       position: relative;
+      z-index: 2;
+      &:focus {
+        @include focus-visible.when-visible {
+          @include styles.focus-highlight(
+            awsui.$space-calendar-grid-focus-outline-gutter,
+            awsui.$border-radius-calendar-day-focus-ring,
+            $calendar-grid-selected-focused-box-shadow
+          );
+          &::before {
+            z-index: 2;
+          }
+        }
+      }
       &::after {
         background-color: $calendar-grid-selected-background-color;
         border: awsui.$border-item-width solid $calendar-grid-selected-border-color;
         border-radius: awsui.$border-radius-item;
       }
       > .day-inner {
-        color: awsui.$color-text-calendar-day-selected;
+        z-index: 2;
+        color: $calendar-grid-selected-text-color;
         position: relative;
       }
     }

package/lib/internal/scss/date-range-picker/calendar/grids/day/styles.scss

@@ -76,11 +76,6 @@ $calendar-grid-width: 234px;
     background-color: transparent;
   }
 
-  > .day-inner {
-    position: relative;
-    z-index: 1;
-  }
-
   @include focus-visible.when-visible {
     z-index: 2;
     @include styles.focus-highlight(
@@ -88,6 +83,11 @@ $calendar-grid-width: 234px;
       awsui.$border-radius-calendar-day-focus-ring
     );
   }
+
+  > .day-inner {
+    position: relative;
+    z-index: 1;
+  }
 }
 
 .in-first-row:not(.in-previous-month) {

package/lib/internal/scss/date-range-picker/styles.scss

@@ -106,17 +106,12 @@ $calendar-grid-width: awsui.$size-calendar-grid-width;
 }
 
 .date-and-time-wrapper {
-  display: flex;
   width: $calendar-grid-width;
-
-  &__date {
-    margin-right: awsui.$space-xs;
-  }
-
-  & > .date-and-time-wrapper__time,
-  & > .date-and-time-wrapper__date {
-    flex-grow: 1;
-  }
+}
+.date-and-time-wrapper:not(.date-only) {
+  display: grid;
+  column-gap: awsui.$space-xs;
+  grid-template-columns: 1fr 1fr;
 }
 
 .date-and-time-constrainttext {

package/lib/internal/scss/property-filter/styles.scss

@@ -39,7 +39,6 @@
 
 .token-editor {
   margin: awsui.$space-xxs;
-  min-width: 300px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;

package/lib/internal/template/breadcrumb-group/item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_3zese_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_3zese_97",
-  "icon": "awsui_icon_1kosq_3zese_100",
-  "anchor": "awsui_anchor_1kosq_3zese_104",
-  "last": "awsui_last_1kosq_3zese_147",
-  "compressed": "awsui_compressed_1kosq_3zese_157",
-  "text": "awsui_text_1kosq_3zese_161"
+  "link": "awsui_link_1kosq_1lntj_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1lntj_97",
+  "icon": "awsui_icon_1kosq_1lntj_100",
+  "anchor": "awsui_anchor_1kosq_1lntj_104",
+  "last": "awsui_last_1kosq_1lntj_147",
+  "compressed": "awsui_compressed_1kosq_1lntj_157",
+  "text": "awsui_text_1kosq_1lntj_161"
 };
   

package/lib/internal/template/breadcrumb-group/item/styles.scoped.css

@@ -90,18 +90,18 @@ 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_link_1kosq_3zese_93:not(#\9):after {
+.awsui_link_1kosq_1lntj_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_3zese_97:not(#\9) {
+.awsui_breadcrumb_1kosq_1lntj_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_icon_1kosq_3zese_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_icon_1kosq_1lntj_100:not(#\9) {
   margin: 0 var(--space-xs-rsr2qu, 8px);
-  color: var(--color-text-breadcrumb-icon-wx9n5d, #aab7b8);
+  color: var(--color-text-breadcrumb-icon-73h18g, #687078);
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9) {
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -114,31 +114,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):active, .awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):focus, .awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):active, .awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):focus, .awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_3zese_97 > .awsui_anchor_1kosq_3zese_104[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1lntj_97 > .awsui_anchor_1kosq_1lntj_104[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
@@ -146,21 +146,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_breadcrumb_1kosq_3zese_97.awsui_last_1kosq_3zese_147 > .awsui_icon_1kosq_3zese_100:not(#\9) {
+.awsui_breadcrumb_1kosq_1lntj_97.awsui_last_1kosq_1lntj_147 > .awsui_icon_1kosq_1lntj_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_3zese_97.awsui_last_1kosq_3zese_147 > .awsui_anchor_1kosq_3zese_104:not(#\9) {
+.awsui_breadcrumb_1kosq_1lntj_97.awsui_last_1kosq_1lntj_147 > .awsui_anchor_1kosq_1lntj_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-t6gbyx, #687078);
   text-decoration: none;
   cursor: default;
   pointer-events: none;
 }
 
-.awsui_compressed_1kosq_3zese_157:not(#\9) {
+.awsui_compressed_1kosq_1lntj_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_3zese_157 > .awsui_text_1kosq_3zese_161:not(#\9) {
+.awsui_compressed_1kosq_1lntj_157 > .awsui_text_1kosq_1lntj_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/lib/internal/template/breadcrumb-group/item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_3zese_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_3zese_97",
-  "icon": "awsui_icon_1kosq_3zese_100",
-  "anchor": "awsui_anchor_1kosq_3zese_104",
-  "last": "awsui_last_1kosq_3zese_147",
-  "compressed": "awsui_compressed_1kosq_3zese_157",
-  "text": "awsui_text_1kosq_3zese_161"
+  "link": "awsui_link_1kosq_1lntj_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1lntj_97",
+  "icon": "awsui_icon_1kosq_1lntj_100",
+  "anchor": "awsui_anchor_1kosq_1lntj_104",
+  "last": "awsui_last_1kosq_1lntj_147",
+  "compressed": "awsui_compressed_1kosq_1lntj_157",
+  "text": "awsui_text_1kosq_1lntj_161"
 };
   

package/lib/internal/template/breadcrumb-group/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_1iq2b_93",
-  "item": "awsui_item_d19fg_1iq2b_105",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_1iq2b_116",
-  "ellipsis": "awsui_ellipsis_d19fg_1iq2b_126",
-  "icon": "awsui_icon_d19fg_1iq2b_134",
-  "mobile": "awsui_mobile_d19fg_1iq2b_138"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_gzt6o_93",
+  "item": "awsui_item_d19fg_gzt6o_105",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_gzt6o_116",
+  "ellipsis": "awsui_ellipsis_d19fg_gzt6o_126",
+  "icon": "awsui_icon_d19fg_gzt6o_134",
+  "mobile": "awsui_mobile_d19fg_gzt6o_138"
 };
   

package/lib/internal/template/breadcrumb-group/styles.scoped.css

@@ -90,7 +90,7 @@ 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_breadcrumb-group_d19fg_1iq2b_93:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -128,7 +128,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
   padding: var(--space-xxs-ynfts5, 4px) 0;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_item_d19fg_1iq2b_105:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_item_d19fg_gzt6o_105:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -165,7 +165,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   display: inline;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116:not(#\9) {
   display: flex;
   align-items: center;
   padding: 0;
@@ -174,29 +174,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
   flex-wrap: wrap;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_item_d19fg_1iq2b_105:not(#\9),
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_ellipsis_d19fg_1iq2b_126:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_item_d19fg_gzt6o_105:not(#\9),
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_ellipsis_d19fg_gzt6o_126:not(#\9) {
   display: inline-block;
   padding: 0;
   margin: 0;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_ellipsis_d19fg_1iq2b_126:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_ellipsis_d19fg_gzt6o_126:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_ellipsis_d19fg_1iq2b_126 > .awsui_icon_d19fg_1iq2b_134:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_ellipsis_d19fg_gzt6o_126 > .awsui_icon_d19fg_gzt6o_134:not(#\9) {
   margin: 0 10px;
-  color: var(--color-text-breadcrumb-icon-wx9n5d, #aab7b8);
+  color: var(--color-text-breadcrumb-icon-73h18g, #687078);
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93.awsui_mobile_d19fg_1iq2b_138 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93.awsui_mobile_d19fg_gzt6o_138 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116:not(#\9) {
   flex-wrap: nowrap;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93.awsui_mobile_d19fg_1iq2b_138 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_ellipsis_d19fg_1iq2b_126:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93.awsui_mobile_d19fg_gzt6o_138 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_ellipsis_d19fg_gzt6o_126:not(#\9) {
   display: flex;
   flex-shrink: 0;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93.awsui_mobile_d19fg_1iq2b_138 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_item_d19fg_1iq2b_105:not(#\9) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93.awsui_mobile_d19fg_gzt6o_138 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_item_d19fg_gzt6o_105:not(#\9) {
   min-width: 0;
 }
-.awsui_breadcrumb-group_d19fg_1iq2b_93.awsui_mobile_d19fg_1iq2b_138 > .awsui_breadcrumb-group-list_d19fg_1iq2b_116 > .awsui_item_d19fg_1iq2b_105:not(#\9):not(:first-child):not(:last-child) {
+.awsui_breadcrumb-group_d19fg_gzt6o_93.awsui_mobile_d19fg_gzt6o_138 > .awsui_breadcrumb-group-list_d19fg_gzt6o_116 > .awsui_item_d19fg_gzt6o_105:not(#\9):not(:first-child):not(:last-child) {
   display: none;
 }

package/lib/internal/template/breadcrumb-group/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_1iq2b_93",
-  "item": "awsui_item_d19fg_1iq2b_105",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_1iq2b_116",
-  "ellipsis": "awsui_ellipsis_d19fg_1iq2b_126",
-  "icon": "awsui_icon_d19fg_1iq2b_134",
-  "mobile": "awsui_mobile_d19fg_1iq2b_138"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_gzt6o_93",
+  "item": "awsui_item_d19fg_gzt6o_105",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_gzt6o_116",
+  "ellipsis": "awsui_ellipsis_d19fg_gzt6o_126",
+  "icon": "awsui_icon_d19fg_gzt6o_134",
+  "mobile": "awsui_mobile_d19fg_gzt6o_138"
 };
   

package/lib/internal/template/calendar/grid/day/index.d.ts

@@ -10,6 +10,6 @@ interface GridDayProps {
     onSelectDate: (date: Date) => void;
     isDateInLastWeek: boolean;
 }
-declare const GridDay: ({ locale, baseDate, date, selectedDate, focusedDate, isDateEnabled, todayAriaLabel, onSelectDate, isDateInLastWeek, }: GridDayProps) => JSX.Element;
-export default GridDay;
+export default function GridDay({ locale, baseDate, date, selectedDate, focusedDate, isDateEnabled, todayAriaLabel, onSelectDate, isDateInLastWeek, }: GridDayProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/calendar/grid/day/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,OAAO,0HAUV,YAAY,gBAwCd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,YAAY,EACZ,gBAAgB,GACjB,EAAE,YAAY,eAyCd"}

package/lib/internal/template/calendar/grid/day/index.js

@@ -6,7 +6,8 @@ import styles from '../../styles.css.js';
 import { isSameDay, isSameMonth } from 'date-fns';
 import { getDateLabel } from '../../utils/intl';
 import clsx from 'clsx';
-var GridDay = function (_a) {
+import useFocusVisible from '../../../internal/hooks/focus-visible/index.js';
+export default function GridDay(_a) {
     var _b;
     var locale = _a.locale, baseDate = _a.baseDate, date = _a.date, selectedDate = _a.selectedDate, focusedDate = _a.focusedDate, isDateEnabled = _a.isDateEnabled, todayAriaLabel = _a.todayAriaLabel, onSelectDate = _a.onSelectDate, isDateInLastWeek = _a.isDateInLastWeek;
     var labels = [getDateLabel(locale, date)];
@@ -23,6 +24,7 @@ var GridDay = function (_a) {
         _b[styles['calendar-day-today']] = isDateOnSameDay,
         _b[styles['calendar-day-focusable']] = isFocusable && isEnabled,
         _b));
+    var focusVisible = useFocusVisible();
     if (isSelected) {
         computedAttributes['aria-current'] = 'date';
     }
@@ -39,8 +41,7 @@ var GridDay = function (_a) {
     if (isFocusable && isEnabled) {
         computedAttributes.tabIndex = 0;
     }
-    return (React.createElement("div", __assign({ className: classNames, "aria-label": labels.join('. '), role: "button" }, computedAttributes),
+    return (React.createElement("div", __assign({ className: classNames, "aria-label": labels.join('. '), role: "button" }, computedAttributes, focusVisible),
         React.createElement("span", { className: styles['day-inner'] }, date.getDate())));
-};
-export default GridDay;
+}
 //# sourceMappingURL=index.js.map

package/lib/internal/template/calendar/grid/day/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AAcxB,IAAM,OAAO,GAAG,UAAC,EAUF;;QATb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAyC,EAAE,CAAC;IACpE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAC5C,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,gBAAgB;QACvD,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnE,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS;QAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,UAAU;QAC7C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,eAAe;QAC/C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,WAAW,IAAI,SAAS;YAC5D,CAAC;IAEH,IAAI,UAAU,EAAE;QACd,kBAAkB,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KAC7C;IAED,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,kBAAkB,CAAC,OAAO,GAAG,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC;QACtD,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAClC;SAAM;QACL,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC5C;IAED,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,UAAU,gBAAc,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,IAAK,kBAAkB;QAC7F,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAAG,IAAI,CAAC,OAAO,EAAE,CAAQ,CACzD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../../styles.css.js';\nimport { DatePickerProps } from '../../../date-picker/interfaces';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getDateLabel } from '../../utils/intl';\nimport clsx from 'clsx';\n\ninterface GridDayProps {\n  locale: string;\n  baseDate: Date;\n  date: Date;\n  selectedDate?: Date | null;\n  focusedDate: Date | null;\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n  todayAriaLabel: string;\n  onSelectDate: (date: Date) => void;\n  isDateInLastWeek: boolean;\n}\n\nconst GridDay = ({\n  locale,\n  baseDate,\n  date,\n  selectedDate,\n  focusedDate,\n  isDateEnabled,\n  todayAriaLabel,\n  onSelectDate,\n  isDateInLastWeek,\n}: GridDayProps) => {\n  const labels = [getDateLabel(locale, date)];\n  const isFocusable = !!focusedDate && isSameDay(date, focusedDate);\n  const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n  const isEnabled = !isDateEnabled || isDateEnabled(date);\n  const isDateOnSameDay = isSameDay(date, new Date());\n  const computedAttributes: React.HTMLAttributes<HTMLDivElement> = {};\n  const classNames = clsx(styles['calendar-day'], {\n    [styles['calendar-day-in-last-week']]: isDateInLastWeek,\n    [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n    [styles['calendar-day-enabled']]: isEnabled,\n    [styles['calendar-day-selected']]: isSelected,\n    [styles['calendar-day-today']]: isDateOnSameDay,\n    [styles['calendar-day-focusable']]: isFocusable && isEnabled,\n  });\n\n  if (isSelected) {\n    computedAttributes['aria-current'] = 'date';\n  }\n\n  if (isDateOnSameDay) {\n    labels.push(todayAriaLabel);\n  }\n\n  if (isEnabled) {\n    computedAttributes.onClick = () => onSelectDate(date);\n    computedAttributes.tabIndex = -1;\n  } else {\n    computedAttributes['aria-disabled'] = true;\n  }\n\n  if (isFocusable && isEnabled) {\n    computedAttributes.tabIndex = 0;\n  }\n\n  return (\n    <div className={classNames} aria-label={labels.join('. ')} role=\"button\" {...computedAttributes}>\n      <span className={styles['day-inner']}>{date.getDate()}</span>\n    </div>\n  );\n};\n\nexport default GridDay;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/calendar/grid/day/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAc7E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAUjB;;QATb,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,MAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClE,IAAM,UAAU,GAAG,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACnE,IAAM,SAAS,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAM,eAAe,GAAG,SAAS,CAAC,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;IACpD,IAAM,kBAAkB,GAAyC,EAAE,CAAC;IACpE,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;QAC5C,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,gBAAgB;QACvD,GAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnE,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,SAAS;QAC3C,GAAC,MAAM,CAAC,uBAAuB,CAAC,IAAG,UAAU;QAC7C,GAAC,MAAM,CAAC,oBAAoB,CAAC,IAAG,eAAe;QAC/C,GAAC,MAAM,CAAC,wBAAwB,CAAC,IAAG,WAAW,IAAI,SAAS;YAC5D,CAAC;IACH,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,IAAI,UAAU,EAAE;QACd,kBAAkB,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;KAC7C;IAED,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC7B;IAED,IAAI,SAAS,EAAE;QACb,kBAAkB,CAAC,OAAO,GAAG,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,CAAC;QACtD,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;KAClC;SAAM;QACL,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC5C;IAED,IAAI,WAAW,IAAI,SAAS,EAAE;QAC5B,kBAAkB,CAAC,QAAQ,GAAG,CAAC,CAAC;KACjC;IAED,OAAO,CACL,sCAAK,SAAS,EAAE,UAAU,gBAAc,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,QAAQ,IAAK,kBAAkB,EAAM,YAAY;QAC/G,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAAG,IAAI,CAAC,OAAO,EAAE,CAAQ,CACzD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../../styles.css.js';\nimport { DatePickerProps } from '../../../date-picker/interfaces';\nimport { isSameDay, isSameMonth } from 'date-fns';\nimport { getDateLabel } from '../../utils/intl';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../../internal/hooks/focus-visible/index.js';\n\ninterface GridDayProps {\n  locale: string;\n  baseDate: Date;\n  date: Date;\n  selectedDate?: Date | null;\n  focusedDate: Date | null;\n  isDateEnabled?: DatePickerProps.IsDateEnabledFunction;\n  todayAriaLabel: string;\n  onSelectDate: (date: Date) => void;\n  isDateInLastWeek: boolean;\n}\n\nexport default function GridDay({\n  locale,\n  baseDate,\n  date,\n  selectedDate,\n  focusedDate,\n  isDateEnabled,\n  todayAriaLabel,\n  onSelectDate,\n  isDateInLastWeek,\n}: GridDayProps) {\n  const labels = [getDateLabel(locale, date)];\n  const isFocusable = !!focusedDate && isSameDay(date, focusedDate);\n  const isSelected = !!selectedDate && isSameDay(date, selectedDate);\n  const isEnabled = !isDateEnabled || isDateEnabled(date);\n  const isDateOnSameDay = isSameDay(date, new Date());\n  const computedAttributes: React.HTMLAttributes<HTMLDivElement> = {};\n  const classNames = clsx(styles['calendar-day'], {\n    [styles['calendar-day-in-last-week']]: isDateInLastWeek,\n    [styles['calendar-day-current-month']]: isSameMonth(date, baseDate),\n    [styles['calendar-day-enabled']]: isEnabled,\n    [styles['calendar-day-selected']]: isSelected,\n    [styles['calendar-day-today']]: isDateOnSameDay,\n    [styles['calendar-day-focusable']]: isFocusable && isEnabled,\n  });\n  const focusVisible = useFocusVisible();\n\n  if (isSelected) {\n    computedAttributes['aria-current'] = 'date';\n  }\n\n  if (isDateOnSameDay) {\n    labels.push(todayAriaLabel);\n  }\n\n  if (isEnabled) {\n    computedAttributes.onClick = () => onSelectDate(date);\n    computedAttributes.tabIndex = -1;\n  } else {\n    computedAttributes['aria-disabled'] = true;\n  }\n\n  if (isFocusable && isEnabled) {\n    computedAttributes.tabIndex = 0;\n  }\n\n  return (\n    <div className={classNames} aria-label={labels.join('. ')} role=\"button\" {...computedAttributes} {...focusVisible}>\n      <span className={styles['day-inner']}>{date.getDate()}</span>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/calendar/grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,QAAA,MAAM,IAAI,4JAYP,SAAS,gBAoFX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/calendar/grid/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,QAAQ,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,gBAAgB,CAAC;CACnC;AAED,QAAA,MAAM,IAAI,4JAYP,SAAS,gBAmFX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/internal/template/calendar/grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/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 } from 'react';\nimport styles from '../styles.css.js';\nimport GridDay from './day';\nimport { KeyCode } from '../../internal/keycode';\nimport { addDays, addWeeks, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { MoveFocusHandler } from '../utils/move-focus-handler';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport rotateDayIndexes from '../utils/rotate-day-indexes';\nimport { renderDayName } from '../utils/intl';\n\nexport interface GridProps {\n  locale: string;\n  baseDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  focusedDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangeMonth: (date: Date) => void;\n  startOfWeek: DayIndex;\n  todayAriaLabel: string;\n  selectedDate: Date | null;\n  handleFocusMove: MoveFocusHandler;\n}\n\nconst Grid = ({\n  locale,\n  baseDate,\n  isDateEnabled,\n  focusedDate,\n  onSelectDate,\n  onFocusDate,\n  onChangeMonth,\n  startOfWeek,\n  todayAriaLabel,\n  selectedDate,\n  handleFocusMove,\n}: GridProps) => {\n  const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (event.keyCode) {\n      case KeyCode.enter:\n        event.preventDefault();\n        if (focusedDate) {\n          onFocusDate(null);\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, 1));\n        break;\n      case KeyCode.left:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, -1));\n        break;\n      case KeyCode.up:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, -1));\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, 1));\n        break;\n      default:\n        return;\n    }\n\n    if (!isSameMonth(updatedFocusDate, baseDate)) {\n      onChangeMonth(updatedFocusDate);\n    }\n    onFocusDate(updatedFocusDate);\n  };\n\n  const weeks = useMemo<Date[][]>(\n    () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n    [baseDate, startOfWeek]\n  );\n\n  return (\n    <div>\n      <div className={styles['calendar-day-names']}>\n        {rotateDayIndexes(startOfWeek).map(i => (\n          <div key={`day-name-${i}`} className={styles['calendar-day-name']}>\n            {renderDayName(locale, i)}\n          </div>\n        ))}\n      </div>\n      <div className={styles['calendar-dates']} onKeyDown={onGridKeyDownHandler}>\n        {weeks.map((week, weekIndex) => {\n          const isDateInLastWeek = weeks.length - 1 === weekIndex;\n\n          return (\n            <div key={`week-${weekIndex}`} className={styles['calendar-week']}>\n              {week.map((date, dateIndex) => {\n                return (\n                  <GridDay\n                    key={`date-${weekIndex}-${dateIndex}`}\n                    locale={locale}\n                    baseDate={baseDate}\n                    selectedDate={selectedDate}\n                    date={date}\n                    focusedDate={focusedDate}\n                    todayAriaLabel={todayAriaLabel}\n                    onSelectDate={date => onSelectDate(date)}\n                    isDateEnabled={isDateEnabled}\n                    isDateInLastWeek={isDateInLastWeek}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Grid;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/calendar/grid/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 } from 'react';\nimport styles from '../styles.css.js';\nimport GridDay from './day';\nimport { KeyCode } from '../../internal/keycode';\nimport { addDays, addWeeks, isSameMonth } from 'date-fns';\nimport { getCalendarMonth } from 'mnth';\nimport { DayIndex } from '../internal';\nimport { MoveFocusHandler } from '../utils/move-focus-handler';\nimport { DatePickerProps } from '../../date-picker/interfaces';\nimport rotateDayIndexes from '../utils/rotate-day-indexes';\nimport { renderDayName } from '../utils/intl';\n\nexport interface GridProps {\n  locale: string;\n  baseDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  focusedDate: Date | null;\n  onSelectDate: (date: Date) => void;\n  onFocusDate: (date: null | Date) => void;\n  onChangeMonth: (date: Date) => void;\n  startOfWeek: DayIndex;\n  todayAriaLabel: string;\n  selectedDate: Date | null;\n  handleFocusMove: MoveFocusHandler;\n}\n\nconst Grid = ({\n  locale,\n  baseDate,\n  isDateEnabled,\n  focusedDate,\n  onSelectDate,\n  onFocusDate,\n  onChangeMonth,\n  startOfWeek,\n  todayAriaLabel,\n  selectedDate,\n  handleFocusMove,\n}: GridProps) => {\n  const onGridKeyDownHandler = (event: React.KeyboardEvent) => {\n    let updatedFocusDate;\n\n    if (focusedDate === null) {\n      return;\n    }\n\n    switch (event.keyCode) {\n      case KeyCode.enter:\n        event.preventDefault();\n        if (focusedDate) {\n          onFocusDate(null);\n          onSelectDate(focusedDate);\n        }\n        return;\n      case KeyCode.right:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, 1));\n        break;\n      case KeyCode.left:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addDays(date, -1));\n        break;\n      case KeyCode.up:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, -1));\n        break;\n      case KeyCode.down:\n        event.preventDefault();\n        updatedFocusDate = handleFocusMove(focusedDate, isDateEnabled, date => addWeeks(date, 1));\n        break;\n      default:\n        return;\n    }\n\n    if (!isSameMonth(updatedFocusDate, baseDate)) {\n      onChangeMonth(updatedFocusDate);\n    }\n    onFocusDate(updatedFocusDate);\n  };\n\n  const weeks = useMemo<Date[][]>(\n    () => getCalendarMonth(baseDate, { firstDayOfWeek: startOfWeek }),\n    [baseDate, startOfWeek]\n  );\n\n  return (\n    <div>\n      <div className={styles['calendar-day-names']}>\n        {rotateDayIndexes(startOfWeek).map(i => (\n          <div key={`day-name-${i}`} className={styles['calendar-day-name']}>\n            {renderDayName(locale, i)}\n          </div>\n        ))}\n      </div>\n      <div className={styles['calendar-dates']} onKeyDown={onGridKeyDownHandler}>\n        {weeks.map((week, weekIndex) => {\n          const isDateInLastWeek = weeks.length - 1 === weekIndex;\n          return (\n            <div key={`week-${weekIndex}`} className={styles['calendar-week']}>\n              {week.map((date, dateIndex) => {\n                return (\n                  <GridDay\n                    key={`date-${weekIndex}-${dateIndex}`}\n                    locale={locale}\n                    baseDate={baseDate}\n                    selectedDate={selectedDate}\n                    date={date}\n                    focusedDate={focusedDate}\n                    todayAriaLabel={todayAriaLabel}\n                    onSelectDate={date => onSelectDate(date)}\n                    isDateEnabled={isDateEnabled}\n                    isDateInLastWeek={isDateInLastWeek}\n                  />\n                );\n              })}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Grid;\n"]}

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

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_1ykar_1lht6_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_1lht6_1",
-  "root": "awsui_root_1ykar_1lht6_120",
-  "calendar-inner": "awsui_calendar-inner_1ykar_1lht6_137",
-  "calendar-header": "awsui_calendar-header_1ykar_1lht6_140",
-  "calendar-header-month": "awsui_calendar-header-month_1ykar_1lht6_145",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_1lht6_151",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_1lht6_154",
-  "calendar-day-names": "awsui_calendar-day-names_1ykar_1lht6_157",
-  "calendar-day-name": "awsui_calendar-day-name_1ykar_1lht6_157",
-  "calendar-dates": "awsui_calendar-dates_1ykar_1lht6_172",
-  "calendar-week": "awsui_calendar-week_1ykar_1lht6_175",
-  "calendar-day": "awsui_calendar-day_1ykar_1lht6_157",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_1lht6_194",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_1lht6_197",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_1lht6_200",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_1lht6_204",
-  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_1lht6_211",
-  "calendar-day-today": "awsui_calendar-day-today_1ykar_1lht6_215",
-  "day-inner": "awsui_day-inner_1ykar_1lht6_227"
+  "calendar": "awsui_calendar_1ykar_5qnhi_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1ykar_5qnhi_1",
+  "root": "awsui_root_1ykar_5qnhi_120",
+  "calendar-inner": "awsui_calendar-inner_1ykar_5qnhi_137",
+  "calendar-header": "awsui_calendar-header_1ykar_5qnhi_140",
+  "calendar-header-month": "awsui_calendar-header-month_1ykar_5qnhi_145",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_1ykar_5qnhi_151",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_1ykar_5qnhi_154",
+  "calendar-day-names": "awsui_calendar-day-names_1ykar_5qnhi_157",
+  "calendar-day-name": "awsui_calendar-day-name_1ykar_5qnhi_157",
+  "calendar-dates": "awsui_calendar-dates_1ykar_5qnhi_172",
+  "calendar-week": "awsui_calendar-week_1ykar_5qnhi_175",
+  "calendar-day": "awsui_calendar-day_1ykar_5qnhi_157",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_1ykar_5qnhi_193",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_1ykar_5qnhi_196",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_1ykar_5qnhi_199",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_1ykar_5qnhi_206",
+  "calendar-day-selected": "awsui_calendar-day-selected_1ykar_5qnhi_213",
+  "calendar-day-today": "awsui_calendar-day-today_1ykar_5qnhi_216",
+  "day-inner": "awsui_day-inner_1ykar_5qnhi_230"
 };