@cloudscape-design/components 3.0.348 → 3.0.349
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +64 -64
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +46 -46
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +10 -10
- package/app-layout/drawer/styles.scoped.css +28 -28
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
- 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 +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/styles.css.js +17 -17
- package/app-layout/styles.scoped.css +30 -30
- package/app-layout/styles.selectors.js +17 -17
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +16 -16
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +267 -267
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +16 -16
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +48 -48
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +20 -20
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +418 -418
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +22 -22
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +472 -472
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +50 -50
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +42 -42
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +14 -14
- package/button-dropdown/styles.scoped.css +32 -32
- package/button-dropdown/styles.selectors.js +14 -14
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +89 -89
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +99 -99
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +16 -16
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +8 -8
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +228 -219
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +42 -42
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +81 -81
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +8 -8
- 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 +55 -55
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +94 -94
- package/container/styles.selectors.js +28 -28
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +17 -17
- package/content-layout/styles.selectors.js +7 -7
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +16 -16
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +16 -16
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +76 -76
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +106 -106
- package/expandable-section/styles.selectors.js +29 -29
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +9 -9
- package/file-upload/dropzone/styles.selectors.js +2 -2
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +14 -14
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/file-upload/file-option/styles.css.js +7 -7
- package/file-upload/file-option/styles.scoped.css +10 -10
- package/file-upload/file-option/styles.selectors.js +7 -7
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +4 -4
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +8 -5
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +2 -1
- package/flashbar/flash.js.map +1 -1
- package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/non-collapsible-flashbar.js +1 -2
- package/flashbar/non-collapsible-flashbar.js.map +1 -1
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +250 -246
- package/flashbar/styles.selectors.js +46 -46
- package/flashbar/utils.js +1 -1
- package/flashbar/utils.js.map +1 -1
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +20 -20
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +52 -52
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +60 -60
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +33 -33
- package/header/styles.scoped.css +114 -114
- package/header/styles.selectors.js +33 -33
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +172 -172
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +10 -10
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +81 -81
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +73 -73
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +1696 -1635
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +26 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +63 -63
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/styles.css.js +27 -27
- package/internal/components/cartesian-chart/styles.scoped.css +41 -41
- package/internal/components/cartesian-chart/styles.selectors.js +27 -27
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -7
- 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 +23 -23
- 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 +6 -6
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/index.js +1 -1
- package/internal/components/chart-popover/index.js.map +1 -1
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +9 -9
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +20 -20
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +14 -14
- 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 +3 -3
- 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 -15
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +4 -4
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +51 -51
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +9 -9
- 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 +8 -8
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +34 -34
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +12 -12
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +32 -32
- 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 +47 -47
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +7 -7
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +70 -70
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +40 -40
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +306 -305
- package/internal/generated/theming/index.cjs +1830 -821
- package/internal/generated/theming/index.cjs.d.ts +192 -0
- package/internal/generated/theming/index.d.ts +192 -0
- package/internal/generated/theming/index.js +1830 -821
- package/internal/manifest.json +1 -1
- package/internal/utils/dom.d.ts +1 -1
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +163 -163
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +24 -24
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +67 -67
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +5 -5
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +47 -47
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/index.d.ts.map +1 -1
- package/pie-chart/index.js +1 -2
- package/pie-chart/index.js.map +1 -1
- package/pie-chart/pie-chart.d.ts +1 -3
- package/pie-chart/pie-chart.d.ts.map +1 -1
- package/pie-chart/pie-chart.js +16 -17
- package/pie-chart/pie-chart.js.map +1 -1
- package/pie-chart/segments.d.ts +1 -2
- package/pie-chart/segments.d.ts.map +1 -1
- package/pie-chart/segments.js +2 -2
- package/pie-chart/segments.js.map +1 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +63 -63
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +104 -104
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +58 -58
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +52 -52
- package/property-filter/styles.selectors.js +29 -29
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +37 -37
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +78 -78
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +9 -9
- package/select/parts/styles.scoped.css +17 -17
- package/select/parts/styles.selectors.js +9 -9
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -5
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +92 -92
- package/side-navigation/styles.selectors.js +28 -28
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +40 -40
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +35 -35
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +146 -146
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/styles.css.js +22 -22
- package/status-indicator/styles.scoped.css +46 -46
- package/status-indicator/styles.selectors.js +22 -22
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +155 -155
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +93 -93
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/styles.css.js +6 -6
- package/table/resizer/styles.scoped.css +27 -27
- package/table/resizer/styles.selectors.js +6 -6
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +4 -4
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +84 -84
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +86 -86
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +24 -24
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +130 -130
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +10 -10
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +40 -40
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +128 -128
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +27 -27
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +42 -42
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +84 -84
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +148 -148
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
- 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 +50 -50
- 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 +6 -6
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +124 -124
- package/wizard/styles.selectors.js +31 -31
|
@@ -90,29 +90,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
div.
|
|
93
|
+
div.awsui_background_hyvsj_1g2nk_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
97
|
-
background-color: var(--color-background-layout-main-
|
|
98
|
-
color: var(--color-text-body-default-
|
|
96
|
+
div.awsui_background_hyvsj_1g2nk_93 > .awsui_scrolling-background_hyvsj_1g2nk_96:not(#\9) {
|
|
97
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
103
|
-
background-color: var(--color-background-layout-main-
|
|
102
|
+
div.awsui_background_hyvsj_1g2nk_93 > .awsui_sticky-background_hyvsj_1g2nk_102:not(#\9) {
|
|
103
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
106
106
|
position: sticky;
|
|
107
107
|
top: var(--awsui-header-height-zw2xxa);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
111
|
-
height: calc(var(--space-scaled-s-
|
|
110
|
+
div.awsui_background_hyvsj_1g2nk_93 > .awsui_sticky-background_hyvsj_1g2nk_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1g2nk_110) {
|
|
111
|
+
height: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1g2nk_93 > .awsui_sticky-background_hyvsj_1g2nk_102.awsui_has-sticky-notifications_hyvsj_1g2nk_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
|
-
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-
|
|
115
|
+
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-zw2xxa)
|
|
116
116
|
);
|
|
117
117
|
}
|
|
118
118
|
|
|
@@ -120,8 +120,8 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
120
120
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
121
|
SPDX-License-Identifier: Apache-2.0
|
|
122
122
|
*/
|
|
123
|
-
.
|
|
124
|
-
background-color: var(--color-background-layout-main-
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_1g2nk_123:not(#\9) {
|
|
124
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
127
127
|
If a child component tells the AppLayout to have a sticky
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1g2nk_123.awsui_has-sticky-background_hyvsj_1g2nk_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
142
142
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
143
|
SPDX-License-Identifier: Apache-2.0
|
|
144
144
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
145
|
+
.awsui_drawers-container_hyvsj_1g2nk_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -152,31 +152,31 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
152
152
|
position: sticky;
|
|
153
153
|
top: var(--awsui-offset-top-zw2xxa);
|
|
154
154
|
z-index: 830;
|
|
155
|
-
transition: background-color var(--motion-duration-refresh-only-fast-
|
|
155
|
+
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
158
|
-
background-color: var(--color-background-container-content-
|
|
159
|
-
box-shadow: var(--shadow-panel-
|
|
157
|
+
.awsui_drawers-container_hyvsj_1g2nk_145.awsui_has-open-drawer_hyvsj_1g2nk_157:not(#\9) {
|
|
158
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
159
|
+
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
160
160
|
}
|
|
161
161
|
@media (prefers-reduced-motion: reduce) {
|
|
162
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_1g2nk_145:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
}
|
|
167
|
-
.awsui-motion-disabled .awsui_drawers-
|
|
167
|
+
.awsui-motion-disabled .awsui_drawers-container_hyvsj_1g2nk_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1g2nk_145:not(#\9) {
|
|
168
168
|
animation: none;
|
|
169
169
|
transition: none;
|
|
170
170
|
}
|
|
171
171
|
@media (min-width: 689px) {
|
|
172
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_1g2nk_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1g2nk_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_1g2nk_145.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-zw2xxa);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -223,11 +223,11 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
223
223
|
widows: 2;
|
|
224
224
|
word-spacing: normal;
|
|
225
225
|
box-sizing: border-box;
|
|
226
|
-
font-size: var(--font-body-m-size-
|
|
227
|
-
line-height: var(--font-body-m-line-height-
|
|
228
|
-
color: var(--color-text-body-default-
|
|
226
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
227
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
228
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
229
229
|
font-weight: 400;
|
|
230
|
-
font-family: var(--font-family-base-
|
|
230
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
231
231
|
-webkit-font-smoothing: auto;
|
|
232
232
|
-moz-osx-font-smoothing: auto;
|
|
233
233
|
background-color: transparent;
|
|
@@ -238,80 +238,80 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
238
238
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
239
239
|
overscroll-behavior-y: contain;
|
|
240
240
|
}
|
|
241
|
-
.awsui_drawers-desktop-triggers-
|
|
241
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215).awsui_has-open-drawer_hyvsj_1g2nk_157 {
|
|
242
242
|
width: 0;
|
|
243
243
|
}
|
|
244
|
-
.awsui_drawers-desktop-triggers-
|
|
245
|
-
background-color: var(--color-background-container-content-
|
|
246
|
-
transition: background-color var(--motion-duration-refresh-only-fast-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196.awsui_has-multiple-triggers_hyvsj_1g2nk_215.awsui_has-open-drawer_hyvsj_1g2nk_157:not(#\9) {
|
|
245
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
246
|
+
transition: background-color var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
247
247
|
}
|
|
248
248
|
@media (prefers-reduced-motion: reduce) {
|
|
249
|
-
.awsui_drawers-desktop-triggers-
|
|
249
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196.awsui_has-multiple-triggers_hyvsj_1g2nk_215.awsui_has-open-drawer_hyvsj_1g2nk_157:not(#\9) {
|
|
250
250
|
animation: none;
|
|
251
251
|
transition: none;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196.awsui_has-multiple-triggers_hyvsj_1g2nk_215.awsui_has-open-drawer_hyvsj_1g2nk_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196.awsui_has-multiple-triggers_hyvsj_1g2nk_215.awsui_has-open-drawer_hyvsj_1g2nk_157:not(#\9) {
|
|
255
255
|
animation: none;
|
|
256
256
|
transition: none;
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
259
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
260
|
-
transition: width var(--motion-duration-refresh-only-fast-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
259
|
+
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
260
|
+
transition: width var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
261
261
|
}
|
|
262
262
|
@media (prefers-reduced-motion: reduce) {
|
|
263
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
264
264
|
animation: none;
|
|
265
265
|
transition: none;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
268
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1g2nk_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
269
269
|
animation: none;
|
|
270
270
|
transition: none;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_drawers-trigger-
|
|
273
|
+
.awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9) {
|
|
274
274
|
align-items: center;
|
|
275
275
|
display: flex;
|
|
276
276
|
flex-direction: column;
|
|
277
|
-
gap: var(--space-xs-
|
|
278
|
-
padding-top: var(--space-scaled-s-
|
|
279
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
277
|
+
gap: var(--space-xs-zb16t3, 8px);
|
|
278
|
+
padding-top: var(--space-scaled-s-aqzyko, 12px);
|
|
279
|
+
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
280
280
|
}
|
|
281
|
-
.awsui_drawers-trigger-
|
|
281
|
+
.awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215).awsui_has-open-drawer_hyvsj_1g2nk_157 {
|
|
282
282
|
opacity: 0;
|
|
283
283
|
}
|
|
284
|
-
.awsui_drawers-trigger-
|
|
284
|
+
.awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
285
285
|
opacity: 1;
|
|
286
|
-
transition: opacity var(--motion-duration-refresh-only-medium-
|
|
287
|
-
transition-delay: calc(var(--motion-duration-refresh-only-fast-
|
|
286
|
+
transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
287
|
+
transition-delay: calc(var(--motion-duration-refresh-only-fast-4jn2d7, 115ms) / 1.5);
|
|
288
288
|
}
|
|
289
289
|
@media (prefers-reduced-motion: reduce) {
|
|
290
|
-
.awsui_drawers-trigger-
|
|
290
|
+
.awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
291
291
|
animation: none;
|
|
292
292
|
transition: none;
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
295
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1g2nk_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1g2nk_215):not(.awsui_has-open-drawer_hyvsj_1g2nk_157) {
|
|
296
296
|
animation: none;
|
|
297
297
|
transition: none;
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
@media (max-width: 688px) {
|
|
301
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-trigger_hyvsj_1g2nk_247:not(#\9) {
|
|
302
302
|
width: 40px;
|
|
303
303
|
text-align: right;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.
|
|
307
|
+
.awsui_drawer_hyvsj_1g2nk_145:not(#\9) {
|
|
308
308
|
--awsui-drawer-size-zw2xxa: 290px;
|
|
309
|
-
background-color: var(--color-background-container-content-
|
|
309
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
310
310
|
border-color: transparent;
|
|
311
311
|
display: grid;
|
|
312
312
|
flex-shrink: 0;
|
|
313
|
-
grid-template-columns: var(--space-m-
|
|
314
|
-
grid-template-rows: var(--size-vertical-panel-icon-offset-
|
|
313
|
+
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
314
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
315
315
|
height: 100%;
|
|
316
316
|
overflow-y: auto;
|
|
317
317
|
overflow-x: hidden;
|
|
@@ -320,39 +320,39 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
320
320
|
pointer-events: auto;
|
|
321
321
|
word-wrap: break-word;
|
|
322
322
|
}
|
|
323
|
-
.
|
|
323
|
+
.awsui_drawer_hyvsj_1g2nk_145 > .awsui_drawer-close-button_hyvsj_1g2nk_297:not(#\9) {
|
|
324
324
|
grid-column: 3;
|
|
325
325
|
grid-row: 2;
|
|
326
326
|
z-index: 1;
|
|
327
327
|
}
|
|
328
|
-
.
|
|
328
|
+
.awsui_drawer_hyvsj_1g2nk_145 > .awsui_drawer-content_hyvsj_1g2nk_302:not(#\9) {
|
|
329
329
|
grid-column: 1/span 4;
|
|
330
330
|
grid-row: 1/span 3;
|
|
331
331
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_1g2nk_145 > .awsui_drawer-slider_hyvsj_1g2nk_307:not(#\9) {
|
|
334
334
|
grid-column: 1;
|
|
335
335
|
grid-row: 3;
|
|
336
336
|
height: 100%;
|
|
337
337
|
display: flex;
|
|
338
338
|
align-items: center;
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_1g2nk_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1g2nk_314) {
|
|
341
341
|
opacity: 0;
|
|
342
342
|
width: 0;
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
border-right: var(--border-divider-section-width-
|
|
344
|
+
.awsui_drawer_hyvsj_1g2nk_145.awsui_is-drawer-open_hyvsj_1g2nk_314:not(#\9) {
|
|
345
|
+
border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
|
|
346
346
|
opacity: 1;
|
|
347
347
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
348
348
|
}
|
|
349
349
|
@media (min-width: 2541px) {
|
|
350
|
-
.
|
|
350
|
+
.awsui_drawer_hyvsj_1g2nk_145.awsui_is-drawer-open_hyvsj_1g2nk_314:not(#\9) {
|
|
351
351
|
--awsui-drawer-size-zw2xxa: 320px;
|
|
352
352
|
}
|
|
353
353
|
}
|
|
354
354
|
@media (max-width: 688px) {
|
|
355
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_1g2nk_145.awsui_is-drawer-open_hyvsj_1g2nk_314:not(#\9) {
|
|
356
356
|
--awsui-drawer-size-zw2xxa: 100vw;
|
|
357
357
|
width: 100vw;
|
|
358
358
|
}
|
|
@@ -362,7 +362,7 @@ div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.a
|
|
|
362
362
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
363
363
|
SPDX-License-Identifier: Apache-2.0
|
|
364
364
|
*/
|
|
365
|
-
header.
|
|
365
|
+
header.awsui_content_hyvsj_1g2nk_339:not(#\9) {
|
|
366
366
|
grid-area: header;
|
|
367
367
|
}
|
|
368
368
|
|
|
@@ -383,7 +383,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
383
383
|
circumstances regardless of whether the minContentWidth property is
|
|
384
384
|
explicitly set in script.
|
|
385
385
|
*/
|
|
386
|
-
.
|
|
386
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9) {
|
|
387
387
|
--awsui-breadcrumbs-gap-zw2xxa: 0px;
|
|
388
388
|
--awsui-content-gap-left-zw2xxa: 0px;
|
|
389
389
|
--awsui-content-gap-right-zw2xxa: 0px;
|
|
@@ -401,14 +401,14 @@ explicitly set in script.
|
|
|
401
401
|
--awsui-main-template-rows-zw2xxa: 1fr;
|
|
402
402
|
--awsui-max-content-width-zw2xxa: 0px;
|
|
403
403
|
--awsui-min-content-width-zw2xxa: 280px;
|
|
404
|
-
--awsui-mobile-bar-height-zw2xxa: calc(2 * var(--space-m-
|
|
404
|
+
--awsui-mobile-bar-height-zw2xxa: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
405
405
|
--awsui-notifications-gap-zw2xxa: 0px;
|
|
406
406
|
--awsui-notifications-height-zw2xxa: 0px;
|
|
407
407
|
--awsui-offset-top-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
408
408
|
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
409
|
-
--awsui-overlap-height-zw2xxa: var(--space-dark-header-overlap-distance-
|
|
410
|
-
background-color: var(--color-background-layout-main-
|
|
411
|
-
color: var(--color-text-body-default-
|
|
409
|
+
--awsui-overlap-height-zw2xxa: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
410
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
411
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
412
412
|
display: grid;
|
|
413
413
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
414
414
|
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-zw2xxa), 1fr) minmax(var(--awsui-default-min-content-width-zw2xxa), var(--awsui-default-max-content-width-zw2xxa)) minmax(var(--awsui-content-gap-right-zw2xxa), 1fr) min-content;
|
|
@@ -466,134 +466,134 @@ explicitly set in script.
|
|
|
466
466
|
*/
|
|
467
467
|
}
|
|
468
468
|
@media (min-width: 1401px) {
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443) {
|
|
470
470
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
473
|
@media (min-width: 1921px) {
|
|
474
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443) {
|
|
475
475
|
--awsui-default-max-content-width-zw2xxa: 1440px;
|
|
476
476
|
}
|
|
477
477
|
}
|
|
478
478
|
@media (min-width: 2541px) {
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443) {
|
|
480
480
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
481
481
|
}
|
|
482
482
|
}
|
|
483
483
|
@media (min-width: 1401px) {
|
|
484
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443).awsui_content-type-dashboard_hyvsj_1g2nk_458 {
|
|
485
485
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
@media (min-width: 1921px) {
|
|
489
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443).awsui_content-type-dashboard_hyvsj_1g2nk_458 {
|
|
490
490
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
@media (min-width: 2541px) {
|
|
494
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1g2nk_443).awsui_content-type-dashboard_hyvsj_1g2nk_458 {
|
|
495
495
|
--awsui-default-max-content-width-zw2xxa: 2160px;
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-max-content-width_hyvsj_1g2nk_443:not(#\9) {
|
|
499
499
|
--awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_is-overlap-disabled_hyvsj_1g2nk_475:not(#\9) {
|
|
502
502
|
--awsui-overlap-height-zw2xxa: 0;
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9) {
|
|
506
506
|
--awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9) {
|
|
511
511
|
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1g2nk_110):not(.awsui_has-sticky-background_hyvsj_1g2nk_133) {
|
|
515
515
|
--awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
516
516
|
}
|
|
517
|
-
.
|
|
518
|
-
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-
|
|
517
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1g2nk_110).awsui_has-sticky-background_hyvsj_1g2nk_133 {
|
|
518
|
+
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px));
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-sticky-notifications_hyvsj_1g2nk_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1g2nk_133) {
|
|
521
521
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
522
522
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
523
|
-
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-
|
|
523
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-zbmxqb, 2px)
|
|
524
524
|
);
|
|
525
525
|
}
|
|
526
|
-
.
|
|
526
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-sticky-notifications_hyvsj_1g2nk_110.awsui_has-sticky-background_hyvsj_1g2nk_133:not(#\9) {
|
|
527
527
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
528
528
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
529
|
-
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-
|
|
529
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-aqzyko, 12px)
|
|
530
530
|
);
|
|
531
531
|
}
|
|
532
532
|
@media (min-width: 689px) {
|
|
533
|
-
.
|
|
534
|
-
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-
|
|
533
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-content-gap-left_hyvsj_1g2nk_507:not(#\9) {
|
|
534
|
+
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
537
|
-
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-
|
|
536
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-content-gap-right_hyvsj_1g2nk_510:not(#\9) {
|
|
537
|
+
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-eqb3m6, 40px);
|
|
538
538
|
}
|
|
539
539
|
}
|
|
540
540
|
@media (max-width: 688px) {
|
|
541
|
-
.
|
|
542
|
-
--awsui-content-gap-left-zw2xxa: var(--space-l-
|
|
543
|
-
--awsui-content-gap-right-zw2xxa: var(--space-l-
|
|
541
|
+
.awsui_layout_hyvsj_1g2nk_360:not(#\9) {
|
|
542
|
+
--awsui-content-gap-left-zw2xxa: var(--space-l-t419sm, 20px);
|
|
543
|
+
--awsui-content-gap-right-zw2xxa: var(--space-l-t419sm, 20px);
|
|
544
544
|
}
|
|
545
545
|
}
|
|
546
|
-
.
|
|
547
|
-
--awsui-notifications-gap-zw2xxa: var(--space-xs-
|
|
546
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9) {
|
|
547
|
+
--awsui-notifications-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
|
|
548
548
|
}
|
|
549
|
-
.
|
|
550
|
-
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-
|
|
549
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-breadcrumbs_hyvsj_1g2nk_523:not(#\9) {
|
|
550
|
+
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
551
551
|
}
|
|
552
|
-
.
|
|
553
|
-
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-
|
|
552
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-header_hyvsj_1g2nk_526:not(#\9), .awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1g2nk_523).awsui_has-header_hyvsj_1g2nk_526 {
|
|
553
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
|
|
554
554
|
}
|
|
555
|
-
.
|
|
556
|
-
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-
|
|
555
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-breadcrumbs_hyvsj_1g2nk_523.awsui_has-header_hyvsj_1g2nk_526:not(#\9) {
|
|
556
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-26e2du, 8px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
559
|
-
--awsui-main-gap-zw2xxa: var(--space-xs-
|
|
558
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1g2nk_523):not(.awsui_has-header_hyvsj_1g2nk_526) {
|
|
559
|
+
--awsui-main-gap-zw2xxa: var(--space-xs-zb16t3, 8px);
|
|
560
560
|
}
|
|
561
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-breadcrumbs_hyvsj_1g2nk_523:not(#\9):not(.awsui_has-header_hyvsj_1g2nk_526) {
|
|
562
562
|
--awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
|
|
563
563
|
}
|
|
564
|
-
.
|
|
565
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-m-
|
|
564
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-breadcrumbs_hyvsj_1g2nk_523:not(#\9):not(.awsui_has-header_hyvsj_1g2nk_526).awsui_is-overlap-disabled_hyvsj_1g2nk_475 {
|
|
565
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
568
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-
|
|
567
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-breadcrumbs_hyvsj_1g2nk_523:not(#\9):not(.awsui_has-header_hyvsj_1g2nk_526):not(.awsui_is-overlap-disabled_hyvsj_1g2nk_475) {
|
|
568
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-7597g1, 4px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
571
|
-
--awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-
|
|
570
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_has-header_hyvsj_1g2nk_526:not(#\9) {
|
|
571
|
+
--awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
572
572
|
}
|
|
573
|
-
.
|
|
574
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-s-
|
|
573
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-main_hyvsj_1g2nk_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1g2nk_475), .awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-main_hyvsj_1g2nk_547.awsui_is-overlap-disabled_hyvsj_1g2nk_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1g2nk_547) {
|
|
574
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
575
575
|
}
|
|
576
576
|
@media (min-width: 689px) {
|
|
577
|
-
.
|
|
578
|
-
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-
|
|
579
|
-
--awsui-container-first-gap-zw2xxa: var(--space-xxs-
|
|
577
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-main_hyvsj_1g2nk_547:not(#\9):not(.awsui_has-header_hyvsj_1g2nk_526) {
|
|
578
|
+
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-udix3p, 16px);
|
|
579
|
+
--awsui-container-first-gap-zw2xxa: var(--space-xxs-p8yyaw, 4px);
|
|
580
580
|
}
|
|
581
581
|
}
|
|
582
582
|
@media (max-width: 688px) {
|
|
583
|
-
.
|
|
584
|
-
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-
|
|
583
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9) {
|
|
584
|
+
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
585
585
|
}
|
|
586
|
-
.
|
|
587
|
-
--awsui-header-gap-zw2xxa: var(--space-scaled-s-
|
|
586
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-header_hyvsj_1g2nk_526:not(#\9) {
|
|
587
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
588
588
|
}
|
|
589
|
-
.
|
|
590
|
-
--awsui-header-gap-zw2xxa: var(--space-scaled-s-
|
|
589
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1g2nk_523).awsui_has-header_hyvsj_1g2nk_526 {
|
|
590
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
591
591
|
}
|
|
592
|
-
.
|
|
593
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-s-
|
|
592
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-notifications_hyvsj_1g2nk_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1g2nk_523):not(.awsui_has-header_hyvsj_1g2nk_526), .awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-main_hyvsj_1g2nk_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1g2nk_475) {
|
|
593
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-s-aqzyko, 12px);
|
|
594
594
|
}
|
|
595
|
-
.
|
|
596
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-m-
|
|
595
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_content-first-child-main_hyvsj_1g2nk_547.awsui_is-overlap-disabled_hyvsj_1g2nk_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1g2nk_547) {
|
|
596
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-m-mo5yse, 16px);
|
|
597
597
|
}
|
|
598
598
|
}
|
|
599
599
|
|
|
@@ -607,21 +607,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
607
607
|
position: sticky will be the value of the notifications height in addition to the
|
|
608
608
|
notifications top margin and some additional vertical space for aesthetics.
|
|
609
609
|
*/
|
|
610
|
-
.
|
|
610
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9) {
|
|
611
611
|
--awsui-main-template-rows-zw2xxa: 1fr auto;
|
|
612
612
|
--awsui-offset-top-zw2xxa: 0px;
|
|
613
613
|
height: var(--awsui-content-height-zw2xxa);
|
|
614
614
|
overflow-y: scroll;
|
|
615
615
|
}
|
|
616
|
-
.
|
|
616
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_disable-body-scroll_hyvsj_1g2nk_191.awsui_has-split-panel_hyvsj_1g2nk_590.awsui_split-panel-position-bottom_hyvsj_1g2nk_590:not(#\9) {
|
|
617
617
|
--awsui-main-template-rows-zw2xxa: repeat(2, auto);
|
|
618
618
|
}
|
|
619
|
-
.
|
|
619
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1g2nk_110) {
|
|
620
620
|
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
621
621
|
}
|
|
622
|
-
.
|
|
622
|
+
.awsui_layout_hyvsj_1g2nk_360.awsui_disable-body-scroll_hyvsj_1g2nk_191.awsui_has-sticky-notifications_hyvsj_1g2nk_110:not(#\9) {
|
|
623
623
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
624
|
-
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-
|
|
624
|
+
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
625
625
|
);
|
|
626
626
|
}
|
|
627
627
|
|
|
@@ -629,13 +629,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
629
629
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
630
630
|
when the navigation or tools drawers are open in responsive viewports.
|
|
631
631
|
*/
|
|
632
|
-
.awsui_block-body-
|
|
632
|
+
.awsui_block-body-scroll_hyvsj_1g2nk_606:not(#\9) {
|
|
633
633
|
overflow: hidden;
|
|
634
634
|
}
|
|
635
635
|
|
|
636
636
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
637
|
-
.
|
|
638
|
-
.
|
|
637
|
+
.awsui_unfocusable_hyvsj_1g2nk_611:not(#\9),
|
|
638
|
+
.awsui_unfocusable_hyvsj_1g2nk_611 *:not(#\9) {
|
|
639
639
|
visibility: hidden !important;
|
|
640
640
|
}
|
|
641
641
|
|
|
@@ -644,9 +644,9 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
644
644
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
645
645
|
SPDX-License-Identifier: Apache-2.0
|
|
646
646
|
*/
|
|
647
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_1g2nk_621:not(#\9) {
|
|
648
648
|
grid-area: main;
|
|
649
|
-
padding-bottom: var(--space-layout-content-bottom-
|
|
649
|
+
padding-bottom: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
650
650
|
/*
|
|
651
651
|
If the split panel is in the bottom position additional padding will need to be
|
|
652
652
|
added to the content area. This is to ensure that the user is able to scroll
|
|
@@ -661,18 +661,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
661
661
|
on the right, we decrement the column end by one.
|
|
662
662
|
*/
|
|
663
663
|
}
|
|
664
|
-
.
|
|
665
|
-
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-
|
|
664
|
+
.awsui_container_hyvsj_1g2nk_621.awsui_has-split-panel_hyvsj_1g2nk_590.awsui_split-panel-position-bottom_hyvsj_1g2nk_590:not(#\9) {
|
|
665
|
+
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
666
666
|
}
|
|
667
|
-
.
|
|
667
|
+
.awsui_container_hyvsj_1g2nk_621.awsui_disable-content-paddings_hyvsj_1g2nk_547:not(#\9) {
|
|
668
668
|
grid-column: 1/6;
|
|
669
669
|
padding: 0;
|
|
670
670
|
}
|
|
671
671
|
@media (min-width: 689px) {
|
|
672
|
-
.
|
|
672
|
+
.awsui_container_hyvsj_1g2nk_621.awsui_disable-content-paddings_hyvsj_1g2nk_547.awsui_is-navigation-open_hyvsj_1g2nk_646:not(#\9) {
|
|
673
673
|
grid-column-start: 2;
|
|
674
674
|
}
|
|
675
|
-
.
|
|
675
|
+
.awsui_container_hyvsj_1g2nk_621.awsui_disable-content-paddings_hyvsj_1g2nk_547.awsui_is-tools-open_hyvsj_1g2nk_649:not(#\9), .awsui_container_hyvsj_1g2nk_621.awsui_disable-content-paddings_hyvsj_1g2nk_547.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_split-panel-position-side_hyvsj_1g2nk_649:not(#\9) {
|
|
676
676
|
grid-column-end: 5;
|
|
677
677
|
}
|
|
678
678
|
}
|
|
@@ -681,40 +681,40 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
681
681
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
682
682
|
SPDX-License-Identifier: Apache-2.0
|
|
683
683
|
*/
|
|
684
|
-
section.awsui_mobile-
|
|
684
|
+
section.awsui_mobile-toolbar_hyvsj_1g2nk_658:not(#\9) {
|
|
685
685
|
align-items: center;
|
|
686
|
-
background-color: var(--color-background-home-header-
|
|
687
|
-
border-bottom: 1px solid var(--color-border-divider-default-
|
|
688
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
686
|
+
background-color: var(--color-background-home-header-2rudu7, #000716);
|
|
687
|
+
border-bottom: 1px solid var(--color-border-divider-default-d3adp9, #e9ebed);
|
|
688
|
+
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
689
689
|
box-sizing: border-box;
|
|
690
690
|
height: var(--awsui-mobile-bar-height-zw2xxa);
|
|
691
691
|
display: grid;
|
|
692
692
|
grid-area: mobileToolbar;
|
|
693
693
|
grid-column: 1/span 5;
|
|
694
694
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
695
|
-
padding: 0 var(--space-m-
|
|
695
|
+
padding: 0 var(--space-m-udix3p, 16px);
|
|
696
696
|
position: sticky;
|
|
697
697
|
top: var(--awsui-offset-top-zw2xxa);
|
|
698
698
|
z-index: 1000;
|
|
699
699
|
}
|
|
700
|
-
section.awsui_mobile-
|
|
700
|
+
section.awsui_mobile-toolbar_hyvsj_1g2nk_658 > .awsui_mobile-toolbar-nav_hyvsj_1g2nk_674:not(#\9) {
|
|
701
701
|
grid-column: 1;
|
|
702
|
-
margin-right: var(--space-m-
|
|
702
|
+
margin-right: var(--space-m-udix3p, 16px);
|
|
703
703
|
}
|
|
704
|
-
section.awsui_mobile-
|
|
704
|
+
section.awsui_mobile-toolbar_hyvsj_1g2nk_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1g2nk_678:not(#\9) {
|
|
705
705
|
grid-column: 2;
|
|
706
|
-
background-color: var(--color-background-layout-main-
|
|
706
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
707
707
|
}
|
|
708
|
-
section.awsui_mobile-
|
|
708
|
+
section.awsui_mobile-toolbar_hyvsj_1g2nk_658 > .awsui_mobile-toolbar-tools_hyvsj_1g2nk_682:not(#\9) {
|
|
709
709
|
grid-column: 3;
|
|
710
|
-
margin-left: var(--space-m-
|
|
710
|
+
margin-left: var(--space-m-udix3p, 16px);
|
|
711
711
|
}
|
|
712
712
|
|
|
713
713
|
/*
|
|
714
714
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
715
715
|
SPDX-License-Identifier: Apache-2.0
|
|
716
716
|
*/
|
|
717
|
-
.awsui_navigation-
|
|
717
|
+
.awsui_navigation-container_hyvsj_1g2nk_691:not(#\9) {
|
|
718
718
|
--awsui-navigation-width-zw2xxa: 280px;
|
|
719
719
|
display: flex;
|
|
720
720
|
grid-column: 1;
|
|
@@ -736,12 +736,12 @@ section.awsui_mobile-toolbar_hyvsj_1cy16_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
736
736
|
pointer-events: none;
|
|
737
737
|
}
|
|
738
738
|
@media (min-width: 2541px) {
|
|
739
|
-
.awsui_navigation-
|
|
739
|
+
.awsui_navigation-container_hyvsj_1g2nk_691:not(#\9) {
|
|
740
740
|
--awsui-navigation-width-zw2xxa: 320px;
|
|
741
741
|
}
|
|
742
742
|
}
|
|
743
743
|
@media (max-width: 688px) {
|
|
744
|
-
.awsui_navigation-
|
|
744
|
+
.awsui_navigation-container_hyvsj_1g2nk_691:not(#\9) {
|
|
745
745
|
left: 0;
|
|
746
746
|
position: fixed;
|
|
747
747
|
z-index: 1001;
|
|
@@ -753,19 +753,19 @@ section.awsui_mobile-toolbar_hyvsj_1cy16_658 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
753
753
|
relative to the body.
|
|
754
754
|
*/
|
|
755
755
|
}
|
|
756
|
-
.awsui_navigation-
|
|
756
|
+
.awsui_navigation-container_hyvsj_1g2nk_691.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9) {
|
|
757
757
|
top: var(--awsui-header-height-zw2xxa);
|
|
758
758
|
}
|
|
759
759
|
}
|
|
760
760
|
|
|
761
|
-
nav.awsui_show-
|
|
762
|
-
padding: var(--space-scaled-s-
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9) {
|
|
762
|
+
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
763
763
|
/*
|
|
764
764
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
765
765
|
take control in responsive viewports.
|
|
766
766
|
*/
|
|
767
767
|
}
|
|
768
|
-
@keyframes
|
|
768
|
+
@keyframes awsui_showButtons_hyvsj_1g2nk_1 {
|
|
769
769
|
0% {
|
|
770
770
|
opacity: 0;
|
|
771
771
|
}
|
|
@@ -773,33 +773,33 @@ nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9) {
|
|
|
773
773
|
opacity: 1;
|
|
774
774
|
}
|
|
775
775
|
}
|
|
776
|
-
nav.awsui_show-
|
|
776
|
+
nav.awsui_show-navigation_hyvsj_1g2nk_735.awsui_is-navigation-open_hyvsj_1g2nk_646:not(#\9) {
|
|
777
777
|
display: none;
|
|
778
778
|
}
|
|
779
779
|
@media (min-width: 689px) {
|
|
780
|
-
nav.awsui_show-
|
|
780
|
+
nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646) {
|
|
781
781
|
display: block;
|
|
782
782
|
}
|
|
783
|
-
nav.awsui_show-
|
|
784
|
-
animation:
|
|
783
|
+
nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646).awsui_animating_hyvsj_1g2nk_757 {
|
|
784
|
+
animation: awsui_showButtons_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
785
785
|
}
|
|
786
786
|
}
|
|
787
787
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
788
|
-
nav.awsui_show-
|
|
788
|
+
nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646).awsui_animating_hyvsj_1g2nk_757 {
|
|
789
789
|
animation: none;
|
|
790
790
|
transition: none;
|
|
791
791
|
}
|
|
792
792
|
}
|
|
793
793
|
@media (min-width: 689px) {
|
|
794
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
794
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646).awsui_animating_hyvsj_1g2nk_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1g2nk_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646).awsui_animating_hyvsj_1g2nk_757 {
|
|
795
795
|
animation: none;
|
|
796
796
|
transition: none;
|
|
797
797
|
}
|
|
798
798
|
}
|
|
799
799
|
|
|
800
|
-
nav.
|
|
801
|
-
background-color: var(--color-background-container-content-
|
|
802
|
-
box-shadow: var(--shadow-panel-
|
|
800
|
+
nav.awsui_navigation_hyvsj_1g2nk_691:not(#\9) {
|
|
801
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
802
|
+
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
803
803
|
bottom: 0;
|
|
804
804
|
height: 100%;
|
|
805
805
|
overflow-x: hidden;
|
|
@@ -815,62 +815,62 @@ nav.awsui_navigation_hyvsj_1cy16_691:not(#\9) {
|
|
|
815
815
|
prevent unwanted text wrapping.
|
|
816
816
|
*/
|
|
817
817
|
}
|
|
818
|
-
@keyframes
|
|
818
|
+
@keyframes awsui_openNavigation_hyvsj_1g2nk_1 {
|
|
819
819
|
from {
|
|
820
820
|
opacity: 0;
|
|
821
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
821
|
+
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
822
822
|
}
|
|
823
823
|
to {
|
|
824
824
|
opacity: 1;
|
|
825
825
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
|
-
nav.
|
|
828
|
+
nav.awsui_navigation_hyvsj_1g2nk_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_1g2nk_646) {
|
|
829
829
|
width: 0;
|
|
830
830
|
display: none;
|
|
831
831
|
}
|
|
832
|
-
nav.
|
|
833
|
-
animation:
|
|
832
|
+
nav.awsui_navigation_hyvsj_1g2nk_691.awsui_is-navigation-open_hyvsj_1g2nk_646.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
833
|
+
animation: awsui_openNavigation_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
834
834
|
}
|
|
835
835
|
@media (prefers-reduced-motion: reduce) {
|
|
836
|
-
nav.
|
|
836
|
+
nav.awsui_navigation_hyvsj_1g2nk_691.awsui_is-navigation-open_hyvsj_1g2nk_646.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
837
837
|
animation: none;
|
|
838
838
|
transition: none;
|
|
839
839
|
}
|
|
840
840
|
}
|
|
841
|
-
.awsui-motion-disabled nav.
|
|
841
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1g2nk_691.awsui_is-navigation-open_hyvsj_1g2nk_646.awsui_animating_hyvsj_1g2nk_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1g2nk_691.awsui_is-navigation-open_hyvsj_1g2nk_646.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
842
842
|
animation: none;
|
|
843
843
|
transition: none;
|
|
844
844
|
}
|
|
845
|
-
nav.
|
|
845
|
+
nav.awsui_navigation_hyvsj_1g2nk_691 > .awsui_animated-content_hyvsj_1g2nk_819:not(#\9) {
|
|
846
846
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
847
847
|
}
|
|
848
848
|
@media (max-width: 688px) {
|
|
849
|
-
nav.
|
|
849
|
+
nav.awsui_navigation_hyvsj_1g2nk_691:not(#\9) {
|
|
850
850
|
--awsui-navigation-width-zw2xxa: 100vw;
|
|
851
851
|
}
|
|
852
852
|
}
|
|
853
853
|
|
|
854
|
-
.awsui_hide-
|
|
854
|
+
.awsui_hide-navigation_hyvsj_1g2nk_828:not(#\9) {
|
|
855
855
|
position: absolute;
|
|
856
|
-
right: var(--space-m-
|
|
857
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
856
|
+
right: var(--space-m-udix3p, 16px);
|
|
857
|
+
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
858
858
|
}
|
|
859
859
|
|
|
860
860
|
/*
|
|
861
861
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
862
862
|
SPDX-License-Identifier: Apache-2.0
|
|
863
863
|
*/
|
|
864
|
-
.
|
|
865
|
-
color: var(--color-text-body-default-
|
|
864
|
+
.awsui_notifications_hyvsj_1g2nk_838:not(#\9) {
|
|
865
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
866
866
|
grid-area: notifications;
|
|
867
867
|
z-index: 850;
|
|
868
868
|
}
|
|
869
869
|
@media (min-width: 689px) {
|
|
870
|
-
.
|
|
871
|
-
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-
|
|
870
|
+
.awsui_notifications_hyvsj_1g2nk_838.awsui_sticky-notifications_hyvsj_1g2nk_844:not(#\9) {
|
|
871
|
+
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-cu2m1r, 32px);
|
|
872
872
|
position: sticky;
|
|
873
|
-
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-
|
|
873
|
+
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-zb16t3, 8px));
|
|
874
874
|
}
|
|
875
875
|
}
|
|
876
876
|
|
|
@@ -884,7 +884,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
884
884
|
consume the remaining vertical space in the grid after the notifications
|
|
885
885
|
and breadcrumbs.
|
|
886
886
|
*/
|
|
887
|
-
section.awsui_split-panel-
|
|
887
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861:not(#\9) {
|
|
888
888
|
/*
|
|
889
889
|
The align self property will position the split panel at the bottom of the grid row.
|
|
890
890
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -919,7 +919,7 @@ section.awsui_split-panel-bottom_hyvsj_1cy16_861:not(#\9) {
|
|
|
919
919
|
apply the animation to the height property.
|
|
920
920
|
*/
|
|
921
921
|
}
|
|
922
|
-
@keyframes
|
|
922
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1g2nk_1 {
|
|
923
923
|
from {
|
|
924
924
|
height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
|
|
925
925
|
}
|
|
@@ -927,39 +927,39 @@ section.awsui_split-panel-bottom_hyvsj_1cy16_861:not(#\9) {
|
|
|
927
927
|
height: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
928
928
|
}
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9) {
|
|
931
931
|
bottom: 0;
|
|
932
932
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-navigation-open_hyvsj_1g2nk_646.awsui_position-bottom_hyvsj_1g2nk_907:not(#\9) {
|
|
934
934
|
grid-column-start: 2;
|
|
935
935
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_has-open-drawer_hyvsj_1g2nk_157.awsui_position-bottom_hyvsj_1g2nk_907:not(#\9) {
|
|
937
937
|
grid-column-end: 5;
|
|
938
938
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_position-bottom_hyvsj_1g2nk_907:not(#\9) {
|
|
940
940
|
display: block;
|
|
941
941
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1g2nk_649).awsui_position-bottom_hyvsj_1g2nk_907 {
|
|
943
943
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
944
944
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
946
|
-
box-shadow: var(--shadow-split-bottom-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-bottom_hyvsj_1g2nk_907:not(#\9) {
|
|
946
|
+
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
947
947
|
}
|
|
948
|
-
section.awsui_split-panel-
|
|
949
|
-
animation:
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-bottom_hyvsj_1g2nk_907.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
949
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
950
950
|
}
|
|
951
951
|
@media (prefers-reduced-motion: reduce) {
|
|
952
|
-
section.awsui_split-panel-
|
|
952
|
+
section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-bottom_hyvsj_1g2nk_907.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
953
953
|
animation: none;
|
|
954
954
|
transition: none;
|
|
955
955
|
}
|
|
956
956
|
}
|
|
957
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
957
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-bottom_hyvsj_1g2nk_907.awsui_animating_hyvsj_1g2nk_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1g2nk_861.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-bottom_hyvsj_1g2nk_907.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
958
958
|
animation: none;
|
|
959
959
|
transition: none;
|
|
960
960
|
}
|
|
961
961
|
|
|
962
|
-
section.awsui_split-panel-
|
|
962
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936:not(#\9) {
|
|
963
963
|
height: 100%;
|
|
964
964
|
overflow-x: hidden;
|
|
965
965
|
pointer-events: auto;
|
|
@@ -974,7 +974,7 @@ section.awsui_split-panel-side_hyvsj_1cy16_936:not(#\9) {
|
|
|
974
974
|
prevent unwanted text wrapping.
|
|
975
975
|
*/
|
|
976
976
|
}
|
|
977
|
-
@keyframes
|
|
977
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_1g2nk_1 {
|
|
978
978
|
from {
|
|
979
979
|
opacity: 0;
|
|
980
980
|
width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
@@ -984,28 +984,28 @@ section.awsui_split-panel-side_hyvsj_1cy16_936:not(#\9) {
|
|
|
984
984
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
985
985
|
}
|
|
986
986
|
}
|
|
987
|
-
section.awsui_split-panel-
|
|
987
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1g2nk_649), section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_position-bottom_hyvsj_1g2nk_907:not(#\9) {
|
|
988
988
|
width: 0;
|
|
989
989
|
}
|
|
990
|
-
section.awsui_split-panel-
|
|
991
|
-
box-shadow: var(--shadow-panel-
|
|
990
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-side_hyvsj_1g2nk_964:not(#\9) {
|
|
991
|
+
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
992
992
|
max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
|
|
993
993
|
min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
994
994
|
}
|
|
995
|
-
section.awsui_split-panel-
|
|
996
|
-
animation:
|
|
995
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-side_hyvsj_1g2nk_964.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
996
|
+
animation: awsui_openSplitPanelSide_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
997
997
|
}
|
|
998
998
|
@media (prefers-reduced-motion: reduce) {
|
|
999
|
-
section.awsui_split-panel-
|
|
999
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-side_hyvsj_1g2nk_964.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1000
1000
|
animation: none;
|
|
1001
1001
|
transition: none;
|
|
1002
1002
|
}
|
|
1003
1003
|
}
|
|
1004
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1004
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-side_hyvsj_1g2nk_964.awsui_animating_hyvsj_1g2nk_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1g2nk_936.awsui_is-split-panel-open_hyvsj_1g2nk_649.awsui_position-side_hyvsj_1g2nk_964.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1005
1005
|
animation: none;
|
|
1006
1006
|
transition: none;
|
|
1007
1007
|
}
|
|
1008
|
-
section.awsui_split-panel-
|
|
1008
|
+
section.awsui_split-panel-side_hyvsj_1g2nk_936 > .awsui_animated-content_hyvsj_1g2nk_819:not(#\9) {
|
|
1009
1009
|
height: 100%;
|
|
1010
1010
|
max-width: inherit;
|
|
1011
1011
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
@@ -1024,7 +1024,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1024
1024
|
property. The content gap right is computed in the Layout styles based on the
|
|
1025
1025
|
viewport size and state of the Tools drawer.
|
|
1026
1026
|
*/
|
|
1027
|
-
.awsui_tools-
|
|
1027
|
+
.awsui_tools-container_hyvsj_1g2nk_1001:not(#\9) {
|
|
1028
1028
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1029
1029
|
--awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
1030
1030
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1040,12 +1040,12 @@ viewport size and state of the Tools drawer.
|
|
|
1040
1040
|
pointer-events: none;
|
|
1041
1041
|
}
|
|
1042
1042
|
@media (min-width: 2541px) {
|
|
1043
|
-
.awsui_tools-
|
|
1043
|
+
.awsui_tools-container_hyvsj_1g2nk_1001:not(#\9) {
|
|
1044
1044
|
--awsui-tools-width-zw2xxa: 360px;
|
|
1045
1045
|
}
|
|
1046
1046
|
}
|
|
1047
1047
|
@media (max-width: 688px) {
|
|
1048
|
-
.awsui_tools-
|
|
1048
|
+
.awsui_tools-container_hyvsj_1g2nk_1001:not(#\9) {
|
|
1049
1049
|
--awsui-tools-max-width-zw2xxa: none;
|
|
1050
1050
|
--awsui-tools-width-zw2xxa: auto;
|
|
1051
1051
|
position: fixed;
|
|
@@ -1059,14 +1059,14 @@ viewport size and state of the Tools drawer.
|
|
|
1059
1059
|
relative to the body.
|
|
1060
1060
|
*/
|
|
1061
1061
|
}
|
|
1062
|
-
.awsui_tools-
|
|
1062
|
+
.awsui_tools-container_hyvsj_1g2nk_1001.awsui_disable-body-scroll_hyvsj_1g2nk_191:not(#\9) {
|
|
1063
1063
|
top: var(--awsui-header-height-zw2xxa);
|
|
1064
1064
|
}
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
|
-
.
|
|
1068
|
-
background-color: var(--color-background-container-content-
|
|
1069
|
-
box-shadow: var(--shadow-panel-
|
|
1067
|
+
.awsui_tools_hyvsj_1g2nk_1001:not(#\9) {
|
|
1068
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1069
|
+
box-shadow: var(--shadow-panel-ezyqp4, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1070
1070
|
flex-shrink: 0;
|
|
1071
1071
|
height: 100%;
|
|
1072
1072
|
overflow-y: auto;
|
|
@@ -1088,51 +1088,51 @@ viewport size and state of the Tools drawer.
|
|
|
1088
1088
|
in the side position.
|
|
1089
1089
|
*/
|
|
1090
1090
|
}
|
|
1091
|
-
@keyframes
|
|
1091
|
+
@keyframes awsui_openTools_hyvsj_1g2nk_1 {
|
|
1092
1092
|
from {
|
|
1093
1093
|
opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
|
|
1094
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
1094
|
+
width: calc(var(--space-layout-toggle-padding-sgkxy2, 20px) * 2 + var(--space-layout-toggle-diameter-x54u6y, 40px));
|
|
1095
1095
|
}
|
|
1096
1096
|
to {
|
|
1097
1097
|
opacity: 1;
|
|
1098
1098
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1099
1099
|
}
|
|
1100
1100
|
}
|
|
1101
|
-
.
|
|
1101
|
+
.awsui_tools_hyvsj_1g2nk_1001:not(#\9):not(.awsui_is-tools-open_hyvsj_1g2nk_649) {
|
|
1102
1102
|
width: 0;
|
|
1103
1103
|
display: none;
|
|
1104
1104
|
}
|
|
1105
|
-
.
|
|
1106
|
-
animation:
|
|
1105
|
+
.awsui_tools_hyvsj_1g2nk_1001.awsui_is-tools-open_hyvsj_1g2nk_649.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1106
|
+
animation: awsui_openTools_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1107
1107
|
}
|
|
1108
1108
|
@media (prefers-reduced-motion: reduce) {
|
|
1109
|
-
.
|
|
1109
|
+
.awsui_tools_hyvsj_1g2nk_1001.awsui_is-tools-open_hyvsj_1g2nk_649.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1110
1110
|
animation: none;
|
|
1111
1111
|
transition: none;
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
1114
|
-
.awsui-motion-disabled .
|
|
1114
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1g2nk_1001.awsui_is-tools-open_hyvsj_1g2nk_649.awsui_animating_hyvsj_1g2nk_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1g2nk_1001.awsui_is-tools-open_hyvsj_1g2nk_649.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1115
1115
|
animation: none;
|
|
1116
1116
|
transition: none;
|
|
1117
1117
|
}
|
|
1118
|
-
.
|
|
1118
|
+
.awsui_tools_hyvsj_1g2nk_1001 > .awsui_animated-content_hyvsj_1g2nk_819:not(#\9) {
|
|
1119
1119
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1120
1120
|
}
|
|
1121
1121
|
@media (min-width: 689px) {
|
|
1122
|
-
.
|
|
1123
|
-
border-right: var(--border-divider-section-width-
|
|
1122
|
+
.awsui_tools_hyvsj_1g2nk_1001.awsui_is-tools-open_hyvsj_1g2nk_649.awsui_has-tools-form-persistence_hyvsj_1g2nk_1096:not(#\9) {
|
|
1123
|
+
border-right: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
|
|
1124
1124
|
}
|
|
1125
1125
|
}
|
|
1126
1126
|
@media (max-width: 688px) {
|
|
1127
|
-
.
|
|
1127
|
+
.awsui_tools_hyvsj_1g2nk_1001:not(#\9) {
|
|
1128
1128
|
--awsui-tools-width-zw2xxa: 100vw;
|
|
1129
1129
|
}
|
|
1130
1130
|
}
|
|
1131
1131
|
|
|
1132
|
-
.awsui_hide-
|
|
1132
|
+
.awsui_hide-tools_hyvsj_1g2nk_1106:not(#\9) {
|
|
1133
1133
|
position: absolute;
|
|
1134
|
-
right: var(--space-m-
|
|
1135
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
1134
|
+
right: var(--space-m-udix3p, 16px);
|
|
1135
|
+
top: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
1136
1136
|
z-index: 1;
|
|
1137
1137
|
}
|
|
1138
1138
|
|
|
@@ -1141,7 +1141,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1141
1141
|
the calculation used to determine the Split Panel maximum width in the
|
|
1142
1142
|
handleSplitPanelMaxWidth function in the context.
|
|
1143
1143
|
*/
|
|
1144
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_1g2nk_1118:not(#\9) {
|
|
1145
1145
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1146
1146
|
border-collapse: separate;
|
|
1147
1147
|
border-spacing: 0;
|
|
@@ -1171,21 +1171,21 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1171
1171
|
widows: 2;
|
|
1172
1172
|
word-spacing: normal;
|
|
1173
1173
|
box-sizing: border-box;
|
|
1174
|
-
font-size: var(--font-body-m-size-
|
|
1175
|
-
line-height: var(--font-body-m-line-height-
|
|
1176
|
-
color: var(--color-text-body-default-
|
|
1174
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
1175
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
1176
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
1177
1177
|
font-weight: 400;
|
|
1178
|
-
font-family: var(--font-family-base-
|
|
1178
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1179
1179
|
-webkit-font-smoothing: auto;
|
|
1180
1180
|
-moz-osx-font-smoothing: auto;
|
|
1181
1181
|
box-sizing: border-box;
|
|
1182
|
-
padding: var(--space-scaled-s-
|
|
1182
|
+
padding: var(--space-scaled-s-aqzyko, 12px) var(--space-layout-toggle-padding-sgkxy2, 20px);
|
|
1183
1183
|
/*
|
|
1184
1184
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
1185
1185
|
take control in responsive viewports.
|
|
1186
1186
|
*/
|
|
1187
1187
|
}
|
|
1188
|
-
@keyframes
|
|
1188
|
+
@keyframes awsui_showButtons_hyvsj_1g2nk_1 {
|
|
1189
1189
|
0% {
|
|
1190
1190
|
opacity: 0;
|
|
1191
1191
|
}
|
|
@@ -1193,34 +1193,34 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1193
1193
|
opacity: 1;
|
|
1194
1194
|
}
|
|
1195
1195
|
}
|
|
1196
|
-
.awsui_show-
|
|
1196
|
+
.awsui_show-tools_hyvsj_1g2nk_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_1g2nk_1096) {
|
|
1197
1197
|
display: none;
|
|
1198
1198
|
}
|
|
1199
1199
|
@media (min-width: 689px) {
|
|
1200
|
-
.awsui_show-
|
|
1200
|
+
.awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form_hyvsj_1g2nk_1096:not(#\9) {
|
|
1201
1201
|
display: flex;
|
|
1202
1202
|
flex-direction: column;
|
|
1203
|
-
gap: var(--space-xs-
|
|
1203
|
+
gap: var(--space-xs-zb16t3, 8px);
|
|
1204
1204
|
}
|
|
1205
|
-
.awsui_show-
|
|
1206
|
-
animation:
|
|
1205
|
+
.awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form_hyvsj_1g2nk_1096.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1206
|
+
animation: awsui_showButtons_hyvsj_1g2nk_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1207
1207
|
}
|
|
1208
1208
|
}
|
|
1209
1209
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1210
|
-
.awsui_show-
|
|
1210
|
+
.awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form_hyvsj_1g2nk_1096.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1211
1211
|
animation: none;
|
|
1212
1212
|
transition: none;
|
|
1213
1213
|
}
|
|
1214
1214
|
}
|
|
1215
1215
|
@media (min-width: 689px) {
|
|
1216
|
-
.awsui-motion-disabled .awsui_show-
|
|
1216
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form_hyvsj_1g2nk_1096.awsui_animating_hyvsj_1g2nk_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form_hyvsj_1g2nk_1096.awsui_animating_hyvsj_1g2nk_757:not(#\9) {
|
|
1217
1217
|
animation: none;
|
|
1218
1218
|
transition: none;
|
|
1219
1219
|
}
|
|
1220
1220
|
}
|
|
1221
1221
|
@media (min-width: 689px) {
|
|
1222
|
-
.awsui_show-
|
|
1223
|
-
background-color: var(--color-background-container-content-
|
|
1222
|
+
.awsui_show-tools_hyvsj_1g2nk_1118.awsui_has-tools-form-persistence_hyvsj_1g2nk_1096:not(#\9) {
|
|
1223
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1224
1224
|
z-index: 1;
|
|
1225
1225
|
}
|
|
1226
1226
|
}
|
|
@@ -1234,26 +1234,26 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1234
1234
|
the calculation used to determine the Split Panel maximum width in the
|
|
1235
1235
|
handleSplitPanelMaxWidth function in the context.
|
|
1236
1236
|
*/
|
|
1237
|
-
.
|
|
1238
|
-
background: var(--color-background-layout-toggle-default-
|
|
1237
|
+
.awsui_trigger_hyvsj_1g2nk_1185:not(#\9) {
|
|
1238
|
+
background: var(--color-background-layout-toggle-default-lmdlhy, #192534);
|
|
1239
1239
|
border: none;
|
|
1240
1240
|
border-radius: 50%;
|
|
1241
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
1242
|
-
color: var(--color-text-layout-toggle-
|
|
1241
|
+
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1242
|
+
color: var(--color-text-layout-toggle-zybz0r, #ffffff);
|
|
1243
1243
|
cursor: pointer;
|
|
1244
|
-
height: var(--space-layout-toggle-diameter-
|
|
1245
|
-
padding: 0 var(--space-s-
|
|
1244
|
+
height: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
1245
|
+
padding: 0 var(--space-s-34lx8l, 12px);
|
|
1246
1246
|
pointer-events: auto;
|
|
1247
|
-
width: var(--space-layout-toggle-diameter-
|
|
1247
|
+
width: var(--space-layout-toggle-diameter-x54u6y, 40px);
|
|
1248
1248
|
}
|
|
1249
|
-
body[data-awsui-focus-visible=true] .
|
|
1249
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1g2nk_1185:not(#\9):focus {
|
|
1250
1250
|
position: relative;
|
|
1251
1251
|
}
|
|
1252
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1g2nk_1185:not(#\9):focus {
|
|
1253
1253
|
outline: 2px dotted transparent;
|
|
1254
1254
|
outline-offset: calc(3px - 1px);
|
|
1255
1255
|
}
|
|
1256
|
-
body[data-awsui-focus-visible=true] .
|
|
1256
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1g2nk_1185:not(#\9):focus::before {
|
|
1257
1257
|
content: " ";
|
|
1258
1258
|
display: block;
|
|
1259
1259
|
position: absolute;
|
|
@@ -1261,27 +1261,27 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cy16_1185:not(#\9):foc
|
|
|
1261
1261
|
top: calc(-1 * 3px);
|
|
1262
1262
|
width: calc(100% + 2 * 3px);
|
|
1263
1263
|
height: calc(100% + 2 * 3px);
|
|
1264
|
-
border-radius: var(--border-radius-control-default-focus-ring-
|
|
1265
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
1264
|
+
border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1265
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1266
1266
|
}
|
|
1267
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_1g2nk_1185:not(#\9):focus {
|
|
1268
1268
|
outline: none;
|
|
1269
1269
|
}
|
|
1270
|
-
.
|
|
1271
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1270
|
+
.awsui_trigger_hyvsj_1g2nk_1185:not(#\9):hover {
|
|
1271
|
+
background: var(--color-background-layout-toggle-hover-ho9150, #354150);
|
|
1272
1272
|
}
|
|
1273
|
-
.
|
|
1274
|
-
background: var(--color-background-layout-toggle-active-
|
|
1273
|
+
.awsui_trigger_hyvsj_1g2nk_1185:not(#\9):active {
|
|
1274
|
+
background: var(--color-background-layout-toggle-active-robi8g, #354150);
|
|
1275
1275
|
}
|
|
1276
|
-
.
|
|
1277
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1278
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1276
|
+
.awsui_trigger_hyvsj_1g2nk_1185.awsui_selected_hyvsj_1g2nk_1224:not(#\9) {
|
|
1277
|
+
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1278
|
+
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1279
1279
|
}
|
|
1280
|
-
.
|
|
1281
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1280
|
+
.awsui_trigger_hyvsj_1g2nk_1185.awsui_selected_hyvsj_1g2nk_1224:not(#\9):hover {
|
|
1281
|
+
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1282
1282
|
}
|
|
1283
|
-
.
|
|
1284
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1283
|
+
.awsui_trigger_hyvsj_1g2nk_1185.awsui_selected_hyvsj_1g2nk_1224:not(#\9):active {
|
|
1284
|
+
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1285
1285
|
}
|
|
1286
1286
|
|
|
1287
1287
|
/*
|