@cloudscape-design/components 3.0.1358 → 3.0.1360
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/action-card/styles.css.js +17 -17
- package/action-card/styles.scoped.css +203 -347
- package/action-card/styles.selectors.js +17 -17
- package/alert/actions-wrapper/styles.css.js +1 -1
- package/alert/actions-wrapper/styles.scoped.css +2 -6
- package/alert/actions-wrapper/styles.selectors.js +1 -1
- package/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +63 -251
- package/alert/styles.selectors.js +27 -27
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +51 -227
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +13 -13
- package/annotation-context/annotation/styles.scoped.css +29 -201
- package/annotation-context/annotation/styles.selectors.js +13 -13
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +6 -142
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +14 -14
- package/app-layout/drawer/styles.scoped.css +22 -198
- package/app-layout/drawer/styles.selectors.js +14 -14
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +8 -144
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +5 -9
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/resize/styles.css.js +5 -5
- package/app-layout/resize/styles.scoped.css +12 -144
- package/app-layout/resize/styles.selectors.js +5 -5
- package/app-layout/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +2 -138
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +12 -12
- package/app-layout/styles.scoped.css +12 -148
- package/app-layout/styles.selectors.js +12 -12
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +10 -182
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +182 -374
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +105 -281
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/index.js +11 -1
- package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -145
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
- package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +3 -7
- package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +71 -207
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +1 -133
- package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +40 -176
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +22 -154
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +14 -190
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +38 -174
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/utils/utils.d.ts.map +1 -1
- package/autosuggest/utils/utils.js +7 -6
- package/autosuggest/utils/utils.js.map +1 -1
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +23 -163
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +220 -220
- package/box/styles.scoped.css +346 -502
- package/box/styles.selectors.js +220 -220
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +34 -166
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -14
- package/breadcrumb-group/styles.scoped.css +41 -173
- package/breadcrumb-group/styles.selectors.js +14 -14
- package/button/styles.css.js +23 -23
- package/button/styles.scoped.css +96 -240
- package/button/styles.selectors.js +23 -23
- package/button-dropdown/category-elements/styles.css.js +18 -18
- package/button-dropdown/category-elements/styles.scoped.css +44 -176
- package/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +52 -184
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +9 -141
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +23 -23
- package/button-dropdown/styles.scoped.css +35 -167
- package/button-dropdown/styles.selectors.js +23 -23
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +9 -177
- package/button-group/styles.selectors.js +4 -4
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +88 -228
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +53 -185
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +14 -146
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +4 -4
- package/code-editor/resizable-box/styles.scoped.css +6 -142
- package/code-editor/resizable-box/styles.selectors.js +4 -4
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +207 -351
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +66 -210
- package/collection-preferences/styles.selectors.js +38 -38
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +9 -177
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +50 -218
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +33 -33
- package/container/styles.scoped.css +107 -279
- package/container/styles.selectors.js +33 -33
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +16 -148
- package/content-layout/styles.selectors.js +14 -14
- package/copy-to-clipboard/styles.css.js +5 -5
- package/copy-to-clipboard/styles.scoped.css +6 -10
- package/copy-to-clipboard/styles.selectors.js +5 -5
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +17 -149
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/date-range-picker/calendar/grids/styles.scoped.css +95 -231
- package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/date-range-picker/relative-range/styles.css.js +6 -6
- package/date-range-picker/relative-range/styles.scoped.css +10 -142
- package/date-range-picker/relative-range/styles.selectors.js +6 -6
- package/date-range-picker/styles.css.js +23 -23
- package/date-range-picker/styles.scoped.css +47 -183
- package/date-range-picker/styles.selectors.js +23 -23
- package/divider/styles.css.js +6 -6
- package/divider/styles.scoped.css +13 -145
- package/divider/styles.selectors.js +6 -6
- package/drawer/styles.css.js +29 -29
- package/drawer/styles.scoped.css +61 -237
- package/drawer/styles.selectors.js +29 -29
- package/dropdown/styles.css.js +20 -20
- package/dropdown/styles.scoped.css +58 -194
- package/dropdown/styles.selectors.js +20 -20
- package/expandable-section/styles.css.js +43 -43
- package/expandable-section/styles.scoped.css +133 -269
- package/expandable-section/styles.selectors.js +43 -43
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +7 -175
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/styles.css.js +5 -5
- package/file-input/styles.scoped.css +16 -188
- package/file-input/styles.selectors.js +5 -5
- package/file-token-group/styles.css.js +23 -23
- package/file-token-group/styles.scoped.css +52 -240
- package/file-token-group/styles.selectors.js +23 -23
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +3 -7
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +194 -382
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +12 -144
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +57 -193
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +58 -190
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +35 -35
- package/header/styles.scoped.css +117 -293
- package/header/styles.selectors.js +35 -35
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +146 -314
- package/help-panel/styles.selectors.js +6 -6
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +7 -175
- package/hotspot/styles.selectors.js +7 -7
- 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 +42 -41
- package/icon/styles.scoped.css +124 -301
- package/icon/styles.selectors.js +42 -41
- package/input/styles.css.js +28 -28
- package/input/styles.scoped.css +134 -266
- package/input/styles.selectors.js +28 -28
- package/internal/base-component/styles.scoped.css +1 -9
- package/internal/base-theme/styles.scoped.css +424 -424
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -155
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +14 -14
- package/internal/components/button-trigger/styles.scoped.css +68 -208
- package/internal/components/button-trigger/styles.selectors.js +14 -14
- package/internal/components/cartesian-chart/styles.css.js +28 -28
- package/internal/components/cartesian-chart/styles.scoped.css +40 -172
- package/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -139
- 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 +22 -158
- 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 -137
- 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 +8 -140
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +19 -19
- package/internal/components/chart-series-details/styles.scoped.css +46 -182
- package/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +11 -143
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-status-container/styles.css.js +2 -2
- package/internal/components/chart-status-container/styles.scoped.css +2 -6
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -183
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +9 -9
- package/internal/components/checkbox-icon/styles.scoped.css +10 -142
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/drag-handle/styles.css.js +14 -14
- package/internal/components/drag-handle/styles.scoped.css +26 -158
- package/internal/components/drag-handle/styles.selectors.js +14 -14
- package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -184
- package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +9 -141
- 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 +6 -138
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/expand-toggle-button/styles.css.js +4 -4
- package/internal/components/expand-toggle-button/styles.scoped.css +21 -157
- package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +24 -156
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +39 -175
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +11 -143
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/panel-resize-handle/styles.css.js +3 -3
- package/internal/components/panel-resize-handle/styles.scoped.css +11 -143
- package/internal/components/panel-resize-handle/styles.selectors.js +3 -3
- package/internal/components/radio-button/styles.css.js +7 -7
- package/internal/components/radio-button/styles.scoped.css +17 -149
- package/internal/components/radio-button/styles.selectors.js +7 -7
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +1 -133
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +93 -225
- package/internal/components/selectable-item/styles.selectors.js +22 -22
- package/internal/components/sortable-area/styles.css.js +8 -8
- package/internal/components/sortable-area/styles.scoped.css +43 -175
- package/internal/components/sortable-area/styles.selectors.js +8 -8
- package/internal/components/structured-item/styles.css.js +7 -7
- package/internal/components/structured-item/styles.scoped.css +13 -145
- package/internal/components/structured-item/styles.selectors.js +7 -7
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +41 -221
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.js +314 -314
- package/internal/generated/theming/index.cjs +314 -314
- package/internal/generated/theming/index.js +314 -314
- package/internal/manifest.json +1 -1
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +78 -214
- package/item-card/styles.selectors.js +14 -14
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +21 -153
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +21 -21
- package/link/styles.scoped.css +142 -274
- package/link/styles.selectors.js +21 -21
- package/list/styles.css.js +5 -5
- package/list/styles.scoped.css +12 -144
- package/list/styles.selectors.js +5 -5
- package/live-region/styles.css.js +2 -2
- package/live-region/styles.scoped.css +3 -135
- package/live-region/styles.selectors.js +2 -2
- package/manifest.json +2 -2
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +21 -197
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +31 -31
- package/modal/styles.scoped.css +64 -204
- package/modal/styles.selectors.js +31 -31
- package/multiselect/styles.css.js +5 -5
- package/multiselect/styles.scoped.css +13 -145
- package/multiselect/styles.selectors.js +5 -5
- package/package.json +1 -1
- package/pagination/styles.css.js +12 -12
- package/pagination/styles.scoped.css +48 -180
- package/pagination/styles.selectors.js +12 -12
- package/panel-layout/styles.css.js +7 -7
- package/panel-layout/styles.scoped.css +22 -194
- package/panel-layout/styles.selectors.js +7 -7
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +60 -200
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +58 -58
- package/popover/styles.scoped.css +140 -288
- package/popover/styles.selectors.js +58 -58
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +42 -214
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +26 -26
- package/prompt-input/styles.scoped.css +124 -256
- package/prompt-input/styles.selectors.js +26 -26
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +61 -197
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +69 -201
- package/property-filter/styles.selectors.js +39 -39
- package/radio-button/styles.css.js +1 -1
- package/radio-button/styles.scoped.css +5 -137
- package/radio-button/styles.selectors.js +1 -1
- package/radio-group/styles.css.js +5 -5
- package/radio-group/styles.scoped.css +10 -142
- package/radio-group/styles.selectors.js +5 -5
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -14
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/s3-resource-selector/s3-modal/styles.scoped.css +6 -174
- package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +62 -202
- package/segmented-control/styles.selectors.js +16 -16
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +27 -159
- package/select/parts/styles.selectors.js +21 -21
- package/select/styles.css.js +3 -3
- package/select/styles.scoped.css +7 -139
- package/select/styles.selectors.js +3 -3
- package/side-navigation/styles.css.js +64 -64
- package/side-navigation/styles.scoped.css +174 -306
- package/side-navigation/styles.selectors.js +64 -64
- package/skeleton/styles.css.js +15 -15
- package/skeleton/styles.scoped.css +45 -177
- package/skeleton/styles.selectors.js +15 -15
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +81 -217
- package/slider/styles.selectors.js +26 -26
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +24 -156
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +14 -14
- package/spinner/styles.scoped.css +24 -160
- package/spinner/styles.selectors.js +14 -14
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +24 -156
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +38 -38
- package/split-panel/styles.scoped.css +76 -212
- package/split-panel/styles.selectors.js +38 -38
- package/status-indicator/styles.css.js +25 -25
- package/status-indicator/styles.scoped.css +55 -191
- package/status-indicator/styles.selectors.js +25 -25
- package/steps/styles.css.js +17 -17
- package/steps/styles.scoped.css +41 -209
- package/steps/styles.selectors.js +17 -17
- package/table/body-cell/styles.css.js +48 -48
- package/table/body-cell/styles.scoped.css +826 -958
- package/table/body-cell/styles.selectors.js +48 -48
- package/table/header-cell/styles.css.js +38 -38
- package/table/header-cell/styles.scoped.css +118 -286
- package/table/header-cell/styles.selectors.js +38 -38
- package/table/resizer/styles.css.js +17 -17
- package/table/resizer/styles.scoped.css +39 -171
- package/table/resizer/styles.selectors.js +17 -17
- package/table/selection/styles.css.js +4 -4
- package/table/selection/styles.scoped.css +4 -136
- package/table/selection/styles.selectors.js +4 -4
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +11 -179
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +37 -37
- package/table/styles.scoped.css +60 -196
- package/table/styles.selectors.js +37 -37
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +84 -220
- package/tabs/styles.selectors.js +30 -30
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +22 -154
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/button-group/index.js +3 -4
- package/test-utils/dom/button-group/index.js.map +1 -1
- package/test-utils/dom/popover/index.js +3 -4
- package/test-utils/dom/popover/index.js.map +1 -1
- package/test-utils/selectors/button-group/index.js +3 -4
- package/test-utils/selectors/button-group/index.js.map +1 -1
- package/test-utils/selectors/popover/index.js +3 -4
- package/test-utils/selectors/popover/index.js.map +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +127 -259
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +7 -139
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +9 -9
- package/textarea/styles.scoped.css +46 -178
- package/textarea/styles.selectors.js +9 -9
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +96 -264
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +26 -158
- package/toggle/styles.selectors.js +10 -10
- package/toggle-button/styles.css.js +4 -4
- package/toggle-button/styles.scoped.css +4 -8
- package/toggle-button/styles.selectors.js +4 -4
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +52 -192
- package/token/styles.selectors.js +14 -14
- package/token-group/styles.css.js +5 -5
- package/token-group/styles.scoped.css +8 -140
- package/token-group/styles.selectors.js +5 -5
- package/tooltip/styles.css.js +2 -2
- package/tooltip/styles.scoped.css +5 -137
- package/tooltip/styles.selectors.js +2 -2
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +118 -250
- package/top-navigation/styles.selectors.js +47 -47
- package/tree-view/styles.css.js +2 -2
- package/tree-view/styles.scoped.css +9 -177
- package/tree-view/styles.selectors.js +2 -2
- package/tree-view/tree-item/styles.css.js +10 -10
- package/tree-view/tree-item/styles.scoped.css +17 -193
- package/tree-view/tree-item/styles.selectors.js +10 -10
- package/tree-view/vertical-connector/styles.css.js +3 -3
- package/tree-view/vertical-connector/styles.scoped.css +6 -10
- package/tree-view/vertical-connector/styles.selectors.js +3 -3
- package/truncated-text/styles.css.js +1 -1
- package/truncated-text/styles.scoped.css +9 -141
- package/truncated-text/styles.selectors.js +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +37 -205
- 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 +53 -229
- 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 +13 -185
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +81 -213
- package/wizard/styles.selectors.js +30 -30
|
@@ -2,238 +2,62 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
/*
|
|
6
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
-
SPDX-License-Identifier: Apache-2.0
|
|
8
|
-
*/
|
|
9
|
-
/*
|
|
10
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
|
-
SPDX-License-Identifier: Apache-2.0
|
|
12
|
-
*/
|
|
13
|
-
/*
|
|
14
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
15
|
-
SPDX-License-Identifier: Apache-2.0
|
|
16
|
-
*/
|
|
17
|
-
/*
|
|
18
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
19
|
-
SPDX-License-Identifier: Apache-2.0
|
|
20
|
-
*/
|
|
21
|
-
/*
|
|
22
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
23
|
-
SPDX-License-Identifier: Apache-2.0
|
|
24
|
-
*/
|
|
25
|
-
/*
|
|
26
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
27
|
-
SPDX-License-Identifier: Apache-2.0
|
|
28
|
-
*/
|
|
29
|
-
/*
|
|
30
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
31
|
-
SPDX-License-Identifier: Apache-2.0
|
|
32
|
-
*/
|
|
33
|
-
/*
|
|
34
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
35
|
-
SPDX-License-Identifier: Apache-2.0
|
|
36
|
-
*/
|
|
37
|
-
/*
|
|
38
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
39
|
-
SPDX-License-Identifier: Apache-2.0
|
|
40
|
-
*/
|
|
41
|
-
/*
|
|
42
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
43
|
-
SPDX-License-Identifier: Apache-2.0
|
|
44
|
-
*/
|
|
45
|
-
/*
|
|
46
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
47
|
-
SPDX-License-Identifier: Apache-2.0
|
|
48
|
-
*/
|
|
49
|
-
/*
|
|
50
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
51
|
-
SPDX-License-Identifier: Apache-2.0
|
|
52
|
-
*/
|
|
53
|
-
/*
|
|
54
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
55
|
-
SPDX-License-Identifier: Apache-2.0
|
|
56
|
-
*/
|
|
57
|
-
/*
|
|
58
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
59
|
-
SPDX-License-Identifier: Apache-2.0
|
|
60
|
-
*/
|
|
61
|
-
/*
|
|
62
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
63
|
-
SPDX-License-Identifier: Apache-2.0
|
|
64
|
-
*/
|
|
65
|
-
/*
|
|
66
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
67
|
-
SPDX-License-Identifier: Apache-2.0
|
|
68
|
-
*/
|
|
69
|
-
/*
|
|
70
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
71
|
-
SPDX-License-Identifier: Apache-2.0
|
|
72
|
-
*/
|
|
73
|
-
/*
|
|
74
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
75
|
-
SPDX-License-Identifier: Apache-2.0
|
|
76
|
-
*/
|
|
77
|
-
/*
|
|
78
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
79
|
-
SPDX-License-Identifier: Apache-2.0
|
|
80
|
-
*/
|
|
81
|
-
/*
|
|
82
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
83
|
-
SPDX-License-Identifier: Apache-2.0
|
|
84
|
-
*/
|
|
85
|
-
/*
|
|
86
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
87
|
-
SPDX-License-Identifier: Apache-2.0
|
|
88
|
-
*/
|
|
89
|
-
/*
|
|
90
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
|
-
SPDX-License-Identifier: Apache-2.0
|
|
92
|
-
*/
|
|
93
|
-
/*
|
|
94
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
|
-
SPDX-License-Identifier: Apache-2.0
|
|
96
|
-
*/
|
|
97
|
-
/*
|
|
98
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
|
-
SPDX-License-Identifier: Apache-2.0
|
|
100
|
-
*/
|
|
101
|
-
/*
|
|
102
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
103
|
-
SPDX-License-Identifier: Apache-2.0
|
|
104
|
-
*/
|
|
105
|
-
/*
|
|
106
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
107
|
-
SPDX-License-Identifier: Apache-2.0
|
|
108
|
-
*/
|
|
109
|
-
/*
|
|
110
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
111
|
-
SPDX-License-Identifier: Apache-2.0
|
|
112
|
-
*/
|
|
113
|
-
/*
|
|
114
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
115
|
-
SPDX-License-Identifier: Apache-2.0
|
|
116
|
-
*/
|
|
117
|
-
/*
|
|
118
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
119
|
-
SPDX-License-Identifier: Apache-2.0
|
|
120
|
-
*/
|
|
121
|
-
/*
|
|
122
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
123
|
-
SPDX-License-Identifier: Apache-2.0
|
|
124
|
-
*/
|
|
125
|
-
/*
|
|
126
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
|
-
SPDX-License-Identifier: Apache-2.0
|
|
128
|
-
*/
|
|
129
|
-
/*
|
|
130
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
131
|
-
SPDX-License-Identifier: Apache-2.0
|
|
132
|
-
*/
|
|
133
|
-
/*
|
|
134
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
135
|
-
SPDX-License-Identifier: Apache-2.0
|
|
136
|
-
*/
|
|
137
5
|
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
138
6
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
139
|
-
/*
|
|
140
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
-
SPDX-License-Identifier: Apache-2.0
|
|
142
|
-
*/
|
|
143
|
-
/*
|
|
144
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
|
-
SPDX-License-Identifier: Apache-2.0
|
|
146
|
-
*/
|
|
147
|
-
/*
|
|
148
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
|
-
SPDX-License-Identifier: Apache-2.0
|
|
150
|
-
*/
|
|
151
|
-
/*
|
|
152
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
153
|
-
SPDX-License-Identifier: Apache-2.0
|
|
154
|
-
*/
|
|
155
|
-
/*
|
|
156
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
|
-
SPDX-License-Identifier: Apache-2.0
|
|
158
|
-
*/
|
|
159
|
-
/*
|
|
160
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
|
-
SPDX-License-Identifier: Apache-2.0
|
|
162
|
-
*/
|
|
163
|
-
/*
|
|
164
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
165
|
-
SPDX-License-Identifier: Apache-2.0
|
|
166
|
-
*/
|
|
167
|
-
/*
|
|
168
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
169
|
-
SPDX-License-Identifier: Apache-2.0
|
|
170
|
-
*/
|
|
171
|
-
/*
|
|
172
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
173
|
-
SPDX-License-Identifier: Apache-2.0
|
|
174
|
-
*/
|
|
175
7
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
176
8
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
177
9
|
/*
|
|
178
10
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
179
11
|
SPDX-License-Identifier: Apache-2.0
|
|
180
12
|
*/
|
|
181
|
-
|
|
182
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
|
-
SPDX-License-Identifier: Apache-2.0
|
|
184
|
-
*/
|
|
185
|
-
/*
|
|
186
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
|
-
SPDX-License-Identifier: Apache-2.0
|
|
188
|
-
*/
|
|
189
|
-
.awsui_flash-with-motion_1q84n_emt9t_189.awsui_enter_1q84n_emt9t_189:not(#\9) {
|
|
13
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
|
|
190
14
|
opacity: 0;
|
|
191
15
|
transform: translateY(-20px);
|
|
192
16
|
}
|
|
193
17
|
@media (prefers-reduced-motion: reduce) {
|
|
194
|
-
.awsui_flash-with-
|
|
18
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
|
|
195
19
|
animation: none;
|
|
196
20
|
transition: none;
|
|
197
21
|
}
|
|
198
22
|
}
|
|
199
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
23
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13:not(#\9) {
|
|
200
24
|
animation: none;
|
|
201
25
|
transition: none;
|
|
202
26
|
}
|
|
203
|
-
.awsui_flash-with-
|
|
204
|
-
.awsui_flash-with-
|
|
205
|
-
.awsui_flash-with-
|
|
206
|
-
.awsui_flash-with-
|
|
27
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
28
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
29
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
30
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
207
31
|
opacity: 0;
|
|
208
32
|
transform: translateY(-8px);
|
|
209
33
|
}
|
|
210
34
|
@media (prefers-reduced-motion: reduce) {
|
|
211
|
-
.awsui_flash-with-
|
|
212
|
-
.awsui_flash-with-
|
|
213
|
-
.awsui_flash-with-
|
|
214
|
-
.awsui_flash-with-
|
|
35
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
36
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
37
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
38
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
215
39
|
animation: none;
|
|
216
40
|
transition: none;
|
|
217
41
|
}
|
|
218
42
|
}
|
|
219
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
43
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
220
44
|
animation: none;
|
|
221
45
|
transition: none;
|
|
222
46
|
}
|
|
223
|
-
.awsui_flash-with-
|
|
47
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
224
48
|
opacity: 0;
|
|
225
49
|
}
|
|
226
50
|
@media (prefers-reduced-motion: reduce) {
|
|
227
|
-
.awsui_flash-with-
|
|
51
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
228
52
|
animation: none;
|
|
229
53
|
transition: none;
|
|
230
54
|
}
|
|
231
55
|
}
|
|
232
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
56
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_enter_1q84n_a5sfv_13 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
233
57
|
animation: none;
|
|
234
58
|
transition: none;
|
|
235
59
|
}
|
|
236
|
-
.awsui_flash-with-
|
|
60
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
|
|
237
61
|
transition-property: transform, opacity;
|
|
238
62
|
transition-duration: var(--motion-duration-complex-tbdo30, 250ms);
|
|
239
63
|
transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
@@ -241,25 +65,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
241
65
|
transform: translateY(0);
|
|
242
66
|
}
|
|
243
67
|
@media (prefers-reduced-motion: reduce) {
|
|
244
|
-
.awsui_flash-with-
|
|
68
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
|
|
245
69
|
animation: none;
|
|
246
70
|
transition: none;
|
|
247
71
|
}
|
|
248
72
|
}
|
|
249
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
73
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66:not(#\9) {
|
|
250
74
|
animation: none;
|
|
251
75
|
transition: none;
|
|
252
76
|
}
|
|
253
|
-
.awsui_flash-with-
|
|
254
|
-
.awsui_flash-with-
|
|
255
|
-
.awsui_flash-with-
|
|
256
|
-
.awsui_flash-with-
|
|
257
|
-
.awsui_flash-with-
|
|
258
|
-
.awsui_flash-with-
|
|
259
|
-
.awsui_flash-with-
|
|
260
|
-
.awsui_flash-with-
|
|
261
|
-
.awsui_flash-with-
|
|
262
|
-
.awsui_flash-with-
|
|
77
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
|
|
78
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
79
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
80
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
81
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
82
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
|
|
83
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
84
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
85
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
86
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
263
87
|
opacity: 1;
|
|
264
88
|
transform: translateY(0);
|
|
265
89
|
transition-property: transform, opacity;
|
|
@@ -267,83 +91,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
267
91
|
transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
268
92
|
}
|
|
269
93
|
@media (prefers-reduced-motion: reduce) {
|
|
270
|
-
.awsui_flash-with-
|
|
271
|
-
.awsui_flash-with-
|
|
272
|
-
.awsui_flash-with-
|
|
273
|
-
.awsui_flash-with-
|
|
274
|
-
.awsui_flash-with-
|
|
275
|
-
.awsui_flash-with-
|
|
276
|
-
.awsui_flash-with-
|
|
277
|
-
.awsui_flash-with-
|
|
278
|
-
.awsui_flash-with-
|
|
279
|
-
.awsui_flash-with-
|
|
94
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
|
|
95
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
96
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
97
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
98
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
99
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
|
|
100
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
101
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
102
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
103
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
280
104
|
animation: none;
|
|
281
105
|
transition: none;
|
|
282
106
|
}
|
|
283
107
|
}
|
|
284
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
108
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
285
109
|
animation: none;
|
|
286
110
|
transition: none;
|
|
287
111
|
}
|
|
288
|
-
.awsui_flash-with-
|
|
112
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
289
113
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) - 50ms);
|
|
290
114
|
}
|
|
291
115
|
@media (prefers-reduced-motion: reduce) {
|
|
292
|
-
.awsui_flash-with-
|
|
116
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
293
117
|
animation: none;
|
|
294
118
|
transition: none;
|
|
295
119
|
}
|
|
296
120
|
}
|
|
297
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
121
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
298
122
|
animation: none;
|
|
299
123
|
transition: none;
|
|
300
124
|
}
|
|
301
|
-
.awsui_flash-with-
|
|
125
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
|
|
302
126
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
|
|
303
127
|
}
|
|
304
128
|
@media (prefers-reduced-motion: reduce) {
|
|
305
|
-
.awsui_flash-with-
|
|
129
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
|
|
306
130
|
animation: none;
|
|
307
131
|
transition: none;
|
|
308
132
|
}
|
|
309
133
|
}
|
|
310
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
134
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-header_1q84n_a5sfv_27:not(#\9) {
|
|
311
135
|
animation: none;
|
|
312
136
|
transition: none;
|
|
313
137
|
}
|
|
314
|
-
.awsui_flash-with-
|
|
138
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
|
|
315
139
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) + 10ms);
|
|
316
140
|
}
|
|
317
141
|
@media (prefers-reduced-motion: reduce) {
|
|
318
|
-
.awsui_flash-with-
|
|
142
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
|
|
319
143
|
animation: none;
|
|
320
144
|
transition: none;
|
|
321
145
|
}
|
|
322
146
|
}
|
|
323
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
147
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-message_1q84n_a5sfv_27 > .awsui_flash-content_1q84n_a5sfv_28:not(#\9) {
|
|
324
148
|
animation: none;
|
|
325
149
|
transition: none;
|
|
326
150
|
}
|
|
327
|
-
.awsui_flash-with-
|
|
328
|
-
.awsui_flash-with-
|
|
329
|
-
.awsui_flash-with-
|
|
330
|
-
.awsui_flash-with-
|
|
151
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
152
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
153
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
154
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
|
|
331
155
|
transition-delay: calc(var(--motion-duration-complex-tbdo30, 250ms) * 2 - 100ms);
|
|
332
156
|
}
|
|
333
157
|
@media (prefers-reduced-motion: reduce) {
|
|
334
|
-
.awsui_flash-with-
|
|
335
|
-
.awsui_flash-with-
|
|
336
|
-
.awsui_flash-with-
|
|
337
|
-
.awsui_flash-with-
|
|
158
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
159
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9),
|
|
160
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9),
|
|
161
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
|
|
338
162
|
animation: none;
|
|
339
163
|
transition: none;
|
|
340
164
|
}
|
|
341
165
|
}
|
|
342
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
166
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entering_1q84n_a5sfv_66 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9), .awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_entered_1q84n_a5sfv_87 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
|
|
343
167
|
animation: none;
|
|
344
168
|
transition: none;
|
|
345
169
|
}
|
|
346
|
-
.awsui_flash-with-
|
|
170
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
|
|
347
171
|
opacity: 0;
|
|
348
172
|
transform: translateY(-20px);
|
|
349
173
|
transition-property: transform, opacity;
|
|
@@ -351,12 +175,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
351
175
|
transition-timing-function: var(--motion-easing-expressive-o5jqzg, cubic-bezier(0.84, 0, 0.16, 1));
|
|
352
176
|
}
|
|
353
177
|
@media (prefers-reduced-motion: reduce) {
|
|
354
|
-
.awsui_flash-with-
|
|
178
|
+
.awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
|
|
355
179
|
animation: none;
|
|
356
180
|
transition: none;
|
|
357
181
|
}
|
|
358
182
|
}
|
|
359
|
-
.awsui-motion-disabled .awsui_flash-with-
|
|
183
|
+
.awsui-motion-disabled .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9), .awsui-mode-entering .awsui_flash-with-motion_1q84n_a5sfv_13.awsui_exiting_1q84n_a5sfv_192:not(#\9) {
|
|
360
184
|
animation: none;
|
|
361
185
|
transition: none;
|
|
362
186
|
}
|
|
@@ -369,47 +193,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
369
193
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
370
194
|
SPDX-License-Identifier: Apache-2.0
|
|
371
195
|
*/
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
*/
|
|
376
|
-
/*
|
|
377
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
378
|
-
SPDX-License-Identifier: Apache-2.0
|
|
379
|
-
*/
|
|
380
|
-
/*
|
|
381
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
382
|
-
SPDX-License-Identifier: Apache-2.0
|
|
383
|
-
*/
|
|
384
|
-
.awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_item_1q84n_emt9t_406:not(#\9),
|
|
385
|
-
.awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406 > .awsui_flash-list-item_1q84n_emt9t_407:not(#\9),
|
|
386
|
-
.awsui_stack_1q84n_emt9t_406 > .awsui_animation-running_1q84n_emt9t_406.awsui_notification-bar_1q84n_emt9t_408:not(#\9) {
|
|
196
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9),
|
|
197
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9),
|
|
198
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
|
|
387
199
|
transition-timing-function: var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1));
|
|
388
200
|
transition-duration: var(--motion-duration-responsive-mehora, 115ms);
|
|
389
201
|
}
|
|
390
202
|
@media (prefers-reduced-motion: reduce) {
|
|
391
|
-
.
|
|
392
|
-
.
|
|
393
|
-
.
|
|
203
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9),
|
|
204
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9),
|
|
205
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
|
|
394
206
|
animation: none;
|
|
395
207
|
transition: none;
|
|
396
208
|
}
|
|
397
209
|
}
|
|
398
|
-
.awsui-motion-disabled .
|
|
210
|
+
.awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_item_1q84n_a5sfv_218:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9), .awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_animation-running_1q84n_a5sfv_218.awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
|
|
399
211
|
animation: none;
|
|
400
212
|
transition: none;
|
|
401
213
|
}
|
|
402
|
-
.
|
|
403
|
-
.
|
|
214
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240.awsui_animation-ready_1q84n_a5sfv_240 > .awsui_expanded-only_1q84n_a5sfv_240:not(#\9),
|
|
215
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240.awsui_animation-running_1q84n_a5sfv_218 > .awsui_expanded-only_1q84n_a5sfv_240:not(#\9) {
|
|
404
216
|
display: none;
|
|
405
217
|
}
|
|
406
218
|
|
|
407
|
-
.
|
|
219
|
+
.awsui_stack_1q84n_a5sfv_218:not(#\9) {
|
|
408
220
|
display: grid;
|
|
409
221
|
grid-template-columns: 30px 1fr 30px;
|
|
410
222
|
}
|
|
411
223
|
|
|
412
|
-
.
|
|
224
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_expanded_1q84n_a5sfv_240:not(#\9) {
|
|
413
225
|
grid-column: 1/4;
|
|
414
226
|
}
|
|
415
227
|
|
|
@@ -423,45 +235,45 @@ the grid layout will be:
|
|
|
423
235
|
[10px] [item 2 start] [10px] [fractional unit] [10px] [item 2 end] [10px]
|
|
424
236
|
[10px] [10px] [item 3 start] [fractional unit] [item 3 end] [10px] [10px]
|
|
425
237
|
*/
|
|
426
|
-
.
|
|
238
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240:not(#\9) {
|
|
427
239
|
display: grid;
|
|
428
240
|
grid-column: 1/4;
|
|
429
241
|
grid-template-columns: repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px) 1fr repeat(var(--awsui-flashbar-stack-depth-esndbs), 10px);
|
|
430
242
|
row-gap: 8px;
|
|
431
243
|
z-index: 0;
|
|
432
244
|
}
|
|
433
|
-
.
|
|
245
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9) {
|
|
434
246
|
grid-column-start: calc(var(--awsui-flashbar-stack-index-esndbs) + 1);
|
|
435
247
|
grid-column-end: calc(var(--awsui-flashbar-stack-depth-esndbs) * 2 + 1 - var(--awsui-flashbar-stack-index-esndbs) + 1);
|
|
436
248
|
grid-row-start: 1;
|
|
437
249
|
grid-row-end: calc(var(--awsui-flashbar-stack-index-esndbs) + 2);
|
|
438
250
|
z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
|
|
439
251
|
}
|
|
440
|
-
.
|
|
252
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9):not(:first-of-type) {
|
|
441
253
|
align-self: end;
|
|
442
254
|
/* Give placeholder elements in the stacked state the height of a notification
|
|
443
255
|
with one single line of text.
|
|
444
256
|
This makes them look better during the collapse animation, in which they are already empty.
|
|
445
257
|
*/
|
|
446
|
-
min-block-size: calc(var(--line-height-body-m-
|
|
258
|
+
min-block-size: calc(var(--line-height-body-m-5xw6xo, 20px) + (var(--space-scaled-xs-xwoogq, 8px) + var(--border-width-field-2365x3, 1px) + var(--space-scaled-xxs-pfm1nx, 4px)) * 2);
|
|
447
259
|
}
|
|
448
|
-
.
|
|
449
|
-
.
|
|
260
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218:not(#\9):not(:last-child) > .awsui_flash_1q84n_a5sfv_13,
|
|
261
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_collapsed_1q84n_a5sfv_240 > .awsui_item_1q84n_a5sfv_218.awsui_flash_1q84n_a5sfv_13:not(#\9) {
|
|
450
262
|
box-shadow: var(--shadow-flash-collapsed-b68ip6, 0px 4px 4px rgba(0, 0, 0, 0.25));
|
|
451
263
|
}
|
|
452
264
|
|
|
453
|
-
.
|
|
265
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_expanded_1q84n_a5sfv_240.awsui_animation-running_1q84n_a5sfv_218 > .awsui_flash-list-item_1q84n_a5sfv_219:not(#\9) {
|
|
454
266
|
position: relative;
|
|
455
267
|
z-index: calc(var(--awsui-flashbar-stack-depth-esndbs) - var(--awsui-flashbar-stack-index-esndbs));
|
|
456
268
|
}
|
|
457
269
|
|
|
458
|
-
.
|
|
270
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240) {
|
|
459
271
|
/*
|
|
460
272
|
Since the notification bar is anchored to the bottom of the Flashbar, we need to push it up to account for the
|
|
461
273
|
missing third item when there are only 2 items in the stack.
|
|
462
274
|
*/
|
|
463
275
|
}
|
|
464
|
-
.
|
|
276
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
|
|
465
277
|
/*
|
|
466
278
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
467
279
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -470,17 +282,17 @@ the grid layout will be:
|
|
|
470
282
|
*/
|
|
471
283
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
472
284
|
is the full height of the notification bar */
|
|
473
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
285
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
474
286
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
|
|
475
287
|
}
|
|
476
|
-
.
|
|
288
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302):not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
|
|
477
289
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
|
|
478
290
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
479
291
|
is the full height of the notification bar */
|
|
480
|
-
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-
|
|
292
|
+
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
|
|
481
293
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
482
294
|
}
|
|
483
|
-
.
|
|
295
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302).awsui_visual-refresh_1q84n_a5sfv_302 {
|
|
484
296
|
/*
|
|
485
297
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
486
298
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -489,17 +301,17 @@ the grid layout will be:
|
|
|
489
301
|
*/
|
|
490
302
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
491
303
|
is the full height of the notification bar */
|
|
492
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
304
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
493
305
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
|
|
494
306
|
}
|
|
495
|
-
.
|
|
307
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240):not(.awsui_short-list_1q84n_a5sfv_302).awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220 {
|
|
496
308
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 0px);
|
|
497
309
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
498
310
|
is the full height of the notification bar */
|
|
499
|
-
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-
|
|
311
|
+
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
|
|
500
312
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
501
313
|
}
|
|
502
|
-
.
|
|
314
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302:not(.awsui_visual-refresh_1q84n_a5sfv_302) {
|
|
503
315
|
/*
|
|
504
316
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
505
317
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -508,17 +320,17 @@ the grid layout will be:
|
|
|
508
320
|
*/
|
|
509
321
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
510
322
|
is the full height of the notification bar */
|
|
511
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
323
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
512
324
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
|
|
513
325
|
}
|
|
514
|
-
.
|
|
326
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302:not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
|
|
515
327
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
|
|
516
328
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
517
329
|
is the full height of the notification bar */
|
|
518
|
-
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-
|
|
330
|
+
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 8px);
|
|
519
331
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
520
332
|
}
|
|
521
|
-
.
|
|
333
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302.awsui_visual-refresh_1q84n_a5sfv_302 {
|
|
522
334
|
/*
|
|
523
335
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
524
336
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -527,17 +339,17 @@ the grid layout will be:
|
|
|
527
339
|
*/
|
|
528
340
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
529
341
|
is the full height of the notification bar */
|
|
530
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
342
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - calc(var(--space-scaled-xl-dunxp5, 24px) + 3px));
|
|
531
343
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 8px);
|
|
532
344
|
}
|
|
533
|
-
.
|
|
345
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296:not(#\9):not(.awsui_expanded_1q84n_a5sfv_240).awsui_short-list_1q84n_a5sfv_302.awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220 {
|
|
534
346
|
margin-block-start: calc(-1 * calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) + 8px);
|
|
535
347
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
536
348
|
is the full height of the notification bar */
|
|
537
|
-
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-
|
|
349
|
+
margin-block-end: calc(calc(var(--space-scaled-xl-dunxp5, 24px) + 3px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 8px);
|
|
538
350
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
539
351
|
}
|
|
540
|
-
.
|
|
352
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
|
|
541
353
|
/*
|
|
542
354
|
Give a bit more bottom margin when expanded, but only in Classic because in Visual Refresh the margin around the
|
|
543
355
|
notifications slot already gives it enough space.
|
|
@@ -550,17 +362,17 @@ the grid layout will be:
|
|
|
550
362
|
*/
|
|
551
363
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
552
364
|
is the full height of the notification bar */
|
|
553
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
365
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 1px - var(--space-scaled-s-8ozaad, 12px));
|
|
554
366
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + var(--space-scaled-m-m892r9, 16px) + 0px);
|
|
555
367
|
}
|
|
556
|
-
.
|
|
368
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) > .awsui_notification-bar_1q84n_a5sfv_220 {
|
|
557
369
|
margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
|
|
558
370
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
559
371
|
is the full height of the notification bar */
|
|
560
|
-
margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-
|
|
372
|
+
margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 1px - 0px);
|
|
561
373
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
562
374
|
}
|
|
563
|
-
.
|
|
375
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240.awsui_visual-refresh_1q84n_a5sfv_302:not(#\9) {
|
|
564
376
|
/*
|
|
565
377
|
The default bottom margin (custom-props.$stackedNotificationsDefaultBottomMargin) is just enough to prevent the
|
|
566
378
|
notification bar from overlapping the elements below. But if using disableContentPaddings,
|
|
@@ -569,26 +381,26 @@ the grid layout will be:
|
|
|
569
381
|
*/
|
|
570
382
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
571
383
|
is the full height of the notification bar */
|
|
572
|
-
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-
|
|
384
|
+
--awsui-stacked-notifications-default-bottom-margin-esndbs: calc(var(--line-height-body-m-5xw6xo, 20px) + 2 * var(--space-button-vertical-xaxp6x, 4px) + 2 * 2px - var(--space-scaled-s-8ozaad, 12px));
|
|
573
385
|
margin-block-end: calc(var(--awsui-stacked-notifications-bottom-margin-esndbs, var(--awsui-stacked-notifications-default-bottom-margin-esndbs)) + 0px + 0px);
|
|
574
386
|
}
|
|
575
|
-
.
|
|
387
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_collapsible_1q84n_a5sfv_296.awsui_expanded_1q84n_a5sfv_240.awsui_visual-refresh_1q84n_a5sfv_302 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
|
|
576
388
|
margin-block-start: calc(-1 * var(--space-scaled-s-8ozaad, 12px) + 0px);
|
|
577
389
|
/* $notification-bar-line-height + 2 * $notification-bar-padding-vertical + 2 * $border-width
|
|
578
390
|
is the full height of the notification bar */
|
|
579
|
-
margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-
|
|
391
|
+
margin-block-end: calc(var(--space-scaled-s-8ozaad, 12px) - var(--line-height-body-m-5xw6xo, 20px) - 2 * var(--space-button-vertical-xaxp6x, 4px) - 2 * 2px - 0px);
|
|
580
392
|
padding-block: var(--space-button-vertical-xaxp6x, 4px);
|
|
581
393
|
}
|
|
582
394
|
|
|
583
|
-
.
|
|
395
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9) {
|
|
584
396
|
min-inline-size: 0;
|
|
585
397
|
word-break: break-word;
|
|
586
398
|
background: var(--awsui-style-background-default-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
|
|
587
399
|
border-color: var(--awsui-style-border-color-default-esndbs, var(--color-border-notification-stack-bar-aszsse, #232b37));
|
|
588
|
-
border-start-start-radius: var(--border-radius-button-
|
|
589
|
-
border-start-end-radius: var(--border-radius-button-
|
|
590
|
-
border-end-start-radius: var(--border-radius-button-
|
|
591
|
-
border-end-end-radius: var(--border-radius-button-
|
|
400
|
+
border-start-start-radius: var(--border-radius-button-9k0hrl, 20px);
|
|
401
|
+
border-start-end-radius: var(--border-radius-button-9k0hrl, 20px);
|
|
402
|
+
border-end-start-radius: var(--border-radius-button-9k0hrl, 20px);
|
|
403
|
+
border-end-end-radius: var(--border-radius-button-9k0hrl, 20px);
|
|
592
404
|
border-block-style: solid;
|
|
593
405
|
border-inline-style: solid;
|
|
594
406
|
box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
@@ -601,21 +413,21 @@ the grid layout will be:
|
|
|
601
413
|
grid-row: 2;
|
|
602
414
|
column-gap: calc(var(--space-m-dsumyt, 16px) + var(--space-xxs-hwfkai, 4px));
|
|
603
415
|
justify-content: center;
|
|
604
|
-
letter-spacing: var(--font-button-letter-spacing-
|
|
416
|
+
letter-spacing: var(--font-button-letter-spacing-7mz5n3, 0.005em);
|
|
605
417
|
margin-inline: auto;
|
|
606
418
|
row-gap: 0;
|
|
607
419
|
text-align: center;
|
|
608
420
|
text-decoration: none;
|
|
609
421
|
z-index: 1;
|
|
610
422
|
}
|
|
611
|
-
.
|
|
612
|
-
.
|
|
613
|
-
.
|
|
614
|
-
font-size: var(--font-size-body-m-
|
|
615
|
-
line-height: var(--line-height-body-m-
|
|
423
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_header_1q84n_a5sfv_449:not(#\9),
|
|
424
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450:not(#\9),
|
|
425
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9) {
|
|
426
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
427
|
+
line-height: var(--line-height-body-m-5xw6xo, 20px);
|
|
616
428
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
617
|
-
font-weight: var(--font-weight-normal-
|
|
618
|
-
font-family: var(--font-family-base-
|
|
429
|
+
font-weight: var(--font-weight-normal-fr92v6, 400);
|
|
430
|
+
font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
619
431
|
-webkit-font-smoothing: auto;
|
|
620
432
|
-moz-osx-font-smoothing: auto;
|
|
621
433
|
color: var(--color-text-notification-stack-bar-tjj0ek, #ffffff);
|
|
@@ -623,7 +435,7 @@ the grid layout will be:
|
|
|
623
435
|
margin-block: 0;
|
|
624
436
|
padding-block: 0;
|
|
625
437
|
}
|
|
626
|
-
.
|
|
438
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449:not(#\9) {
|
|
627
439
|
display: flex;
|
|
628
440
|
flex-direction: row;
|
|
629
441
|
flex-wrap: wrap;
|
|
@@ -631,11 +443,11 @@ the grid layout will be:
|
|
|
631
443
|
justify-content: center;
|
|
632
444
|
row-gap: 0;
|
|
633
445
|
}
|
|
634
|
-
.
|
|
635
|
-
font-weight: var(--font-weight-button-
|
|
446
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_header_1q84n_a5sfv_449:not(#\9) {
|
|
447
|
+
font-weight: var(--font-weight-button-2p3grf, 700);
|
|
636
448
|
display: inline-block;
|
|
637
449
|
}
|
|
638
|
-
.
|
|
450
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450:not(#\9) {
|
|
639
451
|
column-gap: var(--space-s-tvghoh, 12px);
|
|
640
452
|
display: flex;
|
|
641
453
|
flex-direction: row;
|
|
@@ -643,36 +455,36 @@ the grid layout will be:
|
|
|
643
455
|
justify-content: center;
|
|
644
456
|
row-gap: 0;
|
|
645
457
|
}
|
|
646
|
-
.
|
|
458
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_status_1q84n_a5sfv_449 > .awsui_item-count_1q84n_a5sfv_450 > .awsui_type-count_1q84n_a5sfv_484 > .awsui_count-number_1q84n_a5sfv_484:not(#\9) {
|
|
647
459
|
margin-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
648
460
|
}
|
|
649
|
-
.
|
|
461
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):hover {
|
|
650
462
|
background: var(--awsui-style-background-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
|
|
651
463
|
border-color: var(--awsui-style-border-color-hover-esndbs, var(--color-background-notification-stack-bar-hover-jh82oo, #424650));
|
|
652
464
|
color: var(--awsui-style-color-hover-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
|
|
653
465
|
}
|
|
654
|
-
.
|
|
466
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):active {
|
|
655
467
|
background: var(--awsui-style-background-active-esndbs, var(--color-background-notification-stack-bar-active-a4h9r8, #232b37));
|
|
656
468
|
border-color: var(--awsui-style-border-color-active-esndbs, var(--color-background-notification-stack-bar-qe5n4w, #232b37));
|
|
657
469
|
color: var(--awsui-style-color-active-esndbs, var(--color-text-notification-stack-bar-tjj0ek, #ffffff));
|
|
658
470
|
}
|
|
659
|
-
.
|
|
471
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220.awsui_visual-refresh_1q84n_a5sfv_302:not(#\9) {
|
|
660
472
|
border-block-width: 2px;
|
|
661
473
|
border-inline-width: 2px;
|
|
662
474
|
padding-inline: var(--space-l-2ud1p3, 20px);
|
|
663
475
|
}
|
|
664
|
-
.
|
|
476
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302) {
|
|
665
477
|
border-block-width: 1px;
|
|
666
478
|
border-inline-width: 1px;
|
|
667
479
|
padding-inline: var(--space-s-tvghoh, 12px);
|
|
668
480
|
}
|
|
669
|
-
.
|
|
481
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302):focus {
|
|
670
482
|
text-decoration: none;
|
|
671
483
|
}
|
|
672
|
-
.
|
|
484
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220:not(#\9):not(.awsui_visual-refresh_1q84n_a5sfv_302):hover {
|
|
673
485
|
text-decoration: none;
|
|
674
486
|
}
|
|
675
|
-
.
|
|
487
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9) {
|
|
676
488
|
display: inline-block;
|
|
677
489
|
flex-grow: 1;
|
|
678
490
|
background: none;
|
|
@@ -681,33 +493,33 @@ the grid layout will be:
|
|
|
681
493
|
padding-block: 0;
|
|
682
494
|
--awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-notification-stack-bar-focused-mzvtw9, #f9f9fa));
|
|
683
495
|
}
|
|
684
|
-
.
|
|
496
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
|
|
685
497
|
transition: transform var(--motion-duration-rotate-90-lyzb0k, 135ms) var(--motion-easing-rotate-90-jhbqg9, cubic-bezier(0.165, 0.84, 0.44, 1));
|
|
686
498
|
}
|
|
687
499
|
@media (prefers-reduced-motion: reduce) {
|
|
688
|
-
.
|
|
500
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
|
|
689
501
|
animation: none;
|
|
690
502
|
transition: none;
|
|
691
503
|
}
|
|
692
504
|
}
|
|
693
|
-
.awsui-motion-disabled .
|
|
505
|
+
.awsui-motion-disabled .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9), .awsui-mode-entering .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
|
|
694
506
|
animation: none;
|
|
695
507
|
transition: none;
|
|
696
508
|
}
|
|
697
|
-
.
|
|
509
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451.awsui_expanded_1q84n_a5sfv_240 > .awsui_icon_1q84n_a5sfv_522:not(#\9) {
|
|
698
510
|
transform: rotate(180deg);
|
|
699
511
|
}
|
|
700
|
-
.
|
|
512
|
+
.awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
|
|
701
513
|
outline: none;
|
|
702
514
|
}
|
|
703
|
-
body[data-awsui-focus-visible=true] .
|
|
515
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
|
|
704
516
|
position: relative;
|
|
705
517
|
}
|
|
706
|
-
body[data-awsui-focus-visible=true] .
|
|
518
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus {
|
|
707
519
|
outline: 2px dotted transparent;
|
|
708
520
|
outline-offset: calc(0px - 1px);
|
|
709
521
|
}
|
|
710
|
-
body[data-awsui-focus-visible=true] .
|
|
522
|
+
body[data-awsui-focus-visible=true] .awsui_stack_1q84n_a5sfv_218 > .awsui_notification-bar_1q84n_a5sfv_220 > .awsui_button_1q84n_a5sfv_451:not(#\9):focus::before {
|
|
711
523
|
content: " ";
|
|
712
524
|
display: block;
|
|
713
525
|
position: absolute;
|
|
@@ -715,27 +527,27 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notifi
|
|
|
715
527
|
inset-block-start: calc(-1 * 0px);
|
|
716
528
|
inline-size: calc(100% + 0px + 0px);
|
|
717
529
|
block-size: calc(100% + 0px + 0px);
|
|
718
|
-
border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
719
|
-
border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
720
|
-
border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
721
|
-
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
530
|
+
border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
531
|
+
border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
532
|
+
border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
533
|
+
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
722
534
|
box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
|
|
723
535
|
}
|
|
724
536
|
|
|
725
|
-
.
|
|
537
|
+
.awsui_stack_1q84n_a5sfv_218.awsui_expanded_1q84n_a5sfv_240:not(#\9):not(.awsui_floating_1q84n_a5sfv_563) {
|
|
726
538
|
padding-block-end: var(--awsui-flashbar-sticky-bottom-margin-esndbs, 0);
|
|
727
539
|
}
|
|
728
540
|
|
|
729
|
-
.
|
|
541
|
+
.awsui_flashbar_1q84n_a5sfv_567:not(#\9) {
|
|
730
542
|
position: relative;
|
|
731
543
|
/* stylelint-disable-next-line selector-max-type */
|
|
732
544
|
}
|
|
733
|
-
.
|
|
545
|
+
.awsui_flashbar_1q84n_a5sfv_567 > li + li:not(#\9) {
|
|
734
546
|
padding-block-start: 0;
|
|
735
547
|
}
|
|
736
548
|
|
|
737
|
-
.
|
|
738
|
-
.
|
|
549
|
+
.awsui_flashbar_1q84n_a5sfv_567:not(#\9),
|
|
550
|
+
.awsui_flash_1q84n_a5sfv_13:not(#\9) {
|
|
739
551
|
border-collapse: separate;
|
|
740
552
|
border-spacing: 0;
|
|
741
553
|
box-sizing: border-box;
|
|
@@ -758,27 +570,27 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notifi
|
|
|
758
570
|
visibility: visible;
|
|
759
571
|
white-space: normal;
|
|
760
572
|
word-spacing: normal;
|
|
761
|
-
font-size: var(--font-size-body-m-
|
|
762
|
-
line-height: var(--line-height-body-m-
|
|
573
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
574
|
+
line-height: var(--line-height-body-m-5xw6xo, 20px);
|
|
763
575
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
764
|
-
font-weight: var(--font-weight-normal-
|
|
765
|
-
font-family: var(--font-family-base-
|
|
576
|
+
font-weight: var(--font-weight-normal-fr92v6, 400);
|
|
577
|
+
font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
766
578
|
-webkit-font-smoothing: auto;
|
|
767
579
|
-moz-osx-font-smoothing: auto;
|
|
768
580
|
}
|
|
769
581
|
|
|
770
|
-
.
|
|
582
|
+
.awsui_flash_1q84n_a5sfv_13:not(#\9) {
|
|
771
583
|
position: relative;
|
|
772
584
|
display: flex;
|
|
773
585
|
justify-content: flex-start;
|
|
774
586
|
align-items: flex-start;
|
|
775
587
|
padding-block: var(--space-flashbar-vertical-th71op, 8px);
|
|
776
588
|
padding-inline: var(--space-flashbar-horizontal-l63501, 16px);
|
|
777
|
-
border-start-start-radius: var(--border-radius-flashbar-
|
|
778
|
-
border-start-end-radius: var(--border-radius-flashbar-
|
|
779
|
-
border-end-start-radius: var(--border-radius-flashbar-
|
|
780
|
-
border-end-end-radius: var(--border-radius-flashbar-
|
|
781
|
-
border-inline-start: var(--border-width-flashbar-inline-start-
|
|
589
|
+
border-start-start-radius: var(--border-radius-flashbar-wdar84, 12px);
|
|
590
|
+
border-start-end-radius: var(--border-radius-flashbar-wdar84, 12px);
|
|
591
|
+
border-end-start-radius: var(--border-radius-flashbar-wdar84, 12px);
|
|
592
|
+
border-end-end-radius: var(--border-radius-flashbar-wdar84, 12px);
|
|
593
|
+
border-inline-start: var(--border-width-flashbar-inline-start-pmb8d1, 0px) solid transparent;
|
|
782
594
|
color: var(--color-text-notification-default-w5tddq, #f9f9fa);
|
|
783
595
|
overflow-wrap: break-word;
|
|
784
596
|
word-wrap: break-word;
|
|
@@ -786,23 +598,23 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notifi
|
|
|
786
598
|
--awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-ditkrb, #006ce0));
|
|
787
599
|
}
|
|
788
600
|
|
|
789
|
-
.awsui_initial-
|
|
601
|
+
.awsui_initial-hidden_1q84n_a5sfv_627:not(#\9) {
|
|
790
602
|
overflow: hidden;
|
|
791
603
|
block-size: 0;
|
|
792
604
|
}
|
|
793
605
|
|
|
794
|
-
.awsui_flash-
|
|
606
|
+
.awsui_flash-list_1q84n_a5sfv_219:not(#\9) {
|
|
795
607
|
list-style: none;
|
|
796
608
|
padding-block: 0;
|
|
797
609
|
padding-inline: 0;
|
|
798
610
|
margin-block: 0;
|
|
799
611
|
margin-inline: 0;
|
|
800
612
|
}
|
|
801
|
-
.awsui_flash-
|
|
613
|
+
.awsui_flash-list_1q84n_a5sfv_219:not(#\9):not(.awsui_collapsed_1q84n_a5sfv_240) > li:not(:last-child) {
|
|
802
614
|
margin-block-end: var(--space-xxxs-pajhad, 2px);
|
|
803
615
|
}
|
|
804
616
|
|
|
805
|
-
.awsui_flash-
|
|
617
|
+
.awsui_flash-body_1q84n_a5sfv_27:not(#\9) {
|
|
806
618
|
display: flex;
|
|
807
619
|
flex-wrap: wrap;
|
|
808
620
|
flex-grow: 1;
|
|
@@ -810,22 +622,22 @@ body[data-awsui-focus-visible=true] .awsui_stack_1q84n_emt9t_406 > .awsui_notifi
|
|
|
810
622
|
column-gap: var(--space-flashbar-action-left-rqk3ap, 12px);
|
|
811
623
|
}
|
|
812
624
|
|
|
813
|
-
.awsui_flash-focus-
|
|
625
|
+
.awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9) {
|
|
814
626
|
display: flex;
|
|
815
627
|
flex: 1;
|
|
816
628
|
min-inline-size: 70%;
|
|
817
629
|
}
|
|
818
|
-
.awsui_flash-focus-
|
|
630
|
+
.awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
|
|
819
631
|
outline: none;
|
|
820
632
|
}
|
|
821
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
633
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
|
|
822
634
|
position: relative;
|
|
823
635
|
}
|
|
824
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
636
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus {
|
|
825
637
|
outline: 2px dotted transparent;
|
|
826
638
|
outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
|
|
827
639
|
}
|
|
828
|
-
body[data-awsui-focus-visible=true] .awsui_flash-focus-
|
|
640
|
+
body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_a5sfv_651:not(#\9):focus::before {
|
|
829
641
|
content: " ";
|
|
830
642
|
display: block;
|
|
831
643
|
position: absolute;
|
|
@@ -833,102 +645,102 @@ body[data-awsui-focus-visible=true] .awsui_flash-focus-container_1q84n_emt9t_839
|
|
|
833
645
|
inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
834
646
|
inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
835
647
|
block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
836
|
-
border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
837
|
-
border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
838
|
-
border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
839
|
-
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-
|
|
648
|
+
border-start-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
649
|
+
border-start-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
650
|
+
border-end-start-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
651
|
+
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
|
|
840
652
|
box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
|
|
841
653
|
}
|
|
842
654
|
|
|
843
|
-
.awsui_flash-
|
|
844
|
-
margin-block: var(--border-item-width-
|
|
655
|
+
.awsui_flash-text_1q84n_a5sfv_681:not(#\9) {
|
|
656
|
+
margin-block: var(--border-item-width-pyfg4s, 2px);
|
|
845
657
|
margin-inline: 0;
|
|
846
658
|
padding-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
847
659
|
padding-inline: var(--space-xxs-hwfkai, 4px);
|
|
848
660
|
}
|
|
849
661
|
|
|
850
|
-
.awsui_flash-
|
|
662
|
+
.awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
851
663
|
flex: 0 0 auto;
|
|
852
664
|
padding-inline-start: 0;
|
|
853
665
|
}
|
|
854
666
|
|
|
855
|
-
.awsui_flash-
|
|
667
|
+
.awsui_flash-message_1q84n_a5sfv_27:not(#\9) {
|
|
856
668
|
flex: 1 1 0%;
|
|
857
669
|
word-wrap: break-word;
|
|
858
670
|
max-inline-size: 100%;
|
|
859
671
|
overflow: hidden;
|
|
860
672
|
}
|
|
861
673
|
|
|
862
|
-
.
|
|
674
|
+
.awsui_hidden_1q84n_a5sfv_700:not(#\9) {
|
|
863
675
|
display: none;
|
|
864
676
|
}
|
|
865
677
|
|
|
866
|
-
.awsui_flash-
|
|
867
|
-
.awsui_header-
|
|
868
|
-
font-weight: var(--font-weight-flashbar-header-
|
|
678
|
+
.awsui_flash-header_1q84n_a5sfv_27:not(#\9),
|
|
679
|
+
.awsui_header-replacement_1q84n_a5sfv_705:not(#\9) {
|
|
680
|
+
font-weight: var(--font-weight-flashbar-header-a0ezj3, 700);
|
|
869
681
|
}
|
|
870
682
|
|
|
871
|
-
.awsui_flash-
|
|
872
|
-
.awsui_content-
|
|
683
|
+
.awsui_flash-content_1q84n_a5sfv_28:not(#\9),
|
|
684
|
+
.awsui_content-replacement_1q84n_a5sfv_710:not(#\9) {
|
|
873
685
|
/* Only used as a selector for test-utils */
|
|
874
686
|
}
|
|
875
687
|
|
|
876
|
-
.awsui_dismiss-button-
|
|
688
|
+
.awsui_dismiss-button-wrapper_1q84n_a5sfv_30:not(#\9) {
|
|
877
689
|
flex: 0 0 auto;
|
|
878
690
|
margin-inline: var(--space-s-tvghoh, 12px) calc(-1 * var(--space-xxs-hwfkai, 4px));
|
|
879
691
|
padding-inline-end: var(--space-flashbar-dismiss-right-ckhj91, 0px);
|
|
880
692
|
}
|
|
881
693
|
|
|
882
|
-
.awsui_dismiss-
|
|
694
|
+
.awsui_dismiss-button_1q84n_a5sfv_30:not(#\9) {
|
|
883
695
|
/* Only used as a selector for test-utils */
|
|
884
696
|
}
|
|
885
697
|
|
|
886
|
-
.awsui_action-button-
|
|
698
|
+
.awsui_action-button-wrapper_1q84n_a5sfv_29:not(#\9) {
|
|
887
699
|
white-space: nowrap;
|
|
888
700
|
}
|
|
889
701
|
|
|
890
|
-
.awsui_action-
|
|
702
|
+
.awsui_action-wrapped_1q84n_a5sfv_728:not(#\9) {
|
|
891
703
|
margin-inline-start: var(--space-l-2ud1p3, 20px);
|
|
892
704
|
padding-inline-start: var(--space-xxs-hwfkai, 4px);
|
|
893
705
|
margin-block-end: var(--space-xxs-hwfkai, 4px);
|
|
894
706
|
}
|
|
895
707
|
|
|
896
|
-
.awsui_action-
|
|
897
|
-
.awsui_action-
|
|
708
|
+
.awsui_action-button_1q84n_a5sfv_29:not(#\9),
|
|
709
|
+
.awsui_action-slot_1q84n_a5sfv_735:not(#\9) {
|
|
898
710
|
/* Only used as a selector for test-utils */
|
|
899
711
|
}
|
|
900
712
|
|
|
901
|
-
.awsui_flash-type-
|
|
713
|
+
.awsui_flash-type-success_1q84n_a5sfv_739:not(#\9) {
|
|
902
714
|
background-color: var(--color-background-flashbar-success-vw7ng1, #00802f);
|
|
903
715
|
border-inline-start-color: var(--color-border-status-success-uk2p7m, #00802f);
|
|
904
716
|
}
|
|
905
|
-
.awsui_flash-type-
|
|
717
|
+
.awsui_flash-type-success_1q84n_a5sfv_739 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
906
718
|
color: var(--color-text-flashbar-icon-success-tqehsy, #00802f);
|
|
907
719
|
}
|
|
908
720
|
|
|
909
|
-
.awsui_flash-type-
|
|
721
|
+
.awsui_flash-type-error_1q84n_a5sfv_747:not(#\9) {
|
|
910
722
|
background-color: var(--color-background-flashbar-error-q2h7ak, #db0000);
|
|
911
723
|
border-inline-start-color: var(--color-border-status-error-vxvfad, #db0000);
|
|
912
724
|
}
|
|
913
|
-
.awsui_flash-type-
|
|
725
|
+
.awsui_flash-type-error_1q84n_a5sfv_747 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
914
726
|
color: var(--color-text-flashbar-icon-error-cb5ezy, #db0000);
|
|
915
727
|
}
|
|
916
728
|
|
|
917
|
-
.awsui_flash-type-
|
|
918
|
-
.awsui_flash-type-in-
|
|
729
|
+
.awsui_flash-type-info_1q84n_a5sfv_755:not(#\9),
|
|
730
|
+
.awsui_flash-type-in-progress_1q84n_a5sfv_756:not(#\9) {
|
|
919
731
|
background-color: var(--color-background-flashbar-info-2pbjjg, #006ce0);
|
|
920
732
|
border-inline-start-color: var(--color-border-status-info-2zt73n, #006ce0);
|
|
921
733
|
}
|
|
922
|
-
.awsui_flash-type-
|
|
923
|
-
.awsui_flash-type-in-
|
|
734
|
+
.awsui_flash-type-info_1q84n_a5sfv_755 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9),
|
|
735
|
+
.awsui_flash-type-in-progress_1q84n_a5sfv_756 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
924
736
|
color: var(--color-text-flashbar-icon-info-lobe9x, #006ce0);
|
|
925
737
|
}
|
|
926
738
|
|
|
927
|
-
.awsui_flash-type-
|
|
739
|
+
.awsui_flash-type-warning_1q84n_a5sfv_765:not(#\9) {
|
|
928
740
|
color: var(--color-text-notification-yellow-vjtdxk, #0f141a);
|
|
929
741
|
background-color: var(--color-background-flashbar-warning-n9x5as, #ffe347);
|
|
930
742
|
border-inline-start-color: var(--color-border-status-warning-s79l22, #855900);
|
|
931
743
|
}
|
|
932
|
-
.awsui_flash-type-
|
|
744
|
+
.awsui_flash-type-warning_1q84n_a5sfv_765 > .awsui_flash-body_1q84n_a5sfv_27 > .awsui_flash-focus-container_1q84n_a5sfv_651 > .awsui_flash-icon_1q84n_a5sfv_53:not(#\9) {
|
|
933
745
|
color: var(--color-text-flashbar-icon-warning-ojtnxb, #855900);
|
|
934
746
|
}
|