@cloudscape-design/components-themeable 3.0.348 → 3.0.350
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +2 -0
- package/lib/internal/scss/app-layout/visual-refresh/layout.scss +3 -3
- package/lib/internal/scss/app-layout/visual-refresh/navigation.scss +1 -0
- package/lib/internal/scss/app-layout/visual-refresh/tools.scss +1 -0
- package/lib/internal/scss/button/styles.scss +1 -1
- package/lib/internal/scss/button-dropdown/category-elements/styles.scss +2 -3
- package/lib/internal/scss/button-dropdown/item-element/styles.scss +2 -2
- package/lib/internal/scss/cards/styles.scss +3 -9
- package/lib/internal/scss/container/shared.scss +2 -2
- package/lib/internal/scss/container/styles.scss +3 -0
- package/lib/internal/scss/expandable-section/styles.scss +2 -2
- package/lib/internal/scss/header/styles.scss +61 -58
- package/lib/internal/scss/modal/styles.scss +1 -1
- package/lib/internal/scss/segmented-control/segment.scss +1 -1
- package/lib/internal/scss/table/body-cell/styles.scss +27 -8
- package/lib/internal/scss/table/styles.scss +6 -14
- package/lib/internal/template/alert/index.d.ts.map +1 -1
- package/lib/internal/template/alert/index.js +36 -1
- package/lib/internal/template/alert/index.js.map +1 -1
- package/lib/internal/template/app-layout/styles.css.js +17 -17
- package/lib/internal/template/app-layout/styles.scoped.css +21 -21
- package/lib/internal/template/app-layout/styles.selectors.js +17 -17
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +173 -169
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/lib/internal/template/area-chart/chart-container.d.ts +2 -2
- package/lib/internal/template/area-chart/chart-container.d.ts.map +1 -1
- package/lib/internal/template/area-chart/chart-container.js +1 -1
- package/lib/internal/template/area-chart/chart-container.js.map +1 -1
- package/lib/internal/template/area-chart/interfaces.d.ts +5 -1
- package/lib/internal/template/area-chart/interfaces.d.ts.map +1 -1
- package/lib/internal/template/area-chart/interfaces.js.map +1 -1
- package/lib/internal/template/area-chart/internal.d.ts +1 -1
- package/lib/internal/template/area-chart/internal.d.ts.map +1 -1
- package/lib/internal/template/area-chart/internal.js +2 -2
- package/lib/internal/template/area-chart/internal.js.map +1 -1
- package/lib/internal/template/attribute-editor/interfaces.d.ts +7 -0
- package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
- package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
- package/lib/internal/template/attribute-editor/internal.d.ts.map +1 -1
- package/lib/internal/template/attribute-editor/internal.js +2 -2
- package/lib/internal/template/attribute-editor/internal.js.map +1 -1
- package/lib/internal/template/attribute-editor/row.d.ts +3 -2
- package/lib/internal/template/attribute-editor/row.d.ts.map +1 -1
- package/lib/internal/template/attribute-editor/row.js +2 -2
- package/lib/internal/template/attribute-editor/row.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +189 -189
- package/lib/internal/template/box/styles.scoped.css +257 -257
- package/lib/internal/template/box/styles.selectors.js +189 -189
- package/lib/internal/template/button/styles.css.js +20 -20
- package/lib/internal/template/button/styles.scoped.css +154 -154
- package/lib/internal/template/button/styles.selectors.js +20 -20
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +25 -25
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +14 -14
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +20 -20
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +14 -14
- package/lib/internal/template/cards/styles.css.js +38 -38
- package/lib/internal/template/cards/styles.scoped.css +57 -62
- package/lib/internal/template/cards/styles.selectors.js +38 -38
- package/lib/internal/template/container/styles.css.js +28 -28
- package/lib/internal/template/container/styles.scoped.css +57 -54
- package/lib/internal/template/container/styles.selectors.js +28 -28
- package/lib/internal/template/content-layout/styles.css.js +7 -7
- package/lib/internal/template/content-layout/styles.scoped.css +13 -13
- package/lib/internal/template/content-layout/styles.selectors.js +7 -7
- package/lib/internal/template/expandable-section/styles.css.js +29 -29
- package/lib/internal/template/expandable-section/styles.scoped.css +61 -61
- package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
- package/lib/internal/template/flashbar/styles.css.js +46 -46
- package/lib/internal/template/flashbar/styles.scoped.css +146 -146
- package/lib/internal/template/flashbar/styles.selectors.js +46 -46
- package/lib/internal/template/form-field/internal.js +3 -2
- package/lib/internal/template/form-field/internal.js.map +1 -1
- package/lib/internal/template/header/internal.d.ts.map +1 -1
- package/lib/internal/template/header/internal.js +5 -5
- package/lib/internal/template/header/internal.js.map +1 -1
- package/lib/internal/template/header/styles.css.js +33 -44
- package/lib/internal/template/header/styles.scoped.css +85 -91
- package/lib/internal/template/header/styles.selectors.js +33 -44
- package/lib/internal/template/help-panel/styles.css.js +4 -4
- package/lib/internal/template/help-panel/styles.scoped.css +80 -80
- package/lib/internal/template/help-panel/styles.selectors.js +4 -4
- package/lib/internal/template/icon/styles.css.js +21 -21
- package/lib/internal/template/icon/styles.scoped.css +54 -54
- package/lib/internal/template/icon/styles.selectors.js +21 -21
- package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/lib/internal/template/internal/analytics/components/analytics-funnel.js +16 -15
- package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +6 -7
- package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/lib/internal/template/internal/analytics/context/analytics-context.js +2 -6
- package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -1
- package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +4 -7
- package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/lib/internal/template/internal/analytics/hooks/use-funnel.js +10 -8
- package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +86 -80
- package/lib/internal/template/internal/components/button-trigger/index.d.ts +2 -1
- package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
- package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
- package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts +10 -2
- package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/cartesian-chart/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/dropdown/index.d.ts +1 -1
- package/lib/internal/template/internal/components/dropdown/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/dropdown/index.js +4 -4
- package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
- package/lib/internal/template/internal/components/dropdown/interfaces.d.ts +8 -0
- package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/lib/internal/template/internal/components/dropdown/interfaces.js.map +1 -1
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +153 -120
- package/lib/internal/template/internal/generated/theming/index.js +153 -120
- package/lib/internal/template/link/internal.d.ts.map +1 -1
- package/lib/internal/template/link/internal.js +3 -2
- package/lib/internal/template/link/internal.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +83 -83
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/mixed-line-bar-chart/internal.d.ts +1 -1
- package/lib/internal/template/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/lib/internal/template/mixed-line-bar-chart/internal.js +2 -2
- package/lib/internal/template/mixed-line-bar-chart/internal.js.map +1 -1
- package/lib/internal/template/modal/styles.css.js +23 -23
- package/lib/internal/template/modal/styles.scoped.css +40 -40
- package/lib/internal/template/modal/styles.selectors.js +23 -23
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +24 -24
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/popover/styles.css.js +50 -50
- package/lib/internal/template/popover/styles.scoped.css +65 -65
- package/lib/internal/template/popover/styles.selectors.js +50 -50
- package/lib/internal/template/property-filter/index.d.ts.map +1 -1
- package/lib/internal/template/property-filter/index.js +4 -3
- package/lib/internal/template/property-filter/index.js.map +1 -1
- package/lib/internal/template/property-filter/interfaces.d.ts +16 -5
- package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
- package/lib/internal/template/property-filter/interfaces.js.map +1 -1
- package/lib/internal/template/s3-resource-selector/index.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/index.js +2 -2
- package/lib/internal/template/s3-resource-selector/index.js.map +1 -1
- package/lib/internal/template/s3-resource-selector/interfaces.d.ts +7 -0
- package/lib/internal/template/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/interfaces.js.map +1 -1
- package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts +1 -0
- package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/s3-in-context/index.js +2 -2
- package/lib/internal/template/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/select/utils/use-select.d.ts +5 -7
- package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
- package/lib/internal/template/select/utils/use-select.js +6 -0
- package/lib/internal/template/select/utils/use-select.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +28 -28
- package/lib/internal/template/side-navigation/styles.scoped.css +49 -49
- package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +22 -22
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/split-panel/styles.css.js +56 -56
- package/lib/internal/template/split-panel/styles.scoped.css +80 -80
- package/lib/internal/template/split-panel/styles.selectors.js +56 -56
- package/lib/internal/template/table/body-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/index.js +22 -3
- package/lib/internal/template/table/body-cell/index.js.map +1 -1
- package/lib/internal/template/table/body-cell/styles.css.js +28 -28
- package/lib/internal/template/table/body-cell/styles.scoped.css +93 -77
- package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
- package/lib/internal/template/table/header-cell/styles.css.js +24 -24
- package/lib/internal/template/table/header-cell/styles.scoped.css +41 -41
- package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
- package/lib/internal/template/table/styles.css.js +34 -34
- package/lib/internal/template/table/styles.scoped.css +45 -52
- package/lib/internal/template/table/styles.selectors.js +34 -34
- package/lib/internal/template/tabs/styles.css.js +21 -21
- package/lib/internal/template/tabs/styles.scoped.css +41 -41
- package/lib/internal/template/tabs/styles.selectors.js +21 -21
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +11 -11
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +71 -71
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
- package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -45
- package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +74 -74
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/lib/internal/template/wizard/interfaces.d.ts +10 -3
- package/lib/internal/template/wizard/interfaces.d.ts.map +1 -1
- package/lib/internal/template/wizard/interfaces.js.map +1 -1
- package/lib/internal/template/wizard/internal.d.ts +1 -1
- package/lib/internal/template/wizard/internal.d.ts.map +1 -1
- package/lib/internal/template/wizard/internal.js +5 -5
- package/lib/internal/template/wizard/internal.js.map +1 -1
- package/lib/internal/template/wizard/wizard-form.d.ts +2 -1
- package/lib/internal/template/wizard/wizard-form.d.ts.map +1 -1
- package/lib/internal/template/wizard/wizard-form.js +2 -2
- package/lib/internal/template/wizard/wizard-form.js.map +1 -1
- package/package.json +1 -1
|
@@ -375,11 +375,11 @@
|
|
|
375
375
|
--font-body-s-line-height-jfgg5d:16px;
|
|
376
376
|
--font-body-s-size-v1w8ey:12px;
|
|
377
377
|
--font-button-letter-spacing-668fbm:0.25px;
|
|
378
|
-
--font-button-weight-
|
|
378
|
+
--font-button-weight-is9q3o:700;
|
|
379
379
|
--font-chart-detail-size-32v9jd:14px;
|
|
380
380
|
--font-display-l-letter-spacing-4z7f9n:normal;
|
|
381
|
-
--font-display-l-line-height-
|
|
382
|
-
--font-display-l-size-
|
|
381
|
+
--font-display-l-line-height-vd37m0:56px;
|
|
382
|
+
--font-display-l-size-5us9gu:44px;
|
|
383
383
|
--font-display-label-weight-udcxbe:400;
|
|
384
384
|
--font-expandable-heading-size-x20mdp:14px;
|
|
385
385
|
--font-family-base-nzcxu9:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
@@ -387,39 +387,39 @@
|
|
|
387
387
|
--font-header-h2-description-line-height-24o2o0:16px;
|
|
388
388
|
--font-header-h2-description-size-9x583i:12px;
|
|
389
389
|
--font-heading-l-letter-spacing-898wn9:normal;
|
|
390
|
-
--font-heading-l-line-height-
|
|
391
|
-
--font-heading-l-size-
|
|
392
|
-
--font-heading-l-weight-
|
|
390
|
+
--font-heading-l-line-height-79efyr:22px;
|
|
391
|
+
--font-heading-l-size-snz6y8:18px;
|
|
392
|
+
--font-heading-l-weight-bfq5wz:700;
|
|
393
393
|
--font-heading-m-letter-spacing-t3csz2:normal;
|
|
394
|
-
--font-heading-m-line-height-
|
|
395
|
-
--font-heading-m-size-
|
|
396
|
-
--font-heading-m-weight-
|
|
394
|
+
--font-heading-m-line-height-3op1hv:22px;
|
|
395
|
+
--font-heading-m-size-s6hwkp:18px;
|
|
396
|
+
--font-heading-m-weight-7k9czg:400;
|
|
397
397
|
--font-heading-s-letter-spacing-jp7jyt:normal;
|
|
398
398
|
--font-heading-s-line-height-m71f3f:20px;
|
|
399
399
|
--font-heading-s-size-dnu1l1:16px;
|
|
400
|
-
--font-heading-s-weight-
|
|
400
|
+
--font-heading-s-weight-evnukz:700;
|
|
401
401
|
--font-heading-xl-letter-spacing-gwr2it:normal;
|
|
402
|
-
--font-heading-xl-line-height-
|
|
403
|
-
--font-heading-xl-size-
|
|
404
|
-
--font-heading-xl-weight-
|
|
402
|
+
--font-heading-xl-line-height-befp08:36px;
|
|
403
|
+
--font-heading-xl-size-nz2art:28px;
|
|
404
|
+
--font-heading-xl-weight-xy7ip2:400;
|
|
405
405
|
--font-heading-xs-line-height-61ulqg:20px;
|
|
406
406
|
--font-heading-xs-size-zxjy53:16px;
|
|
407
|
-
--font-heading-xs-weight-
|
|
408
|
-
--font-box-value-large-weight-
|
|
407
|
+
--font-heading-xs-weight-4pn741:400;
|
|
408
|
+
--font-box-value-large-weight-dcuox3:300;
|
|
409
409
|
--font-link-button-letter-spacing-zntxrt:normal;
|
|
410
|
-
--font-link-button-weight-
|
|
410
|
+
--font-link-button-weight-nlf6qt:400;
|
|
411
411
|
--font-link-primary-decoration-azbtan:none;
|
|
412
412
|
--font-link-primary-letter-spacing-wsaj96:0.005em;
|
|
413
413
|
--font-link-primary-weight-cpyp2f:700;
|
|
414
|
-
--font-panel-header-line-height-
|
|
415
|
-
--font-panel-header-size-
|
|
414
|
+
--font-panel-header-line-height-zh2ntk:22px;
|
|
415
|
+
--font-panel-header-size-6vtqfe:18px;
|
|
416
416
|
--font-smoothing-webkit-teqshp:auto;
|
|
417
417
|
--font-smoothing-moz-osx-apq2ca:auto;
|
|
418
|
-
--font-tabs-disabled-weight-
|
|
418
|
+
--font-tabs-disabled-weight-uetojk:400;
|
|
419
419
|
--font-tabs-line-height-i5k9yb:22px;
|
|
420
420
|
--font-tabs-size-v5swzt:14px;
|
|
421
|
-
--font-wayfinding-link-active-weight-
|
|
422
|
-
--font-weight-heavy-
|
|
421
|
+
--font-wayfinding-link-active-weight-amk0lh:700;
|
|
422
|
+
--font-weight-heavy-e6gjqb:700;
|
|
423
423
|
--border-active-width-yythya:2px;
|
|
424
424
|
--border-code-editor-status-divider-width-mt04p4:0px;
|
|
425
425
|
--border-container-sticky-width-iyq76r:1px;
|
|
@@ -506,18 +506,21 @@
|
|
|
506
506
|
--space-alert-message-right-76dae3:0px;
|
|
507
507
|
--space-alert-vertical-95y4j3:12px;
|
|
508
508
|
--space-button-focus-outline-gutter-pow250:3px;
|
|
509
|
+
--space-button-horizontal-35wtzn:20px;
|
|
509
510
|
--space-button-icon-focus-outline-gutter-vertical-i0hxof:3px;
|
|
510
511
|
--space-button-icon-only-horizontal-fqcek3:16px;
|
|
511
512
|
--space-button-inline-icon-focus-outline-gutter-v7tn85:3px;
|
|
512
|
-
--space-button-modal-dismiss-vertical-
|
|
513
|
+
--space-button-modal-dismiss-vertical-kj0ukp:4px;
|
|
513
514
|
--space-calendar-grid-focus-outline-gutter-z4nann:0px;
|
|
514
515
|
--space-calendar-grid-selected-focus-outline-gutter-08ibte:2px;
|
|
515
516
|
--space-card-horizontal-0pwa5x:20px;
|
|
517
|
+
--space-card-vertical-aymke8:20px;
|
|
516
518
|
--space-code-editor-status-focus-outline-gutter-svnmb3:3px;
|
|
517
|
-
--space-container-content-top-
|
|
518
|
-
--space-container-header-
|
|
519
|
+
--space-container-content-top-98501y:16px;
|
|
520
|
+
--space-container-header-top-l0hr40:12px;
|
|
521
|
+
--space-container-header-bottom-5qqls8:12px;
|
|
519
522
|
--space-container-horizontal-7bp7wa:20px;
|
|
520
|
-
--space-content-header-padding-bottom-
|
|
523
|
+
--space-content-header-padding-bottom-bdft6l:16px;
|
|
521
524
|
--space-dark-header-overlap-distance-g5z45b:0px;
|
|
522
525
|
--space-expandable-section-icon-offset-top-4ysrlk:8px;
|
|
523
526
|
--space-field-horizontal-xg7uom:8px;
|
|
@@ -540,16 +543,16 @@
|
|
|
540
543
|
--space-panel-side-right-q7rj50:32px;
|
|
541
544
|
--space-panel-split-top-74zu5m:0px;
|
|
542
545
|
--space-segmented-control-focus-outline-gutter-4e9yup:3px;
|
|
543
|
-
--space-table-header-focus-outline-gutter-w7nu2w:0px;
|
|
544
546
|
--space-tabs-content-top-yu9ton:16px;
|
|
545
|
-
--space-
|
|
546
|
-
--space-table-header-horizontal-a2koq0:20px;
|
|
547
|
+
--space-tabs-focus-outline-gutter-el4yxk:0px;
|
|
547
548
|
--space-table-content-bottom-1d9z26:0px;
|
|
548
|
-
--space-table-content-top-nzg0b3:0px;
|
|
549
|
-
--space-table-embedded-content-bottom-mp1fho:0px;
|
|
550
549
|
--space-table-embedded-header-top-mxrtd1:12px;
|
|
551
550
|
--space-table-footer-horizontal-b4tgte:20px;
|
|
552
|
-
--space-
|
|
551
|
+
--space-table-header-focus-outline-gutter-w7nu2w:0px;
|
|
552
|
+
--space-table-header-horizontal-a2koq0:20px;
|
|
553
|
+
--space-table-header-tools-bottom-mp4os8:4px;
|
|
554
|
+
--space-table-header-tools-full-page-bottom-hzax2d:4px;
|
|
555
|
+
--space-table-horizontal-lwojp9:0px;
|
|
553
556
|
--space-scaled-2x-xxs-v9o3y6:4px;
|
|
554
557
|
--space-scaled-2x-m-nqgj14:16px;
|
|
555
558
|
--space-scaled-2x-l-aseh7x:20px;
|
|
@@ -957,10 +960,12 @@
|
|
|
957
960
|
--size-vertical-input-dyqh75:28px;
|
|
958
961
|
--size-vertical-panel-icon-offset-1vmzlx:13px;
|
|
959
962
|
--space-alert-vertical-95y4j3:8px;
|
|
960
|
-
--space-button-modal-dismiss-vertical-
|
|
961
|
-
--space-
|
|
962
|
-
--space-container-
|
|
963
|
-
--space-
|
|
963
|
+
--space-button-modal-dismiss-vertical-kj0ukp:2px;
|
|
964
|
+
--space-card-vertical-aymke8:16px;
|
|
965
|
+
--space-container-content-top-98501y:12px;
|
|
966
|
+
--space-container-header-top-l0hr40:8px;
|
|
967
|
+
--space-container-header-bottom-5qqls8:8px;
|
|
968
|
+
--space-content-header-padding-bottom-bdft6l:12px;
|
|
964
969
|
--space-expandable-section-icon-offset-top-4ysrlk:4px;
|
|
965
970
|
--space-grid-gutter-jlj43y:16px;
|
|
966
971
|
--space-key-value-gap-fv33uw:0px;
|
|
@@ -971,6 +976,7 @@
|
|
|
971
976
|
--space-panel-side-right-q7rj50:24px;
|
|
972
977
|
--space-tabs-content-top-yu9ton:12px;
|
|
973
978
|
--space-table-embedded-header-top-mxrtd1:8px;
|
|
979
|
+
--space-table-header-tools-bottom-mp4os8:2px;
|
|
974
980
|
--space-scaled-2x-xxs-v9o3y6:0px;
|
|
975
981
|
--space-scaled-2x-m-nqgj14:8px;
|
|
976
982
|
--space-scaled-2x-l-aseh7x:12px;
|
|
@@ -1010,10 +1016,12 @@
|
|
|
1010
1016
|
.awsui-context-compact-table:not(#\9) {
|
|
1011
1017
|
--size-vertical-input-dyqh75:28px;
|
|
1012
1018
|
--space-alert-vertical-95y4j3:8px;
|
|
1013
|
-
--space-button-modal-dismiss-vertical-
|
|
1014
|
-
--space-
|
|
1015
|
-
--space-container-
|
|
1016
|
-
--space-
|
|
1019
|
+
--space-button-modal-dismiss-vertical-kj0ukp:2px;
|
|
1020
|
+
--space-card-vertical-aymke8:16px;
|
|
1021
|
+
--space-container-content-top-98501y:12px;
|
|
1022
|
+
--space-container-header-top-l0hr40:8px;
|
|
1023
|
+
--space-container-header-bottom-5qqls8:8px;
|
|
1024
|
+
--space-content-header-padding-bottom-bdft6l:12px;
|
|
1017
1025
|
--space-expandable-section-icon-offset-top-4ysrlk:4px;
|
|
1018
1026
|
--space-key-value-gap-fv33uw:0px;
|
|
1019
1027
|
--space-layout-content-bottom-zu47sf:16px;
|
|
@@ -1023,6 +1031,7 @@
|
|
|
1023
1031
|
--space-panel-side-right-q7rj50:24px;
|
|
1024
1032
|
--space-tabs-content-top-yu9ton:12px;
|
|
1025
1033
|
--space-table-embedded-header-top-mxrtd1:8px;
|
|
1034
|
+
--space-table-header-tools-bottom-mp4os8:2px;
|
|
1026
1035
|
--space-scaled-xxxs-wx4fgm:0px;
|
|
1027
1036
|
--space-scaled-xxs-gmgwxk:2px;
|
|
1028
1037
|
--space-scaled-xs-sg3tfb:4px;
|
|
@@ -1423,48 +1432,39 @@
|
|
|
1423
1432
|
--font-body-m-line-height-43ichb:20px;
|
|
1424
1433
|
--font-body-s-letter-spacing-bzrysr:0.005em;
|
|
1425
1434
|
--font-button-letter-spacing-668fbm:0.005em;
|
|
1426
|
-
--font-button-weight-lifqd4:800;
|
|
1427
1435
|
--font-chart-detail-size-32v9jd:12px;
|
|
1428
1436
|
--font-display-l-letter-spacing-4z7f9n:-0.03em;
|
|
1429
|
-
--font-display-l-line-height-
|
|
1430
|
-
--font-display-l-size-
|
|
1437
|
+
--font-display-l-line-height-vd37m0:48px;
|
|
1438
|
+
--font-display-l-size-5us9gu:42px;
|
|
1431
1439
|
--font-display-label-weight-udcxbe:700;
|
|
1432
1440
|
--font-expandable-heading-size-x20mdp:16px;
|
|
1433
1441
|
--font-family-base-nzcxu9:"Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
|
|
1434
1442
|
--font-header-h2-description-line-height-24o2o0:20px;
|
|
1435
1443
|
--font-header-h2-description-size-9x583i:14px;
|
|
1436
1444
|
--font-heading-l-letter-spacing-898wn9:-0.015em;
|
|
1437
|
-
--font-heading-l-line-height-
|
|
1438
|
-
--font-heading-l-size-
|
|
1439
|
-
--font-heading-l-weight-hqql3g:800;
|
|
1445
|
+
--font-heading-l-line-height-79efyr:24px;
|
|
1446
|
+
--font-heading-l-size-snz6y8:20px;
|
|
1440
1447
|
--font-heading-m-letter-spacing-t3csz2:-0.010em;
|
|
1441
|
-
--font-heading-m-
|
|
1442
|
-
--font-heading-m-size-bwdbnx:20px;
|
|
1443
|
-
--font-heading-m-weight-fukq3n:800;
|
|
1448
|
+
--font-heading-m-weight-7k9czg:700;
|
|
1444
1449
|
--font-heading-s-letter-spacing-jp7jyt:-0.005em;
|
|
1445
|
-
--font-heading-s-weight-rxw9ij:800;
|
|
1446
1450
|
--font-heading-xl-letter-spacing-gwr2it:-0.02em;
|
|
1447
|
-
--font-heading-xl-line-height-
|
|
1448
|
-
--font-heading-xl-size-
|
|
1449
|
-
--font-heading-xl-weight-
|
|
1451
|
+
--font-heading-xl-line-height-befp08:30px;
|
|
1452
|
+
--font-heading-xl-size-nz2art:24px;
|
|
1453
|
+
--font-heading-xl-weight-xy7ip2:700;
|
|
1450
1454
|
--font-heading-xs-line-height-61ulqg:18px;
|
|
1451
1455
|
--font-heading-xs-size-zxjy53:14px;
|
|
1452
|
-
--font-heading-xs-weight-
|
|
1453
|
-
--font-box-value-large-weight-
|
|
1456
|
+
--font-heading-xs-weight-4pn741:700;
|
|
1457
|
+
--font-box-value-large-weight-dcuox3:700;
|
|
1454
1458
|
--font-link-button-letter-spacing-zntxrt:0.005em;
|
|
1455
|
-
--font-link-button-weight-
|
|
1459
|
+
--font-link-button-weight-nlf6qt:700;
|
|
1456
1460
|
--font-link-primary-decoration-azbtan:underline;
|
|
1457
1461
|
--font-link-primary-letter-spacing-wsaj96:"inherit";
|
|
1458
1462
|
--font-link-primary-weight-cpyp2f:"inherit";
|
|
1459
|
-
--font-panel-header-line-height-nzzvgi:24px;
|
|
1460
|
-
--font-panel-header-size-7dlfnh:20px;
|
|
1461
1463
|
--font-smoothing-webkit-teqshp:antialiased;
|
|
1462
1464
|
--font-smoothing-moz-osx-apq2ca:grayscale;
|
|
1463
|
-
--font-tabs-disabled-weight-
|
|
1465
|
+
--font-tabs-disabled-weight-uetojk:700;
|
|
1464
1466
|
--font-tabs-line-height-i5k9yb:20px;
|
|
1465
1467
|
--font-tabs-size-v5swzt:16px;
|
|
1466
|
-
--font-wayfinding-link-active-weight-aix7m6:800;
|
|
1467
|
-
--font-weight-heavy-q6t3v9:800;
|
|
1468
1468
|
--border-active-width-yythya:4px;
|
|
1469
1469
|
--border-code-editor-status-divider-width-mt04p4:2px;
|
|
1470
1470
|
--border-container-sticky-width-iyq76r:0px;
|
|
@@ -1520,12 +1520,13 @@
|
|
|
1520
1520
|
--space-button-icon-focus-outline-gutter-vertical-i0hxof:0px;
|
|
1521
1521
|
--space-button-icon-only-horizontal-fqcek3:6px;
|
|
1522
1522
|
--space-button-inline-icon-focus-outline-gutter-v7tn85:0px;
|
|
1523
|
-
--space-button-modal-dismiss-vertical-
|
|
1523
|
+
--space-button-modal-dismiss-vertical-kj0ukp:2px;
|
|
1524
1524
|
--space-calendar-grid-focus-outline-gutter-z4nann:-5px;
|
|
1525
1525
|
--space-calendar-grid-selected-focus-outline-gutter-08ibte:-5px;
|
|
1526
|
+
--space-card-vertical-aymke8:16px;
|
|
1526
1527
|
--space-code-editor-status-focus-outline-gutter-svnmb3:-7px;
|
|
1527
|
-
--space-container-content-top-
|
|
1528
|
-
--space-
|
|
1528
|
+
--space-container-content-top-98501y:4px;
|
|
1529
|
+
--space-container-header-bottom-5qqls8:8px;
|
|
1529
1530
|
--space-dark-header-overlap-distance-g5z45b:36px;
|
|
1530
1531
|
--space-expandable-section-icon-offset-top-4ysrlk:4px;
|
|
1531
1532
|
--space-field-horizontal-xg7uom:12px;
|
|
@@ -1545,13 +1546,13 @@
|
|
|
1545
1546
|
--space-panel-split-top-74zu5m:20px;
|
|
1546
1547
|
--space-segmented-control-focus-outline-gutter-4e9yup:4px;
|
|
1547
1548
|
--space-tabs-content-top-yu9ton:12px;
|
|
1548
|
-
--space-
|
|
1549
|
-
--space-table-header-horizontal-a2koq0:0px;
|
|
1549
|
+
--space-tabs-focus-outline-gutter-el4yxk:-8px;
|
|
1550
1550
|
--space-table-content-bottom-1d9z26:4px;
|
|
1551
|
-
--space-table-content-top-nzg0b3:12px;
|
|
1552
1551
|
--space-table-embedded-header-top-mxrtd1:0px;
|
|
1553
1552
|
--space-table-footer-horizontal-b4tgte:0px;
|
|
1554
|
-
--space-
|
|
1553
|
+
--space-table-header-horizontal-a2koq0:0px;
|
|
1554
|
+
--space-table-header-tools-bottom-mp4os8:0px;
|
|
1555
|
+
--space-table-horizontal-lwojp9:20px;
|
|
1555
1556
|
--shadow-container-zksiv4:0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
|
|
1556
1557
|
--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%);
|
|
1557
1558
|
--shadow-container-active-dbq0ni:0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a;
|
|
@@ -1782,18 +1783,20 @@
|
|
|
1782
1783
|
}
|
|
1783
1784
|
.awsui-compact-mode.awsui-visual-refresh:not(#\9) {
|
|
1784
1785
|
--space-alert-vertical-95y4j3:4px;
|
|
1786
|
+
--space-button-horizontal-35wtzn:16px;
|
|
1785
1787
|
--space-button-icon-only-horizontal-fqcek3:4px;
|
|
1786
|
-
--space-
|
|
1787
|
-
--space-
|
|
1788
|
+
--space-button-modal-dismiss-vertical-kj0ukp:0px;
|
|
1789
|
+
--space-card-vertical-aymke8:12px;
|
|
1790
|
+
--space-container-header-top-l0hr40:12px;
|
|
1791
|
+
--space-container-header-bottom-5qqls8:4px;
|
|
1788
1792
|
--space-dark-header-overlap-distance-g5z45b:32px;
|
|
1789
1793
|
--space-expandable-section-icon-offset-top-4ysrlk:0px;
|
|
1790
1794
|
--space-layout-content-bottom-zu47sf:24px;
|
|
1791
1795
|
--space-modal-content-bottom-io4sah:8px;
|
|
1792
1796
|
--space-panel-side-right-q7rj50:20px;
|
|
1793
1797
|
--space-panel-split-top-74zu5m:16px;
|
|
1794
|
-
--space-table-header-focus-outline-gutter-w7nu2w:-1px;
|
|
1795
1798
|
--space-tabs-content-top-yu9ton:8px;
|
|
1796
|
-
--space-table-
|
|
1799
|
+
--space-table-header-focus-outline-gutter-w7nu2w:-1px;
|
|
1797
1800
|
}
|
|
1798
1801
|
|
|
1799
1802
|
.awsui-motion-disabled.awsui-visual-refresh:not(#\9) {
|
|
@@ -1804,26 +1807,31 @@
|
|
|
1804
1807
|
|
|
1805
1808
|
.awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
|
|
1806
1809
|
--space-alert-vertical-95y4j3:4px;
|
|
1807
|
-
--space-button-
|
|
1808
|
-
--space-
|
|
1809
|
-
--space-
|
|
1810
|
-
--space-content-
|
|
1810
|
+
--space-button-horizontal-35wtzn:16px;
|
|
1811
|
+
--space-button-modal-dismiss-vertical-kj0ukp:0px;
|
|
1812
|
+
--space-card-vertical-aymke8:12px;
|
|
1813
|
+
--space-container-content-top-98501y:4px;
|
|
1814
|
+
--space-container-header-top-l0hr40:12px;
|
|
1815
|
+
--space-container-header-bottom-5qqls8:4px;
|
|
1811
1816
|
--space-layout-content-bottom-zu47sf:40px;
|
|
1812
1817
|
--space-panel-side-left-v0z44b:28px;
|
|
1813
1818
|
--space-panel-side-right-q7rj50:20px;
|
|
1814
1819
|
--space-panel-split-top-74zu5m:16px;
|
|
1815
1820
|
--space-tabs-content-top-yu9ton:8px;
|
|
1816
|
-
--space-table-content-top-nzg0b3:8px;
|
|
1817
1821
|
--space-table-embedded-header-top-mxrtd1:0px;
|
|
1822
|
+
--space-table-header-tools-bottom-mp4os8:0px;
|
|
1818
1823
|
}
|
|
1819
1824
|
|
|
1820
1825
|
.awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
|
|
1821
1826
|
--space-alert-vertical-95y4j3:4px;
|
|
1822
|
-
--space-
|
|
1827
|
+
--space-button-horizontal-35wtzn:16px;
|
|
1828
|
+
--space-button-modal-dismiss-vertical-kj0ukp:0px;
|
|
1829
|
+
--space-card-vertical-aymke8:12px;
|
|
1830
|
+
--space-container-header-top-l0hr40:12px;
|
|
1831
|
+
--space-container-header-bottom-5qqls8:4px;
|
|
1823
1832
|
--space-panel-side-right-q7rj50:20px;
|
|
1824
1833
|
--space-panel-split-top-74zu5m:16px;
|
|
1825
1834
|
--space-tabs-content-top-yu9ton:8px;
|
|
1826
|
-
--space-table-content-top-nzg0b3:8px;
|
|
1827
1835
|
}
|
|
1828
1836
|
|
|
1829
1837
|
.awsui-visual-refresh .awsui-context-top-navigation:not(#\9) {
|
|
@@ -3089,14 +3097,12 @@
|
|
|
3089
3097
|
}
|
|
3090
3098
|
}
|
|
3091
3099
|
.awsui-compact-mode.awsui-visual-refresh .awsui-context-compact-table:not(#\9) {
|
|
3092
|
-
--space-content-header-padding-bottom-v55qlt:12px;
|
|
3093
3100
|
--space-expandable-section-icon-offset-top-4ysrlk:0px;
|
|
3094
3101
|
--space-layout-content-bottom-zu47sf:24px;
|
|
3095
3102
|
--space-modal-content-bottom-io4sah:8px;
|
|
3096
3103
|
}
|
|
3097
3104
|
|
|
3098
3105
|
.awsui-compact-mode.awsui-context-compact-table.awsui-visual-refresh:not(#\9) {
|
|
3099
|
-
--space-content-header-padding-bottom-v55qlt:12px;
|
|
3100
3106
|
--space-layout-content-bottom-zu47sf:24px;
|
|
3101
3107
|
}
|
|
3102
3108
|
|
|
@@ -9,7 +9,8 @@ export interface ButtonTriggerProps extends BaseComponentProps {
|
|
|
9
9
|
readOnly?: boolean;
|
|
10
10
|
invalid?: boolean;
|
|
11
11
|
inFilteringToken?: boolean;
|
|
12
|
-
ariaHasPopup?: 'true' | 'listbox';
|
|
12
|
+
ariaHasPopup?: 'true' | 'listbox' | 'dialog';
|
|
13
|
+
ariaControls?: string;
|
|
13
14
|
ariaLabel?: string;
|
|
14
15
|
ariaLabelledby?: string;
|
|
15
16
|
ariaDescribedby?: string;
|
|
@@ -1 +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;
|
|
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,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"}
|
|
@@ -8,9 +8,9 @@ import InternalIcon from '../../../icon/internal';
|
|
|
8
8
|
import styles from './styles.css.js';
|
|
9
9
|
import { fireKeyboardEvent, fireCancelableEvent } from '../../events';
|
|
10
10
|
const ButtonTrigger = (_a, ref) => {
|
|
11
|
-
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"]);
|
|
11
|
+
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"]);
|
|
12
12
|
const baseProps = getBaseProps(restProps);
|
|
13
|
-
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 });
|
|
13
|
+
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 });
|
|
14
14
|
if (invalid) {
|
|
15
15
|
attributes['aria-invalid'] = invalid;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/button-trigger/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAyC,MAAM,cAAc,CAAC;
|
|
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' | '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"]}
|
|
@@ -60,6 +60,14 @@ export interface CartesianChartProps<T extends ChartDataTypes, Series> extends B
|
|
|
60
60
|
* @i18n
|
|
61
61
|
*/
|
|
62
62
|
i18nStrings?: CartesianChartProps.I18nStrings<T>;
|
|
63
|
+
/**
|
|
64
|
+
* Function to format the displayed label of an x axis tick.
|
|
65
|
+
*/
|
|
66
|
+
xTickFormatter?: CartesianChartProps.TickFormatter<T>;
|
|
67
|
+
/**
|
|
68
|
+
* Function to format the displayed label of a y axis tick.
|
|
69
|
+
*/
|
|
70
|
+
yTickFormatter?: CartesianChartProps.TickFormatter<number>;
|
|
63
71
|
/**
|
|
64
72
|
* An optional pixel value number that fixes the height of the chart area.
|
|
65
73
|
* If not set explicitly, the component will use a default height that is defined internally.
|
|
@@ -181,9 +189,9 @@ export declare namespace CartesianChartProps {
|
|
|
181
189
|
xAxisAriaRoleDescription?: string;
|
|
182
190
|
/** Name of the ARIA role description of the y axis, e.g. "y axis" */
|
|
183
191
|
yAxisAriaRoleDescription?: string;
|
|
184
|
-
/**
|
|
192
|
+
/** @deprecated Use `xTickFormatter` on the component instead. */
|
|
185
193
|
xTickFormatter?: TickFormatter<T>;
|
|
186
|
-
/**
|
|
194
|
+
/** @deprecated Use `yTickFormatter` on the component instead. */
|
|
187
195
|
yTickFormatter?: TickFormatter<number>;
|
|
188
196
|
}
|
|
189
197
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/cartesian-chart/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +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 /**
|
|
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 * 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"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DropdownProps } from './interfaces';
|
|
3
|
-
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;
|
|
3
|
+
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;
|
|
4
4
|
export default Dropdown;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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;
|
|
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;AA8G7C,QAAA,MAAM,QAAQ,qTAwBX,aAAa,gBAsRf,CAAC;AAMF,eAAe,QAAQ,CAAC"}
|
|
@@ -28,7 +28,7 @@ const DropdownContainer = ({ children, renderWithPortal = false, id, referrerId,
|
|
|
28
28
|
return React.createElement(React.Fragment, null, children);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, header, children, footer, position, open, onMouseDown, }) => {
|
|
31
|
+
const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth, interior, isRefresh, dropdownRef, verticalContainerRef, expandToViewport, header, children, footer, position, open, onMouseDown, id, role, }) => {
|
|
32
32
|
const contentRef = useMergeRefs(dropdownRef, transitionRef);
|
|
33
33
|
return (React.createElement("div", { className: clsx(styles.dropdown, dropdownClasses, {
|
|
34
34
|
[styles.open]: open,
|
|
@@ -38,7 +38,7 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth
|
|
|
38
38
|
[styles['is-empty']]: !header && !children,
|
|
39
39
|
[styles.refresh]: isRefresh,
|
|
40
40
|
[styles['use-portal']]: expandToViewport && !interior,
|
|
41
|
-
}), ref: contentRef, "data-open": open, "data-animating": state !== 'exited', "aria-hidden": !open, onMouseDown: onMouseDown },
|
|
41
|
+
}), ref: contentRef, id: id, role: role, "data-open": open, "data-animating": state !== 'exited', "aria-hidden": !open, onMouseDown: onMouseDown },
|
|
42
42
|
React.createElement("div", { className: clsx(styles['dropdown-content-wrapper'], isRefresh && styles.refresh) },
|
|
43
43
|
React.createElement("div", { className: styles['ie11-wrapper'] },
|
|
44
44
|
React.createElement("div", { ref: verticalContainerRef, className: styles['dropdown-content'] },
|
|
@@ -47,7 +47,7 @@ const TransitionContent = ({ state, transitionRef, dropdownClasses, stretchWidth
|
|
|
47
47
|
children,
|
|
48
48
|
footer))))));
|
|
49
49
|
};
|
|
50
|
-
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, }) => {
|
|
50
|
+
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, }) => {
|
|
51
51
|
const wrapperRef = useRef(null);
|
|
52
52
|
const triggerRef = useRef(null);
|
|
53
53
|
const dropdownRef = useRef(null);
|
|
@@ -235,7 +235,7 @@ const Dropdown = ({ children, trigger, open, onDropdownClose, onMouseDown, heade
|
|
|
235
235
|
React.createElement(DropdownContainer, { renderWithPortal: expandToViewport && !interior, id: dropdownId, referrerId: referrerId, open: open },
|
|
236
236
|
React.createElement(Transition, { in: open !== null && open !== void 0 ? open : false, exit: false }, (state, ref) => (React.createElement("div", { ref: dropdownContainerRef },
|
|
237
237
|
React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getLastFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus }),
|
|
238
|
-
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),
|
|
238
|
+
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),
|
|
239
239
|
React.createElement(TabTrap, { focusNextCallback: () => { var _a; return triggerRef.current && ((_a = getFirstFocusable(triggerRef.current)) === null || _a === void 0 ? void 0 : _a.focus()); }, disabled: !open || !loopFocus })))))));
|
|
240
240
|
};
|
|
241
241
|
const isInteriorPosition = (position) => position.bottom !== undefined;
|