@cloudscape-design/components 3.0.301 → 3.0.303

package/mixed-line-bar-chart/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_1yz9c_cccbs_93",
-  "series--bar": "awsui_series--bar_1yz9c_cccbs_94",
-  "series__rect": "awsui_series__rect_1yz9c_cccbs_94",
-  "exiting": "awsui_exiting_1yz9c_cccbs_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_cccbs_1",
-  "root": "awsui_root_1yz9c_cccbs_137",
-  "filter-container": "awsui_filter-container_1yz9c_cccbs_152",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_cccbs_156",
-  "chart-container": "awsui_chart-container_1yz9c_cccbs_160",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_cccbs_166",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_cccbs_172",
-  "content": "awsui_content_1yz9c_cccbs_176",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_cccbs_183",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_cccbs_187",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_cccbs_200",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_cccbs_201",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_cccbs_205",
-  "series--threshold": "awsui_series--threshold_1yz9c_cccbs_214",
-  "bar-group": "awsui_bar-group_1yz9c_cccbs_219"
+  "series": "awsui_series_1yz9c_1blr3_93",
+  "series--bar": "awsui_series--bar_1yz9c_1blr3_94",
+  "series__rect": "awsui_series__rect_1yz9c_1blr3_94",
+  "exiting": "awsui_exiting_1yz9c_1blr3_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1blr3_1",
+  "root": "awsui_root_1yz9c_1blr3_137",
+  "filter-container": "awsui_filter-container_1yz9c_1blr3_152",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1blr3_156",
+  "chart-container": "awsui_chart-container_1yz9c_1blr3_160",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1blr3_166",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1blr3_172",
+  "content": "awsui_content_1yz9c_1blr3_176",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1blr3_183",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1blr3_187",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1blr3_200",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1blr3_201",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1blr3_205",
+  "series--threshold": "awsui_series--threshold_1yz9c_1blr3_214",
+  "bar-group": "awsui_bar-group_1yz9c_1blr3_219"
 };
   

package/mixed-line-bar-chart/styles.scoped.css

@@ -90,26 +90,26 @@ 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_series_1yz9c_cccbs_93:not(#\9),
-.awsui_series--bar_1yz9c_cccbs_94 > .awsui_series__rect_1yz9c_cccbs_94:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-dm1zcq, 90ms) var(--motion-easing-transition-quick-74hmmw, linear);
+.awsui_series_1yz9c_1blr3_93:not(#\9),
+.awsui_series--bar_1yz9c_1blr3_94 > .awsui_series__rect_1yz9c_1blr3_94:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_cccbs_93:not(#\9),
-  .awsui_series--bar_1yz9c_cccbs_94 > .awsui_series__rect_1yz9c_cccbs_94:not(#\9) {
+  .awsui_series_1yz9c_1blr3_93:not(#\9),
+  .awsui_series--bar_1yz9c_1blr3_94 > .awsui_series__rect_1yz9c_1blr3_94:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_cccbs_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_cccbs_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_cccbs_94 > .awsui_series__rect_1yz9c_cccbs_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_cccbs_94 > .awsui_series__rect_1yz9c_cccbs_94:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_1blr3_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1blr3_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1blr3_94 > .awsui_series__rect_1yz9c_1blr3_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1blr3_94 > .awsui_series__rect_1yz9c_1blr3_94:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_cccbs_111:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_cccbs_1 var(--motion-duration-refresh-only-fast-n43vlu, 115ms) var(--motion-easing-refresh-only-b-wb1nw6, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_1blr3_111:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_1blr3_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms) var(--motion-easing-refresh-only-b-uzywy7, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_cccbs_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1blr3_1 {
   from {
     opacity: 1;
   }
@@ -118,12 +118,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_exiting_1yz9c_cccbs_111:not(#\9) {
+  .awsui_exiting_1yz9c_1blr3_111:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_cccbs_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_cccbs_111:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_1blr3_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1blr3_111:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -132,7 +132,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_1yz9c_cccbs_137:not(#\9) {
+.awsui_root_1yz9c_1blr3_137:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -162,84 +162,84 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   display: block;
 }
 
-.awsui_filter-container_1yz9c_cccbs_152:not(#\9) {
+.awsui_filter-container_1yz9c_1blr3_152:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_has-default-filter_1yz9c_cccbs_156 > :not(#\9):first-child {
+.awsui_has-default-filter_1yz9c_1blr3_156 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_1yz9c_cccbs_160:not(#\9) {
+.awsui_chart-container_1yz9c_1blr3_160:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_1yz9c_cccbs_166:not(#\9) {
+.awsui_chart-container__vertical_1yz9c_1blr3_166:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_1yz9c_cccbs_172:not(#\9) {
+.awsui_chart-container__horizontal_1yz9c_1blr3_172:not(#\9) {
   display: flex;
 }
 
-.awsui_content_1yz9c_cccbs_176:not(#\9) {
+.awsui_content_1yz9c_1blr3_176:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_1yz9c_cccbs_183:not(#\9) {
-  margin-top: calc(2 * var(--font-body-m-line-height-83azrc, 22px));
+.awsui_content--reserve-filter_1yz9c_1blr3_183:not(#\9) {
+  margin-top: calc(2 * var(--font-body-m-line-height-rfgrp9, 22px));
 }
 
-.awsui_content--reserve-legend_1yz9c_cccbs_187:not(#\9) {
-  margin-bottom: calc(2 * var(--font-body-m-line-height-83azrc, 22px));
+.awsui_content--reserve-legend_1yz9c_1blr3_187:not(#\9) {
+  margin-bottom: calc(2 * var(--font-body-m-line-height-rfgrp9, 22px));
 }
 
-.awsui_series_1yz9c_cccbs_93:not(#\9) {
+.awsui_series_1yz9c_1blr3_93:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-2yp0z7, 2px);
+  stroke-width: var(--border-line-chart-width-qfyiov, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-zodviy, round);
+  stroke-linejoin: var(--border-line-chart-line-join-toe9lv, round);
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_cccbs_200:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_cccbs_201:not(#\9) {
+.awsui_series--highlighted_1yz9c_1blr3_200:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_1blr3_201:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_cccbs_205:not(#\9) {
+.awsui_series--dimmed_1yz9c_1blr3_205:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--bar_1yz9c_cccbs_94 > .awsui_series__rect_1yz9c_cccbs_94:not(#\9) {
-  stroke: var(--color-background-container-content-em2lah, #ffffff);
+.awsui_series--bar_1yz9c_1blr3_94 > .awsui_series__rect_1yz9c_1blr3_94:not(#\9) {
+  stroke: var(--color-background-container-content-og3y0v, #ffffff);
   stroke-width: 2px;
 }
 
-.awsui_series--threshold_1yz9c_cccbs_214:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-ayiln3, 3 5);
-  stroke-width: var(--border-line-chart-width-2yp0z7, 2px);
+.awsui_series--threshold_1yz9c_1blr3_214:not(#\9) {
+  stroke-dasharray: var(--border-line-chart-dash-array-ry3ko4, 3 5);
+  stroke-width: var(--border-line-chart-width-qfyiov, 2px);
 }
 
-.awsui_bar-group_1yz9c_cccbs_219:not(#\9) {
+.awsui_bar-group_1yz9c_1blr3_219:not(#\9) {
   /* used in dom query */
 }

package/mixed-line-bar-chart/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_1yz9c_cccbs_93",
-  "series--bar": "awsui_series--bar_1yz9c_cccbs_94",
-  "series__rect": "awsui_series__rect_1yz9c_cccbs_94",
-  "exiting": "awsui_exiting_1yz9c_cccbs_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_cccbs_1",
-  "root": "awsui_root_1yz9c_cccbs_137",
-  "filter-container": "awsui_filter-container_1yz9c_cccbs_152",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_cccbs_156",
-  "chart-container": "awsui_chart-container_1yz9c_cccbs_160",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_cccbs_166",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_cccbs_172",
-  "content": "awsui_content_1yz9c_cccbs_176",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_cccbs_183",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_cccbs_187",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_cccbs_200",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_cccbs_201",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_cccbs_205",
-  "series--threshold": "awsui_series--threshold_1yz9c_cccbs_214",
-  "bar-group": "awsui_bar-group_1yz9c_cccbs_219"
+  "series": "awsui_series_1yz9c_1blr3_93",
+  "series--bar": "awsui_series--bar_1yz9c_1blr3_94",
+  "series__rect": "awsui_series__rect_1yz9c_1blr3_94",
+  "exiting": "awsui_exiting_1yz9c_1blr3_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1blr3_1",
+  "root": "awsui_root_1yz9c_1blr3_137",
+  "filter-container": "awsui_filter-container_1yz9c_1blr3_152",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1blr3_156",
+  "chart-container": "awsui_chart-container_1yz9c_1blr3_160",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1blr3_166",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1blr3_172",
+  "content": "awsui_content_1yz9c_1blr3_176",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1blr3_183",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1blr3_187",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1blr3_200",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1blr3_201",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1blr3_205",
+  "series--threshold": "awsui_series--threshold_1yz9c_1blr3_214",
+  "bar-group": "awsui_bar-group_1yz9c_1blr3_219"
 };
   

package/modal/interfaces.d.ts

@@ -15,6 +15,7 @@ export interface ModalProps extends BaseComponentProps {
     visible: boolean;
     /**
      * Adds an `aria-label` to the close button, for accessibility.
+     * @i18n
      */
     closeAriaLabel?: string;
     /**

package/modal/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["modal/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IACvB;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChE;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAExD,UAAiB,aAAa;QAC5B,MAAM,EAAE,MAAM,CAAC;KAChB;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["modal/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IACvB;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAChE;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAExD,UAAiB,aAAa;QAC5B,MAAM,EAAE,MAAM,CAAC;KAChB;CACF"}

package/modal/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["modal/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ModalProps extends BaseComponentProps {\n  /**\n   * Sets the width of the modal. `max` uses variable width up to the\n   * largest size allowed by the design guidelines. Other sizes\n   * (`small`/`medium`/`large`) have fixed widths.\n   */\n  size?: ModalProps.Size;\n  /**\n   * Determines whether the modal is displayed on the screen. Modals are hidden by default.\n   * Set this property to `true` to show them.\n   */\n  visible: boolean;\n  /**\n   * Adds an `aria-label` to the close button, for accessibility.\n   */\n  closeAriaLabel?: string;\n  /**\n   * Specifies a title for the modal. Although this can be empty, we suggest that you always provide a title.\n   */\n  header?: React.ReactNode;\n  /**\n   * Body of the modal.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies a footer for the modal. If empty, the footer isn't displayed.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Determines whether the modal content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n  /**\n   * Called when a user closes the modal by using the close icon button,\n   * clicking outside of the modal, or pressing ESC.\n   * The event detail contains the `reason`, which can be any of the following:\n   * `['closeButton', 'overlay', 'keyboard']`.\n   */\n  onDismiss?: NonCancelableEventHandler<ModalProps.DismissDetail>;\n  /**\n   * Specifies the HTML element where the modal is rendered.\n   * If a modal root isn't provided, the modal will render to an element under `document.body`.\n   */\n  modalRoot?: HTMLElement;\n}\n\nexport namespace ModalProps {\n  export type Size = 'small' | 'medium' | 'large' | 'max';\n\n  export interface DismissDetail {\n    reason: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["modal/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport React from 'react';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ModalProps extends BaseComponentProps {\n  /**\n   * Sets the width of the modal. `max` uses variable width up to the\n   * largest size allowed by the design guidelines. Other sizes\n   * (`small`/`medium`/`large`) have fixed widths.\n   */\n  size?: ModalProps.Size;\n  /**\n   * Determines whether the modal is displayed on the screen. Modals are hidden by default.\n   * Set this property to `true` to show them.\n   */\n  visible: boolean;\n  /**\n   * Adds an `aria-label` to the close button, for accessibility.\n   * @i18n\n   */\n  closeAriaLabel?: string;\n  /**\n   * Specifies a title for the modal. Although this can be empty, we suggest that you always provide a title.\n   */\n  header?: React.ReactNode;\n  /**\n   * Body of the modal.\n   */\n  children?: React.ReactNode;\n  /**\n   * Specifies a footer for the modal. If empty, the footer isn't displayed.\n   */\n  footer?: React.ReactNode;\n  /**\n   * Determines whether the modal content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n  /**\n   * Called when a user closes the modal by using the close icon button,\n   * clicking outside of the modal, or pressing ESC.\n   * The event detail contains the `reason`, which can be any of the following:\n   * `['closeButton', 'overlay', 'keyboard']`.\n   */\n  onDismiss?: NonCancelableEventHandler<ModalProps.DismissDetail>;\n  /**\n   * Specifies the HTML element where the modal is rendered.\n   * If a modal root isn't provided, the modal will render to an element under `document.body`.\n   */\n  modalRoot?: HTMLElement;\n}\n\nexport namespace ModalProps {\n  export type Size = 'small' | 'medium' | 'large' | 'max';\n\n  export interface DismissDetail {\n    reason: string;\n  }\n}\n"]}

package/modal/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_ytf2z_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_ytf2z_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_ytf2z_1",
-  "refresh": "awsui_refresh_1d2i7_ytf2z_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_ytf2z_1",
-  "root": "awsui_root_1d2i7_ytf2z_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_ytf2z_1",
-  "hidden": "awsui_hidden_1d2i7_ytf2z_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_ytf2z_230",
-  "small": "awsui_small_1d2i7_ytf2z_248",
-  "medium": "awsui_medium_1d2i7_ytf2z_251",
-  "large": "awsui_large_1d2i7_ytf2z_254",
-  "max": "awsui_max_1d2i7_ytf2z_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_ytf2z_257",
-  "container": "awsui_container_1d2i7_ytf2z_262",
-  "content": "awsui_content_1d2i7_ytf2z_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_ytf2z_284",
-  "header": "awsui_header_1d2i7_ytf2z_288",
-  "header--text": "awsui_header--text_1d2i7_ytf2z_295",
-  "footer": "awsui_footer_1d2i7_ytf2z_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_ytf2z_306",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_ytf2z_315",
-  "modal-open": "awsui_modal-open_1d2i7_ytf2z_319"
+  "dialog": "awsui_dialog_1d2i7_ppmf7_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_ppmf7_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_ppmf7_1",
+  "refresh": "awsui_refresh_1d2i7_ppmf7_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_ppmf7_1",
+  "root": "awsui_root_1d2i7_ppmf7_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_ppmf7_1",
+  "hidden": "awsui_hidden_1d2i7_ppmf7_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_ppmf7_230",
+  "small": "awsui_small_1d2i7_ppmf7_248",
+  "medium": "awsui_medium_1d2i7_ppmf7_251",
+  "large": "awsui_large_1d2i7_ppmf7_254",
+  "max": "awsui_max_1d2i7_ppmf7_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_ppmf7_257",
+  "container": "awsui_container_1d2i7_ppmf7_262",
+  "content": "awsui_content_1d2i7_ppmf7_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_ppmf7_284",
+  "header": "awsui_header_1d2i7_ppmf7_288",
+  "header--text": "awsui_header--text_1d2i7_ppmf7_295",
+  "footer": "awsui_footer_1d2i7_ppmf7_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_ppmf7_306",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_ppmf7_315",
+  "modal-open": "awsui_modal-open_1d2i7_ppmf7_319"
 };
   

package/modal/styles.scoped.css

@@ -94,7 +94,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
 */
-@keyframes awsui_modal-slide-up_1d2i7_ytf2z_1 {
+@keyframes awsui_modal-slide-up_1d2i7_ppmf7_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_ytf2z_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_ytf2z_1 var(--motion-duration-slow-mz6oyq, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_ytf2z_1 var(--motion-duration-slow-mz6oyq, 180ms) ease-out;
-  animation-delay: var(--motion-duration-fast-pml190, 90ms);
+.awsui_dialog_1d2i7_ppmf7_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_ppmf7_1 var(--motion-duration-slow-qk0n8k, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_ppmf7_1 var(--motion-duration-slow-qk0n8k, 180ms) ease-out;
+  animation-delay: var(--motion-duration-fast-3oez8u, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_ytf2z_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_ppmf7_1 {
   from {
     opacity: 0;
   }
@@ -116,22 +116,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_ytf2z_105:not(#\9) {
+  .awsui_dialog_1d2i7_ppmf7_105:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_ytf2z_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_ytf2z_105:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_ppmf7_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_ppmf7_105:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_ytf2z_105.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_ytf2z_1, awsui_awsui-motion-fade-in-0_1d2i7_ytf2z_1;
-  animation-duration: var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
-  animation-timing-function: var(--motion-easing-refresh-only-a-yzzzm8, cubic-bezier(0, 0, 0, 1));
+.awsui_dialog_1d2i7_ppmf7_105.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_ppmf7_1, awsui_awsui-motion-fade-in-0_1d2i7_ppmf7_1;
+  animation-duration: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
+  animation-timing-function: var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_ytf2z_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_ppmf7_1 {
   from {
     opacity: 0;
   }
@@ -139,7 +139,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_ytf2z_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_ppmf7_1 {
   0% {
     transform: scale(0.95);
   }
@@ -148,21 +148,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_ytf2z_105.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
+  .awsui_dialog_1d2i7_ppmf7_105.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_ytf2z_105.awsui_refresh_1d2i7_ytf2z_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_ytf2z_105.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_ppmf7_105.awsui_refresh_1d2i7_ppmf7_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_ppmf7_105.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_ytf2z_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_ytf2z_1 var(--motion-duration-extra-slow-vamr5b, 270ms) ease-out;
+.awsui_root_1d2i7_ppmf7_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_ppmf7_1 var(--motion-duration-extra-slow-q9xfa7, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_ytf2z_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_ppmf7_1 {
   from {
     opacity: 0.2;
   }
@@ -171,25 +171,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_ytf2z_161:not(#\9) {
+  .awsui_root_1d2i7_ppmf7_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_ytf2z_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_ytf2z_161:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_ppmf7_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_ppmf7_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_ytf2z_161.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
-  animation-duration: var(--motion-duration-refresh-only-fast-n43vlu, 115ms);
+.awsui_root_1d2i7_ppmf7_161.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
+  animation-duration: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_ytf2z_161.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
+  .awsui_root_1d2i7_ppmf7_161.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_ytf2z_161.awsui_refresh_1d2i7_ytf2z_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_ytf2z_161.awsui_refresh_1d2i7_ytf2z_128:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_ppmf7_161.awsui_refresh_1d2i7_ppmf7_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_ppmf7_161.awsui_refresh_1d2i7_ppmf7_128:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -198,7 +198,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_1d2i7_ytf2z_161:not(#\9) {
+.awsui_root_1d2i7_ppmf7_161:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -228,14 +228,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  background-color: var(--color-background-modal-overlay-ynnftw, rgba(35, 47, 62, 0.7));
+  background-color: var(--color-background-modal-overlay-n0n660, rgba(35, 47, 62, 0.7));
   display: flex;
   align-items: center;
   justify-items: center;
@@ -249,43 +249,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_ytf2z_161.awsui_hidden_1d2i7_ytf2z_226:not(#\9) {
+.awsui_root_1d2i7_ppmf7_161.awsui_hidden_1d2i7_ppmf7_226:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_ytf2z_230:not(#\9) {
+.awsui_focus-lock_1d2i7_ppmf7_230:not(#\9) {
   align-self: flex-start;
   margin: auto;
-  padding: var(--space-s-rd607g, 12px) 0;
+  padding: var(--space-s-hdd878, 12px) 0;
   z-index: 5000;
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_ytf2z_105:not(#\9) {
+.awsui_dialog_1d2i7_ppmf7_105:not(#\9) {
   position: static;
   top: 0;
   transform: translate(0, 0);
-  width: calc(100vw - var(--space-s-rd607g, 12px) * 2);
+  width: calc(100vw - var(--space-s-hdd878, 12px) * 2);
   box-sizing: border-box;
   outline: none;
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_ytf2z_105.awsui_small_1d2i7_ytf2z_248:not(#\9) {
+.awsui_dialog_1d2i7_ppmf7_105.awsui_small_1d2i7_ppmf7_248:not(#\9) {
   max-width: 320px;
 }
-.awsui_dialog_1d2i7_ytf2z_105.awsui_medium_1d2i7_ytf2z_251:not(#\9) {
+.awsui_dialog_1d2i7_ppmf7_105.awsui_medium_1d2i7_ppmf7_251:not(#\9) {
   max-width: 600px;
 }
-.awsui_dialog_1d2i7_ytf2z_105.awsui_large_1d2i7_ytf2z_254:not(#\9) {
+.awsui_dialog_1d2i7_ppmf7_105.awsui_large_1d2i7_ppmf7_254:not(#\9) {
   max-width: 820px;
 }
-.awsui_dialog_1d2i7_ytf2z_105.awsui_max_1d2i7_ytf2z_257.awsui_breakpoint-xs_1d2i7_ytf2z_257:not(#\9) {
-  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-rhml9p, 40px)));
+.awsui_dialog_1d2i7_ppmf7_105.awsui_max_1d2i7_ppmf7_257.awsui_breakpoint-xs_1d2i7_ppmf7_257:not(#\9) {
+  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-65sweb, 40px)));
   margin: auto;
 }
 
-.awsui_container_1d2i7_ytf2z_262:not(#\9) {
+.awsui_container_1d2i7_ppmf7_262:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -315,60 +315,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-cqtcam, 14px);
-  line-height: var(--font-body-m-line-height-83azrc, 22px);
-  color: var(--color-text-body-default-01bwmw, #000716);
+  font-size: var(--font-body-m-size-7dign1, 14px);
+  line-height: var(--font-body-m-line-height-rfgrp9, 22px);
+  color: var(--color-text-body-default-mmvcvg, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-kd6hgy, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: block;
-  background-color: var(--color-background-container-content-em2lah, #ffffff);
+  background-color: var(--color-background-container-content-og3y0v, #ffffff);
   word-wrap: break-word;
-  border-top: var(--border-container-top-width-nb80xs, 0px) solid var(--color-border-container-top-4rl1tb, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px);
-  box-shadow: var(--shadow-modal-kmq6vs, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
+  border-top: var(--border-container-top-width-5cncr0, 0px) solid var(--color-border-container-top-camjrq, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px);
+  box-shadow: var(--shadow-modal-5wj6rn, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
 
-.awsui_content_1d2i7_ytf2z_281:not(#\9) {
-  padding: var(--space-container-content-top-jt1y8s, 0px) var(--space-modal-horizontal-plzmda, 20px) var(--space-modal-content-bottom-n0nu4i, 16px);
+.awsui_content_1d2i7_ppmf7_281:not(#\9) {
+  padding: var(--space-container-content-top-aj37fz, 0px) var(--space-modal-horizontal-rzqrfo, 20px) var(--space-modal-content-bottom-4lprrr, 16px);
 }
-.awsui_content_1d2i7_ytf2z_281.awsui_no-paddings_1d2i7_ytf2z_284:not(#\9) {
+.awsui_content_1d2i7_ppmf7_281.awsui_no-paddings_1d2i7_ppmf7_284:not(#\9) {
   padding: 0;
 }
 
-.awsui_header_1d2i7_ytf2z_288:not(#\9) {
-  padding: var(--space-s-rd607g, 12px) var(--space-modal-horizontal-plzmda, 20px);
-  background-color: var(--color-background-container-header-n1x7fp, #ffffff);
-  border-bottom: 1px solid var(--color-border-container-divider-qsuvq6, transparent);
-  border-radius: var(--border-radius-container-b3z48i, 16px) var(--border-radius-container-b3z48i, 16px) 0 0;
+.awsui_header_1d2i7_ppmf7_288:not(#\9) {
+  padding: var(--space-s-hdd878, 12px) var(--space-modal-horizontal-rzqrfo, 20px);
+  background-color: var(--color-background-container-header-l5cy7j, #ffffff);
+  border-bottom: 1px solid var(--color-border-container-divider-tildlh, transparent);
+  border-radius: var(--border-radius-container-pmtq2d, 16px) var(--border-radius-container-pmtq2d, 16px) 0 0;
 }
 
-.awsui_header--text_1d2i7_ytf2z_295:not(#\9) {
+.awsui_header--text_1d2i7_ppmf7_295:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_ytf2z_299:not(#\9) {
-  border-top: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
-  padding: var(--space-scaled-s-gczsk7, 12px) var(--space-container-horizontal-6u2610, 20px);
-  background-color: var(--color-background-container-content-em2lah, #ffffff);
+.awsui_footer_1d2i7_ppmf7_299:not(#\9) {
+  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
+  padding: var(--space-scaled-s-913kwi, 12px) var(--space-container-horizontal-jxdgil, 20px);
+  background-color: var(--color-background-container-content-og3y0v, #ffffff);
   position: sticky;
   bottom: 0;
 }
-.awsui_footer--stuck_1d2i7_ytf2z_306:not(#\9) {
-  border-radius: 0 0 var(--border-radius-container-b3z48i, 16px) var(--border-radius-container-b3z48i, 16px);
+.awsui_footer--stuck_1d2i7_ppmf7_306:not(#\9) {
+  border-radius: 0 0 var(--border-radius-container-pmtq2d, 16px) var(--border-radius-container-pmtq2d, 16px);
 }
-.awsui_footer_1d2i7_ytf2z_299:not(#\9):after {
+.awsui_footer_1d2i7_ppmf7_299:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_ytf2z_315:not(#\9) {
+.awsui_dismiss-control_1d2i7_ppmf7_315:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_ytf2z_319:not(#\9) {
+.awsui_modal-open_1d2i7_ppmf7_319:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned