@cloudscape-design/components 3.0.1251 → 3.0.1253

package/button-dropdown/item-element/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* 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_item-element_93a1u_1d93p_145:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-miijiw, 2px) solid transparent;
@@ -154,22 +154,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-width-dropdown-youcay, 2px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_no-content-styling_93a1u_1d93p_157:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_no-content-styling_93a1u_1hkxy_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_disabled_93a1u_1d93p_162:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_disabled_93a1u_1hkxy_162:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
 }
-.awsui_item-element_93a1u_1d93p_145:not(#\9):first-child {
+.awsui_item-element_93a1u_1hkxy_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_show-divider_93a1u_1d93p_169:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_show-divider_93a1u_1hkxy_169:not(#\9) {
   border-block-end: var(--border-item-width-miijiw, 2px) solid var(--color-border-dropdown-group-ylcnh8, #c6c6cd);
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_highlighted_93a1u_1d93p_172:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_highlighted_93a1u_1hkxy_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
@@ -179,19 +179,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_highlighted_93a1u_1d93p_172.awsui_disabled_93a1u_1d93p_162:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_highlighted_93a1u_1hkxy_172.awsui_disabled_93a1u_1hkxy_162:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_highlighted_93a1u_1d93p_172.awsui_is-focused_93a1u_1d93p_187:not(#\9) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_highlighted_93a1u_1hkxy_172.awsui_is-focused_93a1u_1hkxy_187:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_item-element_93a1u_1d93p_145.awsui_highlighted_93a1u_1d93p_172.awsui_is-focused_93a1u_1d93p_187:not(#\9):not(.awsui_visual-refresh_93a1u_1d93p_190) {
+.awsui_item-element_93a1u_1hkxy_145.awsui_highlighted_93a1u_1hkxy_172.awsui_is-focused_93a1u_1hkxy_187:not(#\9):not(.awsui_visual-refresh_93a1u_1hkxy_190) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_menu-item_93a1u_1d93p_194:not(#\9) {
+.awsui_menu-item_93a1u_1hkxy_194:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -203,16 +203,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_no-content-styling_93a1u_1d93p_157:not(#\9) {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_no-content-styling_93a1u_1hkxy_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9) {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9) {
   padding-block-end: calc(var(--space-xxs-hwfkai, 4px) + var(--space-xxxs-pajhad, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--awsui-style-color-default-hzjhvz, var(--color-text-link-default-hude44, #006ce0));
+  color: var(--awsui-style-color-default-u09ddc, var(--color-text-link-default-hude44, #006ce0));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -223,30 +223,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9) {
+  .awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):hover {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-hzjhvz, var(--color-text-link-hover-2hfec2, #002b66));
+  color: var(--awsui-style-color-hover-u09ddc, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):focus {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):active {
-  color: var(--awsui-style-color-active-hzjhvz, var(--color-text-link-hover-2hfec2, #002b66));
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):active {
+  color: var(--awsui-style-color-active-u09ddc, var(--color-text-link-hover-2hfec2, #002b66));
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):active, .awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):focus, .awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211:not(#\9):hover {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):active, .awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):focus, .awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211.awsui_current-breadcrumb_93a1u_1d93p_247:not(#\9) {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211.awsui_current-breadcrumb_93a1u_1hkxy_247:not(#\9) {
   font-weight: var(--font-weight-button-0eg20c, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
@@ -254,63 +254,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_1d93p_194.awsui_link-style_93a1u_1d93p_211.awsui_link-style-highlighted_93a1u_1d93p_255:not(#\9) {
+.awsui_menu-item_93a1u_1hkxy_194.awsui_link-style_93a1u_1hkxy_211.awsui_link-style-highlighted_93a1u_1hkxy_255:not(#\9) {
   color: var(--color-text-link-hover-2hfec2, #002b66);
 }
-.awsui_menu-item_93a1u_1d93p_194:not(#\9):focus {
+.awsui_menu-item_93a1u_1hkxy_194:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1d93p_261 > .awsui_menu-item_93a1u_1d93p_194:not(#\9), .awsui_has-category-header_93a1u_1d93p_261 > .awsui_item-tooltip-wrapper_93a1u_1d93p_261 > .awsui_menu-item_93a1u_1d93p_194:not(#\9), .awsui_has-category-header_93a1u_1d93p_261:not(#\9):not(.awsui_has-checkmark_93a1u_1d93p_261) > span > .awsui_menu-item_93a1u_1d93p_194 {
+.awsui_has-category-header_93a1u_1hkxy_261 > .awsui_menu-item_93a1u_1hkxy_194:not(#\9), .awsui_has-category-header_93a1u_1hkxy_261 > .awsui_item-tooltip-wrapper_93a1u_1hkxy_261 > .awsui_menu-item_93a1u_1hkxy_194:not(#\9), .awsui_has-category-header_93a1u_1hkxy_261:not(#\9):not(.awsui_has-checkmark_93a1u_1hkxy_261) > span > .awsui_menu-item_93a1u_1hkxy_194 {
   padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) + var(--space-l-2ud1p3, 20px));
 }
-.awsui_has-category-header_93a1u_1d93p_261 > .awsui_menu-item_93a1u_1d93p_194.awsui_no-content-styling_93a1u_1d93p_157:not(#\9), .awsui_has-category-header_93a1u_1d93p_261 > .awsui_item-tooltip-wrapper_93a1u_1d93p_261 > .awsui_menu-item_93a1u_1d93p_194.awsui_no-content-styling_93a1u_1d93p_157:not(#\9), .awsui_has-category-header_93a1u_1d93p_261:not(#\9):not(.awsui_has-checkmark_93a1u_1d93p_261) > span > .awsui_menu-item_93a1u_1d93p_194.awsui_no-content-styling_93a1u_1d93p_157 {
+.awsui_has-category-header_93a1u_1hkxy_261 > .awsui_menu-item_93a1u_1hkxy_194.awsui_no-content-styling_93a1u_1hkxy_157:not(#\9), .awsui_has-category-header_93a1u_1hkxy_261 > .awsui_item-tooltip-wrapper_93a1u_1hkxy_261 > .awsui_menu-item_93a1u_1hkxy_194.awsui_no-content-styling_93a1u_1hkxy_157:not(#\9), .awsui_has-category-header_93a1u_1hkxy_261:not(#\9):not(.awsui_has-checkmark_93a1u_1hkxy_261) > span > .awsui_menu-item_93a1u_1hkxy_194.awsui_no-content-styling_93a1u_1hkxy_157 {
   padding-inline-start: 0;
 }
 
-.awsui_icon_93a1u_1d93p_268:not(#\9) {
+.awsui_icon_93a1u_1hkxy_268:not(#\9) {
   padding-inline-end: var(--space-xxs-hwfkai, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1d93p_268.awsui_checkmark_93a1u_1d93p_272:not(#\9) {
+.awsui_icon_93a1u_1hkxy_268.awsui_checkmark_93a1u_1hkxy_272:not(#\9) {
   color: var(--color-item-selected-72rnwy, #006ce0);
 }
-.awsui_icon_93a1u_1d93p_268.awsui_disabled_93a1u_1d93p_162:not(#\9) {
+.awsui_icon_93a1u_1hkxy_268.awsui_disabled_93a1u_1hkxy_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_external-icon_93a1u_1d93p_279:not(#\9) {
+.awsui_external-icon_93a1u_1hkxy_279:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_content-wrapper_93a1u_1d93p_283:not(#\9) {
+.awsui_content-wrapper_93a1u_1hkxy_283:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 
-.awsui_main-row_93a1u_1d93p_289:not(#\9) {
+.awsui_main-row_93a1u_1hkxy_289:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-tvghoh, 12px);
 }
 
-.awsui_label-tag_93a1u_1d93p_296:not(#\9) {
+.awsui_label-tag_93a1u_1hkxy_296:not(#\9) {
   color: var(--color-text-body-default-vvtq8u, #0f141a);
 }
-.awsui_label-tag_93a1u_1d93p_296.awsui_disabled_93a1u_1d93p_162:not(#\9) {
+.awsui_label-tag_93a1u_1hkxy_296.awsui_disabled_93a1u_1hkxy_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }
 
-.awsui_secondary-text_93a1u_1d93p_303:not(#\9) {
+.awsui_secondary-text_93a1u_1hkxy_303:not(#\9) {
   font-size: var(--font-size-body-s-smc8cv, 12px);
   line-height: var(--line-height-body-s-nu5hx1, 16px);
   letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
   color: var(--color-text-dropdown-item-secondary-v12lfh, #656871);
 }
-.awsui_secondary-text_93a1u_1d93p_303.awsui_highlighted_93a1u_1d93p_172:not(#\9) {
+.awsui_secondary-text_93a1u_1hkxy_303.awsui_highlighted_93a1u_1hkxy_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
 }
-.awsui_secondary-text_93a1u_1d93p_303.awsui_disabled_93a1u_1d93p_162:not(#\9) {
+.awsui_secondary-text_93a1u_1hkxy_303.awsui_disabled_93a1u_1hkxy_162:not(#\9) {
   color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
 }

package/button-dropdown/item-element/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_1d93p_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_1d93p_157",
-  "disabled": "awsui_disabled_93a1u_1d93p_162",
-  "show-divider": "awsui_show-divider_93a1u_1d93p_169",
-  "highlighted": "awsui_highlighted_93a1u_1d93p_172",
-  "is-focused": "awsui_is-focused_93a1u_1d93p_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1d93p_190",
-  "menu-item": "awsui_menu-item_93a1u_1d93p_194",
-  "link-style": "awsui_link-style_93a1u_1d93p_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1d93p_247",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1d93p_255",
-  "has-category-header": "awsui_has-category-header_93a1u_1d93p_261",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1d93p_261",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1d93p_261",
-  "icon": "awsui_icon_93a1u_1d93p_268",
-  "checkmark": "awsui_checkmark_93a1u_1d93p_272",
-  "external-icon": "awsui_external-icon_93a1u_1d93p_279",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1d93p_283",
-  "main-row": "awsui_main-row_93a1u_1d93p_289",
-  "label-tag": "awsui_label-tag_93a1u_1d93p_296",
-  "secondary-text": "awsui_secondary-text_93a1u_1d93p_303"
+  "item-element": "awsui_item-element_93a1u_1hkxy_145",
+  "no-content-styling": "awsui_no-content-styling_93a1u_1hkxy_157",
+  "disabled": "awsui_disabled_93a1u_1hkxy_162",
+  "show-divider": "awsui_show-divider_93a1u_1hkxy_169",
+  "highlighted": "awsui_highlighted_93a1u_1hkxy_172",
+  "is-focused": "awsui_is-focused_93a1u_1hkxy_187",
+  "visual-refresh": "awsui_visual-refresh_93a1u_1hkxy_190",
+  "menu-item": "awsui_menu-item_93a1u_1hkxy_194",
+  "link-style": "awsui_link-style_93a1u_1hkxy_211",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1hkxy_247",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1hkxy_255",
+  "has-category-header": "awsui_has-category-header_93a1u_1hkxy_261",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1hkxy_261",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1hkxy_261",
+  "icon": "awsui_icon_93a1u_1hkxy_268",
+  "checkmark": "awsui_checkmark_93a1u_1hkxy_272",
+  "external-icon": "awsui_external-icon_93a1u_1hkxy_279",
+  "content-wrapper": "awsui_content-wrapper_93a1u_1hkxy_283",
+  "main-row": "awsui_main-row_93a1u_1hkxy_289",
+  "label-tag": "awsui_label-tag_93a1u_1hkxy_296",
+  "secondary-text": "awsui_secondary-text_93a1u_1hkxy_303"
 };
   

package/checkbox/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_k2y2q_1k6sh_145",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_1k6sh_178",
-  "outline": "awsui_outline_k2y2q_1k6sh_186"
+  "root": "awsui_root_k2y2q_1kkqu_145",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_1kkqu_178",
+  "outline": "awsui_outline_k2y2q_1kkqu_186"
 };
   

package/checkbox/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* 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_root_k2y2q_1k6sh_145.awsui_root_k2y2q_1k6sh_145:not(#\9) {
+.awsui_root_k2y2q_1kkqu_145.awsui_root_k2y2q_1kkqu_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_checkbox-control_k2y2q_1k6sh_178:not(#\9) {
+.awsui_checkbox-control_k2y2q_1kkqu_178:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-control-adm93y, 16px)) / 2);
   min-block-size: var(--size-control-adm93y, 16px);
   min-inline-size: var(--size-control-adm93y, 16px);
@@ -183,15 +183,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-adm93y, 16px);
 }
 
-.awsui_outline_k2y2q_1k6sh_186:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-hzjhvz: 0 0 0 var(--awsui-style-focus-ring-border-width-hzjhvz, 2px) var(--awsui-style-focus-ring-border-color-hzjhvz, var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_outline_k2y2q_1kkqu_186:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-u09ddc: 0 0 0 var(--awsui-style-focus-ring-border-width-u09ddc, 2px) var(--awsui-style-focus-ring-border-color-u09ddc, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_k2y2q_1k6sh_186:not(#\9) {
+.awsui_outline_k2y2q_1kkqu_186:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_k2y2q_1k6sh_186:not(#\9)::before {
+.awsui_outline_k2y2q_1kkqu_186:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -199,9 +199,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-hzjhvz, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-hzjhvz);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-u09ddc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-u09ddc);
 }

package/checkbox/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_k2y2q_1k6sh_145",
-  "checkbox-control": "awsui_checkbox-control_k2y2q_1k6sh_178",
-  "outline": "awsui_outline_k2y2q_1k6sh_186"
+  "root": "awsui_root_k2y2q_1kkqu_145",
+  "checkbox-control": "awsui_checkbox-control_k2y2q_1kkqu_178",
+  "outline": "awsui_outline_k2y2q_1kkqu_186"
 };
   

package/content-layout/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_722zf_145",
-  "background": "awsui_background_5gtk3_722zf_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_722zf_164",
-  "header-background": "awsui_header-background_5gtk3_722zf_167",
-  "notifications": "awsui_notifications_5gtk3_722zf_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_722zf_176",
-  "default-padding": "awsui_default-padding_5gtk3_722zf_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_722zf_185",
-  "with-divider": "awsui_with-divider_5gtk3_722zf_190",
-  "content": "awsui_content_5gtk3_722zf_193",
-  "has-header": "awsui_has-header_5gtk3_722zf_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_722zf_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_722zf_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_722zf_208"
+  "layout": "awsui_layout_5gtk3_6x1ab_145",
+  "background": "awsui_background_5gtk3_6x1ab_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_6x1ab_164",
+  "header-background": "awsui_header-background_5gtk3_6x1ab_167",
+  "notifications": "awsui_notifications_5gtk3_6x1ab_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_6x1ab_176",
+  "default-padding": "awsui_default-padding_5gtk3_6x1ab_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_6x1ab_185",
+  "with-divider": "awsui_with-divider_5gtk3_6x1ab_190",
+  "content": "awsui_content_5gtk3_6x1ab_193",
+  "has-header": "awsui_has-header_5gtk3_6x1ab_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_6x1ab_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_6x1ab_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_6x1ab_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_722zf_145:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-hzjhvz: var(--space-layout-content-horizontal-buc0zz, 24px);
-  --awsui-content-layout-max-content-width-hzjhvz: 0px;
-  --awsui-content-layout-main-gap-hzjhvz: 0px;
+.awsui_layout_5gtk3_6x1ab_145:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-u09ddc: var(--space-layout-content-horizontal-buc0zz, 24px);
+  --awsui-content-layout-max-content-width-u09ddc: 0px;
+  --awsui-content-layout-main-gap-u09ddc: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-hzjhvz)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-hzjhvz) 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-u09ddc)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-u09ddc) 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_722zf_145:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-hzjhvz: var(--space-l-2ud1p3, 20px);
+  .awsui_layout_5gtk3_6x1ab_145:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-u09ddc: var(--space-l-2ud1p3, 20px);
   }
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_background_5gtk3_722zf_159:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_background_5gtk3_6x1ab_159:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-vvtq8u, #0f141a);
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_background_5gtk3_722zf_159.awsui_is-overlap-disabled_5gtk3_722zf_164:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_background_5gtk3_6x1ab_159.awsui_is-overlap-disabled_5gtk3_6x1ab_164:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_background_5gtk3_722zf_159 > .awsui_header-background_5gtk3_722zf_167:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_background_5gtk3_6x1ab_159 > .awsui_header-background_5gtk3_6x1ab_167:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_notifications_5gtk3_722zf_171:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_notifications_5gtk3_6x1ab_171:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_breadcrumbs_5gtk3_722zf_176:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_breadcrumbs_5gtk3_6x1ab_176:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_layout_5gtk3_722zf_145.awsui_default-padding_5gtk3_722zf_181:not(#\9) {
-  --awsui-content-layout-main-gap-hzjhvz: var(--space-scaled-m-m892r9, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-hzjhvz, 0) var(--awsui-content-layout-default-horizontal-padding-hzjhvz, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-hzjhvz)) 1fr var(--awsui-content-layout-default-horizontal-padding-hzjhvz, 0) var(--awsui-toggles-right-width-hzjhvz, 0);
+.awsui_layout_5gtk3_6x1ab_145.awsui_default-padding_5gtk3_6x1ab_181:not(#\9) {
+  --awsui-content-layout-main-gap-u09ddc: var(--space-scaled-m-m892r9, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-u09ddc, 0) var(--awsui-content-layout-default-horizontal-padding-u09ddc, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-u09ddc)) 1fr var(--awsui-content-layout-default-horizontal-padding-u09ddc, 0) var(--awsui-toggles-right-width-u09ddc, 0);
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_header-wrapper_5gtk3_722zf_185:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_header-wrapper_5gtk3_6x1ab_185:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_header-wrapper_5gtk3_722zf_185.awsui_with-divider_5gtk3_722zf_190:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_header-wrapper_5gtk3_6x1ab_185.awsui_with-divider_5gtk3_6x1ab_190:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-nr68jt, #c6c6cd);
 }
-.awsui_layout_5gtk3_722zf_145 > .awsui_content_5gtk3_722zf_193:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145 > .awsui_content_5gtk3_6x1ab_193:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_722zf_145:not(#\9):not(.awsui_has-header_5gtk3_722zf_197) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-hzjhvz) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
+.awsui_layout_5gtk3_6x1ab_145:not(#\9):not(.awsui_has-header_5gtk3_6x1ab_197) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-u09ddc) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-ld45ap, 36px)) 1fr;
 }
-.awsui_layout_5gtk3_722zf_145.awsui_is-overlap-disabled_5gtk3_722zf_164:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-hzjhvz) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_6x1ab_145.awsui_is-overlap-disabled_5gtk3_6x1ab_164:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-u09ddc) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_722zf_145.awsui_is-visual-refresh_5gtk3_722zf_204 > .awsui_background_5gtk3_722zf_159.awsui_has-default-background_5gtk3_722zf_204:not(#\9) {
+.awsui_layout_5gtk3_6x1ab_145.awsui_is-visual-refresh_5gtk3_6x1ab_204 > .awsui_background_5gtk3_6x1ab_159.awsui_has-default-background_5gtk3_6x1ab_204:not(#\9) {
   background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
 }
 
-.awsui_layout_5gtk3_722zf_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_722zf_204).awsui_has-notifications_5gtk3_722zf_208 {
-  --awsui-content-layout-main-gap-hzjhvz: 0px;
+.awsui_layout_5gtk3_6x1ab_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_6x1ab_204).awsui_has-notifications_5gtk3_6x1ab_208 {
+  --awsui-content-layout-main-gap-u09ddc: 0px;
 }
-.awsui_layout_5gtk3_722zf_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_722zf_204) > .awsui_notifications_5gtk3_722zf_171 {
+.awsui_layout_5gtk3_6x1ab_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_6x1ab_204) > .awsui_notifications_5gtk3_6x1ab_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_722zf_145",
-  "background": "awsui_background_5gtk3_722zf_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_722zf_164",
-  "header-background": "awsui_header-background_5gtk3_722zf_167",
-  "notifications": "awsui_notifications_5gtk3_722zf_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_722zf_176",
-  "default-padding": "awsui_default-padding_5gtk3_722zf_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_722zf_185",
-  "with-divider": "awsui_with-divider_5gtk3_722zf_190",
-  "content": "awsui_content_5gtk3_722zf_193",
-  "has-header": "awsui_has-header_5gtk3_722zf_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_722zf_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_722zf_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_722zf_208"
+  "layout": "awsui_layout_5gtk3_6x1ab_145",
+  "background": "awsui_background_5gtk3_6x1ab_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_6x1ab_164",
+  "header-background": "awsui_header-background_5gtk3_6x1ab_167",
+  "notifications": "awsui_notifications_5gtk3_6x1ab_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_6x1ab_176",
+  "default-padding": "awsui_default-padding_5gtk3_6x1ab_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_6x1ab_185",
+  "with-divider": "awsui_with-divider_5gtk3_6x1ab_190",
+  "content": "awsui_content_5gtk3_6x1ab_193",
+  "has-header": "awsui_has-header_5gtk3_6x1ab_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_6x1ab_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_6x1ab_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_6x1ab_208"
 };
   

package/date-picker/index.js

@@ -8,10 +8,10 @@ import { InternalButton } from '../button/internal';
 import InternalCalendar from '../calendar/internal';
 import { useFormFieldContext } from '../contexts/form-field.js';
 import InternalDateInput from '../date-input/internal';
+import Dropdown from '../dropdown/internal';
 import { useInternalI18n } from '../i18n/context.js';
 import { useLocale } from '../i18n/context.js';
 import { getBaseProps } from '../internal/base-component';
-import Dropdown from '../internal/components/dropdown';
 import FocusLock from '../internal/components/focus-lock';
 import { fireNonCancelableEvent } from '../internal/events';
 import checkControlled from '../internal/hooks/check-controlled';

package/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport Dropdown from '../internal/components/dropdown';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale,\n      startOfWeek,\n      isDateEnabled,\n      dateDisabledReason,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      warning,\n      openCalendarAriaLabel,\n      expandToViewport,\n      granularity = 'day',\n      format = 'slashed',\n      inputFormat = 'slashed',\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker', {\n      props: { autoFocus, expandToViewport, granularity, readOnly },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const i18n = useInternalI18n('date-picker');\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const hasFullValue = isValidFullDate({ date: value, granularity });\n\n    const defaultOpenCalendarAriaLabel = i18n(\n      'i18nStrings.openCalendarAriaLabel',\n      i18nStrings?.openCalendarAriaLabel ?? openCalendarAriaLabel,\n      format => (selectedDate: string | null) => format({ selectedDate: selectedDate ?? 'none' })\n    );\n\n    const buttonAriaLabel = defaultOpenCalendarAriaLabel?.(\n      hasFullValue && parsedValue\n        ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n        : null\n    );\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            warning={warning}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n            granularity={granularity}\n            locale={locale}\n            format={format}\n            inputFormat={inputFormat}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={buttonAriaLabel}\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            minWidth=\"trigger\"\n            maxWidth=\"trigger\"\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onOutsideClick={onDropdownCloseHandler}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n            content={\n              isDropDownOpen ? (\n                <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                  <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n                    <InternalCalendar\n                      value={value}\n                      onChange={e => {\n                        fireNonCancelableEvent(onChange, e.detail);\n                        buttonRef?.current?.focus();\n                        setIsDropDownOpen(false);\n                      }}\n                      locale={normalizedLocale}\n                      startOfWeek={startOfWeek}\n                      ariaDescribedby={calendarDescriptionId}\n                      ariaLabel={ariaLabel}\n                      ariaLabelledby={ariaLabelledby}\n                      granularity={granularity}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={{\n                        ...i18nStrings,\n                        todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n                        nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n                        previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n                      }}\n                    />\n                    <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n                      {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n                    </InternalLiveRegion>\n                  </div>\n                </FocusLock>\n              ) : undefined\n            }\n          />\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalCalendar from '../calendar/internal';\nimport { useFormFieldContext } from '../contexts/form-field.js';\nimport InternalDateInput from '../date-input/internal';\nimport Dropdown from '../dropdown/internal';\nimport { useInternalI18n } from '../i18n/context.js';\nimport { useLocale } from '../i18n/context.js';\nimport { InputProps } from '../input/interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport FocusLock from '../internal/components/focus-lock';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useFocusTracker } from '../internal/hooks/use-focus-tracker.js';\nimport { KeyCode } from '../internal/keycode';\nimport { applyDisplayName } from '../internal/utils/apply-display-name.js';\nimport { parseDate } from '../internal/utils/date-time';\nimport { normalizeLocale } from '../internal/utils/locale';\nimport InternalLiveRegion from '../live-region/internal';\nimport { DatePickerProps } from './interfaces';\nimport { getBaseDateLabel, getSelectedDateLabel, isValidFullDate } from './utils';\n\nimport styles from './styles.css.js';\n\nexport { DatePickerProps };\n\nconst DatePicker = React.forwardRef(\n  (\n    {\n      locale,\n      startOfWeek,\n      isDateEnabled,\n      dateDisabledReason,\n      nextMonthAriaLabel,\n      previousMonthAriaLabel,\n      todayAriaLabel,\n      i18nStrings,\n      placeholder = '',\n      value = '',\n      readOnly = false,\n      disabled = false,\n      onBlur,\n      autoFocus = false,\n      onChange,\n      onFocus,\n      name,\n      ariaLabel,\n      ariaRequired,\n      controlId,\n      invalid,\n      warning,\n      openCalendarAriaLabel,\n      expandToViewport,\n      granularity = 'day',\n      format = 'slashed',\n      inputFormat = 'slashed',\n      ...restProps\n    }: DatePickerProps,\n    ref: Ref<DatePickerProps.Ref>\n  ) => {\n    const { __internalRootRef } = useBaseComponent('DatePicker', {\n      props: { autoFocus, expandToViewport, granularity, readOnly },\n      metadata: { hasDisabledReasons: Boolean(dateDisabledReason) },\n    });\n    checkControlled('DatePicker', 'value', value, 'onChange', onChange);\n\n    const i18n = useInternalI18n('date-picker');\n    const contextLocale = useLocale();\n    const normalizedLocale = normalizeLocale('DatePicker', locale || contextLocale);\n\n    const baseProps = getBaseProps(restProps);\n    const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n    const { ariaLabelledby, ariaDescribedby } = useFormFieldContext(restProps);\n\n    const internalInputRef = useRef<HTMLInputElement>(null);\n    const buttonRef = useRef<ButtonProps.Ref>(null);\n    useForwardFocus(ref, internalInputRef);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const dropdownId = useUniqueId('calender');\n    const calendarDescriptionId = useUniqueId('calendar-description-');\n    const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n\n    useFocusTracker({ rootRef, onBlur, onFocus });\n\n    const onDropdownCloseHandler = useCallback(() => setIsDropDownOpen(false), [setIsDropDownOpen]);\n\n    const onButtonClickHandler = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(true);\n      }\n    };\n\n    const onWrapperKeyDownHandler = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.keyCode === KeyCode.escape && isDropDownOpen) {\n        event.stopPropagation();\n        buttonRef.current?.focus();\n        setIsDropDownOpen(false);\n      }\n    };\n\n    const onInputChangeHandler: InputProps['onChange'] = event => {\n      fireNonCancelableEvent(onChange, { value: event.detail.value });\n    };\n\n    const onInputBlurHandler: InputProps['onBlur'] = () => {\n      if (!isDropDownOpen) {\n        setIsDropDownOpen(false);\n      }\n    };\n\n    // Set displayed date to value if defined or to current date otherwise.\n    const parsedValue = value && value.length >= 4 ? parseDate(value) : null;\n    const baseDate = parsedValue || new Date();\n\n    const hasFullValue = isValidFullDate({ date: value, granularity });\n\n    const defaultOpenCalendarAriaLabel = i18n(\n      'i18nStrings.openCalendarAriaLabel',\n      i18nStrings?.openCalendarAriaLabel ?? openCalendarAriaLabel,\n      format => (selectedDate: string | null) => format({ selectedDate: selectedDate ?? 'none' })\n    );\n\n    const buttonAriaLabel = defaultOpenCalendarAriaLabel?.(\n      hasFullValue && parsedValue\n        ? getSelectedDateLabel({ date: parsedValue, granularity, locale: normalizedLocale })\n        : null\n    );\n\n    const trigger = (\n      <div className={styles['date-picker-trigger']}>\n        <div className={styles['date-picker-input']}>\n          <InternalDateInput\n            name={name}\n            invalid={invalid}\n            warning={warning}\n            controlId={controlId}\n            ariaLabelledby={ariaLabelledby}\n            ariaDescribedby={ariaDescribedby}\n            ariaLabel={ariaLabel}\n            ariaRequired={ariaRequired}\n            value={value}\n            disabled={disabled}\n            readOnly={readOnly}\n            onChange={onInputChangeHandler}\n            onBlur={onInputBlurHandler}\n            placeholder={placeholder}\n            ref={internalInputRef}\n            autoFocus={autoFocus}\n            onFocus={onDropdownCloseHandler}\n            granularity={granularity}\n            locale={locale}\n            format={format}\n            inputFormat={inputFormat}\n          />\n        </div>\n        <div>\n          <InternalButton\n            iconName=\"calendar\"\n            className={styles['open-calendar-button']}\n            onClick={onButtonClickHandler}\n            ref={buttonRef}\n            ariaLabel={buttonAriaLabel}\n            disabled={disabled || readOnly}\n            formAction=\"none\"\n          />\n        </div>\n      </div>\n    );\n\n    baseProps.className = clsx(baseProps.className, styles.root, styles['date-picker-container']);\n\n    return (\n      <div {...baseProps} ref={mergedRef} onKeyDown={!disabled && !readOnly ? onWrapperKeyDownHandler : undefined}>\n        {disabled || readOnly ? (\n          trigger\n        ) : (\n          <Dropdown\n            minWidth=\"trigger\"\n            maxWidth=\"trigger\"\n            stretchHeight={true}\n            open={isDropDownOpen}\n            onOutsideClick={onDropdownCloseHandler}\n            trigger={trigger}\n            expandToViewport={expandToViewport}\n            scrollable={false}\n            dropdownId={dropdownId}\n            content={\n              isDropDownOpen ? (\n                <FocusLock className={styles['focus-lock']} autoFocus={true}>\n                  <div tabIndex={0} className={styles.calendar} role=\"dialog\">\n                    <InternalCalendar\n                      value={value}\n                      onChange={e => {\n                        fireNonCancelableEvent(onChange, e.detail);\n                        buttonRef?.current?.focus();\n                        setIsDropDownOpen(false);\n                      }}\n                      locale={normalizedLocale}\n                      startOfWeek={startOfWeek}\n                      ariaDescribedby={calendarDescriptionId}\n                      ariaLabel={ariaLabel}\n                      ariaLabelledby={ariaLabelledby}\n                      granularity={granularity}\n                      isDateEnabled={isDateEnabled}\n                      dateDisabledReason={dateDisabledReason}\n                      i18nStrings={{\n                        ...i18nStrings,\n                        todayAriaLabel: i18nStrings?.todayAriaLabel ?? todayAriaLabel,\n                        nextMonthAriaLabel: i18nStrings?.nextMonthAriaLabel ?? nextMonthAriaLabel,\n                        previousMonthAriaLabel: i18nStrings?.previousMonthAriaLabel ?? previousMonthAriaLabel,\n                      }}\n                    />\n                    <InternalLiveRegion id={calendarDescriptionId} hidden={true} tagName=\"span\">\n                      {getBaseDateLabel({ date: baseDate, granularity, locale: normalizedLocale })}\n                    </InternalLiveRegion>\n                  </div>\n                </FocusLock>\n              ) : undefined\n            }\n          />\n        )}\n      </div>\n    );\n  }\n);\n\napplyDisplayName(DatePicker, 'DatePicker');\nexport default DatePicker;\n"]}

package/date-picker/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { CalendarProps } from '../calendar/interfaces';
+import { ExpandToViewport } from '../dropdown/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
-import { ExpandToViewport } from '../internal/components/dropdown/interfaces';
 import { FormFieldValidationControlProps } from '../internal/context/form-field-context';
 import { NonCancelableEventHandler } from '../internal/events';
 import { DateFormat, DateGranularity, EditableDateFormat } from '../internal/utils/date-time/interfaces';

package/date-picker/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/date-picker/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAEzG,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,+BAA+B,EAC/B,gBAAgB,EAChB,aAAa;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAE9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEhC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IAED,UAAiB,qBAAqB;QACpC,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;KACvC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,WAAY,SAAQ,aAAa,CAAC,WAAW;QAC5D;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;KAC/C;IAED,KAAY,WAAW,GAAG,eAAe,CAAC;IAE1C,KAAY,MAAM,GAAG,UAAU,CAAC;IAEhC,KAAY,WAAW,GAAG,kBAAkB,CAAC;CAC9C"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/date-picker/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAEzG,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,+BAA+B,EAC/B,gBAAgB,EAChB,aAAa;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAE9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEhC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE1C;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAEzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,qBAAqB;QACpC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IAED,UAAiB,qBAAqB;QACpC,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;KACvC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,WAAY,SAAQ,aAAa,CAAC,WAAW;QAC5D;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;KAC/C;IAED,KAAY,WAAW,GAAG,eAAe,CAAC;IAE1C,KAAY,MAAM,GAAG,UAAU,CAAC;IAEhC,KAAY,WAAW,GAAG,kBAAkB,CAAC;CAC9C"}