@cloudscape-design/components-themeable 3.0.373 → 3.0.375
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/template/alert/actions-wrapper/styles.css.js +1 -1
- package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
- package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
- package/lib/internal/template/alert/styles.css.js +25 -25
- package/lib/internal/template/alert/styles.scoped.css +81 -81
- package/lib/internal/template/alert/styles.selectors.js +25 -25
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
- package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
- package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -28
- package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +4 -5
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
- package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
- package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/styles.css.js +17 -17
- package/lib/internal/template/app-layout/styles.scoped.css +30 -30
- package/lib/internal/template/app-layout/styles.selectors.js +17 -17
- package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
- package/lib/internal/template/app-layout/toggles/styles.scoped.css +16 -16
- package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
- package/lib/internal/template/app-layout/utils/use-content-width.js +1 -1
- package/lib/internal/template/app-layout/utils/use-content-width.js.map +1 -1
- package/lib/internal/template/app-layout/utils/use-observed-element.js +1 -1
- package/lib/internal/template/app-layout/utils/use-observed-element.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +267 -267
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/lib/internal/template/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/lib/internal/template/area-chart/model/use-chart-model.js +2 -2
- package/lib/internal/template/area-chart/model/use-chart-model.js.map +1 -1
- package/lib/internal/template/area-chart/styles.css.js +6 -6
- package/lib/internal/template/area-chart/styles.scoped.css +16 -16
- package/lib/internal/template/area-chart/styles.selectors.js +6 -6
- package/lib/internal/template/attribute-editor/styles.css.js +14 -14
- package/lib/internal/template/attribute-editor/styles.scoped.css +43 -43
- package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
- package/lib/internal/template/badge/styles.css.js +5 -5
- package/lib/internal/template/badge/styles.scoped.css +20 -20
- package/lib/internal/template/badge/styles.selectors.js +5 -5
- package/lib/internal/template/box/styles.css.js +190 -190
- package/lib/internal/template/box/styles.scoped.css +420 -420
- package/lib/internal/template/box/styles.selectors.js +190 -190
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
- package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +20 -20
- package/lib/internal/template/button/styles.scoped.css +472 -472
- 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 +50 -50
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/lib/internal/template/button-dropdown/styles.css.js +14 -14
- package/lib/internal/template/button-dropdown/styles.scoped.css +32 -32
- package/lib/internal/template/button-dropdown/styles.selectors.js +14 -14
- package/lib/internal/template/calendar/styles.css.js +18 -18
- package/lib/internal/template/calendar/styles.scoped.css +89 -89
- package/lib/internal/template/calendar/styles.selectors.js +18 -18
- package/lib/internal/template/cards/styles.css.js +38 -38
- package/lib/internal/template/cards/styles.scoped.css +99 -99
- package/lib/internal/template/cards/styles.selectors.js +38 -38
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +16 -16
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/listeners.js +2 -2
- package/lib/internal/template/code-editor/listeners.js.map +1 -1
- package/lib/internal/template/code-editor/resizable-box/index.js +2 -2
- package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
- package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
- package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
- package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/styles.css.js +32 -32
- package/lib/internal/template/code-editor/styles.scoped.css +270 -270
- package/lib/internal/template/code-editor/styles.selectors.js +32 -32
- package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
- package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
- package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
- package/lib/internal/template/collection-preferences/styles.css.js +37 -37
- package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
- package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
- package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -8
- package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/lib/internal/template/column-layout/styles.css.js +13 -13
- package/lib/internal/template/column-layout/styles.scoped.css +55 -55
- package/lib/internal/template/column-layout/styles.selectors.js +13 -13
- package/lib/internal/template/container/styles.css.js +28 -28
- package/lib/internal/template/container/styles.scoped.css +94 -94
- 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 +17 -17
- package/lib/internal/template/content-layout/styles.selectors.js +7 -7
- package/lib/internal/template/date-picker/styles.css.js +7 -7
- package/lib/internal/template/date-picker/styles.scoped.css +16 -16
- package/lib/internal/template/date-picker/styles.selectors.js +7 -7
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
- package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
- package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/lib/internal/template/date-range-picker/styles.css.js +38 -38
- package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
- package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
- package/lib/internal/template/expandable-section/styles.css.js +29 -29
- package/lib/internal/template/expandable-section/styles.scoped.css +108 -108
- package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
- package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
- package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
- package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
- package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
- package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
- package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
- package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
- package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
- package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
- package/lib/internal/template/file-upload/styles.css.js +2 -2
- package/lib/internal/template/file-upload/styles.scoped.css +4 -4
- package/lib/internal/template/file-upload/styles.selectors.js +2 -2
- package/lib/internal/template/flashbar/styles.css.js +47 -47
- package/lib/internal/template/flashbar/styles.scoped.css +249 -249
- package/lib/internal/template/flashbar/styles.selectors.js +47 -47
- package/lib/internal/template/form/styles.css.js +9 -9
- package/lib/internal/template/form/styles.scoped.css +20 -20
- package/lib/internal/template/form/styles.selectors.js +9 -9
- package/lib/internal/template/form-field/styles.css.js +19 -19
- package/lib/internal/template/form-field/styles.scoped.css +52 -52
- package/lib/internal/template/form-field/styles.selectors.js +19 -19
- package/lib/internal/template/grid/styles.css.js +53 -53
- package/lib/internal/template/grid/styles.scoped.css +60 -60
- package/lib/internal/template/grid/styles.selectors.js +53 -53
- package/lib/internal/template/header/styles.css.js +33 -33
- package/lib/internal/template/header/styles.scoped.css +114 -114
- package/lib/internal/template/header/styles.selectors.js +33 -33
- package/lib/internal/template/help-panel/styles.css.js +4 -4
- package/lib/internal/template/help-panel/styles.scoped.css +167 -167
- package/lib/internal/template/help-panel/styles.selectors.js +4 -4
- package/lib/internal/template/hotspot/styles.css.js +7 -7
- package/lib/internal/template/hotspot/styles.scoped.css +10 -10
- package/lib/internal/template/hotspot/styles.selectors.js +7 -7
- package/lib/internal/template/icon/styles.css.js +21 -21
- package/lib/internal/template/icon/styles.scoped.css +81 -81
- package/lib/internal/template/icon/styles.selectors.js +21 -21
- package/lib/internal/template/input/styles.css.js +12 -12
- package/lib/internal/template/input/styles.scoped.css +73 -73
- package/lib/internal/template/input/styles.selectors.js +12 -12
- package/lib/internal/template/internal/base-component/styles.scoped.css +3177 -3105
- package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
- package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
- package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +41 -41
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
- package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
- package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
- package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
- package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
- package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
- package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
- package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
- package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
- package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
- package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -2
- package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
- package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
- package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
- package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/dropdown/styles.css.js +21 -21
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +52 -52
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +21 -21
- package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
- package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
- package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
- package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
- package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
- package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
- package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
- package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
- package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/option/styles.css.js +17 -17
- package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/options-list/index.js +2 -2
- package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
- package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +70 -70
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
- package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +25 -23
- package/lib/internal/template/internal/generated/theming/index.js +25 -23
- package/lib/internal/template/internal/hooks/container-queries/index.d.ts +0 -1
- package/lib/internal/template/internal/hooks/container-queries/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/container-queries/index.js +0 -1
- package/lib/internal/template/internal/hooks/container-queries/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js +1 -1
- package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +1 -1
- package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-mobile/index.js +1 -1
- package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-mouse-down-target.js +1 -1
- package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-mutation-observer/index.js +2 -3
- package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +158 -158
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
- package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +24 -24
- package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/lib/internal/template/modal/styles.css.js +23 -23
- package/lib/internal/template/modal/styles.scoped.css +67 -67
- package/lib/internal/template/modal/styles.selectors.js +23 -23
- package/lib/internal/template/multiselect/styles.css.js +1 -1
- package/lib/internal/template/multiselect/styles.scoped.css +5 -5
- package/lib/internal/template/multiselect/styles.selectors.js +1 -1
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +47 -47
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/pie-chart/labels.js +1 -1
- package/lib/internal/template/pie-chart/labels.js.map +1 -1
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +63 -63
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/container.d.ts.map +1 -1
- package/lib/internal/template/popover/container.js +1 -1
- package/lib/internal/template/popover/container.js.map +1 -1
- package/lib/internal/template/popover/styles.css.js +50 -50
- package/lib/internal/template/popover/styles.scoped.css +104 -104
- package/lib/internal/template/popover/styles.selectors.js +50 -50
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +29 -29
- package/lib/internal/template/property-filter/styles.scoped.css +52 -52
- package/lib/internal/template/property-filter/styles.selectors.js +29 -29
- package/lib/internal/template/radio-group/styles.css.js +9 -9
- package/lib/internal/template/radio-group/styles.scoped.css +37 -37
- package/lib/internal/template/radio-group/styles.selectors.js +9 -9
- package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
- package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
- package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
- package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js +2 -2
- package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/select/parts/styles.css.js +9 -9
- package/lib/internal/template/select/parts/styles.scoped.css +17 -17
- package/lib/internal/template/select/parts/styles.selectors.js +9 -9
- package/lib/internal/template/select/styles.css.js +1 -1
- package/lib/internal/template/select/styles.scoped.css +5 -5
- package/lib/internal/template/select/styles.selectors.js +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +28 -28
- package/lib/internal/template/side-navigation/styles.scoped.css +92 -92
- package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
- package/lib/internal/template/space-between/styles.css.js +23 -23
- package/lib/internal/template/space-between/styles.scoped.css +40 -40
- package/lib/internal/template/space-between/styles.selectors.js +23 -23
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +35 -35
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/split-panel/bottom.js +1 -1
- package/lib/internal/template/split-panel/bottom.js.map +1 -1
- package/lib/internal/template/split-panel/styles.css.js +56 -56
- package/lib/internal/template/split-panel/styles.scoped.css +146 -146
- package/lib/internal/template/split-panel/styles.selectors.js +56 -56
- package/lib/internal/template/status-indicator/styles.css.js +22 -22
- package/lib/internal/template/status-indicator/styles.scoped.css +46 -46
- package/lib/internal/template/status-indicator/styles.selectors.js +22 -22
- package/lib/internal/template/table/body-cell/click-away.js +2 -2
- package/lib/internal/template/table/body-cell/click-away.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 +155 -155
- 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 +93 -93
- package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
- package/lib/internal/template/table/resizer/index.js +3 -3
- package/lib/internal/template/table/resizer/index.js.map +1 -1
- package/lib/internal/template/table/resizer/styles.css.js +6 -6
- package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
- package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
- package/lib/internal/template/table/selection-control/styles.css.js +3 -3
- package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
- package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +2 -3
- package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
- package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
- package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
- package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/lib/internal/template/table/styles.css.js +34 -34
- package/lib/internal/template/table/styles.scoped.css +84 -84
- package/lib/internal/template/table/styles.selectors.js +34 -34
- package/lib/internal/template/table/use-sticky-header.js +1 -1
- package/lib/internal/template/table/use-sticky-header.js.map +1 -1
- package/lib/internal/template/tabs/styles.css.js +21 -21
- package/lib/internal/template/tabs/styles.scoped.css +86 -86
- package/lib/internal/template/tabs/styles.selectors.js +21 -21
- package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
- package/lib/internal/template/tag-editor/index.js +6 -6
- package/lib/internal/template/tag-editor/index.js.map +1 -1
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
- 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 +120 -120
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/text-filter/styles.css.js +3 -3
- package/lib/internal/template/text-filter/styles.scoped.css +10 -10
- package/lib/internal/template/text-filter/styles.selectors.js +3 -3
- package/lib/internal/template/textarea/styles.css.js +4 -4
- package/lib/internal/template/textarea/styles.scoped.css +40 -40
- package/lib/internal/template/textarea/styles.selectors.js +4 -4
- package/lib/internal/template/tiles/styles.css.js +29 -29
- package/lib/internal/template/tiles/styles.scoped.css +128 -128
- package/lib/internal/template/tiles/styles.selectors.js +29 -29
- package/lib/internal/template/toggle/styles.css.js +8 -8
- package/lib/internal/template/toggle/styles.scoped.css +27 -27
- package/lib/internal/template/toggle/styles.selectors.js +8 -8
- package/lib/internal/template/token-group/styles.css.js +7 -7
- package/lib/internal/template/token-group/styles.scoped.css +42 -42
- package/lib/internal/template/token-group/styles.selectors.js +7 -7
- 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 +84 -84
- 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 +148 -148
- 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 +43 -43
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
- package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
- package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
- package/lib/internal/template/wizard/styles.css.js +31 -31
- package/lib/internal/template/wizard/styles.scoped.css +124 -124
- package/lib/internal/template/wizard/styles.selectors.js +31 -31
- package/package.json +1 -1
- package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
- package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +0 -54
- package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
- package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +0 -4
- package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/container-queries/utils.js +0 -10
- package/lib/internal/template/internal/hooks/container-queries/utils.js.map +0 -1
- package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts +0 -11
- package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/use-singleton-handler/index.js +0 -45
- package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map +0 -1
- package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
- package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js +0 -19
- package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js.map +0 -1
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_fvjdu_9dm63_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -120,11 +120,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: var(--font-body-m-size-
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
125
|
-
color: var(--color-text-body-default-
|
|
123
|
+
font-size: var(--font-body-m-size-bf8hby, 14px);
|
|
124
|
+
line-height: var(--font-body-m-line-height-wmg6vk, 22px);
|
|
125
|
+
color: var(--color-text-body-default-ki9w9u, #16191f);
|
|
126
126
|
font-weight: 400;
|
|
127
|
-
font-family: var(--font-family-base-
|
|
127
|
+
font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
128
|
-webkit-font-smoothing: auto;
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
display: flex;
|
|
@@ -136,13 +136,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
136
136
|
list-style: none;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
|
-
.
|
|
140
|
-
.
|
|
141
|
-
min-width: var(--space-l-
|
|
142
|
-
border: var(--border-field-width-
|
|
139
|
+
.awsui_button_fvjdu_9dm63_113:not(#\9),
|
|
140
|
+
.awsui_dots_fvjdu_9dm63_114:not(#\9) {
|
|
141
|
+
min-width: var(--space-l-xu1x80, 20px);
|
|
142
|
+
border: var(--border-field-width-yoy972, 1px) solid transparent;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
.
|
|
145
|
+
.awsui_button_fvjdu_9dm63_113:not(#\9) {
|
|
146
146
|
cursor: pointer;
|
|
147
147
|
text-align: center;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -150,69 +150,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
line-height: inherit;
|
|
151
151
|
padding: 0;
|
|
152
152
|
}
|
|
153
|
-
.
|
|
153
|
+
.awsui_button_fvjdu_9dm63_113:not(#\9):focus {
|
|
154
154
|
outline: none;
|
|
155
155
|
}
|
|
156
|
-
body[data-awsui-focus-visible=true] .
|
|
156
|
+
body[data-awsui-focus-visible=true] .awsui_button_fvjdu_9dm63_113:not(#\9):focus {
|
|
157
157
|
outline: 2px dotted transparent;
|
|
158
|
-
border: var(--border-field-width-
|
|
159
|
-
border-radius: var(--border-radius-control-default-focus-ring-
|
|
160
|
-
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-
|
|
158
|
+
border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
|
|
159
|
+
border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
|
|
160
|
+
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
|
|
161
161
|
}
|
|
162
|
-
.awsui_button-
|
|
162
|
+
.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
|
|
163
163
|
cursor: default;
|
|
164
|
-
color: var(--color-text-interactive-disabled-
|
|
164
|
+
color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.
|
|
168
|
-
color: var(--color-text-interactive-default-
|
|
167
|
+
.awsui_arrow_fvjdu_9dm63_141:not(#\9) {
|
|
168
|
+
color: var(--color-text-interactive-default-dt26aj, #545b64);
|
|
169
169
|
}
|
|
170
|
-
.
|
|
171
|
-
color: var(--color-text-interactive-hover-
|
|
170
|
+
.awsui_arrow_fvjdu_9dm63_141:not(#\9):not(.awsui_button-disabled_fvjdu_9dm63_136):hover {
|
|
171
|
+
color: var(--color-text-interactive-hover-7who0l, #16191f);
|
|
172
172
|
}
|
|
173
|
-
.
|
|
174
|
-
color: var(--color-text-interactive-disabled-
|
|
173
|
+
.awsui_arrow_fvjdu_9dm63_141.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
|
|
174
|
+
color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
.awsui_page-
|
|
178
|
-
color: var(--color-text-pagination-page-number-default-
|
|
177
|
+
.awsui_page-number_fvjdu_9dm63_151:not(#\9) {
|
|
178
|
+
color: var(--color-text-pagination-page-number-default-wqlfx1, #545b64);
|
|
179
179
|
}
|
|
180
|
-
.awsui_page-
|
|
181
|
-
color: var(--color-text-interactive-hover-
|
|
180
|
+
.awsui_page-number_fvjdu_9dm63_151:not(#\9):not(.awsui_button-disabled_fvjdu_9dm63_136):hover {
|
|
181
|
+
color: var(--color-text-interactive-hover-7who0l, #16191f);
|
|
182
182
|
}
|
|
183
|
-
.awsui_page-
|
|
184
|
-
font-weight: var(--font-wayfinding-link-active-weight-
|
|
185
|
-
-webkit-font-smoothing: var(--font-smoothing-webkit-
|
|
186
|
-
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-
|
|
187
|
-
color: var(--color-text-interactive-active-
|
|
183
|
+
.awsui_page-number_fvjdu_9dm63_151.awsui_button-current_fvjdu_9dm63_157:not(#\9) {
|
|
184
|
+
font-weight: var(--font-wayfinding-link-active-weight-wec2dg, 700);
|
|
185
|
+
-webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
|
|
186
|
+
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
|
|
187
|
+
color: var(--color-text-interactive-active-jrhxoe, #16191f);
|
|
188
188
|
}
|
|
189
|
-
.awsui_page-
|
|
190
|
-
color: var(--color-text-pagination-page-number-active-disabled-
|
|
189
|
+
.awsui_page-number_fvjdu_9dm63_151.awsui_button-current_fvjdu_9dm63_157.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
|
|
190
|
+
color: var(--color-text-pagination-page-number-active-disabled-jox4ky, #545b64);
|
|
191
191
|
}
|
|
192
|
-
.awsui_page-
|
|
193
|
-
color: var(--color-text-interactive-disabled-
|
|
192
|
+
.awsui_page-number_fvjdu_9dm63_151.awsui_button-disabled_fvjdu_9dm63_136:not(#\9) {
|
|
193
|
+
color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.
|
|
197
|
-
color: var(--color-text-interactive-default-
|
|
196
|
+
.awsui_dots_fvjdu_9dm63_114:not(#\9) {
|
|
197
|
+
color: var(--color-text-interactive-default-dt26aj, #545b64);
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.awsui_page-
|
|
201
|
-
.
|
|
202
|
-
margin: var(--space-scaled-xxs-
|
|
200
|
+
.awsui_page-item_fvjdu_9dm63_174:not(#\9),
|
|
201
|
+
.awsui_dots_fvjdu_9dm63_114:not(#\9) {
|
|
202
|
+
margin: var(--space-scaled-xxs-t7ij38, 4px) var(--space-xxs-9rrxti, 4px);
|
|
203
203
|
text-align: center;
|
|
204
204
|
box-sizing: border-box;
|
|
205
205
|
padding: 0;
|
|
206
206
|
}
|
|
207
|
-
.awsui_page-
|
|
208
|
-
.
|
|
207
|
+
.awsui_page-item_fvjdu_9dm63_174:not(#\9):first-child,
|
|
208
|
+
.awsui_dots_fvjdu_9dm63_114:not(#\9):first-child {
|
|
209
209
|
margin-left: 0;
|
|
210
210
|
}
|
|
211
|
-
.awsui_page-
|
|
212
|
-
.
|
|
211
|
+
.awsui_page-item_fvjdu_9dm63_174:not(#\9):last-child,
|
|
212
|
+
.awsui_dots_fvjdu_9dm63_114:not(#\9):last-child {
|
|
213
213
|
margin-right: 0;
|
|
214
214
|
}
|
|
215
215
|
|
|
216
|
-
.awsui_root-
|
|
217
|
-
color: var(--color-text-interactive-disabled-
|
|
216
|
+
.awsui_root-disabled_fvjdu_9dm63_190 > .awsui_dots_fvjdu_9dm63_114:not(#\9) {
|
|
217
|
+
color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
|
|
218
218
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"button": "
|
|
7
|
-
"dots": "
|
|
8
|
-
"button-disabled": "awsui_button-
|
|
9
|
-
"arrow": "
|
|
10
|
-
"page-number": "awsui_page-
|
|
11
|
-
"button-current": "awsui_button-
|
|
12
|
-
"page-item": "awsui_page-
|
|
13
|
-
"root-disabled": "awsui_root-
|
|
5
|
+
"root": "awsui_root_fvjdu_9dm63_93",
|
|
6
|
+
"button": "awsui_button_fvjdu_9dm63_113",
|
|
7
|
+
"dots": "awsui_dots_fvjdu_9dm63_114",
|
|
8
|
+
"button-disabled": "awsui_button-disabled_fvjdu_9dm63_136",
|
|
9
|
+
"arrow": "awsui_arrow_fvjdu_9dm63_141",
|
|
10
|
+
"page-number": "awsui_page-number_fvjdu_9dm63_151",
|
|
11
|
+
"button-current": "awsui_button-current_fvjdu_9dm63_157",
|
|
12
|
+
"page-item": "awsui_page-item_fvjdu_9dm63_174",
|
|
13
|
+
"root-disabled": "awsui_root-disabled_fvjdu_9dm63_190"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -5,8 +5,8 @@ import clsx from 'clsx';
|
|
|
5
5
|
import { arc } from 'd3-shape';
|
|
6
6
|
import styles from './styles.css.js';
|
|
7
7
|
import { balanceLabelNodes } from './utils';
|
|
8
|
-
import { useResizeObserver } from '../internal/hooks/container-queries';
|
|
9
8
|
import ResponsiveText from './responsive-text';
|
|
9
|
+
import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
|
|
10
10
|
function LabelElement({ x, y, hideTitles, hideDescriptions, rightSide, title, description, containerBoundaries, }) {
|
|
11
11
|
return (
|
|
12
12
|
// Reset the transform property to prepare for `balanceLabelNodes`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"labels.js","sourceRoot":"lib/default/","sources":["pie-chart/labels.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,GAAG,EAAe,MAAM,UAAU,CAAC;AAG5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAa,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAwB/C,SAAS,YAAY,CAAC,EACpB,CAAC,EACD,CAAC,EACD,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,WAAW,EACX,mBAAmB,GACD;IAClB,OAAO;IACL,mEAAmE;IACnE,2EAA2E;IAC3E,2BAAG,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,EAAC,EAAE,YAAS,CAAC,YAAU,CAAC;QAClE,CAAC,UAAU,IAAI,CACd,oBAAC,cAAc,IAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,mBAAmB,IACvF,KAAK,CACS,CAClB;QACA,CAAC,gBAAgB,IAAI,WAAW,IAAI,CACnC,oBAAC,cAAc,IACb,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,mBAAmB,EAAE,mBAAmB,IAEvC,WAAW,CACG,CAClB,CACC,CACL,CAAC;AACJ,CAAC;AAED,eAAe,CAAgC,EAC7C,OAAO,EACP,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,YAAY,GACG,EAAE,EAAE;IACnB,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC;QAE9D,+CAA+C;QAC/C,MAAM,cAAc,GAAG,GAAG,EAAoB;aAC3C,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;aACvB,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE3B,MAAM,cAAc,GAAG,GAAG,EAAoB;aAC3C,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;aACvC,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;QAE3C,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC9B,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,GAAG,CAAC,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAE3F,yFAAyF;YACzF,cAAc,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YAC/E,cAAc,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YAC/E,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxD,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAExD,MAAM,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC;YACrC,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE9C,OAAO;gBACL,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,IAAI;gBACJ,IAAI,EAAE,MAAM;gBACZ,KAAK;gBACL,KAAK,EAAE,MAAM;gBACb,SAAS;gBACT,KAAK;aACN,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,MAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE1C,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YACpB,OAAO;SACR;QAED,oCAAoC;QACpC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAc,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAC7F,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QAC9C,iBAAiB,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,2BAAG,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,MAAM,EAAC,GAAG,EAAE,OAAO,IAC1D,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC9F,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,MAAM,WAAW,GAAG,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,OAAO,EAAE,cAAc,CAAC,CAAC;QAClE,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxE,OAAO,IAAI,CAAC;SACb;QACD,OAAO,CACL,2BACE,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACrB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC5B,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,kBAAkB,KAAK,OAAO;gBAC9D,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,IAAI,kBAAkB,KAAK,OAAO;gBACxF,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS;aAC3C,CAAC;YAEF,8BAAM,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAI;YACxD,8BAAM,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,GAAI;YACrF,oBAAC,YAAY,IACX,CAAC,EAAE,KAAK,EACR,CAAC,EAAE,KAAK,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,GACxC,CACA,CACL,CAAC;IACJ,CAAC,CAAC,CACA,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,oBAAoB,CAAC,GAAiC;IAC7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1D,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE;QAC7B,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC;QACzD,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { arc, PieArcDatum } from 'd3-shape';\n\nimport { PieChartProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { InternalChartDatum } from './pie-chart';\nimport { Dimension, balanceLabelNodes } from './utils';\nimport { useResizeObserver } from '../internal/hooks/container-queries';\nimport ResponsiveText from './responsive-text';\n\nexport interface LabelsProps<T> {\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n visibleDataSum: number;\n dimensions: Dimension;\n hideTitles: boolean;\n hideDescriptions: boolean;\n highlightedSegment: PieChartProps.Datum | null;\n segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\ninterface LabelElementProps {\n x: number;\n y: number;\n rightSide: boolean;\n hideTitles: boolean;\n hideDescriptions: boolean;\n title: PieChartProps.Datum['title'];\n description?: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nfunction LabelElement({\n x,\n y,\n hideTitles,\n hideDescriptions,\n rightSide,\n title,\n description,\n containerBoundaries,\n}: LabelElementProps) {\n return (\n // Reset the transform property to prepare for `balanceLabelNodes`.\n // The dataset attributes are also needed in the function for IE11 support.\n <g className={styles['label-text']} transform=\"\" data-x={x} data-y={y}>\n {!hideTitles && (\n <ResponsiveText x={x} y={y} rightSide={rightSide} containerBoundaries={containerBoundaries}>\n {title}\n </ResponsiveText>\n )}\n {!hideDescriptions && description && (\n <ResponsiveText\n x={x}\n y={y + (hideTitles ? 0 : 18)}\n rightSide={rightSide}\n className={styles.label__description}\n containerBoundaries={containerBoundaries}\n >\n {description}\n </ResponsiveText>\n )}\n </g>\n );\n}\n\nexport default <T extends PieChartProps.Datum>({\n pieData,\n dimensions,\n highlightedSegment,\n segmentDescription,\n visibleDataSum,\n hideTitles,\n hideDescriptions,\n containerRef,\n}: LabelsProps<T>) => {\n const containerBoundaries = useElementBoundaries(containerRef);\n\n const markers = useMemo(() => {\n const { outerRadius: radius, innerLabelPadding } = dimensions;\n\n // More arc factories for the label positioning\n const arcMarkerStart = arc<PieArcDatum<any>>()\n .innerRadius(radius - 1)\n .outerRadius(radius - 1);\n\n const arcMarkerBreak = arc<PieArcDatum<any>>()\n .innerRadius(radius + innerLabelPadding)\n .outerRadius(radius + innerLabelPadding);\n\n return pieData.map((datum, i) => {\n const labelDatum = pieData[i];\n const midAngle = labelDatum.startAngle + (labelDatum.endAngle - labelDatum.startAngle) / 2;\n\n // Make the marker line longer if the segment is closer to the top or bottom of the chart\n arcMarkerBreak.outerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n arcMarkerBreak.innerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n const [startX, startY] = arcMarkerStart.centroid(datum);\n const [breakX, breakY] = arcMarkerBreak.centroid(datum);\n\n const rightSide = midAngle < Math.PI;\n const endX = (radius + 20) * (rightSide ? 1 : -1);\n const textX = endX + 5 * (rightSide ? 1 : -1);\n\n return {\n startX,\n startY,\n breakX,\n breakY,\n endX,\n endY: breakY,\n textX,\n textY: breakY,\n rightSide,\n datum,\n };\n });\n }, [pieData, dimensions]);\n\n const rootRef = useRef<SVGGElement>(null);\n\n useLayoutEffect(() => {\n if (!rootRef.current) {\n return;\n }\n\n // Relax labels that are overlapping\n const labelNodes = rootRef.current.querySelectorAll<SVGGElement>(`.${styles['label-text']}`);\n balanceLabelNodes(labelNodes, markers, false);\n balanceLabelNodes(labelNodes, markers, true);\n }, [markers, pieData]);\n\n return (\n <g className={styles.markers} aria-hidden=\"true\" ref={rootRef}>\n {markers.map(({ startX, startY, breakX, breakY, endX, endY, textX, textY, rightSide, datum }) => {\n const segment = datum.data.datum;\n const description = segmentDescription?.(segment, visibleDataSum);\n if ((hideTitles && !description) || (hideDescriptions && !segment.title)) {\n return null;\n }\n return (\n <g\n key={datum.data.index}\n className={clsx(styles.label, {\n [styles['label--highlighted']]: highlightedSegment === segment,\n [styles['label--dimmed']]: highlightedSegment !== null && highlightedSegment !== segment,\n [styles['label--align-right']]: !rightSide,\n })}\n >\n <line x1={startX} y1={startY} x2={breakX} y2={breakY} />\n <line x1={breakX} y1={breakY} x2={endX} y2={endY} className={styles['label-line']} />\n <LabelElement\n x={textX}\n y={textY}\n rightSide={rightSide}\n title={segment.title}\n description={description}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n containerBoundaries={containerBoundaries}\n />\n </g>\n );\n })}\n </g>\n );\n};\n\nfunction useElementBoundaries(ref: React.RefObject<HTMLElement>): { left: number; right: number } {\n const [state, setState] = useState({ left: 0, right: 0 });\n useResizeObserver(ref, entry => {\n const elementRect = entry.target.getBoundingClientRect();\n setState({ left: elementRect.left, right: elementRect.right });\n });\n return state;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"labels.js","sourceRoot":"lib/default/","sources":["pie-chart/labels.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, { useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { arc, PieArcDatum } from 'd3-shape';\n\nimport { PieChartProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { InternalChartDatum } from './pie-chart';\nimport { Dimension, balanceLabelNodes } from './utils';\nimport ResponsiveText from './responsive-text';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface LabelsProps<T> {\n pieData: PieArcDatum<InternalChartDatum<T>>[];\n visibleDataSum: number;\n dimensions: Dimension;\n hideTitles: boolean;\n hideDescriptions: boolean;\n highlightedSegment: PieChartProps.Datum | null;\n segmentDescription?: PieChartProps.SegmentDescriptionFunction<T>;\n containerRef: React.RefObject<HTMLDivElement>;\n}\n\ninterface LabelElementProps {\n x: number;\n y: number;\n rightSide: boolean;\n hideTitles: boolean;\n hideDescriptions: boolean;\n title: PieChartProps.Datum['title'];\n description?: string;\n containerBoundaries: null | { left: number; right: number };\n}\n\nfunction LabelElement({\n x,\n y,\n hideTitles,\n hideDescriptions,\n rightSide,\n title,\n description,\n containerBoundaries,\n}: LabelElementProps) {\n return (\n // Reset the transform property to prepare for `balanceLabelNodes`.\n // The dataset attributes are also needed in the function for IE11 support.\n <g className={styles['label-text']} transform=\"\" data-x={x} data-y={y}>\n {!hideTitles && (\n <ResponsiveText x={x} y={y} rightSide={rightSide} containerBoundaries={containerBoundaries}>\n {title}\n </ResponsiveText>\n )}\n {!hideDescriptions && description && (\n <ResponsiveText\n x={x}\n y={y + (hideTitles ? 0 : 18)}\n rightSide={rightSide}\n className={styles.label__description}\n containerBoundaries={containerBoundaries}\n >\n {description}\n </ResponsiveText>\n )}\n </g>\n );\n}\n\nexport default <T extends PieChartProps.Datum>({\n pieData,\n dimensions,\n highlightedSegment,\n segmentDescription,\n visibleDataSum,\n hideTitles,\n hideDescriptions,\n containerRef,\n}: LabelsProps<T>) => {\n const containerBoundaries = useElementBoundaries(containerRef);\n\n const markers = useMemo(() => {\n const { outerRadius: radius, innerLabelPadding } = dimensions;\n\n // More arc factories for the label positioning\n const arcMarkerStart = arc<PieArcDatum<any>>()\n .innerRadius(radius - 1)\n .outerRadius(radius - 1);\n\n const arcMarkerBreak = arc<PieArcDatum<any>>()\n .innerRadius(radius + innerLabelPadding)\n .outerRadius(radius + innerLabelPadding);\n\n return pieData.map((datum, i) => {\n const labelDatum = pieData[i];\n const midAngle = labelDatum.startAngle + (labelDatum.endAngle - labelDatum.startAngle) / 2;\n\n // Make the marker line longer if the segment is closer to the top or bottom of the chart\n arcMarkerBreak.outerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n arcMarkerBreak.innerRadius(radius + 20 * (0.5 * Math.cos(2 * midAngle) + 0.5));\n const [startX, startY] = arcMarkerStart.centroid(datum);\n const [breakX, breakY] = arcMarkerBreak.centroid(datum);\n\n const rightSide = midAngle < Math.PI;\n const endX = (radius + 20) * (rightSide ? 1 : -1);\n const textX = endX + 5 * (rightSide ? 1 : -1);\n\n return {\n startX,\n startY,\n breakX,\n breakY,\n endX,\n endY: breakY,\n textX,\n textY: breakY,\n rightSide,\n datum,\n };\n });\n }, [pieData, dimensions]);\n\n const rootRef = useRef<SVGGElement>(null);\n\n useLayoutEffect(() => {\n if (!rootRef.current) {\n return;\n }\n\n // Relax labels that are overlapping\n const labelNodes = rootRef.current.querySelectorAll<SVGGElement>(`.${styles['label-text']}`);\n balanceLabelNodes(labelNodes, markers, false);\n balanceLabelNodes(labelNodes, markers, true);\n }, [markers, pieData]);\n\n return (\n <g className={styles.markers} aria-hidden=\"true\" ref={rootRef}>\n {markers.map(({ startX, startY, breakX, breakY, endX, endY, textX, textY, rightSide, datum }) => {\n const segment = datum.data.datum;\n const description = segmentDescription?.(segment, visibleDataSum);\n if ((hideTitles && !description) || (hideDescriptions && !segment.title)) {\n return null;\n }\n return (\n <g\n key={datum.data.index}\n className={clsx(styles.label, {\n [styles['label--highlighted']]: highlightedSegment === segment,\n [styles['label--dimmed']]: highlightedSegment !== null && highlightedSegment !== segment,\n [styles['label--align-right']]: !rightSide,\n })}\n >\n <line x1={startX} y1={startY} x2={breakX} y2={breakY} />\n <line x1={breakX} y1={breakY} x2={endX} y2={endY} className={styles['label-line']} />\n <LabelElement\n x={textX}\n y={textY}\n rightSide={rightSide}\n title={segment.title}\n description={description}\n hideTitles={hideTitles}\n hideDescriptions={hideDescriptions}\n containerBoundaries={containerBoundaries}\n />\n </g>\n );\n })}\n </g>\n );\n};\n\nfunction useElementBoundaries(ref: React.RefObject<HTMLElement>): { left: number; right: number } {\n const [state, setState] = useState({ left: 0, right: 0 });\n useResizeObserver(ref, entry => {\n const elementRect = entry.target.getBoundingClientRect();\n setState({ left: elementRect.left, right: elementRect.right });\n });\n return state;\n}\n"]}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"segment__path": "
|
|
5
|
-
"segment": "
|
|
6
|
-
"segment__hover": "
|
|
7
|
-
"label": "
|
|
8
|
-
"root": "
|
|
9
|
-
"content": "
|
|
10
|
-
"content--small": "awsui_content--
|
|
11
|
-
"content--without-labels": "awsui_content--without-
|
|
12
|
-
"content--medium": "awsui_content--
|
|
13
|
-
"content--large": "awsui_content--
|
|
14
|
-
"content--fit-height": "awsui_content--fit-
|
|
15
|
-
"status-container": "awsui_status-
|
|
16
|
-
"chart-container": "awsui_chart-
|
|
17
|
-
"chart-container--fit-height": "awsui_chart-container--fit-
|
|
18
|
-
"chart-container-chart-plot": "awsui_chart-container-chart-
|
|
19
|
-
"chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-
|
|
20
|
-
"inner-content": "awsui_inner-
|
|
21
|
-
"segment__highlight": "
|
|
22
|
-
"segment--dimmed": "awsui_segment--
|
|
23
|
-
"segment--highlighted": "awsui_segment--
|
|
24
|
-
"label--dimmed": "awsui_label--
|
|
25
|
-
"label--align-right": "awsui_label--align-
|
|
26
|
-
"label-text": "awsui_label-
|
|
27
|
-
"label__description": "
|
|
28
|
-
"label-line": "awsui_label-
|
|
29
|
-
"label--highlighted": "awsui_label--
|
|
30
|
-
"popover-header": "awsui_popover-
|
|
4
|
+
"segment__path": "awsui_segment__path_1edmh_gci9o_97",
|
|
5
|
+
"segment": "awsui_segment_1edmh_gci9o_97",
|
|
6
|
+
"segment__hover": "awsui_segment__hover_1edmh_gci9o_124",
|
|
7
|
+
"label": "awsui_label_1edmh_gci9o_138",
|
|
8
|
+
"root": "awsui_root_1edmh_gci9o_156",
|
|
9
|
+
"content": "awsui_content_1edmh_gci9o_160",
|
|
10
|
+
"content--small": "awsui_content--small_1edmh_gci9o_160",
|
|
11
|
+
"content--without-labels": "awsui_content--without-labels_1edmh_gci9o_163",
|
|
12
|
+
"content--medium": "awsui_content--medium_1edmh_gci9o_166",
|
|
13
|
+
"content--large": "awsui_content--large_1edmh_gci9o_172",
|
|
14
|
+
"content--fit-height": "awsui_content--fit-height_1edmh_gci9o_179",
|
|
15
|
+
"status-container": "awsui_status-container_1edmh_gci9o_183",
|
|
16
|
+
"chart-container": "awsui_chart-container_1edmh_gci9o_187",
|
|
17
|
+
"chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_gci9o_191",
|
|
18
|
+
"chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_gci9o_196",
|
|
19
|
+
"chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199",
|
|
20
|
+
"inner-content": "awsui_inner-content_1edmh_gci9o_208",
|
|
21
|
+
"segment__highlight": "awsui_segment__highlight_1edmh_gci9o_222",
|
|
22
|
+
"segment--dimmed": "awsui_segment--dimmed_1edmh_gci9o_237",
|
|
23
|
+
"segment--highlighted": "awsui_segment--highlighted_1edmh_gci9o_240",
|
|
24
|
+
"label--dimmed": "awsui_label--dimmed_1edmh_gci9o_257",
|
|
25
|
+
"label--align-right": "awsui_label--align-right_1edmh_gci9o_260",
|
|
26
|
+
"label-text": "awsui_label-text_1edmh_gci9o_268",
|
|
27
|
+
"label__description": "awsui_label__description_1edmh_gci9o_276",
|
|
28
|
+
"label-line": "awsui_label-line_1edmh_gci9o_283",
|
|
29
|
+
"label--highlighted": "awsui_label--highlighted_1edmh_gci9o_287",
|
|
30
|
+
"popover-header": "awsui_popover-header_1edmh_gci9o_291"
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -94,57 +94,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
98
|
-
transition: opacity var(--motion-duration-transition-quick-
|
|
97
|
+
.awsui_segment__path_1edmh_gci9o_97:not(#\9) {
|
|
98
|
+
transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
|
|
99
99
|
}
|
|
100
100
|
@media (prefers-reduced-motion: reduce) {
|
|
101
|
-
.
|
|
101
|
+
.awsui_segment__path_1edmh_gci9o_97:not(#\9) {
|
|
102
102
|
animation: none;
|
|
103
103
|
transition: none;
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
|
-
.awsui-motion-disabled .
|
|
106
|
+
.awsui-motion-disabled .awsui_segment__path_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
|
|
107
107
|
animation: none;
|
|
108
108
|
transition: none;
|
|
109
109
|
}
|
|
110
110
|
|
|
111
|
-
.
|
|
112
|
-
transition: opacity var(--motion-duration-transition-quick-
|
|
111
|
+
.awsui_segment_1edmh_gci9o_97:not(#\9) {
|
|
112
|
+
transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
|
|
113
113
|
}
|
|
114
114
|
@media (prefers-reduced-motion: reduce) {
|
|
115
|
-
.
|
|
115
|
+
.awsui_segment_1edmh_gci9o_97:not(#\9) {
|
|
116
116
|
animation: none;
|
|
117
117
|
transition: none;
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
.awsui-motion-disabled .
|
|
120
|
+
.awsui-motion-disabled .awsui_segment_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97:not(#\9) {
|
|
121
121
|
animation: none;
|
|
122
122
|
transition: none;
|
|
123
123
|
}
|
|
124
|
-
.
|
|
125
|
-
transition: opacity var(--motion-duration-transition-quick-
|
|
124
|
+
.awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
|
|
125
|
+
transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
|
|
126
126
|
}
|
|
127
127
|
@media (prefers-reduced-motion: reduce) {
|
|
128
|
-
.
|
|
128
|
+
.awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
|
|
129
129
|
animation: none;
|
|
130
130
|
transition: none;
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
|
-
.awsui-motion-disabled .
|
|
133
|
+
.awsui-motion-disabled .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
|
|
134
134
|
animation: none;
|
|
135
135
|
transition: none;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.
|
|
139
|
-
transition: opacity var(--motion-duration-transition-quick-
|
|
138
|
+
.awsui_label_1edmh_gci9o_138:not(#\9) {
|
|
139
|
+
transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
|
|
140
140
|
}
|
|
141
141
|
@media (prefers-reduced-motion: reduce) {
|
|
142
|
-
.
|
|
142
|
+
.awsui_label_1edmh_gci9o_138:not(#\9) {
|
|
143
143
|
animation: none;
|
|
144
144
|
transition: none;
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
|
-
.awsui-motion-disabled .
|
|
147
|
+
.awsui-motion-disabled .awsui_label_1edmh_gci9o_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_gci9o_138:not(#\9) {
|
|
148
148
|
animation: none;
|
|
149
149
|
transition: none;
|
|
150
150
|
}
|
|
@@ -153,50 +153,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
153
153
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
154
154
|
SPDX-License-Identifier: Apache-2.0
|
|
155
155
|
*/
|
|
156
|
-
.
|
|
156
|
+
.awsui_root_1edmh_gci9o_156:not(#\9) {
|
|
157
157
|
/* used in test-utils */
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
.
|
|
161
|
-
min-height: calc(2 * (50px + var(--space-xs-
|
|
160
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160:not(#\9) {
|
|
161
|
+
min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
|
|
162
162
|
}
|
|
163
|
-
.
|
|
164
|
-
min-height: calc(2 * (50px + var(--space-xs-
|
|
163
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
|
|
164
|
+
min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px)));
|
|
165
165
|
}
|
|
166
|
-
.
|
|
167
|
-
min-height: calc(2 * (100px + var(--space-s-
|
|
166
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166:not(#\9) {
|
|
167
|
+
min-height: calc(2 * (100px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
|
|
168
168
|
}
|
|
169
|
-
.
|
|
170
|
-
min-height: calc(2 * (100px + var(--space-s-
|
|
169
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
|
|
170
|
+
min-height: calc(2 * (100px + var(--space-s-2025hl, 12px)));
|
|
171
171
|
}
|
|
172
|
-
.
|
|
173
|
-
min-height: calc(2 * (140px + var(--space-s-
|
|
172
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172:not(#\9) {
|
|
173
|
+
min-height: calc(2 * (140px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
|
|
174
174
|
}
|
|
175
|
-
.
|
|
176
|
-
min-height: calc(2 * (140px + var(--space-s-
|
|
175
|
+
.awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
|
|
176
|
+
min-height: calc(2 * (140px + var(--space-s-2025hl, 12px)));
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.awsui_content--fit-
|
|
179
|
+
.awsui_content--fit-height_1edmh_gci9o_179:not(#\9) {
|
|
180
180
|
flex: 1;
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
.awsui_status-
|
|
183
|
+
.awsui_status-container_1edmh_gci9o_183:not(#\9) {
|
|
184
184
|
/* used in test utils */
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
.awsui_chart-
|
|
187
|
+
.awsui_chart-container_1edmh_gci9o_187:not(#\9) {
|
|
188
188
|
display: flex;
|
|
189
189
|
flex: 1;
|
|
190
190
|
}
|
|
191
|
-
.awsui_chart-container--fit-
|
|
191
|
+
.awsui_chart-container--fit-height_1edmh_gci9o_191:not(#\9) {
|
|
192
192
|
height: 100%;
|
|
193
193
|
min-height: inherit;
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_chart-container-chart-
|
|
196
|
+
.awsui_chart-container-chart-plot_1edmh_gci9o_196:not(#\9) {
|
|
197
197
|
display: contents;
|
|
198
198
|
}
|
|
199
|
-
.awsui_chart-container-chart-plot--fit-
|
|
199
|
+
.awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199:not(#\9) {
|
|
200
200
|
display: block;
|
|
201
201
|
position: absolute;
|
|
202
202
|
top: 0;
|
|
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
205
205
|
left: 0;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.awsui_inner-
|
|
208
|
+
.awsui_inner-content_1edmh_gci9o_208:not(#\9) {
|
|
209
209
|
display: flex;
|
|
210
210
|
position: absolute;
|
|
211
211
|
flex-direction: column;
|
|
@@ -219,76 +219,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
219
219
|
pointer-events: none;
|
|
220
220
|
}
|
|
221
221
|
|
|
222
|
-
.
|
|
222
|
+
.awsui_segment__highlight_1edmh_gci9o_222:not(#\9) {
|
|
223
223
|
stroke: none;
|
|
224
224
|
opacity: 0;
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.
|
|
228
|
-
stroke: var(--color-background-container-content-
|
|
227
|
+
.awsui_segment_1edmh_gci9o_97:not(#\9) {
|
|
228
|
+
stroke: var(--color-background-container-content-il2pe5, #ffffff);
|
|
229
229
|
stroke-width: 2px;
|
|
230
230
|
stroke-linejoin: round;
|
|
231
231
|
opacity: 1;
|
|
232
232
|
cursor: pointer;
|
|
233
233
|
}
|
|
234
|
-
.
|
|
234
|
+
.awsui_segment_1edmh_gci9o_97:not(#\9):focus {
|
|
235
235
|
outline: none;
|
|
236
236
|
}
|
|
237
|
-
.
|
|
237
|
+
.awsui_segment_1edmh_gci9o_97.awsui_segment--dimmed_1edmh_gci9o_237:not(#\9) {
|
|
238
238
|
opacity: 0.35;
|
|
239
239
|
}
|
|
240
|
-
.
|
|
240
|
+
.awsui_segment_1edmh_gci9o_97.awsui_segment--highlighted_1edmh_gci9o_240 > .awsui_segment__highlight_1edmh_gci9o_222:not(#\9), .awsui_segment_1edmh_gci9o_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_gci9o_237) > .awsui_segment__highlight_1edmh_gci9o_222 {
|
|
241
241
|
opacity: 1;
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
.
|
|
245
|
-
color: var(--color-text-heading-default-
|
|
244
|
+
.awsui_label_1edmh_gci9o_138:not(#\9) {
|
|
245
|
+
color: var(--color-text-heading-default-q5s9rq, #16191f);
|
|
246
246
|
opacity: 1;
|
|
247
247
|
/* stylelint-disable-next-line selector-max-type */
|
|
248
248
|
/* stylelint-disable-next-line selector-max-type */
|
|
249
249
|
}
|
|
250
|
-
.
|
|
251
|
-
stroke: var(--color-stroke-chart-line-
|
|
252
|
-
stroke-width: var(--border-divider-section-width-
|
|
250
|
+
.awsui_label_1edmh_gci9o_138 > line:not(#\9) {
|
|
251
|
+
stroke: var(--color-stroke-chart-line-917j1w, #879596);
|
|
252
|
+
stroke-width: var(--border-divider-section-width-4ozgf3, 1px);
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
.awsui_label_1edmh_gci9o_138 > div:not(#\9) {
|
|
255
255
|
margin-top: -0.75em;
|
|
256
256
|
}
|
|
257
|
-
.
|
|
257
|
+
.awsui_label_1edmh_gci9o_138.awsui_label--dimmed_1edmh_gci9o_257:not(#\9) {
|
|
258
258
|
opacity: 0.35;
|
|
259
259
|
}
|
|
260
|
-
.
|
|
260
|
+
.awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260:not(#\9) {
|
|
261
261
|
/* stylelint-disable-next-line selector-max-type */
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260 > div:not(#\9) {
|
|
264
264
|
text-align: right;
|
|
265
265
|
}
|
|
266
266
|
|
|
267
267
|
/* stylelint-disable-next-line selector-max-type */
|
|
268
|
-
.awsui_label-
|
|
269
|
-
font-size: var(--font-body-m-size-
|
|
270
|
-
line-height: var(--font-body-m-line-height-
|
|
271
|
-
font-weight: var(--font-display-label-weight-
|
|
272
|
-
fill: var(--color-text-heading-default-
|
|
268
|
+
.awsui_label-text_1edmh_gci9o_268 > text:not(#\9) {
|
|
269
|
+
font-size: var(--font-body-m-size-bf8hby, 14px);
|
|
270
|
+
line-height: var(--font-body-m-line-height-wmg6vk, 22px);
|
|
271
|
+
font-weight: var(--font-display-label-weight-2njs7q, 400);
|
|
272
|
+
fill: var(--color-text-heading-default-q5s9rq, #16191f);
|
|
273
273
|
dominant-baseline: middle;
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
text.
|
|
277
|
-
font-size: var(--font-chart-detail-size-
|
|
276
|
+
text.awsui_label__description_1edmh_gci9o_276:not(#\9) {
|
|
277
|
+
font-size: var(--font-chart-detail-size-pob89f, 14px);
|
|
278
278
|
font-weight: 400;
|
|
279
|
-
color: var(--color-text-group-label-
|
|
280
|
-
fill: var(--color-text-group-label-
|
|
279
|
+
color: var(--color-text-group-label-7crvc9, #545b64);
|
|
280
|
+
fill: var(--color-text-group-label-7crvc9, #545b64);
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
.awsui_label-
|
|
283
|
+
.awsui_label-line_1edmh_gci9o_283:not(#\9) {
|
|
284
284
|
/* used in component code */
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
.awsui_label--
|
|
287
|
+
.awsui_label--highlighted_1edmh_gci9o_287:not(#\9) {
|
|
288
288
|
/* used in test-utils */
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
-
.awsui_popover-
|
|
291
|
+
.awsui_popover-header_1edmh_gci9o_291:not(#\9) {
|
|
292
292
|
display: inline-flex;
|
|
293
293
|
align-items: flex-start;
|
|
294
294
|
}
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"segment__path": "
|
|
6
|
-
"segment": "
|
|
7
|
-
"segment__hover": "
|
|
8
|
-
"label": "
|
|
9
|
-
"root": "
|
|
10
|
-
"content": "
|
|
11
|
-
"content--small": "awsui_content--
|
|
12
|
-
"content--without-labels": "awsui_content--without-
|
|
13
|
-
"content--medium": "awsui_content--
|
|
14
|
-
"content--large": "awsui_content--
|
|
15
|
-
"content--fit-height": "awsui_content--fit-
|
|
16
|
-
"status-container": "awsui_status-
|
|
17
|
-
"chart-container": "awsui_chart-
|
|
18
|
-
"chart-container--fit-height": "awsui_chart-container--fit-
|
|
19
|
-
"chart-container-chart-plot": "awsui_chart-container-chart-
|
|
20
|
-
"chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-
|
|
21
|
-
"inner-content": "awsui_inner-
|
|
22
|
-
"segment__highlight": "
|
|
23
|
-
"segment--dimmed": "awsui_segment--
|
|
24
|
-
"segment--highlighted": "awsui_segment--
|
|
25
|
-
"label--dimmed": "awsui_label--
|
|
26
|
-
"label--align-right": "awsui_label--align-
|
|
27
|
-
"label-text": "awsui_label-
|
|
28
|
-
"label__description": "
|
|
29
|
-
"label-line": "awsui_label-
|
|
30
|
-
"label--highlighted": "awsui_label--
|
|
31
|
-
"popover-header": "awsui_popover-
|
|
5
|
+
"segment__path": "awsui_segment__path_1edmh_gci9o_97",
|
|
6
|
+
"segment": "awsui_segment_1edmh_gci9o_97",
|
|
7
|
+
"segment__hover": "awsui_segment__hover_1edmh_gci9o_124",
|
|
8
|
+
"label": "awsui_label_1edmh_gci9o_138",
|
|
9
|
+
"root": "awsui_root_1edmh_gci9o_156",
|
|
10
|
+
"content": "awsui_content_1edmh_gci9o_160",
|
|
11
|
+
"content--small": "awsui_content--small_1edmh_gci9o_160",
|
|
12
|
+
"content--without-labels": "awsui_content--without-labels_1edmh_gci9o_163",
|
|
13
|
+
"content--medium": "awsui_content--medium_1edmh_gci9o_166",
|
|
14
|
+
"content--large": "awsui_content--large_1edmh_gci9o_172",
|
|
15
|
+
"content--fit-height": "awsui_content--fit-height_1edmh_gci9o_179",
|
|
16
|
+
"status-container": "awsui_status-container_1edmh_gci9o_183",
|
|
17
|
+
"chart-container": "awsui_chart-container_1edmh_gci9o_187",
|
|
18
|
+
"chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_gci9o_191",
|
|
19
|
+
"chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_gci9o_196",
|
|
20
|
+
"chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199",
|
|
21
|
+
"inner-content": "awsui_inner-content_1edmh_gci9o_208",
|
|
22
|
+
"segment__highlight": "awsui_segment__highlight_1edmh_gci9o_222",
|
|
23
|
+
"segment--dimmed": "awsui_segment--dimmed_1edmh_gci9o_237",
|
|
24
|
+
"segment--highlighted": "awsui_segment--highlighted_1edmh_gci9o_240",
|
|
25
|
+
"label--dimmed": "awsui_label--dimmed_1edmh_gci9o_257",
|
|
26
|
+
"label--align-right": "awsui_label--align-right_1edmh_gci9o_260",
|
|
27
|
+
"label-text": "awsui_label-text_1edmh_gci9o_268",
|
|
28
|
+
"label__description": "awsui_label__description_1edmh_gci9o_276",
|
|
29
|
+
"label-line": "awsui_label-line_1edmh_gci9o_283",
|
|
30
|
+
"label--highlighted": "awsui_label--highlighted_1edmh_gci9o_287",
|
|
31
|
+
"popover-header": "awsui_popover-header_1edmh_gci9o_291"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAMtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}
|