@cloudscape-design/components 3.0.962 → 3.0.964

package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation-container": "awsui_navigation-container_2p2ab_hnr2t_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_hnr2t_164",
-  "navigation": "awsui_navigation_2p2ab_hnr2t_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_hnr2t_184"
+  "navigation-container": "awsui_navigation-container_2p2ab_pi2n7_153",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_pi2n7_164",
+  "navigation": "awsui_navigation_2p2ab_pi2n7_153",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_pi2n7_184"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1sgnw_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1sgnw_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1sgnw_202",
-  "navigation": "awsui_navigation_7nfqu_1sgnw_217",
-  "tools": "awsui_tools_7nfqu_1sgnw_218",
-  "global-tools": "awsui_global-tools_7nfqu_1sgnw_219",
-  "tools-open": "awsui_tools-open_7nfqu_1sgnw_257",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1sgnw_270",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1sgnw_277",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1sgnw_290",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1sgnw_300",
-  "notifications-container": "awsui_notifications-container_7nfqu_1sgnw_306",
-  "notifications-background": "awsui_notifications-background_7nfqu_1sgnw_310",
-  "main-landmark": "awsui_main-landmark_7nfqu_1sgnw_321",
-  "main": "awsui_main_7nfqu_1sgnw_321",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1sgnw_330",
-  "content-header": "awsui_content-header_7nfqu_1sgnw_340",
-  "content": "awsui_content_7nfqu_1sgnw_340",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1sgnw_350"
+  "root": "awsui_root_7nfqu_12rdf_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_12rdf_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_12rdf_202",
+  "navigation": "awsui_navigation_7nfqu_12rdf_217",
+  "tools": "awsui_tools_7nfqu_12rdf_218",
+  "global-tools": "awsui_global-tools_7nfqu_12rdf_219",
+  "tools-open": "awsui_tools-open_7nfqu_12rdf_257",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_12rdf_270",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_12rdf_277",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_12rdf_290",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_12rdf_300",
+  "notifications-container": "awsui_notifications-container_7nfqu_12rdf_306",
+  "notifications-background": "awsui_notifications-background_7nfqu_12rdf_310",
+  "main-landmark": "awsui_main-landmark_7nfqu_12rdf_321",
+  "main": "awsui_main_7nfqu_12rdf_321",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_12rdf_330",
+  "content-header": "awsui_content-header_7nfqu_12rdf_340",
+  "content": "awsui_content_7nfqu_12rdf_340",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_12rdf_350"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_7nfqu_1sgnw_153:not(#\9) {
+.awsui_root_7nfqu_12rdf_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,99 +183,99 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: var(--color-text-body-default-3mljql, #0f141a);
   background-color: var(--color-background-layout-main-uncvr6, #ffffff);
-  --awsui-max-content-width-g964ok: 100%;
+  --awsui-max-content-width-xgujsu: 100%;
   display: grid;
   grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
   grid-template-columns: var(--space-layout-content-horizontal-buc0zz, 24px) minmax(0, 1fr) var(--space-layout-content-horizontal-buc0zz, 24px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1sgnw_153:not(#\9) {
+  .awsui_root_7nfqu_12rdf_153:not(#\9) {
     grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
-    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
+    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-xgujsu)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
-  .awsui_root_7nfqu_1sgnw_153.awsui_has-adaptive-widths-default_7nfqu_1sgnw_197:not(#\9) {
-    --awsui-max-content-width-g964ok: 1620px;
+  .awsui_root_7nfqu_12rdf_153.awsui_has-adaptive-widths-default_7nfqu_12rdf_197:not(#\9) {
+    --awsui-max-content-width-xgujsu: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1sgnw_153.awsui_has-adaptive-widths-dashboard_7nfqu_1sgnw_202:not(#\9) {
-    --awsui-max-content-width-g964ok: 1280px;
+  .awsui_root_7nfqu_12rdf_153.awsui_has-adaptive-widths-dashboard_7nfqu_12rdf_202:not(#\9) {
+    --awsui-max-content-width-xgujsu: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1sgnw_153.awsui_has-adaptive-widths-dashboard_7nfqu_1sgnw_202:not(#\9) {
-    --awsui-max-content-width-g964ok: 1620px;
+  .awsui_root_7nfqu_12rdf_153.awsui_has-adaptive-widths-dashboard_7nfqu_12rdf_202:not(#\9) {
+    --awsui-max-content-width-xgujsu: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1sgnw_153.awsui_has-adaptive-widths-dashboard_7nfqu_1sgnw_202:not(#\9) {
-    --awsui-max-content-width-g964ok: 2160px;
+  .awsui_root_7nfqu_12rdf_153.awsui_has-adaptive-widths-dashboard_7nfqu_12rdf_202:not(#\9) {
+    --awsui-max-content-width-xgujsu: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_1sgnw_217:not(#\9),
-.awsui_tools_7nfqu_1sgnw_218:not(#\9),
-.awsui_global-tools_7nfqu_1sgnw_219:not(#\9) {
+.awsui_navigation_7nfqu_12rdf_217:not(#\9),
+.awsui_tools_7nfqu_12rdf_218:not(#\9),
+.awsui_global-tools_7nfqu_12rdf_219:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-78ljyf, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1sgnw_217:not(#\9),
-  .awsui_tools_7nfqu_1sgnw_218:not(#\9),
-  .awsui_global-tools_7nfqu_1sgnw_219:not(#\9) {
+  .awsui_navigation_7nfqu_12rdf_217:not(#\9),
+  .awsui_tools_7nfqu_12rdf_218:not(#\9),
+  .awsui_global-tools_7nfqu_12rdf_219:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_1sgnw_217:not(#\9) {
+.awsui_navigation_7nfqu_12rdf_217:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1sgnw_217:not(#\9) {
+  .awsui_navigation_7nfqu_12rdf_217:not(#\9) {
     grid-area: navigation;
-    inline-size: var(--awsui-navigation-width-g964ok);
+    inline-size: var(--awsui-navigation-width-xgujsu);
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1sgnw_217:not(#\9) {
+  .awsui_navigation_7nfqu_12rdf_217:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1sgnw_218:not(#\9) {
+  .awsui_tools_7nfqu_12rdf_218:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_1sgnw_218:not(#\9):not(:has(> [data-testid])) {
-    inline-size: var(--awsui-tools-width-g964ok);
+  .awsui_tools_7nfqu_12rdf_218:not(#\9):not(:has(> [data-testid])) {
+    inline-size: var(--awsui-tools-width-xgujsu);
   }
-  .awsui_tools_7nfqu_1sgnw_218:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1sgnw_257 {
+  .awsui_tools_7nfqu_12rdf_218:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_12rdf_257 {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_1sgnw_219:not(#\9) {
+  .awsui_global-tools_7nfqu_12rdf_219:not(#\9) {
     display: flex;
     grid-area: global-tools;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1sgnw_270:not(#\9) {
+  .awsui_split-panel-side_7nfqu_12rdf_270:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1sgnw_277:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_12rdf_277:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -283,72 +283,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_1sgnw_277:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_12rdf_277:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1sgnw_290:not(#\9) {
+.awsui_panel-hidden_7nfqu_12rdf_290:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_1sgnw_290.awsui_navigation_7nfqu_1sgnw_217:not(#\9), .awsui_panel-hidden_7nfqu_1sgnw_290.awsui_tools_7nfqu_1sgnw_218:not(#\9), .awsui_panel-hidden_7nfqu_1sgnw_290.awsui_global-tools_7nfqu_1sgnw_219:not(#\9) {
+.awsui_panel-hidden_7nfqu_12rdf_290.awsui_navigation_7nfqu_12rdf_217:not(#\9), .awsui_panel-hidden_7nfqu_12rdf_290.awsui_tools_7nfqu_12rdf_218:not(#\9), .awsui_panel-hidden_7nfqu_12rdf_290.awsui_global-tools_7nfqu_12rdf_219:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_1sgnw_300:not(#\9) {
+.awsui_toolbar-container_7nfqu_12rdf_300:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-px1i24, #c6c6cd);
 }
 
-.awsui_notifications-container_7nfqu_1sgnw_306:not(#\9) {
+.awsui_notifications-container_7nfqu_12rdf_306:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_1sgnw_310:not(#\9) {
+.awsui_notifications-background_7nfqu_12rdf_310:not(#\9) {
   background: var(--color-background-layout-main-uncvr6, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_1sgnw_310:not(#\9) {
+  .awsui_notifications-background_7nfqu_12rdf_310:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_main-landmark_7nfqu_1sgnw_321:not(#\9) {
+.awsui_main-landmark_7nfqu_12rdf_321:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1sgnw_321:not(#\9) {
+.awsui_main_7nfqu_12rdf_321:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-8ozaad, 12px);
   margin-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_1sgnw_330:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_12rdf_330:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1sgnw_330:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_12rdf_330:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_content-header_7nfqu_1sgnw_340:not(#\9) {
+.awsui_content-header_7nfqu_12rdf_340:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
 
-.awsui_content_7nfqu_1sgnw_340:not(#\9) {
+.awsui_content_7nfqu_12rdf_340:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_1sgnw_350 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_12rdf_350 *:not(#\9) {
     visibility: hidden;
   }
 }

package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1sgnw_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1sgnw_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1sgnw_202",
-  "navigation": "awsui_navigation_7nfqu_1sgnw_217",
-  "tools": "awsui_tools_7nfqu_1sgnw_218",
-  "global-tools": "awsui_global-tools_7nfqu_1sgnw_219",
-  "tools-open": "awsui_tools-open_7nfqu_1sgnw_257",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1sgnw_270",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1sgnw_277",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1sgnw_290",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1sgnw_300",
-  "notifications-container": "awsui_notifications-container_7nfqu_1sgnw_306",
-  "notifications-background": "awsui_notifications-background_7nfqu_1sgnw_310",
-  "main-landmark": "awsui_main-landmark_7nfqu_1sgnw_321",
-  "main": "awsui_main_7nfqu_1sgnw_321",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1sgnw_330",
-  "content-header": "awsui_content-header_7nfqu_1sgnw_340",
-  "content": "awsui_content_7nfqu_1sgnw_340",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1sgnw_350"
+  "root": "awsui_root_7nfqu_12rdf_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_12rdf_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_12rdf_202",
+  "navigation": "awsui_navigation_7nfqu_12rdf_217",
+  "tools": "awsui_tools_7nfqu_12rdf_218",
+  "global-tools": "awsui_global-tools_7nfqu_12rdf_219",
+  "tools-open": "awsui_tools-open_7nfqu_12rdf_257",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_12rdf_270",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_12rdf_277",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_12rdf_290",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_12rdf_300",
+  "notifications-container": "awsui_notifications-container_7nfqu_12rdf_306",
+  "notifications-background": "awsui_notifications-background_7nfqu_12rdf_310",
+  "main-landmark": "awsui_main-landmark_7nfqu_12rdf_321",
+  "main": "awsui_main_7nfqu_12rdf_321",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_12rdf_330",
+  "content-header": "awsui_content-header_7nfqu_12rdf_340",
+  "content": "awsui_content_7nfqu_12rdf_340",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_12rdf_350"
 };
   

package/content-layout/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_mnvc6_145",
-  "background": "awsui_background_5gtk3_mnvc6_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_mnvc6_164",
-  "header-background": "awsui_header-background_5gtk3_mnvc6_167",
-  "notifications": "awsui_notifications_5gtk3_mnvc6_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_mnvc6_176",
-  "default-padding": "awsui_default-padding_5gtk3_mnvc6_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_mnvc6_185",
-  "with-divider": "awsui_with-divider_5gtk3_mnvc6_190",
-  "content": "awsui_content_5gtk3_mnvc6_193",
-  "has-header": "awsui_has-header_5gtk3_mnvc6_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_mnvc6_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_mnvc6_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_mnvc6_208"
+  "layout": "awsui_layout_5gtk3_1vz33_145",
+  "background": "awsui_background_5gtk3_1vz33_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1vz33_164",
+  "header-background": "awsui_header-background_5gtk3_1vz33_167",
+  "notifications": "awsui_notifications_5gtk3_1vz33_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1vz33_176",
+  "default-padding": "awsui_default-padding_5gtk3_1vz33_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_1vz33_185",
+  "with-divider": "awsui_with-divider_5gtk3_1vz33_190",
+  "content": "awsui_content_5gtk3_1vz33_193",
+  "has-header": "awsui_has-header_5gtk3_1vz33_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1vz33_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_1vz33_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_1vz33_208"
 };
   

package/content-layout/styles.scoped.css

@@ -142,72 +142,72 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_layout_5gtk3_mnvc6_145:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-g964ok: var(--space-layout-content-horizontal-buc0zz, 24px);
-  --awsui-content-layout-max-content-width-g964ok: 0px;
-  --awsui-content-layout-main-gap-g964ok: 0px;
+.awsui_layout_5gtk3_1vz33_145:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-xgujsu: var(--space-layout-content-horizontal-buc0zz, 24px);
+  --awsui-content-layout-max-content-width-xgujsu: 0px;
+  --awsui-content-layout-main-gap-xgujsu: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-g964ok)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-xgujsu)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-xgujsu) min-content min-content auto var(--space-dark-header-overlap-distance-ld45ap, 36px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_mnvc6_145:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-g964ok: var(--space-l-2ud1p3, 20px);
+  .awsui_layout_5gtk3_1vz33_145:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-xgujsu: var(--space-l-2ud1p3, 20px);
   }
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_background_5gtk3_mnvc6_159:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_background_5gtk3_1vz33_159:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-3mljql, #0f141a);
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_background_5gtk3_mnvc6_159.awsui_is-overlap-disabled_5gtk3_mnvc6_164:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_background_5gtk3_1vz33_159.awsui_is-overlap-disabled_5gtk3_1vz33_164:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_background_5gtk3_mnvc6_159 > .awsui_header-background_5gtk3_mnvc6_167:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_background_5gtk3_1vz33_159 > .awsui_header-background_5gtk3_1vz33_167:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_notifications_5gtk3_mnvc6_171:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_notifications_5gtk3_1vz33_171:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_breadcrumbs_5gtk3_mnvc6_176:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_breadcrumbs_5gtk3_1vz33_176:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_mnvc6_145.awsui_default-padding_5gtk3_mnvc6_181:not(#\9) {
-  --awsui-content-layout-main-gap-g964ok: var(--space-scaled-m-m892r9, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-g964ok, 0) var(--awsui-content-layout-default-horizontal-padding-g964ok, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-g964ok)) 1fr var(--awsui-content-layout-default-horizontal-padding-g964ok, 0) var(--awsui-toggles-right-width-g964ok, 0);
+.awsui_layout_5gtk3_1vz33_145.awsui_default-padding_5gtk3_1vz33_181:not(#\9) {
+  --awsui-content-layout-main-gap-xgujsu: var(--space-scaled-m-m892r9, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-xgujsu, 0) var(--awsui-content-layout-default-horizontal-padding-xgujsu, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-xgujsu)) 1fr var(--awsui-content-layout-default-horizontal-padding-xgujsu, 0) var(--awsui-toggles-right-width-xgujsu, 0);
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_header-wrapper_5gtk3_mnvc6_185:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_header-wrapper_5gtk3_1vz33_185:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_header-wrapper_5gtk3_mnvc6_185.awsui_with-divider_5gtk3_mnvc6_190:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_header-wrapper_5gtk3_1vz33_185.awsui_with-divider_5gtk3_1vz33_190:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-jm73jm, #c6c6cd);
 }
-.awsui_layout_5gtk3_mnvc6_145 > .awsui_content_5gtk3_mnvc6_193:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145 > .awsui_content_5gtk3_1vz33_193:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_mnvc6_145:not(#\9):not(.awsui_has-header_5gtk3_mnvc6_197) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
+.awsui_layout_5gtk3_1vz33_145:not(#\9):not(.awsui_has-header_5gtk3_1vz33_197) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-xgujsu) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
 }
-.awsui_layout_5gtk3_mnvc6_145.awsui_is-overlap-disabled_5gtk3_mnvc6_164:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-g964ok) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_1vz33_145.awsui_is-overlap-disabled_5gtk3_1vz33_164:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-xgujsu) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_mnvc6_145.awsui_is-visual-refresh_5gtk3_mnvc6_204 > .awsui_background_5gtk3_mnvc6_159.awsui_has-default-background_5gtk3_mnvc6_204:not(#\9) {
+.awsui_layout_5gtk3_1vz33_145.awsui_is-visual-refresh_5gtk3_1vz33_204 > .awsui_background_5gtk3_1vz33_159.awsui_has-default-background_5gtk3_1vz33_204:not(#\9) {
   background-color: var(--color-background-layout-main-uncvr6, #ffffff);
 }
 
-.awsui_layout_5gtk3_mnvc6_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_mnvc6_204).awsui_has-notifications_5gtk3_mnvc6_208 {
-  --awsui-content-layout-main-gap-g964ok: 0px;
+.awsui_layout_5gtk3_1vz33_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1vz33_204).awsui_has-notifications_5gtk3_1vz33_208 {
+  --awsui-content-layout-main-gap-xgujsu: 0px;
 }
-.awsui_layout_5gtk3_mnvc6_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_mnvc6_204) > .awsui_notifications_5gtk3_mnvc6_171 {
+.awsui_layout_5gtk3_1vz33_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1vz33_204) > .awsui_notifications_5gtk3_1vz33_171 {
   grid-column: 1/8;
 }

package/content-layout/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_mnvc6_145",
-  "background": "awsui_background_5gtk3_mnvc6_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_mnvc6_164",
-  "header-background": "awsui_header-background_5gtk3_mnvc6_167",
-  "notifications": "awsui_notifications_5gtk3_mnvc6_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_mnvc6_176",
-  "default-padding": "awsui_default-padding_5gtk3_mnvc6_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_mnvc6_185",
-  "with-divider": "awsui_with-divider_5gtk3_mnvc6_190",
-  "content": "awsui_content_5gtk3_mnvc6_193",
-  "has-header": "awsui_has-header_5gtk3_mnvc6_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_mnvc6_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_mnvc6_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_mnvc6_208"
+  "layout": "awsui_layout_5gtk3_1vz33_145",
+  "background": "awsui_background_5gtk3_1vz33_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1vz33_164",
+  "header-background": "awsui_header-background_5gtk3_1vz33_167",
+  "notifications": "awsui_notifications_5gtk3_1vz33_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1vz33_176",
+  "default-padding": "awsui_default-padding_5gtk3_1vz33_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_1vz33_185",
+  "with-divider": "awsui_with-divider_5gtk3_1vz33_190",
+  "content": "awsui_content_5gtk3_1vz33_193",
+  "has-header": "awsui_has-header_5gtk3_1vz33_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1vz33_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_1vz33_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_1vz33_208"
 };
   

package/date-range-picker/calendar/grids/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAErG,OAAO,EACL,UAAU,EACV,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,GACb,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,GACd,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,SAAS,MAAM,oCAAoC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,SAAS,SAAS,CAAC,IAAU,EAAE,QAAc,EAAE,YAAqB,EAAE,WAA6C;IACjH,MAAM,MAAM,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAChE,MAAM,GAAG,GAAG,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IACzD,IAAI,YAAY,EAAE;QAChB,OAAO,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KAC/B;IAED,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnC,OAAO,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,iBAAiB,EACjB,eAAe,EAEf,WAAW,EACX,mBAAmB,EAEnB,aAAa,EACb,kBAAkB,EAClB,YAAY,EAEZ,YAAY,EACZ,YAAY,EAEZ,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,KAAK,GACH,EAAE,EAAE;IACpB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,WAAW,KAAK,OAAO,CAAC;IAE9C,MAAM,cAAc,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvD,MAAM,OAAO,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAC3D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAC9D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;IAC7D,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;IAC9D,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAE1D,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC/B,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1D,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAAU,EAAE,EAAE;QACb,OAAO,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;IACrF,CAAC,EACD,CAAC,aAAa,EAAE,kBAAkB,CAAC,CACpC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,CAAC,EAAE;YAC/E,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE1D,MAAM,OAAO,GAAG,CAAC,YAAY,IAAI,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtF,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;YAE1D,MAAM,cAAc,GAAG,eAAe,CAAC,WAAW,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;YAEtF,mBAAmB,CAAC,cAAc,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhH,MAAM,oBAAoB,GAAG,CAAC,KAAuC,EAAE,EAAE;QACvE,IAAI,gBAAgB,GAAgB,IAAI,CAAC;QAEzC,MAAM,IAAI,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnG,IAAI,WAAW,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9D,OAAO;SACR;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,SAAS,CAAC,KAAK,EAAE;YACf,UAAU,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE;oBAC/C,OAAO;iBACR;gBACD,YAAY,CAAC,WAAW,CAAC,CAAC;YAC5B,CAAC;YACD,UAAU,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC5F,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC5F,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YAC/F,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;SAC/F,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO;SACR;QAED,MAAM,oBAAoB,GAAG,SAAS,CAAC,gBAAgB,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;QAE9F,IAAI,CAAC,oBAAoB,EAAE;YACzB,MAAM,mBAAmB,GAAG,CAAC,YAAY,IAAI,QAAQ,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;YAClF,YAAY,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;SACtF;QACD,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,IAAI,WAAW,KAAK,IAAI,IAAI,YAAY,EAAE;YACxC,IAAI,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,KAAK,QAAQ,CAAC,aAAa,EAAE;gBAC/E,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aAChC;SACF;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,EAAE;;QAC7C,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAC;QACrE,MAAM,sBAAsB,GAAG,MAAA,YAAY,CAAC,OAAO,0CAAE,QAAQ,CAAC,cAAsB,CAAC,CAAC;QACtF,IAAI,cAAc,IAAI,CAAC,sBAAsB,IAAI,YAAY,EAAE;YAC7D,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,YAAY,EAAE;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,iBAAiB,IAAI,eAAe,CAAC,IAAI,YAAY,CAAC;IAE9E,MAAM,SAAS,GAAW,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,WAAW,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,WAAW,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9G,MAAM,cAAc,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAElD,MAAM,eAAe,GAAG;QACtB,eAAe;QACf,iBAAiB;QACjB,WAAW;QACX,cAAc;QACd,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI;QACtD,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;QAClD,aAAa;QACb,kBAAkB;QAClB,YAAY;QACZ,oBAAoB;QACpB,mBAAmB;QACnB,MAAM;QACN,WAAW;QACX,qBAAqB;QACrB,WAAW;QACX,cAAc;KACf,CAAC;IAEF,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU;QAC9D,oBAAC,oBAAoB,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY;YACnD,CAAC,YAAY,IAAI,CAChB,oBAAC,IAAI,oBACC,eAAe,IACnB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,EACvC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAChC,cAAc,EAAE,GAAG,eAAe,QAAQ,QAAQ,EAAE,IACpD,CACH;YACD,oBAAC,IAAI,oBACC,eAAe,IACnB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,cAAc,CAAC,aAAa,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,GAAG,eAAe,WAAW,QAAQ,EAAE,IACvD,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { addMonths, addYears, isAfter, isBefore, isSameMonth, isSameYear, max, min } from 'date-fns';\n\nimport {\n  getBaseDay,\n  moveNextDay,\n  moveNextWeek,\n  movePrevDay,\n  movePrevWeek,\n} from '../../../calendar/utils/navigation-day';\nimport {\n  getBaseMonth,\n  moveMonthDown,\n  moveMonthUp,\n  moveNextMonth,\n  movePrevMonth,\n} from '../../../calendar/utils/navigation-month';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { KeyCode } from '../../../internal/keycode';\nimport handleKey from '../../../internal/utils/handle-key';\nimport { hasValue } from '../../../internal/utils/has-value';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { DateRangePickerProps } from '../../interfaces';\nimport { findDateToFocus } from '../utils';\nimport { Grid } from './grid';\nimport { SelectGridProps } from './interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean, granularity: DateRangePickerProps.Granularity) {\n  const isSame = granularity === 'day' ? isSameMonth : isSameYear;\n  const add = granularity === 'day' ? addMonths : addYears;\n  if (isSingleGrid) {\n    return isSame(date, baseDate);\n  }\n\n  const previous = add(baseDate, -1);\n\n  return isSame(date, previous) || isSame(date, baseDate);\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  dateDisabledReason,\n  isSingleGrid,\n\n  onSelectDate,\n  onPageChange,\n\n  locale,\n  todayAriaLabel,\n  currentMonthAriaLabel,\n  headingIdPrefix,\n  startOfWeek = 0,\n  granularity = 'day',\n}: SelectGridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n  const isMonthPicker = granularity === 'month';\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const addPages = !isMonthPicker ? addMonths : addYears;\n  const getBase = !isMonthPicker ? getBaseDay : getBaseMonth;\n  const moveDown = isMonthPicker ? moveMonthDown : moveNextWeek;\n  const moveLeft = isMonthPicker ? movePrevMonth : movePrevDay;\n  const moveRight = isMonthPicker ? moveNextMonth : moveNextDay;\n  const moveUp = isMonthPicker ? moveMonthUp : movePrevWeek;\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  const isDateFocusable = useCallback(\n    (date: Date) => {\n      return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));\n    },\n    [isDateEnabled, dateDisabledReason]\n  );\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid, granularity)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newPage = !isSingleGrid && direction === -1 ? addPages(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBase(newPage, isDateFocusable);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, granularity, addPages, isDateFocusable, onFocusedDateChange, getBase]);\n\n  const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n    let updatedFocusDate: Date | null = null;\n\n    const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n    if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    handleKey(event, {\n      onActivate: () => {\n        if (!focusedDate || !isDateEnabled(focusedDate)) {\n          return;\n        }\n        onSelectDate(focusedDate);\n      },\n      onBlockEnd: () => focusedDate && (updatedFocusDate = moveDown(focusedDate, isDateFocusable)),\n      onBlockStart: () => focusedDate && (updatedFocusDate = moveUp(focusedDate, isDateFocusable)),\n      onInlineStart: () => focusedDate && (updatedFocusDate = moveLeft(focusedDate, isDateFocusable)),\n      onInlineEnd: () => focusedDate && (updatedFocusDate = moveRight(focusedDate, isDateFocusable)),\n    });\n\n    if (!updatedFocusDate) {\n      return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid, granularity);\n\n    if (!updatedDateIsVisible) {\n      const newPageIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n      onPageChange(newPageIsOnLeftSide ? addPages(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n  const pageUnit = isMonthPicker ? 'year' : 'month';\n\n  const sharedGridProps = {\n    selectedEndDate,\n    selectedStartDate,\n    focusedDate,\n    focusedDateRef,\n    rangeStartDate: isRangeVisible ? rangeStartDate : null,\n    rangeEndDate: isRangeVisible ? rangeEndDate : null,\n    isDateEnabled,\n    dateDisabledReason,\n    onSelectDate,\n    onGridKeyDownHandler,\n    onFocusedDateChange,\n    locale,\n    granularity,\n    currentMonthAriaLabel,\n    startOfWeek,\n    todayAriaLabel,\n  };\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            {...sharedGridProps}\n            padDates={'before'}\n            className={testutilStyles['first-grid']}\n            baseDate={addPages(baseDate, -1)}\n            ariaLabelledby={`${headingIdPrefix}-prev${pageUnit}`}\n          />\n        )}\n        <Grid\n          {...sharedGridProps}\n          padDates={'after'}\n          className={testutilStyles['second-grid']}\n          baseDate={baseDate}\n          ariaLabelledby={`${headingIdPrefix}-current${pageUnit}`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/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, { useCallback, useEffect, useRef, useState } from 'react';\nimport { addMonths, addYears, isAfter, isBefore, isSameMonth, isSameYear, max, min } from 'date-fns';\n\nimport { CalendarProps } from '../../../calendar/interfaces';\nimport {\n  getBaseDay,\n  moveNextDay,\n  moveNextWeek,\n  movePrevDay,\n  movePrevWeek,\n} from '../../../calendar/utils/navigation-day';\nimport {\n  getBaseMonth,\n  moveMonthDown,\n  moveMonthUp,\n  moveNextMonth,\n  movePrevMonth,\n} from '../../../calendar/utils/navigation-month';\nimport { useDateCache } from '../../../internal/hooks/use-date-cache';\nimport { KeyCode } from '../../../internal/keycode';\nimport handleKey from '../../../internal/utils/handle-key';\nimport { hasValue } from '../../../internal/utils/has-value';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { findDateToFocus } from '../utils';\nimport { Grid } from './grid';\nimport { SelectGridProps } from './interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\n\nfunction isVisible(date: Date, baseDate: Date, isSingleGrid: boolean, granularity: CalendarProps.Granularity) {\n  const isSame = granularity === 'day' ? isSameMonth : isSameYear;\n  const add = granularity === 'day' ? addMonths : addYears;\n  if (isSingleGrid) {\n    return isSame(date, baseDate);\n  }\n\n  const previous = add(baseDate, -1);\n\n  return isSame(date, previous) || isSame(date, baseDate);\n}\n\nexport const Grids = ({\n  baseDate,\n  selectedStartDate,\n  selectedEndDate,\n\n  focusedDate,\n  onFocusedDateChange,\n\n  isDateEnabled,\n  dateDisabledReason,\n  isSingleGrid,\n\n  onSelectDate,\n  onPageChange,\n\n  locale,\n  todayAriaLabel,\n  currentMonthAriaLabel,\n  headingIdPrefix,\n  startOfWeek = 0,\n  granularity = 'day',\n}: SelectGridProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [gridHasFocus, setGridHasFocus] = useState(false);\n  const isMonthPicker = granularity === 'month';\n\n  const focusedDateRef = useRef<HTMLTableCellElement>(null);\n\n  const addPages = !isMonthPicker ? addMonths : addYears;\n  const getBase = !isMonthPicker ? getBaseDay : getBaseMonth;\n  const moveDown = isMonthPicker ? moveMonthDown : moveNextWeek;\n  const moveLeft = isMonthPicker ? movePrevMonth : movePrevDay;\n  const moveRight = isMonthPicker ? moveNextMonth : moveNextDay;\n  const moveUp = isMonthPicker ? moveMonthUp : movePrevWeek;\n\n  const dateCache = useDateCache();\n  baseDate = dateCache(baseDate);\n  focusedDate = focusedDate ? dateCache(focusedDate) : null;\n\n  const isDateFocusable = useCallback(\n    (date: Date) => {\n      return isDateEnabled(date) || (!isDateEnabled(date) && !!dateDisabledReason(date));\n    },\n    [isDateEnabled, dateDisabledReason]\n  );\n\n  useEffect(() => {\n    if (focusedDate && !isVisible(focusedDate, baseDate, isSingleGrid, granularity)) {\n      const direction = isAfter(focusedDate, baseDate) ? -1 : 1;\n\n      const newPage = !isSingleGrid && direction === -1 ? addPages(baseDate, -1) : baseDate;\n      const nearestBaseDate = getBase(newPage, isDateFocusable);\n\n      const newFocusedDate = findDateToFocus(focusedDate, nearestBaseDate, isDateFocusable);\n\n      onFocusedDateChange(newFocusedDate);\n    }\n  }, [baseDate, focusedDate, isSingleGrid, granularity, addPages, isDateFocusable, onFocusedDateChange, getBase]);\n\n  const onGridKeyDownHandler = (event: React.KeyboardEvent<HTMLElement>) => {\n    let updatedFocusDate: Date | null = null;\n\n    const keys = [KeyCode.up, KeyCode.down, KeyCode.left, KeyCode.right, KeyCode.space, KeyCode.enter];\n\n    if (focusedDate === null || keys.indexOf(event.keyCode) === -1) {\n      return;\n    }\n\n    event.preventDefault();\n\n    handleKey(event, {\n      onActivate: () => {\n        if (!focusedDate || !isDateEnabled(focusedDate)) {\n          return;\n        }\n        onSelectDate(focusedDate);\n      },\n      onBlockEnd: () => focusedDate && (updatedFocusDate = moveDown(focusedDate, isDateFocusable)),\n      onBlockStart: () => focusedDate && (updatedFocusDate = moveUp(focusedDate, isDateFocusable)),\n      onInlineStart: () => focusedDate && (updatedFocusDate = moveLeft(focusedDate, isDateFocusable)),\n      onInlineEnd: () => focusedDate && (updatedFocusDate = moveRight(focusedDate, isDateFocusable)),\n    });\n\n    if (!updatedFocusDate) {\n      return;\n    }\n\n    const updatedDateIsVisible = isVisible(updatedFocusDate, baseDate, isSingleGrid, granularity);\n\n    if (!updatedDateIsVisible) {\n      const newPageIsOnLeftSide = !isSingleGrid && isBefore(updatedFocusDate, baseDate);\n      onPageChange(newPageIsOnLeftSide ? addPages(updatedFocusDate, 1) : updatedFocusDate);\n    }\n    onFocusedDateChange(updatedFocusDate);\n  };\n\n  useEffect(() => {\n    // focus current date if the focus is already inside the calendar\n    if (focusedDate !== null && gridHasFocus) {\n      if (focusedDateRef.current && focusedDateRef.current !== document.activeElement) {\n        focusedDateRef.current.focus();\n      }\n    }\n  }, [focusedDate, gridHasFocus]);\n\n  const onGridBlur = (event: React.FocusEvent) => {\n    const newFocusTarget = event.relatedTarget || document.activeElement;\n    const newFocusTargetIsInGrid = containerRef.current?.contains(newFocusTarget as Node);\n    if (newFocusTarget && !newFocusTargetIsInGrid && gridHasFocus) {\n      setGridHasFocus(false);\n    }\n  };\n\n  const onGridFocus = () => {\n    if (!gridHasFocus) {\n      setGridHasFocus(true);\n    }\n  };\n\n  const isRangeVisible = (selectedStartDate && selectedEndDate) || gridHasFocus;\n\n  const rangeEnds: Date[] = [selectedStartDate ?? focusedDate, selectedEndDate ?? focusedDate].filter(hasValue);\n  const rangeStartDate = min(rangeEnds);\n  const rangeEndDate = max(rangeEnds);\n  const pageUnit = isMonthPicker ? 'year' : 'month';\n\n  const sharedGridProps = {\n    selectedEndDate,\n    selectedStartDate,\n    focusedDate,\n    focusedDateRef,\n    rangeStartDate: isRangeVisible ? rangeStartDate : null,\n    rangeEndDate: isRangeVisible ? rangeEndDate : null,\n    isDateEnabled,\n    dateDisabledReason,\n    onSelectDate,\n    onGridKeyDownHandler,\n    onFocusedDateChange,\n    locale,\n    granularity,\n    currentMonthAriaLabel,\n    startOfWeek,\n    todayAriaLabel,\n  };\n\n  return (\n    <div ref={containerRef} onFocus={onGridFocus} onBlur={onGridBlur}>\n      <InternalSpaceBetween size=\"xs\" direction=\"horizontal\">\n        {!isSingleGrid && (\n          <Grid\n            {...sharedGridProps}\n            padDates={'before'}\n            className={testutilStyles['first-grid']}\n            baseDate={addPages(baseDate, -1)}\n            ariaLabelledby={`${headingIdPrefix}-prev${pageUnit}`}\n          />\n        )}\n        <Grid\n          {...sharedGridProps}\n          padDates={'after'}\n          className={testutilStyles['second-grid']}\n          baseDate={baseDate}\n          ariaLabelledby={`${headingIdPrefix}-current${pageUnit}`}\n        />\n      </InternalSpaceBetween>\n    </div>\n  );\n};\n"]}

package/date-range-picker/calendar/grids/interfaces.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { CalendarProps } from '../../../calendar/interfaces';
 import { DateRangePickerProps, DayIndex } from '../../interfaces';
 export interface GridBaseProps {
     baseDate: Date;
@@ -11,7 +12,7 @@ export interface GridBaseProps {
     dateDisabledReason: DateRangePickerProps.DateDisabledReasonFunction;
     locale: string;
 }
-export interface GridProps extends GridBaseProps {
+export interface GridProps extends GridBaseProps, Required<Pick<CalendarProps, 'granularity'>> {
     rangeStartDate: Date | null;
     rangeEndDate: Date | null;
     focusedDateRef: React.RefObject<HTMLTableCellElement>;
@@ -25,9 +26,8 @@ export interface GridProps extends GridBaseProps {
     currentMonthAriaLabel?: string;
     startOfWeek?: DayIndex;
     todayAriaLabel?: string;
-    granularity: DateRangePickerProps.Granularity;
 }
-export interface SelectGridProps extends GridBaseProps {
+export interface SelectGridProps extends GridBaseProps, Pick<CalendarProps, 'granularity'> {
     /**
      * changes the page/view of the calendar. Doing so will change to another month or year
      * @param date
@@ -40,7 +40,6 @@ export interface SelectGridProps extends GridBaseProps {
      * not needed for grids with a month granularity
      */
     startOfWeek?: DayIndex;
-    granularity?: DateRangePickerProps.Granularity;
     todayAriaLabel?: string;
     currentMonthAriaLabel?: string;
 }

package/date-range-picker/calendar/grids/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAEzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,kBAAkB,EAAE,oBAAoB,CAAC,0BAA0B,CAAC;IAEpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEtD,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEpE,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC,WAAW,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD;;;;OAIG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEnC,YAAY,EAAE,OAAO,CAAC;IAEtB,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,oBAAoB,CAAC,WAAW,CAAC;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/date-range-picker/calendar/grids/interfaces.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,iBAAiB,EAAE,IAAI,GAAG,IAAI,CAAC;IAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAEzB,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,oBAAoB,CAAC,qBAAqB,CAAC;IAC1D,kBAAkB,EAAE,oBAAoB,CAAC,0BAA0B,CAAC;IAEpE,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,aAAa,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAC5F,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;IAC5B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEtD,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEpE,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAgB,SAAQ,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC;IACxF;;;;OAIG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAEnC,YAAY,EAAE,OAAO,CAAC;IAEtB,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC"}