@cloudscape-design/components-themeable 3.0.311 → 3.0.313

package/lib/internal/template/mixed-line-bar-chart/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_1yz9c_2epee_93",
-  "series--bar": "awsui_series--bar_1yz9c_2epee_94",
-  "series__rect": "awsui_series__rect_1yz9c_2epee_94",
-  "exiting": "awsui_exiting_1yz9c_2epee_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_2epee_1",
-  "root": "awsui_root_1yz9c_2epee_137",
-  "filter-container": "awsui_filter-container_1yz9c_2epee_152",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_2epee_156",
-  "chart-container": "awsui_chart-container_1yz9c_2epee_160",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_2epee_166",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_2epee_172",
-  "content": "awsui_content_1yz9c_2epee_176",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_2epee_183",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_2epee_187",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_2epee_200",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_2epee_201",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_2epee_205",
-  "series--threshold": "awsui_series--threshold_1yz9c_2epee_214",
-  "bar-group": "awsui_bar-group_1yz9c_2epee_219"
+  "series": "awsui_series_1yz9c_1ndb6_93",
+  "series--bar": "awsui_series--bar_1yz9c_1ndb6_94",
+  "series__rect": "awsui_series__rect_1yz9c_1ndb6_94",
+  "exiting": "awsui_exiting_1yz9c_1ndb6_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1ndb6_1",
+  "root": "awsui_root_1yz9c_1ndb6_137",
+  "filter-container": "awsui_filter-container_1yz9c_1ndb6_152",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1ndb6_156",
+  "chart-container": "awsui_chart-container_1yz9c_1ndb6_160",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1ndb6_166",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1ndb6_172",
+  "content": "awsui_content_1yz9c_1ndb6_176",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1ndb6_183",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1ndb6_187",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1ndb6_200",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1ndb6_201",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1ndb6_205",
+  "series--threshold": "awsui_series--threshold_1yz9c_1ndb6_214",
+  "bar-group": "awsui_bar-group_1yz9c_1ndb6_219"
 };
   

package/lib/internal/template/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_2epee_93:not(#\9),
-.awsui_series--bar_1yz9c_2epee_94 > .awsui_series__rect_1yz9c_2epee_94:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-rmkgqi, 90ms) var(--motion-easing-transition-quick-ws4ug0, linear);
+.awsui_series_1yz9c_1ndb6_93:not(#\9),
+.awsui_series--bar_1yz9c_1ndb6_94 > .awsui_series__rect_1yz9c_1ndb6_94:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_2epee_93:not(#\9),
-  .awsui_series--bar_1yz9c_2epee_94 > .awsui_series__rect_1yz9c_2epee_94:not(#\9) {
+  .awsui_series_1yz9c_1ndb6_93:not(#\9),
+  .awsui_series--bar_1yz9c_1ndb6_94 > .awsui_series__rect_1yz9c_1ndb6_94:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_2epee_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_2epee_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_2epee_94 > .awsui_series__rect_1yz9c_2epee_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_2epee_94 > .awsui_series__rect_1yz9c_2epee_94:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_1ndb6_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1ndb6_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1ndb6_94 > .awsui_series__rect_1yz9c_1ndb6_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1ndb6_94 > .awsui_series__rect_1yz9c_1ndb6_94:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_2epee_111:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_2epee_1 var(--motion-duration-refresh-only-fast-g4961l, 115ms) var(--motion-easing-refresh-only-b-ihwfxn, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_1ndb6_111:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_1ndb6_1 var(--motion-duration-refresh-only-fast-osz7cj, 115ms) var(--motion-easing-refresh-only-b-9wxidy, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_2epee_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1ndb6_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_2epee_111:not(#\9) {
+  .awsui_exiting_1yz9c_1ndb6_111:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_2epee_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_2epee_111:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_1ndb6_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1ndb6_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_2epee_137:not(#\9) {
+.awsui_root_1yz9c_1ndb6_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-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   display: block;
 }
 
-.awsui_filter-container_1yz9c_2epee_152:not(#\9) {
+.awsui_filter-container_1yz9c_1ndb6_152:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_has-default-filter_1yz9c_2epee_156 > :not(#\9):first-child {
+.awsui_has-default-filter_1yz9c_1ndb6_156 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_1yz9c_2epee_160:not(#\9) {
+.awsui_chart-container_1yz9c_1ndb6_160:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_1yz9c_2epee_166:not(#\9) {
+.awsui_chart-container__vertical_1yz9c_1ndb6_166:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_1yz9c_2epee_172:not(#\9) {
+.awsui_chart-container__horizontal_1yz9c_1ndb6_172:not(#\9) {
   display: flex;
 }
 
-.awsui_content_1yz9c_2epee_176:not(#\9) {
+.awsui_content_1yz9c_1ndb6_176:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_1yz9c_2epee_183:not(#\9) {
-  margin-top: calc(2 * var(--font-body-m-line-height-uf359w, 22px));
+.awsui_content--reserve-filter_1yz9c_1ndb6_183:not(#\9) {
+  margin-top: calc(2 * var(--font-body-m-line-height-9vkzhc, 22px));
 }
 
-.awsui_content--reserve-legend_1yz9c_2epee_187:not(#\9) {
-  margin-bottom: calc(2 * var(--font-body-m-line-height-uf359w, 22px));
+.awsui_content--reserve-legend_1yz9c_1ndb6_187:not(#\9) {
+  margin-bottom: calc(2 * var(--font-body-m-line-height-9vkzhc, 22px));
 }
 
-.awsui_series_1yz9c_2epee_93:not(#\9) {
+.awsui_series_1yz9c_1ndb6_93:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-nqhoa0, 2px);
+  stroke-width: var(--border-line-chart-width-m20n2t, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-9bwp6y, miter);
+  stroke-linejoin: var(--border-line-chart-line-join-w4zve7, miter);
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_2epee_200:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_2epee_201:not(#\9) {
+.awsui_series--highlighted_1yz9c_1ndb6_200:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_1ndb6_201:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_2epee_205:not(#\9) {
+.awsui_series--dimmed_1yz9c_1ndb6_205:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--bar_1yz9c_2epee_94 > .awsui_series__rect_1yz9c_2epee_94:not(#\9) {
-  stroke: var(--color-background-container-content-2tfmjb, #ffffff);
+.awsui_series--bar_1yz9c_1ndb6_94 > .awsui_series__rect_1yz9c_1ndb6_94:not(#\9) {
+  stroke: var(--color-background-container-content-xlzim4, #ffffff);
   stroke-width: 2px;
 }
 
-.awsui_series--threshold_1yz9c_2epee_214:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-5ohoha, 3 5);
-  stroke-width: var(--border-line-chart-width-nqhoa0, 2px);
+.awsui_series--threshold_1yz9c_1ndb6_214:not(#\9) {
+  stroke-dasharray: var(--border-line-chart-dash-array-eqbiso, 3 5);
+  stroke-width: var(--border-line-chart-width-m20n2t, 2px);
 }
 
-.awsui_bar-group_1yz9c_2epee_219:not(#\9) {
+.awsui_bar-group_1yz9c_1ndb6_219:not(#\9) {
   /* used in dom query */
 }

package/lib/internal/template/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_2epee_93",
-  "series--bar": "awsui_series--bar_1yz9c_2epee_94",
-  "series__rect": "awsui_series__rect_1yz9c_2epee_94",
-  "exiting": "awsui_exiting_1yz9c_2epee_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_2epee_1",
-  "root": "awsui_root_1yz9c_2epee_137",
-  "filter-container": "awsui_filter-container_1yz9c_2epee_152",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_2epee_156",
-  "chart-container": "awsui_chart-container_1yz9c_2epee_160",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_2epee_166",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_2epee_172",
-  "content": "awsui_content_1yz9c_2epee_176",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_2epee_183",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_2epee_187",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_2epee_200",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_2epee_201",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_2epee_205",
-  "series--threshold": "awsui_series--threshold_1yz9c_2epee_214",
-  "bar-group": "awsui_bar-group_1yz9c_2epee_219"
+  "series": "awsui_series_1yz9c_1ndb6_93",
+  "series--bar": "awsui_series--bar_1yz9c_1ndb6_94",
+  "series__rect": "awsui_series__rect_1yz9c_1ndb6_94",
+  "exiting": "awsui_exiting_1yz9c_1ndb6_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1ndb6_1",
+  "root": "awsui_root_1yz9c_1ndb6_137",
+  "filter-container": "awsui_filter-container_1yz9c_1ndb6_152",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1ndb6_156",
+  "chart-container": "awsui_chart-container_1yz9c_1ndb6_160",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1ndb6_166",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1ndb6_172",
+  "content": "awsui_content_1yz9c_1ndb6_176",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1ndb6_183",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1ndb6_187",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1ndb6_200",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1ndb6_201",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1ndb6_205",
+  "series--threshold": "awsui_series--threshold_1yz9c_1ndb6_214",
+  "bar-group": "awsui_bar-group_1yz9c_1ndb6_219"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/modal/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_7sm8h_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_7sm8h_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_7sm8h_1",
-  "refresh": "awsui_refresh_1d2i7_7sm8h_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_7sm8h_1",
-  "root": "awsui_root_1d2i7_7sm8h_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_7sm8h_1",
-  "hidden": "awsui_hidden_1d2i7_7sm8h_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_7sm8h_230",
-  "small": "awsui_small_1d2i7_7sm8h_248",
-  "medium": "awsui_medium_1d2i7_7sm8h_251",
-  "large": "awsui_large_1d2i7_7sm8h_254",
-  "max": "awsui_max_1d2i7_7sm8h_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_7sm8h_257",
-  "container": "awsui_container_1d2i7_7sm8h_262",
-  "content": "awsui_content_1d2i7_7sm8h_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_7sm8h_284",
-  "header": "awsui_header_1d2i7_7sm8h_288",
-  "header--text": "awsui_header--text_1d2i7_7sm8h_295",
-  "footer": "awsui_footer_1d2i7_7sm8h_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_7sm8h_306",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_7sm8h_315",
-  "modal-open": "awsui_modal-open_1d2i7_7sm8h_319"
+  "dialog": "awsui_dialog_1d2i7_1sz87_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1sz87_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1sz87_1",
+  "refresh": "awsui_refresh_1d2i7_1sz87_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1sz87_1",
+  "root": "awsui_root_1d2i7_1sz87_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1sz87_1",
+  "hidden": "awsui_hidden_1d2i7_1sz87_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_1sz87_230",
+  "small": "awsui_small_1d2i7_1sz87_248",
+  "medium": "awsui_medium_1d2i7_1sz87_251",
+  "large": "awsui_large_1d2i7_1sz87_254",
+  "max": "awsui_max_1d2i7_1sz87_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1sz87_257",
+  "container": "awsui_container_1d2i7_1sz87_262",
+  "content": "awsui_content_1d2i7_1sz87_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_1sz87_284",
+  "header": "awsui_header_1d2i7_1sz87_288",
+  "header--text": "awsui_header--text_1d2i7_1sz87_295",
+  "footer": "awsui_footer_1d2i7_1sz87_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_1sz87_306",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_1sz87_315",
+  "modal-open": "awsui_modal-open_1d2i7_1sz87_319"
 };
   

package/lib/internal/template/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_7sm8h_1 {
+@keyframes awsui_modal-slide-up_1d2i7_1sz87_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_7sm8h_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_7sm8h_1 var(--motion-duration-slow-tm8ir2, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_7sm8h_1 var(--motion-duration-slow-tm8ir2, 180ms) ease-out;
-  animation-delay: var(--motion-duration-fast-2xlkti, 90ms);
+.awsui_dialog_1d2i7_1sz87_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_1sz87_1 var(--motion-duration-slow-59jsmh, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1sz87_1 var(--motion-duration-slow-59jsmh, 180ms) ease-out;
+  animation-delay: var(--motion-duration-fast-hb4hmg, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_7sm8h_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1sz87_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_7sm8h_105:not(#\9) {
+  .awsui_dialog_1d2i7_1sz87_105:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_7sm8h_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_7sm8h_105:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_1sz87_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1sz87_105:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_7sm8h_105.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_7sm8h_1, awsui_awsui-motion-fade-in-0_1d2i7_7sm8h_1;
-  animation-duration: var(--motion-duration-refresh-only-fast-g4961l, 115ms);
-  animation-timing-function: var(--motion-easing-refresh-only-a-5adyze, cubic-bezier(0, 0, 0, 1));
+.awsui_dialog_1d2i7_1sz87_105.awsui_refresh_1d2i7_1sz87_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_1sz87_1, awsui_awsui-motion-fade-in-0_1d2i7_1sz87_1;
+  animation-duration: var(--motion-duration-refresh-only-fast-osz7cj, 115ms);
+  animation-timing-function: var(--motion-easing-refresh-only-a-9ds92l, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_7sm8h_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1sz87_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_7sm8h_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_1sz87_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_7sm8h_105.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
+  .awsui_dialog_1d2i7_1sz87_105.awsui_refresh_1d2i7_1sz87_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_7sm8h_105.awsui_refresh_1d2i7_7sm8h_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_7sm8h_105.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_1sz87_105.awsui_refresh_1d2i7_1sz87_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1sz87_105.awsui_refresh_1d2i7_1sz87_128:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_7sm8h_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_7sm8h_1 var(--motion-duration-extra-slow-q60tat, 270ms) ease-out;
+.awsui_root_1d2i7_1sz87_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_1sz87_1 var(--motion-duration-extra-slow-edlvev, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_7sm8h_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_1sz87_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_7sm8h_161:not(#\9) {
+  .awsui_root_1d2i7_1sz87_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_7sm8h_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_7sm8h_161:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_1sz87_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1sz87_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_7sm8h_161.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
-  animation-duration: var(--motion-duration-refresh-only-fast-g4961l, 115ms);
+.awsui_root_1d2i7_1sz87_161.awsui_refresh_1d2i7_1sz87_128:not(#\9) {
+  animation-duration: var(--motion-duration-refresh-only-fast-osz7cj, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_7sm8h_161.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
+  .awsui_root_1d2i7_1sz87_161.awsui_refresh_1d2i7_1sz87_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_7sm8h_161.awsui_refresh_1d2i7_7sm8h_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_7sm8h_161.awsui_refresh_1d2i7_7sm8h_128:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_1sz87_161.awsui_refresh_1d2i7_1sz87_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1sz87_161.awsui_refresh_1d2i7_1sz87_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_7sm8h_161:not(#\9) {
+.awsui_root_1d2i7_1sz87_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-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  background-color: var(--color-background-modal-overlay-jkro9x, rgba(242, 243, 243, 0.9));
+  background-color: var(--color-background-modal-overlay-09h3el, rgba(242, 243, 243, 0.9));
   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_7sm8h_161.awsui_hidden_1d2i7_7sm8h_226:not(#\9) {
+.awsui_root_1d2i7_1sz87_161.awsui_hidden_1d2i7_1sz87_226:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_7sm8h_230:not(#\9) {
+.awsui_focus-lock_1d2i7_1sz87_230:not(#\9) {
   align-self: flex-start;
   margin: auto;
-  padding: var(--space-s-vhrt5k, 12px) 0;
+  padding: var(--space-s-o95p2n, 12px) 0;
   z-index: 5000;
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_7sm8h_105:not(#\9) {
+.awsui_dialog_1d2i7_1sz87_105:not(#\9) {
   position: static;
   top: 0;
   transform: translate(0, 0);
-  width: calc(100vw - var(--space-s-vhrt5k, 12px) * 2);
+  width: calc(100vw - var(--space-s-o95p2n, 12px) * 2);
   box-sizing: border-box;
   outline: none;
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_7sm8h_105.awsui_small_1d2i7_7sm8h_248:not(#\9) {
+.awsui_dialog_1d2i7_1sz87_105.awsui_small_1d2i7_1sz87_248:not(#\9) {
   max-width: 320px;
 }
-.awsui_dialog_1d2i7_7sm8h_105.awsui_medium_1d2i7_7sm8h_251:not(#\9) {
+.awsui_dialog_1d2i7_1sz87_105.awsui_medium_1d2i7_1sz87_251:not(#\9) {
   max-width: 600px;
 }
-.awsui_dialog_1d2i7_7sm8h_105.awsui_large_1d2i7_7sm8h_254:not(#\9) {
+.awsui_dialog_1d2i7_1sz87_105.awsui_large_1d2i7_1sz87_254:not(#\9) {
   max-width: 820px;
 }
-.awsui_dialog_1d2i7_7sm8h_105.awsui_max_1d2i7_7sm8h_257.awsui_breakpoint-xs_1d2i7_7sm8h_257:not(#\9) {
-  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-ivtt61, 40px)));
+.awsui_dialog_1d2i7_1sz87_105.awsui_max_1d2i7_1sz87_257.awsui_breakpoint-xs_1d2i7_1sz87_257:not(#\9) {
+  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-ecj2b1, 40px)));
   margin: auto;
 }
 
-.awsui_container_1d2i7_7sm8h_262:not(#\9) {
+.awsui_container_1d2i7_1sz87_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-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto 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-2tfmjb, #ffffff);
+  background-color: var(--color-background-container-content-xlzim4, #ffffff);
   word-wrap: break-word;
-  border-top: var(--border-container-top-width-y1te4w, 1px) solid var(--color-border-container-top-zudzrh, #eaeded);
-  border-radius: var(--border-radius-container-y2o1gq, 0px);
-  box-shadow: var(--shadow-modal-lvy6pm, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-top: var(--border-container-top-width-um0aeg, 1px) solid var(--color-border-container-top-1t94bd, #eaeded);
+  border-radius: var(--border-radius-container-53367b, 0px);
+  box-shadow: var(--shadow-modal-9r20ey, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_content_1d2i7_7sm8h_281:not(#\9) {
-  padding: var(--space-container-content-top-m4vydv, 16px) var(--space-modal-horizontal-u2l4a9, 20px) var(--space-modal-content-bottom-fb8fpt, 20px);
+.awsui_content_1d2i7_1sz87_281:not(#\9) {
+  padding: var(--space-container-content-top-5kufne, 16px) var(--space-modal-horizontal-0as3uz, 20px) var(--space-modal-content-bottom-io4sah, 20px);
 }
-.awsui_content_1d2i7_7sm8h_281.awsui_no-paddings_1d2i7_7sm8h_284:not(#\9) {
+.awsui_content_1d2i7_1sz87_281.awsui_no-paddings_1d2i7_1sz87_284:not(#\9) {
   padding: 0;
 }
 
-.awsui_header_1d2i7_7sm8h_288:not(#\9) {
-  padding: var(--space-s-vhrt5k, 12px) var(--space-modal-horizontal-u2l4a9, 20px);
-  background-color: var(--color-background-container-header-6n79uq, #fafafa);
-  border-bottom: 1px solid var(--color-border-container-divider-t9c066, #eaeded);
-  border-radius: var(--border-radius-container-y2o1gq, 0px) var(--border-radius-container-y2o1gq, 0px) 0 0;
+.awsui_header_1d2i7_1sz87_288:not(#\9) {
+  padding: var(--space-s-o95p2n, 12px) var(--space-modal-horizontal-0as3uz, 20px);
+  background-color: var(--color-background-container-header-gnwbip, #fafafa);
+  border-bottom: 1px solid var(--color-border-container-divider-b2ream, #eaeded);
+  border-radius: var(--border-radius-container-53367b, 0px) var(--border-radius-container-53367b, 0px) 0 0;
 }
 
-.awsui_header--text_1d2i7_7sm8h_295:not(#\9) {
+.awsui_header--text_1d2i7_1sz87_295:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_7sm8h_299:not(#\9) {
-  border-top: var(--border-divider-section-width-om0oy7, 1px) solid var(--color-border-divider-default-77o8t1, #eaeded);
-  padding: var(--space-scaled-s-mjpukd, 12px) var(--space-container-horizontal-mjt57l, 20px);
-  background-color: var(--color-background-container-content-2tfmjb, #ffffff);
+.awsui_footer_1d2i7_1sz87_299:not(#\9) {
+  border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
+  padding: var(--space-scaled-s-73r995, 12px) var(--space-container-horizontal-7bp7wa, 20px);
+  background-color: var(--color-background-container-content-xlzim4, #ffffff);
   position: sticky;
   bottom: 0;
 }
-.awsui_footer--stuck_1d2i7_7sm8h_306:not(#\9) {
-  border-radius: 0 0 var(--border-radius-container-y2o1gq, 0px) var(--border-radius-container-y2o1gq, 0px);
+.awsui_footer--stuck_1d2i7_1sz87_306:not(#\9) {
+  border-radius: 0 0 var(--border-radius-container-53367b, 0px) var(--border-radius-container-53367b, 0px);
 }
-.awsui_footer_1d2i7_7sm8h_299:not(#\9):after {
+.awsui_footer_1d2i7_1sz87_299:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_7sm8h_315:not(#\9) {
+.awsui_dismiss-control_1d2i7_1sz87_315:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_7sm8h_319:not(#\9) {
+.awsui_modal-open_1d2i7_1sz87_319:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned