npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.24 → 3.0.25 - Mend

@cloudscape-design/components-themeable 3.0.24 → 3.0.25

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

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

@@ -91,7 +91,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 .awsui_calendar_145pa_5nj72_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_145pa_5nj72_1 135ms ease-out;
   animation: awsui_awsui-motion-fade-in-0_145pa_5nj72_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
@@ -148,14 +147,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
@@ -169,7 +164,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_date-picker-input_145pa_5nj72_140:not(#\9) {
-  padding-right: 8px;
   padding-right: var(--space-xs-rsr2qu, 8px);
   width: 100%;
 }
@@ -211,21 +205,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 .awsui_calendar_145pa_5nj72_93:not(#\9):focus {
   outline: none;
 }
 .awsui_calendar-inner_145pa_5nj72_165:not(#\9) {
-  margin: 8px;
   margin: var(--space-xs-rsr2qu, 8px);
 }
 .awsui_calendar-header_145pa_5nj72_168:not(#\9) {
@@ -234,12 +223,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
 }
 .awsui_calendar-header-month_145pa_5nj72_173:not(#\9) {
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
-  color: #16191f;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
 .awsui_calendar-next-month-btn_145pa_5nj72_179:not(#\9) {
@@ -257,19 +243,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 0;
   word-break: break-word;
   text-align: center;
-  padding: 12px 0 4px;
   padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
-  color: #545b64;
   color: var(--color-text-calendar-month-cx7jxx, #545b64);
-  font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
-  line-height: 16px;
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
-  letter-spacing: normal;
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
 .awsui_calendar-dates_145pa_5nj72_200:not(#\9) {
-  border: 1px solid #eaeded;
   border: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
 .awsui_calendar-week_145pa_5nj72_203:not(#\9) {
@@ -281,15 +261,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 0;
   word-break: break-word;
   text-align: center;
-  border-bottom: 1px solid #eaeded;
   border-bottom: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
-  border-right: 1px solid #eaeded;
   border-right: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
-  border-radius: 0px;
   border-radius: var(--border-radius-item-wjpc1f, 0px);
-  padding: 4px 0;
   padding: var(--space-xxs-ynfts5, 4px) 0;
-  color: #aab7b8;
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
@@ -304,27 +279,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_calendar-day-enabled_145pa_5nj72_228:not(#\9) {
   cursor: pointer;
-  color: #687078;
   color: var(--color-text-dropdown-item-secondary-8hw5go, #687078);
 }
 .awsui_calendar-day-enabled_145pa_5nj72_228.awsui_calendar-day-current-month_145pa_5nj72_232:not(#\9) {
-  color: #16191f;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
 .awsui_calendar-day-enabled_145pa_5nj72_228.awsui_calendar-day-current-month_145pa_5nj72_232:not(#\9):hover {
-  color: #16191f;
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
-  background-color: #f2f3f3;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
 .awsui_calendar-day-enabled_145pa_5nj72_228.awsui_calendar-day-current-month_145pa_5nj72_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_5nj72_239)::after {
-  border: 1px solid #879596;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
-  border-radius: 0px;
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_calendar-day-today_145pa_5nj72_243:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
 }
 .awsui_calendar-day_145pa_5nj72_185:not(#\9)::after {
@@ -346,24 +314,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_calendar-day_145pa_5nj72_185:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(0px - 1px);
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
 .awsui_calendar-day_145pa_5nj72_185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 0px);
   left: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  top: calc(-1 * 0px);
   top: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  width: calc(100% + 2 * 0px);
   width: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  height: calc(100% + 2 * 0px);
   height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  border-radius: 2px;
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_calendar-day_145pa_5nj72_185:not(#\9):focus::before {
@@ -374,23 +335,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
 }
 .awsui_calendar-day-selected_145pa_5nj72_239:not(#\9)::after {
-  background-color: #f1faff;
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
-  border: 1px solid #00a1c9;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-selected-bzuxys, #00a1c9);
-  border-radius: 0px;
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_calendar-day-selected_145pa_5nj72_239 > .awsui_day-inner_145pa_5nj72_255:not(#\9) {
-  color: #16191f;
   color: var(--color-text-calendar-day-selected-fr68ny, #16191f);
   position: relative;
 }
 .awsui_calendar_145pa_5nj72_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }

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

@@ -95,13 +95,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 0;
   word-break: break-word;
   text-align: center;
-  border-bottom: 1px solid #eaeded;
   border-bottom: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
-  border-right: 1px solid #eaeded;
   border-right: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
-  padding: 4px 0;
   padding: var(--space-xxs-ynfts5, 4px) 0;
-  color: #aab7b8;
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
@@ -112,11 +108,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   content: "";
   position: absolute;
   z-index: 1;
-  top: calc(-1 * 1px);
   top: calc(-1 * var(--border-item-width-yvnixs, 1px));
   left: -1px;
   bottom: -1px;
-  right: calc(-1 * 1px);
   right: calc(-1 * var(--border-item-width-yvnixs, 1px));
   background-color: transparent;
 }
@@ -130,29 +124,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_day_vci2l_14yn9_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(0px - 1px);
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
 .awsui_day_vci2l_14yn9_93[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 0px);
   left: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  top: calc(-1 * 0px);
   top: calc(-1 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  width: calc(100% + 2 * 0px);
   width: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  height: calc(100% + 2 * 0px);
   height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
-  border-radius: 2px;
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_in-first-row_vci2l_14yn9_141:not(#\9):not(.awsui_in-previous-month_vci2l_14yn9_141) {
-  border-top: 1px solid #eaeded;
   border-top: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
@@ -168,7 +154,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: 1px solid transparent;
 }
 .awsui_in-first-column_vci2l_14yn9_153.awsui_in-current-month_vci2l_14yn9_156:not(#\9) {
-  border-left: 1px solid #eaeded;
   border-left: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
@@ -176,28 +161,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
 }
 .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9) {
-  color: #16191f;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
 .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):not(.awsui_in-range_vci2l_14yn9_166), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):not(.awsui_in-range_vci2l_14yn9_166)::after, .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_end-date_vci2l_14yn9_166.awsui_start-date_vci2l_14yn9_166:not(#\9), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_end-date_vci2l_14yn9_166.awsui_start-date_vci2l_14yn9_166:not(#\9)::after, .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_no-range_vci2l_14yn9_166:not(#\9), .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156.awsui_no-range_vci2l_14yn9_166:not(#\9)::after {
-  border-radius: 0px;
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):hover {
-  color: #16191f;
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
-  background-color: #f2f3f3;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
 .awsui_enabled_vci2l_14yn9_160.awsui_in-current-month_vci2l_14yn9_156:not(#\9):hover:not(.awsui_selected_vci2l_14yn9_173)::after {
-  border: 1px solid #879596;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
 }
 .awsui_today_vci2l_14yn9_177:not(#\9):not(.awsui_in-range_vci2l_14yn9_166) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
-  border-radius: 0px;
   border-radius: var(--border-radius-item-wjpc1f, 0px);
 }
@@ -211,92 +189,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(2px - 1px);
   outline-offset: calc(var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px) - 1px);
 }
 .awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 2px);
   left: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px));
-  top: calc(-1 * 2px);
   top: calc(-1 * var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px));
-  width: calc(100% + 2 * 2px);
   width: calc(100% + 2 * var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px));
-  height: calc(100% + 2 * 2px);
   height: calc(100% + 2 * var(--space-calendar-grid-selected-focus-outline-gutter-s5ollf, 2px));
-  border-radius: 2px;
   border-radius: var(--border-radius-calendar-day-focus-ring-16ha5s, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-calendar-grid-selected-focus-ring-vzbqhb, #0073bb);
 }
 .awsui_selected_vci2l_14yn9_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
   z-index: 1;
 }
 .awsui_selected_vci2l_14yn9_173:not(#\9)::after {
-  background-color: #0073bb;
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
-  border: 1px solid #0073bb;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
   z-index: 0;
 }
 .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213:not(#\9)::after {
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_start-date_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-start-date_vci2l_14yn9_213.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after {
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219:not(#\9)::after {
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_end-date_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after, .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9), .awsui_selected_vci2l_14yn9_173.awsui_range-end-date_vci2l_14yn9_219.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after {
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_selected_vci2l_14yn9_173 > .awsui_day-inner_vci2l_14yn9_117:not(#\9) {
-  color: #ffffff;
   color: var(--color-background-control-default-8xmy94, #ffffff);
   position: relative;
   z-index: 2;
 }
 .awsui_in-range_vci2l_14yn9_166:not(#\9) {
-  background-color: #f1faff;
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222:not(#\9)::after {
-  border-top: 1px solid #0073bb;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
-  border-right: 1px solid #0073bb;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216:not(#\9)::after {
-  border-bottom: 1px solid #0073bb;
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
-  border-left: 1px solid #0073bb;
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-right_vci2l_14yn9_237:not(#\9)::after {
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-bottom_vci2l_14yn9_216.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9), .awsui_in-range_vci2l_14yn9_166.awsui_in-range-border-top_vci2l_14yn9_222.awsui_in-range-border-left_vci2l_14yn9_243:not(#\9)::after {
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAyBpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;~~AAkEhC~~,QAAA,MAAM,eAAe,uGAgMpB,CAAC;AAGF,eAAe,eAAe,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-range-picker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAyBpD,OAAO,EAAE,oBAAoB,EAAE,CAAC;AA0EhC,QAAA,MAAM,eAAe,uGAgMpB,CAAC;AAGF,eAAe,eAAe,CAAC"}

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

@@ -30,21 +30,19 @@ function formatDateRange(range, placeholder, formatRelativeRange, timeOffset) {
     if (!range) {
         return (React.createElement("span", { className: styles['label-text'], "aria-disabled": true }, placeholder));
     }
-    if (range.type === 'relative') {
-        return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit" }, formatRelativeRange(range)));
-    }
-    if (range.type === 'absolute') {
-        var formattedOffset = isDateOnly(range) ? '' : formatOffset(timeOffset);
-        return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit" },
-            React.createElement("span", { className: styles['preferred-wordbreak'] },
-                range.startDate,
-                formattedOffset,
-                " \u2014"),
-            ' ',
-            React.createElement("span", { className: styles['preferred-wordbreak'] },
-                range.endDate,
-                formattedOffset)));
-    }
+    var formatted = range.type === 'relative' ? (formatRelativeRange(range)) : (React.createElement(BreakSpaces, { text: formatAbsoluteRange(range, timeOffset) }));
+    return (React.createElement(InternalBox, { fontWeight: "normal", display: "inline", color: "inherit" }, formatted));
+}
+function BreakSpaces(_a) {
+    var text = _a.text;
+    var tokens = text.split(/( )/);
+    return (React.createElement("div", { style: { whiteSpace: 'nowrap' } }, tokens.map(function (token, index) { return (React.createElement(React.Fragment, { key: index },
+        token,
+        token === ' ' && React.createElement("wbr", null))); })));
+}
+function formatAbsoluteRange(value, timeOffset) {
+    var formattedOffset = isDateOnly(value) ? '' : formatOffset(timeOffset);
+    return value.startDate + formattedOffset + ' ' + '—' + ' ' + value.endDate + formattedOffset;
 }
 function isDateOnly(value) {
     if (!value || value.type !== 'absolute') {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-range-picker/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, { Ref, useEffect, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DateRangePickerProps } from './interfaces';\nimport { normalizeLocale } from '../date-picker/calendar/utils/locales';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport InternalBox from '../box/internal';\nimport { DateRangePickerDropdown } from './dropdown';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport Dropdown from '../internal/components/dropdown';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport ButtonTrigger from '../internal/components/button-trigger';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport InternalIcon from '../icon/internal';\nimport { getBrowserTimezoneOffset, shiftTimeOffset, formatOffset, setTimeOffset } from './time-offset';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { warnOnce } from '../internal/logging.js';\nimport { usePrevious } from '../internal/hooks/use-previous/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport { DateRangePickerProps };\n\nfunction formatDateRange(\n range: null \| DateRangePickerProps.Value,\n placeholder: string,\n formatRelativeRange: DateRangePickerProps.I18nStrings['formatRelativeRange'],\n timeOffset: number\n) {\n if (!range) {\n return (\n <span className={styles['label-text']} aria-disabled={true}>\n {placeholder}\n </span>\n );\n }\n\n if (range.type === 'relative') {\n return (\n <InternalBox fontWeight=\"normal\" display=\"inline\" color=\"inherit\">\n {formatRelativeRange(range)}\n </InternalBox>\n );\n }\n\n if (range.type === 'absolute') {\n const formattedOffset = isDateOnly(range) ? '' : formatOffset(timeOffset);\n return (\n <InternalBox fontWeight=\"normal\" display=\"inline\" color=\"inherit\">\n <span className={styles['preferred-wordbreak']}>\n {range.startDate}\n {formattedOffset} —\n </span>{' '}\n <span className={styles['preferred-wordbreak']}>\n {range.endDate}\n {formattedOffset}\n </span>\n </InternalBox>\n );\n }\n}\n\nfunction isDateOnly(value: null \| DateRangePickerProps.Value) {\n if (!value \|\| value.type !== 'absolute') {\n return false;\n }\n const dateRegex = /^\\d{4}-\\d{2}-\\d{2}$/;\n return dateRegex.test(value.startDate) && dateRegex.test(value.endDate);\n}\n\nfunction formatValue(\n value: null \| DateRangePickerProps.Value,\n { timeOffset, dateOnly }: { timeOffset: number; dateOnly: boolean }\n): null \| DateRangePickerProps.Value {\n if (!value \|\| value.type === 'relative') {\n return value;\n }\n if (dateOnly) {\n return {\n type: 'absolute',\n startDate: value.startDate.split('T')[0],\n endDate: value.endDate.split('T')[0],\n };\n }\n return setTimeOffset(value, timeOffset);\n}\n\nconst DateRangePicker = React.forwardRef(\n (\n {\n locale = '',\n startOfWeek,\n isDateEnabled = () => true,\n value,\n placeholder,\n readOnly = false,\n disabled = false,\n onChange,\n onBlur,\n onFocus,\n relativeOptions = [],\n i18nStrings,\n isValidRange = () => ({ valid: true }),\n showClearButton = true,\n dateOnly = false,\n timeOffset = getBrowserTimezoneOffset(),\n timeInputFormat = 'hh:mm:ss',\n expandToViewport = false,\n rangeSelectorMode = 'default',\n ...rest\n }: DateRangePickerProps,\n ref: Ref<DateRangePickerProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('DateRangePicker');\n checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n value = isDateOnly(value) ? value : shiftTimeOffset(value, timeOffset);\n\n const baseProps = getBaseProps(rest);\n const { invalid, controlId, ariaDescribedby, ariaLabelledby } = useFormFieldContext({\n ariaLabelledby: rest.ariaLabelledby ?? i18nStrings.ariaLabelledby,\n ariaDescribedby: rest.ariaDescribedby ?? i18nStrings.ariaDescribedby,\n ...rest,\n });\n const isSingleGrid = useMobile();\n\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useForwardFocus(ref, triggerRef);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const dropdownId = useUniqueId('date-range-picker-dropdown');\n\n useFocusTracker({ rootRef, onBlur, onFocus, viewportId: expandToViewport ? dropdownId : '' });\n\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n const normalizedLocale = normalizeLocale('DateRangePicker', locale ?? '');\n\n const closeDropdown = (focusTrigger = false) => {\n setIsDropDownOpen(false);\n if (focusTrigger) {\n triggerRef.current?.focus();\n }\n };\n\n const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.keyCode === KeyCode.escape) {\n closeDropdown(true);\n }\n };\n\n const onClear = () => {\n fireNonCancelableEvent(onChange, { value: null });\n };\n\n const onApply = (newValue: null \| DateRangePickerProps.Value): DateRangePickerProps.ValidationResult => {\n const validationResult = isValidRange(newValue);\n if (validationResult?.valid === false) {\n return validationResult;\n }\n\n if (isDevelopment) {\n if (newValue?.type === 'absolute') {\n const [startDateWithoutTime] = newValue.startDate.split('T');\n const [endDateWithoutTime] = newValue.endDate.split('T');\n if (!startDateWithoutTime \|\| !endDateWithoutTime) {\n warnOnce(\n 'DateRangePicker',\n 'You have provided an `isValidRange` prop that did not catch a missing start or end date.'\n );\n }\n }\n }\n fireNonCancelableEvent(onChange, { value: formatValue(newValue, { dateOnly, timeOffset }) });\n return validationResult \|\| { valid: true };\n };\n\n const prevDateOnly = usePrevious(dateOnly);\n useEffect(() => {\n if (prevDateOnly !== undefined && prevDateOnly !== dateOnly) {\n warnOnce(\n 'DateRangePicker',\n `The provided \\`dateOnly\\` flag has been changed from \"${prevDateOnly}\" to \"${dateOnly}\" which can lead to unexpected value format. Consider using separate components.`\n );\n }\n }, [prevDateOnly, dateOnly]);\n\n if (value && value.type !== 'absolute' && value.type !== 'relative') {\n warnOnce('DateRangePicker', 'You provided an invalid value. Reverting back to default.');\n value = null;\n }\n\n if (\n (value?.type === 'absolute' && rangeSelectorMode === 'relative-only') \|\|\n (value?.type === 'relative' && rangeSelectorMode === 'absolute-only')\n ) {\n warnOnce(\n 'DateRangePicker',\n 'The provided value does not correspond to the current range selector mode. Reverting back to default.'\n );\n value = null;\n }\n\n const trigger = (\n <div className={styles['trigger-wrapper']}>\n <ButtonTrigger\n ref={triggerRef}\n id={controlId}\n invalid={invalid}\n ariaLabel={i18nStrings.ariaLabel}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledby}\n className={clsx(styles.label, {\n [styles['label-enabled']]: !readOnly && !disabled,\n })}\n hideCaret={true}\n onClick={() => {\n if (!readOnly && !disabled) {\n setIsDropDownOpen(true);\n }\n }}\n disabled={disabled}\n readOnly={readOnly}\n ariaHasPopup=\"true\"\n >\n <span className={styles['trigger-flexbox']}>\n <span className={styles['icon-wrapper']}>\n <InternalIcon name=\"calendar\" variant={disabled \|\| readOnly ? 'disabled' : 'normal'} />\n </span>\n {formatDateRange(value, placeholder ?? '', i18nStrings.formatRelativeRange, timeOffset)}\n </span>\n </ButtonTrigger>\n </div>\n );\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n return (\n <div\n {...baseProps}\n ref={mergedRef}\n className={clsx(baseProps.className, styles.root)}\n onKeyDown={onWrapperKeyDownHandler}\n >\n <Dropdown\n stretchWidth={true}\n stretchHeight={true}\n open={isDropDownOpen}\n onDropdownClose={() => closeDropdown()}\n trigger={trigger}\n stretchToTriggerWidth={false}\n expandToViewport={expandToViewport}\n dropdownId={dropdownId}\n >\n {isDropDownOpen && (\n <DateRangePickerDropdown\n startOfWeek={startOfWeek}\n locale={normalizedLocale}\n isSingleGrid={isSingleGrid}\n onDropdownClose={() => closeDropdown(true)}\n value={value}\n showClearButton={showClearButton}\n isDateEnabled={isDateEnabled}\n i18nStrings={i18nStrings}\n onClear={onClear}\n onApply={onApply}\n relativeOptions={relativeOptions}\n isValidRange={isValidRange}\n dateOnly={dateOnly}\n timeInputFormat={timeInputFormat}\n rangeSelectorMode={rangeSelectorMode}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n />\n )}\n </Dropdown>\n </div>\n );\n }\n);\n\napplyDisplayName(DateRangePicker, 'DateRangePicker');\nexport default DateRangePicker;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-range-picker/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, { Ref, useEffect, useRef, useState } from 'react';\nimport styles from './styles.css.js';\nimport { DateRangePickerProps } from './interfaces';\nimport { normalizeLocale } from '../date-picker/calendar/utils/locales';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport InternalBox from '../box/internal';\nimport { DateRangePickerDropdown } from './dropdown';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport Dropdown from '../internal/components/dropdown';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport ButtonTrigger from '../internal/components/button-trigger';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport InternalIcon from '../icon/internal';\nimport { getBrowserTimezoneOffset, shiftTimeOffset, formatOffset, setTimeOffset } from './time-offset';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { isDevelopment } from '../internal/is-development.js';\nimport { warnOnce } from '../internal/logging.js';\nimport { usePrevious } from '../internal/hooks/use-previous/index.js';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport { DateRangePickerProps };\n\nfunction formatDateRange(\n range: null \| DateRangePickerProps.Value,\n placeholder: string,\n formatRelativeRange: DateRangePickerProps.I18nStrings['formatRelativeRange'],\n timeOffset: number\n) {\n if (!range) {\n return (\n <span className={styles['label-text']} aria-disabled={true}>\n {placeholder}\n </span>\n );\n }\n\n const formatted =\n range.type === 'relative' ? (\n formatRelativeRange(range)\n ) : (\n <BreakSpaces text={formatAbsoluteRange(range, timeOffset)} />\n );\n\n return (\n <InternalBox fontWeight=\"normal\" display=\"inline\" color=\"inherit\">\n {formatted}\n </InternalBox>\n );\n}\n\nfunction BreakSpaces({ text }: { text: string }) {\n const tokens = text.split(/( )/);\n return (\n <div style={{ whiteSpace: 'nowrap' }}>\n {tokens.map((token, index) => (\n <React.Fragment key={index}>\n {token}\n {token === ' ' && <wbr />}\n </React.Fragment>\n ))}\n </div>\n );\n}\n\nfunction formatAbsoluteRange(value: DateRangePickerProps.AbsoluteValue, timeOffset: number): string {\n const formattedOffset = isDateOnly(value) ? '' : formatOffset(timeOffset);\n return value.startDate + formattedOffset + ' ' + '—' + ' ' + value.endDate + formattedOffset;\n}\n\nfunction isDateOnly(value: null \| DateRangePickerProps.Value) {\n if (!value \|\| value.type !== 'absolute') {\n return false;\n }\n const dateRegex = /^\\d{4}-\\d{2}-\\d{2}$/;\n return dateRegex.test(value.startDate) && dateRegex.test(value.endDate);\n}\n\nfunction formatValue(\n value: null \| DateRangePickerProps.Value,\n { timeOffset, dateOnly }: { timeOffset: number; dateOnly: boolean }\n): null \| DateRangePickerProps.Value {\n if (!value \|\| value.type === 'relative') {\n return value;\n }\n if (dateOnly) {\n return {\n type: 'absolute',\n startDate: value.startDate.split('T')[0],\n endDate: value.endDate.split('T')[0],\n };\n }\n return setTimeOffset(value, timeOffset);\n}\n\nconst DateRangePicker = React.forwardRef(\n (\n {\n locale = '',\n startOfWeek,\n isDateEnabled = () => true,\n value,\n placeholder,\n readOnly = false,\n disabled = false,\n onChange,\n onBlur,\n onFocus,\n relativeOptions = [],\n i18nStrings,\n isValidRange = () => ({ valid: true }),\n showClearButton = true,\n dateOnly = false,\n timeOffset = getBrowserTimezoneOffset(),\n timeInputFormat = 'hh:mm:ss',\n expandToViewport = false,\n rangeSelectorMode = 'default',\n ...rest\n }: DateRangePickerProps,\n ref: Ref<DateRangePickerProps.Ref>\n ) => {\n const { __internalRootRef } = useBaseComponent('DateRangePicker');\n checkControlled('DateRangePicker', 'value', value, 'onChange', onChange);\n\n value = isDateOnly(value) ? value : shiftTimeOffset(value, timeOffset);\n\n const baseProps = getBaseProps(rest);\n const { invalid, controlId, ariaDescribedby, ariaLabelledby } = useFormFieldContext({\n ariaLabelledby: rest.ariaLabelledby ?? i18nStrings.ariaLabelledby,\n ariaDescribedby: rest.ariaDescribedby ?? i18nStrings.ariaDescribedby,\n ...rest,\n });\n const isSingleGrid = useMobile();\n\n const triggerRef = useRef<HTMLButtonElement \| null>(null);\n useForwardFocus(ref, triggerRef);\n\n const rootRef = useRef<HTMLDivElement>(null);\n const dropdownId = useUniqueId('date-range-picker-dropdown');\n\n useFocusTracker({ rootRef, onBlur, onFocus, viewportId: expandToViewport ? dropdownId : '' });\n\n const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n const normalizedLocale = normalizeLocale('DateRangePicker', locale ?? '');\n\n const closeDropdown = (focusTrigger = false) => {\n setIsDropDownOpen(false);\n if (focusTrigger) {\n triggerRef.current?.focus();\n }\n };\n\n const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.keyCode === KeyCode.escape) {\n closeDropdown(true);\n }\n };\n\n const onClear = () => {\n fireNonCancelableEvent(onChange, { value: null });\n };\n\n const onApply = (newValue: null \| DateRangePickerProps.Value): DateRangePickerProps.ValidationResult => {\n const validationResult = isValidRange(newValue);\n if (validationResult?.valid === false) {\n return validationResult;\n }\n\n if (isDevelopment) {\n if (newValue?.type === 'absolute') {\n const [startDateWithoutTime] = newValue.startDate.split('T');\n const [endDateWithoutTime] = newValue.endDate.split('T');\n if (!startDateWithoutTime \|\| !endDateWithoutTime) {\n warnOnce(\n 'DateRangePicker',\n 'You have provided an `isValidRange` prop that did not catch a missing start or end date.'\n );\n }\n }\n }\n fireNonCancelableEvent(onChange, { value: formatValue(newValue, { dateOnly, timeOffset }) });\n return validationResult \|\| { valid: true };\n };\n\n const prevDateOnly = usePrevious(dateOnly);\n useEffect(() => {\n if (prevDateOnly !== undefined && prevDateOnly !== dateOnly) {\n warnOnce(\n 'DateRangePicker',\n `The provided \\`dateOnly\\` flag has been changed from \"${prevDateOnly}\" to \"${dateOnly}\" which can lead to unexpected value format. Consider using separate components.`\n );\n }\n }, [prevDateOnly, dateOnly]);\n\n if (value && value.type !== 'absolute' && value.type !== 'relative') {\n warnOnce('DateRangePicker', 'You provided an invalid value. Reverting back to default.');\n value = null;\n }\n\n if (\n (value?.type === 'absolute' && rangeSelectorMode === 'relative-only') \|\|\n (value?.type === 'relative' && rangeSelectorMode === 'absolute-only')\n ) {\n warnOnce(\n 'DateRangePicker',\n 'The provided value does not correspond to the current range selector mode. Reverting back to default.'\n );\n value = null;\n }\n\n const trigger = (\n <div className={styles['trigger-wrapper']}>\n <ButtonTrigger\n ref={triggerRef}\n id={controlId}\n invalid={invalid}\n ariaLabel={i18nStrings.ariaLabel}\n ariaDescribedby={ariaDescribedby}\n ariaLabelledby={ariaLabelledby}\n className={clsx(styles.label, {\n [styles['label-enabled']]: !readOnly && !disabled,\n })}\n hideCaret={true}\n onClick={() => {\n if (!readOnly && !disabled) {\n setIsDropDownOpen(true);\n }\n }}\n disabled={disabled}\n readOnly={readOnly}\n ariaHasPopup=\"true\"\n >\n <span className={styles['trigger-flexbox']}>\n <span className={styles['icon-wrapper']}>\n <InternalIcon name=\"calendar\" variant={disabled \|\| readOnly ? 'disabled' : 'normal'} />\n </span>\n {formatDateRange(value, placeholder ?? '', i18nStrings.formatRelativeRange, timeOffset)}\n </span>\n </ButtonTrigger>\n </div>\n );\n\n const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n return (\n <div\n {...baseProps}\n ref={mergedRef}\n className={clsx(baseProps.className, styles.root)}\n onKeyDown={onWrapperKeyDownHandler}\n >\n <Dropdown\n stretchWidth={true}\n stretchHeight={true}\n open={isDropDownOpen}\n onDropdownClose={() => closeDropdown()}\n trigger={trigger}\n stretchToTriggerWidth={false}\n expandToViewport={expandToViewport}\n dropdownId={dropdownId}\n >\n {isDropDownOpen && (\n <DateRangePickerDropdown\n startOfWeek={startOfWeek}\n locale={normalizedLocale}\n isSingleGrid={isSingleGrid}\n onDropdownClose={() => closeDropdown(true)}\n value={value}\n showClearButton={showClearButton}\n isDateEnabled={isDateEnabled}\n i18nStrings={i18nStrings}\n onClear={onClear}\n onApply={onApply}\n relativeOptions={relativeOptions}\n isValidRange={isValidRange}\n dateOnly={dateOnly}\n timeInputFormat={timeInputFormat}\n rangeSelectorMode={rangeSelectorMode}\n ariaLabelledby={ariaLabelledby}\n ariaDescribedby={ariaDescribedby}\n />\n )}\n </Dropdown>\n </div>\n );\n }\n);\n\napplyDisplayName(DateRangePicker, 'DateRangePicker');\nexport default DateRangePicker;\n"]}

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

@@ -91,7 +91,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 .awsui_custom-range_16zmw_1gsct_93:not(#\9) {
-  padding-left: calc(14px + 8px);
   padding-left: calc(14px + var(--space-xs-rsr2qu, 8px));
   display: flex;
   width: 80%;
@@ -110,7 +109,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 50%;
 }
 .awsui_custom-range-form-controls_16zmw_1gsct_103 > .awsui_custom-range-duration_16zmw_1gsct_107:not(#\9) {
-  margin-right: 8px;
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 .awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114:not(#\9) {
@@ -121,7 +119,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 .awsui_custom-range-form-controls_16zmw_1gsct_103.awsui_vertical_16zmw_1gsct_114 > .awsui_custom-range-unit_16zmw_1gsct_108:not(#\9) {
-  margin-top: 12px;
   margin-top: var(--space-s-hv8c1d, 12px);
 }

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

@@ -1,47 +1,46 @@
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_mgja0_ltgk2_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_ltgk2_1",
-  "root": "awsui_root_mgja0_ltgk2_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_ltgk2_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_ltgk2_136",
-  "preferred-wordbreak": "awsui_preferred-wordbreak_mgja0_ltgk2_140",
-  "one-grid": "awsui_one-grid_mgja0_ltgk2_148",
-  "calendar-header": "awsui_calendar-header_mgja0_ltgk2_151",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_ltgk2_157",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_ltgk2_157",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_ltgk2_177",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_ltgk2_180",
-  "calendar-day-names": "awsui_calendar-day-names_mgja0_ltgk2_183",
-  "calendar-day-name": "awsui_calendar-day-name_mgja0_ltgk2_183",
-  "calendar-week": "awsui_calendar-week_mgja0_ltgk2_198",
-  "first-grid": "awsui_first-grid_mgja0_ltgk2_203",
-  "second-grid": "awsui_second-grid_mgja0_ltgk2_204",
-  "grid": "awsui_grid_mgja0_ltgk2_208",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_ltgk2_212",
-  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_ltgk2_216",
-  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_ltgk2_219",
-  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_ltgk2_223",
-  "footer": "awsui_footer_mgja0_ltgk2_230",
-  "has-clear-button": "awsui_has-clear-button_mgja0_ltgk2_237",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_ltgk2_244",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_ltgk2_248",
-  "label": "awsui_label_mgja0_ltgk2_253",
-  "label-enabled": "awsui_label-enabled_mgja0_ltgk2_258",
-  "label-text": "awsui_label-text_mgja0_ltgk2_262",
-  "mode-switch": "awsui_mode-switch_mgja0_ltgk2_267",
-  "dropdown": "awsui_dropdown_mgja0_ltgk2_271",
-  "dropdown-content": "awsui_dropdown-content_mgja0_ltgk2_287",
-  "start-date-input": "awsui_start-date-input_mgja0_ltgk2_296",
-  "start-time-input": "awsui_start-time-input_mgja0_ltgk2_297",
-  "end-date-input": "awsui_end-date-input_mgja0_ltgk2_298",
-  "end-time-input": "awsui_end-time-input_mgja0_ltgk2_299",
-  "validation-section": "awsui_validation-section_mgja0_ltgk2_303",
-  "validation-error": "awsui_validation-error_mgja0_ltgk2_307",
-  "clear-button": "awsui_clear-button_mgja0_ltgk2_311",
-  "apply-button": "awsui_apply-button_mgja0_ltgk2_315",
-  "cancel-button": "awsui_cancel-button_mgja0_ltgk2_319",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_ltgk2_323"
+  "calendar": "awsui_calendar_mgja0_1bqq4_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1bqq4_1",
+  "root": "awsui_root_mgja0_1bqq4_120",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_1bqq4_132",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1bqq4_136",
+  "one-grid": "awsui_one-grid_mgja0_1bqq4_144",
+  "calendar-header": "awsui_calendar-header_mgja0_1bqq4_147",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1bqq4_153",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_1bqq4_153",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1bqq4_173",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1bqq4_176",
+  "calendar-day-names": "awsui_calendar-day-names_mgja0_1bqq4_179",
+  "calendar-day-name": "awsui_calendar-day-name_mgja0_1bqq4_179",
+  "calendar-week": "awsui_calendar-week_mgja0_1bqq4_194",
+  "first-grid": "awsui_first-grid_mgja0_1bqq4_199",
+  "second-grid": "awsui_second-grid_mgja0_1bqq4_200",
+  "grid": "awsui_grid_mgja0_1bqq4_204",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1bqq4_208",
+  "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_1bqq4_212",
+  "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_1bqq4_215",
+  "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_1bqq4_219",
+  "footer": "awsui_footer_mgja0_1bqq4_226",
+  "has-clear-button": "awsui_has-clear-button_mgja0_1bqq4_233",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1bqq4_240",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_1bqq4_244",
+  "label": "awsui_label_mgja0_1bqq4_249",
+  "label-enabled": "awsui_label-enabled_mgja0_1bqq4_254",
+  "label-text": "awsui_label-text_mgja0_1bqq4_258",
+  "mode-switch": "awsui_mode-switch_mgja0_1bqq4_263",
+  "dropdown": "awsui_dropdown_mgja0_1bqq4_267",
+  "dropdown-content": "awsui_dropdown-content_mgja0_1bqq4_283",
+  "start-date-input": "awsui_start-date-input_mgja0_1bqq4_292",
+  "start-time-input": "awsui_start-time-input_mgja0_1bqq4_293",
+  "end-date-input": "awsui_end-date-input_mgja0_1bqq4_294",
+  "end-time-input": "awsui_end-time-input_mgja0_1bqq4_295",
+  "validation-section": "awsui_validation-section_mgja0_1bqq4_299",
+  "validation-error": "awsui_validation-error_mgja0_1bqq4_303",
+  "clear-button": "awsui_clear-button_mgja0_1bqq4_307",
+  "apply-button": "awsui_apply-button_mgja0_1bqq4_311",
+  "cancel-button": "awsui_cancel-button_mgja0_1bqq4_315",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1bqq4_319"
 };