@cloudscape-design/components 3.0.648 → 3.0.650
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/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +39 -41
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +18 -20
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -32
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +6 -8
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/index.js +2 -2
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/styles.css.js +13 -13
- package/app-layout/drawer/styles.scoped.css +21 -23
- package/app-layout/drawer/styles.selectors.js +13 -13
- package/app-layout/mobile-toolbar/index.js +1 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +8 -10
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/skeleton/styles.css.js +11 -11
- package/app-layout/skeleton/styles.scoped.css +20 -22
- package/app-layout/skeleton/styles.selectors.js +11 -11
- package/app-layout/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +2 -4
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +16 -16
- package/app-layout/styles.scoped.css +19 -21
- package/app-layout/styles.selectors.js +16 -16
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +6 -8
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/utils/sticky-offsets.d.ts +1 -1
- package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
- package/app-layout/utils/sticky-offsets.js +2 -2
- package/app-layout/utils/sticky-offsets.js.map +1 -1
- package/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/app-layout/visual-refresh/background.js +2 -5
- package/app-layout/visual-refresh/background.js.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.js +1 -2
- package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +0 -2
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +2 -7
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.js +2 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +1 -3
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -4
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +3 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +82 -83
- package/app-layout/visual-refresh/styles.scoped.css +169 -196
- package/app-layout/visual-refresh/styles.selectors.js +82 -83
- package/app-layout/visual-refresh/tools.js +2 -2
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +1 -1
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
- package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.js +0 -6
- package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +9 -11
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +24 -26
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +5 -7
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +191 -191
- package/box/styles.scoped.css +248 -446
- package/box/styles.selectors.js +191 -191
- package/breadcrumb-group/item/styles.css.js +8 -8
- package/breadcrumb-group/item/styles.scoped.css +16 -18
- package/breadcrumb-group/item/styles.selectors.js +8 -8
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +12 -14
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +19 -19
- package/button/styles.scoped.css +153 -155
- package/button/styles.selectors.js +19 -19
- package/button-dropdown/category-elements/category-element.js +1 -1
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/styles.css.js +14 -14
- package/button-dropdown/category-elements/styles.scoped.css +24 -25
- package/button-dropdown/category-elements/styles.selectors.js +14 -14
- package/button-dropdown/item-element/styles.css.js +11 -11
- package/button-dropdown/item-element/styles.scoped.css +16 -17
- package/button-dropdown/item-element/styles.selectors.js +11 -11
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -7
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +15 -15
- package/button-dropdown/styles.scoped.css +22 -24
- package/button-dropdown/styles.selectors.js +15 -15
- package/calendar/styles.css.js +20 -20
- package/calendar/styles.scoped.css +42 -44
- package/calendar/styles.selectors.js +20 -20
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +50 -52
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +5 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +5 -6
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -147
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +17 -21
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +44 -52
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +43 -45
- package/column-layout/styles.selectors.js +13 -13
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +7 -25
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +30 -29
- package/container/styles.scoped.css +60 -55
- package/container/styles.selectors.js +30 -29
- package/container/use-sticky-header.d.ts +3 -2
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +5 -3
- package/container/use-sticky-header.js.map +1 -1
- package/content-layout/internal.js +2 -2
- package/content-layout/internal.js.map +1 -1
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +16 -18
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +9 -11
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +27 -27
- package/date-range-picker/calendar/grids/styles.scoped.css +42 -44
- package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +13 -15
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +39 -39
- package/date-range-picker/styles.scoped.css +48 -50
- package/date-range-picker/styles.selectors.js +39 -39
- package/drawer/implementation.js +2 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/styles.css.js +3 -3
- package/drawer/styles.scoped.css +10 -11
- package/drawer/styles.selectors.js +3 -3
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +65 -66
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +2 -4
- package/file-upload/dropzone/styles.selectors.js +2 -2
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +7 -9
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +146 -154
- package/flashbar/styles.selectors.js +47 -47
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +8 -10
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +38 -40
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +54 -56
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +50 -52
- package/header/styles.selectors.js +34 -34
- package/help-panel/implementation.js +2 -2
- package/help-panel/implementation.js.map +1 -1
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +78 -68
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +7 -9
- package/hotspot/styles.selectors.js +7 -7
- package/icon/icons.js +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon/styles.css.js +37 -37
- package/icon/styles.scoped.css +84 -67
- package/icon/styles.selectors.js +37 -37
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +34 -36
- package/input/styles.selectors.js +13 -13
- package/internal/analytics/index.d.ts +7 -1
- package/internal/analytics/index.d.ts.map +1 -1
- package/internal/analytics/index.js +10 -0
- package/internal/analytics/index.js.map +1 -1
- package/internal/analytics/interfaces.d.ts +12 -0
- package/internal/analytics/interfaces.d.ts.map +1 -1
- package/internal/analytics/interfaces.js.map +1 -1
- package/internal/base-component/index.d.ts +5 -3
- package/internal/base-component/index.d.ts.map +1 -1
- package/internal/base-component/index.js.map +1 -1
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +11 -11
- package/internal/components/button-trigger/styles.scoped.css +26 -28
- package/internal/components/button-trigger/styles.selectors.js +11 -11
- package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
- package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +3 -5
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +15 -17
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +5 -7
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +3 -5
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-popover-footer/styles.css.js +1 -1
- package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
- package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +33 -35
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +7 -9
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +9 -11
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +8 -10
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -41
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +3 -5
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +2 -4
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +13 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +6 -8
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +13 -15
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/highlight-match.d.ts.map +1 -1
- package/internal/components/option/highlight-match.js +1 -2
- package/internal/components/option/highlight-match.js.map +1 -1
- package/internal/components/option/index.js +2 -2
- package/internal/components/option/index.js.map +1 -1
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +29 -31
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +2 -4
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +10 -12
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +1 -3
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -31
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +20 -23
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
- package/internal/context/reset-contexts-for-modal.js +6 -8
- package/internal/context/reset-contexts-for-modal.js.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
- package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.js +51 -1
- package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/hooks/use-table-interaction-metrics/index.d.ts +10 -0
- package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
- package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
- package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -73
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +17 -19
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +38 -40
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +2 -4
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +23 -25
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +48 -50
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/index.d.ts +1 -1
- package/popover/index.d.ts.map +1 -1
- package/popover/index.js +2 -2
- package/popover/index.js.map +1 -1
- package/popover/interfaces.d.ts +5 -0
- package/popover/interfaces.d.ts.map +1 -1
- package/popover/interfaces.js.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +50 -49
- package/popover/styles.scoped.css +78 -78
- package/popover/styles.selectors.js +50 -49
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +33 -37
- package/progress-bar/styles.selectors.js +19 -19
- package/property-filter/styles.css.js +32 -32
- package/property-filter/styles.scoped.css +34 -36
- package/property-filter/styles.selectors.js +32 -32
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +15 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +33 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +18 -19
- package/select/parts/styles.selectors.js +16 -16
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +1 -3
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +38 -40
- package/side-navigation/styles.selectors.js +28 -28
- package/slider/internal.js +1 -1
- package/slider/internal.js.map +1 -1
- package/slider/slider-labels.js +1 -1
- package/slider/slider-labels.js.map +1 -1
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +62 -64
- package/slider/styles.selectors.js +25 -25
- package/slider/tick-marks.js +2 -2
- package/slider/tick-marks.js.map +1 -1
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +24 -26
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +20 -21
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +28 -24
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/side.js +3 -3
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +41 -46
- package/split-panel/styles.selectors.js +26 -26
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +29 -31
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/styles.css.js +45 -45
- package/table/body-cell/styles.scoped.css +175 -174
- package/table/body-cell/styles.selectors.js +45 -45
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +15 -15
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +54 -54
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +23 -17
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +14 -16
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/selection-control.js +1 -1
- package/table/selection/selection-control.js.map +1 -1
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +3 -5
- package/table/selection/styles.selectors.js +3 -3
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +7 -9
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +39 -43
- package/table/styles.selectors.js +34 -34
- package/table/table-role/grid-navigation.d.ts.map +1 -1
- package/table/table-role/grid-navigation.js +40 -67
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/thead.d.ts +1 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +5 -2
- package/table/thead.js.map +1 -1
- package/table/tools-header.d.ts +2 -1
- package/table/tools-header.d.ts.map +1 -1
- package/table/tools-header.js +4 -4
- package/table/tools-header.js.map +1 -1
- package/tabs/styles.css.js +22 -22
- package/tabs/styles.scoped.css +42 -46
- package/tabs/styles.selectors.js +22 -22
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +19 -47
- package/tabs/tab-header-bar.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +10 -12
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +60 -62
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +3 -5
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +15 -17
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +70 -72
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -16
- package/toggle/styles.selectors.js +8 -8
- package/token-group/dismiss-button.d.ts.map +1 -1
- package/token-group/dismiss-button.js +1 -2
- package/token-group/dismiss-button.js.map +1 -1
- package/token-group/styles.css.js +9 -9
- package/token-group/styles.scoped.css +19 -22
- package/token-group/styles.selectors.js +9 -9
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +42 -44
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +66 -68
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -30
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +1 -3
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +62 -61
- package/wizard/styles.selectors.js +30 -30
- package/wizard/wizard-form-header.js +1 -1
- package/wizard/wizard-form-header.js.map +1 -1
- package/wizard/wizard-form.js +1 -1
- package/wizard/wizard-form.js.map +1 -1
- package/wizard/wizard-navigation.js +3 -3
- package/wizard/wizard-navigation.js.map +1 -1
- package/internal/context/app-layout-context.d.ts +0 -8
- package/internal/context/app-layout-context.d.ts.map +0 -1
- package/internal/context/app-layout-context.js +0 -9
- package/internal/context/app-layout-context.js.map +0 -1
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
6
|
-
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
7
5
|
/*
|
|
8
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
7
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -96,16 +94,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
95
|
SPDX-License-Identifier: Apache-2.0
|
|
98
96
|
*/
|
|
99
|
-
.
|
|
97
|
+
.awsui_placeholder_dwuol_k04db_97:not(#\9) {
|
|
100
98
|
color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
|
|
101
99
|
font-style: italic;
|
|
102
100
|
}
|
|
103
101
|
|
|
104
|
-
.
|
|
102
|
+
.awsui_item_dwuol_k04db_102:not(#\9) {
|
|
105
103
|
display: flex;
|
|
106
104
|
align-items: center;
|
|
107
105
|
}
|
|
108
|
-
.
|
|
106
|
+
.awsui_item_dwuol_k04db_102 > .awsui_checkbox_dwuol_k04db_106:not(#\9) {
|
|
109
107
|
position: relative;
|
|
110
108
|
min-block-size: var(--size-control-28i7hr, 16px);
|
|
111
109
|
min-inline-size: var(--size-control-28i7hr, 16px);
|
|
@@ -114,43 +112,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
114
112
|
margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
|
|
115
113
|
}
|
|
116
114
|
|
|
117
|
-
.
|
|
115
|
+
.awsui_filter_dwuol_k04db_115:not(#\9) {
|
|
118
116
|
z-index: 4;
|
|
119
117
|
flex-shrink: 0;
|
|
120
118
|
}
|
|
121
119
|
|
|
122
|
-
.
|
|
120
|
+
.awsui_trigger_dwuol_k04db_120:not(#\9) {
|
|
123
121
|
white-space: nowrap;
|
|
124
122
|
overflow: hidden;
|
|
125
123
|
text-overflow: ellipsis;
|
|
126
124
|
}
|
|
127
125
|
|
|
128
|
-
.awsui_layout-
|
|
126
|
+
.awsui_layout-strut_dwuol_k04db_126:not(#\9) {
|
|
129
127
|
inline-size: 100%;
|
|
130
128
|
position: relative;
|
|
131
129
|
transform: translate3d(0, 0, 0);
|
|
132
130
|
}
|
|
133
131
|
|
|
134
|
-
.awsui_list-
|
|
132
|
+
.awsui_list-bottom_dwuol_k04db_132:not(#\9) {
|
|
135
133
|
/* used in unit-tests */
|
|
136
134
|
}
|
|
137
135
|
|
|
138
|
-
.awsui_selected-
|
|
136
|
+
.awsui_selected-icon_dwuol_k04db_136:not(#\9) {
|
|
139
137
|
color: var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
140
138
|
}
|
|
141
139
|
|
|
142
|
-
.awsui_show-label-
|
|
140
|
+
.awsui_show-label-tag_dwuol_k04db_140 > .awsui_selected-icon_dwuol_k04db_136:not(#\9) {
|
|
143
141
|
padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
|
|
144
142
|
}
|
|
145
143
|
|
|
146
|
-
.awsui_inline-token-
|
|
144
|
+
.awsui_inline-token-trigger_dwuol_k04db_144:not(#\9) {
|
|
147
145
|
display: flex;
|
|
148
146
|
flex-wrap: nowrap;
|
|
149
147
|
column-gap: var(--space-xxs-p8yyaw, 4px);
|
|
150
148
|
inline-size: 100%;
|
|
151
149
|
}
|
|
152
150
|
|
|
153
|
-
.awsui_inline-token-
|
|
151
|
+
.awsui_inline-token-list_dwuol_k04db_151:not(#\9) {
|
|
154
152
|
display: flex;
|
|
155
153
|
flex-wrap: nowrap;
|
|
156
154
|
align-items: center;
|
|
@@ -159,12 +157,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
159
157
|
overflow-x: hidden;
|
|
160
158
|
-webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
|
|
161
159
|
mask-image: linear-gradient(270deg, transparent, white 20px, white);
|
|
160
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
162
161
|
}
|
|
163
|
-
.awsui_inline-token-
|
|
162
|
+
.awsui_inline-token-list_dwuol_k04db_151:not(#\9):dir(rtl) {
|
|
164
163
|
-webkit-mask-image: linear-gradient(-270deg, transparent, white 20px, white);
|
|
165
164
|
mask-image: linear-gradient(-270deg, transparent, white 20px, white);
|
|
166
165
|
}
|
|
167
|
-
.awsui_inline-token-
|
|
166
|
+
.awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
|
|
168
167
|
display: flex;
|
|
169
168
|
align-items: center;
|
|
170
169
|
min-inline-size: max-content;
|
|
@@ -181,24 +180,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
181
180
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
182
181
|
}
|
|
183
182
|
|
|
184
|
-
.awsui_visual-
|
|
183
|
+
.awsui_visual-refresh_dwuol_k04db_181 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
|
|
185
184
|
border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
|
|
186
185
|
border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
|
|
187
186
|
border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
|
|
188
187
|
border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
|
|
189
188
|
}
|
|
190
189
|
|
|
191
|
-
.awsui_inline-token-hidden-
|
|
190
|
+
.awsui_inline-token-hidden-placeholder_dwuol_k04db_188:not(#\9) {
|
|
192
191
|
position: absolute !important;
|
|
193
192
|
inset-block-start: -9999px !important;
|
|
194
193
|
inset-inline-start: -9999px !important;
|
|
195
194
|
}
|
|
196
195
|
|
|
197
|
-
.awsui_inline-token-
|
|
196
|
+
.awsui_inline-token-counter_dwuol_k04db_194:not(#\9) {
|
|
198
197
|
white-space: nowrap;
|
|
199
198
|
}
|
|
200
199
|
|
|
201
|
-
.awsui_inline-token-trigger--
|
|
200
|
+
.awsui_inline-token-trigger--disabled_dwuol_k04db_198 > .awsui_inline-token-list_dwuol_k04db_151 > .awsui_inline-token_dwuol_k04db_144:not(#\9) {
|
|
202
201
|
border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
|
|
203
202
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
204
203
|
color: var(--color-text-disabled-f4c52h, #9ba7b6);
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"placeholder": "
|
|
6
|
-
"item": "
|
|
7
|
-
"checkbox": "
|
|
8
|
-
"filter": "
|
|
9
|
-
"trigger": "
|
|
10
|
-
"layout-strut": "awsui_layout-
|
|
11
|
-
"list-bottom": "awsui_list-
|
|
12
|
-
"selected-icon": "awsui_selected-
|
|
13
|
-
"show-label-tag": "awsui_show-label-
|
|
14
|
-
"inline-token-trigger": "awsui_inline-token-
|
|
15
|
-
"inline-token-list": "awsui_inline-token-
|
|
16
|
-
"inline-token": "awsui_inline-
|
|
17
|
-
"visual-refresh": "awsui_visual-
|
|
18
|
-
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-
|
|
19
|
-
"inline-token-counter": "awsui_inline-token-
|
|
20
|
-
"inline-token-trigger--disabled": "awsui_inline-token-trigger--
|
|
5
|
+
"placeholder": "awsui_placeholder_dwuol_k04db_97",
|
|
6
|
+
"item": "awsui_item_dwuol_k04db_102",
|
|
7
|
+
"checkbox": "awsui_checkbox_dwuol_k04db_106",
|
|
8
|
+
"filter": "awsui_filter_dwuol_k04db_115",
|
|
9
|
+
"trigger": "awsui_trigger_dwuol_k04db_120",
|
|
10
|
+
"layout-strut": "awsui_layout-strut_dwuol_k04db_126",
|
|
11
|
+
"list-bottom": "awsui_list-bottom_dwuol_k04db_132",
|
|
12
|
+
"selected-icon": "awsui_selected-icon_dwuol_k04db_136",
|
|
13
|
+
"show-label-tag": "awsui_show-label-tag_dwuol_k04db_140",
|
|
14
|
+
"inline-token-trigger": "awsui_inline-token-trigger_dwuol_k04db_144",
|
|
15
|
+
"inline-token-list": "awsui_inline-token-list_dwuol_k04db_151",
|
|
16
|
+
"inline-token": "awsui_inline-token_dwuol_k04db_144",
|
|
17
|
+
"visual-refresh": "awsui_visual-refresh_dwuol_k04db_181",
|
|
18
|
+
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_k04db_188",
|
|
19
|
+
"inline-token-counter": "awsui_inline-token-counter_dwuol_k04db_194",
|
|
20
|
+
"inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_k04db_198"
|
|
21
21
|
};
|
|
22
22
|
|
package/select/styles.css.js
CHANGED
package/select/styles.scoped.css
CHANGED
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
6
|
-
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
7
5
|
/*
|
|
8
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
7
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
95
|
SPDX-License-Identifier: Apache-2.0
|
|
98
96
|
*/
|
|
99
|
-
.
|
|
97
|
+
.awsui_root_r2vco_1byz9_97:not(#\9) {
|
|
100
98
|
border-collapse: separate;
|
|
101
99
|
border-spacing: 0;
|
|
102
100
|
box-sizing: border-box;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"header-link": "awsui_header-
|
|
7
|
-
"header-link--has-logo": "awsui_header-link--has-
|
|
8
|
-
"header-link-text": "awsui_header-link-
|
|
9
|
-
"header-logo": "awsui_header-
|
|
10
|
-
"header-logo--stretched": "awsui_header-logo--
|
|
11
|
-
"list-container": "awsui_list-
|
|
12
|
-
"list": "
|
|
13
|
-
"list-variant-root": "awsui_list-variant-
|
|
14
|
-
"list-variant-root--last": "awsui_list-variant-root--
|
|
15
|
-
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-
|
|
16
|
-
"list-item": "awsui_list-
|
|
17
|
-
"section": "
|
|
18
|
-
"expandable-link-group": "awsui_expandable-link-
|
|
19
|
-
"section--no-ident": "awsui_section--no-
|
|
20
|
-
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-
|
|
21
|
-
"refresh": "
|
|
22
|
-
"list-variant-section-group": "awsui_list-variant-section-
|
|
23
|
-
"section-group": "awsui_section-
|
|
24
|
-
"section-group-title": "awsui_section-group-
|
|
25
|
-
"link": "
|
|
26
|
-
"link-active": "awsui_link-
|
|
27
|
-
"info": "
|
|
28
|
-
"external-icon": "awsui_external-
|
|
29
|
-
"divider": "
|
|
30
|
-
"divider-default": "awsui_divider-
|
|
31
|
-
"divider-header": "awsui_divider-
|
|
4
|
+
"root": "awsui_root_l0dv0_1s9d7_97",
|
|
5
|
+
"header": "awsui_header_l0dv0_1s9d7_134",
|
|
6
|
+
"header-link": "awsui_header-link_l0dv0_1s9d7_147",
|
|
7
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1s9d7_157",
|
|
8
|
+
"header-link-text": "awsui_header-link-text_l0dv0_1s9d7_157",
|
|
9
|
+
"header-logo": "awsui_header-logo_l0dv0_1s9d7_162",
|
|
10
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1s9d7_168",
|
|
11
|
+
"list-container": "awsui_list-container_l0dv0_1s9d7_173",
|
|
12
|
+
"list": "awsui_list_l0dv0_1s9d7_173",
|
|
13
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_1s9d7_185",
|
|
14
|
+
"list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1s9d7_192",
|
|
15
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196",
|
|
16
|
+
"list-item": "awsui_list-item_l0dv0_1s9d7_200",
|
|
17
|
+
"section": "awsui_section_l0dv0_1s9d7_208",
|
|
18
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_1s9d7_209",
|
|
19
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_1s9d7_212",
|
|
20
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213",
|
|
21
|
+
"refresh": "awsui_refresh_l0dv0_1s9d7_221",
|
|
22
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1s9d7_229",
|
|
23
|
+
"section-group": "awsui_section-group_l0dv0_1s9d7_236",
|
|
24
|
+
"section-group-title": "awsui_section-group-title_l0dv0_1s9d7_247",
|
|
25
|
+
"link": "awsui_link_l0dv0_1s9d7_251",
|
|
26
|
+
"link-active": "awsui_link-active_l0dv0_1s9d7_260",
|
|
27
|
+
"info": "awsui_info_l0dv0_1s9d7_297",
|
|
28
|
+
"external-icon": "awsui_external-icon_l0dv0_1s9d7_301",
|
|
29
|
+
"divider": "awsui_divider_l0dv0_1s9d7_305",
|
|
30
|
+
"divider-default": "awsui_divider-default_l0dv0_1s9d7_310",
|
|
31
|
+
"divider-header": "awsui_divider-header_l0dv0_1s9d7_316"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
6
|
-
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
7
5
|
/*
|
|
8
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
7
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -96,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
95
|
SPDX-License-Identifier: Apache-2.0
|
|
98
96
|
*/
|
|
99
|
-
.
|
|
97
|
+
.awsui_root_l0dv0_1s9d7_97:not(#\9) {
|
|
100
98
|
border-collapse: separate;
|
|
101
99
|
border-spacing: 0;
|
|
102
100
|
box-sizing: border-box;
|
|
@@ -134,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
134
132
|
word-break: break-word;
|
|
135
133
|
}
|
|
136
134
|
|
|
137
|
-
.
|
|
135
|
+
.awsui_header_l0dv0_1s9d7_134:not(#\9) {
|
|
138
136
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
139
137
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
140
138
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -147,7 +145,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
147
145
|
padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
|
|
148
146
|
}
|
|
149
147
|
|
|
150
|
-
.awsui_header-
|
|
148
|
+
.awsui_header-link_l0dv0_1s9d7_147:not(#\9) {
|
|
151
149
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
152
150
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
153
151
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -157,27 +155,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
157
155
|
min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
158
156
|
display: flex;
|
|
159
157
|
}
|
|
160
|
-
.awsui_header-link--has-
|
|
158
|
+
.awsui_header-link--has-logo_l0dv0_1s9d7_157 > .awsui_header-link-text_l0dv0_1s9d7_157:not(#\9) {
|
|
161
159
|
font-weight: 400;
|
|
162
160
|
align-self: center;
|
|
163
161
|
}
|
|
164
162
|
|
|
165
|
-
.awsui_header-
|
|
163
|
+
.awsui_header-logo_l0dv0_1s9d7_162:not(#\9) {
|
|
166
164
|
margin-inline-end: var(--space-s-34lx8l, 12px);
|
|
167
165
|
margin-block-start: var(--space-xxxs-zbmxqb, 2px);
|
|
168
166
|
max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
|
|
169
167
|
align-self: flex-start;
|
|
170
168
|
}
|
|
171
|
-
.awsui_header-logo--
|
|
169
|
+
.awsui_header-logo--stretched_l0dv0_1s9d7_168:not(#\9) {
|
|
172
170
|
max-inline-size: 100%;
|
|
173
171
|
margin-inline-end: 0;
|
|
174
172
|
}
|
|
175
173
|
|
|
176
|
-
.awsui_list-
|
|
174
|
+
.awsui_list-container_l0dv0_1s9d7_173:not(#\9) {
|
|
177
175
|
margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
|
|
178
176
|
}
|
|
179
177
|
|
|
180
|
-
.
|
|
178
|
+
.awsui_list_l0dv0_1s9d7_173:not(#\9) {
|
|
181
179
|
margin-block: 0;
|
|
182
180
|
margin-inline: 0;
|
|
183
181
|
padding-block: 0;
|
|
@@ -185,22 +183,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
185
183
|
padding-inline-start: var(--space-l-t419sm, 20px);
|
|
186
184
|
}
|
|
187
185
|
|
|
188
|
-
.awsui_list-variant-
|
|
186
|
+
.awsui_list-variant-root_l0dv0_1s9d7_185:not(#\9) {
|
|
189
187
|
margin-block: 0;
|
|
190
188
|
margin-inline: 0;
|
|
191
189
|
padding-block: 0;
|
|
192
190
|
padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
|
|
193
191
|
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
194
192
|
}
|
|
195
|
-
.awsui_list-variant-root--
|
|
193
|
+
.awsui_list-variant-root--last_l0dv0_1s9d7_192:not(#\9) {
|
|
196
194
|
margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
|
|
197
195
|
}
|
|
198
196
|
|
|
199
|
-
.awsui_list-variant-expandable-link-
|
|
197
|
+
.awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196:not(#\9) {
|
|
200
198
|
padding-inline-start: var(--space-xxxl-4x2gki, 40px);
|
|
201
199
|
}
|
|
202
200
|
|
|
203
|
-
.awsui_list-
|
|
201
|
+
.awsui_list-item_l0dv0_1s9d7_200:not(#\9) {
|
|
204
202
|
margin-block: var(--space-scaled-xs-26e2du, 8px);
|
|
205
203
|
margin-inline: 0;
|
|
206
204
|
padding-block: 0;
|
|
@@ -208,35 +206,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
208
206
|
list-style: none;
|
|
209
207
|
}
|
|
210
208
|
|
|
211
|
-
.
|
|
212
|
-
.awsui_expandable-link-
|
|
209
|
+
.awsui_section_l0dv0_1s9d7_208:not(#\9),
|
|
210
|
+
.awsui_expandable-link-group_l0dv0_1s9d7_209:not(#\9) {
|
|
213
211
|
margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
|
|
214
212
|
}
|
|
215
|
-
.awsui_section--no-
|
|
216
|
-
.awsui_expandable-link-group--no-
|
|
213
|
+
.awsui_section--no-ident_l0dv0_1s9d7_212:not(#\9),
|
|
214
|
+
.awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213:not(#\9) {
|
|
217
215
|
margin-inline-start: 0;
|
|
218
216
|
}
|
|
219
217
|
|
|
220
|
-
.
|
|
218
|
+
.awsui_section_l0dv0_1s9d7_208:not(#\9) {
|
|
221
219
|
margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
|
|
222
220
|
/* stylelint-disable-next-line selector-max-type */
|
|
223
221
|
}
|
|
224
|
-
.
|
|
222
|
+
.awsui_section_l0dv0_1s9d7_208.awsui_refresh_l0dv0_1s9d7_221:not(#\9) {
|
|
225
223
|
margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
|
|
226
224
|
}
|
|
227
|
-
.
|
|
225
|
+
.awsui_section_l0dv0_1s9d7_208 > div:not(#\9) {
|
|
228
226
|
padding-block: 0;
|
|
229
227
|
padding-inline: 0;
|
|
230
228
|
}
|
|
231
229
|
|
|
232
|
-
.awsui_list-variant-section-
|
|
230
|
+
.awsui_list-variant-section-group_l0dv0_1s9d7_229:not(#\9) {
|
|
233
231
|
margin-block: 0;
|
|
234
232
|
margin-inline: 0;
|
|
235
233
|
padding-block: 0;
|
|
236
234
|
padding-inline: 0;
|
|
237
235
|
}
|
|
238
236
|
|
|
239
|
-
.awsui_section-
|
|
237
|
+
.awsui_section-group_l0dv0_1s9d7_236:not(#\9) {
|
|
240
238
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
241
239
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
242
240
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -247,11 +245,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
247
245
|
margin-inline: 0;
|
|
248
246
|
}
|
|
249
247
|
|
|
250
|
-
.awsui_section-group-
|
|
248
|
+
.awsui_section-group-title_l0dv0_1s9d7_247:not(#\9) {
|
|
251
249
|
/* used in test-utils */
|
|
252
250
|
}
|
|
253
251
|
|
|
254
|
-
.
|
|
252
|
+
.awsui_link_l0dv0_1s9d7_251:not(#\9) {
|
|
255
253
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
256
254
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
257
255
|
color: var(--color-text-body-secondary-w9jvno, #414d5c);
|
|
@@ -260,30 +258,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
260
258
|
-moz-osx-font-smoothing: auto;
|
|
261
259
|
}
|
|
262
260
|
|
|
263
|
-
.awsui_link-
|
|
261
|
+
.awsui_link-active_l0dv0_1s9d7_260:not(#\9) {
|
|
264
262
|
font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
|
|
265
263
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
266
264
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
267
265
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
268
266
|
}
|
|
269
267
|
|
|
270
|
-
.awsui_header-
|
|
271
|
-
.
|
|
268
|
+
.awsui_header-link_l0dv0_1s9d7_147:not(#\9),
|
|
269
|
+
.awsui_link_l0dv0_1s9d7_251:not(#\9) {
|
|
272
270
|
text-decoration: none;
|
|
273
271
|
}
|
|
274
|
-
.awsui_header-
|
|
275
|
-
.
|
|
272
|
+
.awsui_header-link_l0dv0_1s9d7_147:not(#\9):hover,
|
|
273
|
+
.awsui_link_l0dv0_1s9d7_251:not(#\9):hover {
|
|
276
274
|
color: var(--color-text-accent-n2acxv, #0972d3);
|
|
277
275
|
}
|
|
278
|
-
.awsui_header-
|
|
279
|
-
.
|
|
276
|
+
.awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus,
|
|
277
|
+
.awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
|
|
280
278
|
outline: none;
|
|
281
279
|
}
|
|
282
|
-
.awsui_header-
|
|
280
|
+
.awsui_header-link_l0dv0_1s9d7_147:not(#\9):hover, .awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus, .awsui_link_l0dv0_1s9d7_251:not(#\9):hover, .awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
|
|
283
281
|
text-decoration: none;
|
|
284
282
|
}
|
|
285
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
286
|
-
body[data-awsui-focus-visible=true] .
|
|
283
|
+
body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1s9d7_147:not(#\9):focus,
|
|
284
|
+
body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1s9d7_251:not(#\9):focus {
|
|
287
285
|
outline: thin dotted;
|
|
288
286
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
289
287
|
outline-offset: 2px;
|
|
@@ -295,26 +293,26 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_4v038_253:not(#\9):focus {
|
|
|
295
293
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
296
294
|
}
|
|
297
295
|
|
|
298
|
-
.
|
|
296
|
+
.awsui_info_l0dv0_1s9d7_297:not(#\9) {
|
|
299
297
|
margin-inline-start: var(--space-xs-zb16t3, 8px);
|
|
300
298
|
}
|
|
301
299
|
|
|
302
|
-
.awsui_external-
|
|
300
|
+
.awsui_external-icon_l0dv0_1s9d7_301:not(#\9) {
|
|
303
301
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
304
302
|
}
|
|
305
303
|
|
|
306
|
-
.
|
|
304
|
+
.awsui_divider_l0dv0_1s9d7_305:not(#\9) {
|
|
307
305
|
border-block: none;
|
|
308
306
|
border-inline: none;
|
|
309
307
|
}
|
|
310
308
|
|
|
311
|
-
.awsui_divider-
|
|
309
|
+
.awsui_divider-default_l0dv0_1s9d7_310:not(#\9) {
|
|
312
310
|
margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
|
|
313
311
|
margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
|
|
314
312
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
315
313
|
}
|
|
316
314
|
|
|
317
|
-
.awsui_divider-
|
|
315
|
+
.awsui_divider-header_l0dv0_1s9d7_316:not(#\9) {
|
|
318
316
|
margin-block-start: 0;
|
|
319
317
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
|
|
320
318
|
}
|
|
@@ -2,33 +2,33 @@
|
|
|
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
|
-
"header": "
|
|
7
|
-
"header-link": "awsui_header-
|
|
8
|
-
"header-link--has-logo": "awsui_header-link--has-
|
|
9
|
-
"header-link-text": "awsui_header-link-
|
|
10
|
-
"header-logo": "awsui_header-
|
|
11
|
-
"header-logo--stretched": "awsui_header-logo--
|
|
12
|
-
"list-container": "awsui_list-
|
|
13
|
-
"list": "
|
|
14
|
-
"list-variant-root": "awsui_list-variant-
|
|
15
|
-
"list-variant-root--last": "awsui_list-variant-root--
|
|
16
|
-
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-
|
|
17
|
-
"list-item": "awsui_list-
|
|
18
|
-
"section": "
|
|
19
|
-
"expandable-link-group": "awsui_expandable-link-
|
|
20
|
-
"section--no-ident": "awsui_section--no-
|
|
21
|
-
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-
|
|
22
|
-
"refresh": "
|
|
23
|
-
"list-variant-section-group": "awsui_list-variant-section-
|
|
24
|
-
"section-group": "awsui_section-
|
|
25
|
-
"section-group-title": "awsui_section-group-
|
|
26
|
-
"link": "
|
|
27
|
-
"link-active": "awsui_link-
|
|
28
|
-
"info": "
|
|
29
|
-
"external-icon": "awsui_external-
|
|
30
|
-
"divider": "
|
|
31
|
-
"divider-default": "awsui_divider-
|
|
32
|
-
"divider-header": "awsui_divider-
|
|
5
|
+
"root": "awsui_root_l0dv0_1s9d7_97",
|
|
6
|
+
"header": "awsui_header_l0dv0_1s9d7_134",
|
|
7
|
+
"header-link": "awsui_header-link_l0dv0_1s9d7_147",
|
|
8
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1s9d7_157",
|
|
9
|
+
"header-link-text": "awsui_header-link-text_l0dv0_1s9d7_157",
|
|
10
|
+
"header-logo": "awsui_header-logo_l0dv0_1s9d7_162",
|
|
11
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1s9d7_168",
|
|
12
|
+
"list-container": "awsui_list-container_l0dv0_1s9d7_173",
|
|
13
|
+
"list": "awsui_list_l0dv0_1s9d7_173",
|
|
14
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_1s9d7_185",
|
|
15
|
+
"list-variant-root--last": "awsui_list-variant-root--last_l0dv0_1s9d7_192",
|
|
16
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1s9d7_196",
|
|
17
|
+
"list-item": "awsui_list-item_l0dv0_1s9d7_200",
|
|
18
|
+
"section": "awsui_section_l0dv0_1s9d7_208",
|
|
19
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_1s9d7_209",
|
|
20
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_1s9d7_212",
|
|
21
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_1s9d7_213",
|
|
22
|
+
"refresh": "awsui_refresh_l0dv0_1s9d7_221",
|
|
23
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_1s9d7_229",
|
|
24
|
+
"section-group": "awsui_section-group_l0dv0_1s9d7_236",
|
|
25
|
+
"section-group-title": "awsui_section-group-title_l0dv0_1s9d7_247",
|
|
26
|
+
"link": "awsui_link_l0dv0_1s9d7_251",
|
|
27
|
+
"link-active": "awsui_link-active_l0dv0_1s9d7_260",
|
|
28
|
+
"info": "awsui_info_l0dv0_1s9d7_297",
|
|
29
|
+
"external-icon": "awsui_external-icon_l0dv0_1s9d7_301",
|
|
30
|
+
"divider": "awsui_divider_l0dv0_1s9d7_305",
|
|
31
|
+
"divider-default": "awsui_divider-default_l0dv0_1s9d7_310",
|
|
32
|
+
"divider-header": "awsui_divider-header_l0dv0_1s9d7_316"
|
|
33
33
|
};
|
|
34
34
|
|
package/slider/internal.js
CHANGED
|
@@ -75,7 +75,7 @@ export default function InternalSlider(_a) {
|
|
|
75
75
|
};
|
|
76
76
|
return (React.createElement("div", Object.assign({}, baseProps, { ref: __internalRootRef, className: clsx(baseProps.className, styles.root) }),
|
|
77
77
|
showTooltip && (React.createElement(Tooltip, { value: valueFormatter ? valueFormatter(sliderValue) : sliderValue, trackRef: handleRef })),
|
|
78
|
-
React.createElement("div", { ref: handleRef, className:
|
|
78
|
+
React.createElement("div", { ref: handleRef, className: styles['tooltip-thumb'], style: {
|
|
79
79
|
[customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,
|
|
80
80
|
} }),
|
|
81
81
|
React.createElement("div", { className: styles.slider },
|
package/slider/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,OAAO,MAAM,yCAAyC,CAAC;AAC9D,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI5G,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAgBjB;QAhBiB,EACrC,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,GAAG,IAAI,OAEJ,EADjB,IAAI,cAf8B,6LAgBtC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC;IAExC,IAAI,eAAe,IAAI,cAAc,CAAC,eAAe,CAAC,KAAK,KAAK,EAAE;QAChE,QAAQ,CAAC,QAAQ,EAAE,kFAAkF,CAAC,CAAC;KACxG;IAED,IAAI,GAAG,IAAI,GAAG,EAAE;QACd,QAAQ,CAAC,QAAQ,EAAE,qDAAqD,CAAC,CAAC;KAC3E;IAED,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,QAAQ,EAAE,+EAA+E,CAAC,CAAC;KACrG;IAED,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE;QAC7D,QAAQ,CAAC,QAAQ,EAAE,8FAA8F,CAAC,CAAC;KACpH;IAED,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC;QAE3D,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,kDAAkD;YAClD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;SAChD;QAED,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QAED,yEAAyE;QACzE,mEAAmE;QACnE,IAAI,IAAI,IAAI,WAAW,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE;YACrD,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,IAAI;gBACxE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACvE,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAElF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;YACjD,OAAO,cAAc,CAAC,WAAW,CAAC,CAAC;SACpC;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;YAClD,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,YAAY,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;YAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;YACtE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAClG,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAChG,MAAM,KAAK,GAAG,WAAW,CAAC;YAE1B,OAAO,IAAI,CAAC,4BAA4B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,EAAE,CAC/G,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAC5C,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6CAAS,SAAS,IAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC;QAC1F,WAAW,IAAI,CACd,oBAAC,OAAO,IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CACpG;QACD,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EACxC,KAAK,EAAE;gBACL,CAAC,cAAc,CAAC,qBAAqB,CAAC,EAAE,QAAQ,OAAO,OAAO,UAAU,KAAK;aAC9E,GACD;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC3B,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACtC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;iBAC5B,CAAC,GACF;YAED,CAAC,YAAY,IAAI,CAChB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACtC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;oBACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW;oBAC7B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;oBACzB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,IAAI,QAAQ;oBAC7C,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,WAAW,IAAI,QAAQ;oBACnD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;iBAC5B,CAAC,EACF,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,qBAAqB,CAAC,EAAE,GAAG,OAAO,GAAG,EAAE,GAChE,CACH,CACG;QACL,CAAC,CAAC,IAAI,IAAI,SAAS,IAAI,CACtB,oBAAC,eAAe,IACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,WAAW,GAClB,CACH;QAED;YACE,oFAAoF;YACpF,QAAQ,EAAE,CAAC,gBACC,SAAS,qBAIJ,SAAS,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,sBAG7E,cAAc,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,eAAe,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,oBAEpF,gBAAgB,EAAE,kBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;gBACf,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,IAAI,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACtF,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC5B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;gBACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW;gBAC7B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,WAAW,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG;gBAC7C,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,WAAW,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG;aAC9C,CAAC,GACF;QAEF,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useInternalI18n } from '../i18n/context';\n\nimport styles from './styles.css.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport { getPercent, getStepArray, findLowerAndHigherValues, valuesAreValid, THUMB_SIZE } from './utils.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n {showTooltip && (\n <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n )}\n <div\n ref={handleRef}\n className={clsx(styles['tooltip-thumb'])}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/slider/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,OAAO,MAAM,yCAAyC,CAAC;AAC9D,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,wBAAwB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAI5G,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAgBjB;QAhBiB,EACrC,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,EACT,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,GAAG,IAAI,OAEJ,EADjB,IAAI,cAf8B,6LAgBtC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEnG,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,OAAO,CAAC;IAExC,IAAI,eAAe,IAAI,cAAc,CAAC,eAAe,CAAC,KAAK,KAAK,EAAE;QAChE,QAAQ,CAAC,QAAQ,EAAE,kFAAkF,CAAC,CAAC;KACxG;IAED,IAAI,GAAG,IAAI,GAAG,EAAE;QACd,QAAQ,CAAC,QAAQ,EAAE,qDAAqD,CAAC,CAAC;KAC3E;IAED,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,EAAE;QAC5B,QAAQ,CAAC,QAAQ,EAAE,+EAA+E,CAAC,CAAC;KACrG;IAED,IAAI,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE;QAC7D,QAAQ,CAAC,QAAQ,EAAE,8FAA8F,CAAC,CAAC;KACpH;IAED,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,GAAG,GAAG,CAAC;QAE3D,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,kDAAkD;YAClD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;SAChD;QAED,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,KAAK,CAAC;SACd;QAED,yEAAyE;QACzE,mEAAmE;QACnE,IAAI,IAAI,IAAI,WAAW,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE;YACrD,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,IAAI;gBACxE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACvE,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAElF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,cAAc,IAAI,cAAc,CAAC,WAAW,CAAC,EAAE;YACjD,OAAO,cAAc,CAAC,WAAW,CAAC,CAAC;SACpC;QAED,IAAI,cAAc,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;YAClD,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,YAAY,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;YAC5D,MAAM,WAAW,GAAG,wBAAwB,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;YACtE,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAClG,MAAM,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAChG,MAAM,KAAK,GAAG,WAAW,CAAC;YAE1B,OAAO,IAAI,CAAC,4BAA4B,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,cAAc,CAAC,aAAa,EAAE,KAAK,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,EAAE,CAC/G,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAC5C,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6CAAS,SAAS,IAAE,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC;QAC1F,WAAW,IAAI,CACd,oBAAC,OAAO,IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,GAAI,CACpG;QACD,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,KAAK,EAAE;gBACL,CAAC,cAAc,CAAC,qBAAqB,CAAC,EAAE,QAAQ,OAAO,OAAO,UAAU,KAAK;aAC9E,GACD;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC3B,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACtC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;iBAC5B,CAAC,GACF;YAED,CAAC,YAAY,IAAI,CAChB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;oBACtC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;oBACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW;oBAC7B,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ;oBACzB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,IAAI,QAAQ;oBAC7C,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,WAAW,IAAI,QAAQ;oBACnD,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;iBAC5B,CAAC,EACF,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,qBAAqB,CAAC,EAAE,GAAG,OAAO,GAAG,EAAE,GAChE,CACH,CACG;QACL,CAAC,CAAC,IAAI,IAAI,SAAS,IAAI,CACtB,oBAAC,eAAe,IACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,WAAW,GAClB,CACH;QAED;YACE,oFAAoF;YACpF,QAAQ,EAAE,CAAC,gBACC,SAAS,qBAIJ,SAAS,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,sBAG7E,cAAc,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,eAAe,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe,oBAEpF,gBAAgB,EAAE,kBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;gBACZ,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACX,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,cAAc,CAAC,IAAI,CAAC,CAAC;gBACrB,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;gBACf,cAAc,CAAC,KAAK,CAAC,CAAC;gBACtB,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,CAAC,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,QAAQ,IAAI,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACtF,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC5B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;gBACvB,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,WAAW;gBAC7B,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;gBAC3B,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,WAAW,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG;gBAC7C,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,WAAW,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG;aAC9C,CAAC,GACF;QAEF,oBAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useRef } from 'react';\nimport clsx from 'clsx';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireNonCancelableEvent } from '../internal/events/index.js';\nimport { useFormFieldContext } from '../internal/context/form-field-context.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useUniqueId } from '../internal/hooks/use-unique-id/index.js';\nimport Tooltip from '../internal/components/tooltip/index.js';\nimport customCssProps from '../internal/generated/custom-css-properties/index.js';\nimport { useInternalI18n } from '../i18n/context';\n\nimport styles from './styles.css.js';\nimport { SliderProps } from './interfaces.js';\nimport SliderLabels from './slider-labels.js';\nimport SliderTickMarks from './tick-marks.js';\nimport { getPercent, getStepArray, findLowerAndHigherValues, valuesAreValid, THUMB_SIZE } from './utils.js';\n\nexport interface InternalSliderProps extends SliderProps, InternalBaseComponentProps {}\n\nexport default function InternalSlider({\n value,\n min,\n max,\n onChange,\n step,\n disabled,\n ariaLabel,\n ariaDescription,\n referenceValues,\n tickMarks,\n hideFillLine,\n valueFormatter,\n i18nStrings,\n __internalRootRef = null,\n ...rest\n}: InternalSliderProps) {\n const baseProps = getBaseProps(rest);\n const i18n = useInternalI18n('slider');\n\n const handleRef = useRef<HTMLDivElement>(null);\n const [showTooltip, setShowTooltip] = useState(false);\n const [isActive, setIsActive] = useState(false);\n const labelsId = useUniqueId('labels');\n const { ariaLabelledby, ariaDescribedby, controlId, invalid, warning } = useFormFieldContext(rest);\n\n const showWarning = warning && !invalid;\n\n if (referenceValues && valuesAreValid(referenceValues) === false) {\n warnOnce('Slider', 'All reference values must be integers. Non-integer values will not be displayed.');\n }\n\n if (min >= max) {\n warnOnce('Slider', 'The min value cannot be greater than the max value.');\n }\n\n if (step && step > max - min) {\n warnOnce('Slider', 'The step value cannot be greater than the difference between the min and max.');\n }\n\n if (step && value !== undefined && (value - min) % step !== 0) {\n warnOnce('Slider', 'Slider value must be a multiple of the step. The value will round to the nearest step value.');\n }\n\n const getValue = () => {\n const stepIsValid = step && step < max - min && step > min;\n\n if (value === undefined) {\n // this is the default html input's fallback value\n return max < min ? min : min + (max - min) / 2;\n }\n\n if (!step) {\n return value;\n }\n\n // if the value is not a multiple of the step, then find the closest step\n // and make that the value (this is also the native input behavior)\n if (step && stepIsValid && (value - min) % step !== 0) {\n const closest = getStepArray(step, [min, max]).reduce(function (prev, curr) {\n return Math.abs(curr - value) < Math.abs(prev - value) ? curr : prev;\n });\n\n return closest;\n }\n\n return value;\n };\n\n const sliderValue = getValue();\n const percent = getPercent(Math.max(Math.min(sliderValue, max), min), [min, max]);\n\n const getAriaValueText = () => {\n if (valueFormatter && valueFormatter(sliderValue)) {\n return valueFormatter(sliderValue);\n }\n\n if (valueFormatter && !valueFormatter(sliderValue)) {\n const middleValues = referenceValues ? referenceValues : [];\n const valueArray = [min, ...middleValues, sliderValue, max];\n const prevAndNext = findLowerAndHigherValues(valueArray, sliderValue);\n const previousValue = prevAndNext.lower ? valueFormatter(prevAndNext.lower) : valueFormatter(min);\n const nextValue = prevAndNext.higher ? valueFormatter(prevAndNext.higher) : valueFormatter(max);\n const value = sliderValue;\n\n return i18n('i18nStrings.valueTextRange', i18nStrings?.valueTextRange(previousValue, value, nextValue), format =>\n format({ value, previousValue, nextValue })\n );\n }\n\n return undefined;\n };\n\n return (\n <div {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root)}>\n {showTooltip && (\n <Tooltip value={valueFormatter ? valueFormatter(sliderValue) : sliderValue} trackRef={handleRef} />\n )}\n <div\n ref={handleRef}\n className={styles['tooltip-thumb']}\n style={{\n [customCssProps.sliderTooltipPosition]: `calc(${percent}% - ${THUMB_SIZE}px)`,\n }}\n />\n <div className={styles.slider}>\n <div\n className={clsx(styles['slider-track'], {\n [styles.disabled]: disabled,\n })}\n />\n\n {!hideFillLine && (\n <div\n className={clsx(styles['slider-range'], {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.active]: isActive,\n [styles['error-active']]: invalid && isActive,\n [styles['warning-active']]: showWarning && isActive,\n [styles.disabled]: disabled,\n })}\n style={{ [customCssProps.sliderRangeInlineSize]: `${percent}%` }}\n />\n )}\n </div>\n {!!step && tickMarks && (\n <SliderTickMarks\n hideFillLine={hideFillLine}\n disabled={disabled}\n invalid={invalid}\n warning={warning}\n isActive={isActive}\n step={step}\n min={min}\n max={max}\n value={sliderValue}\n />\n )}\n\n <input\n // we need to add this because input[type=range] isn't natively focusable in Safari.\n tabIndex={0}\n aria-label={ariaLabel}\n // aria-labelledby has precedence over aria-label in accessible name calculation.\n // When aria-label is provided for Input, it should override aria-labelledBy from form-field context.\n // If both aria-label and aria-labelledby come from Input props, aria-labelledby will be used in accessible name\n aria-labelledby={ariaLabel && !rest.ariaLabelledby ? undefined : ariaLabelledby}\n // Slider labels, if present and something other than numbers, should be associated to the input with aria-describedby\n aria-describedby={\n valueFormatter ? (ariaDescribedby ? `${labelsId} ${ariaDescribedby}` : labelsId) : ariaDescribedby\n }\n aria-valuetext={getAriaValueText()}\n aria-invalid={invalid ? 'true' : undefined}\n id={controlId}\n type=\"range\"\n min={min}\n max={max}\n disabled={disabled}\n onFocus={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onBlur={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n onMouseEnter={() => {\n setShowTooltip(true);\n }}\n onMouseLeave={() => {\n setShowTooltip(false);\n }}\n onTouchStart={() => {\n setShowTooltip(true);\n setIsActive(true);\n }}\n onTouchEnd={() => {\n setShowTooltip(false);\n setIsActive(false);\n }}\n step={step}\n value={sliderValue}\n onChange={event => {\n onChange && fireNonCancelableEvent(onChange, { value: Number(event.target.value) });\n }}\n className={clsx(styles.thumb, {\n [styles.error]: invalid,\n [styles.warning]: showWarning,\n [styles.disabled]: disabled,\n [styles.min]: sliderValue <= min || max < min,\n [styles.max]: sliderValue >= max && min < max,\n })}\n />\n\n <SliderLabels\n min={min}\n max={max}\n referenceValues={referenceValues}\n valueFormatter={valueFormatter}\n labelsId={labelsId}\n ariaDescription={ariaDescription}\n />\n </div>\n );\n}\n"]}
|