@cloudscape-design/components 3.0.301 → 3.0.303

package/modal/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.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/multiselect/interfaces.d.ts

@@ -22,6 +22,7 @@ export interface MultiselectProps extends BaseSelectProps {
     hideTokens?: boolean;
     /**
      * Specifies an `aria-label` for the token deselection button.
+     * @i18n
      */
     deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;
     /**

package/multiselect/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;;OAGG;IACH,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1D,KAAY,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnE,UAAiB,WAAW;QAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IAED,UAAiB,uBAAuB;QACtC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KACxC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;;OAGG;IACH,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,MAAM,GAAG,gBAAgB,CAAC;IACtC,KAAY,WAAW,GAAG,qBAAqB,CAAC;IAChD,KAAY,OAAO,GAAG,aAAa,CAAC,MAAM,GAAG,WAAW,CAAC,CAAC;IAC1D,KAAY,yBAAyB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnE,UAAiB,WAAW;QAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IAED,UAAiB,uBAAuB;QACtC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;KACxC;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}

package/multiselect/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n  /**\n   * Specifies the currently selected options.\n   * Provide an empty array to clear the selection.\n   */\n  selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n  /**\n   * Determines whether the dropdown list stays open after the user selects an item.\n   */\n  keepOpen?: boolean;\n  /**\n   * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n   */\n  tokenLimit?: number;\n  /**\n   * Hides the tokens displayed underneath the component.\n   * Only use this if the selected options are displayed elsewhere on the page.\n   */\n  hideTokens?: boolean;\n  /**\n   * Specifies an `aria-label` for the token deselection button.\n   */\n  deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n  /**\n   * An object containing all the localized strings required by the component.\n   * Note that the string for `tokenLimitShowMore` should not contain the number of hidden tokens\n   * because it will be added by the component automatically.\n   */\n  i18nStrings?: MultiselectProps.I18nStrings;\n  /**\n   * Called when the user selects or deselects an option.\n   * The event `detail` contains the current `selectedOptions`.\n   */\n  onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n\n  /**\n   * Automatically focuses the trigger when component is mounted.\n   */\n  autoFocus?: boolean;\n}\n\nexport namespace MultiselectProps {\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n  export type DeselectAriaLabelFunction = (option: Option) => string;\n\n  export interface I18nStrings {\n    tokenLimitShowFewer?: string;\n    tokenLimitShowMore?: string;\n  }\n\n  export interface MultiselectChangeDetail {\n    selectedOptions: ReadonlyArray<Option>;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n  /**\n   * Specifies the currently selected options.\n   * Provide an empty array to clear the selection.\n   */\n  selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n  /**\n   * Determines whether the dropdown list stays open after the user selects an item.\n   */\n  keepOpen?: boolean;\n  /**\n   * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n   */\n  tokenLimit?: number;\n  /**\n   * Hides the tokens displayed underneath the component.\n   * Only use this if the selected options are displayed elsewhere on the page.\n   */\n  hideTokens?: boolean;\n  /**\n   * Specifies an `aria-label` for the token deselection button.\n   * @i18n\n   */\n  deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n  /**\n   * An object containing all the localized strings required by the component.\n   * Note that the string for `tokenLimitShowMore` should not contain the number of hidden tokens\n   * because it will be added by the component automatically.\n   */\n  i18nStrings?: MultiselectProps.I18nStrings;\n  /**\n   * Called when the user selects or deselects an option.\n   * The event `detail` contains the current `selectedOptions`.\n   */\n  onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n\n  /**\n   * Automatically focuses the trigger when component is mounted.\n   */\n  autoFocus?: boolean;\n}\n\nexport namespace MultiselectProps {\n  export type Option = OptionDefinition;\n  export type OptionGroup = OptionGroupDefinition;\n  export type Options = ReadonlyArray<Option | OptionGroup>;\n  export type DeselectAriaLabelFunction = (option: Option) => string;\n\n  export interface I18nStrings {\n    tokenLimitShowFewer?: string;\n    tokenLimitShowMore?: string;\n  }\n\n  export interface MultiselectChangeDetail {\n    selectedOptions: ReadonlyArray<Option>;\n  }\n\n  export interface Ref {\n    /**\n     * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n     */\n    focus(): void;\n  }\n}\n"]}

package/multiselect/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_f8g6q_ipg3o_93"
+  "root": "awsui_root_f8g6q_1okwn_93"
 };
   

package/multiselect/styles.scoped.css

@@ -90,7 +90,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_f8g6q_ipg3o_93:not(#\9) {
+.awsui_root_f8g6q_1okwn_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,11 +120,11 @@ 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;
 }

package/multiselect/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_f8g6q_ipg3o_93"
+  "root": "awsui_root_f8g6q_1okwn_93"
 };
   

package/package.json

@@ -136,7 +136,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.301",
+  "version": "3.0.303",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/pagination/interfaces.d.ts

@@ -38,6 +38,7 @@ export interface PaginationProps {
      *   pageLabel: pageNumber => `Page ${pageNumber}`
      * }
      * ```
+     * @i18n
      */
     ariaLabels?: PaginationProps.Labels;
     /**

package/pagination/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["pagination/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;CAC9E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;KAC5C;IAED,UAAiB,eAAe;QAC9B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAED,UAAiB,YAAY;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["pagination/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;;;;;OAkBG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;CAC9E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;KAC5C;IAED,UAAiB,eAAe;QAC9B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAED,UAAiB,YAAY;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B;CACF"}

package/pagination/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["pagination/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface PaginationProps {\n  /**\n   * Index of the current page. The first page has an index of 1.\n   */\n  currentPageIndex: number;\n\n  /**\n   * Sets the total number of pages. Only positive integers are allowed.\n   */\n  pagesCount: number;\n\n  /**\n   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it\n   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you\n   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is\n   * never disabled. When the user clicks on it but there are no more items to show, the\n   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.\n   */\n  openEnd?: boolean;\n\n  /**\n   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user\n   * from changing page before items are loaded.\n   */\n  disabled?: boolean;\n\n  /**\n   * Adds aria-labels to the pagination buttons:\n   * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context\n   * * in cases of multiple pagination components in a page.\n   * * `previousPageLabel` (string) - Previous page button.\n   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.\n   * * `nextPageLabel` (string) - Next page button\n   *\n   * Example:\n   * ```\n   * {\n   *   nextPageLabel: 'Next page',\n   *   paginationLabel: 'Table pagination'\n   *   previousPageLabel: 'Previous page',\n   *   pageLabel: pageNumber => `Page ${pageNumber}`\n   * }\n   * ```\n   */\n  ariaLabels?: PaginationProps.Labels;\n\n  /**\n   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.\n   */\n  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;\n\n  /**\n   * Called when the previous page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Always set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n\n  /**\n   * Called when the next page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.\n   *   The value can be `false` when the `openEnd` property is set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n}\n\nexport namespace PaginationProps {\n  export interface Labels {\n    nextPageLabel?: string;\n    paginationLabel?: string;\n    previousPageLabel?: string;\n    pageLabel?: (pageNumber: number) => string;\n  }\n\n  export interface PageClickDetail {\n    requestedPageAvailable: boolean;\n    requestedPageIndex: number;\n  }\n\n  export interface ChangeDetail {\n    currentPageIndex: number;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["pagination/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface PaginationProps {\n  /**\n   * Index of the current page. The first page has an index of 1.\n   */\n  currentPageIndex: number;\n\n  /**\n   * Sets the total number of pages. Only positive integers are allowed.\n   */\n  pagesCount: number;\n\n  /**\n   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it\n   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you\n   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is\n   * never disabled. When the user clicks on it but there are no more items to show, the\n   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.\n   */\n  openEnd?: boolean;\n\n  /**\n   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user\n   * from changing page before items are loaded.\n   */\n  disabled?: boolean;\n\n  /**\n   * Adds aria-labels to the pagination buttons:\n   * * `paginationLabel` (string) - Label for the entire pagination group. It allows users to distinguish context\n   * * in cases of multiple pagination components in a page.\n   * * `previousPageLabel` (string) - Previous page button.\n   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.\n   * * `nextPageLabel` (string) - Next page button\n   *\n   * Example:\n   * ```\n   * {\n   *   nextPageLabel: 'Next page',\n   *   paginationLabel: 'Table pagination'\n   *   previousPageLabel: 'Previous page',\n   *   pageLabel: pageNumber => `Page ${pageNumber}`\n   * }\n   * ```\n   * @i18n\n   */\n  ariaLabels?: PaginationProps.Labels;\n\n  /**\n   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.\n   */\n  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;\n\n  /**\n   * Called when the previous page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Always set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n\n  /**\n   * Called when the next page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.\n   *   The value can be `false` when the `openEnd` property is set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n}\n\nexport namespace PaginationProps {\n  export interface Labels {\n    nextPageLabel?: string;\n    paginationLabel?: string;\n    previousPageLabel?: string;\n    pageLabel?: (pageNumber: number) => string;\n  }\n\n  export interface PageClickDetail {\n    requestedPageAvailable: boolean;\n    requestedPageIndex: number;\n  }\n\n  export interface ChangeDetail {\n    currentPageIndex: number;\n  }\n}\n"]}

package/pagination/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_fvjdu_1roco_93",
-  "button": "awsui_button_fvjdu_1roco_113",
-  "dots": "awsui_dots_fvjdu_1roco_114",
-  "button-disabled": "awsui_button-disabled_fvjdu_1roco_136",
-  "arrow": "awsui_arrow_fvjdu_1roco_141",
-  "page-number": "awsui_page-number_fvjdu_1roco_151",
-  "button-current": "awsui_button-current_fvjdu_1roco_157",
-  "page-item": "awsui_page-item_fvjdu_1roco_174",
-  "root-disabled": "awsui_root-disabled_fvjdu_1roco_190"
+  "root": "awsui_root_fvjdu_85ht5_93",
+  "button": "awsui_button_fvjdu_85ht5_113",
+  "dots": "awsui_dots_fvjdu_85ht5_114",
+  "button-disabled": "awsui_button-disabled_fvjdu_85ht5_136",
+  "arrow": "awsui_arrow_fvjdu_85ht5_141",
+  "page-number": "awsui_page-number_fvjdu_85ht5_151",
+  "button-current": "awsui_button-current_fvjdu_85ht5_157",
+  "page-item": "awsui_page-item_fvjdu_85ht5_174",
+  "root-disabled": "awsui_root-disabled_fvjdu_85ht5_190"
 };
   

package/pagination/styles.scoped.css

@@ -90,7 +90,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_fvjdu_1roco_93:not(#\9) {
+.awsui_root_fvjdu_85ht5_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,11 +120,11 @@ 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: flex;
@@ -136,13 +136,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
 }
 
-.awsui_button_fvjdu_1roco_113:not(#\9),
-.awsui_dots_fvjdu_1roco_114:not(#\9) {
-  min-width: var(--space-l-ds615y, 20px);
-  border: var(--border-field-width-egrqih, 2px) solid transparent;
+.awsui_button_fvjdu_85ht5_113:not(#\9),
+.awsui_dots_fvjdu_85ht5_114:not(#\9) {
+  min-width: var(--space-l-f4l5gr, 20px);
+  border: var(--border-field-width-riro62, 2px) solid transparent;
 }
 
-.awsui_button_fvjdu_1roco_113:not(#\9) {
+.awsui_button_fvjdu_85ht5_113:not(#\9) {
   cursor: pointer;
   text-align: center;
   box-sizing: border-box;
@@ -150,69 +150,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: inherit;
   padding: 0;
 }
-.awsui_button_fvjdu_1roco_113:not(#\9):focus {
+.awsui_button_fvjdu_85ht5_113:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button_fvjdu_1roco_113:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_fvjdu_85ht5_113:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: var(--border-field-width-egrqih, 2px) solid var(--color-border-item-focused-nwfxo7, #0972d3);
-  border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-m25vwf, 0px) var(--color-border-item-focused-nwfxo7, #0972d3);
+  border: var(--border-field-width-riro62, 2px) solid var(--color-border-item-focused-4t19h5, #0972d3);
+  border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-cwek11, 0px) var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_button-disabled_fvjdu_1roco_136:not(#\9) {
+.awsui_button-disabled_fvjdu_85ht5_136:not(#\9) {
   cursor: default;
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
 
-.awsui_arrow_fvjdu_1roco_141:not(#\9) {
-  color: var(--color-text-interactive-default-pdoaf1, #414d5c);
+.awsui_arrow_fvjdu_85ht5_141:not(#\9) {
+  color: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
-.awsui_arrow_fvjdu_1roco_141:not(#\9):not(.awsui_button-disabled_fvjdu_1roco_136):hover {
-  color: var(--color-text-interactive-hover-hi8qzz, #000716);
+.awsui_arrow_fvjdu_85ht5_141:not(#\9):not(.awsui_button-disabled_fvjdu_85ht5_136):hover {
+  color: var(--color-text-interactive-hover-8bpozs, #000716);
 }
-.awsui_arrow_fvjdu_1roco_141.awsui_button-disabled_fvjdu_1roco_136:not(#\9) {
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+.awsui_arrow_fvjdu_85ht5_141.awsui_button-disabled_fvjdu_85ht5_136:not(#\9) {
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
 
-.awsui_page-number_fvjdu_1roco_151:not(#\9) {
-  color: var(--color-text-pagination-page-number-default-wyy16a, #414d5c);
+.awsui_page-number_fvjdu_85ht5_151:not(#\9) {
+  color: var(--color-text-pagination-page-number-default-ip8mzk, #414d5c);
 }
-.awsui_page-number_fvjdu_1roco_151:not(#\9):not(.awsui_button-disabled_fvjdu_1roco_136):hover {
-  color: var(--color-text-interactive-hover-hi8qzz, #000716);
+.awsui_page-number_fvjdu_85ht5_151:not(#\9):not(.awsui_button-disabled_fvjdu_85ht5_136):hover {
+  color: var(--color-text-interactive-hover-8bpozs, #000716);
 }
-.awsui_page-number_fvjdu_1roco_151.awsui_button-current_fvjdu_1roco_157:not(#\9) {
-  font-weight: var(--font-wayfinding-link-active-weight-5wdlk6, 800);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
-  color: var(--color-text-interactive-active-9ly0dg, #000716);
+.awsui_page-number_fvjdu_85ht5_151.awsui_button-current_fvjdu_85ht5_157:not(#\9) {
+  font-weight: var(--font-wayfinding-link-active-weight-66kyod, 800);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
+  color: var(--color-text-interactive-active-atr0kj, #000716);
 }
-.awsui_page-number_fvjdu_1roco_151.awsui_button-current_fvjdu_1roco_157.awsui_button-disabled_fvjdu_1roco_136:not(#\9) {
-  color: var(--color-text-pagination-page-number-active-disabled-i3treo, #9ba7b6);
+.awsui_page-number_fvjdu_85ht5_151.awsui_button-current_fvjdu_85ht5_157.awsui_button-disabled_fvjdu_85ht5_136:not(#\9) {
+  color: var(--color-text-pagination-page-number-active-disabled-ndp2db, #9ba7b6);
 }
-.awsui_page-number_fvjdu_1roco_151.awsui_button-disabled_fvjdu_1roco_136:not(#\9) {
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+.awsui_page-number_fvjdu_85ht5_151.awsui_button-disabled_fvjdu_85ht5_136:not(#\9) {
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }
 
-.awsui_dots_fvjdu_1roco_114:not(#\9) {
-  color: var(--color-text-interactive-default-pdoaf1, #414d5c);
+.awsui_dots_fvjdu_85ht5_114:not(#\9) {
+  color: var(--color-text-interactive-default-2sml2m, #414d5c);
 }
 
-.awsui_page-item_fvjdu_1roco_174:not(#\9),
-.awsui_dots_fvjdu_1roco_114:not(#\9) {
-  margin: var(--space-scaled-xxs-ugy2pw, 4px) var(--space-xxs-a6783b, 4px);
+.awsui_page-item_fvjdu_85ht5_174:not(#\9),
+.awsui_dots_fvjdu_85ht5_114:not(#\9) {
+  margin: var(--space-scaled-xxs-t2t62i, 4px) var(--space-xxs-ja5cp8, 4px);
   text-align: center;
   box-sizing: border-box;
   padding: 0;
 }
-.awsui_page-item_fvjdu_1roco_174:not(#\9):first-child,
-.awsui_dots_fvjdu_1roco_114:not(#\9):first-child {
+.awsui_page-item_fvjdu_85ht5_174:not(#\9):first-child,
+.awsui_dots_fvjdu_85ht5_114:not(#\9):first-child {
   margin-left: 0;
 }
-.awsui_page-item_fvjdu_1roco_174:not(#\9):last-child,
-.awsui_dots_fvjdu_1roco_114:not(#\9):last-child {
+.awsui_page-item_fvjdu_85ht5_174:not(#\9):last-child,
+.awsui_dots_fvjdu_85ht5_114:not(#\9):last-child {
   margin-right: 0;
 }
 
-.awsui_root-disabled_fvjdu_1roco_190 > .awsui_dots_fvjdu_1roco_114:not(#\9) {
-  color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
+.awsui_root-disabled_fvjdu_85ht5_190 > .awsui_dots_fvjdu_85ht5_114:not(#\9) {
+  color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
 }

package/pagination/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_fvjdu_1roco_93",
-  "button": "awsui_button_fvjdu_1roco_113",
-  "dots": "awsui_dots_fvjdu_1roco_114",
-  "button-disabled": "awsui_button-disabled_fvjdu_1roco_136",
-  "arrow": "awsui_arrow_fvjdu_1roco_141",
-  "page-number": "awsui_page-number_fvjdu_1roco_151",
-  "button-current": "awsui_button-current_fvjdu_1roco_157",
-  "page-item": "awsui_page-item_fvjdu_1roco_174",
-  "root-disabled": "awsui_root-disabled_fvjdu_1roco_190"
+  "root": "awsui_root_fvjdu_85ht5_93",
+  "button": "awsui_button_fvjdu_85ht5_113",
+  "dots": "awsui_dots_fvjdu_85ht5_114",
+  "button-disabled": "awsui_button-disabled_fvjdu_85ht5_136",
+  "arrow": "awsui_arrow_fvjdu_85ht5_141",
+  "page-number": "awsui_page-number_fvjdu_85ht5_151",
+  "button-current": "awsui_button-current_fvjdu_85ht5_157",
+  "page-item": "awsui_page-item_fvjdu_85ht5_174",
+  "root-disabled": "awsui_root-disabled_fvjdu_85ht5_190"
 };
   

package/pie-chart/interfaces.d.ts

@@ -128,14 +128,17 @@ export interface PieChartProps<T extends PieChartProps.Datum = PieChartProps.Dat
     noMatch?: React.ReactNode;
     /**
      * Text that's displayed when the chart is loading (that is, when `statusType` is set to `loading`).
+     * @i18n
      */
     loadingText?: string;
     /**
      * Text that's displayed when the chart is in error state (that is, when `statusType` is set to `error`).
+     * @i18n
      */
     errorText?: string;
     /**
      * Text for the recovery button that's displayed next to the error text.
+     * @i18n
      **/
     recoveryText?: string;
     /**
@@ -171,6 +174,7 @@ export interface PieChartProps<T extends PieChartProps.Datum = PieChartProps.Dat
     ariaDescription?: string;
     /**
      * An object that contains all of the localized strings required by the component.
+     * @i18n
      */
     i18nStrings?: PieChartProps.I18nStrings;
 }

package/pie-chart/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["pie-chart/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["pie-chart/interfaces.ts"],"names":[],"mappings":"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"}

package/pie-chart/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["pie-chart/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 { NonCancelableEventHandler } from '../internal/events';\nimport { PopoverProps } from '../popover/interfaces';\n\nexport interface SeriesInfo {\n  label: string;\n  color: string;\n  index: number;\n  markerType: 'line' | 'rectangle';\n}\n\nexport interface ChartDetailPair {\n  key: string;\n  value: string | number;\n}\n\nexport interface PieChartProps<T extends PieChartProps.Datum = PieChartProps.Datum> extends BaseComponentProps {\n  /**\n   * An array that represents the source of data for the displayed segments.\n   * Each element can have the following properties:\n   *\n   * * `title` (string) - A human-readable title for this data point.\n   * * `value` (number) - Numeric value that determines the segment size.\n   *                        A segment with a value of zero (0) or lower (negative number) won't have a segment.\n   * * `color`: (string) - (Optional) Color value for this segment that takes priority over the automatically assigned color.\n   *                        Can be any valid CSS color identifier.\n   *\n   * As long as your data object implements the properties above, you can also define additional properties\n   * that are relevant to your data visualization.\n   * The full data object will be passed down to events and properties like `detailPopoverContent`.\n   */\n  data: ReadonlyArray<T>;\n\n  /**\n   * Specifies the size of the pie or donut chart.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Visual variant of the pie chart. Currently supports the default `pie` variant and the `donut` variant.\n   * The donut variant provides a slot in the center of the chart that can contain additional information.\n   * For more information, see `innerContent`.\n   */\n  variant?: 'pie' | 'donut';\n\n  /**\n   * A function that determines the details that are displayed in the popover when hovering over a segment.\n   * The function is called with the data of the target segment and is expected to return an array of detail pairs.\n   * By default, each segment displays two detail pairs: count and percentage.\n   *\n   * Each pair has the following properties:\n   * * `key` (string) - Name of the detail or metric.\n   * * `value` (string | number) - The value of this detail for the target segment.\n   */\n  detailPopoverContent?: PieChartProps.DetailPopoverContentFunction<T>;\n\n  /**\n   * A function that determines the description of a segment that is displayed on the chart, unless `hideDescriptions` is set to `true`.\n   * This is an optional description that explains the segment and is displayed underneath the label.\n   * The function is called with the data object of each segment and is expected to return the description as a string.\n   */\n  segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n\n  /**\n   * Determines the maximum width of the popover.\n   */\n  detailPopoverSize?: PopoverProps.Size;\n\n  /**\n   * Hides legend beneath the chart when set to `true`.\n   * We highly recommend that you leave this unspecified or set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Hides label titles next to the chart segments when set to `true`.\n   * We highly recommend that you leave this unspecified or set to `false`.\n   */\n  hideTitles?: boolean;\n\n  /**\n   * Hides the label descriptions next to the chart segments when set to `true`.\n   */\n  hideDescriptions?: boolean;\n\n  /**\n   * Hides the default filtering dropdown when set to `true`.\n   * You can still display additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional metric number that's displayed in the center of the chart if `variant` is set to `donut`.\n   */\n  innerMetricValue?: string;\n\n  /**\n   * Additional description that's displayed in the center of the chart below `innerMetricValue` if `variant` is set to `donut`.\n   * This is usually the unit of the `innerMetricValue`.\n   */\n  innerMetricDescription?: string;\n\n  /**\n   * Title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * Additional filters that you can add above the chart component.\n   * Make sure you update the `data` property when any of your custom filters change the data that's displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * Specifies the currently highlighted data segment. Highlighting is typically the result of\n   * a user hovering over or selecting a segment in the chart or the legend.\n   * A value of `null` means no segment is being highlighted.\n   *\n   * - If you don't set this property, segments are highlighted automatically when a user hovers over or selects one of the triggers (that is, uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a segment should be highlighted (that is, controlled behavior).\n   */\n  highlightedSegment?: T | null;\n\n  /**\n   * An array of data segment objects that determines which data segments are currently visible (that is, not filtered out).\n   *\n   * - If you don't set this property, segments are filtered automatically when using the default filtering of the component (that is, uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the list of filtered segments changes (that is, controlled behavior).\n   */\n  visibleSegments?: ReadonlyArray<T>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading` - Indicates that data fetching is in progress.\n   * * `finished` - Indicates that data has loaded successfully.\n   * * `error` - Indicates that an error occurred during fetch. You should provide an option to enable the user to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that's displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that's displayed when there is no data to display because it doesn't match the specified filter.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that's displayed when the chart is loading (that is, when `statusType` is set to `loading`).\n   */\n  loadingText?: string;\n\n  /**\n   * Text that's displayed when the chart is in error state (that is, when `statusType` is set to `error`).\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that's displayed next to the error text.\n   **/\n  recoveryText?: string;\n\n  /**\n   * Called when the user clicks the recovery button that appears when there is an error state.\n   * Use this to enable the user to retry a failed request or provide another option for the user\n   * to recover from the error.\n   */\n  onRecoveryClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when the highlighted segmented changes because of a user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<PieChartProps.HighlightChangeDetail<T>>;\n\n  /**\n   * Called when the values of the internal filter component changes.\n   * This isn't called for any custom filter components you've defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<PieChartProps.FilterChangeDetail<T>>;\n\n  /**\n   * ARIA label that's assigned to the chart. It should match the visible label on the page\n   * (for example, in the container header). Use either `ariaLabel` or `ariaLabelledby` (you can't use both).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart. If there is a visible label for the chart on the page\n   * (for example, in the container header), set this property to the ID of that header element.\n   * Use either `ariaLabel` or `ariaLabelledby` (you can't use both).\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby` and `<title>`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object that contains all of the localized strings required by the component.\n   */\n  i18nStrings?: PieChartProps.I18nStrings;\n}\n\nexport namespace PieChartProps {\n  export interface Datum {\n    title: string;\n    value: number;\n    color?: string;\n  }\n\n  export type PieChartData = ReadonlyArray<Datum>;\n\n  export interface DetailPopoverContentFunction<T = Datum> {\n    (segment: T, visibleDataSum: number): ReadonlyArray<ChartDetailPair>;\n  }\n\n  export interface SegmentDescriptionFunction<T = Datum> {\n    (segment: T, visibleDataSum: number): string;\n  }\n\n  export interface HighlightChangeDetail<T> {\n    highlightedSegment: T | null;\n  }\n\n  export interface FilterChangeDetail<T> {\n    visibleSegments: ReadonlyArray<T>;\n  }\n\n  export interface I18nStrings {\n    /** Name of the \"Value\" key that is displayed in the details popover by default */\n    detailsValue?: string;\n\n    /** Name of the \"Percentage\" key that is displayed in the details popover by default */\n    detailsPercentage?: string;\n\n    /** Visible label of the default filter */\n    filterLabel?: string;\n\n    /** Placeholder text of the default filter */\n    filterPlaceholder?: string;\n\n    /** ARIA label for the default filter which is appended to any option that is selected */\n    filterSelectedAriaLabel?: string;\n\n    /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */\n    legendAriaLabel?: string;\n\n    /** ARIA label for details popover dismiss button */\n    detailPopoverDismissAriaLabel?: string;\n\n    /** Name of the ARIA role description of the chart, e.g. \"pie chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of each segment, e.g. \"segment\" */\n    segmentAriaRoleDescription?: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["pie-chart/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 { NonCancelableEventHandler } from '../internal/events';\nimport { PopoverProps } from '../popover/interfaces';\n\nexport interface SeriesInfo {\n  label: string;\n  color: string;\n  index: number;\n  markerType: 'line' | 'rectangle';\n}\n\nexport interface ChartDetailPair {\n  key: string;\n  value: string | number;\n}\n\nexport interface PieChartProps<T extends PieChartProps.Datum = PieChartProps.Datum> extends BaseComponentProps {\n  /**\n   * An array that represents the source of data for the displayed segments.\n   * Each element can have the following properties:\n   *\n   * * `title` (string) - A human-readable title for this data point.\n   * * `value` (number) - Numeric value that determines the segment size.\n   *                        A segment with a value of zero (0) or lower (negative number) won't have a segment.\n   * * `color`: (string) - (Optional) Color value for this segment that takes priority over the automatically assigned color.\n   *                        Can be any valid CSS color identifier.\n   *\n   * As long as your data object implements the properties above, you can also define additional properties\n   * that are relevant to your data visualization.\n   * The full data object will be passed down to events and properties like `detailPopoverContent`.\n   */\n  data: ReadonlyArray<T>;\n\n  /**\n   * Specifies the size of the pie or donut chart.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Visual variant of the pie chart. Currently supports the default `pie` variant and the `donut` variant.\n   * The donut variant provides a slot in the center of the chart that can contain additional information.\n   * For more information, see `innerContent`.\n   */\n  variant?: 'pie' | 'donut';\n\n  /**\n   * A function that determines the details that are displayed in the popover when hovering over a segment.\n   * The function is called with the data of the target segment and is expected to return an array of detail pairs.\n   * By default, each segment displays two detail pairs: count and percentage.\n   *\n   * Each pair has the following properties:\n   * * `key` (string) - Name of the detail or metric.\n   * * `value` (string | number) - The value of this detail for the target segment.\n   */\n  detailPopoverContent?: PieChartProps.DetailPopoverContentFunction<T>;\n\n  /**\n   * A function that determines the description of a segment that is displayed on the chart, unless `hideDescriptions` is set to `true`.\n   * This is an optional description that explains the segment and is displayed underneath the label.\n   * The function is called with the data object of each segment and is expected to return the description as a string.\n   */\n  segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n\n  /**\n   * Determines the maximum width of the popover.\n   */\n  detailPopoverSize?: PopoverProps.Size;\n\n  /**\n   * Hides legend beneath the chart when set to `true`.\n   * We highly recommend that you leave this unspecified or set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Hides label titles next to the chart segments when set to `true`.\n   * We highly recommend that you leave this unspecified or set to `false`.\n   */\n  hideTitles?: boolean;\n\n  /**\n   * Hides the label descriptions next to the chart segments when set to `true`.\n   */\n  hideDescriptions?: boolean;\n\n  /**\n   * Hides the default filtering dropdown when set to `true`.\n   * You can still display additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional metric number that's displayed in the center of the chart if `variant` is set to `donut`.\n   */\n  innerMetricValue?: string;\n\n  /**\n   * Additional description that's displayed in the center of the chart below `innerMetricValue` if `variant` is set to `donut`.\n   * This is usually the unit of the `innerMetricValue`.\n   */\n  innerMetricDescription?: string;\n\n  /**\n   * Title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * Additional filters that you can add above the chart component.\n   * Make sure you update the `data` property when any of your custom filters change the data that's displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * Specifies the currently highlighted data segment. Highlighting is typically the result of\n   * a user hovering over or selecting a segment in the chart or the legend.\n   * A value of `null` means no segment is being highlighted.\n   *\n   * - If you don't set this property, segments are highlighted automatically when a user hovers over or selects one of the triggers (that is, uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a segment should be highlighted (that is, controlled behavior).\n   */\n  highlightedSegment?: T | null;\n\n  /**\n   * An array of data segment objects that determines which data segments are currently visible (that is, not filtered out).\n   *\n   * - If you don't set this property, segments are filtered automatically when using the default filtering of the component (that is, uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the list of filtered segments changes (that is, controlled behavior).\n   */\n  visibleSegments?: ReadonlyArray<T>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading` - Indicates that data fetching is in progress.\n   * * `finished` - Indicates that data has loaded successfully.\n   * * `error` - Indicates that an error occurred during fetch. You should provide an option to enable the user to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that's displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that's displayed when there is no data to display because it doesn't match the specified filter.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that's displayed when the chart is loading (that is, when `statusType` is set to `loading`).\n   * @i18n\n   */\n  loadingText?: string;\n\n  /**\n   * Text that's displayed when the chart is in error state (that is, when `statusType` is set to `error`).\n   * @i18n\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that's displayed next to the error text.\n   * @i18n\n   **/\n  recoveryText?: string;\n\n  /**\n   * Called when the user clicks the recovery button that appears when there is an error state.\n   * Use this to enable the user to retry a failed request or provide another option for the user\n   * to recover from the error.\n   */\n  onRecoveryClick?: NonCancelableEventHandler;\n\n  /**\n   * Called when the highlighted segmented changes because of a user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<PieChartProps.HighlightChangeDetail<T>>;\n\n  /**\n   * Called when the values of the internal filter component changes.\n   * This isn't called for any custom filter components you've defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<PieChartProps.FilterChangeDetail<T>>;\n\n  /**\n   * ARIA label that's assigned to the chart. It should match the visible label on the page\n   * (for example, in the container header). Use either `ariaLabel` or `ariaLabelledby` (you can't use both).\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart. If there is a visible label for the chart on the page\n   * (for example, in the container header), set this property to the ID of that header element.\n   * Use either `ariaLabel` or `ariaLabelledby` (you can't use both).\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby` and `<title>`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object that contains all of the localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: PieChartProps.I18nStrings;\n}\n\nexport namespace PieChartProps {\n  export interface Datum {\n    title: string;\n    value: number;\n    color?: string;\n  }\n\n  export type PieChartData = ReadonlyArray<Datum>;\n\n  export interface DetailPopoverContentFunction<T = Datum> {\n    (segment: T, visibleDataSum: number): ReadonlyArray<ChartDetailPair>;\n  }\n\n  export interface SegmentDescriptionFunction<T = Datum> {\n    (segment: T, visibleDataSum: number): string;\n  }\n\n  export interface HighlightChangeDetail<T> {\n    highlightedSegment: T | null;\n  }\n\n  export interface FilterChangeDetail<T> {\n    visibleSegments: ReadonlyArray<T>;\n  }\n\n  export interface I18nStrings {\n    /** Name of the \"Value\" key that is displayed in the details popover by default */\n    detailsValue?: string;\n\n    /** Name of the \"Percentage\" key that is displayed in the details popover by default */\n    detailsPercentage?: string;\n\n    /** Visible label of the default filter */\n    filterLabel?: string;\n\n    /** Placeholder text of the default filter */\n    filterPlaceholder?: string;\n\n    /** ARIA label for the default filter which is appended to any option that is selected */\n    filterSelectedAriaLabel?: string;\n\n    /** ARIA label that is associated with the legend in case there is no visible `legendTitle` defined */\n    legendAriaLabel?: string;\n\n    /** ARIA label for details popover dismiss button */\n    detailPopoverDismissAriaLabel?: string;\n\n    /** Name of the ARIA role description of the chart, e.g. \"pie chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of each segment, e.g. \"segment\" */\n    segmentAriaRoleDescription?: string;\n  }\n}\n"]}

package/pie-chart/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "segment__path": "awsui_segment__path_1edmh_1qqok_97",
-  "segment": "awsui_segment_1edmh_1qqok_97",
-  "segment__hover": "awsui_segment__hover_1edmh_1qqok_124",
-  "label": "awsui_label_1edmh_1qqok_138",
-  "root": "awsui_root_1edmh_1qqok_156",
-  "filter-container": "awsui_filter-container_1edmh_1qqok_170",
-  "has-default-filter": "awsui_has-default-filter_1edmh_1qqok_174",
-  "content": "awsui_content_1edmh_1qqok_178",
-  "content--small": "awsui_content--small_1edmh_1qqok_184",
-  "content--without-labels": "awsui_content--without-labels_1edmh_1qqok_187",
-  "content--medium": "awsui_content--medium_1edmh_1qqok_190",
-  "content--large": "awsui_content--large_1edmh_1qqok_196",
-  "content--reserve-filter": "awsui_content--reserve-filter_1edmh_1qqok_202",
-  "content--reserve-legend": "awsui_content--reserve-legend_1edmh_1qqok_205",
-  "status-container": "awsui_status-container_1edmh_1qqok_209",
-  "chart-container": "awsui_chart-container_1edmh_1qqok_213",
-  "inner-content": "awsui_inner-content_1edmh_1qqok_218",
-  "segment__highlight": "awsui_segment__highlight_1edmh_1qqok_232",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_1qqok_247",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_1qqok_250",
-  "label--dimmed": "awsui_label--dimmed_1edmh_1qqok_267",
-  "label--align-right": "awsui_label--align-right_1edmh_1qqok_270",
-  "label-text": "awsui_label-text_1edmh_1qqok_278",
-  "label__description": "awsui_label__description_1edmh_1qqok_286",
-  "label-line": "awsui_label-line_1edmh_1qqok_293",
-  "label--highlighted": "awsui_label--highlighted_1edmh_1qqok_297",
-  "popover-header": "awsui_popover-header_1edmh_1qqok_301"
+  "segment__path": "awsui_segment__path_1edmh_18i6p_97",
+  "segment": "awsui_segment_1edmh_18i6p_97",
+  "segment__hover": "awsui_segment__hover_1edmh_18i6p_124",
+  "label": "awsui_label_1edmh_18i6p_138",
+  "root": "awsui_root_1edmh_18i6p_156",
+  "filter-container": "awsui_filter-container_1edmh_18i6p_170",
+  "has-default-filter": "awsui_has-default-filter_1edmh_18i6p_174",
+  "content": "awsui_content_1edmh_18i6p_178",
+  "content--small": "awsui_content--small_1edmh_18i6p_184",
+  "content--without-labels": "awsui_content--without-labels_1edmh_18i6p_187",
+  "content--medium": "awsui_content--medium_1edmh_18i6p_190",
+  "content--large": "awsui_content--large_1edmh_18i6p_196",
+  "content--reserve-filter": "awsui_content--reserve-filter_1edmh_18i6p_202",
+  "content--reserve-legend": "awsui_content--reserve-legend_1edmh_18i6p_205",
+  "status-container": "awsui_status-container_1edmh_18i6p_209",
+  "chart-container": "awsui_chart-container_1edmh_18i6p_213",
+  "inner-content": "awsui_inner-content_1edmh_18i6p_218",
+  "segment__highlight": "awsui_segment__highlight_1edmh_18i6p_232",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_18i6p_247",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_18i6p_250",
+  "label--dimmed": "awsui_label--dimmed_1edmh_18i6p_267",
+  "label--align-right": "awsui_label--align-right_1edmh_18i6p_270",
+  "label-text": "awsui_label-text_1edmh_18i6p_278",
+  "label__description": "awsui_label__description_1edmh_18i6p_286",
+  "label-line": "awsui_label-line_1edmh_18i6p_293",
+  "label--highlighted": "awsui_label--highlighted_1edmh_18i6p_297",
+  "popover-header": "awsui_popover-header_1edmh_18i6p_301"
 };