npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.251 → 3.0.253 - Mend

@cloudscape-design/components-themeable 3.0.251 → 3.0.253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (356) hide show

package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css CHANGED Viewed

@@ -94,19 +94,19 @@ 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_grid_1mfbn_1529k_97:not(#\9) {
+.awsui_grid_1mfbn_oid0h_97:not(#\9) {
   width: var(--size-calendar-grid-width-luenzs, 234px);
   border-spacing: 0;
 }
-.awsui_grid-cell_1mfbn_1529k_102:not(#\9) {
+.awsui_grid-cell_1mfbn_oid0h_102:not(#\9) {
   width: 14.2857142857%;
   word-break: break-word;
   text-align: center;
   font-weight: unset;
 }
-.awsui_day-header_1mfbn_1529k_109:not(#\9) {
+.awsui_day-header_1mfbn_oid0h_109:not(#\9) {
   padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-calendar-month-cx7jxx, #545b64);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
@@ -114,21 +114,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
-.awsui_week_1mfbn_1529k_117:not(#\9) {
+.awsui_week_1mfbn_oid0h_117:not(#\9) {
   /* used for identifying element */
 }
-.awsui_day_1mfbn_1529k_109:not(#\9) {
+.awsui_day_1mfbn_oid0h_109:not(#\9) {
   border-bottom: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
   border-right: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
   padding: var(--space-xxs-ynfts5, 4px) 0;
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
-.awsui_day_1mfbn_1529k_109:not(#\9):focus {
+.awsui_day_1mfbn_oid0h_109:not(#\9):focus {
   outline: none;
 }
-.awsui_day_1mfbn_1529k_109:not(#\9)::after {
+.awsui_day_1mfbn_oid0h_109:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -138,15 +138,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-item-width-yvnixs, 1px));
   background-color: transparent;
 }
-.awsui_day_1mfbn_1529k_109[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_oid0h_109:not(#\9):focus {
   z-index: 2;
   position: relative;
 }
-.awsui_day_1mfbn_1529k_109[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_oid0h_109:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
-.awsui_day_1mfbn_1529k_109[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_day_1mfbn_oid0h_109:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -157,67 +157,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_day_1mfbn_1529k_109 > .awsui_day-inner_1mfbn_1529k_160:not(#\9) {
+.awsui_day_1mfbn_oid0h_109 > .awsui_day-inner_1mfbn_oid0h_160:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_in-first-row_1mfbn_1529k_165:not(#\9):not(.awsui_in-previous-month_1mfbn_1529k_165) {
+.awsui_in-first-row_1mfbn_oid0h_165:not(#\9):not(.awsui_in-previous-month_1mfbn_oid0h_165) {
   border-top: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_in-previous-month_1mfbn_1529k_165:not(#\9):not(.awsui_last-day-of-month_1mfbn_1529k_169) {
+.awsui_in-previous-month_1mfbn_oid0h_165:not(#\9):not(.awsui_last-day-of-month_1mfbn_oid0h_169) {
   border-right-color: transparent;
 }
-.awsui_in-next-month_1mfbn_1529k_173:not(#\9) {
+.awsui_in-next-month_1mfbn_oid0h_173:not(#\9) {
   border-color: transparent;
 }
-.awsui_in-first-column_1mfbn_1529k_177:not(#\9) {
+.awsui_in-first-column_1mfbn_oid0h_177:not(#\9) {
   border-left: 1px solid transparent;
 }
-.awsui_in-first-column_1mfbn_1529k_177.awsui_in-current-month_1mfbn_1529k_180:not(#\9) {
+.awsui_in-first-column_1mfbn_oid0h_177.awsui_in-current-month_1mfbn_oid0h_180:not(#\9) {
   border-left: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_enabled_1mfbn_1529k_184:not(#\9) {
+.awsui_enabled_1mfbn_oid0h_184:not(#\9) {
   cursor: pointer;
 }
-.awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180:not(#\9) {
+.awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180:not(#\9) {
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180:not(#\9):not(.awsui_in-range_1mfbn_1529k_190), .awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180:not(#\9):not(.awsui_in-range_1mfbn_1529k_190)::after, .awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180.awsui_end-date_1mfbn_1529k_190.awsui_start-date_1mfbn_1529k_190:not(#\9), .awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180.awsui_end-date_1mfbn_1529k_190.awsui_start-date_1mfbn_1529k_190:not(#\9)::after, .awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180.awsui_no-range_1mfbn_1529k_190:not(#\9), .awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180.awsui_no-range_1mfbn_1529k_190:not(#\9)::after {
+.awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180:not(#\9):not(.awsui_in-range_1mfbn_oid0h_190), .awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180:not(#\9):not(.awsui_in-range_1mfbn_oid0h_190)::after, .awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180.awsui_end-date_1mfbn_oid0h_190.awsui_start-date_1mfbn_oid0h_190:not(#\9), .awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180.awsui_end-date_1mfbn_oid0h_190.awsui_start-date_1mfbn_oid0h_190:not(#\9)::after, .awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180.awsui_no-range_1mfbn_oid0h_190:not(#\9), .awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180.awsui_no-range_1mfbn_oid0h_190:not(#\9)::after {
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180:not(#\9):hover {
+.awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
-.awsui_enabled_1mfbn_1529k_184.awsui_in-current-month_1mfbn_1529k_180:not(#\9):hover:not(.awsui_selected_1mfbn_1529k_197)::after {
+.awsui_enabled_1mfbn_oid0h_184.awsui_in-current-month_1mfbn_oid0h_180:not(#\9):hover:not(.awsui_selected_1mfbn_oid0h_197)::after {
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
 }
-.awsui_today_1mfbn_1529k_201:not(#\9):not(.awsui_in-range_1mfbn_1529k_190) {
+.awsui_today_1mfbn_oid0h_201:not(#\9):not(.awsui_in-range_1mfbn_oid0h_190) {
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
   border-radius: var(--border-radius-item-wjpc1f, 0px);
   font-weight: 700;
 }
-.awsui_selected_1mfbn_1529k_197:not(#\9) {
+.awsui_selected_1mfbn_oid0h_197:not(#\9) {
   border-color: transparent;
   position: relative;
   z-index: 2;
   font-weight: 700;
 }
-.awsui_selected_1mfbn_1529k_197[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_oid0h_197:not(#\9):focus {
   position: relative;
 }
-.awsui_selected_1mfbn_1529k_197[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_oid0h_197:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px) - 1px);
 }
-.awsui_selected_1mfbn_1529k_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_oid0h_197:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -228,57 +228,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
 }
-.awsui_selected_1mfbn_1529k_197[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_selected_1mfbn_oid0h_197:not(#\9):focus::before {
   z-index: 1;
 }
-.awsui_selected_1mfbn_1529k_197:not(#\9)::after {
+.awsui_selected_1mfbn_oid0h_197:not(#\9)::after {
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
   z-index: 0;
 }
-.awsui_selected_1mfbn_1529k_197.awsui_start-date_1mfbn_1529k_190:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_start-date_1mfbn_1529k_190:not(#\9)::after, .awsui_selected_1mfbn_1529k_197.awsui_range-start-date_1mfbn_1529k_239:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_range-start-date_1mfbn_1529k_239:not(#\9)::after {
+.awsui_selected_1mfbn_oid0h_197.awsui_start-date_1mfbn_oid0h_190:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_start-date_1mfbn_oid0h_190:not(#\9)::after, .awsui_selected_1mfbn_oid0h_197.awsui_range-start-date_1mfbn_oid0h_239:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_range-start-date_1mfbn_oid0h_239:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_1mfbn_1529k_197.awsui_start-date_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_start-date_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242:not(#\9)::after, .awsui_selected_1mfbn_1529k_197.awsui_range-start-date_1mfbn_1529k_239.awsui_in-range-border-bottom_1mfbn_1529k_242:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_range-start-date_1mfbn_1529k_239.awsui_in-range-border-bottom_1mfbn_1529k_242:not(#\9)::after {
+.awsui_selected_1mfbn_oid0h_197.awsui_start-date_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_start-date_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242:not(#\9)::after, .awsui_selected_1mfbn_oid0h_197.awsui_range-start-date_1mfbn_oid0h_239.awsui_in-range-border-bottom_1mfbn_oid0h_242:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_range-start-date_1mfbn_oid0h_239.awsui_in-range-border-bottom_1mfbn_oid0h_242:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_1mfbn_1529k_197.awsui_end-date_1mfbn_1529k_190:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_end-date_1mfbn_1529k_190:not(#\9)::after, .awsui_selected_1mfbn_1529k_197.awsui_range-end-date_1mfbn_1529k_245:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_range-end-date_1mfbn_1529k_245:not(#\9)::after {
+.awsui_selected_1mfbn_oid0h_197.awsui_end-date_1mfbn_oid0h_190:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_end-date_1mfbn_oid0h_190:not(#\9)::after, .awsui_selected_1mfbn_oid0h_197.awsui_range-end-date_1mfbn_oid0h_245:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_range-end-date_1mfbn_oid0h_245:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_1mfbn_1529k_197.awsui_end-date_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_end-date_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248:not(#\9)::after, .awsui_selected_1mfbn_1529k_197.awsui_range-end-date_1mfbn_1529k_245.awsui_in-range-border-top_1mfbn_1529k_248:not(#\9), .awsui_selected_1mfbn_1529k_197.awsui_range-end-date_1mfbn_1529k_245.awsui_in-range-border-top_1mfbn_1529k_248:not(#\9)::after {
+.awsui_selected_1mfbn_oid0h_197.awsui_end-date_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_end-date_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248:not(#\9)::after, .awsui_selected_1mfbn_oid0h_197.awsui_range-end-date_1mfbn_oid0h_245.awsui_in-range-border-top_1mfbn_oid0h_248:not(#\9), .awsui_selected_1mfbn_oid0h_197.awsui_range-end-date_1mfbn_oid0h_245.awsui_in-range-border-top_1mfbn_oid0h_248:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_selected_1mfbn_1529k_197 > .awsui_day-inner_1mfbn_1529k_160:not(#\9) {
+.awsui_selected_1mfbn_oid0h_197 > .awsui_day-inner_1mfbn_oid0h_160:not(#\9) {
   color: var(--color-background-control-default-8xmy94, #ffffff);
   position: relative;
   z-index: 2;
 }
-.awsui_in-range_1mfbn_1529k_190:not(#\9) {
+.awsui_in-range_1mfbn_oid0h_190:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
   font-weight: 700;
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248:not(#\9)::after {
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-right_1mfbn_1529k_264:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-right_1mfbn_oid0h_264:not(#\9)::after {
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242:not(#\9)::after {
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-left_1mfbn_1529k_270:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-left_1mfbn_oid0h_270:not(#\9)::after {
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248.awsui_in-range-border-right_1mfbn_1529k_264:not(#\9), .awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248.awsui_in-range-border-right_1mfbn_1529k_264:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248.awsui_in-range-border-right_1mfbn_oid0h_264:not(#\9), .awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248.awsui_in-range-border-right_1mfbn_oid0h_264:not(#\9)::after {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242.awsui_in-range-border-right_1mfbn_1529k_264:not(#\9), .awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242.awsui_in-range-border-right_1mfbn_1529k_264:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242.awsui_in-range-border-right_1mfbn_oid0h_264:not(#\9), .awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242.awsui_in-range-border-right_1mfbn_oid0h_264:not(#\9)::after {
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242.awsui_in-range-border-left_1mfbn_1529k_270:not(#\9), .awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-bottom_1mfbn_1529k_242.awsui_in-range-border-left_1mfbn_1529k_270:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242.awsui_in-range-border-left_1mfbn_oid0h_270:not(#\9), .awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-bottom_1mfbn_oid0h_242.awsui_in-range-border-left_1mfbn_oid0h_270:not(#\9)::after {
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248.awsui_in-range-border-left_1mfbn_1529k_270:not(#\9), .awsui_in-range_1mfbn_1529k_190.awsui_in-range-border-top_1mfbn_1529k_248.awsui_in-range-border-left_1mfbn_1529k_270:not(#\9)::after {
+.awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248.awsui_in-range-border-left_1mfbn_oid0h_270:not(#\9), .awsui_in-range_1mfbn_oid0h_190.awsui_in-range-border-top_1mfbn_oid0h_248.awsui_in-range-border-left_1mfbn_oid0h_270:not(#\9)::after {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }

package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js CHANGED Viewed

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "grid": "awsui_grid_1mfbn_1529k_97",
-  "grid-cell": "awsui_grid-cell_1mfbn_1529k_102",
-  "day-header": "awsui_day-header_1mfbn_1529k_109",
-  "week": "awsui_week_1mfbn_1529k_117",
-  "day": "awsui_day_1mfbn_1529k_109",
-  "day-inner": "awsui_day-inner_1mfbn_1529k_160",
-  "in-first-row": "awsui_in-first-row_1mfbn_1529k_165",
-  "in-previous-month": "awsui_in-previous-month_1mfbn_1529k_165",
-  "last-day-of-month": "awsui_last-day-of-month_1mfbn_1529k_169",
-  "in-next-month": "awsui_in-next-month_1mfbn_1529k_173",
-  "in-first-column": "awsui_in-first-column_1mfbn_1529k_177",
-  "in-current-month": "awsui_in-current-month_1mfbn_1529k_180",
-  "enabled": "awsui_enabled_1mfbn_1529k_184",
-  "in-range": "awsui_in-range_1mfbn_1529k_190",
-  "end-date": "awsui_end-date_1mfbn_1529k_190",
-  "start-date": "awsui_start-date_1mfbn_1529k_190",
-  "no-range": "awsui_no-range_1mfbn_1529k_190",
-  "selected": "awsui_selected_1mfbn_1529k_197",
-  "today": "awsui_today_1mfbn_1529k_201",
-  "range-start-date": "awsui_range-start-date_1mfbn_1529k_239",
-  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_1529k_242",
-  "range-end-date": "awsui_range-end-date_1mfbn_1529k_245",
-  "in-range-border-top": "awsui_in-range-border-top_1mfbn_1529k_248",
-  "in-range-border-right": "awsui_in-range-border-right_1mfbn_1529k_264",
-  "in-range-border-left": "awsui_in-range-border-left_1mfbn_1529k_270"
+  "grid": "awsui_grid_1mfbn_oid0h_97",
+  "grid-cell": "awsui_grid-cell_1mfbn_oid0h_102",
+  "day-header": "awsui_day-header_1mfbn_oid0h_109",
+  "week": "awsui_week_1mfbn_oid0h_117",
+  "day": "awsui_day_1mfbn_oid0h_109",
+  "day-inner": "awsui_day-inner_1mfbn_oid0h_160",
+  "in-first-row": "awsui_in-first-row_1mfbn_oid0h_165",
+  "in-previous-month": "awsui_in-previous-month_1mfbn_oid0h_165",
+  "last-day-of-month": "awsui_last-day-of-month_1mfbn_oid0h_169",
+  "in-next-month": "awsui_in-next-month_1mfbn_oid0h_173",
+  "in-first-column": "awsui_in-first-column_1mfbn_oid0h_177",
+  "in-current-month": "awsui_in-current-month_1mfbn_oid0h_180",
+  "enabled": "awsui_enabled_1mfbn_oid0h_184",
+  "in-range": "awsui_in-range_1mfbn_oid0h_190",
+  "end-date": "awsui_end-date_1mfbn_oid0h_190",
+  "start-date": "awsui_start-date_1mfbn_oid0h_190",
+  "no-range": "awsui_no-range_1mfbn_oid0h_190",
+  "selected": "awsui_selected_1mfbn_oid0h_197",
+  "today": "awsui_today_1mfbn_oid0h_201",
+  "range-start-date": "awsui_range-start-date_1mfbn_oid0h_239",
+  "in-range-border-bottom": "awsui_in-range-border-bottom_1mfbn_oid0h_242",
+  "range-end-date": "awsui_range-end-date_1mfbn_oid0h_245",
+  "in-range-border-top": "awsui_in-range-border-top_1mfbn_oid0h_248",
+  "in-range-border-right": "awsui_in-range-border-right_1mfbn_oid0h_264",
+  "in-range-border-left": "awsui_in-range-border-left_1mfbn_oid0h_270"
 };

package/lib/internal/template/date-range-picker/dropdown.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.d.ts","sourceRoot":"lib/default/","sources":["date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;~~AAiBpD~~,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACV,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,GAC3B,EAAE,4BAA4B,~~eA0L9B~~"}
1	+ {"version":3,"file":"dropdown.d.ts","sourceRoot":"lib/default/","sources":["date-range-picker/dropdown.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAgBpD,eAAO,MAAM,WAAW,EAAE,oBAAoB,CAAC,gBAAkC,CAAC;AAElF,MAAM,WAAW,4BACf,SAAQ,IAAI,CACV,QAAQ,CAAC,oBAAoB,CAAC,EAC5B,QAAQ,GACR,eAAe,GACf,cAAc,GACd,OAAO,GACP,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,GACb,UAAU,GACV,iBAAiB,GACjB,mBAAmB,CACtB;IACD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,oBAAoB,CAAC,KAAK,KAAK,oBAAoB,CAAC,gBAAgB,CAAC;IAC7F,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IAEtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,EAAE,oBAAoB,CAAC,oBAAoB,GAAG,SAAS,CAAC;CACnF;AAED,wBAAgB,uBAAuB,CAAC,EACtC,MAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,EACZ,KAAK,EACL,OAAO,EAAE,UAAU,EACnB,OAAO,EAAE,UAAU,EACnB,eAAe,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,0BAA0B,GAC3B,EAAE,4BAA4B,eAwL9B"}

package/lib/internal/template/date-range-picker/dropdown.js CHANGED Viewed

@@ -12,14 +12,12 @@ import ModeSwitcher from './mode-switcher';
 import clsx from 'clsx';
 import InternalAlert from '../alert/internal';
 import LiveRegion from '../internal/components/live-region';
-import useFocusVisible from '../internal/hooks/focus-visible';
 import { getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';
 export const VALID_RANGE = { valid: true };
 export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnabled, isValidRange, value, onClear: clearValue, onApply: applyValue, onDropdownClose, relativeOptions, showClearButton, isSingleGrid, i18nStrings, dateOnly, timeInputFormat, rangeSelectorMode, ariaLabelledby, ariaDescribedby, customAbsoluteRangeControl, }) {
     const [rangeSelectionMode, setRangeSelectionMode] = useState(getDefaultMode(value, relativeOptions, rangeSelectorMode));
     const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState(() => splitAbsoluteValue((value === null || value === void 0 ? void 0 : value.type) === 'absolute' ? value : null));
     const [selectedRelativeRange, setSelectedRelativeRange] = useState((value === null || value === void 0 ? void 0 : value.type) === 'relative' ? value : null);
-    const focusVisible = useFocusVisible();
     const scrollableContainerRef = useRef(null);
     const applyButtonRef = useRef(null);
     const [applyClicked, setApplyClicked] = useState(false);
@@ -61,7 +59,7 @@ export function DateRangePickerDropdown({ locale = '', startOfWeek, isDateEnable
     useEffect(() => { var _a; return (_a = scrollableContainerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, [scrollableContainerRef]);
     return (React.createElement(React.Fragment, null,
         React.createElement(FocusLock, { className: styles['focus-lock'], autoFocus: true },
-            React.createElement("div", Object.assign({}, focusVisible, { ref: scrollableContainerRef, className: styles.dropdown, tabIndex: 0, role: "dialog", "aria-modal": "true", "aria-label": i18nStrings.ariaLabel, "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : i18nStrings.ariaLabelledby, "aria-describedby": ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : i18nStrings.ariaDescribedby }),
+            React.createElement("div", { ref: scrollableContainerRef, className: styles.dropdown, tabIndex: 0, role: "dialog", "aria-modal": "true", "aria-label": i18nStrings.ariaLabel, "aria-labelledby": ariaLabelledby !== null && ariaLabelledby !== void 0 ? ariaLabelledby : i18nStrings.ariaLabelledby, "aria-describedby": ariaDescribedby !== null && ariaDescribedby !== void 0 ? ariaDescribedby : i18nStrings.ariaDescribedby },
                 React.createElement("div", { className: clsx(styles['dropdown-content'], {
                         [styles['one-grid']]: isSingleGrid,
                     }) },

package/lib/internal/template/date-range-picker/dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown.js","sourceRoot":"lib/default/","sources":["date-range-picker/dropdown.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { DateRangePickerProps } from './interfaces';\nimport Calendar from './calendar';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport FocusLock from '../internal/components/focus-lock';\nimport InternalBox from '../box/internal';\nimport InternalSpaceBetween from '../space-between/internal';\n\nimport styles from './styles.css.js';\nimport RelativeRangePicker from './relative-range';\nimport ModeSwitcher from './mode-switcher';\nimport clsx from 'clsx';\nimport InternalAlert from '../alert/internal';\nimport LiveRegion from '../internal/components/live-region';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n extends Pick<\n Required<DateRangePickerProps>,\n \| 'locale'\n \| 'isDateEnabled'\n \| 'isValidRange'\n \| 'value'\n \| 'relativeOptions'\n \| 'showClearButton'\n \| 'i18nStrings'\n \| 'dateOnly'\n \| 'timeInputFormat'\n \| 'rangeSelectorMode'\n > {\n onClear: () => void;\n onApply: (value: null \| DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n startOfWeek: number \| undefined;\n onDropdownClose: () => void;\n isSingleGrid: boolean;\n\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl \| undefined;\n}\n\nexport function DateRangePickerDropdown({\n locale = '',\n startOfWeek,\n isDateEnabled,\n isValidRange,\n value,\n onClear: clearValue,\n onApply: applyValue,\n onDropdownClose,\n relativeOptions,\n showClearButton,\n isSingleGrid,\n i18nStrings,\n dateOnly,\n timeInputFormat,\n rangeSelectorMode,\n ariaLabelledby,\n ariaDescribedby,\n customAbsoluteRangeControl,\n}: DateRangePickerDropdownProps) {\n const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' \| 'relative'>(\n getDefaultMode(value, relativeOptions, rangeSelectorMode)\n );\n\n const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n );\n\n const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue \| null>(\n value?.type === 'relative' ? value : null\n );\n\n const focusVisible = useFocusVisible();\n const scrollableContainerRef = useRef<HTMLDivElement \| null>(null);\n const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n const [validationResult, setValidationResult] = useState<\n DateRangePickerProps.ValidRangeResult \| DateRangePickerProps.InvalidRangeResult\n >(VALID_RANGE);\n\n const closeDropdown = () => {\n setApplyClicked(false);\n onDropdownClose();\n };\n\n const onClear = () => {\n closeDropdown();\n clearValue();\n };\n\n const onApply = () => {\n const newValue =\n rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n const newValidationResult = applyValue(newValue);\n if (newValidationResult.valid === false) {\n setApplyClicked(true);\n setValidationResult(newValidationResult);\n } else {\n setApplyClicked(false);\n closeDropdown();\n }\n };\n\n useEffect(() => {\n if (applyClicked) {\n const visibleRange =\n rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n\n const newValidationResult = isValidRange(visibleRange);\n setValidationResult(newValidationResult \|\| VALID_RANGE);\n }\n }, [\n applyClicked,\n isValidRange,\n rangeSelectionMode,\n selectedRelativeRange,\n selectedAbsoluteRange,\n setValidationResult,\n ]);\n\n useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n return (\n <>\n <FocusLock className={styles['focus-lock']} autoFocus={true}>\n <div\n {...focusVisible}\n ref={scrollableContainerRef}\n className={styles.dropdown}\n tabIndex={0}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={i18nStrings.ariaLabel}\n aria-labelledby={ariaLabelledby ?? i18nStrings.ariaLabelledby}\n aria-describedby={ariaDescribedby ?? i18nStrings.ariaDescribedby}\n >\n <div\n className={clsx(styles['dropdown-content'], {\n [styles['one-grid']]: isSingleGrid,\n })}\n >\n <InternalSpaceBetween size=\"l\">\n <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n {rangeSelectorMode === 'default' && (\n <ModeSwitcher\n mode={rangeSelectionMode}\n onChange={(mode: 'absolute' \| 'relative') => {\n setRangeSelectionMode(mode);\n setApplyClicked(false);\n setValidationResult(VALID_RANGE);\n }}\n i18nStrings={i18nStrings}\n />\n )}\n\n {rangeSelectionMode === 'absolute' && (\n <Calendar\n value={selectedAbsoluteRange}\n setValue={setSelectedAbsoluteRange}\n locale={locale}\n startOfWeek={startOfWeek}\n isDateEnabled={isDateEnabled}\n i18nStrings={i18nStrings}\n dateOnly={dateOnly}\n timeInputFormat={timeInputFormat}\n customAbsoluteRangeControl={customAbsoluteRangeControl}\n />\n )}\n\n {rangeSelectionMode === 'relative' && (\n <RelativeRangePicker\n isSingleGrid={isSingleGrid}\n options={relativeOptions}\n dateOnly={dateOnly}\n initialSelection={selectedRelativeRange}\n onChange={range => setSelectedRelativeRange(range)}\n i18nStrings={i18nStrings}\n />\n )}\n </InternalSpaceBetween>\n\n <InternalBox\n className={styles['validation-section']}\n margin={!validationResult.valid ? { top: 's' } : undefined}\n >\n {!validationResult.valid && (\n <>\n <InternalAlert type=\"error\" statusIconAriaLabel={i18nStrings.errorIconAriaLabel}>\n <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n </InternalAlert>\n <LiveRegion>{validationResult.errorMessage}</LiveRegion>\n </>\n )}\n </InternalBox>\n </InternalBox>\n\n <div\n className={clsx(styles.footer, {\n [styles['one-grid']]: isSingleGrid,\n [styles['has-clear-button']]: showClearButton,\n })}\n >\n {showClearButton && (\n <div className={styles['footer-button-wrapper']}>\n <InternalButton\n onClick={onClear}\n className={styles['clear-button']}\n variant=\"link\"\n formAction=\"none\"\n >\n {i18nStrings.clearButtonLabel}\n </InternalButton>\n </div>\n )}\n <div className={styles['footer-button-wrapper']}>\n <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n <InternalButton\n onClick={closeDropdown}\n className={styles['cancel-button']}\n variant=\"link\"\n formAction=\"none\"\n >\n {i18nStrings.cancelButtonLabel}\n </InternalButton>\n\n <InternalButton\n onClick={onApply}\n className={styles['apply-button']}\n ref={applyButtonRef}\n formAction=\"none\"\n >\n {i18nStrings.applyButtonLabel}\n </InternalButton>\n </InternalSpaceBetween>\n </div>\n </div>\n </InternalSpaceBetween>\n </div>\n </div>\n </FocusLock>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"dropdown.js","sourceRoot":"lib/default/","sources":["date-range-picker/dropdown.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\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { DateRangePickerProps } from './interfaces';\nimport Calendar from './calendar';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport FocusLock from '../internal/components/focus-lock';\nimport InternalBox from '../box/internal';\nimport InternalSpaceBetween from '../space-between/internal';\n\nimport styles from './styles.css.js';\nimport RelativeRangePicker from './relative-range';\nimport ModeSwitcher from './mode-switcher';\nimport clsx from 'clsx';\nimport InternalAlert from '../alert/internal';\nimport LiveRegion from '../internal/components/live-region';\nimport { getDefaultMode, joinAbsoluteValue, splitAbsoluteValue } from './utils';\n\nexport const VALID_RANGE: DateRangePickerProps.ValidRangeResult = { valid: true };\n\nexport interface DateRangePickerDropdownProps\n extends Pick<\n Required<DateRangePickerProps>,\n \| 'locale'\n \| 'isDateEnabled'\n \| 'isValidRange'\n \| 'value'\n \| 'relativeOptions'\n \| 'showClearButton'\n \| 'i18nStrings'\n \| 'dateOnly'\n \| 'timeInputFormat'\n \| 'rangeSelectorMode'\n > {\n onClear: () => void;\n onApply: (value: null \| DateRangePickerProps.Value) => DateRangePickerProps.ValidationResult;\n startOfWeek: number \| undefined;\n onDropdownClose: () => void;\n isSingleGrid: boolean;\n\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n customAbsoluteRangeControl: DateRangePickerProps.AbsoluteRangeControl \| undefined;\n}\n\nexport function DateRangePickerDropdown({\n locale = '',\n startOfWeek,\n isDateEnabled,\n isValidRange,\n value,\n onClear: clearValue,\n onApply: applyValue,\n onDropdownClose,\n relativeOptions,\n showClearButton,\n isSingleGrid,\n i18nStrings,\n dateOnly,\n timeInputFormat,\n rangeSelectorMode,\n ariaLabelledby,\n ariaDescribedby,\n customAbsoluteRangeControl,\n}: DateRangePickerDropdownProps) {\n const [rangeSelectionMode, setRangeSelectionMode] = useState<'absolute' \| 'relative'>(\n getDefaultMode(value, relativeOptions, rangeSelectorMode)\n );\n\n const [selectedAbsoluteRange, setSelectedAbsoluteRange] = useState<DateRangePickerProps.PendingAbsoluteValue>(() =>\n splitAbsoluteValue(value?.type === 'absolute' ? value : null)\n );\n\n const [selectedRelativeRange, setSelectedRelativeRange] = useState<DateRangePickerProps.RelativeValue \| null>(\n value?.type === 'relative' ? value : null\n );\n\n const scrollableContainerRef = useRef<HTMLDivElement \| null>(null);\n const applyButtonRef = useRef<ButtonProps.Ref>(null);\n\n const [applyClicked, setApplyClicked] = useState<boolean>(false);\n\n const [validationResult, setValidationResult] = useState<\n DateRangePickerProps.ValidRangeResult \| DateRangePickerProps.InvalidRangeResult\n >(VALID_RANGE);\n\n const closeDropdown = () => {\n setApplyClicked(false);\n onDropdownClose();\n };\n\n const onClear = () => {\n closeDropdown();\n clearValue();\n };\n\n const onApply = () => {\n const newValue =\n rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n const newValidationResult = applyValue(newValue);\n if (newValidationResult.valid === false) {\n setApplyClicked(true);\n setValidationResult(newValidationResult);\n } else {\n setApplyClicked(false);\n closeDropdown();\n }\n };\n\n useEffect(() => {\n if (applyClicked) {\n const visibleRange =\n rangeSelectionMode === 'relative' ? selectedRelativeRange : joinAbsoluteValue(selectedAbsoluteRange);\n\n const newValidationResult = isValidRange(visibleRange);\n setValidationResult(newValidationResult \|\| VALID_RANGE);\n }\n }, [\n applyClicked,\n isValidRange,\n rangeSelectionMode,\n selectedRelativeRange,\n selectedAbsoluteRange,\n setValidationResult,\n ]);\n\n useEffect(() => scrollableContainerRef.current?.focus(), [scrollableContainerRef]);\n\n return (\n <>\n <FocusLock className={styles['focus-lock']} autoFocus={true}>\n <div\n ref={scrollableContainerRef}\n className={styles.dropdown}\n tabIndex={0}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={i18nStrings.ariaLabel}\n aria-labelledby={ariaLabelledby ?? i18nStrings.ariaLabelledby}\n aria-describedby={ariaDescribedby ?? i18nStrings.ariaDescribedby}\n >\n <div\n className={clsx(styles['dropdown-content'], {\n [styles['one-grid']]: isSingleGrid,\n })}\n >\n <InternalSpaceBetween size=\"l\">\n <InternalBox padding={{ top: 'm', horizontal: 'l' }}>\n <InternalSpaceBetween direction=\"vertical\" size=\"s\">\n {rangeSelectorMode === 'default' && (\n <ModeSwitcher\n mode={rangeSelectionMode}\n onChange={(mode: 'absolute' \| 'relative') => {\n setRangeSelectionMode(mode);\n setApplyClicked(false);\n setValidationResult(VALID_RANGE);\n }}\n i18nStrings={i18nStrings}\n />\n )}\n\n {rangeSelectionMode === 'absolute' && (\n <Calendar\n value={selectedAbsoluteRange}\n setValue={setSelectedAbsoluteRange}\n locale={locale}\n startOfWeek={startOfWeek}\n isDateEnabled={isDateEnabled}\n i18nStrings={i18nStrings}\n dateOnly={dateOnly}\n timeInputFormat={timeInputFormat}\n customAbsoluteRangeControl={customAbsoluteRangeControl}\n />\n )}\n\n {rangeSelectionMode === 'relative' && (\n <RelativeRangePicker\n isSingleGrid={isSingleGrid}\n options={relativeOptions}\n dateOnly={dateOnly}\n initialSelection={selectedRelativeRange}\n onChange={range => setSelectedRelativeRange(range)}\n i18nStrings={i18nStrings}\n />\n )}\n </InternalSpaceBetween>\n\n <InternalBox\n className={styles['validation-section']}\n margin={!validationResult.valid ? { top: 's' } : undefined}\n >\n {!validationResult.valid && (\n <>\n <InternalAlert type=\"error\" statusIconAriaLabel={i18nStrings.errorIconAriaLabel}>\n <span className={styles['validation-error']}>{validationResult.errorMessage}</span>\n </InternalAlert>\n <LiveRegion>{validationResult.errorMessage}</LiveRegion>\n </>\n )}\n </InternalBox>\n </InternalBox>\n\n <div\n className={clsx(styles.footer, {\n [styles['one-grid']]: isSingleGrid,\n [styles['has-clear-button']]: showClearButton,\n })}\n >\n {showClearButton && (\n <div className={styles['footer-button-wrapper']}>\n <InternalButton\n onClick={onClear}\n className={styles['clear-button']}\n variant=\"link\"\n formAction=\"none\"\n >\n {i18nStrings.clearButtonLabel}\n </InternalButton>\n </div>\n )}\n <div className={styles['footer-button-wrapper']}>\n <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n <InternalButton\n onClick={closeDropdown}\n className={styles['cancel-button']}\n variant=\"link\"\n formAction=\"none\"\n >\n {i18nStrings.cancelButtonLabel}\n </InternalButton>\n\n <InternalButton\n onClick={onApply}\n className={styles['apply-button']}\n ref={applyButtonRef}\n formAction=\"none\"\n >\n {i18nStrings.applyButtonLabel}\n </InternalButton>\n </InternalSpaceBetween>\n </div>\n </div>\n </InternalSpaceBetween>\n </div>\n </div>\n </FocusLock>\n </>\n );\n}\n"]}

package/lib/internal/template/date-range-picker/styles.css.js CHANGED Viewed

@@ -1,43 +1,43 @@
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_mgja0_1l1y5_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1l1y5_1",
-  "root": "awsui_root_mgja0_1l1y5_120",
-  "focus-lock": "awsui_focus-lock_mgja0_1l1y5_134",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_1l1y5_138",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1l1y5_142",
-  "calendar-container": "awsui_calendar-container_mgja0_1l1y5_146",
-  "one-grid": "awsui_one-grid_mgja0_1l1y5_149",
-  "calendar-header": "awsui_calendar-header_mgja0_1l1y5_153",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1l1y5_159",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_1l1y5_159",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1l1y5_180",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1l1y5_183",
-  "first-grid": "awsui_first-grid_mgja0_1l1y5_187",
-  "second-grid": "awsui_second-grid_mgja0_1l1y5_188",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_1l1y5_192",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1l1y5_198",
-  "footer": "awsui_footer_mgja0_1l1y5_205",
-  "has-clear-button": "awsui_has-clear-button_mgja0_1l1y5_212",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1l1y5_219",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_1l1y5_223",
-  "label": "awsui_label_mgja0_1l1y5_228",
-  "label-enabled": "awsui_label-enabled_mgja0_1l1y5_233",
-  "label-text": "awsui_label-text_mgja0_1l1y5_237",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1l1y5_242",
-  "mode-switch": "awsui_mode-switch_mgja0_1l1y5_246",
-  "dropdown": "awsui_dropdown_mgja0_1l1y5_250",
-  "dropdown-content": "awsui_dropdown-content_mgja0_1l1y5_266",
-  "start-date-input": "awsui_start-date-input_mgja0_1l1y5_275",
-  "start-time-input": "awsui_start-time-input_mgja0_1l1y5_276",
-  "end-date-input": "awsui_end-date-input_mgja0_1l1y5_277",
-  "end-time-input": "awsui_end-time-input_mgja0_1l1y5_278",
-  "validation-section": "awsui_validation-section_mgja0_1l1y5_282",
-  "validation-error": "awsui_validation-error_mgja0_1l1y5_286",
-  "clear-button": "awsui_clear-button_mgja0_1l1y5_290",
-  "apply-button": "awsui_apply-button_mgja0_1l1y5_294",
-  "cancel-button": "awsui_cancel-button_mgja0_1l1y5_298",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1l1y5_302"
+  "calendar": "awsui_calendar_mgja0_1ptul_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1ptul_1",
+  "root": "awsui_root_mgja0_1ptul_120",
+  "focus-lock": "awsui_focus-lock_mgja0_1ptul_134",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_1ptul_138",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1ptul_142",
+  "calendar-container": "awsui_calendar-container_mgja0_1ptul_146",
+  "one-grid": "awsui_one-grid_mgja0_1ptul_149",
+  "calendar-header": "awsui_calendar-header_mgja0_1ptul_153",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1ptul_159",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_1ptul_159",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1ptul_180",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1ptul_183",
+  "first-grid": "awsui_first-grid_mgja0_1ptul_187",
+  "second-grid": "awsui_second-grid_mgja0_1ptul_188",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_1ptul_192",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1ptul_198",
+  "footer": "awsui_footer_mgja0_1ptul_205",
+  "has-clear-button": "awsui_has-clear-button_mgja0_1ptul_212",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1ptul_219",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_1ptul_223",
+  "label": "awsui_label_mgja0_1ptul_228",
+  "label-enabled": "awsui_label-enabled_mgja0_1ptul_233",
+  "label-text": "awsui_label-text_mgja0_1ptul_237",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1ptul_242",
+  "mode-switch": "awsui_mode-switch_mgja0_1ptul_246",
+  "dropdown": "awsui_dropdown_mgja0_1ptul_250",
+  "dropdown-content": "awsui_dropdown-content_mgja0_1ptul_266",
+  "start-date-input": "awsui_start-date-input_mgja0_1ptul_275",
+  "start-time-input": "awsui_start-time-input_mgja0_1ptul_276",
+  "end-date-input": "awsui_end-date-input_mgja0_1ptul_277",
+  "end-time-input": "awsui_end-time-input_mgja0_1ptul_278",
+  "validation-section": "awsui_validation-section_mgja0_1ptul_282",
+  "validation-error": "awsui_validation-error_mgja0_1ptul_286",
+  "clear-button": "awsui_clear-button_mgja0_1ptul_290",
+  "apply-button": "awsui_apply-button_mgja0_1ptul_294",
+  "cancel-button": "awsui_cancel-button_mgja0_1ptul_298",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1ptul_302"
 };