@cloudscape-design/components 3.0.302 → 3.0.304
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 +47 -47
- 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 +31 -31
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/app-layout/mobile-toolbar/styles.css.js +6 -6
- package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
- package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
- 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 +13 -13
- package/app-layout/styles.scoped.css +22 -22
- package/app-layout/styles.selectors.js +13 -13
- package/app-layout/toggles/styles.css.js +1 -1
- package/app-layout/toggles/styles.scoped.css +3 -3
- package/app-layout/toggles/styles.selectors.js +1 -1
- package/app-layout/visual-refresh/styles.css.js +68 -68
- package/app-layout/visual-refresh/styles.scoped.css +360 -349
- package/app-layout/visual-refresh/styles.selectors.js +68 -68
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +29 -29
- package/area-chart/styles.selectors.js +13 -13
- 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 +19 -19
- package/button/styles.scoped.css +412 -412
- package/button/styles.selectors.js +19 -19
- 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 +8 -8
- package/button-dropdown/styles.scoped.css +20 -20
- package/button-dropdown/styles.selectors.js +8 -8
- 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 +37 -37
- package/cards/styles.scoped.css +100 -100
- package/cards/styles.selectors.js +37 -37
- 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 +194 -194
- 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/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 +18 -18
- package/container/styles.scoped.css +73 -73
- package/container/styles.selectors.js +18 -18
- package/content-layout/internal.d.ts.map +1 -1
- package/content-layout/internal.js +2 -6
- package/content-layout/internal.js.map +1 -1
- package/content-layout/styles.css.js +7 -6
- package/content-layout/styles.scoped.css +24 -16
- package/content-layout/styles.selectors.js +7 -6
- 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 +24 -24
- package/expandable-section/styles.scoped.css +87 -87
- package/expandable-section/styles.selectors.js +24 -24
- 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/styles.css.js +45 -45
- package/flashbar/styles.scoped.css +271 -271
- package/flashbar/styles.selectors.js +45 -45
- 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 +44 -44
- package/header/styles.scoped.css +116 -116
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +153 -153
- 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 +1620 -1437
- 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 +21 -21
- package/internal/components/cartesian-chart/styles.scoped.css +34 -34
- package/internal/components/cartesian-chart/styles.selectors.js +21 -21
- 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/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/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/index.d.ts.map +1 -1
- package/internal/components/option/index.js +1 -1
- package/internal/components/option/index.js.map +1 -1
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +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 +71 -68
- 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/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +39 -37
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +4 -0
- package/internal/generated/styles/tokens.js +303 -299
- package/internal/generated/theming/index.cjs +1609 -675
- package/internal/generated/theming/index.cjs.d.ts +206 -0
- package/internal/generated/theming/index.d.ts +206 -0
- package/internal/generated/theming/index.js +1609 -675
- package/internal/manifest.json +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 +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +38 -38
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- 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/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +70 -70
- 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 +27 -27
- package/side-navigation/styles.scoped.css +89 -89
- package/side-navigation/styles.selectors.js +27 -27
- package/space-between/styles.css.js +20 -20
- package/space-between/styles.scoped.css +37 -37
- package/space-between/styles.selectors.js +20 -20
- 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 +59 -59
- package/split-panel/styles.scoped.css +150 -150
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +44 -44
- package/status-indicator/styles.selectors.js +20 -20
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +144 -144
- 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 +36 -36
- package/table/styles.scoped.css +88 -88
- package/table/styles.selectors.js +36 -36
- 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 +125 -125
- 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 +28 -28
- package/tiles/styles.scoped.css +124 -124
- package/tiles/styles.selectors.js +28 -28
- 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 +125 -125
- 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_kjwsu_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_kjwsu_93 > .awsui_scrolling-background_hyvsj_kjwsu_96:not(#\9) {
|
|
97
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
98
|
+
color: var(--color-text-body-default-mmvcvg, #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_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9) {
|
|
103
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
106
106
|
position: sticky;
|
|
107
|
-
top: var(--awsui-header-height-
|
|
107
|
+
top: var(--awsui-header-height-8nglyc);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
111
|
-
height: calc(var(--space-scaled-s-
|
|
110
|
+
div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
|
|
111
|
+
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-8nglyc));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_kjwsu_93 > .awsui_sticky-background_hyvsj_kjwsu_102.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
|
-
var(--awsui-notifications-gap-
|
|
115
|
+
var(--awsui-notifications-gap-8nglyc) + var(--awsui-notifications-height-8nglyc) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-8nglyc)
|
|
116
116
|
);
|
|
117
117
|
}
|
|
118
118
|
|
|
@@ -120,8 +120,8 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_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_kjwsu_123:not(#\9) {
|
|
124
|
+
background-color: var(--color-background-layout-main-m49752, #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_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_kjwsu_123.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,41 +142,41 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_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_kjwsu_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
149
149
|
grid-row: 1/span 10;
|
|
150
|
-
height: var(--awsui-content-height-
|
|
150
|
+
height: var(--awsui-content-height-8nglyc);
|
|
151
151
|
pointer-events: none;
|
|
152
152
|
position: sticky;
|
|
153
|
-
top: var(--awsui-offset-top-
|
|
153
|
+
top: var(--awsui-offset-top-8nglyc);
|
|
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-q2mprk, 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_kjwsu_145.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
|
|
158
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
159
|
+
box-shadow: var(--shadow-panel-pj5weo, 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_kjwsu_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_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_kjwsu_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_kjwsu_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
|
-
max-width: calc(var(--awsui-layout-width-
|
|
174
|
+
max-width: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
|
|
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_kjwsu_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
192
|
-
top: var(--awsui-header-height-
|
|
191
|
+
.awsui_drawers-container_hyvsj_kjwsu_145.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
|
|
192
|
+
top: var(--awsui-header-height-8nglyc);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_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_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_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-7dign1, 14px);
|
|
227
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
228
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
229
229
|
font-weight: 400;
|
|
230
|
-
font-family: var(--font-family-base-
|
|
230
|
+
font-family: var(--font-family-base-wn913o, "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;
|
|
@@ -237,126 +237,126 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
|
|
|
237
237
|
overflow-x: hidden;
|
|
238
238
|
overscroll-behavior-y: contain;
|
|
239
239
|
}
|
|
240
|
-
.awsui_drawers-desktop-triggers-
|
|
240
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
|
|
241
241
|
width: 0;
|
|
242
242
|
}
|
|
243
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
-
background-color: var(--color-background-container-content-
|
|
245
|
-
transition: background-color var(--motion-duration-refresh-only-fast-
|
|
243
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
|
|
244
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
245
|
+
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
246
246
|
}
|
|
247
247
|
@media (prefers-reduced-motion: reduce) {
|
|
248
|
-
.awsui_drawers-desktop-triggers-
|
|
248
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
|
|
249
249
|
animation: none;
|
|
250
250
|
transition: none;
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
253
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196.awsui_has-multiple-triggers_hyvsj_kjwsu_214.awsui_has-open-drawer_hyvsj_kjwsu_157:not(#\9) {
|
|
254
254
|
animation: none;
|
|
255
255
|
transition: none;
|
|
256
256
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
259
|
-
transition: width var(--motion-duration-refresh-only-fast-
|
|
257
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
258
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
259
|
+
transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
260
260
|
}
|
|
261
261
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.awsui_drawers-desktop-triggers-
|
|
262
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
263
263
|
animation: none;
|
|
264
264
|
transition: none;
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
267
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_kjwsu_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
268
268
|
animation: none;
|
|
269
269
|
transition: none;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9) {
|
|
273
273
|
align-items: center;
|
|
274
274
|
display: flex;
|
|
275
275
|
flex-direction: column;
|
|
276
|
-
gap: var(--space-xs-
|
|
277
|
-
padding-top: var(--space-scaled-s-
|
|
278
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
276
|
+
gap: var(--space-xs-edba2s, 8px);
|
|
277
|
+
padding-top: var(--space-scaled-s-913kwi, 12px);
|
|
278
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
279
279
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
280
|
+
.awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214).awsui_has-open-drawer_hyvsj_kjwsu_157 {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
284
284
|
opacity: 1;
|
|
285
|
-
transition: opacity var(--motion-duration-refresh-only-medium-
|
|
286
|
-
transition-delay: calc(var(--motion-duration-refresh-only-fast-
|
|
285
|
+
transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
286
|
+
transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
|
|
287
287
|
}
|
|
288
288
|
@media (prefers-reduced-motion: reduce) {
|
|
289
|
-
.awsui_drawers-trigger-
|
|
289
|
+
.awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
290
290
|
animation: none;
|
|
291
291
|
transition: none;
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
294
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_kjwsu_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_kjwsu_214):not(.awsui_has-open-drawer_hyvsj_kjwsu_157) {
|
|
295
295
|
animation: none;
|
|
296
296
|
transition: none;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
299
|
@media (max-width: 688px) {
|
|
300
|
-
.awsui_drawers-
|
|
300
|
+
.awsui_drawers-trigger_hyvsj_kjwsu_246:not(#\9) {
|
|
301
301
|
width: 40px;
|
|
302
302
|
text-align: right;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
307
|
-
--awsui-active-drawer-width-
|
|
308
|
-
background-color: var(--color-background-container-content-
|
|
306
|
+
.awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
|
|
307
|
+
--awsui-active-drawer-width-8nglyc: 290px;
|
|
308
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
309
309
|
border-color: transparent;
|
|
310
310
|
display: grid;
|
|
311
311
|
flex-shrink: 0;
|
|
312
|
-
grid-template-columns: 1fr auto var(--space-m-
|
|
313
|
-
grid-template-rows: var(--size-vertical-panel-icon-offset-
|
|
312
|
+
grid-template-columns: 1fr auto var(--space-m-h2th94, 16px);
|
|
313
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-zd2rli, 15px) auto 1fr;
|
|
314
314
|
height: 100%;
|
|
315
315
|
overflow-y: auto;
|
|
316
316
|
overflow-x: hidden;
|
|
317
317
|
overscroll-behavior-y: contain;
|
|
318
318
|
pointer-events: auto;
|
|
319
319
|
word-wrap: break-word;
|
|
320
|
-
transition: var(--motion-duration-refresh-only-fast-
|
|
320
|
+
transition: var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
321
321
|
transition-property: border-color, opacity, width;
|
|
322
322
|
}
|
|
323
|
-
.
|
|
323
|
+
.awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-close-button_hyvsj_kjwsu_297:not(#\9) {
|
|
324
324
|
grid-column: 2;
|
|
325
325
|
grid-row: 2;
|
|
326
326
|
z-index: 1;
|
|
327
327
|
}
|
|
328
|
-
.
|
|
328
|
+
.awsui_drawer_hyvsj_kjwsu_145 > .awsui_drawer-content_hyvsj_kjwsu_302:not(#\9) {
|
|
329
329
|
grid-column: 1/span 3;
|
|
330
330
|
grid-row: 1/span 3;
|
|
331
|
-
width: var(--awsui-active-drawer-width-
|
|
331
|
+
width: var(--awsui-active-drawer-width-8nglyc);
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_kjwsu_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_kjwsu_307) {
|
|
334
334
|
opacity: 0;
|
|
335
335
|
width: 0;
|
|
336
336
|
}
|
|
337
|
-
.
|
|
338
|
-
border-right: var(--border-divider-section-width-
|
|
337
|
+
.awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
|
|
338
|
+
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
339
339
|
opacity: 1;
|
|
340
|
-
width: var(--awsui-active-drawer-width-
|
|
340
|
+
width: var(--awsui-active-drawer-width-8nglyc);
|
|
341
341
|
}
|
|
342
342
|
@media (prefers-reduced-motion: reduce) {
|
|
343
|
-
.
|
|
343
|
+
.awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
|
|
344
344
|
animation: none;
|
|
345
345
|
transition: none;
|
|
346
346
|
}
|
|
347
347
|
}
|
|
348
|
-
.awsui-motion-disabled .
|
|
348
|
+
.awsui-motion-disabled .awsui_drawer_hyvsj_kjwsu_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_kjwsu_145:not(#\9) {
|
|
349
349
|
animation: none;
|
|
350
350
|
transition: none;
|
|
351
351
|
}
|
|
352
352
|
@media (min-width: 2541px) {
|
|
353
|
-
.
|
|
354
|
-
--awsui-active-drawer-width-
|
|
353
|
+
.awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
|
|
354
|
+
--awsui-active-drawer-width-8nglyc: 320px;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
@media (max-width: 688px) {
|
|
358
|
-
.
|
|
359
|
-
--awsui-active-drawer-width-
|
|
358
|
+
.awsui_drawer_hyvsj_kjwsu_145.awsui_is-drawer-open_hyvsj_kjwsu_307:not(#\9) {
|
|
359
|
+
--awsui-active-drawer-width-8nglyc: 100vw;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
362
|
|
|
@@ -364,7 +364,7 @@ div.awsui_background_hyvsj_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
|
|
|
364
364
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
365
365
|
SPDX-License-Identifier: Apache-2.0
|
|
366
366
|
*/
|
|
367
|
-
header.
|
|
367
|
+
header.awsui_content_hyvsj_kjwsu_341:not(#\9) {
|
|
368
368
|
grid-area: header;
|
|
369
369
|
}
|
|
370
370
|
|
|
@@ -385,35 +385,37 @@ The minimum content width property is set to zero and applied under all
|
|
|
385
385
|
circumstances regardless of whether the minContentWidth property is
|
|
386
386
|
explicitly set in script.
|
|
387
387
|
*/
|
|
388
|
-
.
|
|
389
|
-
--awsui-breadcrumbs-gap-
|
|
390
|
-
--awsui-content-gap-left-
|
|
391
|
-
--awsui-content-gap-right-
|
|
392
|
-
--awsui-content-height-
|
|
393
|
-
--awsui-
|
|
394
|
-
--awsui-
|
|
395
|
-
--awsui-
|
|
396
|
-
--awsui-
|
|
397
|
-
--awsui-
|
|
398
|
-
--awsui-
|
|
399
|
-
--awsui-
|
|
400
|
-
--awsui-
|
|
401
|
-
--awsui-main-
|
|
402
|
-
--awsui-
|
|
403
|
-
--awsui-
|
|
404
|
-
--awsui-
|
|
405
|
-
--awsui-
|
|
406
|
-
--awsui-
|
|
407
|
-
--awsui-
|
|
408
|
-
--awsui-
|
|
409
|
-
--awsui-
|
|
410
|
-
|
|
411
|
-
|
|
388
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9) {
|
|
389
|
+
--awsui-breadcrumbs-gap-8nglyc: 0px;
|
|
390
|
+
--awsui-content-gap-left-8nglyc: 0px;
|
|
391
|
+
--awsui-content-gap-right-8nglyc: 0px;
|
|
392
|
+
--awsui-content-height-8nglyc: calc(100vh - var(--awsui-header-height-8nglyc) - var(--awsui-footer-height-8nglyc));
|
|
393
|
+
--awsui-container-first-gap-8nglyc: 0px;
|
|
394
|
+
--awsui-container-first-overlap-extension-8nglyc: 0px;
|
|
395
|
+
--awsui-default-max-content-width-8nglyc: 1280px;
|
|
396
|
+
--awsui-default-min-content-width-8nglyc: 0px;
|
|
397
|
+
--awsui-footer-height-8nglyc: 0px;
|
|
398
|
+
--awsui-header-gap-8nglyc: 0px;
|
|
399
|
+
--awsui-header-height-8nglyc: 0px;
|
|
400
|
+
--awsui-layout-width-8nglyc: 0px;
|
|
401
|
+
--awsui-main-gap-8nglyc: 0px;
|
|
402
|
+
--awsui-main-offset-left-8nglyc: 0px;
|
|
403
|
+
--awsui-main-template-rows-8nglyc: 1fr;
|
|
404
|
+
--awsui-max-content-width-8nglyc: 0px;
|
|
405
|
+
--awsui-min-content-width-8nglyc: 280px;
|
|
406
|
+
--awsui-mobile-bar-height-8nglyc: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
|
|
407
|
+
--awsui-notifications-gap-8nglyc: 0px;
|
|
408
|
+
--awsui-notifications-height-8nglyc: 0px;
|
|
409
|
+
--awsui-offset-top-8nglyc: var(--awsui-header-height-8nglyc);
|
|
410
|
+
--awsui-offset-top-with-notifications-8nglyc: 0px;
|
|
411
|
+
--awsui-overlap-height-8nglyc: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
|
|
412
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
413
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
412
414
|
display: grid;
|
|
413
415
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
414
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
415
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
416
|
-
min-height: var(--awsui-content-height-
|
|
416
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-8nglyc), 1fr) minmax(var(--awsui-default-min-content-width-8nglyc), var(--awsui-default-max-content-width-8nglyc)) minmax(var(--awsui-content-gap-right-8nglyc), 1fr) min-content;
|
|
417
|
+
grid-template-rows: auto var(--awsui-notifications-gap-8nglyc) auto var(--awsui-breadcrumbs-gap-8nglyc) auto var(--awsui-header-gap-8nglyc) auto var(--awsui-main-gap-8nglyc) var(--awsui-overlap-height-8nglyc) var(--awsui-main-template-rows-8nglyc);
|
|
418
|
+
min-height: var(--awsui-content-height-8nglyc);
|
|
417
419
|
position: relative;
|
|
418
420
|
/*
|
|
419
421
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -466,125 +468,134 @@ explicitly set in script.
|
|
|
466
468
|
*/
|
|
467
469
|
}
|
|
468
470
|
@media (min-width: 1401px) {
|
|
469
|
-
.
|
|
470
|
-
--awsui-default-max-content-width-
|
|
471
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
|
|
472
|
+
--awsui-default-max-content-width-8nglyc: 1280px;
|
|
471
473
|
}
|
|
472
474
|
}
|
|
473
475
|
@media (min-width: 1921px) {
|
|
474
|
-
.
|
|
475
|
-
--awsui-default-max-content-width-
|
|
476
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
|
|
477
|
+
--awsui-default-max-content-width-8nglyc: 1440px;
|
|
476
478
|
}
|
|
477
479
|
}
|
|
478
480
|
@media (min-width: 2541px) {
|
|
479
|
-
.
|
|
480
|
-
--awsui-default-max-content-width-
|
|
481
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445) {
|
|
482
|
+
--awsui-default-max-content-width-8nglyc: 1620px;
|
|
481
483
|
}
|
|
482
484
|
}
|
|
483
485
|
@media (min-width: 1401px) {
|
|
484
|
-
.
|
|
485
|
-
--awsui-default-max-content-width-
|
|
486
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
|
|
487
|
+
--awsui-default-max-content-width-8nglyc: 1280px;
|
|
486
488
|
}
|
|
487
489
|
}
|
|
488
490
|
@media (min-width: 1921px) {
|
|
489
|
-
.
|
|
490
|
-
--awsui-default-max-content-width-
|
|
491
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
|
|
492
|
+
--awsui-default-max-content-width-8nglyc: 1620px;
|
|
491
493
|
}
|
|
492
494
|
}
|
|
493
495
|
@media (min-width: 2541px) {
|
|
494
|
-
.
|
|
495
|
-
--awsui-default-max-content-width-
|
|
496
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_kjwsu_445).awsui_content-type-dashboard_hyvsj_kjwsu_460 {
|
|
497
|
+
--awsui-default-max-content-width-8nglyc: 2160px;
|
|
496
498
|
}
|
|
497
499
|
}
|
|
498
|
-
.
|
|
499
|
-
--awsui-default-max-content-width-
|
|
500
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-max-content-width_hyvsj_kjwsu_445:not(#\9) {
|
|
501
|
+
--awsui-default-max-content-width-8nglyc: var(--awsui-max-content-width-8nglyc);
|
|
500
502
|
}
|
|
501
|
-
.
|
|
502
|
-
--awsui-overlap-height-
|
|
503
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9) {
|
|
504
|
+
--awsui-overlap-height-8nglyc: 0;
|
|
503
505
|
}
|
|
504
506
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
506
|
-
--awsui-default-min-content-width-
|
|
507
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9) {
|
|
508
|
+
--awsui-default-min-content-width-8nglyc: var(--awsui-min-content-width-8nglyc, 280px);
|
|
507
509
|
}
|
|
508
510
|
}
|
|
509
511
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
511
|
-
--awsui-default-min-content-width-
|
|
512
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9) {
|
|
513
|
+
--awsui-default-min-content-width-8nglyc: 0px;
|
|
512
514
|
}
|
|
513
515
|
}
|
|
514
|
-
.
|
|
515
|
-
--awsui-offset-top-with-notifications-
|
|
516
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
|
|
517
|
+
--awsui-offset-top-with-notifications-8nglyc: var(--awsui-header-height-8nglyc);
|
|
516
518
|
}
|
|
517
|
-
.
|
|
518
|
-
--awsui-offset-top-with-notifications-
|
|
519
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110).awsui_has-sticky-background_hyvsj_kjwsu_133 {
|
|
520
|
+
--awsui-offset-top-with-notifications-8nglyc: calc(var(--awsui-header-height-8nglyc) + var(--space-scaled-s-913kwi, 12px));
|
|
519
521
|
}
|
|
520
|
-
.
|
|
521
|
-
--awsui-offset-top-with-notifications-
|
|
522
|
-
var(--awsui-offset-top-
|
|
523
|
-
var(--awsui-notifications-height-
|
|
522
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_kjwsu_133) {
|
|
523
|
+
--awsui-offset-top-with-notifications-8nglyc: calc(
|
|
524
|
+
var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
|
|
525
|
+
var(--awsui-notifications-height-8nglyc) + var(--space-xxxs-j6dpcy, 2px)
|
|
524
526
|
);
|
|
525
527
|
}
|
|
526
|
-
.
|
|
527
|
-
--awsui-offset-top-with-notifications-
|
|
528
|
-
var(--awsui-offset-top-
|
|
529
|
-
var(--awsui-notifications-height-
|
|
528
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-sticky-notifications_hyvsj_kjwsu_110.awsui_has-sticky-background_hyvsj_kjwsu_133:not(#\9) {
|
|
529
|
+
--awsui-offset-top-with-notifications-8nglyc: calc(
|
|
530
|
+
var(--awsui-offset-top-8nglyc) + var(--awsui-notifications-gap-8nglyc) +
|
|
531
|
+
var(--awsui-notifications-height-8nglyc) + var(--space-scaled-s-913kwi, 12px)
|
|
530
532
|
);
|
|
531
533
|
}
|
|
532
534
|
@media (min-width: 689px) {
|
|
533
|
-
.
|
|
534
|
-
--awsui-content-gap-left-
|
|
535
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-left_hyvsj_kjwsu_509:not(#\9) {
|
|
536
|
+
--awsui-content-gap-left-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
535
537
|
}
|
|
536
|
-
.
|
|
537
|
-
--awsui-content-gap-right-
|
|
538
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-content-gap-right_hyvsj_kjwsu_512:not(#\9) {
|
|
539
|
+
--awsui-content-gap-right-8nglyc: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
538
540
|
}
|
|
539
541
|
}
|
|
540
542
|
@media (max-width: 688px) {
|
|
541
|
-
.
|
|
542
|
-
--awsui-content-gap-left-
|
|
543
|
-
--awsui-content-gap-right-
|
|
543
|
+
.awsui_layout_hyvsj_kjwsu_362:not(#\9) {
|
|
544
|
+
--awsui-content-gap-left-8nglyc: var(--space-l-f4l5gr, 20px);
|
|
545
|
+
--awsui-content-gap-right-8nglyc: var(--space-l-f4l5gr, 20px);
|
|
544
546
|
}
|
|
545
547
|
}
|
|
546
|
-
.
|
|
547
|
-
--awsui-notifications-gap-
|
|
548
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
|
|
549
|
+
--awsui-notifications-gap-8nglyc: var(--space-xs-edba2s, 8px);
|
|
548
550
|
}
|
|
549
|
-
.
|
|
550
|
-
--awsui-breadcrumbs-gap-
|
|
551
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9) {
|
|
552
|
+
--awsui-breadcrumbs-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
|
|
551
553
|
}
|
|
552
|
-
.
|
|
553
|
-
--awsui-header-gap-
|
|
554
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
|
|
555
|
+
--awsui-header-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
|
|
554
556
|
}
|
|
555
|
-
.
|
|
556
|
-
--awsui-header-gap-
|
|
557
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
|
|
558
|
+
--awsui-header-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
|
|
557
559
|
}
|
|
558
|
-
.
|
|
559
|
-
--awsui-main-gap-
|
|
560
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528) {
|
|
561
|
+
--awsui-main-gap-8nglyc: var(--space-xs-edba2s, 8px);
|
|
560
562
|
}
|
|
561
|
-
.
|
|
562
|
-
--awsui-
|
|
563
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
|
|
564
|
+
--awsui-container-first-gap-8nglyc: calc(var(--awsui-breadcrumbs-gap-8nglyc) - var(--awsui-main-gap-8nglyc));
|
|
563
565
|
}
|
|
564
|
-
.
|
|
565
|
-
--awsui-main-gap-
|
|
566
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528).awsui_is-overlap-disabled_hyvsj_kjwsu_477 {
|
|
567
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
|
|
566
568
|
}
|
|
567
|
-
.
|
|
568
|
-
--awsui-main-gap-
|
|
569
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-breadcrumbs_hyvsj_kjwsu_525:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
|
|
570
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-xxs-t2t62i, 4px);
|
|
569
571
|
}
|
|
570
|
-
.
|
|
571
|
-
--awsui-main-gap-
|
|
572
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_has-header_hyvsj_kjwsu_528:not(#\9) {
|
|
573
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-xl-jawob6, 24px);
|
|
574
|
+
}
|
|
575
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
|
|
576
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-xs-wbfgrv, 8px);
|
|
577
|
+
}
|
|
578
|
+
@media (min-width: 689px) {
|
|
579
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_has-header_hyvsj_kjwsu_528) {
|
|
580
|
+
--awsui-container-first-overlap-extension-8nglyc: var(--space-m-h2th94, 16px);
|
|
581
|
+
--awsui-container-first-gap-8nglyc: var(--space-xxs-ja5cp8, 4px);
|
|
582
|
+
}
|
|
572
583
|
}
|
|
573
584
|
@media (max-width: 688px) {
|
|
574
|
-
.
|
|
575
|
-
--awsui-notifications-gap-
|
|
585
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9) {
|
|
586
|
+
--awsui-notifications-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
|
|
576
587
|
}
|
|
577
|
-
.
|
|
578
|
-
--awsui-header-gap-
|
|
588
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-header_hyvsj_kjwsu_528:not(#\9) {
|
|
589
|
+
--awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
|
|
579
590
|
}
|
|
580
|
-
.
|
|
581
|
-
--awsui-header-gap-
|
|
591
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525).awsui_has-header_hyvsj_kjwsu_528 {
|
|
592
|
+
--awsui-header-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
|
|
582
593
|
}
|
|
583
|
-
.
|
|
584
|
-
--awsui-main-gap-
|
|
594
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-notifications_hyvsj_kjwsu_522:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_kjwsu_525):not(.awsui_has-header_hyvsj_kjwsu_528), .awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_kjwsu_477) {
|
|
595
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-s-913kwi, 12px);
|
|
585
596
|
}
|
|
586
|
-
.
|
|
587
|
-
--awsui-main-gap-
|
|
597
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_content-first-child-main_hyvsj_kjwsu_549.awsui_is-overlap-disabled_hyvsj_kjwsu_477:not(#\9):not(.awsui_disable-content-paddings_hyvsj_kjwsu_549) {
|
|
598
|
+
--awsui-main-gap-8nglyc: var(--space-scaled-m-gxhdpl, 16px);
|
|
588
599
|
}
|
|
589
600
|
}
|
|
590
601
|
|
|
@@ -598,21 +609,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
598
609
|
position: sticky will be the value of the notifications height in addition to the
|
|
599
610
|
notifications top margin and some additional vertical space for aesthetics.
|
|
600
611
|
*/
|
|
601
|
-
.
|
|
602
|
-
--awsui-main-template-rows-
|
|
603
|
-
--awsui-offset-top-
|
|
604
|
-
height: var(--awsui-content-height-
|
|
612
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
|
|
613
|
+
--awsui-main-template-rows-8nglyc: 1fr auto;
|
|
614
|
+
--awsui-offset-top-8nglyc: 0px;
|
|
615
|
+
height: var(--awsui-content-height-8nglyc);
|
|
605
616
|
overflow-y: scroll;
|
|
606
617
|
}
|
|
607
|
-
.
|
|
608
|
-
--awsui-main-template-rows-
|
|
618
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
|
|
619
|
+
--awsui-main-template-rows-8nglyc: repeat(2, auto);
|
|
609
620
|
}
|
|
610
|
-
.
|
|
611
|
-
--awsui-offset-top-with-notifications-
|
|
621
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_kjwsu_110) {
|
|
622
|
+
--awsui-offset-top-with-notifications-8nglyc: 0px;
|
|
612
623
|
}
|
|
613
|
-
.
|
|
614
|
-
--awsui-offset-top-with-notifications-
|
|
615
|
-
var(--awsui-notifications-height-
|
|
624
|
+
.awsui_layout_hyvsj_kjwsu_362.awsui_disable-body-scroll_hyvsj_kjwsu_191.awsui_has-sticky-notifications_hyvsj_kjwsu_110:not(#\9) {
|
|
625
|
+
--awsui-offset-top-with-notifications-8nglyc: calc(
|
|
626
|
+
var(--awsui-notifications-height-8nglyc) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
|
|
616
627
|
);
|
|
617
628
|
}
|
|
618
629
|
|
|
@@ -620,13 +631,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
620
631
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
621
632
|
when the navigation or tools drawers are open in responsive viewports.
|
|
622
633
|
*/
|
|
623
|
-
.awsui_block-body-
|
|
634
|
+
.awsui_block-body-scroll_hyvsj_kjwsu_608:not(#\9) {
|
|
624
635
|
overflow: hidden;
|
|
625
636
|
}
|
|
626
637
|
|
|
627
638
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
628
|
-
.
|
|
629
|
-
.
|
|
639
|
+
.awsui_unfocusable_hyvsj_kjwsu_613:not(#\9),
|
|
640
|
+
.awsui_unfocusable_hyvsj_kjwsu_613 *:not(#\9) {
|
|
630
641
|
visibility: hidden !important;
|
|
631
642
|
}
|
|
632
643
|
|
|
@@ -635,9 +646,9 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
646
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
636
647
|
SPDX-License-Identifier: Apache-2.0
|
|
637
648
|
*/
|
|
638
|
-
.
|
|
649
|
+
.awsui_container_hyvsj_kjwsu_623:not(#\9) {
|
|
639
650
|
grid-area: main;
|
|
640
|
-
padding-bottom: var(--space-layout-content-bottom-
|
|
651
|
+
padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
|
|
641
652
|
/*
|
|
642
653
|
If the split panel is in the bottom position additional padding will need to be
|
|
643
654
|
added to the content area. This is to ensure that the user is able to scroll
|
|
@@ -652,18 +663,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
652
663
|
on the right, we decrement the column end by one.
|
|
653
664
|
*/
|
|
654
665
|
}
|
|
655
|
-
.
|
|
656
|
-
padding-bottom: calc(var(--awsui-split-panel-height-
|
|
666
|
+
.awsui_container_hyvsj_kjwsu_623.awsui_has-split-panel_hyvsj_kjwsu_592.awsui_split-panel-position-bottom_hyvsj_kjwsu_592:not(#\9) {
|
|
667
|
+
padding-bottom: calc(var(--awsui-split-panel-height-8nglyc) + var(--space-layout-content-bottom-zwsyun, 40px));
|
|
657
668
|
}
|
|
658
|
-
.
|
|
669
|
+
.awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549:not(#\9) {
|
|
659
670
|
grid-column: 1/6;
|
|
660
671
|
padding: 0;
|
|
661
672
|
}
|
|
662
673
|
@media (min-width: 689px) {
|
|
663
|
-
.
|
|
674
|
+
.awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
|
|
664
675
|
grid-column-start: 2;
|
|
665
676
|
}
|
|
666
|
-
.
|
|
677
|
+
.awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-tools-open_hyvsj_kjwsu_651:not(#\9), .awsui_container_hyvsj_kjwsu_623.awsui_disable-content-paddings_hyvsj_kjwsu_549.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_split-panel-position-side_hyvsj_kjwsu_651:not(#\9) {
|
|
667
678
|
grid-column-end: 5;
|
|
668
679
|
}
|
|
669
680
|
}
|
|
@@ -672,47 +683,47 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
672
683
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
673
684
|
SPDX-License-Identifier: Apache-2.0
|
|
674
685
|
*/
|
|
675
|
-
section.awsui_mobile-
|
|
686
|
+
section.awsui_mobile-toolbar_hyvsj_kjwsu_660:not(#\9) {
|
|
676
687
|
align-items: center;
|
|
677
|
-
background-color: var(--color-background-home-header-
|
|
678
|
-
border-bottom: 1px solid var(--color-border-divider-default-
|
|
679
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
688
|
+
background-color: var(--color-background-home-header-qnhw1k, #000716);
|
|
689
|
+
border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
690
|
+
box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
680
691
|
box-sizing: border-box;
|
|
681
|
-
height: var(--awsui-mobile-bar-height-
|
|
692
|
+
height: var(--awsui-mobile-bar-height-8nglyc);
|
|
682
693
|
display: grid;
|
|
683
694
|
grid-area: mobileToolbar;
|
|
684
695
|
grid-column: 1/span 5;
|
|
685
696
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
686
|
-
padding: 0 var(--space-m-
|
|
697
|
+
padding: 0 var(--space-m-h2th94, 16px);
|
|
687
698
|
position: sticky;
|
|
688
|
-
top: var(--awsui-offset-top-
|
|
699
|
+
top: var(--awsui-offset-top-8nglyc);
|
|
689
700
|
z-index: 1000;
|
|
690
701
|
}
|
|
691
|
-
section.awsui_mobile-
|
|
702
|
+
section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-nav_hyvsj_kjwsu_676:not(#\9) {
|
|
692
703
|
grid-column: 1;
|
|
693
|
-
margin-right: var(--space-m-
|
|
704
|
+
margin-right: var(--space-m-h2th94, 16px);
|
|
694
705
|
}
|
|
695
|
-
section.awsui_mobile-
|
|
706
|
+
section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_kjwsu_680:not(#\9) {
|
|
696
707
|
grid-column: 2;
|
|
697
|
-
background-color: var(--color-background-layout-main-
|
|
708
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
698
709
|
}
|
|
699
|
-
section.awsui_mobile-
|
|
710
|
+
section.awsui_mobile-toolbar_hyvsj_kjwsu_660 > .awsui_mobile-toolbar-tools_hyvsj_kjwsu_684:not(#\9) {
|
|
700
711
|
grid-column: 3;
|
|
701
|
-
margin-left: var(--space-m-
|
|
712
|
+
margin-left: var(--space-m-h2th94, 16px);
|
|
702
713
|
}
|
|
703
714
|
|
|
704
715
|
/*
|
|
705
716
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
706
717
|
SPDX-License-Identifier: Apache-2.0
|
|
707
718
|
*/
|
|
708
|
-
.awsui_navigation-
|
|
709
|
-
--awsui-navigation-width-
|
|
719
|
+
.awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
|
|
720
|
+
--awsui-navigation-width-8nglyc: 280px;
|
|
710
721
|
display: flex;
|
|
711
722
|
grid-column: 1;
|
|
712
723
|
grid-row: 1/span 10;
|
|
713
|
-
height: var(--awsui-content-height-
|
|
724
|
+
height: var(--awsui-content-height-8nglyc);
|
|
714
725
|
position: sticky;
|
|
715
|
-
top: var(--awsui-offset-top-
|
|
726
|
+
top: var(--awsui-offset-top-8nglyc);
|
|
716
727
|
z-index: 830;
|
|
717
728
|
/*
|
|
718
729
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -727,12 +738,12 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
727
738
|
pointer-events: none;
|
|
728
739
|
}
|
|
729
740
|
@media (min-width: 2541px) {
|
|
730
|
-
.awsui_navigation-
|
|
731
|
-
--awsui-navigation-width-
|
|
741
|
+
.awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
|
|
742
|
+
--awsui-navigation-width-8nglyc: 320px;
|
|
732
743
|
}
|
|
733
744
|
}
|
|
734
745
|
@media (max-width: 688px) {
|
|
735
|
-
.awsui_navigation-
|
|
746
|
+
.awsui_navigation-container_hyvsj_kjwsu_693:not(#\9) {
|
|
736
747
|
left: 0;
|
|
737
748
|
position: fixed;
|
|
738
749
|
z-index: 1001;
|
|
@@ -744,19 +755,19 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
744
755
|
relative to the body.
|
|
745
756
|
*/
|
|
746
757
|
}
|
|
747
|
-
.awsui_navigation-
|
|
748
|
-
top: var(--awsui-header-height-
|
|
758
|
+
.awsui_navigation-container_hyvsj_kjwsu_693.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
|
|
759
|
+
top: var(--awsui-header-height-8nglyc);
|
|
749
760
|
}
|
|
750
761
|
}
|
|
751
762
|
|
|
752
|
-
nav.awsui_show-
|
|
753
|
-
padding: var(--space-scaled-s-
|
|
763
|
+
nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9) {
|
|
764
|
+
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
754
765
|
/*
|
|
755
766
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
756
767
|
take control in responsive viewports.
|
|
757
768
|
*/
|
|
758
769
|
}
|
|
759
|
-
@keyframes
|
|
770
|
+
@keyframes awsui_showButtons_hyvsj_kjwsu_1 {
|
|
760
771
|
0% {
|
|
761
772
|
opacity: 0;
|
|
762
773
|
}
|
|
@@ -764,33 +775,33 @@ nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9) {
|
|
|
764
775
|
opacity: 1;
|
|
765
776
|
}
|
|
766
777
|
}
|
|
767
|
-
nav.awsui_show-
|
|
778
|
+
nav.awsui_show-navigation_hyvsj_kjwsu_737.awsui_is-navigation-open_hyvsj_kjwsu_648:not(#\9) {
|
|
768
779
|
display: none;
|
|
769
780
|
}
|
|
770
781
|
@media (min-width: 689px) {
|
|
771
|
-
nav.awsui_show-
|
|
782
|
+
nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
|
|
772
783
|
display: block;
|
|
773
784
|
}
|
|
774
|
-
nav.awsui_show-
|
|
775
|
-
animation:
|
|
785
|
+
nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
|
|
786
|
+
animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
776
787
|
}
|
|
777
788
|
}
|
|
778
789
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
779
|
-
nav.awsui_show-
|
|
790
|
+
nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
|
|
780
791
|
animation: none;
|
|
781
792
|
transition: none;
|
|
782
793
|
}
|
|
783
794
|
}
|
|
784
795
|
@media (min-width: 689px) {
|
|
785
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
796
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_kjwsu_737:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648).awsui_animating_hyvsj_kjwsu_759 {
|
|
786
797
|
animation: none;
|
|
787
798
|
transition: none;
|
|
788
799
|
}
|
|
789
800
|
}
|
|
790
801
|
|
|
791
|
-
nav.
|
|
792
|
-
background-color: var(--color-background-container-content-
|
|
793
|
-
box-shadow: var(--shadow-panel-
|
|
802
|
+
nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
|
|
803
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
804
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
794
805
|
bottom: 0;
|
|
795
806
|
height: 100%;
|
|
796
807
|
overflow-x: hidden;
|
|
@@ -805,62 +816,62 @@ nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9) {
|
|
|
805
816
|
prevent unwanted text wrapping.
|
|
806
817
|
*/
|
|
807
818
|
}
|
|
808
|
-
@keyframes
|
|
819
|
+
@keyframes awsui_openNavigation_hyvsj_kjwsu_1 {
|
|
809
820
|
from {
|
|
810
821
|
opacity: 0;
|
|
811
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
822
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
812
823
|
}
|
|
813
824
|
to {
|
|
814
825
|
opacity: 1;
|
|
815
|
-
width: var(--awsui-navigation-width-
|
|
826
|
+
width: var(--awsui-navigation-width-8nglyc);
|
|
816
827
|
}
|
|
817
828
|
}
|
|
818
|
-
nav.
|
|
829
|
+
nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9):not(.awsui_is-navigation-open_hyvsj_kjwsu_648) {
|
|
819
830
|
width: 0;
|
|
820
831
|
display: none;
|
|
821
832
|
}
|
|
822
|
-
nav.
|
|
823
|
-
animation:
|
|
833
|
+
nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
834
|
+
animation: awsui_openNavigation_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
824
835
|
}
|
|
825
836
|
@media (prefers-reduced-motion: reduce) {
|
|
826
|
-
nav.
|
|
837
|
+
nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
827
838
|
animation: none;
|
|
828
839
|
transition: none;
|
|
829
840
|
}
|
|
830
841
|
}
|
|
831
|
-
.awsui-motion-disabled nav.
|
|
842
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_kjwsu_693.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
832
843
|
animation: none;
|
|
833
844
|
transition: none;
|
|
834
845
|
}
|
|
835
|
-
nav.
|
|
836
|
-
width: var(--awsui-navigation-width-
|
|
846
|
+
nav.awsui_navigation_hyvsj_kjwsu_693 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
|
|
847
|
+
width: var(--awsui-navigation-width-8nglyc);
|
|
837
848
|
}
|
|
838
849
|
@media (max-width: 688px) {
|
|
839
|
-
nav.
|
|
840
|
-
--awsui-navigation-width-
|
|
850
|
+
nav.awsui_navigation_hyvsj_kjwsu_693:not(#\9) {
|
|
851
|
+
--awsui-navigation-width-8nglyc: 100vw;
|
|
841
852
|
}
|
|
842
853
|
}
|
|
843
854
|
|
|
844
|
-
.awsui_hide-
|
|
855
|
+
.awsui_hide-navigation_hyvsj_kjwsu_829:not(#\9) {
|
|
845
856
|
position: absolute;
|
|
846
|
-
right: var(--space-m-
|
|
847
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
857
|
+
right: var(--space-m-h2th94, 16px);
|
|
858
|
+
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
848
859
|
}
|
|
849
860
|
|
|
850
861
|
/*
|
|
851
862
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
852
863
|
SPDX-License-Identifier: Apache-2.0
|
|
853
864
|
*/
|
|
854
|
-
.
|
|
855
|
-
color: var(--color-text-body-default-
|
|
865
|
+
.awsui_notifications_hyvsj_kjwsu_839:not(#\9) {
|
|
866
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
856
867
|
grid-area: notifications;
|
|
857
868
|
z-index: 850;
|
|
858
869
|
}
|
|
859
870
|
@media (min-width: 689px) {
|
|
860
|
-
.
|
|
861
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
871
|
+
.awsui_notifications_hyvsj_kjwsu_839.awsui_sticky-notifications_hyvsj_kjwsu_845:not(#\9) {
|
|
872
|
+
--awsui-flashbar-sticky-bottom-margin-8nglyc: var(--space-xxl-sgg5p8, 32px);
|
|
862
873
|
position: sticky;
|
|
863
|
-
top: calc(var(--awsui-offset-top-
|
|
874
|
+
top: calc(var(--awsui-offset-top-8nglyc) + var(--space-xs-edba2s, 8px));
|
|
864
875
|
}
|
|
865
876
|
}
|
|
866
877
|
|
|
@@ -874,13 +885,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
874
885
|
consume the remaining vertical space in the grid after the notifications
|
|
875
886
|
and breadcrumbs.
|
|
876
887
|
*/
|
|
877
|
-
section.awsui_split-panel-
|
|
888
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9) {
|
|
878
889
|
/*
|
|
879
890
|
The align self property will position the split panel at the bottom of the grid row.
|
|
880
891
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
881
892
|
*/
|
|
882
893
|
align-self: end;
|
|
883
|
-
bottom: var(--awsui-footer-height-
|
|
894
|
+
bottom: var(--awsui-footer-height-8nglyc);
|
|
884
895
|
display: none;
|
|
885
896
|
grid-column: 1/6;
|
|
886
897
|
grid-row: 10;
|
|
@@ -909,47 +920,47 @@ section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9) {
|
|
|
909
920
|
apply the animation to the height property.
|
|
910
921
|
*/
|
|
911
922
|
}
|
|
912
|
-
@keyframes
|
|
923
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_kjwsu_1 {
|
|
913
924
|
from {
|
|
914
|
-
height: var(--awsui-split-panel-reported-header-size-
|
|
925
|
+
height: var(--awsui-split-panel-reported-header-size-8nglyc, 0);
|
|
915
926
|
}
|
|
916
927
|
to {
|
|
917
|
-
height: var(--awsui-split-panel-reported-size-
|
|
928
|
+
height: var(--awsui-split-panel-reported-size-8nglyc);
|
|
918
929
|
}
|
|
919
930
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
931
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
|
|
921
932
|
bottom: 0;
|
|
922
933
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
934
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-navigation-open_hyvsj_kjwsu_648.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
|
|
924
935
|
grid-column-start: 2;
|
|
925
936
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
937
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_has-open-drawer_hyvsj_kjwsu_157.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
|
|
927
938
|
grid-column-end: 5;
|
|
928
939
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
940
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
|
|
930
941
|
display: block;
|
|
931
942
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
943
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651).awsui_position-bottom_hyvsj_kjwsu_908 {
|
|
933
944
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
934
945
|
}
|
|
935
|
-
section.awsui_split-panel-
|
|
936
|
-
box-shadow: var(--shadow-split-bottom-
|
|
946
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
|
|
947
|
+
box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
937
948
|
}
|
|
938
|
-
section.awsui_split-panel-
|
|
939
|
-
animation:
|
|
949
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
950
|
+
animation: awsui_openSplitPanelBottom_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
940
951
|
}
|
|
941
952
|
@media (prefers-reduced-motion: reduce) {
|
|
942
|
-
section.awsui_split-panel-
|
|
953
|
+
section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
943
954
|
animation: none;
|
|
944
955
|
transition: none;
|
|
945
956
|
}
|
|
946
957
|
}
|
|
947
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
958
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_kjwsu_862.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-bottom_hyvsj_kjwsu_908.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
948
959
|
animation: none;
|
|
949
960
|
transition: none;
|
|
950
961
|
}
|
|
951
962
|
|
|
952
|
-
section.awsui_split-panel-
|
|
963
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9) {
|
|
953
964
|
height: 100%;
|
|
954
965
|
overflow-x: hidden;
|
|
955
966
|
pointer-events: auto;
|
|
@@ -964,41 +975,41 @@ section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9) {
|
|
|
964
975
|
prevent unwanted text wrapping.
|
|
965
976
|
*/
|
|
966
977
|
}
|
|
967
|
-
@keyframes
|
|
978
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_kjwsu_1 {
|
|
968
979
|
from {
|
|
969
980
|
opacity: 0;
|
|
970
|
-
width: var(--awsui-split-panel-min-width-
|
|
981
|
+
width: var(--awsui-split-panel-min-width-8nglyc, 280px);
|
|
971
982
|
}
|
|
972
983
|
to {
|
|
973
984
|
opacity: 1;
|
|
974
|
-
width: var(--awsui-split-panel-reported-size-
|
|
985
|
+
width: var(--awsui-split-panel-reported-size-8nglyc);
|
|
975
986
|
}
|
|
976
987
|
}
|
|
977
|
-
section.awsui_split-panel-
|
|
988
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937:not(#\9):not(.awsui_is-split-panel-open_hyvsj_kjwsu_651), section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_position-bottom_hyvsj_kjwsu_908:not(#\9) {
|
|
978
989
|
width: 0;
|
|
979
990
|
}
|
|
980
|
-
section.awsui_split-panel-
|
|
981
|
-
box-shadow: var(--shadow-panel-
|
|
982
|
-
max-width: var(--awsui-split-panel-max-width-
|
|
983
|
-
min-width: var(--awsui-split-panel-min-width-
|
|
991
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965:not(#\9) {
|
|
992
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
993
|
+
max-width: var(--awsui-split-panel-max-width-8nglyc, 280px);
|
|
994
|
+
min-width: var(--awsui-split-panel-min-width-8nglyc, 280px);
|
|
984
995
|
}
|
|
985
|
-
section.awsui_split-panel-
|
|
986
|
-
animation:
|
|
996
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
997
|
+
animation: awsui_openSplitPanelSide_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
987
998
|
}
|
|
988
999
|
@media (prefers-reduced-motion: reduce) {
|
|
989
|
-
section.awsui_split-panel-
|
|
1000
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
990
1001
|
animation: none;
|
|
991
1002
|
transition: none;
|
|
992
1003
|
}
|
|
993
1004
|
}
|
|
994
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1005
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_kjwsu_937.awsui_is-split-panel-open_hyvsj_kjwsu_651.awsui_position-side_hyvsj_kjwsu_965.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
995
1006
|
animation: none;
|
|
996
1007
|
transition: none;
|
|
997
1008
|
}
|
|
998
|
-
section.awsui_split-panel-
|
|
1009
|
+
section.awsui_split-panel-side_hyvsj_kjwsu_937 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
|
|
999
1010
|
height: 100%;
|
|
1000
1011
|
max-width: inherit;
|
|
1001
|
-
width: var(--awsui-split-panel-reported-size-
|
|
1012
|
+
width: var(--awsui-split-panel-reported-size-8nglyc);
|
|
1002
1013
|
}
|
|
1003
1014
|
|
|
1004
1015
|
/*
|
|
@@ -1014,30 +1025,30 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1014
1025
|
property. The content gap right is computed in the Layout styles based on the
|
|
1015
1026
|
viewport size and state of the Tools drawer.
|
|
1016
1027
|
*/
|
|
1017
|
-
.awsui_tools-
|
|
1028
|
+
.awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
|
|
1018
1029
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1019
|
-
--awsui-tools-max-width-
|
|
1030
|
+
--awsui-tools-max-width-8nglyc: calc(var(--awsui-layout-width-8nglyc) - var(--awsui-main-offset-left-8nglyc) - var(--awsui-default-min-content-width-8nglyc) - var(--awsui-content-gap-right-8nglyc));
|
|
1020
1031
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
1021
|
-
--awsui-tools-width-
|
|
1032
|
+
--awsui-tools-width-8nglyc: 290px;
|
|
1022
1033
|
display: flex;
|
|
1023
1034
|
grid-column: 5;
|
|
1024
1035
|
grid-row: 1/span 10;
|
|
1025
|
-
height: var(--awsui-content-height-
|
|
1026
|
-
max-width: var(--awsui-tools-max-width-
|
|
1036
|
+
height: var(--awsui-content-height-8nglyc);
|
|
1037
|
+
max-width: var(--awsui-tools-max-width-8nglyc);
|
|
1027
1038
|
position: sticky;
|
|
1028
|
-
top: var(--awsui-offset-top-
|
|
1039
|
+
top: var(--awsui-offset-top-8nglyc);
|
|
1029
1040
|
z-index: 830;
|
|
1030
1041
|
pointer-events: none;
|
|
1031
1042
|
}
|
|
1032
1043
|
@media (min-width: 2541px) {
|
|
1033
|
-
.awsui_tools-
|
|
1034
|
-
--awsui-tools-width-
|
|
1044
|
+
.awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
|
|
1045
|
+
--awsui-tools-width-8nglyc: 360px;
|
|
1035
1046
|
}
|
|
1036
1047
|
}
|
|
1037
1048
|
@media (max-width: 688px) {
|
|
1038
|
-
.awsui_tools-
|
|
1039
|
-
--awsui-tools-max-width-
|
|
1040
|
-
--awsui-tools-width-
|
|
1049
|
+
.awsui_tools-container_hyvsj_kjwsu_1002:not(#\9) {
|
|
1050
|
+
--awsui-tools-max-width-8nglyc: none;
|
|
1051
|
+
--awsui-tools-width-8nglyc: auto;
|
|
1041
1052
|
position: fixed;
|
|
1042
1053
|
right: 0;
|
|
1043
1054
|
z-index: 1001;
|
|
@@ -1049,14 +1060,14 @@ viewport size and state of the Tools drawer.
|
|
|
1049
1060
|
relative to the body.
|
|
1050
1061
|
*/
|
|
1051
1062
|
}
|
|
1052
|
-
.awsui_tools-
|
|
1053
|
-
top: var(--awsui-header-height-
|
|
1063
|
+
.awsui_tools-container_hyvsj_kjwsu_1002.awsui_disable-body-scroll_hyvsj_kjwsu_191:not(#\9) {
|
|
1064
|
+
top: var(--awsui-header-height-8nglyc);
|
|
1054
1065
|
}
|
|
1055
1066
|
}
|
|
1056
1067
|
|
|
1057
|
-
.
|
|
1058
|
-
background-color: var(--color-background-container-content-
|
|
1059
|
-
box-shadow: var(--shadow-panel-
|
|
1068
|
+
.awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
|
|
1069
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1070
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1060
1071
|
flex-shrink: 0;
|
|
1061
1072
|
height: 100%;
|
|
1062
1073
|
overflow-y: auto;
|
|
@@ -1077,51 +1088,51 @@ viewport size and state of the Tools drawer.
|
|
|
1077
1088
|
in the side position.
|
|
1078
1089
|
*/
|
|
1079
1090
|
}
|
|
1080
|
-
@keyframes
|
|
1091
|
+
@keyframes awsui_openTools_hyvsj_kjwsu_1 {
|
|
1081
1092
|
from {
|
|
1082
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1083
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
1093
|
+
opacity: var(--awsui-tools-animation-starting-opacity-8nglyc, 0);
|
|
1094
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
1084
1095
|
}
|
|
1085
1096
|
to {
|
|
1086
1097
|
opacity: 1;
|
|
1087
|
-
width: var(--awsui-tools-width-
|
|
1098
|
+
width: var(--awsui-tools-width-8nglyc);
|
|
1088
1099
|
}
|
|
1089
1100
|
}
|
|
1090
|
-
.
|
|
1101
|
+
.awsui_tools_hyvsj_kjwsu_1002:not(#\9):not(.awsui_is-tools-open_hyvsj_kjwsu_651) {
|
|
1091
1102
|
width: 0;
|
|
1092
1103
|
display: none;
|
|
1093
1104
|
}
|
|
1094
|
-
.
|
|
1095
|
-
animation:
|
|
1105
|
+
.awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1106
|
+
animation: awsui_openTools_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1096
1107
|
}
|
|
1097
1108
|
@media (prefers-reduced-motion: reduce) {
|
|
1098
|
-
.
|
|
1109
|
+
.awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1099
1110
|
animation: none;
|
|
1100
1111
|
transition: none;
|
|
1101
1112
|
}
|
|
1102
1113
|
}
|
|
1103
|
-
.awsui-motion-disabled .
|
|
1114
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1104
1115
|
animation: none;
|
|
1105
1116
|
transition: none;
|
|
1106
1117
|
}
|
|
1107
|
-
.
|
|
1108
|
-
width: var(--awsui-tools-width-
|
|
1118
|
+
.awsui_tools_hyvsj_kjwsu_1002 > .awsui_animated-content_hyvsj_kjwsu_820:not(#\9) {
|
|
1119
|
+
width: var(--awsui-tools-width-8nglyc);
|
|
1109
1120
|
}
|
|
1110
1121
|
@media (min-width: 689px) {
|
|
1111
|
-
.
|
|
1112
|
-
border-right: var(--border-divider-section-width-
|
|
1122
|
+
.awsui_tools_hyvsj_kjwsu_1002.awsui_is-tools-open_hyvsj_kjwsu_651.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
|
|
1123
|
+
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
1113
1124
|
}
|
|
1114
1125
|
}
|
|
1115
1126
|
@media (max-width: 688px) {
|
|
1116
|
-
.
|
|
1117
|
-
--awsui-tools-width-
|
|
1127
|
+
.awsui_tools_hyvsj_kjwsu_1002:not(#\9) {
|
|
1128
|
+
--awsui-tools-width-8nglyc: 100vw;
|
|
1118
1129
|
}
|
|
1119
1130
|
}
|
|
1120
1131
|
|
|
1121
|
-
.awsui_hide-
|
|
1132
|
+
.awsui_hide-tools_hyvsj_kjwsu_1106:not(#\9) {
|
|
1122
1133
|
position: absolute;
|
|
1123
|
-
right: var(--space-m-
|
|
1124
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
1134
|
+
right: var(--space-m-h2th94, 16px);
|
|
1135
|
+
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
1125
1136
|
z-index: 1;
|
|
1126
1137
|
}
|
|
1127
1138
|
|
|
@@ -1130,7 +1141,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1130
1141
|
the calculation used to determine the Split Panel maximum width in the
|
|
1131
1142
|
handleSplitPanelMaxWidth function in the context.
|
|
1132
1143
|
*/
|
|
1133
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_kjwsu_1118:not(#\9) {
|
|
1134
1145
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1135
1146
|
border-collapse: separate;
|
|
1136
1147
|
border-spacing: 0;
|
|
@@ -1160,21 +1171,21 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1160
1171
|
widows: 2;
|
|
1161
1172
|
word-spacing: normal;
|
|
1162
1173
|
box-sizing: border-box;
|
|
1163
|
-
font-size: var(--font-body-m-size-
|
|
1164
|
-
line-height: var(--font-body-m-line-height-
|
|
1165
|
-
color: var(--color-text-body-default-
|
|
1174
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
1175
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
1176
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
1166
1177
|
font-weight: 400;
|
|
1167
|
-
font-family: var(--font-family-base-
|
|
1178
|
+
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1168
1179
|
-webkit-font-smoothing: auto;
|
|
1169
1180
|
-moz-osx-font-smoothing: auto;
|
|
1170
1181
|
box-sizing: border-box;
|
|
1171
|
-
padding: var(--space-scaled-s-
|
|
1182
|
+
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
1172
1183
|
/*
|
|
1173
1184
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
1174
1185
|
take control in responsive viewports.
|
|
1175
1186
|
*/
|
|
1176
1187
|
}
|
|
1177
|
-
@keyframes
|
|
1188
|
+
@keyframes awsui_showButtons_hyvsj_kjwsu_1 {
|
|
1178
1189
|
0% {
|
|
1179
1190
|
opacity: 0;
|
|
1180
1191
|
}
|
|
@@ -1182,34 +1193,34 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1182
1193
|
opacity: 1;
|
|
1183
1194
|
}
|
|
1184
1195
|
}
|
|
1185
|
-
.awsui_show-
|
|
1196
|
+
.awsui_show-tools_hyvsj_kjwsu_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_kjwsu_1096) {
|
|
1186
1197
|
display: none;
|
|
1187
1198
|
}
|
|
1188
1199
|
@media (min-width: 689px) {
|
|
1189
|
-
.awsui_show-
|
|
1200
|
+
.awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096:not(#\9) {
|
|
1190
1201
|
display: flex;
|
|
1191
1202
|
flex-direction: column;
|
|
1192
|
-
gap: var(--space-xs-
|
|
1203
|
+
gap: var(--space-xs-edba2s, 8px);
|
|
1193
1204
|
}
|
|
1194
|
-
.awsui_show-
|
|
1195
|
-
animation:
|
|
1205
|
+
.awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1206
|
+
animation: awsui_showButtons_hyvsj_kjwsu_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1196
1207
|
}
|
|
1197
1208
|
}
|
|
1198
1209
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1199
|
-
.awsui_show-
|
|
1210
|
+
.awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1200
1211
|
animation: none;
|
|
1201
1212
|
transition: none;
|
|
1202
1213
|
}
|
|
1203
1214
|
}
|
|
1204
1215
|
@media (min-width: 689px) {
|
|
1205
|
-
.awsui-motion-disabled .awsui_show-
|
|
1216
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form_hyvsj_kjwsu_1096.awsui_animating_hyvsj_kjwsu_759:not(#\9) {
|
|
1206
1217
|
animation: none;
|
|
1207
1218
|
transition: none;
|
|
1208
1219
|
}
|
|
1209
1220
|
}
|
|
1210
1221
|
@media (min-width: 689px) {
|
|
1211
|
-
.awsui_show-
|
|
1212
|
-
background-color: var(--color-background-container-content-
|
|
1222
|
+
.awsui_show-tools_hyvsj_kjwsu_1118.awsui_has-tools-form-persistence_hyvsj_kjwsu_1096:not(#\9) {
|
|
1223
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1213
1224
|
z-index: 1;
|
|
1214
1225
|
}
|
|
1215
1226
|
}
|
|
@@ -1223,26 +1234,26 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1223
1234
|
the calculation used to determine the Split Panel maximum width in the
|
|
1224
1235
|
handleSplitPanelMaxWidth function in the context.
|
|
1225
1236
|
*/
|
|
1226
|
-
.
|
|
1227
|
-
background: var(--color-background-layout-toggle-default-
|
|
1237
|
+
.awsui_trigger_hyvsj_kjwsu_1185:not(#\9) {
|
|
1238
|
+
background: var(--color-background-layout-toggle-default-q41mj7, #192534);
|
|
1228
1239
|
border: none;
|
|
1229
1240
|
border-radius: 50%;
|
|
1230
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
1231
|
-
color: var(--color-text-layout-toggle-
|
|
1241
|
+
box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1242
|
+
color: var(--color-text-layout-toggle-76lxyf, #ffffff);
|
|
1232
1243
|
cursor: pointer;
|
|
1233
|
-
height: var(--space-layout-toggle-diameter-
|
|
1234
|
-
padding: 0 var(--space-s-
|
|
1244
|
+
height: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1245
|
+
padding: 0 var(--space-s-hdd878, 12px);
|
|
1235
1246
|
pointer-events: auto;
|
|
1236
|
-
width: var(--space-layout-toggle-diameter-
|
|
1247
|
+
width: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1237
1248
|
}
|
|
1238
|
-
body[data-awsui-focus-visible=true] .
|
|
1249
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
|
|
1239
1250
|
position: relative;
|
|
1240
1251
|
}
|
|
1241
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
|
|
1242
1253
|
outline: 2px dotted transparent;
|
|
1243
1254
|
outline-offset: calc(3px - 1px);
|
|
1244
1255
|
}
|
|
1245
|
-
body[data-awsui-focus-visible=true] .
|
|
1256
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus::before {
|
|
1246
1257
|
content: " ";
|
|
1247
1258
|
display: block;
|
|
1248
1259
|
position: absolute;
|
|
@@ -1250,27 +1261,27 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):foc
|
|
|
1250
1261
|
top: calc(-1 * 3px);
|
|
1251
1262
|
width: calc(100% + 2 * 3px);
|
|
1252
1263
|
height: calc(100% + 2 * 3px);
|
|
1253
|
-
border-radius: var(--border-radius-control-default-focus-ring-
|
|
1254
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
1264
|
+
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
1265
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
1255
1266
|
}
|
|
1256
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_kjwsu_1185:not(#\9):focus {
|
|
1257
1268
|
outline: none;
|
|
1258
1269
|
}
|
|
1259
|
-
.
|
|
1260
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1270
|
+
.awsui_trigger_hyvsj_kjwsu_1185:not(#\9):hover {
|
|
1271
|
+
background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
|
|
1261
1272
|
}
|
|
1262
|
-
.
|
|
1263
|
-
background: var(--color-background-layout-toggle-active-
|
|
1273
|
+
.awsui_trigger_hyvsj_kjwsu_1185:not(#\9):active {
|
|
1274
|
+
background: var(--color-background-layout-toggle-active-csmprm, #354150);
|
|
1264
1275
|
}
|
|
1265
|
-
.
|
|
1266
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1267
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1276
|
+
.awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9) {
|
|
1277
|
+
background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
|
|
1278
|
+
color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
|
|
1268
1279
|
}
|
|
1269
|
-
.
|
|
1270
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1280
|
+
.awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):hover {
|
|
1281
|
+
background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
|
|
1271
1282
|
}
|
|
1272
|
-
.
|
|
1273
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1283
|
+
.awsui_trigger_hyvsj_kjwsu_1185.awsui_selected_hyvsj_kjwsu_1224:not(#\9):active {
|
|
1284
|
+
background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
|
|
1274
1285
|
}
|
|
1275
1286
|
|
|
1276
1287
|
/*
|