@cloudscape-design/components 3.0.302 → 3.0.303
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 +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 +265 -265
- 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/styles.css.js +6 -6
- package/content-layout/styles.scoped.css +14 -14
- package/content-layout/styles.selectors.js +6 -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 +246 -246
- 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/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_dt7gs_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_dt7gs_93 > .awsui_scrolling-background_hyvsj_dt7gs_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_dt7gs_93 > .awsui_sticky-background_hyvsj_dt7gs_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
107
|
top: var(--awsui-header-height-en6003);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
111
|
-
height: calc(var(--space-scaled-s-
|
|
110
|
+
div.awsui_background_hyvsj_dt7gs_93 > .awsui_sticky-background_hyvsj_dt7gs_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_dt7gs_110) {
|
|
111
|
+
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-en6003));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_dt7gs_93 > .awsui_sticky-background_hyvsj_dt7gs_102.awsui_has-sticky-notifications_hyvsj_dt7gs_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
|
-
var(--awsui-notifications-gap-en6003) + var(--awsui-notifications-height-en6003) + var(--space-s-
|
|
115
|
+
var(--awsui-notifications-gap-en6003) + var(--awsui-notifications-height-en6003) + var(--space-s-hdd878, 12px) + var(--awsui-overlap-height-en6003)
|
|
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_dt7gs_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_dt7gs_123.awsui_has-sticky-background_hyvsj_dt7gs_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ 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_dt7gs_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_tfl2k_93 > .awsui_sticky-background_hyvsj_tfl2k_102.a
|
|
|
152
152
|
position: sticky;
|
|
153
153
|
top: var(--awsui-offset-top-en6003);
|
|
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_dt7gs_145.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_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_dt7gs_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_dt7gs_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_dt7gs_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-en6003) - var(--awsui-main-offset-left-en6003) - var(--awsui-default-min-content-width-en6003) - var(--awsui-content-gap-right-en6003));
|
|
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_dt7gs_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-
|
|
191
|
+
.awsui_drawers-container_hyvsj_dt7gs_145.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-en6003);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_dt7gs_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,125 +237,125 @@ 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_dt7gs_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214).awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196.awsui_has-multiple-triggers_hyvsj_dt7gs_214.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196.awsui_has-multiple-triggers_hyvsj_dt7gs_214.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196.awsui_has-multiple-triggers_hyvsj_dt7gs_214.awsui_has-open-drawer_hyvsj_dt7gs_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_dt7gs_196.awsui_has-multiple-triggers_hyvsj_dt7gs_214.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_dt7gs_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_157) {
|
|
268
268
|
animation: none;
|
|
269
269
|
transition: none;
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
272
|
+
.awsui_drawers-trigger-content_hyvsj_dt7gs_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_dt7gs_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214).awsui_has-open-drawer_hyvsj_dt7gs_157 {
|
|
281
281
|
opacity: 0;
|
|
282
282
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
283
|
+
.awsui_drawers-trigger-content_hyvsj_dt7gs_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_dt7gs_246:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_dt7gs_214):not(.awsui_has-open-drawer_hyvsj_dt7gs_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_dt7gs_246:not(#\9) {
|
|
301
301
|
width: 40px;
|
|
302
302
|
text-align: right;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
-
.
|
|
306
|
+
.awsui_drawer_hyvsj_dt7gs_145:not(#\9) {
|
|
307
307
|
--awsui-active-drawer-width-en6003: 290px;
|
|
308
|
-
background-color: var(--color-background-container-content-
|
|
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_dt7gs_145 > .awsui_drawer-close-button_hyvsj_dt7gs_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_dt7gs_145 > .awsui_drawer-content_hyvsj_dt7gs_302:not(#\9) {
|
|
329
329
|
grid-column: 1/span 3;
|
|
330
330
|
grid-row: 1/span 3;
|
|
331
331
|
width: var(--awsui-active-drawer-width-en6003);
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_dt7gs_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_dt7gs_307) {
|
|
334
334
|
opacity: 0;
|
|
335
335
|
width: 0;
|
|
336
336
|
}
|
|
337
|
-
.
|
|
338
|
-
border-right: var(--border-divider-section-width-
|
|
337
|
+
.awsui_drawer_hyvsj_dt7gs_145.awsui_is-drawer-open_hyvsj_dt7gs_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
340
|
width: var(--awsui-active-drawer-width-en6003);
|
|
341
341
|
}
|
|
342
342
|
@media (prefers-reduced-motion: reduce) {
|
|
343
|
-
.
|
|
343
|
+
.awsui_drawer_hyvsj_dt7gs_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_dt7gs_145:not(#\9), .awsui-mode-entering .awsui_drawer_hyvsj_dt7gs_145:not(#\9) {
|
|
349
349
|
animation: none;
|
|
350
350
|
transition: none;
|
|
351
351
|
}
|
|
352
352
|
@media (min-width: 2541px) {
|
|
353
|
-
.
|
|
353
|
+
.awsui_drawer_hyvsj_dt7gs_145.awsui_is-drawer-open_hyvsj_dt7gs_307:not(#\9) {
|
|
354
354
|
--awsui-active-drawer-width-en6003: 320px;
|
|
355
355
|
}
|
|
356
356
|
}
|
|
357
357
|
@media (max-width: 688px) {
|
|
358
|
-
.
|
|
358
|
+
.awsui_drawer_hyvsj_dt7gs_145.awsui_is-drawer-open_hyvsj_dt7gs_307:not(#\9) {
|
|
359
359
|
--awsui-active-drawer-width-en6003: 100vw;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
@@ -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_dt7gs_341:not(#\9) {
|
|
368
368
|
grid-area: header;
|
|
369
369
|
}
|
|
370
370
|
|
|
@@ -385,7 +385,7 @@ 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
|
-
.
|
|
388
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9) {
|
|
389
389
|
--awsui-breadcrumbs-gap-en6003: 0px;
|
|
390
390
|
--awsui-content-gap-left-en6003: 0px;
|
|
391
391
|
--awsui-content-gap-right-en6003: 0px;
|
|
@@ -401,14 +401,14 @@ explicitly set in script.
|
|
|
401
401
|
--awsui-main-template-rows-en6003: 1fr;
|
|
402
402
|
--awsui-max-content-width-en6003: 0px;
|
|
403
403
|
--awsui-min-content-width-en6003: 280px;
|
|
404
|
-
--awsui-mobile-bar-height-en6003: calc(2 * var(--space-m-
|
|
404
|
+
--awsui-mobile-bar-height-en6003: calc(2 * var(--space-m-h2th94, 16px) + var(--space-scaled-xs-wbfgrv, 8px));
|
|
405
405
|
--awsui-notifications-gap-en6003: 0px;
|
|
406
406
|
--awsui-notifications-height-en6003: 0px;
|
|
407
407
|
--awsui-offset-top-en6003: var(--awsui-header-height-en6003);
|
|
408
408
|
--awsui-offset-top-with-notifications-en6003: 0px;
|
|
409
|
-
--awsui-overlap-height-en6003: 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-en6003: var(--space-dark-header-overlap-distance-l9lxfl, 36px);
|
|
410
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
411
|
+
color: var(--color-text-body-default-mmvcvg, #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-en6003), 1fr) minmax(var(--awsui-default-min-content-width-en6003), var(--awsui-default-max-content-width-en6003)) minmax(var(--awsui-content-gap-right-en6003), 1fr) min-content;
|
|
@@ -466,125 +466,125 @@ explicitly set in script.
|
|
|
466
466
|
*/
|
|
467
467
|
}
|
|
468
468
|
@media (min-width: 1401px) {
|
|
469
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443) {
|
|
470
470
|
--awsui-default-max-content-width-en6003: 1280px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
473
|
@media (min-width: 1921px) {
|
|
474
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443) {
|
|
475
475
|
--awsui-default-max-content-width-en6003: 1440px;
|
|
476
476
|
}
|
|
477
477
|
}
|
|
478
478
|
@media (min-width: 2541px) {
|
|
479
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443) {
|
|
480
480
|
--awsui-default-max-content-width-en6003: 1620px;
|
|
481
481
|
}
|
|
482
482
|
}
|
|
483
483
|
@media (min-width: 1401px) {
|
|
484
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443).awsui_content-type-dashboard_hyvsj_dt7gs_458 {
|
|
485
485
|
--awsui-default-max-content-width-en6003: 1280px;
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
@media (min-width: 1921px) {
|
|
489
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443).awsui_content-type-dashboard_hyvsj_dt7gs_458 {
|
|
490
490
|
--awsui-default-max-content-width-en6003: 1620px;
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
@media (min-width: 2541px) {
|
|
494
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-max-content-width_hyvsj_dt7gs_443).awsui_content-type-dashboard_hyvsj_dt7gs_458 {
|
|
495
495
|
--awsui-default-max-content-width-en6003: 2160px;
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-max-content-width_hyvsj_dt7gs_443:not(#\9) {
|
|
499
499
|
--awsui-default-max-content-width-en6003: var(--awsui-max-content-width-en6003);
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_is-overlap-disabled_hyvsj_dt7gs_475:not(#\9) {
|
|
502
502
|
--awsui-overlap-height-en6003: 0;
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9) {
|
|
506
506
|
--awsui-default-min-content-width-en6003: var(--awsui-min-content-width-en6003, 280px);
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9) {
|
|
511
511
|
--awsui-default-min-content-width-en6003: 0px;
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_dt7gs_110):not(.awsui_has-sticky-background_hyvsj_dt7gs_133) {
|
|
515
515
|
--awsui-offset-top-with-notifications-en6003: var(--awsui-header-height-en6003);
|
|
516
516
|
}
|
|
517
|
-
.
|
|
518
|
-
--awsui-offset-top-with-notifications-en6003: calc(var(--awsui-header-height-en6003) + var(--space-scaled-s-
|
|
517
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_dt7gs_110).awsui_has-sticky-background_hyvsj_dt7gs_133 {
|
|
518
|
+
--awsui-offset-top-with-notifications-en6003: calc(var(--awsui-header-height-en6003) + var(--space-scaled-s-913kwi, 12px));
|
|
519
519
|
}
|
|
520
|
-
.
|
|
520
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-sticky-notifications_hyvsj_dt7gs_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_dt7gs_133) {
|
|
521
521
|
--awsui-offset-top-with-notifications-en6003: calc(
|
|
522
522
|
var(--awsui-offset-top-en6003) + var(--awsui-notifications-gap-en6003) +
|
|
523
|
-
var(--awsui-notifications-height-en6003) + var(--space-xxxs-
|
|
523
|
+
var(--awsui-notifications-height-en6003) + var(--space-xxxs-j6dpcy, 2px)
|
|
524
524
|
);
|
|
525
525
|
}
|
|
526
|
-
.
|
|
526
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-sticky-notifications_hyvsj_dt7gs_110.awsui_has-sticky-background_hyvsj_dt7gs_133:not(#\9) {
|
|
527
527
|
--awsui-offset-top-with-notifications-en6003: calc(
|
|
528
528
|
var(--awsui-offset-top-en6003) + var(--awsui-notifications-gap-en6003) +
|
|
529
|
-
var(--awsui-notifications-height-en6003) + var(--space-scaled-s-
|
|
529
|
+
var(--awsui-notifications-height-en6003) + var(--space-scaled-s-913kwi, 12px)
|
|
530
530
|
);
|
|
531
531
|
}
|
|
532
532
|
@media (min-width: 689px) {
|
|
533
|
-
.
|
|
534
|
-
--awsui-content-gap-left-en6003: var(--space-scaled-2x-xxxl-
|
|
533
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-content-gap-left_hyvsj_dt7gs_507:not(#\9) {
|
|
534
|
+
--awsui-content-gap-left-en6003: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
535
535
|
}
|
|
536
|
-
.
|
|
537
|
-
--awsui-content-gap-right-en6003: var(--space-scaled-2x-xxxl-
|
|
536
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-content-gap-right_hyvsj_dt7gs_510:not(#\9) {
|
|
537
|
+
--awsui-content-gap-right-en6003: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
538
538
|
}
|
|
539
539
|
}
|
|
540
540
|
@media (max-width: 688px) {
|
|
541
|
-
.
|
|
542
|
-
--awsui-content-gap-left-en6003: var(--space-l-
|
|
543
|
-
--awsui-content-gap-right-en6003: var(--space-l-
|
|
541
|
+
.awsui_layout_hyvsj_dt7gs_362:not(#\9) {
|
|
542
|
+
--awsui-content-gap-left-en6003: var(--space-l-f4l5gr, 20px);
|
|
543
|
+
--awsui-content-gap-right-en6003: var(--space-l-f4l5gr, 20px);
|
|
544
544
|
}
|
|
545
545
|
}
|
|
546
|
-
.
|
|
547
|
-
--awsui-notifications-gap-en6003: var(--space-xs-
|
|
546
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9) {
|
|
547
|
+
--awsui-notifications-gap-en6003: var(--space-xs-edba2s, 8px);
|
|
548
548
|
}
|
|
549
|
-
.
|
|
550
|
-
--awsui-breadcrumbs-gap-en6003: var(--space-scaled-m-
|
|
549
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-breadcrumbs_hyvsj_dt7gs_523:not(#\9) {
|
|
550
|
+
--awsui-breadcrumbs-gap-en6003: var(--space-scaled-m-gxhdpl, 16px);
|
|
551
551
|
}
|
|
552
|
-
.
|
|
553
|
-
--awsui-header-gap-en6003: var(--space-scaled-xs-
|
|
552
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-header_hyvsj_dt7gs_526:not(#\9), .awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_dt7gs_523).awsui_has-header_hyvsj_dt7gs_526 {
|
|
553
|
+
--awsui-header-gap-en6003: var(--space-scaled-xs-wbfgrv, 8px);
|
|
554
554
|
}
|
|
555
|
-
.
|
|
556
|
-
--awsui-header-gap-en6003: var(--space-scaled-xxs-
|
|
555
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-breadcrumbs_hyvsj_dt7gs_523.awsui_has-header_hyvsj_dt7gs_526:not(#\9) {
|
|
556
|
+
--awsui-header-gap-en6003: var(--space-scaled-xxs-t2t62i, 4px);
|
|
557
557
|
}
|
|
558
|
-
.
|
|
559
|
-
--awsui-main-gap-en6003: var(--space-xs-
|
|
558
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_dt7gs_523):not(.awsui_has-header_hyvsj_dt7gs_526) {
|
|
559
|
+
--awsui-main-gap-en6003: var(--space-xs-edba2s, 8px);
|
|
560
560
|
}
|
|
561
|
-
.
|
|
562
|
-
--awsui-main-gap-en6003: var(--space-scaled-m-
|
|
561
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-breadcrumbs_hyvsj_dt7gs_523:not(#\9):not(.awsui_has-header_hyvsj_dt7gs_526).awsui_is-overlap-disabled_hyvsj_dt7gs_475 {
|
|
562
|
+
--awsui-main-gap-en6003: var(--space-scaled-m-gxhdpl, 16px);
|
|
563
563
|
}
|
|
564
|
-
.
|
|
565
|
-
--awsui-main-gap-en6003: var(--space-scaled-xxs-
|
|
564
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-breadcrumbs_hyvsj_dt7gs_523:not(#\9):not(.awsui_has-header_hyvsj_dt7gs_526):not(.awsui_is-overlap-disabled_hyvsj_dt7gs_475) {
|
|
565
|
+
--awsui-main-gap-en6003: var(--space-scaled-xxs-t2t62i, 4px);
|
|
566
566
|
}
|
|
567
|
-
.
|
|
568
|
-
--awsui-main-gap-en6003: var(--space-scaled-xl-
|
|
567
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_has-header_hyvsj_dt7gs_526:not(#\9) {
|
|
568
|
+
--awsui-main-gap-en6003: var(--space-scaled-xl-jawob6, 24px);
|
|
569
569
|
}
|
|
570
|
-
.
|
|
571
|
-
--awsui-main-gap-en6003: var(--space-scaled-xs-
|
|
570
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-main_hyvsj_dt7gs_544:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_dt7gs_475), .awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-main_hyvsj_dt7gs_544.awsui_is-overlap-disabled_hyvsj_dt7gs_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_dt7gs_544) {
|
|
571
|
+
--awsui-main-gap-en6003: var(--space-scaled-xs-wbfgrv, 8px);
|
|
572
572
|
}
|
|
573
573
|
@media (max-width: 688px) {
|
|
574
|
-
.
|
|
575
|
-
--awsui-notifications-gap-en6003: var(--space-scaled-s-
|
|
574
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9) {
|
|
575
|
+
--awsui-notifications-gap-en6003: var(--space-scaled-s-913kwi, 12px);
|
|
576
576
|
}
|
|
577
|
-
.
|
|
578
|
-
--awsui-header-gap-en6003: var(--space-scaled-s-
|
|
577
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-header_hyvsj_dt7gs_526:not(#\9) {
|
|
578
|
+
--awsui-header-gap-en6003: var(--space-scaled-s-913kwi, 12px);
|
|
579
579
|
}
|
|
580
|
-
.
|
|
581
|
-
--awsui-header-gap-en6003: var(--space-scaled-s-
|
|
580
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_dt7gs_523).awsui_has-header_hyvsj_dt7gs_526 {
|
|
581
|
+
--awsui-header-gap-en6003: var(--space-scaled-s-913kwi, 12px);
|
|
582
582
|
}
|
|
583
|
-
.
|
|
584
|
-
--awsui-main-gap-en6003: var(--space-scaled-s-
|
|
583
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-notifications_hyvsj_dt7gs_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_dt7gs_523):not(.awsui_has-header_hyvsj_dt7gs_526), .awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-main_hyvsj_dt7gs_544:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_dt7gs_475) {
|
|
584
|
+
--awsui-main-gap-en6003: var(--space-scaled-s-913kwi, 12px);
|
|
585
585
|
}
|
|
586
|
-
.
|
|
587
|
-
--awsui-main-gap-en6003: var(--space-scaled-m-
|
|
586
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_content-first-child-main_hyvsj_dt7gs_544.awsui_is-overlap-disabled_hyvsj_dt7gs_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_dt7gs_544) {
|
|
587
|
+
--awsui-main-gap-en6003: var(--space-scaled-m-gxhdpl, 16px);
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
590
|
|
|
@@ -598,21 +598,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
598
598
|
position: sticky will be the value of the notifications height in addition to the
|
|
599
599
|
notifications top margin and some additional vertical space for aesthetics.
|
|
600
600
|
*/
|
|
601
|
-
.
|
|
601
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9) {
|
|
602
602
|
--awsui-main-template-rows-en6003: 1fr auto;
|
|
603
603
|
--awsui-offset-top-en6003: 0px;
|
|
604
604
|
height: var(--awsui-content-height-en6003);
|
|
605
605
|
overflow-y: scroll;
|
|
606
606
|
}
|
|
607
|
-
.
|
|
607
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_disable-body-scroll_hyvsj_dt7gs_191.awsui_has-split-panel_hyvsj_dt7gs_581.awsui_split-panel-position-bottom_hyvsj_dt7gs_581:not(#\9) {
|
|
608
608
|
--awsui-main-template-rows-en6003: repeat(2, auto);
|
|
609
609
|
}
|
|
610
|
-
.
|
|
610
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_dt7gs_110) {
|
|
611
611
|
--awsui-offset-top-with-notifications-en6003: 0px;
|
|
612
612
|
}
|
|
613
|
-
.
|
|
613
|
+
.awsui_layout_hyvsj_dt7gs_362.awsui_disable-body-scroll_hyvsj_dt7gs_191.awsui_has-sticky-notifications_hyvsj_dt7gs_110:not(#\9) {
|
|
614
614
|
--awsui-offset-top-with-notifications-en6003: calc(
|
|
615
|
-
var(--awsui-notifications-height-en6003) + var(--space-xs-
|
|
615
|
+
var(--awsui-notifications-height-en6003) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
|
|
616
616
|
);
|
|
617
617
|
}
|
|
618
618
|
|
|
@@ -620,13 +620,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
620
620
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
621
621
|
when the navigation or tools drawers are open in responsive viewports.
|
|
622
622
|
*/
|
|
623
|
-
.awsui_block-body-
|
|
623
|
+
.awsui_block-body-scroll_hyvsj_dt7gs_597:not(#\9) {
|
|
624
624
|
overflow: hidden;
|
|
625
625
|
}
|
|
626
626
|
|
|
627
627
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
628
|
-
.
|
|
629
|
-
.
|
|
628
|
+
.awsui_unfocusable_hyvsj_dt7gs_602:not(#\9),
|
|
629
|
+
.awsui_unfocusable_hyvsj_dt7gs_602 *:not(#\9) {
|
|
630
630
|
visibility: hidden !important;
|
|
631
631
|
}
|
|
632
632
|
|
|
@@ -635,9 +635,9 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
635
635
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
636
636
|
SPDX-License-Identifier: Apache-2.0
|
|
637
637
|
*/
|
|
638
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_dt7gs_612:not(#\9) {
|
|
639
639
|
grid-area: main;
|
|
640
|
-
padding-bottom: var(--space-layout-content-bottom-
|
|
640
|
+
padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
|
|
641
641
|
/*
|
|
642
642
|
If the split panel is in the bottom position additional padding will need to be
|
|
643
643
|
added to the content area. This is to ensure that the user is able to scroll
|
|
@@ -652,18 +652,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
652
652
|
on the right, we decrement the column end by one.
|
|
653
653
|
*/
|
|
654
654
|
}
|
|
655
|
-
.
|
|
656
|
-
padding-bottom: calc(var(--awsui-split-panel-height-en6003) + var(--space-layout-content-bottom-
|
|
655
|
+
.awsui_container_hyvsj_dt7gs_612.awsui_has-split-panel_hyvsj_dt7gs_581.awsui_split-panel-position-bottom_hyvsj_dt7gs_581:not(#\9) {
|
|
656
|
+
padding-bottom: calc(var(--awsui-split-panel-height-en6003) + var(--space-layout-content-bottom-zwsyun, 40px));
|
|
657
657
|
}
|
|
658
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_dt7gs_612.awsui_disable-content-paddings_hyvsj_dt7gs_544:not(#\9) {
|
|
659
659
|
grid-column: 1/6;
|
|
660
660
|
padding: 0;
|
|
661
661
|
}
|
|
662
662
|
@media (min-width: 689px) {
|
|
663
|
-
.
|
|
663
|
+
.awsui_container_hyvsj_dt7gs_612.awsui_disable-content-paddings_hyvsj_dt7gs_544.awsui_is-navigation-open_hyvsj_dt7gs_637:not(#\9) {
|
|
664
664
|
grid-column-start: 2;
|
|
665
665
|
}
|
|
666
|
-
.
|
|
666
|
+
.awsui_container_hyvsj_dt7gs_612.awsui_disable-content-paddings_hyvsj_dt7gs_544.awsui_is-tools-open_hyvsj_dt7gs_640:not(#\9), .awsui_container_hyvsj_dt7gs_612.awsui_disable-content-paddings_hyvsj_dt7gs_544.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_split-panel-position-side_hyvsj_dt7gs_640:not(#\9) {
|
|
667
667
|
grid-column-end: 5;
|
|
668
668
|
}
|
|
669
669
|
}
|
|
@@ -672,40 +672,40 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
672
672
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
673
673
|
SPDX-License-Identifier: Apache-2.0
|
|
674
674
|
*/
|
|
675
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_dt7gs_649:not(#\9) {
|
|
676
676
|
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-
|
|
677
|
+
background-color: var(--color-background-home-header-qnhw1k, #000716);
|
|
678
|
+
border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
679
|
+
box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
680
680
|
box-sizing: border-box;
|
|
681
681
|
height: var(--awsui-mobile-bar-height-en6003);
|
|
682
682
|
display: grid;
|
|
683
683
|
grid-area: mobileToolbar;
|
|
684
684
|
grid-column: 1/span 5;
|
|
685
685
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
686
|
-
padding: 0 var(--space-m-
|
|
686
|
+
padding: 0 var(--space-m-h2th94, 16px);
|
|
687
687
|
position: sticky;
|
|
688
688
|
top: var(--awsui-offset-top-en6003);
|
|
689
689
|
z-index: 1000;
|
|
690
690
|
}
|
|
691
|
-
section.awsui_mobile-
|
|
691
|
+
section.awsui_mobile-toolbar_hyvsj_dt7gs_649 > .awsui_mobile-toolbar-nav_hyvsj_dt7gs_665:not(#\9) {
|
|
692
692
|
grid-column: 1;
|
|
693
|
-
margin-right: var(--space-m-
|
|
693
|
+
margin-right: var(--space-m-h2th94, 16px);
|
|
694
694
|
}
|
|
695
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_dt7gs_649 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_dt7gs_669:not(#\9) {
|
|
696
696
|
grid-column: 2;
|
|
697
|
-
background-color: var(--color-background-layout-main-
|
|
697
|
+
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
698
698
|
}
|
|
699
|
-
section.awsui_mobile-
|
|
699
|
+
section.awsui_mobile-toolbar_hyvsj_dt7gs_649 > .awsui_mobile-toolbar-tools_hyvsj_dt7gs_673:not(#\9) {
|
|
700
700
|
grid-column: 3;
|
|
701
|
-
margin-left: var(--space-m-
|
|
701
|
+
margin-left: var(--space-m-h2th94, 16px);
|
|
702
702
|
}
|
|
703
703
|
|
|
704
704
|
/*
|
|
705
705
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
706
706
|
SPDX-License-Identifier: Apache-2.0
|
|
707
707
|
*/
|
|
708
|
-
.awsui_navigation-
|
|
708
|
+
.awsui_navigation-container_hyvsj_dt7gs_682:not(#\9) {
|
|
709
709
|
--awsui-navigation-width-en6003: 280px;
|
|
710
710
|
display: flex;
|
|
711
711
|
grid-column: 1;
|
|
@@ -727,12 +727,12 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
727
727
|
pointer-events: none;
|
|
728
728
|
}
|
|
729
729
|
@media (min-width: 2541px) {
|
|
730
|
-
.awsui_navigation-
|
|
730
|
+
.awsui_navigation-container_hyvsj_dt7gs_682:not(#\9) {
|
|
731
731
|
--awsui-navigation-width-en6003: 320px;
|
|
732
732
|
}
|
|
733
733
|
}
|
|
734
734
|
@media (max-width: 688px) {
|
|
735
|
-
.awsui_navigation-
|
|
735
|
+
.awsui_navigation-container_hyvsj_dt7gs_682:not(#\9) {
|
|
736
736
|
left: 0;
|
|
737
737
|
position: fixed;
|
|
738
738
|
z-index: 1001;
|
|
@@ -744,19 +744,19 @@ section.awsui_mobile-toolbar_hyvsj_tfl2k_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
744
744
|
relative to the body.
|
|
745
745
|
*/
|
|
746
746
|
}
|
|
747
|
-
.awsui_navigation-
|
|
747
|
+
.awsui_navigation-container_hyvsj_dt7gs_682.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9) {
|
|
748
748
|
top: var(--awsui-header-height-en6003);
|
|
749
749
|
}
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
nav.awsui_show-
|
|
753
|
-
padding: var(--space-scaled-s-
|
|
752
|
+
nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9) {
|
|
753
|
+
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
754
754
|
/*
|
|
755
755
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
756
756
|
take control in responsive viewports.
|
|
757
757
|
*/
|
|
758
758
|
}
|
|
759
|
-
@keyframes
|
|
759
|
+
@keyframes awsui_showButtons_hyvsj_dt7gs_1 {
|
|
760
760
|
0% {
|
|
761
761
|
opacity: 0;
|
|
762
762
|
}
|
|
@@ -764,33 +764,33 @@ nav.awsui_show-navigation_hyvsj_tfl2k_726:not(#\9) {
|
|
|
764
764
|
opacity: 1;
|
|
765
765
|
}
|
|
766
766
|
}
|
|
767
|
-
nav.awsui_show-
|
|
767
|
+
nav.awsui_show-navigation_hyvsj_dt7gs_726.awsui_is-navigation-open_hyvsj_dt7gs_637:not(#\9) {
|
|
768
768
|
display: none;
|
|
769
769
|
}
|
|
770
770
|
@media (min-width: 689px) {
|
|
771
|
-
nav.awsui_show-
|
|
771
|
+
nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637) {
|
|
772
772
|
display: block;
|
|
773
773
|
}
|
|
774
|
-
nav.awsui_show-
|
|
775
|
-
animation:
|
|
774
|
+
nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637).awsui_animating_hyvsj_dt7gs_748 {
|
|
775
|
+
animation: awsui_showButtons_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
776
776
|
}
|
|
777
777
|
}
|
|
778
778
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
779
|
-
nav.awsui_show-
|
|
779
|
+
nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637).awsui_animating_hyvsj_dt7gs_748 {
|
|
780
780
|
animation: none;
|
|
781
781
|
transition: none;
|
|
782
782
|
}
|
|
783
783
|
}
|
|
784
784
|
@media (min-width: 689px) {
|
|
785
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
785
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637).awsui_animating_hyvsj_dt7gs_748, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_dt7gs_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637).awsui_animating_hyvsj_dt7gs_748 {
|
|
786
786
|
animation: none;
|
|
787
787
|
transition: none;
|
|
788
788
|
}
|
|
789
789
|
}
|
|
790
790
|
|
|
791
|
-
nav.
|
|
792
|
-
background-color: var(--color-background-container-content-
|
|
793
|
-
box-shadow: var(--shadow-panel-
|
|
791
|
+
nav.awsui_navigation_hyvsj_dt7gs_682:not(#\9) {
|
|
792
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
793
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
794
794
|
bottom: 0;
|
|
795
795
|
height: 100%;
|
|
796
796
|
overflow-x: hidden;
|
|
@@ -805,62 +805,62 @@ nav.awsui_navigation_hyvsj_tfl2k_682:not(#\9) {
|
|
|
805
805
|
prevent unwanted text wrapping.
|
|
806
806
|
*/
|
|
807
807
|
}
|
|
808
|
-
@keyframes
|
|
808
|
+
@keyframes awsui_openNavigation_hyvsj_dt7gs_1 {
|
|
809
809
|
from {
|
|
810
810
|
opacity: 0;
|
|
811
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
811
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
812
812
|
}
|
|
813
813
|
to {
|
|
814
814
|
opacity: 1;
|
|
815
815
|
width: var(--awsui-navigation-width-en6003);
|
|
816
816
|
}
|
|
817
817
|
}
|
|
818
|
-
nav.
|
|
818
|
+
nav.awsui_navigation_hyvsj_dt7gs_682:not(#\9):not(.awsui_is-navigation-open_hyvsj_dt7gs_637) {
|
|
819
819
|
width: 0;
|
|
820
820
|
display: none;
|
|
821
821
|
}
|
|
822
|
-
nav.
|
|
823
|
-
animation:
|
|
822
|
+
nav.awsui_navigation_hyvsj_dt7gs_682.awsui_is-navigation-open_hyvsj_dt7gs_637.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
823
|
+
animation: awsui_openNavigation_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
824
824
|
}
|
|
825
825
|
@media (prefers-reduced-motion: reduce) {
|
|
826
|
-
nav.
|
|
826
|
+
nav.awsui_navigation_hyvsj_dt7gs_682.awsui_is-navigation-open_hyvsj_dt7gs_637.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
827
827
|
animation: none;
|
|
828
828
|
transition: none;
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
|
-
.awsui-motion-disabled nav.
|
|
831
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_dt7gs_682.awsui_is-navigation-open_hyvsj_dt7gs_637.awsui_animating_hyvsj_dt7gs_748:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_dt7gs_682.awsui_is-navigation-open_hyvsj_dt7gs_637.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
832
832
|
animation: none;
|
|
833
833
|
transition: none;
|
|
834
834
|
}
|
|
835
|
-
nav.
|
|
835
|
+
nav.awsui_navigation_hyvsj_dt7gs_682 > .awsui_animated-content_hyvsj_dt7gs_809:not(#\9) {
|
|
836
836
|
width: var(--awsui-navigation-width-en6003);
|
|
837
837
|
}
|
|
838
838
|
@media (max-width: 688px) {
|
|
839
|
-
nav.
|
|
839
|
+
nav.awsui_navigation_hyvsj_dt7gs_682:not(#\9) {
|
|
840
840
|
--awsui-navigation-width-en6003: 100vw;
|
|
841
841
|
}
|
|
842
842
|
}
|
|
843
843
|
|
|
844
|
-
.awsui_hide-
|
|
844
|
+
.awsui_hide-navigation_hyvsj_dt7gs_818:not(#\9) {
|
|
845
845
|
position: absolute;
|
|
846
|
-
right: var(--space-m-
|
|
847
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
846
|
+
right: var(--space-m-h2th94, 16px);
|
|
847
|
+
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
848
848
|
}
|
|
849
849
|
|
|
850
850
|
/*
|
|
851
851
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
852
852
|
SPDX-License-Identifier: Apache-2.0
|
|
853
853
|
*/
|
|
854
|
-
.
|
|
855
|
-
color: var(--color-text-body-default-
|
|
854
|
+
.awsui_notifications_hyvsj_dt7gs_828:not(#\9) {
|
|
855
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
856
856
|
grid-area: notifications;
|
|
857
857
|
z-index: 850;
|
|
858
858
|
}
|
|
859
859
|
@media (min-width: 689px) {
|
|
860
|
-
.
|
|
861
|
-
--awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-
|
|
860
|
+
.awsui_notifications_hyvsj_dt7gs_828.awsui_sticky-notifications_hyvsj_dt7gs_834:not(#\9) {
|
|
861
|
+
--awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-sgg5p8, 32px);
|
|
862
862
|
position: sticky;
|
|
863
|
-
top: calc(var(--awsui-offset-top-en6003) + var(--space-xs-
|
|
863
|
+
top: calc(var(--awsui-offset-top-en6003) + var(--space-xs-edba2s, 8px));
|
|
864
864
|
}
|
|
865
865
|
}
|
|
866
866
|
|
|
@@ -874,7 +874,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
874
874
|
consume the remaining vertical space in the grid after the notifications
|
|
875
875
|
and breadcrumbs.
|
|
876
876
|
*/
|
|
877
|
-
section.awsui_split-panel-
|
|
877
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851:not(#\9) {
|
|
878
878
|
/*
|
|
879
879
|
The align self property will position the split panel at the bottom of the grid row.
|
|
880
880
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -909,7 +909,7 @@ section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9) {
|
|
|
909
909
|
apply the animation to the height property.
|
|
910
910
|
*/
|
|
911
911
|
}
|
|
912
|
-
@keyframes
|
|
912
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_dt7gs_1 {
|
|
913
913
|
from {
|
|
914
914
|
height: var(--awsui-split-panel-reported-header-size-en6003, 0);
|
|
915
915
|
}
|
|
@@ -917,39 +917,39 @@ section.awsui_split-panel-bottom_hyvsj_tfl2k_851:not(#\9) {
|
|
|
917
917
|
height: var(--awsui-split-panel-reported-size-en6003);
|
|
918
918
|
}
|
|
919
919
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9) {
|
|
921
921
|
bottom: 0;
|
|
922
922
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-navigation-open_hyvsj_dt7gs_637.awsui_position-bottom_hyvsj_dt7gs_897:not(#\9) {
|
|
924
924
|
grid-column-start: 2;
|
|
925
925
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_has-open-drawer_hyvsj_dt7gs_157.awsui_position-bottom_hyvsj_dt7gs_897:not(#\9) {
|
|
927
927
|
grid-column-end: 5;
|
|
928
928
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_position-bottom_hyvsj_dt7gs_897:not(#\9) {
|
|
930
930
|
display: block;
|
|
931
931
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
932
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851:not(#\9):not(.awsui_is-split-panel-open_hyvsj_dt7gs_640).awsui_position-bottom_hyvsj_dt7gs_897 {
|
|
933
933
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
934
934
|
}
|
|
935
|
-
section.awsui_split-panel-
|
|
936
|
-
box-shadow: var(--shadow-split-bottom-
|
|
935
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-bottom_hyvsj_dt7gs_897:not(#\9) {
|
|
936
|
+
box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
937
937
|
}
|
|
938
|
-
section.awsui_split-panel-
|
|
939
|
-
animation:
|
|
938
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-bottom_hyvsj_dt7gs_897.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
939
|
+
animation: awsui_openSplitPanelBottom_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
940
940
|
}
|
|
941
941
|
@media (prefers-reduced-motion: reduce) {
|
|
942
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-bottom_hyvsj_dt7gs_897.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
943
943
|
animation: none;
|
|
944
944
|
transition: none;
|
|
945
945
|
}
|
|
946
946
|
}
|
|
947
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
947
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-bottom_hyvsj_dt7gs_897.awsui_animating_hyvsj_dt7gs_748:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_dt7gs_851.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-bottom_hyvsj_dt7gs_897.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
948
948
|
animation: none;
|
|
949
949
|
transition: none;
|
|
950
950
|
}
|
|
951
951
|
|
|
952
|
-
section.awsui_split-panel-
|
|
952
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926:not(#\9) {
|
|
953
953
|
height: 100%;
|
|
954
954
|
overflow-x: hidden;
|
|
955
955
|
pointer-events: auto;
|
|
@@ -964,7 +964,7 @@ section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9) {
|
|
|
964
964
|
prevent unwanted text wrapping.
|
|
965
965
|
*/
|
|
966
966
|
}
|
|
967
|
-
@keyframes
|
|
967
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_dt7gs_1 {
|
|
968
968
|
from {
|
|
969
969
|
opacity: 0;
|
|
970
970
|
width: var(--awsui-split-panel-min-width-en6003, 280px);
|
|
@@ -974,28 +974,28 @@ section.awsui_split-panel-side_hyvsj_tfl2k_926:not(#\9) {
|
|
|
974
974
|
width: var(--awsui-split-panel-reported-size-en6003);
|
|
975
975
|
}
|
|
976
976
|
}
|
|
977
|
-
section.awsui_split-panel-
|
|
977
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926:not(#\9):not(.awsui_is-split-panel-open_hyvsj_dt7gs_640), section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_position-bottom_hyvsj_dt7gs_897:not(#\9) {
|
|
978
978
|
width: 0;
|
|
979
979
|
}
|
|
980
|
-
section.awsui_split-panel-
|
|
981
|
-
box-shadow: var(--shadow-panel-
|
|
980
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-side_hyvsj_dt7gs_954:not(#\9) {
|
|
981
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
982
982
|
max-width: var(--awsui-split-panel-max-width-en6003, 280px);
|
|
983
983
|
min-width: var(--awsui-split-panel-min-width-en6003, 280px);
|
|
984
984
|
}
|
|
985
|
-
section.awsui_split-panel-
|
|
986
|
-
animation:
|
|
985
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-side_hyvsj_dt7gs_954.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
986
|
+
animation: awsui_openSplitPanelSide_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
987
987
|
}
|
|
988
988
|
@media (prefers-reduced-motion: reduce) {
|
|
989
|
-
section.awsui_split-panel-
|
|
989
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-side_hyvsj_dt7gs_954.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
990
990
|
animation: none;
|
|
991
991
|
transition: none;
|
|
992
992
|
}
|
|
993
993
|
}
|
|
994
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
994
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-side_hyvsj_dt7gs_954.awsui_animating_hyvsj_dt7gs_748:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_dt7gs_926.awsui_is-split-panel-open_hyvsj_dt7gs_640.awsui_position-side_hyvsj_dt7gs_954.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
995
995
|
animation: none;
|
|
996
996
|
transition: none;
|
|
997
997
|
}
|
|
998
|
-
section.awsui_split-panel-
|
|
998
|
+
section.awsui_split-panel-side_hyvsj_dt7gs_926 > .awsui_animated-content_hyvsj_dt7gs_809:not(#\9) {
|
|
999
999
|
height: 100%;
|
|
1000
1000
|
max-width: inherit;
|
|
1001
1001
|
width: var(--awsui-split-panel-reported-size-en6003);
|
|
@@ -1014,7 +1014,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1014
1014
|
property. The content gap right is computed in the Layout styles based on the
|
|
1015
1015
|
viewport size and state of the Tools drawer.
|
|
1016
1016
|
*/
|
|
1017
|
-
.awsui_tools-
|
|
1017
|
+
.awsui_tools-container_hyvsj_dt7gs_991:not(#\9) {
|
|
1018
1018
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1019
1019
|
--awsui-tools-max-width-en6003: calc(var(--awsui-layout-width-en6003) - var(--awsui-main-offset-left-en6003) - var(--awsui-default-min-content-width-en6003) - var(--awsui-content-gap-right-en6003));
|
|
1020
1020
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1030,12 +1030,12 @@ viewport size and state of the Tools drawer.
|
|
|
1030
1030
|
pointer-events: none;
|
|
1031
1031
|
}
|
|
1032
1032
|
@media (min-width: 2541px) {
|
|
1033
|
-
.awsui_tools-
|
|
1033
|
+
.awsui_tools-container_hyvsj_dt7gs_991:not(#\9) {
|
|
1034
1034
|
--awsui-tools-width-en6003: 360px;
|
|
1035
1035
|
}
|
|
1036
1036
|
}
|
|
1037
1037
|
@media (max-width: 688px) {
|
|
1038
|
-
.awsui_tools-
|
|
1038
|
+
.awsui_tools-container_hyvsj_dt7gs_991:not(#\9) {
|
|
1039
1039
|
--awsui-tools-max-width-en6003: none;
|
|
1040
1040
|
--awsui-tools-width-en6003: auto;
|
|
1041
1041
|
position: fixed;
|
|
@@ -1049,14 +1049,14 @@ viewport size and state of the Tools drawer.
|
|
|
1049
1049
|
relative to the body.
|
|
1050
1050
|
*/
|
|
1051
1051
|
}
|
|
1052
|
-
.awsui_tools-
|
|
1052
|
+
.awsui_tools-container_hyvsj_dt7gs_991.awsui_disable-body-scroll_hyvsj_dt7gs_191:not(#\9) {
|
|
1053
1053
|
top: var(--awsui-header-height-en6003);
|
|
1054
1054
|
}
|
|
1055
1055
|
}
|
|
1056
1056
|
|
|
1057
|
-
.
|
|
1058
|
-
background-color: var(--color-background-container-content-
|
|
1059
|
-
box-shadow: var(--shadow-panel-
|
|
1057
|
+
.awsui_tools_hyvsj_dt7gs_991:not(#\9) {
|
|
1058
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1059
|
+
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1060
1060
|
flex-shrink: 0;
|
|
1061
1061
|
height: 100%;
|
|
1062
1062
|
overflow-y: auto;
|
|
@@ -1077,51 +1077,51 @@ viewport size and state of the Tools drawer.
|
|
|
1077
1077
|
in the side position.
|
|
1078
1078
|
*/
|
|
1079
1079
|
}
|
|
1080
|
-
@keyframes
|
|
1080
|
+
@keyframes awsui_openTools_hyvsj_dt7gs_1 {
|
|
1081
1081
|
from {
|
|
1082
1082
|
opacity: var(--awsui-tools-animation-starting-opacity-en6003, 0);
|
|
1083
|
-
width: calc(var(--space-layout-toggle-padding-
|
|
1083
|
+
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
1084
1084
|
}
|
|
1085
1085
|
to {
|
|
1086
1086
|
opacity: 1;
|
|
1087
1087
|
width: var(--awsui-tools-width-en6003);
|
|
1088
1088
|
}
|
|
1089
1089
|
}
|
|
1090
|
-
.
|
|
1090
|
+
.awsui_tools_hyvsj_dt7gs_991:not(#\9):not(.awsui_is-tools-open_hyvsj_dt7gs_640) {
|
|
1091
1091
|
width: 0;
|
|
1092
1092
|
display: none;
|
|
1093
1093
|
}
|
|
1094
|
-
.
|
|
1095
|
-
animation:
|
|
1094
|
+
.awsui_tools_hyvsj_dt7gs_991.awsui_is-tools-open_hyvsj_dt7gs_640.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1095
|
+
animation: awsui_openTools_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1096
1096
|
}
|
|
1097
1097
|
@media (prefers-reduced-motion: reduce) {
|
|
1098
|
-
.
|
|
1098
|
+
.awsui_tools_hyvsj_dt7gs_991.awsui_is-tools-open_hyvsj_dt7gs_640.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1099
1099
|
animation: none;
|
|
1100
1100
|
transition: none;
|
|
1101
1101
|
}
|
|
1102
1102
|
}
|
|
1103
|
-
.awsui-motion-disabled .
|
|
1103
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_dt7gs_991.awsui_is-tools-open_hyvsj_dt7gs_640.awsui_animating_hyvsj_dt7gs_748:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_dt7gs_991.awsui_is-tools-open_hyvsj_dt7gs_640.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1104
1104
|
animation: none;
|
|
1105
1105
|
transition: none;
|
|
1106
1106
|
}
|
|
1107
|
-
.
|
|
1107
|
+
.awsui_tools_hyvsj_dt7gs_991 > .awsui_animated-content_hyvsj_dt7gs_809:not(#\9) {
|
|
1108
1108
|
width: var(--awsui-tools-width-en6003);
|
|
1109
1109
|
}
|
|
1110
1110
|
@media (min-width: 689px) {
|
|
1111
|
-
.
|
|
1112
|
-
border-right: var(--border-divider-section-width-
|
|
1111
|
+
.awsui_tools_hyvsj_dt7gs_991.awsui_is-tools-open_hyvsj_dt7gs_640.awsui_has-tools-form-persistence_hyvsj_dt7gs_1085:not(#\9) {
|
|
1112
|
+
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
1113
1113
|
}
|
|
1114
1114
|
}
|
|
1115
1115
|
@media (max-width: 688px) {
|
|
1116
|
-
.
|
|
1116
|
+
.awsui_tools_hyvsj_dt7gs_991:not(#\9) {
|
|
1117
1117
|
--awsui-tools-width-en6003: 100vw;
|
|
1118
1118
|
}
|
|
1119
1119
|
}
|
|
1120
1120
|
|
|
1121
|
-
.awsui_hide-
|
|
1121
|
+
.awsui_hide-tools_hyvsj_dt7gs_1095:not(#\9) {
|
|
1122
1122
|
position: absolute;
|
|
1123
|
-
right: var(--space-m-
|
|
1124
|
-
top: var(--size-vertical-panel-icon-offset-
|
|
1123
|
+
right: var(--space-m-h2th94, 16px);
|
|
1124
|
+
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
1125
1125
|
z-index: 1;
|
|
1126
1126
|
}
|
|
1127
1127
|
|
|
@@ -1130,7 +1130,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1130
1130
|
the calculation used to determine the Split Panel maximum width in the
|
|
1131
1131
|
handleSplitPanelMaxWidth function in the context.
|
|
1132
1132
|
*/
|
|
1133
|
-
.awsui_show-
|
|
1133
|
+
.awsui_show-tools_hyvsj_dt7gs_1107:not(#\9) {
|
|
1134
1134
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1135
1135
|
border-collapse: separate;
|
|
1136
1136
|
border-spacing: 0;
|
|
@@ -1160,21 +1160,21 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1160
1160
|
widows: 2;
|
|
1161
1161
|
word-spacing: normal;
|
|
1162
1162
|
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-
|
|
1163
|
+
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
1164
|
+
line-height: var(--font-body-m-line-height-rfgrp9, 22px);
|
|
1165
|
+
color: var(--color-text-body-default-mmvcvg, #000716);
|
|
1166
1166
|
font-weight: 400;
|
|
1167
|
-
font-family: var(--font-family-base-
|
|
1167
|
+
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1168
1168
|
-webkit-font-smoothing: auto;
|
|
1169
1169
|
-moz-osx-font-smoothing: auto;
|
|
1170
1170
|
box-sizing: border-box;
|
|
1171
|
-
padding: var(--space-scaled-s-
|
|
1171
|
+
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
1172
1172
|
/*
|
|
1173
1173
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
1174
1174
|
take control in responsive viewports.
|
|
1175
1175
|
*/
|
|
1176
1176
|
}
|
|
1177
|
-
@keyframes
|
|
1177
|
+
@keyframes awsui_showButtons_hyvsj_dt7gs_1 {
|
|
1178
1178
|
0% {
|
|
1179
1179
|
opacity: 0;
|
|
1180
1180
|
}
|
|
@@ -1182,34 +1182,34 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1182
1182
|
opacity: 1;
|
|
1183
1183
|
}
|
|
1184
1184
|
}
|
|
1185
|
-
.awsui_show-
|
|
1185
|
+
.awsui_show-tools_hyvsj_dt7gs_1107:not(#\9):not(.awsui_has-tools-form_hyvsj_dt7gs_1085) {
|
|
1186
1186
|
display: none;
|
|
1187
1187
|
}
|
|
1188
1188
|
@media (min-width: 689px) {
|
|
1189
|
-
.awsui_show-
|
|
1189
|
+
.awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form_hyvsj_dt7gs_1085:not(#\9) {
|
|
1190
1190
|
display: flex;
|
|
1191
1191
|
flex-direction: column;
|
|
1192
|
-
gap: var(--space-xs-
|
|
1192
|
+
gap: var(--space-xs-edba2s, 8px);
|
|
1193
1193
|
}
|
|
1194
|
-
.awsui_show-
|
|
1195
|
-
animation:
|
|
1194
|
+
.awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form_hyvsj_dt7gs_1085.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1195
|
+
animation: awsui_showButtons_hyvsj_dt7gs_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1196
1196
|
}
|
|
1197
1197
|
}
|
|
1198
1198
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1199
|
-
.awsui_show-
|
|
1199
|
+
.awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form_hyvsj_dt7gs_1085.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1200
1200
|
animation: none;
|
|
1201
1201
|
transition: none;
|
|
1202
1202
|
}
|
|
1203
1203
|
}
|
|
1204
1204
|
@media (min-width: 689px) {
|
|
1205
|
-
.awsui-motion-disabled .awsui_show-
|
|
1205
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form_hyvsj_dt7gs_1085.awsui_animating_hyvsj_dt7gs_748:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form_hyvsj_dt7gs_1085.awsui_animating_hyvsj_dt7gs_748:not(#\9) {
|
|
1206
1206
|
animation: none;
|
|
1207
1207
|
transition: none;
|
|
1208
1208
|
}
|
|
1209
1209
|
}
|
|
1210
1210
|
@media (min-width: 689px) {
|
|
1211
|
-
.awsui_show-
|
|
1212
|
-
background-color: var(--color-background-container-content-
|
|
1211
|
+
.awsui_show-tools_hyvsj_dt7gs_1107.awsui_has-tools-form-persistence_hyvsj_dt7gs_1085:not(#\9) {
|
|
1212
|
+
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1213
1213
|
z-index: 1;
|
|
1214
1214
|
}
|
|
1215
1215
|
}
|
|
@@ -1223,26 +1223,26 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1223
1223
|
the calculation used to determine the Split Panel maximum width in the
|
|
1224
1224
|
handleSplitPanelMaxWidth function in the context.
|
|
1225
1225
|
*/
|
|
1226
|
-
.
|
|
1227
|
-
background: var(--color-background-layout-toggle-default-
|
|
1226
|
+
.awsui_trigger_hyvsj_dt7gs_1174:not(#\9) {
|
|
1227
|
+
background: var(--color-background-layout-toggle-default-q41mj7, #192534);
|
|
1228
1228
|
border: none;
|
|
1229
1229
|
border-radius: 50%;
|
|
1230
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
1231
|
-
color: var(--color-text-layout-toggle-
|
|
1230
|
+
box-shadow: var(--shadow-panel-toggle-5grp58, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1231
|
+
color: var(--color-text-layout-toggle-76lxyf, #ffffff);
|
|
1232
1232
|
cursor: pointer;
|
|
1233
|
-
height: var(--space-layout-toggle-diameter-
|
|
1234
|
-
padding: 0 var(--space-s-
|
|
1233
|
+
height: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1234
|
+
padding: 0 var(--space-s-hdd878, 12px);
|
|
1235
1235
|
pointer-events: auto;
|
|
1236
|
-
width: var(--space-layout-toggle-diameter-
|
|
1236
|
+
width: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1237
1237
|
}
|
|
1238
|
-
body[data-awsui-focus-visible=true] .
|
|
1238
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_dt7gs_1174:not(#\9):focus {
|
|
1239
1239
|
position: relative;
|
|
1240
1240
|
}
|
|
1241
|
-
body[data-awsui-focus-visible=true] .
|
|
1241
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_dt7gs_1174:not(#\9):focus {
|
|
1242
1242
|
outline: 2px dotted transparent;
|
|
1243
1243
|
outline-offset: calc(3px - 1px);
|
|
1244
1244
|
}
|
|
1245
|
-
body[data-awsui-focus-visible=true] .
|
|
1245
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_dt7gs_1174:not(#\9):focus::before {
|
|
1246
1246
|
content: " ";
|
|
1247
1247
|
display: block;
|
|
1248
1248
|
position: absolute;
|
|
@@ -1250,27 +1250,27 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tfl2k_1174:not(#\9):foc
|
|
|
1250
1250
|
top: calc(-1 * 3px);
|
|
1251
1251
|
width: calc(100% + 2 * 3px);
|
|
1252
1252
|
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-
|
|
1253
|
+
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
1254
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
1255
1255
|
}
|
|
1256
|
-
.
|
|
1256
|
+
.awsui_trigger_hyvsj_dt7gs_1174:not(#\9):focus {
|
|
1257
1257
|
outline: none;
|
|
1258
1258
|
}
|
|
1259
|
-
.
|
|
1260
|
-
background: var(--color-background-layout-toggle-hover-
|
|
1259
|
+
.awsui_trigger_hyvsj_dt7gs_1174:not(#\9):hover {
|
|
1260
|
+
background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
|
|
1261
1261
|
}
|
|
1262
|
-
.
|
|
1263
|
-
background: var(--color-background-layout-toggle-active-
|
|
1262
|
+
.awsui_trigger_hyvsj_dt7gs_1174:not(#\9):active {
|
|
1263
|
+
background: var(--color-background-layout-toggle-active-csmprm, #354150);
|
|
1264
1264
|
}
|
|
1265
|
-
.
|
|
1266
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1267
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1265
|
+
.awsui_trigger_hyvsj_dt7gs_1174.awsui_selected_hyvsj_dt7gs_1213:not(#\9) {
|
|
1266
|
+
background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
|
|
1267
|
+
color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
|
|
1268
1268
|
}
|
|
1269
|
-
.
|
|
1270
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1269
|
+
.awsui_trigger_hyvsj_dt7gs_1174.awsui_selected_hyvsj_dt7gs_1213:not(#\9):hover {
|
|
1270
|
+
background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
|
|
1271
1271
|
}
|
|
1272
|
-
.
|
|
1273
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1272
|
+
.awsui_trigger_hyvsj_dt7gs_1174.awsui_selected_hyvsj_dt7gs_1213:not(#\9):active {
|
|
1273
|
+
background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
|
|
1274
1274
|
}
|
|
1275
1275
|
|
|
1276
1276
|
/*
|