@cloudscape-design/components-themeable 3.0.22 → 3.0.25

package/lib/internal/template/code-editor/styles.scoped.css

@@ -111,7 +111,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-image: none;
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d13212' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -178,21 +177,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_marker-layer > .ace_active-line:not(#\9) {
   background: transparent;
   box-sizing: border-box;
-  border-top: 1px solid #d5dbdb;
   border-top: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-wvvw7v, #d5dbdb);
-  border-bottom: 1px solid #d5dbdb;
   border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-wvvw7v, #d5dbdb);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor.ace_dark .ace_marker-layer > .ace_active-line:not(#\9) {
-  border-top: 1px solid #687078;
   border-top: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-48wwb3, #687078);
-  border-bottom: 1px solid #687078;
   border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-48wwb3, #687078);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-code-editor-gutter-default-jzy459, #f2f3f3);
-  color: #16191f;
   color: var(--color-text-code-editor-gutter-default-xo884c, #16191f);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
@@ -292,9 +285,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line:not(#\9) {
-  background-color: #687078;
   background-color: var(--color-background-code-editor-gutter-active-line-default-iqj33p, #687078);
-  color: #ffffff;
   color: var(--color-text-code-editor-gutter-active-line-x8sbgu, #ffffff);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
@@ -394,9 +385,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
-  color: #ffffff;
   color: var(--color-text-code-editor-gutter-active-line-x8sbgu, #ffffff);
-  background-color: #d13212;
   background-color: var(--color-background-code-editor-gutter-active-line-error-stt57c, #d13212);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -543,11 +532,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_code-editor-refresh_1gl9c_12bdt_534 .ace_editor .ace_gutter:not(#\9) {
-  border-top-left-radius: calc(0px - 1px);
   border-top-left-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
 .awsui_code-editor-refresh_1gl9c_12bdt_534 .ace_editor .ace_scroller:not(#\9) {
-  border-top-right-radius: calc(0px - 1px);
   border-top-right-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
 
@@ -561,21 +548,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   flex-direction: row;
   flex: 1;
-  border-top: 1px solid #d5dbdb;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  background: #f2f3f3;
   background: var(--color-background-code-editor-status-bar-ewmb7s, #f2f3f3);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
 }
 .awsui_pane__close-container_1gl9c_12bdt_557:not(#\9) {
   position: absolute;
   top: 0;
-  right: calc(12px / 2);
   right: calc(var(--space-s-hv8c1d, 12px) / 2);
 }
 .awsui_pane__list_1gl9c_12bdt_562:not(#\9) {
@@ -583,35 +564,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   max-height: 100%;
   box-sizing: border-box;
-  margin-right: calc(22px + 2 * 8px);
   margin-right: calc(var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-xs-rsr2qu, 8px));
 }
 .awsui_pane__table_1gl9c_12bdt_569:not(#\9) {
   width: 100%;
   border-spacing: 0;
-  margin: 12px 0;
   margin: var(--space-s-hv8c1d, 12px) 0;
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9) {
-  border-top: 1px solid transparent;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-bottom: 1px solid transparent;
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):first-child {
-  border-left: 1px solid transparent;
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):last-child {
-  border-right: 1px solid transparent;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus {
@@ -619,39 +590,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline: none;
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574 {
-  background-color: #eaeded;
   background-color: var(--color-background-code-editor-pane-item-hover-zlbhj7, #eaeded);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574 {
-  border-top: 1px solid #687078;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-bottom: 1px solid #687078;
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):first-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574:first-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574:first-child {
-  border-left: 1px solid #687078;
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):last-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574:last-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574:last-child {
-  border-right: 1px solid #687078;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__location_1gl9c_12bdt_609:not(#\9), .awsui_pane__description_1gl9c_12bdt_609:not(#\9) {
-  padding: 4px 12px;
   padding: var(--space-xxs-ynfts5, 4px) var(--space-s-hv8c1d, 12px);
 }
 .awsui_pane__location_1gl9c_12bdt_609:not(#\9) {
   vertical-align: baseline;
   white-space: nowrap;
-  padding-left: calc(20px + 12px);
   padding-left: calc(var(--space-l-4vl6xu, 20px) + var(--space-s-hv8c1d, 12px));
 }
 .awsui_pane__description_1gl9c_12bdt_609:not(#\9) {
@@ -699,19 +659,13 @@ 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);
   display: inline-block;
-  border: 1px solid #d5dbdb;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  border-radius: 0px;
   border-radius: var(--border-radius-code-editor-7hgl06, 0px);
   width: 100%;
 }
@@ -726,15 +680,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: 0;
   bottom: 0;
   z-index: 10;
-  width: 20px;
   width: var(--space-l-4vl6xu, 20px);
-  height: 20px;
   height: var(--space-l-4vl6xu, 20px);
   background-repeat: no-repeat;
   background-origin: content-box;
   box-sizing: border-box;
   background-position: bottom right;
-  background-size: 20px;
   background-size: var(--space-l-4vl6xu, 20px);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23687078' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -785,43 +736,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: calc(-1 * 3px);
   width: calc(100% + 2 * 3px);
   height: calc(100% + 2 * 3px);
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 
 .awsui_code-editor-refresh_1gl9c_12bdt_534 > .awsui_resizable-box_1gl9c_12bdt_647 > .awsui_editor_1gl9c_12bdt_689:not(#\9) {
-  border-top-left-radius: calc(0px - 1px);
   border-top-left-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
-  border-top-right-radius: calc(0px - 1px);
   border-top-right-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
 
 .awsui_status-bar_1gl9c_12bdt_722:not(#\9) {
   display: flex;
   vertical-align: middle;
-  border-top: 1px solid #d5dbdb;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  background-color: #f2f3f3;
   background-color: var(--color-background-code-editor-status-bar-ewmb7s, #f2f3f3);
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 .awsui_status-bar-with-hidden-pane_1gl9c_12bdt_731:not(#\9) {
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-code-editor-7hgl06, 0px);
 }
 .awsui_status-bar__left_1gl9c_12bdt_735:not(#\9) {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
-  padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
-  border-right: 1px solid #d5dbdb;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
 }
 .awsui_status-bar__left-virtual_1gl9c_12bdt_742:not(#\9) {
@@ -834,13 +775,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_status-bar__language-mode_1gl9c_12bdt_750:not(#\9), .awsui_status-bar__cursor-position_1gl9c_12bdt_750:not(#\9) {
   display: inline-block;
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
-  padding: 8px 12px;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
 }
 .awsui_status-bar__cog-button_1gl9c_12bdt_755:not(#\9) {
-  padding: calc(4px - 1px) calc(8px - 2px);
   padding: calc(var(--space-scaled-xxs-95dhkm, 4px) - 1px) calc(var(--space-xs-rsr2qu, 8px) - 2px);
 }
 
@@ -853,10 +791,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9) {
   position: relative;
   display: inline-block;
-  padding: 8px 12px;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
   line-height: inherit;
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   background: none;
   border: none;
@@ -866,7 +802,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
 .awsui_tab-button--refresh_1gl9c_12bdt_778:not(#\9) {
-  padding-bottom: calc(8px + 2px - 2px);
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-active-width-bo43mb, 2px) - 2px);
 }
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9)::after {
@@ -875,11 +810,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   left: 0;
   right: 0;
   bottom: 0;
-  height: 2px;
   height: var(--border-active-width-bo43mb, 2px);
-  border-radius: 0px;
   border-radius: var(--border-radius-tabs-focus-ring-774qv9, 0px);
-  background: #d13212;
   background: var(--color-text-status-error-jer77f, #d13212);
   opacity: 0;
 }
@@ -887,7 +819,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   opacity: 1;
 }
 .awsui_tab-button--refresh_1gl9c_12bdt_778:not(#\9)::after {
-  transition: opacity 165ms cubic-bezier(0.84, 0, 0.16, 1);
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
@@ -901,19 +832,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: none;
 }
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9):hover {
-  color: #ffffff;
   color: var(--color-text-code-editor-tab-button-error-r25g2o, #ffffff);
-  background: #d13212;
   background: var(--color-text-status-error-jer77f, #d13212);
 }
 .awsui_tab-button--disabled_1gl9c_12bdt_812:not(#\9) {
   font-weight: normal;
-  color: #879596;
   color: var(--color-text-code-editor-status-bar-disabled-u2e9ms, #879596);
   cursor: default;
 }
 .awsui_tab-button--disabled_1gl9c_12bdt_812:not(#\9):hover {
-  color: #879596;
   color: var(--color-text-code-editor-status-bar-disabled-u2e9ms, #879596);
   background: transparent;
 }
@@ -925,33 +852,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_tab-button_1gl9c_12bdt_765[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(3px - 1px);
   outline-offset: calc(var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px) - 1px);
 }
 .awsui_tab-button_1gl9c_12bdt_765[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 3px);
   left: calc(-1 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  top: calc(-1 * 3px);
   top: calc(-1 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  width: calc(100% + 2 * 3px);
   width: calc(100% + 2 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  height: calc(100% + 2 * 3px);
   height: calc(100% + 2 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_tab-button--divider_1gl9c_12bdt_842:not(#\9) {
   display: inline-block;
-  height: 22px;
   height: var(--font-body-m-line-height-i7xxvv, 22px);
-  width: 0px;
   width: var(--border-code-editor-status-divider-width-bgledl, 0px);
-  background: #aab7b8;
   background: var(--color-border-tabs-divider-lf9ugx, #aab7b8);
   vertical-align: middle;
 }
@@ -965,15 +882,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   justify-content: center;
   height: 480px;
-  color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
-  background: #f2f3f3;
   background: var(--color-background-code-editor-loading-sm80zv, #f2f3f3);
-  border-radius: 0px;
   border-radius: var(--border-radius-code-editor-7hgl06, 0px);
 }
 
 .awsui_error-screen_1gl9c_12bdt_854:not(#\9) {
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
 }

package/lib/internal/template/collection-preferences/styles.scoped.css

@@ -190,24 +190,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_visible-content-title_tc96w_muv71_192: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: 400;
   font-weight: var(--font-display-label-weight-tjy9e4, 400);
-  color: #16191f;
   color: var(--color-text-form-label-i9s99a, #16191f);
-  margin-bottom: 20px;
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 
 .awsui_visible-content-group-label_tc96w_muv71_200:not(#\9) {
-  color: #545b64;
   color: var(--color-text-group-label-5rxtyp, #545b64);
-  padding-bottom: 8px;
   padding-bottom: var(--space-xs-rsr2qu, 8px);
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 
@@ -215,9 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
-  padding: 8px 0px 8px 20px;
   padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 .awsui_visible-content-option_tc96w_muv71_206:not(#\9):last-child {
@@ -228,7 +218,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-right: 20px;
   padding-right: var(--space-l-4vl6xu, 20px);
   flex-grow: 1;
 }
@@ -243,7 +232,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_second-column-small_tc96w_muv71_234:not(#\9) {
-  padding-top: calc(2 * 20px);
   padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
 }
 

package/lib/internal/template/column-layout/styles.scoped.css

@@ -120,19 +120,14 @@ div.awsui_column-layout_vvxn7_1rzms_93:not(#\9) {
   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);
   word-wrap: break-word;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9) {
-  margin: calc(20px / -2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
@@ -142,11 +137,9 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
-  margin: calc(-1 * (20px)) calc(-1 * 20px);
   margin: calc(-1 * (var(--space-text-grid-vertical-9z9zv2, 20px))) calc(-1 * var(--space-grid-gutter-0subky, 20px));
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112 > *:not(#\9) {
-  border-left: 1px solid #eaeded;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112.awsui_grid-breakpoint-default_vvxn7_1rzms_119 > *:not(#\9):nth-child(1n+1) {
@@ -177,20 +170,16 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
   border-left-width: 0;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1rzms_109) > * {
-  padding: calc(20px / 2);
   padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1rzms_109).awsui_grid-variant-text-grid_vvxn7_1rzms_112 > * {
-  padding: 0 20px;
   padding: 0 var(--space-grid-gutter-0subky, 20px);
-  margin: 20px 0;
   margin: var(--space-text-grid-vertical-9z9zv2, 20px) 0;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153 > *:not(#\9) {
-  border-right: 1px solid #eaeded;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153.awsui_grid-breakpoint-default_vvxn7_1rzms_119 > *:not(#\9):nth-child(1n) {
@@ -225,7 +214,6 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
   /* stylelint-enable selector-max-universal */
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-horizontal-borders_vvxn7_1rzms_186 > *:not(#\9) {
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-horizontal-borders_vvxn7_1rzms_186 > *:not(#\9):last-child {

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

@@ -124,32 +124,23 @@ 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);
   display: block;
   word-wrap: break-word;
 }
 .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
   .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-    border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
@@ -158,18 +149,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom-left-radius: 0;
 }
 .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109 + .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-  border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-stacked-j8j87i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
 .awsui_header_14iqq_5wfq7_132:not(#\9) {
-  background-color: #fafafa;
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
 }
 .awsui_header-sticky-disabled_14iqq_5wfq7_136:not(#\9) {
@@ -183,35 +170,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 800;
 }
 .awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   border: 0;
   border-radius: 0;
 }
 .awsui_header-dynamic-height_14iqq_5wfq7_151.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  margin-bottom: calc(36px - 22px);
   margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
 }
 .awsui_header_14iqq_5wfq7_132:not(#\9):not(:empty) {
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
 .awsui_header_14iqq_5wfq7_132.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 12px 20px;
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
   .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
-    border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
@@ -229,7 +208,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-top-right-radius: 0;
 }
 .awsui_header-variant-full-page_14iqq_5wfq7_184.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
 
@@ -238,24 +216,19 @@ The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
 .awsui_dark-header_14iqq_5wfq7_192:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
 
 .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 20px 20px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_header_14iqq_5wfq7_132 + .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding-top: 16px;
   padding-top: var(--space-container-content-top-u412x3, 16px);
 }
 
 .awsui_footer_14iqq_5wfq7_203.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_footer_14iqq_5wfq7_203.awsui_with-divider_14iqq_5wfq7_206:not(#\9) {
-  border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }

package/lib/internal/template/date-picker/calendar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAS9C,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,UAAU,aAAc,SAAQ,kBAAkB;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,0JAWX,aAAa,gBA4Gf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/date-picker/calendar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAQ9C,MAAM,WAAW,iBAAiB;IAChC,CAAC,MAAM,EAAE,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,oBAAY,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAMjD,UAAU,aAAc,SAAQ,kBAAkB;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,eAAe,CAAC,qBAAqB,CAAC;IACrD,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IAEvB,aAAa,EAAE,kBAAkB,CAAC;IAClC,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,0JAWX,aAAa,gBA0Gf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/internal/template/date-picker/calendar/index.js

@@ -11,10 +11,10 @@ import moveFocusHandler from './utils/move-focus-handler';
 import { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';
 import { formatDate, memoizedDate } from './utils/date.js';
 import { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';
-import { getWeekStartByLocale } from 'weekstart';
+import { normalizeStartOfWeek } from './utils/locales.js';
 var Calendar = function (_a) {
     var locale = _a.locale, startOfWeek = _a.startOfWeek, displayedDate = _a.displayedDate, todayAriaLabel = _a.todayAriaLabel, selectedDate = _a.selectedDate, isDateEnabled = _a.isDateEnabled, onChangeMonth = _a.onChangeMonth, onSelectDate = _a.onSelectDate, previousMonthLabel = _a.previousMonthLabel, nextMonthLabel = _a.nextMonthLabel;
-    var normalizedStartOfWeek = (typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(locale));
+    var normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);
     var focusVisible = useFocusVisible();
     var headerId = useUniqueId('calendar-dialog-title-');
     var elementRef = useRef(null);

package/lib/internal/template/date-picker/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/calendar/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, { useRef, useState } from 'react';\nimport { addDays, addMonths, isSameMonth, startOfMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { DatePickerProps } from '../interfaces';\nimport { CalendarTypes } from './definitions';\nimport CalendarHeader from './header';\nimport Grid, { DateChangeHandlerNullable } from './grid';\nimport moveFocusHandler from './utils/move-focus-handler';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { formatDate, memoizedDate } from './utils/date.js';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport { getWeekStartByLocale } from 'weekstart';\n\nexport interface DateChangeHandler {\n  (detail: CalendarTypes.DateDetail): void;\n}\n\nexport interface MonthChangeHandler {\n  (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeaderChangeMonthHandler {\n  (isPreviousButtonClick?: boolean): void;\n}\n\ninterface CalendarProps extends BaseComponentProps {\n  locale: string;\n  startOfWeek: number | undefined;\n  selectedDate: Date | null;\n  displayedDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  nextMonthLabel: string;\n  previousMonthLabel: string;\n  todayAriaLabel: string;\n\n  onChangeMonth: MonthChangeHandler;\n  onSelectDate: DateChangeHandler;\n}\n\nconst Calendar = ({\n  locale,\n  startOfWeek,\n  displayedDate,\n  todayAriaLabel,\n  selectedDate,\n  isDateEnabled,\n  onChangeMonth,\n  onSelectDate,\n  previousMonthLabel,\n  nextMonthLabel,\n}: CalendarProps) => {\n  const normalizedStartOfWeek = (\n    typeof startOfWeek === 'number' ? startOfWeek : getWeekStartByLocale(locale)\n  ) as DayIndex;\n  const focusVisible = useFocusVisible();\n  const headerId = useUniqueId('calendar-dialog-title-');\n  const elementRef = useRef<HTMLDivElement>(null);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const getBaseDate = (date: Date) => {\n    const startDate = startOfMonth(date);\n    if (isDateEnabled(startDate)) {\n      return startDate;\n    }\n    return moveFocusHandler(startDate, isDateEnabled, (date: Date) => addDays(date, 1));\n  };\n\n  const baseDate: Date = getBaseDate(displayedDate);\n  const focusedOrSelectedDate = focusedDate || selectFocusedDate(selectedDate, baseDate);\n\n  const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n    onChangeMonth(addMonths(baseDate, isPrevious ? -1 : 1));\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler: MonthChangeHandler = newMonth => {\n    onChangeMonth(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler: DateChangeHandlerNullable = ({ date }) => {\n    if (date) {\n      const value = memoizedDate('focused', formatDate(date));\n      setFocusedDate(value);\n    }\n  };\n\n  const onGridSelectDateHandler: DateChangeHandler = detail => {\n    onSelectDate(detail);\n    setFocusedDate(null);\n  };\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding day button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate) {\n      (elementRef.current?.querySelector(`.${styles['calendar-day-focusable']}`) as HTMLDivElement)?.focus();\n    }\n  }, [focusedDate]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      {...focusVisible}\n      className={styles.calendar}\n      tabIndex={0}\n      role=\"application\"\n      aria-describedby={headerId}\n      ref={elementRef}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          headerId={headerId}\n          baseDate={baseDate}\n          locale={locale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthLabel}\n          nextMonthLabel={nextMonthLabel}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={locale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedOrSelectedDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={selectedDate}\n            handleFocusMove={moveFocusHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Calendar;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/calendar/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, { useRef, useState } from 'react';\nimport { addDays, addMonths, isSameMonth, startOfMonth } from 'date-fns';\nimport styles from '../styles.css.js';\nimport { BaseComponentProps } from '../../internal/base-component';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { DatePickerProps } from '../interfaces';\nimport { CalendarTypes } from './definitions';\nimport CalendarHeader from './header';\nimport Grid, { DateChangeHandlerNullable } from './grid';\nimport moveFocusHandler from './utils/move-focus-handler';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id/index.js';\nimport { formatDate, memoizedDate } from './utils/date.js';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update.js';\nimport { normalizeStartOfWeek } from './utils/locales.js';\nexport interface DateChangeHandler {\n  (detail: CalendarTypes.DateDetail): void;\n}\n\nexport interface MonthChangeHandler {\n  (newMonth: Date): void;\n}\n\nexport type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface HeaderChangeMonthHandler {\n  (isPreviousButtonClick?: boolean): void;\n}\n\ninterface CalendarProps extends BaseComponentProps {\n  locale: string;\n  startOfWeek: number | undefined;\n  selectedDate: Date | null;\n  displayedDate: Date;\n  isDateEnabled: DatePickerProps.IsDateEnabledFunction;\n  nextMonthLabel: string;\n  previousMonthLabel: string;\n  todayAriaLabel: string;\n\n  onChangeMonth: MonthChangeHandler;\n  onSelectDate: DateChangeHandler;\n}\n\nconst Calendar = ({\n  locale,\n  startOfWeek,\n  displayedDate,\n  todayAriaLabel,\n  selectedDate,\n  isDateEnabled,\n  onChangeMonth,\n  onSelectDate,\n  previousMonthLabel,\n  nextMonthLabel,\n}: CalendarProps) => {\n  const normalizedStartOfWeek = normalizeStartOfWeek(startOfWeek, locale);\n  const focusVisible = useFocusVisible();\n  const headerId = useUniqueId('calendar-dialog-title-');\n  const elementRef = useRef<HTMLDivElement>(null);\n  const gridWrapperRef = useRef<HTMLDivElement>(null);\n  const [focusedDate, setFocusedDate] = useState<Date | null>(null);\n\n  const selectFocusedDate = (selected: Date | null, baseDate: Date): Date | null => {\n    if (selected && isDateEnabled(selected) && isSameMonth(selected, baseDate)) {\n      return selected;\n    }\n    const today = new Date();\n    if (isDateEnabled(today) && isSameMonth(today, baseDate)) {\n      return today;\n    }\n    if (isDateEnabled(baseDate)) {\n      return baseDate;\n    }\n    return null;\n  };\n\n  const getBaseDate = (date: Date) => {\n    const startDate = startOfMonth(date);\n    if (isDateEnabled(startDate)) {\n      return startDate;\n    }\n    return moveFocusHandler(startDate, isDateEnabled, (date: Date) => addDays(date, 1));\n  };\n\n  const baseDate: Date = getBaseDate(displayedDate);\n  const focusedOrSelectedDate = focusedDate || selectFocusedDate(selectedDate, baseDate);\n\n  const onHeaderChangeMonthHandler: HeaderChangeMonthHandler = isPrevious => {\n    onChangeMonth(addMonths(baseDate, isPrevious ? -1 : 1));\n    setFocusedDate(null);\n  };\n\n  const onGridChangeMonthHandler: MonthChangeHandler = newMonth => {\n    onChangeMonth(newMonth);\n    setFocusedDate(null);\n  };\n\n  const onGridFocusDateHandler: DateChangeHandlerNullable = ({ date }) => {\n    if (date) {\n      const value = memoizedDate('focused', formatDate(date));\n      setFocusedDate(value);\n    }\n  };\n\n  const onGridSelectDateHandler: DateChangeHandler = detail => {\n    onSelectDate(detail);\n    setFocusedDate(null);\n  };\n\n  // The focused date changes as a feedback to keyboard navigation in the grid.\n  // Once changed, the corresponding day button needs to receive the actual focus.\n  useEffectOnUpdate(() => {\n    if (focusedDate) {\n      (elementRef.current?.querySelector(`.${styles['calendar-day-focusable']}`) as HTMLDivElement)?.focus();\n    }\n  }, [focusedDate]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTargetIsInGrid = event.relatedTarget && gridWrapperRef.current?.contains(event.relatedTarget as Node);\n    if (!newFocusTargetIsInGrid) {\n      setFocusedDate(null);\n    }\n  };\n\n  return (\n    <div\n      {...focusVisible}\n      className={styles.calendar}\n      tabIndex={0}\n      role=\"application\"\n      aria-describedby={headerId}\n      ref={elementRef}\n    >\n      <div className={styles['calendar-inner']}>\n        <CalendarHeader\n          headerId={headerId}\n          baseDate={baseDate}\n          locale={locale}\n          onChangeMonth={onHeaderChangeMonthHandler}\n          previousMonthLabel={previousMonthLabel}\n          nextMonthLabel={nextMonthLabel}\n        />\n        <div onBlur={onGridBlur} ref={gridWrapperRef}>\n          <Grid\n            locale={locale}\n            baseDate={baseDate}\n            isDateEnabled={isDateEnabled}\n            focusedDate={focusedOrSelectedDate}\n            onSelectDate={onGridSelectDateHandler}\n            onFocusDate={onGridFocusDateHandler}\n            onChangeMonth={onGridChangeMonthHandler}\n            startOfWeek={normalizedStartOfWeek}\n            todayAriaLabel={todayAriaLabel}\n            selectedDate={selectedDate}\n            handleFocusMove={moveFocusHandler}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Calendar;\n"]}