@cloudscape-design/components-themeable 3.0.1339 → 3.0.1341
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/input/styles.scss +231 -37
- package/lib/internal/scss/internal/components/chart-legend/styles.scss +1 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/template/action-card/styles.css.js +17 -17
- package/lib/internal/template/action-card/styles.scoped.css +111 -111
- package/lib/internal/template/action-card/styles.selectors.js +17 -17
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +49 -49
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +37 -37
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +175 -175
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +94 -94
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +63 -63
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +38 -38
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +38 -38
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/badge/styles.css.js +10 -10
- package/lib/internal/template/badge/styles.scoped.css +18 -18
- package/lib/internal/template/badge/styles.selectors.js +10 -10
- package/lib/internal/template/box/styles.css.js +220 -220
- package/lib/internal/template/box/styles.scoped.css +346 -346
- package/lib/internal/template/box/styles.selectors.js +220 -220
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +30 -30
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +38 -38
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
- package/lib/internal/template/button/styles.css.js +23 -23
- package/lib/internal/template/button/styles.scoped.css +78 -78
- package/lib/internal/template/button/styles.selectors.js +23 -23
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +31 -31
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/lib/internal/template/button-dropdown/filter.d.ts +1 -1
- package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +2 -2
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +43 -43
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
- 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 +9 -9
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +9 -0
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/lib/internal/template/button-group/styles.css.js +4 -4
- package/lib/internal/template/button-group/styles.scoped.css +8 -8
- package/lib/internal/template/button-group/styles.selectors.js +4 -4
- package/lib/internal/template/calendar/styles.css.js +21 -21
- package/lib/internal/template/calendar/styles.scoped.css +55 -55
- package/lib/internal/template/calendar/styles.selectors.js +21 -21
- package/lib/internal/template/cards/styles.css.js +38 -38
- package/lib/internal/template/cards/styles.scoped.css +53 -53
- 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 +10 -10
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +195 -195
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/collection-preferences/styles.css.js +38 -38
- package/lib/internal/template/collection-preferences/styles.scoped.css +56 -56
- package/lib/internal/template/collection-preferences/styles.selectors.js +38 -38
- package/lib/internal/template/column-layout/styles.css.js +13 -13
- package/lib/internal/template/column-layout/styles.scoped.css +47 -47
- package/lib/internal/template/column-layout/styles.selectors.js +13 -13
- package/lib/internal/template/container/styles.css.js +33 -33
- package/lib/internal/template/container/styles.scoped.css +61 -61
- package/lib/internal/template/container/styles.selectors.js +33 -33
- package/lib/internal/template/date-picker/styles.css.js +7 -7
- package/lib/internal/template/date-picker/styles.scoped.css +13 -13
- package/lib/internal/template/date-picker/styles.selectors.js +7 -7
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +61 -61
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/lib/internal/template/date-range-picker/styles.css.js +23 -23
- package/lib/internal/template/date-range-picker/styles.scoped.css +39 -39
- package/lib/internal/template/date-range-picker/styles.selectors.js +23 -23
- package/lib/internal/template/divider/styles.css.js +6 -6
- package/lib/internal/template/divider/styles.scoped.css +10 -10
- package/lib/internal/template/divider/styles.selectors.js +6 -6
- package/lib/internal/template/drawer/styles.css.js +29 -29
- package/lib/internal/template/drawer/styles.scoped.css +51 -51
- package/lib/internal/template/drawer/styles.selectors.js +29 -29
- package/lib/internal/template/dropdown/styles.css.js +20 -20
- package/lib/internal/template/dropdown/styles.scoped.css +45 -45
- package/lib/internal/template/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/expandable-section/styles.css.js +35 -35
- package/lib/internal/template/expandable-section/styles.scoped.css +87 -87
- package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
- package/lib/internal/template/file-token-group/styles.css.js +23 -23
- package/lib/internal/template/file-token-group/styles.scoped.css +40 -40
- package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +176 -176
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/form/styles.css.js +8 -8
- package/lib/internal/template/form/styles.scoped.css +12 -12
- package/lib/internal/template/form/styles.selectors.js +8 -8
- package/lib/internal/template/form-field/styles.css.js +24 -24
- package/lib/internal/template/form-field/styles.scoped.css +56 -56
- package/lib/internal/template/form-field/styles.selectors.js +24 -24
- package/lib/internal/template/grid/styles.css.js +53 -53
- package/lib/internal/template/grid/styles.scoped.css +58 -58
- package/lib/internal/template/grid/styles.selectors.js +53 -53
- package/lib/internal/template/header/styles.css.js +35 -35
- package/lib/internal/template/header/styles.scoped.css +109 -109
- package/lib/internal/template/header/styles.selectors.js +35 -35
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +137 -137
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/i18n/context.d.ts +16 -4
- package/lib/internal/template/i18n/context.d.ts.map +1 -1
- package/lib/internal/template/i18n/context.js +10 -4
- package/lib/internal/template/i18n/context.js.map +1 -1
- package/lib/internal/template/i18n/index.d.ts +2 -0
- package/lib/internal/template/i18n/index.d.ts.map +1 -1
- package/lib/internal/template/i18n/index.js +1 -0
- package/lib/internal/template/i18n/index.js.map +1 -1
- package/lib/internal/template/icon/styles.css.js +41 -41
- package/lib/internal/template/icon/styles.scoped.css +103 -103
- package/lib/internal/template/icon/styles.selectors.js +41 -41
- package/lib/internal/template/input/index.d.ts.map +1 -1
- package/lib/internal/template/input/index.js +4 -2
- package/lib/internal/template/input/index.js.map +1 -1
- package/lib/internal/template/input/interfaces.d.ts +9 -0
- package/lib/internal/template/input/interfaces.d.ts.map +1 -1
- package/lib/internal/template/input/interfaces.js.map +1 -1
- package/lib/internal/template/input/internal.d.ts +5 -5
- package/lib/internal/template/input/internal.d.ts.map +1 -1
- package/lib/internal/template/input/internal.js +60 -24
- package/lib/internal/template/input/internal.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +28 -18
- package/lib/internal/template/input/styles.scoped.css +224 -63
- package/lib/internal/template/input/styles.selectors.js +28 -18
- package/lib/internal/template/input/utils.js +3 -3
- package/lib/internal/template/input/utils.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +120 -120
- package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
- package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +23 -23
- package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +38 -38
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +35 -35
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
- 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 +20 -18
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +8 -8
- 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 +19 -19
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +46 -46
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
- 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 +11 -11
- package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
- 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/drag-handle/styles.css.js +14 -14
- package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +21 -21
- package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +14 -14
- package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
- package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +7 -7
- 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 +6 -6
- package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -4
- package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +17 -17
- package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -4
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +20 -20
- 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 +39 -39
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
- package/lib/internal/template/internal/components/radio-button/styles.scoped.css +13 -13
- package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +55 -55
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
- package/lib/internal/template/internal/components/sortable-area/styles.css.js +8 -8
- package/lib/internal/template/internal/components/sortable-area/styles.scoped.css +19 -19
- package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +8 -8
- package/lib/internal/template/internal/components/structured-item/styles.css.js +7 -7
- package/lib/internal/template/internal/components/structured-item/styles.scoped.css +13 -13
- package/lib/internal/template/internal/components/structured-item/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +29 -29
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/item-card/styles.css.js +14 -14
- package/lib/internal/template/item-card/styles.scoped.css +65 -65
- package/lib/internal/template/item-card/styles.selectors.js +14 -14
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +20 -20
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +144 -144
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/list/styles.css.js +5 -5
- package/lib/internal/template/list/styles.scoped.css +11 -11
- package/lib/internal/template/list/styles.selectors.js +5 -5
- package/lib/internal/template/modal/styles.css.js +31 -31
- package/lib/internal/template/modal/styles.scoped.css +54 -54
- package/lib/internal/template/modal/styles.selectors.js +31 -31
- package/lib/internal/template/multiselect/embedded.d.ts +1 -1
- package/lib/internal/template/multiselect/styles.css.js +3 -3
- package/lib/internal/template/multiselect/styles.scoped.css +11 -11
- package/lib/internal/template/multiselect/styles.selectors.js +3 -3
- package/lib/internal/template/pagination/styles.css.js +11 -11
- package/lib/internal/template/pagination/styles.scoped.css +32 -32
- package/lib/internal/template/pagination/styles.selectors.js +11 -11
- package/lib/internal/template/panel-layout/styles.css.js +7 -7
- package/lib/internal/template/panel-layout/styles.scoped.css +14 -14
- package/lib/internal/template/panel-layout/styles.selectors.js +7 -7
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +59 -59
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/styles.css.js +58 -58
- package/lib/internal/template/popover/styles.scoped.css +120 -120
- package/lib/internal/template/popover/styles.selectors.js +58 -58
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +38 -38
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/prompt-input/styles.css.js +26 -26
- package/lib/internal/template/prompt-input/styles.scoped.css +75 -75
- package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
- package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
- package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +45 -45
- package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +64 -64
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/radio-button/styles.css.js +1 -1
- package/lib/internal/template/radio-button/styles.scoped.css +5 -5
- package/lib/internal/template/radio-button/styles.selectors.js +1 -1
- package/lib/internal/template/radio-group/styles.css.js +5 -5
- package/lib/internal/template/radio-group/styles.scoped.css +10 -10
- package/lib/internal/template/radio-group/styles.selectors.js +5 -5
- 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 +9 -9
- package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css +6 -6
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +43 -43
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/select/parts/filter.d.ts +1 -1
- package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
- package/lib/internal/template/select/parts/styles.css.js +21 -21
- package/lib/internal/template/select/parts/styles.scoped.css +25 -25
- package/lib/internal/template/select/parts/styles.selectors.js +21 -21
- 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 +48 -48
- package/lib/internal/template/side-navigation/styles.scoped.css +113 -113
- package/lib/internal/template/side-navigation/styles.selectors.js +48 -48
- package/lib/internal/template/skeleton/styles.css.js +15 -15
- package/lib/internal/template/skeleton/styles.scoped.css +41 -41
- package/lib/internal/template/skeleton/styles.selectors.js +15 -15
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +81 -81
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +22 -22
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/split-panel/styles.css.js +38 -38
- package/lib/internal/template/split-panel/styles.scoped.css +70 -70
- package/lib/internal/template/split-panel/styles.selectors.js +38 -38
- package/lib/internal/template/status-indicator/interfaces.d.ts +1 -1
- package/lib/internal/template/status-indicator/interfaces.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/interfaces.js.map +1 -1
- package/lib/internal/template/status-indicator/internal.d.ts +2 -6
- package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/internal.js.map +1 -1
- package/lib/internal/template/status-indicator/styles.css.js +25 -25
- package/lib/internal/template/status-indicator/styles.scoped.css +58 -58
- package/lib/internal/template/status-indicator/styles.selectors.js +25 -25
- package/lib/internal/template/steps/interfaces.d.ts +2 -2
- package/lib/internal/template/steps/interfaces.d.ts.map +1 -1
- package/lib/internal/template/steps/interfaces.js.map +1 -1
- package/lib/internal/template/steps/styles.css.js +17 -17
- package/lib/internal/template/steps/styles.scoped.css +38 -38
- package/lib/internal/template/steps/styles.selectors.js +17 -17
- package/lib/internal/template/table/body-cell/styles.css.js +48 -48
- package/lib/internal/template/table/body-cell/styles.scoped.css +376 -376
- package/lib/internal/template/table/body-cell/styles.selectors.js +48 -48
- package/lib/internal/template/table/header-cell/styles.css.js +38 -38
- package/lib/internal/template/table/header-cell/styles.scoped.css +84 -84
- package/lib/internal/template/table/header-cell/styles.selectors.js +38 -38
- package/lib/internal/template/table/resizer/styles.css.js +17 -17
- package/lib/internal/template/table/resizer/styles.scoped.css +32 -32
- package/lib/internal/template/table/resizer/styles.selectors.js +17 -17
- package/lib/internal/template/table/styles.css.js +37 -37
- package/lib/internal/template/table/styles.scoped.css +48 -48
- package/lib/internal/template/table/styles.selectors.js +37 -37
- package/lib/internal/template/tabs/styles.css.js +30 -30
- package/lib/internal/template/tabs/styles.scoped.css +60 -60
- package/lib/internal/template/tabs/styles.selectors.js +30 -30
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +16 -16
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/input/index.d.ts +2 -0
- package/lib/internal/template/test-utils/dom/input/index.js +6 -0
- package/lib/internal/template/test-utils/dom/input/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/input/index.d.ts +2 -0
- package/lib/internal/template/test-utils/selectors/input/index.js +6 -0
- package/lib/internal/template/test-utils/selectors/input/index.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +114 -114
- 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 +7 -7
- package/lib/internal/template/text-filter/styles.selectors.js +3 -3
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +19 -19
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/tiles/styles.css.js +30 -30
- package/lib/internal/template/tiles/styles.scoped.css +80 -80
- package/lib/internal/template/tiles/styles.selectors.js +30 -30
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +22 -22
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +31 -31
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/token-group/styles.css.js +5 -5
- package/lib/internal/template/token-group/styles.scoped.css +8 -8
- package/lib/internal/template/token-group/styles.selectors.js +5 -5
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +103 -103
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tree-view/styles.css.js +2 -2
- package/lib/internal/template/tree-view/styles.scoped.css +9 -9
- package/lib/internal/template/tree-view/styles.selectors.js +2 -2
- 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 +35 -35
- 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 +39 -39
- 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 +9 -9
- package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
- package/lib/internal/template/wizard/styles.css.js +30 -30
- package/lib/internal/template/wizard/styles.scoped.css +68 -68
- package/lib/internal/template/wizard/styles.selectors.js +30 -30
- package/package.json +1 -1
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts +0 -3
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts.map +0 -1
- package/lib/internal/template/status-indicator/internal-interfaces.js +0 -2
- package/lib/internal/template/status-indicator/internal-interfaces.js.map +0 -1
|
@@ -2,43 +2,43 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"drawer-closed": "awsui_drawer-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"drawer-content-side": "awsui_drawer-content-
|
|
9
|
-
"drawer-content-bottom": "awsui_drawer-content-
|
|
10
|
-
"position-bottom": "awsui_position-
|
|
11
|
-
"hidden": "
|
|
12
|
-
"drawer-clickable": "awsui_drawer-
|
|
13
|
-
"position-side": "awsui_position-
|
|
14
|
-
"with-toolbar": "awsui_with-
|
|
15
|
-
"slider-wrapper-bottom": "awsui_slider-wrapper-
|
|
16
|
-
"slider-wrapper-side": "awsui_slider-wrapper-
|
|
17
|
-
"open-button-side": "awsui_open-button-
|
|
18
|
-
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-
|
|
19
|
-
"drawer-mobile": "awsui_drawer-
|
|
20
|
-
"drawer-disable-content-paddings": "awsui_drawer-disable-content-
|
|
21
|
-
"content-bottom": "awsui_content-
|
|
22
|
-
"pane-bottom-center-align": "awsui_pane-bottom-center-
|
|
23
|
-
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-
|
|
24
|
-
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-
|
|
25
|
-
"content-bottom-max-width": "awsui_content-bottom-max-
|
|
26
|
-
"content-side": "awsui_content-
|
|
27
|
-
"pane-header-wrapper-side": "awsui_pane-header-wrapper-
|
|
28
|
-
"pane-content-wrapper-side": "awsui_pane-content-wrapper-
|
|
29
|
-
"header": "
|
|
30
|
-
"header-main-row": "awsui_header-main-
|
|
31
|
-
"header-main-content": "awsui_header-main-
|
|
32
|
-
"header-tag-and-info": "awsui_header-tag-and-
|
|
33
|
-
"with-description": "awsui_with-
|
|
34
|
-
"header-tag": "awsui_header-
|
|
35
|
-
"with-info": "awsui_with-
|
|
36
|
-
"header-text": "awsui_header-
|
|
37
|
-
"header-before-slot": "awsui_header-before-
|
|
38
|
-
"with-header-text": "awsui_with-header-
|
|
39
|
-
"header-actions-slot": "awsui_header-actions-
|
|
40
|
-
"header-description": "awsui_header-
|
|
41
|
-
"header-buttons": "awsui_header-
|
|
42
|
-
"divider": "
|
|
5
|
+
"drawer": "awsui_drawer_1r9lg_6278n_153",
|
|
6
|
+
"drawer-closed": "awsui_drawer-closed_1r9lg_6278n_190",
|
|
7
|
+
"refresh": "awsui_refresh_1r9lg_6278n_190",
|
|
8
|
+
"drawer-content-side": "awsui_drawer-content-side_1r9lg_6278n_194",
|
|
9
|
+
"drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_6278n_210",
|
|
10
|
+
"position-bottom": "awsui_position-bottom_1r9lg_6278n_217",
|
|
11
|
+
"hidden": "awsui_hidden_1r9lg_6278n_225",
|
|
12
|
+
"drawer-clickable": "awsui_drawer-clickable_1r9lg_6278n_236",
|
|
13
|
+
"position-side": "awsui_position-side_1r9lg_6278n_247",
|
|
14
|
+
"with-toolbar": "awsui_with-toolbar_1r9lg_6278n_252",
|
|
15
|
+
"slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_6278n_256",
|
|
16
|
+
"slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_6278n_267",
|
|
17
|
+
"open-button-side": "awsui_open-button-side_1r9lg_6278n_281",
|
|
18
|
+
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_6278n_290",
|
|
19
|
+
"drawer-mobile": "awsui_drawer-mobile_1r9lg_6278n_300",
|
|
20
|
+
"drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_6278n_304",
|
|
21
|
+
"content-bottom": "awsui_content-bottom_1r9lg_6278n_316",
|
|
22
|
+
"pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_6278n_335",
|
|
23
|
+
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_6278n_340",
|
|
24
|
+
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_6278n_344",
|
|
25
|
+
"content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_6278n_348",
|
|
26
|
+
"content-side": "awsui_content-side_1r9lg_6278n_353",
|
|
27
|
+
"pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_6278n_365",
|
|
28
|
+
"pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_6278n_374",
|
|
29
|
+
"header": "awsui_header_1r9lg_6278n_385",
|
|
30
|
+
"header-main-row": "awsui_header-main-row_1r9lg_6278n_393",
|
|
31
|
+
"header-main-content": "awsui_header-main-content_1r9lg_6278n_393",
|
|
32
|
+
"header-tag-and-info": "awsui_header-tag-and-info_1r9lg_6278n_407",
|
|
33
|
+
"with-description": "awsui_with-description_1r9lg_6278n_412",
|
|
34
|
+
"header-tag": "awsui_header-tag_1r9lg_6278n_407",
|
|
35
|
+
"with-info": "awsui_with-info_1r9lg_6278n_415",
|
|
36
|
+
"header-text": "awsui_header-text_1r9lg_6278n_415",
|
|
37
|
+
"header-before-slot": "awsui_header-before-slot_1r9lg_6278n_421",
|
|
38
|
+
"with-header-text": "awsui_with-header-text_1r9lg_6278n_432",
|
|
39
|
+
"header-actions-slot": "awsui_header-actions-slot_1r9lg_6278n_438",
|
|
40
|
+
"header-description": "awsui_header-description_1r9lg_6278n_444",
|
|
41
|
+
"header-buttons": "awsui_header-buttons_1r9lg_6278n_451",
|
|
42
|
+
"divider": "awsui_divider_1r9lg_6278n_459"
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -39,7 +39,7 @@ export interface StatusIndicatorProps extends BaseComponentProps {
|
|
|
39
39
|
nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;
|
|
40
40
|
}
|
|
41
41
|
export declare namespace StatusIndicatorProps {
|
|
42
|
-
type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started';
|
|
42
|
+
type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started' | 'log';
|
|
43
43
|
type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
|
|
44
44
|
}
|
|
45
45
|
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,GACb,KAAK,CAAC;IACV,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAClE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n /**\n * Attributes to add to the native element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type =\n | 'error'\n | 'warning'\n | 'success'\n | 'info'\n | 'stopped'\n | 'pending'\n | 'in-progress'\n | 'loading'\n | 'not-started';\n export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n /**\n * Attributes to add to the native element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type =\n | 'error'\n | 'warning'\n | 'success'\n | 'info'\n | 'stopped'\n | 'pending'\n | 'in-progress'\n | 'loading'\n | 'not-started'\n | 'log';\n export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { IconProps } from '../icon/interfaces';
|
|
2
2
|
import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
|
|
3
|
+
import { SomeRequired } from '../internal/types';
|
|
3
4
|
import { StatusIndicatorProps } from './interfaces';
|
|
4
|
-
|
|
5
|
-
export interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
|
|
6
|
-
/**
|
|
7
|
-
* Status type. The internal `log` value renders a plain dot for Steps.
|
|
8
|
-
*/
|
|
9
|
-
type: InternalStatusIndicatorType;
|
|
5
|
+
export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
|
|
10
6
|
/**
|
|
11
7
|
* Play an animation on the error icon when first rendered
|
|
12
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAeD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D;;GAEG;AACH,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,MAAM,UAAU,GAA6E,IAAI,CAAC,EAAE,CAAC,CAAC;IACpG,KAAK,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC1D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC5D,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,GAAI;IACrD,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,OAAO,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,GAAI;IAC3D,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,OAAO,EAAE,oBAAC,eAAe,OAAG;IAC5B,aAAa,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAE,IAAI,GAAI;IACrE,GAAG,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,GAAI;CAC7C,CAAC,CAAC;AAQH,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAI,GAAG,QAAQ,GACS;IACxB,OAAO,CACL,8BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,gBACjD,aAAa,EACzB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAEtC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QACtB,OAAO,KAAK,QAAQ,IAAI,mDAAW,CAC/B,CACR,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,IAAI,EACf,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,iBAAiB,EACjB,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC7D,SAAS,GAAG,cAAc,EAC1B,GAAG,IAAI,EACsB;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,MAAM,EACV,aAAa,EAAC,iBAAiB,EAC/B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,EACxB;YACE,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,CAAC,CAAC,EAAE,aAAa;SAC3D,EACD,SAAS,CAAC,SAAS,CACpB,EACD,GAAG,EAAE,iBAAiB;QAEtB,8BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,WAAW,SAAS,EAAE,CAAC,EAC9B,QAAQ,KAAK,KAAK,IAAI,MAAM,CAAC,mBAAmB,CAAC,EACjD,SAAS,IAAI,MAAM,CAAC,mBAAmB,CAAC,CACzC;YAED,oBAAC,kBAAkB,IACjB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,MAAM,GACZ;YACF,kCAAO,QAAQ,CAAQ,CAClB,CACc,CACxB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n extends SomeRequired<StatusIndicatorProps, 'type'>,\n InternalBaseComponentProps {\n /**\n * Play an animation on the error icon when first rendered\n */\n __animate?: boolean;\n\n /**\n * Size of icon.\n */\n __size?: IconProps.Size;\n\n /**\n * The CSS behavior of the status indicator container element.\n */\n __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n error: <InternalIcon name=\"status-negative\" size={size} />,\n warning: <InternalIcon name=\"status-warning\" size={size} />,\n success: <InternalIcon name=\"status-positive\" size={size} />,\n info: <InternalIcon name=\"status-info\" size={size} />,\n stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n pending: <InternalIcon name=\"status-pending\" size={size} />,\n 'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n loading: <InternalSpinner />,\n 'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n log: <InternalIcon name=\"dot\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n animate?: InternalStatusIndicatorProps['__animate'];\n size?: InternalStatusIndicatorProps['__size'];\n display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n type,\n iconAriaLabel,\n animate,\n display,\n size = 'normal',\n}: InternalStatusIconProps) {\n return (\n <span\n className={clsx(styles.icon, animate && styles['icon-shake'])}\n aria-label={iconAriaLabel}\n role={iconAriaLabel ? 'img' : undefined}\n >\n {typeToIcon(size)[type]}\n {display === 'inline' && <> </>}\n </span>\n );\n}\n\nexport default function StatusIndicator({\n type,\n children,\n iconAriaLabel,\n colorOverride,\n wrapText = true,\n nativeAttributes,\n __animate = false,\n __internalRootRef,\n __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal',\n __display = 'inline-block',\n ...rest\n}: InternalStatusIndicatorProps) {\n const baseProps = getBaseProps(rest);\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"span\"\n componentName=\"StatusIndicator\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n styles.root,\n styles[`status-${type}`],\n {\n [styles[`color-override-${colorOverride}`]]: colorOverride,\n },\n baseProps.className\n )}\n ref={__internalRootRef}\n >\n <span\n className={clsx(\n styles.container,\n styles[`display-${__display}`],\n wrapText === false && styles['overflow-ellipsis'],\n __animate && styles['container-fade-in']\n )}\n >\n <InternalStatusIcon\n type={type}\n iconAriaLabel={iconAriaLabel}\n animate={__animate}\n display={__display}\n size={__size}\n />\n <span>{children}</span>\n </span>\n </WithNativeAttributes>\n );\n}\n"]}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"icon-shake": "awsui_icon-
|
|
5
|
-
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-
|
|
6
|
-
"container-fade-in": "awsui_container-fade-
|
|
7
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
8
|
-
"root": "
|
|
9
|
-
"status-error": "awsui_status-
|
|
10
|
-
"status-warning": "awsui_status-
|
|
11
|
-
"status-success": "awsui_status-
|
|
12
|
-
"status-info": "awsui_status-
|
|
13
|
-
"status-stopped": "awsui_status-
|
|
14
|
-
"status-pending": "awsui_status-
|
|
15
|
-
"status-in-progress": "awsui_status-in-
|
|
16
|
-
"status-loading": "awsui_status-
|
|
17
|
-
"status-not-started": "awsui_status-not-
|
|
18
|
-
"status-log": "awsui_status-
|
|
19
|
-
"color-override-red": "awsui_color-override-
|
|
20
|
-
"color-override-grey": "awsui_color-override-
|
|
21
|
-
"color-override-blue": "awsui_color-override-
|
|
22
|
-
"color-override-green": "awsui_color-override-
|
|
23
|
-
"color-override-yellow": "awsui_color-override-
|
|
24
|
-
"container": "
|
|
25
|
-
"display-inline": "awsui_display-
|
|
26
|
-
"icon": "
|
|
27
|
-
"display-inline-block": "awsui_display-inline-
|
|
28
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
4
|
+
"icon-shake": "awsui_icon-shake_1cbgc_bkd7q_153",
|
|
5
|
+
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_bkd7q_1",
|
|
6
|
+
"container-fade-in": "awsui_container-fade-in_1cbgc_bkd7q_181",
|
|
7
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_bkd7q_1",
|
|
8
|
+
"root": "awsui_root_1cbgc_bkd7q_203",
|
|
9
|
+
"status-error": "awsui_status-error_1cbgc_bkd7q_212",
|
|
10
|
+
"status-warning": "awsui_status-warning_1cbgc_bkd7q_215",
|
|
11
|
+
"status-success": "awsui_status-success_1cbgc_bkd7q_218",
|
|
12
|
+
"status-info": "awsui_status-info_1cbgc_bkd7q_221",
|
|
13
|
+
"status-stopped": "awsui_status-stopped_1cbgc_bkd7q_224",
|
|
14
|
+
"status-pending": "awsui_status-pending_1cbgc_bkd7q_227",
|
|
15
|
+
"status-in-progress": "awsui_status-in-progress_1cbgc_bkd7q_230",
|
|
16
|
+
"status-loading": "awsui_status-loading_1cbgc_bkd7q_233",
|
|
17
|
+
"status-not-started": "awsui_status-not-started_1cbgc_bkd7q_236",
|
|
18
|
+
"status-log": "awsui_status-log_1cbgc_bkd7q_239",
|
|
19
|
+
"color-override-red": "awsui_color-override-red_1cbgc_bkd7q_242",
|
|
20
|
+
"color-override-grey": "awsui_color-override-grey_1cbgc_bkd7q_245",
|
|
21
|
+
"color-override-blue": "awsui_color-override-blue_1cbgc_bkd7q_248",
|
|
22
|
+
"color-override-green": "awsui_color-override-green_1cbgc_bkd7q_251",
|
|
23
|
+
"color-override-yellow": "awsui_color-override-yellow_1cbgc_bkd7q_254",
|
|
24
|
+
"container": "awsui_container_1cbgc_bkd7q_181",
|
|
25
|
+
"display-inline": "awsui_display-inline_1cbgc_bkd7q_315",
|
|
26
|
+
"icon": "awsui_icon_1cbgc_bkd7q_153",
|
|
27
|
+
"display-inline-block": "awsui_display-inline-block_1cbgc_bkd7q_326",
|
|
28
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_bkd7q_344"
|
|
29
29
|
};
|
|
30
30
|
|
|
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.awsui_icon-
|
|
153
|
+
.awsui_icon-shake_1cbgc_bkd7q_153:not(#\9) {
|
|
154
154
|
display: inline-block;
|
|
155
|
-
animation: awsui_awsui-motion-shake-
|
|
155
|
+
animation: awsui_awsui-motion-shake-horizontally_1cbgc_bkd7q_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
|
|
156
156
|
}
|
|
157
|
-
@keyframes awsui_awsui-motion-shake-
|
|
157
|
+
@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_bkd7q_1 {
|
|
158
158
|
0% {
|
|
159
159
|
transform: translateX(-5px);
|
|
160
160
|
animation-timing-function: linear;
|
|
@@ -168,20 +168,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
170
|
@media (prefers-reduced-motion: reduce) {
|
|
171
|
-
.awsui_icon-
|
|
171
|
+
.awsui_icon-shake_1cbgc_bkd7q_153:not(#\9) {
|
|
172
172
|
animation: none;
|
|
173
173
|
transition: none;
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
.awsui-motion-disabled .awsui_icon-
|
|
176
|
+
.awsui-motion-disabled .awsui_icon-shake_1cbgc_bkd7q_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_bkd7q_153:not(#\9) {
|
|
177
177
|
animation: none;
|
|
178
178
|
transition: none;
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.awsui_container-fade-
|
|
182
|
-
animation: awsui_awsui-motion-fade-in-
|
|
181
|
+
.awsui_container-fade-in_1cbgc_bkd7q_181:not(#\9) {
|
|
182
|
+
animation: awsui_awsui-motion-fade-in-0_1cbgc_bkd7q_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
|
|
183
183
|
}
|
|
184
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
184
|
+
@keyframes awsui_awsui-motion-fade-in-0_1cbgc_bkd7q_1 {
|
|
185
185
|
from {
|
|
186
186
|
opacity: 0;
|
|
187
187
|
}
|
|
@@ -190,168 +190,168 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
192
|
@media (prefers-reduced-motion: reduce) {
|
|
193
|
-
.awsui_container-fade-
|
|
193
|
+
.awsui_container-fade-in_1cbgc_bkd7q_181:not(#\9) {
|
|
194
194
|
animation: none;
|
|
195
195
|
transition: none;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
|
-
.awsui-motion-disabled .awsui_container-fade-
|
|
198
|
+
.awsui-motion-disabled .awsui_container-fade-in_1cbgc_bkd7q_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_bkd7q_181:not(#\9) {
|
|
199
199
|
animation: none;
|
|
200
200
|
transition: none;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.
|
|
204
|
-
font-size: var(--font-size-body-m-
|
|
205
|
-
line-height: var(--line-height-body-m-
|
|
203
|
+
.awsui_root_1cbgc_bkd7q_203:not(#\9) {
|
|
204
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
205
|
+
line-height: var(--line-height-body-m-5xw6xo, 22px);
|
|
206
206
|
color: var(--color-text-body-default-5qid0u, #16191f);
|
|
207
|
-
font-weight: var(--font-weight-normal-
|
|
208
|
-
font-family: var(--font-family-base-
|
|
207
|
+
font-weight: var(--font-weight-normal-fr92v6, 400);
|
|
208
|
+
font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
209
209
|
-webkit-font-smoothing: auto;
|
|
210
210
|
-moz-osx-font-smoothing: auto;
|
|
211
211
|
}
|
|
212
|
-
.
|
|
212
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-error_1cbgc_bkd7q_212:not(#\9) {
|
|
213
213
|
color: var(--color-text-status-error-c3at5p, #d13212);
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-warning_1cbgc_bkd7q_215:not(#\9) {
|
|
216
216
|
color: var(--color-text-status-warning-08d9ki, #906806);
|
|
217
217
|
}
|
|
218
|
-
.
|
|
218
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-success_1cbgc_bkd7q_218:not(#\9) {
|
|
219
219
|
color: var(--color-text-status-success-ya1ikb, #1d8102);
|
|
220
220
|
}
|
|
221
|
-
.
|
|
221
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-info_1cbgc_bkd7q_221:not(#\9) {
|
|
222
222
|
color: var(--color-text-status-info-5vpe5d, #0073bb);
|
|
223
223
|
}
|
|
224
|
-
.
|
|
224
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-stopped_1cbgc_bkd7q_224:not(#\9) {
|
|
225
225
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
226
226
|
}
|
|
227
|
-
.
|
|
227
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-pending_1cbgc_bkd7q_227:not(#\9) {
|
|
228
228
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-in-progress_1cbgc_bkd7q_230:not(#\9) {
|
|
231
231
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
232
232
|
}
|
|
233
|
-
.
|
|
233
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-loading_1cbgc_bkd7q_233:not(#\9) {
|
|
234
234
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
235
235
|
}
|
|
236
|
-
.
|
|
236
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-not-started_1cbgc_bkd7q_236:not(#\9) {
|
|
237
237
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
238
238
|
}
|
|
239
|
-
.
|
|
239
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-log_1cbgc_bkd7q_239:not(#\9) {
|
|
240
240
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-red_1cbgc_bkd7q_242:not(#\9) {
|
|
243
243
|
color: var(--color-text-status-error-c3at5p, #d13212);
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-grey_1cbgc_bkd7q_245:not(#\9) {
|
|
246
246
|
color: var(--color-text-status-inactive-n7p1uq, #687078);
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-blue_1cbgc_bkd7q_248:not(#\9) {
|
|
249
249
|
color: var(--color-text-status-info-5vpe5d, #0073bb);
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-green_1cbgc_bkd7q_251:not(#\9) {
|
|
252
252
|
color: var(--color-text-status-success-ya1ikb, #1d8102);
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-yellow_1cbgc_bkd7q_254:not(#\9) {
|
|
255
255
|
color: var(--color-text-status-warning-08d9ki, #906806);
|
|
256
256
|
}
|
|
257
|
-
.
|
|
257
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-error_1cbgc_bkd7q_212 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
258
258
|
background: var(--color-background-status-indicator-error-621sf8, transparent);
|
|
259
259
|
}
|
|
260
|
-
.
|
|
260
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-warning_1cbgc_bkd7q_215 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
261
261
|
background: var(--color-background-status-indicator-warning-3kccdi, transparent);
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-success_1cbgc_bkd7q_218 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
264
264
|
background: var(--color-background-status-indicator-success-9mizpw, transparent);
|
|
265
265
|
}
|
|
266
|
-
.
|
|
266
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-info_1cbgc_bkd7q_221 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
267
267
|
background: var(--color-background-status-indicator-info-zw9ljm, transparent);
|
|
268
268
|
}
|
|
269
|
-
.
|
|
269
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-stopped_1cbgc_bkd7q_224 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
270
270
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
271
271
|
}
|
|
272
|
-
.
|
|
272
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-pending_1cbgc_bkd7q_227 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
273
273
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
274
274
|
}
|
|
275
|
-
.
|
|
275
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-in-progress_1cbgc_bkd7q_230 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
276
276
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-loading_1cbgc_bkd7q_233 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
279
279
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
280
280
|
}
|
|
281
|
-
.
|
|
281
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-not-started_1cbgc_bkd7q_236 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
282
282
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_status-log_1cbgc_bkd7q_239 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
285
285
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
286
286
|
}
|
|
287
|
-
.
|
|
287
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-red_1cbgc_bkd7q_242 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
288
288
|
background: var(--color-background-status-indicator-error-621sf8, transparent);
|
|
289
289
|
}
|
|
290
|
-
.
|
|
290
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-grey_1cbgc_bkd7q_245 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
291
291
|
background: var(--color-background-status-indicator-neutral-50dvgi, transparent);
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-blue_1cbgc_bkd7q_248 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
294
294
|
background: var(--color-background-status-indicator-info-zw9ljm, transparent);
|
|
295
295
|
}
|
|
296
|
-
.
|
|
296
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-green_1cbgc_bkd7q_251 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
297
297
|
background: var(--color-background-status-indicator-success-9mizpw, transparent);
|
|
298
298
|
}
|
|
299
|
-
.
|
|
299
|
+
.awsui_root_1cbgc_bkd7q_203.awsui_color-override-yellow_1cbgc_bkd7q_254 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
300
300
|
background: var(--color-background-status-indicator-warning-3kccdi, transparent);
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
.
|
|
303
|
+
.awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
304
304
|
padding-inline: var(--space-status-indicator-padding-horizontal-hzqgcr, 0px);
|
|
305
305
|
border-start-start-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
|
|
306
306
|
border-start-end-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
|
|
307
307
|
border-end-start-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
|
|
308
308
|
border-end-end-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
|
|
309
309
|
}
|
|
310
|
-
.awsui-one-theme .
|
|
310
|
+
.awsui-one-theme .awsui_root_1cbgc_bkd7q_203.awsui_status-loading_1cbgc_bkd7q_233 > .awsui_container_1cbgc_bkd7q_181:not(#\9) {
|
|
311
311
|
background: transparent;
|
|
312
312
|
align-items: center;
|
|
313
313
|
color: var(--color-text-body-secondary-gaft81, #545b64);
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_container_1cbgc_bkd7q_181.awsui_display-inline_1cbgc_bkd7q_315:not(#\9) {
|
|
316
316
|
min-inline-size: 0;
|
|
317
317
|
word-break: break-word;
|
|
318
318
|
display: inline;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_container_1cbgc_bkd7q_181.awsui_display-inline_1cbgc_bkd7q_315 > .awsui_icon_1cbgc_bkd7q_153:not(#\9) {
|
|
321
321
|
white-space: nowrap;
|
|
322
322
|
}
|
|
323
|
-
.awsui-one-theme .
|
|
323
|
+
.awsui-one-theme .awsui_container_1cbgc_bkd7q_181.awsui_display-inline_1cbgc_bkd7q_315 > .awsui_icon_1cbgc_bkd7q_153:not(#\9) {
|
|
324
324
|
vertical-align: middle;
|
|
325
325
|
}
|
|
326
|
-
.
|
|
326
|
+
.awsui_container_1cbgc_bkd7q_181.awsui_display-inline-block_1cbgc_bkd7q_326:not(#\9) {
|
|
327
327
|
display: inline-block;
|
|
328
328
|
word-wrap: break-word;
|
|
329
329
|
word-break: break-all;
|
|
330
330
|
}
|
|
331
|
-
.awsui-one-theme .
|
|
331
|
+
.awsui-one-theme .awsui_container_1cbgc_bkd7q_181.awsui_display-inline-block_1cbgc_bkd7q_326:not(#\9) {
|
|
332
332
|
display: inline-flex;
|
|
333
333
|
vertical-align: top;
|
|
334
334
|
}
|
|
335
|
-
.
|
|
335
|
+
.awsui_container_1cbgc_bkd7q_181.awsui_display-inline-block_1cbgc_bkd7q_326 > .awsui_icon_1cbgc_bkd7q_153:not(#\9) {
|
|
336
336
|
padding-inline-end: var(--space-xxs-jnczic, 4px);
|
|
337
337
|
}
|
|
338
|
-
.awsui-one-theme .
|
|
338
|
+
.awsui-one-theme .awsui_container_1cbgc_bkd7q_181.awsui_display-inline-block_1cbgc_bkd7q_326 > .awsui_icon_1cbgc_bkd7q_153:not(#\9) {
|
|
339
339
|
display: inline-flex;
|
|
340
340
|
align-items: center;
|
|
341
|
-
block-size: var(--line-height-body-m-
|
|
341
|
+
block-size: var(--line-height-body-m-5xw6xo, 22px);
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.awsui_overflow-
|
|
344
|
+
.awsui_overflow-ellipsis_1cbgc_bkd7q_344:not(#\9) {
|
|
345
345
|
max-inline-size: 100%;
|
|
346
346
|
overflow: hidden;
|
|
347
347
|
text-overflow: ellipsis;
|
|
348
348
|
white-space: nowrap;
|
|
349
349
|
vertical-align: text-bottom;
|
|
350
350
|
}
|
|
351
|
-
.awsui-one-theme .awsui_overflow-
|
|
351
|
+
.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_bkd7q_344:not(#\9) {
|
|
352
352
|
text-overflow: unset;
|
|
353
353
|
}
|
|
354
|
-
.awsui-one-theme .awsui_overflow-
|
|
354
|
+
.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_bkd7q_344 > span:not(#\9):last-child {
|
|
355
355
|
overflow: hidden;
|
|
356
356
|
text-overflow: ellipsis;
|
|
357
357
|
white-space: nowrap;
|
|
@@ -2,30 +2,30 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"icon-shake": "awsui_icon-
|
|
6
|
-
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-
|
|
7
|
-
"container-fade-in": "awsui_container-fade-
|
|
8
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
9
|
-
"root": "
|
|
10
|
-
"status-error": "awsui_status-
|
|
11
|
-
"status-warning": "awsui_status-
|
|
12
|
-
"status-success": "awsui_status-
|
|
13
|
-
"status-info": "awsui_status-
|
|
14
|
-
"status-stopped": "awsui_status-
|
|
15
|
-
"status-pending": "awsui_status-
|
|
16
|
-
"status-in-progress": "awsui_status-in-
|
|
17
|
-
"status-loading": "awsui_status-
|
|
18
|
-
"status-not-started": "awsui_status-not-
|
|
19
|
-
"status-log": "awsui_status-
|
|
20
|
-
"color-override-red": "awsui_color-override-
|
|
21
|
-
"color-override-grey": "awsui_color-override-
|
|
22
|
-
"color-override-blue": "awsui_color-override-
|
|
23
|
-
"color-override-green": "awsui_color-override-
|
|
24
|
-
"color-override-yellow": "awsui_color-override-
|
|
25
|
-
"container": "
|
|
26
|
-
"display-inline": "awsui_display-
|
|
27
|
-
"icon": "
|
|
28
|
-
"display-inline-block": "awsui_display-inline-
|
|
29
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
5
|
+
"icon-shake": "awsui_icon-shake_1cbgc_bkd7q_153",
|
|
6
|
+
"awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_bkd7q_1",
|
|
7
|
+
"container-fade-in": "awsui_container-fade-in_1cbgc_bkd7q_181",
|
|
8
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_bkd7q_1",
|
|
9
|
+
"root": "awsui_root_1cbgc_bkd7q_203",
|
|
10
|
+
"status-error": "awsui_status-error_1cbgc_bkd7q_212",
|
|
11
|
+
"status-warning": "awsui_status-warning_1cbgc_bkd7q_215",
|
|
12
|
+
"status-success": "awsui_status-success_1cbgc_bkd7q_218",
|
|
13
|
+
"status-info": "awsui_status-info_1cbgc_bkd7q_221",
|
|
14
|
+
"status-stopped": "awsui_status-stopped_1cbgc_bkd7q_224",
|
|
15
|
+
"status-pending": "awsui_status-pending_1cbgc_bkd7q_227",
|
|
16
|
+
"status-in-progress": "awsui_status-in-progress_1cbgc_bkd7q_230",
|
|
17
|
+
"status-loading": "awsui_status-loading_1cbgc_bkd7q_233",
|
|
18
|
+
"status-not-started": "awsui_status-not-started_1cbgc_bkd7q_236",
|
|
19
|
+
"status-log": "awsui_status-log_1cbgc_bkd7q_239",
|
|
20
|
+
"color-override-red": "awsui_color-override-red_1cbgc_bkd7q_242",
|
|
21
|
+
"color-override-grey": "awsui_color-override-grey_1cbgc_bkd7q_245",
|
|
22
|
+
"color-override-blue": "awsui_color-override-blue_1cbgc_bkd7q_248",
|
|
23
|
+
"color-override-green": "awsui_color-override-green_1cbgc_bkd7q_251",
|
|
24
|
+
"color-override-yellow": "awsui_color-override-yellow_1cbgc_bkd7q_254",
|
|
25
|
+
"container": "awsui_container_1cbgc_bkd7q_181",
|
|
26
|
+
"display-inline": "awsui_display-inline_1cbgc_bkd7q_315",
|
|
27
|
+
"icon": "awsui_icon_1cbgc_bkd7q_153",
|
|
28
|
+
"display-inline-block": "awsui_display-inline-block_1cbgc_bkd7q_326",
|
|
29
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_bkd7q_344"
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -5,7 +5,7 @@ export interface StepsProps extends BaseComponentProps {
|
|
|
5
5
|
* An array of individual steps
|
|
6
6
|
*
|
|
7
7
|
* Each step definition has the following properties:
|
|
8
|
-
* * `status` (string) - Status of the step corresponding to a status indicator.
|
|
8
|
+
* * `status` (string) - Status of the step corresponding to a status indicator.
|
|
9
9
|
* * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
|
|
10
10
|
* * `header` (ReactNode) - Summary corresponding to the step.
|
|
11
11
|
* * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
|
|
@@ -52,7 +52,7 @@ export interface StepsProps extends BaseComponentProps {
|
|
|
52
52
|
ariaDescribedby?: string;
|
|
53
53
|
}
|
|
54
54
|
export declare namespace StepsProps {
|
|
55
|
-
type Status = StatusIndicatorProps.Type
|
|
55
|
+
type Status = StatusIndicatorProps.Type;
|
|
56
56
|
interface Step {
|
|
57
57
|
status: Status;
|
|
58
58
|
statusIconAriaLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n * * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.\n */\n steps: ReadonlyArray<StepsProps.Step>;\n /**\n * The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n */\n orientation?: StepsProps.Orientation;\n /**\n * Determines whether the connector lines between steps are displayed. The following variants are available:\n * * `visible` - Shows connector lines between consecutive steps.\n * * `none` - Hides the connector lines between steps.\n */\n connectorLines?: StepsProps.ConnectorLinesVariant;\n /**\n * Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n */\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /**\n * Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n /**\n * Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n /**\n * Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type;\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n annotation?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' | 'horizontal';\n\n export type ConnectorLinesVariant = 'visible' | 'none';\n}\n"]}
|