@cloudscape-design/components-themeable 3.0.347 → 3.0.349

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -375,11 +375,11 @@
   --font-body-s-line-height-jfgg5d:16px;
   --font-body-s-size-v1w8ey:12px;
   --font-button-letter-spacing-668fbm:0.25px;
-  --font-button-weight-lifqd4:700;
+  --font-button-weight-is9q3o:700;
   --font-chart-detail-size-32v9jd:14px;
   --font-display-l-letter-spacing-4z7f9n:normal;
-  --font-display-l-line-height-qysxq1:56px;
-  --font-display-l-size-2vcm2f:44px;
+  --font-display-l-line-height-vd37m0:56px;
+  --font-display-l-size-5us9gu:44px;
   --font-display-label-weight-udcxbe:400;
   --font-expandable-heading-size-x20mdp:14px;
   --font-family-base-nzcxu9:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
@@ -387,39 +387,39 @@
   --font-header-h2-description-line-height-24o2o0:16px;
   --font-header-h2-description-size-9x583i:12px;
   --font-heading-l-letter-spacing-898wn9:normal;
-  --font-heading-l-line-height-b1ar04:22px;
-  --font-heading-l-size-s5huxt:18px;
-  --font-heading-l-weight-hqql3g:700;
+  --font-heading-l-line-height-79efyr:22px;
+  --font-heading-l-size-snz6y8:18px;
+  --font-heading-l-weight-bfq5wz:700;
   --font-heading-m-letter-spacing-t3csz2:normal;
-  --font-heading-m-line-height-ahaded:22px;
-  --font-heading-m-size-bwdbnx:18px;
-  --font-heading-m-weight-fukq3n:400;
+  --font-heading-m-line-height-3op1hv:22px;
+  --font-heading-m-size-s6hwkp:18px;
+  --font-heading-m-weight-7k9czg:400;
   --font-heading-s-letter-spacing-jp7jyt:normal;
   --font-heading-s-line-height-m71f3f:20px;
   --font-heading-s-size-dnu1l1:16px;
-  --font-heading-s-weight-rxw9ij:700;
+  --font-heading-s-weight-evnukz:700;
   --font-heading-xl-letter-spacing-gwr2it:normal;
-  --font-heading-xl-line-height-vkzpnf:36px;
-  --font-heading-xl-size-is7x8e:28px;
-  --font-heading-xl-weight-q85svm:400;
+  --font-heading-xl-line-height-befp08:36px;
+  --font-heading-xl-size-nz2art:28px;
+  --font-heading-xl-weight-xy7ip2:400;
   --font-heading-xs-line-height-61ulqg:20px;
   --font-heading-xs-size-zxjy53:16px;
-  --font-heading-xs-weight-5uohdd:400;
-  --font-box-value-large-weight-nt4rcf:300;
+  --font-heading-xs-weight-4pn741:400;
+  --font-box-value-large-weight-dcuox3:300;
   --font-link-button-letter-spacing-zntxrt:normal;
-  --font-link-button-weight-2omqnn:400;
+  --font-link-button-weight-nlf6qt:400;
   --font-link-primary-decoration-azbtan:none;
   --font-link-primary-letter-spacing-wsaj96:0.005em;
   --font-link-primary-weight-cpyp2f:700;
-  --font-panel-header-line-height-nzzvgi:22px;
-  --font-panel-header-size-7dlfnh:18px;
+  --font-panel-header-line-height-zh2ntk:22px;
+  --font-panel-header-size-6vtqfe:18px;
   --font-smoothing-webkit-teqshp:auto;
   --font-smoothing-moz-osx-apq2ca:auto;
-  --font-tabs-disabled-weight-dss4vj:400;
+  --font-tabs-disabled-weight-uetojk:400;
   --font-tabs-line-height-i5k9yb:22px;
   --font-tabs-size-v5swzt:14px;
-  --font-wayfinding-link-active-weight-aix7m6:700;
-  --font-weight-heavy-q6t3v9:700;
+  --font-wayfinding-link-active-weight-amk0lh:700;
+  --font-weight-heavy-e6gjqb:700;
   --border-active-width-yythya:2px;
   --border-code-editor-status-divider-width-mt04p4:0px;
   --border-container-sticky-width-iyq76r:1px;
@@ -506,18 +506,21 @@
   --space-alert-message-right-76dae3:0px;
   --space-alert-vertical-95y4j3:12px;
   --space-button-focus-outline-gutter-pow250:3px;
+  --space-button-horizontal-35wtzn:20px;
   --space-button-icon-focus-outline-gutter-vertical-i0hxof:3px;
   --space-button-icon-only-horizontal-fqcek3:16px;
   --space-button-inline-icon-focus-outline-gutter-v7tn85:3px;
-  --space-button-modal-dismiss-vertical-hbpr1b:4px;
+  --space-button-modal-dismiss-vertical-kj0ukp:4px;
   --space-calendar-grid-focus-outline-gutter-z4nann:0px;
   --space-calendar-grid-selected-focus-outline-gutter-08ibte:2px;
   --space-card-horizontal-0pwa5x:20px;
+  --space-card-vertical-aymke8:20px;
   --space-code-editor-status-focus-outline-gutter-svnmb3:3px;
-  --space-container-content-top-5kufne:16px;
-  --space-container-header-vertical-ezarcz:12px;
+  --space-container-content-top-98501y:16px;
+  --space-container-header-top-l0hr40:12px;
+  --space-container-header-bottom-5qqls8:12px;
   --space-container-horizontal-7bp7wa:20px;
-  --space-content-header-padding-bottom-v55qlt:16px;
+  --space-content-header-padding-bottom-bdft6l:16px;
   --space-dark-header-overlap-distance-g5z45b:0px;
   --space-expandable-section-icon-offset-top-4ysrlk:8px;
   --space-field-horizontal-xg7uom:8px;
@@ -528,6 +531,7 @@
   --space-flashbar-dismiss-right-ym2exn:4px;
   --space-flashbar-horizontal-w3fjml:12px;
   --space-grid-gutter-jlj43y:20px;
+  --space-key-value-gap-fv33uw:2px;
   --space-layout-content-bottom-zu47sf:20px;
   --space-layout-toggle-diameter-b5vqct:40px;
   --space-layout-toggle-padding-j06q89:20px;
@@ -539,17 +543,18 @@
   --space-panel-side-right-q7rj50:32px;
   --space-panel-split-top-74zu5m:0px;
   --space-segmented-control-focus-outline-gutter-4e9yup:3px;
-  --space-table-header-focus-outline-gutter-w7nu2w:0px;
   --space-tabs-content-top-yu9ton:16px;
-  --space-table-horizontal-lwojp9:0px;
-  --space-table-header-horizontal-a2koq0:20px;
+  --space-tabs-focus-outline-gutter-el4yxk:0px;
   --space-table-content-bottom-1d9z26:0px;
-  --space-table-content-top-nzg0b3:0px;
-  --space-table-embedded-content-bottom-mp1fho:0px;
   --space-table-embedded-header-top-mxrtd1:12px;
   --space-table-footer-horizontal-b4tgte:20px;
-  --space-tabs-focus-outline-gutter-el4yxk:0px;
+  --space-table-header-focus-outline-gutter-w7nu2w:0px;
+  --space-table-header-horizontal-a2koq0:20px;
+  --space-table-header-tools-bottom-mp4os8:4px;
+  --space-table-header-tools-full-page-bottom-hzax2d:4px;
+  --space-table-horizontal-lwojp9:0px;
   --space-scaled-2x-xxs-v9o3y6:4px;
+  --space-scaled-2x-m-nqgj14:16px;
   --space-scaled-2x-l-aseh7x:20px;
   --space-scaled-2x-xl-6yv6qx:24px;
   --space-scaled-2x-xxxl-k13drt:40px;
@@ -955,12 +960,15 @@
   --size-vertical-input-dyqh75:28px;
   --size-vertical-panel-icon-offset-1vmzlx:13px;
   --space-alert-vertical-95y4j3:8px;
-  --space-button-modal-dismiss-vertical-hbpr1b:2px;
-  --space-container-content-top-5kufne:12px;
-  --space-container-header-vertical-ezarcz:8px;
-  --space-content-header-padding-bottom-v55qlt:12px;
+  --space-button-modal-dismiss-vertical-kj0ukp:2px;
+  --space-card-vertical-aymke8:16px;
+  --space-container-content-top-98501y:12px;
+  --space-container-header-top-l0hr40:8px;
+  --space-container-header-bottom-5qqls8:8px;
+  --space-content-header-padding-bottom-bdft6l:12px;
   --space-expandable-section-icon-offset-top-4ysrlk:4px;
   --space-grid-gutter-jlj43y:16px;
+  --space-key-value-gap-fv33uw:0px;
   --space-layout-content-bottom-zu47sf:16px;
   --space-layout-toggle-padding-j06q89:16px;
   --space-modal-content-bottom-io4sah:16px;
@@ -968,7 +976,9 @@
   --space-panel-side-right-q7rj50:24px;
   --space-tabs-content-top-yu9ton:12px;
   --space-table-embedded-header-top-mxrtd1:8px;
+  --space-table-header-tools-bottom-mp4os8:2px;
   --space-scaled-2x-xxs-v9o3y6:0px;
+  --space-scaled-2x-m-nqgj14:8px;
   --space-scaled-2x-l-aseh7x:12px;
   --space-scaled-2x-xl-6yv6qx:16px;
   --space-scaled-2x-xxxl-k13drt:24px;
@@ -1006,11 +1016,14 @@
 .awsui-context-compact-table:not(#\9) {
   --size-vertical-input-dyqh75:28px;
   --space-alert-vertical-95y4j3:8px;
-  --space-button-modal-dismiss-vertical-hbpr1b:2px;
-  --space-container-content-top-5kufne:12px;
-  --space-container-header-vertical-ezarcz:8px;
-  --space-content-header-padding-bottom-v55qlt:12px;
+  --space-button-modal-dismiss-vertical-kj0ukp:2px;
+  --space-card-vertical-aymke8:16px;
+  --space-container-content-top-98501y:12px;
+  --space-container-header-top-l0hr40:8px;
+  --space-container-header-bottom-5qqls8:8px;
+  --space-content-header-padding-bottom-bdft6l:12px;
   --space-expandable-section-icon-offset-top-4ysrlk:4px;
+  --space-key-value-gap-fv33uw:0px;
   --space-layout-content-bottom-zu47sf:16px;
   --space-layout-toggle-padding-j06q89:16px;
   --space-modal-content-bottom-io4sah:16px;
@@ -1018,6 +1031,7 @@
   --space-panel-side-right-q7rj50:24px;
   --space-tabs-content-top-yu9ton:12px;
   --space-table-embedded-header-top-mxrtd1:8px;
+  --space-table-header-tools-bottom-mp4os8:2px;
   --space-scaled-xxxs-wx4fgm:0px;
   --space-scaled-xxs-gmgwxk:2px;
   --space-scaled-xs-sg3tfb:4px;
@@ -1418,48 +1432,39 @@
   --font-body-m-line-height-43ichb:20px;
   --font-body-s-letter-spacing-bzrysr:0.005em;
   --font-button-letter-spacing-668fbm:0.005em;
-  --font-button-weight-lifqd4:800;
   --font-chart-detail-size-32v9jd:12px;
   --font-display-l-letter-spacing-4z7f9n:-0.03em;
-  --font-display-l-line-height-qysxq1:54px;
-  --font-display-l-size-2vcm2f:48px;
+  --font-display-l-line-height-vd37m0:48px;
+  --font-display-l-size-5us9gu:42px;
   --font-display-label-weight-udcxbe:700;
   --font-expandable-heading-size-x20mdp:16px;
   --font-family-base-nzcxu9:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   --font-header-h2-description-line-height-24o2o0:20px;
   --font-header-h2-description-size-9x583i:14px;
   --font-heading-l-letter-spacing-898wn9:-0.015em;
-  --font-heading-l-line-height-b1ar04:30px;
-  --font-heading-l-size-s5huxt:24px;
-  --font-heading-l-weight-hqql3g:800;
+  --font-heading-l-line-height-79efyr:24px;
+  --font-heading-l-size-snz6y8:20px;
   --font-heading-m-letter-spacing-t3csz2:-0.010em;
-  --font-heading-m-line-height-ahaded:24px;
-  --font-heading-m-size-bwdbnx:20px;
-  --font-heading-m-weight-fukq3n:800;
+  --font-heading-m-weight-7k9czg:700;
   --font-heading-s-letter-spacing-jp7jyt:-0.005em;
-  --font-heading-s-weight-rxw9ij:800;
   --font-heading-xl-letter-spacing-gwr2it:-0.02em;
-  --font-heading-xl-line-height-vkzpnf:40px;
-  --font-heading-xl-size-is7x8e:32px;
-  --font-heading-xl-weight-q85svm:800;
+  --font-heading-xl-line-height-befp08:30px;
+  --font-heading-xl-size-nz2art:24px;
+  --font-heading-xl-weight-xy7ip2:700;
   --font-heading-xs-line-height-61ulqg:18px;
   --font-heading-xs-size-zxjy53:14px;
-  --font-heading-xs-weight-5uohdd:800;
-  --font-box-value-large-weight-nt4rcf:800;
+  --font-heading-xs-weight-4pn741:700;
+  --font-box-value-large-weight-dcuox3:700;
   --font-link-button-letter-spacing-zntxrt:0.005em;
-  --font-link-button-weight-2omqnn:800;
+  --font-link-button-weight-nlf6qt:700;
   --font-link-primary-decoration-azbtan:underline;
   --font-link-primary-letter-spacing-wsaj96:"inherit";
   --font-link-primary-weight-cpyp2f:"inherit";
-  --font-panel-header-line-height-nzzvgi:24px;
-  --font-panel-header-size-7dlfnh:20px;
   --font-smoothing-webkit-teqshp:antialiased;
   --font-smoothing-moz-osx-apq2ca:grayscale;
-  --font-tabs-disabled-weight-dss4vj:800;
+  --font-tabs-disabled-weight-uetojk:700;
   --font-tabs-line-height-i5k9yb:20px;
   --font-tabs-size-v5swzt:16px;
-  --font-wayfinding-link-active-weight-aix7m6:800;
-  --font-weight-heavy-q6t3v9:800;
   --border-active-width-yythya:4px;
   --border-code-editor-status-divider-width-mt04p4:2px;
   --border-container-sticky-width-iyq76r:0px;
@@ -1515,12 +1520,13 @@
   --space-button-icon-focus-outline-gutter-vertical-i0hxof:0px;
   --space-button-icon-only-horizontal-fqcek3:6px;
   --space-button-inline-icon-focus-outline-gutter-v7tn85:0px;
-  --space-button-modal-dismiss-vertical-hbpr1b:0px;
+  --space-button-modal-dismiss-vertical-kj0ukp:2px;
   --space-calendar-grid-focus-outline-gutter-z4nann:-5px;
   --space-calendar-grid-selected-focus-outline-gutter-08ibte:-5px;
+  --space-card-vertical-aymke8:16px;
   --space-code-editor-status-focus-outline-gutter-svnmb3:-7px;
-  --space-container-content-top-5kufne:0px;
-  --space-content-header-padding-bottom-v55qlt:24px;
+  --space-container-content-top-98501y:4px;
+  --space-container-header-bottom-5qqls8:8px;
   --space-dark-header-overlap-distance-g5z45b:36px;
   --space-expandable-section-icon-offset-top-4ysrlk:4px;
   --space-field-horizontal-xg7uom:12px;
@@ -1530,6 +1536,7 @@
   --space-flashbar-action-left-l51wy6:12px;
   --space-flashbar-dismiss-right-ym2exn:0px;
   --space-flashbar-horizontal-w3fjml:16px;
+  --space-key-value-gap-fv33uw:0px;
   --space-layout-content-bottom-zu47sf:40px;
   --space-modal-content-bottom-io4sah:16px;
   --space-option-icon-big-top-q8buv4:0px;
@@ -1539,13 +1546,13 @@
   --space-panel-split-top-74zu5m:20px;
   --space-segmented-control-focus-outline-gutter-4e9yup:4px;
   --space-tabs-content-top-yu9ton:12px;
-  --space-table-horizontal-lwojp9:20px;
-  --space-table-header-horizontal-a2koq0:0px;
+  --space-tabs-focus-outline-gutter-el4yxk:-8px;
   --space-table-content-bottom-1d9z26:4px;
-  --space-table-content-top-nzg0b3:12px;
   --space-table-embedded-header-top-mxrtd1:0px;
   --space-table-footer-horizontal-b4tgte:0px;
-  --space-tabs-focus-outline-gutter-el4yxk:-8px;
+  --space-table-header-horizontal-a2koq0:0px;
+  --space-table-header-tools-bottom-mp4os8:0px;
+  --space-table-horizontal-lwojp9:20px;
   --shadow-container-zksiv4:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
   --shadow-container-stacked-5kph6k:-1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgb(0 7 22 / 12%), 8px 0px 8px -7px rgb(0 7 22 / 12%), -8px 0px 8px -7px rgb(0 7 22 / 12%);
   --shadow-container-active-dbq0ni:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
@@ -1776,18 +1783,20 @@
 }
 .awsui-compact-mode.awsui-visual-refresh:not(#\9) {
   --space-alert-vertical-95y4j3:4px;
+  --space-button-horizontal-35wtzn:16px;
   --space-button-icon-only-horizontal-fqcek3:4px;
-  --space-container-header-vertical-ezarcz:12px;
-  --space-content-header-padding-bottom-v55qlt:12px;
+  --space-button-modal-dismiss-vertical-kj0ukp:0px;
+  --space-card-vertical-aymke8:12px;
+  --space-container-header-top-l0hr40:12px;
+  --space-container-header-bottom-5qqls8:4px;
   --space-dark-header-overlap-distance-g5z45b:32px;
   --space-expandable-section-icon-offset-top-4ysrlk:0px;
   --space-layout-content-bottom-zu47sf:24px;
   --space-modal-content-bottom-io4sah:8px;
   --space-panel-side-right-q7rj50:20px;
   --space-panel-split-top-74zu5m:16px;
-  --space-table-header-focus-outline-gutter-w7nu2w:-1px;
   --space-tabs-content-top-yu9ton:8px;
-  --space-table-content-top-nzg0b3:8px;
+  --space-table-header-focus-outline-gutter-w7nu2w:-1px;
 }
 
 .awsui-motion-disabled.awsui-visual-refresh:not(#\9) {
@@ -1798,26 +1807,31 @@
 
 .awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
   --space-alert-vertical-95y4j3:4px;
-  --space-button-modal-dismiss-vertical-hbpr1b:0px;
-  --space-container-content-top-5kufne:0px;
-  --space-container-header-vertical-ezarcz:12px;
-  --space-content-header-padding-bottom-v55qlt:24px;
+  --space-button-horizontal-35wtzn:16px;
+  --space-button-modal-dismiss-vertical-kj0ukp:0px;
+  --space-card-vertical-aymke8:12px;
+  --space-container-content-top-98501y:4px;
+  --space-container-header-top-l0hr40:12px;
+  --space-container-header-bottom-5qqls8:4px;
   --space-layout-content-bottom-zu47sf:40px;
   --space-panel-side-left-v0z44b:28px;
   --space-panel-side-right-q7rj50:20px;
   --space-panel-split-top-74zu5m:16px;
   --space-tabs-content-top-yu9ton:8px;
-  --space-table-content-top-nzg0b3:8px;
   --space-table-embedded-header-top-mxrtd1:0px;
+  --space-table-header-tools-bottom-mp4os8:0px;
 }
 
 .awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
   --space-alert-vertical-95y4j3:4px;
-  --space-container-header-vertical-ezarcz:12px;
+  --space-button-horizontal-35wtzn:16px;
+  --space-button-modal-dismiss-vertical-kj0ukp:0px;
+  --space-card-vertical-aymke8:12px;
+  --space-container-header-top-l0hr40:12px;
+  --space-container-header-bottom-5qqls8:4px;
   --space-panel-side-right-q7rj50:20px;
   --space-panel-split-top-74zu5m:16px;
   --space-tabs-content-top-yu9ton:8px;
-  --space-table-content-top-nzg0b3:8px;
 }
 
 .awsui-visual-refresh .awsui-context-top-navigation:not(#\9) {
@@ -3083,14 +3097,12 @@
   }
 }
 .awsui-compact-mode.awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
-  --space-content-header-padding-bottom-v55qlt:12px;
   --space-expandable-section-icon-offset-top-4ysrlk:0px;
   --space-layout-content-bottom-zu47sf:24px;
   --space-modal-content-bottom-io4sah:8px;
 }
 
 .awsui-compact-mode.awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
-  --space-content-header-padding-bottom-v55qlt:12px;
   --space-layout-content-bottom-zu47sf:24px;
 }
 

package/lib/internal/template/internal/components/button-trigger/index.d.ts

@@ -9,7 +9,8 @@ export interface ButtonTriggerProps extends BaseComponentProps {
     readOnly?: boolean;
     invalid?: boolean;
     inFilteringToken?: boolean;
-    ariaHasPopup?: 'true' | 'listbox';
+    ariaHasPopup?: 'true' | 'listbox' | 'dialog';
+    ariaControls?: string;
     ariaLabel?: string;
     ariaLabelledby?: string;
     ariaDescribedby?: string;

package/lib/internal/template/internal/components/button-trigger/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0C,sBAAsB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7G,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,MAAM,CAAC,EAAE,sBAAsB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAyED,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,GAAG;QAClB,KAAK,IAAI,IAAI,CAAC;KACf;CACF;;AAED,wBAA+C"}

package/lib/internal/template/internal/components/button-trigger/index.js

@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
 import styles from './styles.css.js';
 import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
 const ButtonTrigger = (_a, ref) => {
-    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
+    var { children, pressed = false, hideCaret = false, disabled = false, readOnly = false, invalid = false, inFilteringToken, ariaHasPopup, ariaLabel, ariaLabelledby, ariaDescribedby, ariaControls, onKeyDown, onKeyUp, onMouseDown, onClick, onFocus, onBlur, autoFocus } = _a, restProps = __rest(_a, ["children", "pressed", "hideCaret", "disabled", "readOnly", "invalid", "inFilteringToken", "ariaHasPopup", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "ariaControls", "onKeyDown", "onKeyUp", "onMouseDown", "onClick", "onFocus", "onBlur", "autoFocus"]);
     const baseProps = getBaseProps(restProps);
-    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
+    const attributes = Object.assign(Object.assign({}, baseProps), { type: 'button', className: clsx(styles['button-trigger'], baseProps.className, pressed && styles.pressed, disabled && styles.disabled, invalid && styles.invalid, !hideCaret && styles['has-caret'], readOnly && styles['read-only'], inFilteringToken && styles['in-filtering-token']), disabled: disabled || readOnly, 'aria-expanded': pressed, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'aria-haspopup': ariaHasPopup !== null && ariaHasPopup !== void 0 ? ariaHasPopup : 'listbox', 'aria-controls': ariaControls, onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)), onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)), onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)), onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)), onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)), onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)), autoFocus });
     if (invalid) {
         attributes['aria-invalid'] = invalid;
     }

package/lib/internal/template/internal/components/button-trigger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  inFilteringToken?: boolean;\n  ariaHasPopup?: 'true' | 'listbox';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n    onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n    onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n    onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n    onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n    onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport InternalIcon from '../../../icon/internal';\nimport styles from './styles.css.js';\nimport { fireKeyboardEvent, fireCancelableEvent, CancelableEventHandler, BaseKeyDetail } from '../../events';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n  children?: React.ReactNode;\n  pressed?: boolean;\n  hideCaret?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  inFilteringToken?: boolean;\n  ariaHasPopup?: 'true' | 'listbox' | 'dialog';\n  ariaControls?: string;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n  onMouseDown?: CancelableEventHandler;\n  onClick?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  onBlur?: CancelableEventHandler<{ relatedTarget: Node | null }>;\n  autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n  {\n    children,\n    pressed = false,\n    hideCaret = false,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    inFilteringToken,\n    ariaHasPopup,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaControls,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onClick,\n    onFocus,\n    onBlur,\n    autoFocus,\n    ...restProps\n  }: ButtonTriggerProps,\n  ref: React.Ref<HTMLButtonElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n    ...baseProps,\n    type: 'button',\n    className: clsx(\n      styles['button-trigger'],\n      baseProps.className,\n      pressed && styles.pressed,\n      disabled && styles.disabled,\n      invalid && styles.invalid,\n      !hideCaret && styles['has-caret'],\n      readOnly && styles['read-only'],\n      inFilteringToken && styles['in-filtering-token']\n    ),\n    disabled: disabled || readOnly,\n    'aria-expanded': pressed,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-haspopup': ariaHasPopup ?? 'listbox',\n    'aria-controls': ariaControls,\n    onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n    onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n    onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n    onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n    onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n    onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n    autoFocus,\n  };\n\n  if (invalid) {\n    attributes['aria-invalid'] = invalid;\n  }\n\n  return (\n    <button ref={ref} {...attributes}>\n      {children}\n      {!hideCaret && (\n        <span className={styles.arrow}>\n          <InternalIcon name=\"caret-down-filled\" variant={disabled ? 'disabled' : 'normal'} />\n        </span>\n      )}\n    </button>\n  );\n};\n\nexport namespace ButtonTriggerProps {\n  export interface Ref {\n    focus(): void;\n  }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts

@@ -60,6 +60,14 @@ export interface CartesianChartProps<T extends ChartDataTypes, Series> extends B
      * @i18n
      */
     i18nStrings?: CartesianChartProps.I18nStrings<T>;
+    /**
+     * Function to format the displayed label of an x axis tick.
+     */
+    xTickFormatter?: CartesianChartProps.TickFormatter<T>;
+    /**
+     * Function to format the displayed label of a y axis tick.
+     */
+    yTickFormatter?: CartesianChartProps.TickFormatter<number>;
     /**
      * An optional pixel value number that fixes the height of the chart area.
      * If not set explicitly, the component will use a default height that is defined internally.
@@ -181,9 +189,9 @@ export declare namespace CartesianChartProps {
         xAxisAriaRoleDescription?: string;
         /** Name of the ARIA role description of the y axis, e.g. "y axis" */
         yAxisAriaRoleDescription?: string;
-        /** Function to format the displayed label of an x axis tick. */
+        /** @deprecated Use `xTickFormatter` on the component instead. */
         xTickFormatter?: TickFormatter<T>;
-        /** Function to format the displayed label of a y axis tick. */
+        /** @deprecated Use `yTickFormatter` on the component instead. */
         yTickFormatter?: TickFormatter<number>;
     }
 }

package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts.map

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

package/lib/internal/template/internal/components/cartesian-chart/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-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 '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface CartesianChartProps<T extends ChartDataTypes, Series> extends BaseComponentProps {\n  /**\n   * Determines the type of scale for values on the x axis.\n   */\n  xScaleType?: ScaleType;\n\n  /**\n   * Determines the type of scale for values on the y axis.\n   */\n  yScaleType?: 'linear' | 'log';\n\n  /**\n   * Determines the domain of the x axis, i.e. the range of values that will be visible in the chart.\n   * For numerical and time-based data this is represented as an array with two values: `[minimumValue, maximumValue]`.\n   * For categorical data this is represented as an array of strings that determine the categories to display.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  xDomain?: T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\n\n  /**\n   * Determines the domain of the y axis, i.e. the range of values that will be visible in the chart.\n   * The domain is defined by a tuple: `[minimumValue, maximumValue]`.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  yDomain?: ReadonlyArray<number>;\n\n  /**\n   * The title of the x axis.\n   */\n  xTitle?: string;\n\n  /**\n   * The title of the y axis.\n   */\n  yTitle?: string;\n\n  /**\n   * Optional title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * ARIA label that is assigned to the chart itself. It should match the visible label on the page, e.g. in the container header.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart itself.\n   * If there is a visible label for the chart on the page, e.g. in the container header, set this property to the ID of that header element.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianChartProps.I18nStrings<T>;\n\n  /**\n   * An optional pixel value number that fixes the height of the chart area.\n   * If not set explicitly, the component will use a default height that is defined internally.\n   */\n  height?: number;\n\n  /**\n   * Determines the maximum width the detail popover will be limited to.\n   */\n  detailPopoverSize?: 'small' | 'medium' | 'large';\n\n  /**\n   * Additional content that is displayed at the bottom of the detail popover.\n   */\n  detailPopoverFooter?: CartesianChartProps.DetailPopoverFooter<T>;\n\n  /**\n   * When set to `true`, the legend beneath the chart is not displayed.\n   * It is highly recommended to keep this set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * When set to `true`, the default filtering dropdown is not displayed.\n   * It is still possible to render additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional filters that are added above the chart component.\n   * Make sure to update the `data` property when any of your custom filters change the data to be displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * The currently highlighted data series, usually through hovering over a series or the legend.\n   * A value of `null` means no series is highlighted.\n   *\n   * - If you do not set this property, series are highlighted automatically when hovering over one of the triggers (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a series should be highlighted (controlled behavior).\n   */\n  highlightedSeries?: Series | null;\n\n  /**\n   * An array of series objects that determines which of the data series are currently displayed, i.e. not filtered out.\n   * - If you do not set this property, series are shown and hidden automatically when using the default filter component (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the visible series should change, or when one of your custom filters changes the number of visible series (controlled behavior).\n   */\n  visibleSeries?: ReadonlyArray<Series>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading`: data fetching is in progress.\n   * * `finished`: data has loaded successfully.\n   * * `error`: an error occurred during fetch. You should provide user an option to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that is displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that is displayed when there is no data to display due to the built-in filtering.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that is displayed when the chart is loading, i.e. when `statusType` is set to `\"loading\"`.\n   * @i18n\n   */\n  loadingText?: string;\n\n  /**\n   * Text that is displayed when the chart is in error state, i.e. when `statusType` is set to `\"error\"`.\n   * @i18n\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that is 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 values of the internal filter component changed.\n   * This will **not** be called for any custom filter components you have defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<CartesianChartProps.FilterChangeDetail<Series>>;\n\n  /**\n   * Called when the highlighted series has changed because of user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<CartesianChartProps.HighlightChangeDetail<Series>>;\n}\n\nexport namespace CartesianChartProps {\n  export interface FilterChangeDetail<Series> {\n    visibleSeries: ReadonlyArray<Series>;\n  }\n\n  export interface HighlightChangeDetail<Series> {\n    highlightedSeries: Series | null;\n  }\n\n  export interface TickFormatter<T> {\n    (value: T): string;\n  }\n\n  export interface ValueFormatter<YType, XType = null> {\n    (yValue: YType, xValue: XType): string;\n  }\n\n  export interface DetailPopoverFooter<T> {\n    (xValue: T): React.ReactNode;\n  }\n\n  export interface I18nStrings<T> {\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. \"line chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the x axis, e.g. \"x axis\" */\n    xAxisAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the y axis, e.g. \"y axis\" */\n    yAxisAriaRoleDescription?: string;\n\n    /** Function to format the displayed label of an x axis tick. */\n    xTickFormatter?: TickFormatter<T>;\n\n    /** Function to format the displayed label of a y axis tick. */\n    yTickFormatter?: TickFormatter<number>;\n  }\n}\n\nexport type ChartDataTypes = number | string | Date;\n\nexport type ScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type XScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type YScaleType = 'linear' | 'log';\nexport type ScaleRange = [number, number];\n\nexport type ChartDomain<T extends ChartDataTypes> = T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\nexport type XDomain<T extends ChartDataTypes> = ChartDomain<T>;\nexport type YDomain = ChartDomain<number>;\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/cartesian-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 '../../base-component';\nimport { NonCancelableEventHandler } from '../../events';\n\nexport interface CartesianChartProps<T extends ChartDataTypes, Series> extends BaseComponentProps {\n  /**\n   * Determines the type of scale for values on the x axis.\n   */\n  xScaleType?: ScaleType;\n\n  /**\n   * Determines the type of scale for values on the y axis.\n   */\n  yScaleType?: 'linear' | 'log';\n\n  /**\n   * Determines the domain of the x axis, i.e. the range of values that will be visible in the chart.\n   * For numerical and time-based data this is represented as an array with two values: `[minimumValue, maximumValue]`.\n   * For categorical data this is represented as an array of strings that determine the categories to display.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  xDomain?: T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\n\n  /**\n   * Determines the domain of the y axis, i.e. the range of values that will be visible in the chart.\n   * The domain is defined by a tuple: `[minimumValue, maximumValue]`.\n   *\n   * It is recommended to set this explicitly. If not, the component will determine a domain that fits all data points.\n   * When controlling this directly, make sure to update the value based on filtering changes.\n   */\n  yDomain?: ReadonlyArray<number>;\n\n  /**\n   * The title of the x axis.\n   */\n  xTitle?: string;\n\n  /**\n   * The title of the y axis.\n   */\n  yTitle?: string;\n\n  /**\n   * Optional title for the legend.\n   */\n  legendTitle?: string;\n\n  /**\n   * ARIA label that is assigned to the chart itself. It should match the visible label on the page, e.g. in the container header.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Sets `aria-labelledby` on the chart itself.\n   * If there is a visible label for the chart on the page, e.g. in the container header, set this property to the ID of that header element.\n   * Do not use `ariaLabel` and `ariaLabelledby` at the same time.\n   */\n  ariaLabelledby?: string;\n\n  /**\n   * A description of the chart that assistive technologies can use (through `aria-describedby`).\n   * Provide a concise summary of the data visualized in the chart.\n   */\n  ariaDescription?: string;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: CartesianChartProps.I18nStrings<T>;\n\n  /**\n   * Function to format the displayed label of an x axis tick.\n   */\n  xTickFormatter?: CartesianChartProps.TickFormatter<T>;\n\n  /**\n   * Function to format the displayed label of a y axis tick.\n   */\n  yTickFormatter?: CartesianChartProps.TickFormatter<number>;\n\n  /**\n   * An optional pixel value number that fixes the height of the chart area.\n   * If not set explicitly, the component will use a default height that is defined internally.\n   */\n  height?: number;\n\n  /**\n   * Determines the maximum width the detail popover will be limited to.\n   */\n  detailPopoverSize?: 'small' | 'medium' | 'large';\n\n  /**\n   * Additional content that is displayed at the bottom of the detail popover.\n   */\n  detailPopoverFooter?: CartesianChartProps.DetailPopoverFooter<T>;\n\n  /**\n   * When set to `true`, the legend beneath the chart is not displayed.\n   * It is highly recommended to keep this set to `false`.\n   */\n  hideLegend?: boolean;\n\n  /**\n   * When set to `true`, the default filtering dropdown is not displayed.\n   * It is still possible to render additional filters with the `additionalFilters` slot.\n   */\n  hideFilter?: boolean;\n\n  /**\n   * Additional filters that are added above the chart component.\n   * Make sure to update the `data` property when any of your custom filters change the data to be displayed.\n   */\n  additionalFilters?: React.ReactNode;\n\n  /**\n   * The currently highlighted data series, usually through hovering over a series or the legend.\n   * A value of `null` means no series is highlighted.\n   *\n   * - If you do not set this property, series are highlighted automatically when hovering over one of the triggers (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onHighlightChange` listener to update this property when a series should be highlighted (controlled behavior).\n   */\n  highlightedSeries?: Series | null;\n\n  /**\n   * An array of series objects that determines which of the data series are currently displayed, i.e. not filtered out.\n   * - If you do not set this property, series are shown and hidden automatically when using the default filter component (uncontrolled behavior).\n   * - If you explicitly set this property, you must set an `onFilterChange` listener to update this property when the visible series should change, or when one of your custom filters changes the number of visible series (controlled behavior).\n   */\n  visibleSeries?: ReadonlyArray<Series>;\n\n  /**\n   * Specifies the current status of loading data.\n   * * `loading`: data fetching is in progress.\n   * * `finished`: data has loaded successfully.\n   * * `error`: an error occurred during fetch. You should provide user an option to recover.\n   **/\n  statusType?: 'loading' | 'finished' | 'error';\n\n  /**\n   * Content that is displayed when the data passed to the component is empty.\n   */\n  empty?: React.ReactNode;\n\n  /**\n   * Content that is displayed when there is no data to display due to the built-in filtering.\n   */\n  noMatch?: React.ReactNode;\n\n  /**\n   * Text that is displayed when the chart is loading, i.e. when `statusType` is set to `\"loading\"`.\n   * @i18n\n   */\n  loadingText?: string;\n\n  /**\n   * Text that is displayed when the chart is in error state, i.e. when `statusType` is set to `\"error\"`.\n   * @i18n\n   */\n  errorText?: string;\n\n  /**\n   * Text for the recovery button that is 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 values of the internal filter component changed.\n   * This will **not** be called for any custom filter components you have defined in `additionalFilters`.\n   */\n  onFilterChange?: NonCancelableEventHandler<CartesianChartProps.FilterChangeDetail<Series>>;\n\n  /**\n   * Called when the highlighted series has changed because of user interaction.\n   */\n  onHighlightChange?: NonCancelableEventHandler<CartesianChartProps.HighlightChangeDetail<Series>>;\n}\n\nexport namespace CartesianChartProps {\n  export interface FilterChangeDetail<Series> {\n    visibleSeries: ReadonlyArray<Series>;\n  }\n\n  export interface HighlightChangeDetail<Series> {\n    highlightedSeries: Series | null;\n  }\n\n  export interface TickFormatter<T> {\n    (value: T): string;\n  }\n\n  export interface ValueFormatter<YType, XType = null> {\n    (yValue: YType, xValue: XType): string;\n  }\n\n  export interface DetailPopoverFooter<T> {\n    (xValue: T): React.ReactNode;\n  }\n\n  export interface I18nStrings<T> {\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. \"line chart\" */\n    chartAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the x axis, e.g. \"x axis\" */\n    xAxisAriaRoleDescription?: string;\n\n    /** Name of the ARIA role description of the y axis, e.g. \"y axis\" */\n    yAxisAriaRoleDescription?: string;\n\n    /** @deprecated Use `xTickFormatter` on the component instead. */\n    xTickFormatter?: TickFormatter<T>;\n\n    /** @deprecated Use `yTickFormatter` on the component instead. */\n    yTickFormatter?: TickFormatter<number>;\n  }\n}\n\nexport type ChartDataTypes = number | string | Date;\n\nexport type ScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type XScaleType = 'linear' | 'log' | 'time' | 'categorical';\nexport type YScaleType = 'linear' | 'log';\nexport type ScaleRange = [number, number];\n\nexport type ChartDomain<T extends ChartDataTypes> = T extends unknown ? ReadonlyArray<T> : ReadonlyArray<T>;\nexport type XDomain<T extends ChartDataTypes> = ChartDomain<T>;\nexport type YDomain = ChartDomain<number>;\n"]}

package/lib/internal/template/internal/components/dropdown/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DropdownProps } from './interfaces';
-declare const Dropdown: ({ children, trigger, open, onDropdownClose, onMouseDown, header, footer, dropdownId, stretchTriggerHeight, stretchWidth, stretchHeight, stretchToTriggerWidth, expandToViewport, preferCenter, interior, minWidth, scrollable, loopFocus, onFocus, onBlur, contentKey, }: DropdownProps) => JSX.Element;
+declare const Dropdown: ({ children, trigger, open, onDropdownClose, onMouseDown, header, footer, dropdownId, stretchTriggerHeight, stretchWidth, stretchHeight, stretchToTriggerWidth, expandToViewport, preferCenter, interior, minWidth, scrollable, loopFocus, onFocus, onBlur, contentKey, dropdownContentId, dropdownContentRole, }: DropdownProps) => JSX.Element;
 export default Dropdown;
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAwG7C,QAAA,MAAM,QAAQ,6QAsBX,aAAa,gBAoRf,CAAC;AAMF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/index.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA8G7C,QAAA,MAAM,QAAQ,qTAwBX,aAAa,gBAsRf,CAAC;AAMF,eAAe,QAAQ,CAAC"}

package/lib/internal/template/internal/components/dropdown/index.js

@@ -28,7 +28,7 @@ const DropdownContainer = ({ children, renderWithPortal = false, id, referrerId,
         return React.createElement(React.Fragment, null, children);
     }
 };
-const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, header, children, footer, position, open, onMouseDown, }) => {
+const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, header, children, footer, position, open, onMouseDown, id, role, }) => {
     const contentRef = useMergeRefs(dropdownRef, transitionRef);
     return (React.createElement("div", { className: clsx(styles.dropdown, dropdownClasses, {
             [styles.open]: open,
@@ -38,7 +38,7 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth
             [styles['is-empty']]: !header && !children,
             [styles.refresh]: isRefresh,
             [styles['use-portal']]: expandToViewport && !interior,
-        }), ref: contentRef, "data-open": open, "data-animating": state !== 'exited', "aria-hidden": !open, onMouseDown: onMouseDown },
+        }), ref: contentRef, id: id, role: role, "data-open": open, "data-animating": state !== 'exited', "aria-hidden": !open, onMouseDown: onMouseDown },
         React.createElement("div", { className: clsx(styles['dropdown-content-wrapper'], isRefresh && styles.refresh) },
             React.createElement("div", { className: styles['ie11-wrapper'] },
                 React.createElement("div", { ref: verticalContainerRef, className: styles['dropdown-content'] },
@@ -47,7 +47,7 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth
                         children,
                         footer))))));
 };
-const Dropdown = ({ children, trigger, open, onDropdownClose, onMouseDown, header, footer, dropdownId, stretchTriggerHeight = false, stretchWidth = true, stretchHeight = false, stretchToTriggerWidth = true, expandToViewport = false, preferCenter = false, interior = false, minWidth, scrollable = true, loopFocus = expandToViewport, onFocus, onBlur, contentKey, }) => {
+const Dropdown = ({ children, trigger, open, onDropdownClose, onMouseDown, header, footer, dropdownId, stretchTriggerHeight = false, stretchWidth = true, stretchHeight = false, stretchToTriggerWidth = true, expandToViewport = false, preferCenter = false, interior = false, minWidth, scrollable = true, loopFocus = expandToViewport, onFocus, onBlur, contentKey, dropdownContentId, dropdownContentRole, }) => {
     const wrapperRef = useRef(null);
     const triggerRef = useRef(null);
     const dropdownRef = useRef(null);
@@ -235,7 +235,7 @@ const Dropdown = ({ children, trigger, open, onDropdownClose, onMouseDown, heade
         React.createElement(DropdownContainer, { renderWithPortal: expandToViewport && !interior, id: dropdownId, referrerId: referrerId, open: open },
             React.createElement(Transition, { in: open !== null && open !== void 0 ? open : false, exit: false }, (state, ref) => (React.createElement("div", { ref: dropdownContainerRef },
                 React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getLastFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus }),
-                React.createElement(TransitionContent, { state: state, transitionRef: ref, dropdownClasses: dropdownClasses, open: open, stretchWidth: stretchWidth, interior: interior, header: header, expandToViewport: expandToViewport, footer: footer, onMouseDown: onMouseDown, isRefresh: isRefresh, dropdownRef: dropdownRef, verticalContainerRef: verticalContainerRef, position: position }, children),
+                React.createElement(TransitionContent, { state: state, transitionRef: ref, dropdownClasses: dropdownClasses, open: open, stretchWidth: stretchWidth, interior: interior, header: header, expandToViewport: expandToViewport, footer: footer, onMouseDown: onMouseDown, isRefresh: isRefresh, dropdownRef: dropdownRef, verticalContainerRef: verticalContainerRef, position: position, id: dropdownContentId, role: dropdownContentRole }, children),
                 React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getFirstFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus })))))));
 };
 const isInteriorPosition = (position) => position.bottom !== undefined;