@cloudscape-design/components 3.0.337 → 3.0.339
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/index.d.ts.map +1 -1
- package/alert/index.js +36 -1
- package/alert/index.js.map +1 -1
- package/app-layout/styles.css.js +17 -17
- package/app-layout/styles.scoped.css +21 -21
- package/app-layout/styles.selectors.js +17 -17
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +173 -169
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/chart-container.d.ts +2 -2
- package/area-chart/chart-container.d.ts.map +1 -1
- package/area-chart/chart-container.js +1 -1
- package/area-chart/chart-container.js.map +1 -1
- package/area-chart/interfaces.d.ts +5 -1
- package/area-chart/interfaces.d.ts.map +1 -1
- package/area-chart/interfaces.js.map +1 -1
- package/area-chart/internal.d.ts +1 -1
- package/area-chart/internal.d.ts.map +1 -1
- package/area-chart/internal.js +2 -2
- package/area-chart/internal.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +7 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/internal.d.ts.map +1 -1
- package/attribute-editor/internal.js +2 -2
- package/attribute-editor/internal.js.map +1 -1
- package/attribute-editor/row.d.ts +3 -2
- package/attribute-editor/row.d.ts.map +1 -1
- package/attribute-editor/row.js +2 -2
- package/attribute-editor/row.js.map +1 -1
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +257 -257
- package/box/styles.selectors.js +189 -189
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +25 -25
- 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 +20 -20
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +57 -62
- package/cards/styles.selectors.js +38 -38
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +57 -54
- package/container/styles.selectors.js +28 -28
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +13 -13
- package/content-layout/styles.selectors.js +7 -7
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +61 -61
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +146 -146
- package/flashbar/styles.selectors.js +46 -46
- package/form-field/internal.js +3 -2
- package/form-field/internal.js.map +1 -1
- package/header/internal.d.ts.map +1 -1
- package/header/internal.js +5 -5
- package/header/internal.js.map +1 -1
- package/header/styles.css.js +33 -44
- package/header/styles.scoped.css +85 -91
- package/header/styles.selectors.js +33 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +80 -80
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +54 -54
- package/icon/styles.selectors.js +21 -21
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +16 -15
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +6 -7
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +2 -6
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +4 -7
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +10 -8
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/base-component/styles.scoped.css +45 -35
- package/internal/components/button-trigger/index.d.ts +2 -1
- package/internal/components/button-trigger/index.d.ts.map +1 -1
- package/internal/components/button-trigger/index.js +2 -2
- package/internal/components/button-trigger/index.js.map +1 -1
- package/internal/components/cartesian-chart/interfaces.d.ts +10 -2
- package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
- package/internal/components/cartesian-chart/interfaces.js.map +1 -1
- package/internal/components/dropdown/index.d.ts +1 -1
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +4 -4
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/interfaces.d.ts +8 -0
- package/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown/interfaces.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +14 -14
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +153 -120
- package/internal/generated/theming/index.js +153 -120
- package/internal/manifest.json +1 -1
- package/link/internal.d.ts.map +1 -1
- package/link/internal.js +3 -2
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +83 -83
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/internal.d.ts +1 -1
- package/mixed-line-bar-chart/internal.d.ts.map +1 -1
- package/mixed-line-bar-chart/internal.js +2 -2
- package/mixed-line-bar-chart/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +65 -65
- package/popover/styles.selectors.js +50 -50
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +4 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/interfaces.d.ts +16 -5
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/s3-resource-selector/index.d.ts.map +1 -1
- package/s3-resource-selector/index.js +2 -2
- package/s3-resource-selector/index.js.map +1 -1
- package/s3-resource-selector/interfaces.d.ts +7 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts +1 -0
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +2 -2
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/utils/use-select.d.ts +5 -7
- package/select/utils/use-select.d.ts.map +1 -1
- package/select/utils/use-select.js +6 -0
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +49 -49
- package/side-navigation/styles.selectors.js +28 -28
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +22 -22
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +80 -80
- package/split-panel/styles.selectors.js +56 -56
- package/table/body-cell/index.d.ts.map +1 -1
- package/table/body-cell/index.js +22 -3
- package/table/body-cell/index.js.map +1 -1
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +93 -77
- 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 +41 -41
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +45 -52
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +41 -41
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +11 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +71 -71
- package/text-content/styles.selectors.js +1 -1
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +45 -45
- 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 +74 -74
- 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 +22 -22
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/wizard/interfaces.d.ts +10 -3
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/wizard/internal.d.ts +1 -1
- package/wizard/internal.d.ts.map +1 -1
- package/wizard/internal.js +5 -5
- package/wizard/internal.js.map +1 -1
- package/wizard/wizard-form.d.ts +2 -1
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +2 -2
- package/wizard/wizard-form.js.map +1 -1
|
@@ -90,16 +90,16 @@ 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_1cy16_93:not(#\9) {
|
|
94
94
|
display: contents;
|
|
95
95
|
}
|
|
96
|
-
div.
|
|
96
|
+
div.awsui_background_hyvsj_1cy16_93 > .awsui_scrolling-background_hyvsj_1cy16_96:not(#\9) {
|
|
97
97
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
98
98
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
99
99
|
grid-column: 1/span 5;
|
|
100
100
|
grid-row: 1/10;
|
|
101
101
|
}
|
|
102
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
104
104
|
grid-column: 1/span 5;
|
|
105
105
|
grid-row: 1/10;
|
|
@@ -107,10 +107,10 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102:n
|
|
|
107
107
|
top: var(--awsui-header-height-zw2xxa);
|
|
108
108
|
z-index: 799;
|
|
109
109
|
}
|
|
110
|
-
div.
|
|
110
|
+
div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cy16_110) {
|
|
111
111
|
height: calc(var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa));
|
|
112
112
|
}
|
|
113
|
-
div.
|
|
113
|
+
div.awsui_background_hyvsj_1cy16_93 > .awsui_sticky-background_hyvsj_1cy16_102.awsui_has-sticky-notifications_hyvsj_1cy16_110:not(#\9) {
|
|
114
114
|
height: calc(
|
|
115
115
|
var(--awsui-notifications-gap-zw2xxa) + var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px) + var(--awsui-overlap-height-zw2xxa)
|
|
116
116
|
);
|
|
@@ -120,7 +120,7 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_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
|
-
.
|
|
123
|
+
.awsui_breadcrumbs_hyvsj_1cy16_123:not(#\9) {
|
|
124
124
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
125
125
|
grid-area: breadcrumbs;
|
|
126
126
|
/*
|
|
@@ -130,7 +130,7 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
130
130
|
be lifted so it doesn't render behind the background element.
|
|
131
131
|
*/
|
|
132
132
|
}
|
|
133
|
-
.
|
|
133
|
+
.awsui_breadcrumbs_hyvsj_1cy16_123.awsui_has-sticky-background_hyvsj_1cy16_133:not(#\9) {
|
|
134
134
|
z-index: 799;
|
|
135
135
|
}
|
|
136
136
|
|
|
@@ -142,7 +142,7 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_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_1cy16_145:not(#\9) {
|
|
146
146
|
background-color: transparent;
|
|
147
147
|
display: flex;
|
|
148
148
|
grid-column: 5;
|
|
@@ -154,29 +154,29 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
154
154
|
z-index: 830;
|
|
155
155
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
156
156
|
}
|
|
157
|
-
.awsui_drawers-
|
|
157
|
+
.awsui_drawers-container_hyvsj_1cy16_145.awsui_has-open-drawer_hyvsj_1cy16_157:not(#\9) {
|
|
158
158
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
159
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_1cy16_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_1cy16_145:not(#\9), .awsui-mode-entering .awsui_drawers-container_hyvsj_1cy16_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_1cy16_145:not(#\9) {
|
|
173
173
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
174
174
|
max-width: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
175
175
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
@media (max-width: 688px) {
|
|
179
|
-
.awsui_drawers-
|
|
179
|
+
.awsui_drawers-container_hyvsj_1cy16_145:not(#\9) {
|
|
180
180
|
position: fixed;
|
|
181
181
|
right: 0;
|
|
182
182
|
z-index: 1001;
|
|
@@ -188,12 +188,12 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
188
188
|
relative to the body.
|
|
189
189
|
*/
|
|
190
190
|
}
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_1cy16_145.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9) {
|
|
192
192
|
top: var(--awsui-header-height-zw2xxa);
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
196
|
-
.awsui_drawers-desktop-triggers-
|
|
196
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9) {
|
|
197
197
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
198
|
border-collapse: separate;
|
|
199
199
|
border-spacing: 0;
|
|
@@ -235,41 +235,42 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
235
235
|
height: 100%;
|
|
236
236
|
overflow-y: hidden;
|
|
237
237
|
overflow-x: hidden;
|
|
238
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
238
239
|
overscroll-behavior-y: contain;
|
|
239
240
|
}
|
|
240
|
-
.awsui_drawers-desktop-triggers-
|
|
241
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215).awsui_has-open-drawer_hyvsj_1cy16_157 {
|
|
241
242
|
width: 0;
|
|
242
243
|
}
|
|
243
|
-
.awsui_drawers-desktop-triggers-
|
|
244
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196.awsui_has-multiple-triggers_hyvsj_1cy16_215.awsui_has-open-drawer_hyvsj_1cy16_157:not(#\9) {
|
|
244
245
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
245
246
|
transition: background-color var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
246
247
|
}
|
|
247
248
|
@media (prefers-reduced-motion: reduce) {
|
|
248
|
-
.awsui_drawers-desktop-triggers-
|
|
249
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196.awsui_has-multiple-triggers_hyvsj_1cy16_215.awsui_has-open-drawer_hyvsj_1cy16_157:not(#\9) {
|
|
249
250
|
animation: none;
|
|
250
251
|
transition: none;
|
|
251
252
|
}
|
|
252
253
|
}
|
|
253
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
254
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196.awsui_has-multiple-triggers_hyvsj_1cy16_215.awsui_has-open-drawer_hyvsj_1cy16_157:not(#\9), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196.awsui_has-multiple-triggers_hyvsj_1cy16_215.awsui_has-open-drawer_hyvsj_1cy16_157:not(#\9) {
|
|
254
255
|
animation: none;
|
|
255
256
|
transition: none;
|
|
256
257
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
258
259
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
259
260
|
transition: width var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
260
261
|
}
|
|
261
262
|
@media (prefers-reduced-motion: reduce) {
|
|
262
|
-
.awsui_drawers-desktop-triggers-
|
|
263
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
263
264
|
animation: none;
|
|
264
265
|
transition: none;
|
|
265
266
|
}
|
|
266
267
|
}
|
|
267
|
-
.awsui-motion-disabled .awsui_drawers-desktop-triggers-
|
|
268
|
+
.awsui-motion-disabled .awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157), .awsui-mode-entering .awsui_drawers-desktop-triggers-container_hyvsj_1cy16_196:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
268
269
|
animation: none;
|
|
269
270
|
transition: none;
|
|
270
271
|
}
|
|
271
272
|
|
|
272
|
-
.awsui_drawers-trigger-
|
|
273
|
+
.awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9) {
|
|
273
274
|
align-items: center;
|
|
274
275
|
display: flex;
|
|
275
276
|
flex-direction: column;
|
|
@@ -277,33 +278,33 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
277
278
|
padding-top: var(--space-scaled-s-913kwi, 12px);
|
|
278
279
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
279
280
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
281
|
+
.awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215).awsui_has-open-drawer_hyvsj_1cy16_157 {
|
|
281
282
|
opacity: 0;
|
|
282
283
|
}
|
|
283
|
-
.awsui_drawers-trigger-
|
|
284
|
+
.awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
284
285
|
opacity: 1;
|
|
285
286
|
transition: opacity var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
286
287
|
transition-delay: calc(var(--motion-duration-refresh-only-fast-q2mprk, 115ms) / 1.5);
|
|
287
288
|
}
|
|
288
289
|
@media (prefers-reduced-motion: reduce) {
|
|
289
|
-
.awsui_drawers-trigger-
|
|
290
|
+
.awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
290
291
|
animation: none;
|
|
291
292
|
transition: none;
|
|
292
293
|
}
|
|
293
294
|
}
|
|
294
|
-
.awsui-motion-disabled .awsui_drawers-trigger-
|
|
295
|
+
.awsui-motion-disabled .awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157), .awsui-mode-entering .awsui_drawers-trigger-content_hyvsj_1cy16_247:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cy16_215):not(.awsui_has-open-drawer_hyvsj_1cy16_157) {
|
|
295
296
|
animation: none;
|
|
296
297
|
transition: none;
|
|
297
298
|
}
|
|
298
299
|
|
|
299
300
|
@media (max-width: 688px) {
|
|
300
|
-
.awsui_drawers-
|
|
301
|
+
.awsui_drawers-trigger_hyvsj_1cy16_247:not(#\9) {
|
|
301
302
|
width: 40px;
|
|
302
303
|
text-align: right;
|
|
303
304
|
}
|
|
304
305
|
}
|
|
305
306
|
|
|
306
|
-
.
|
|
307
|
+
.awsui_drawer_hyvsj_1cy16_145:not(#\9) {
|
|
307
308
|
--awsui-drawer-size-zw2xxa: 290px;
|
|
308
309
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
309
310
|
border-color: transparent;
|
|
@@ -314,43 +315,44 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
314
315
|
height: 100%;
|
|
315
316
|
overflow-y: auto;
|
|
316
317
|
overflow-x: hidden;
|
|
318
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
317
319
|
overscroll-behavior-y: contain;
|
|
318
320
|
pointer-events: auto;
|
|
319
321
|
word-wrap: break-word;
|
|
320
322
|
}
|
|
321
|
-
.
|
|
323
|
+
.awsui_drawer_hyvsj_1cy16_145 > .awsui_drawer-close-button_hyvsj_1cy16_297:not(#\9) {
|
|
322
324
|
grid-column: 3;
|
|
323
325
|
grid-row: 2;
|
|
324
326
|
z-index: 1;
|
|
325
327
|
}
|
|
326
|
-
.
|
|
328
|
+
.awsui_drawer_hyvsj_1cy16_145 > .awsui_drawer-content_hyvsj_1cy16_302:not(#\9) {
|
|
327
329
|
grid-column: 1/span 4;
|
|
328
330
|
grid-row: 1/span 3;
|
|
329
331
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
330
332
|
}
|
|
331
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_1cy16_145 > .awsui_drawer-slider_hyvsj_1cy16_307:not(#\9) {
|
|
332
334
|
grid-column: 1;
|
|
333
335
|
grid-row: 3;
|
|
334
336
|
height: 100%;
|
|
335
337
|
display: flex;
|
|
336
338
|
align-items: center;
|
|
337
339
|
}
|
|
338
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_1cy16_145:not(#\9):not(.awsui_is-drawer-open_hyvsj_1cy16_314) {
|
|
339
341
|
opacity: 0;
|
|
340
342
|
width: 0;
|
|
341
343
|
}
|
|
342
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_1cy16_145.awsui_is-drawer-open_hyvsj_1cy16_314:not(#\9) {
|
|
343
345
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
344
346
|
opacity: 1;
|
|
345
347
|
width: var(--awsui-drawer-size-zw2xxa);
|
|
346
348
|
}
|
|
347
349
|
@media (min-width: 2541px) {
|
|
348
|
-
.
|
|
350
|
+
.awsui_drawer_hyvsj_1cy16_145.awsui_is-drawer-open_hyvsj_1cy16_314:not(#\9) {
|
|
349
351
|
--awsui-drawer-size-zw2xxa: 320px;
|
|
350
352
|
}
|
|
351
353
|
}
|
|
352
354
|
@media (max-width: 688px) {
|
|
353
|
-
.
|
|
355
|
+
.awsui_drawer_hyvsj_1cy16_145.awsui_is-drawer-open_hyvsj_1cy16_314:not(#\9) {
|
|
354
356
|
--awsui-drawer-size-zw2xxa: 100vw;
|
|
355
357
|
width: 100vw;
|
|
356
358
|
}
|
|
@@ -360,7 +362,7 @@ div.awsui_background_hyvsj_yd4mf_93 > .awsui_sticky-background_hyvsj_yd4mf_102.a
|
|
|
360
362
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
361
363
|
SPDX-License-Identifier: Apache-2.0
|
|
362
364
|
*/
|
|
363
|
-
header.
|
|
365
|
+
header.awsui_content_hyvsj_1cy16_339:not(#\9) {
|
|
364
366
|
grid-area: header;
|
|
365
367
|
}
|
|
366
368
|
|
|
@@ -381,7 +383,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
381
383
|
circumstances regardless of whether the minContentWidth property is
|
|
382
384
|
explicitly set in script.
|
|
383
385
|
*/
|
|
384
|
-
.
|
|
386
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9) {
|
|
385
387
|
--awsui-breadcrumbs-gap-zw2xxa: 0px;
|
|
386
388
|
--awsui-content-gap-left-zw2xxa: 0px;
|
|
387
389
|
--awsui-content-gap-right-zw2xxa: 0px;
|
|
@@ -464,133 +466,133 @@ explicitly set in script.
|
|
|
464
466
|
*/
|
|
465
467
|
}
|
|
466
468
|
@media (min-width: 1401px) {
|
|
467
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443) {
|
|
468
470
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
469
471
|
}
|
|
470
472
|
}
|
|
471
473
|
@media (min-width: 1921px) {
|
|
472
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443) {
|
|
473
475
|
--awsui-default-max-content-width-zw2xxa: 1440px;
|
|
474
476
|
}
|
|
475
477
|
}
|
|
476
478
|
@media (min-width: 2541px) {
|
|
477
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443) {
|
|
478
480
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
479
481
|
}
|
|
480
482
|
}
|
|
481
483
|
@media (min-width: 1401px) {
|
|
482
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443).awsui_content-type-dashboard_hyvsj_1cy16_458 {
|
|
483
485
|
--awsui-default-max-content-width-zw2xxa: 1280px;
|
|
484
486
|
}
|
|
485
487
|
}
|
|
486
488
|
@media (min-width: 1921px) {
|
|
487
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443).awsui_content-type-dashboard_hyvsj_1cy16_458 {
|
|
488
490
|
--awsui-default-max-content-width-zw2xxa: 1620px;
|
|
489
491
|
}
|
|
490
492
|
}
|
|
491
493
|
@media (min-width: 2541px) {
|
|
492
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cy16_443).awsui_content-type-dashboard_hyvsj_1cy16_458 {
|
|
493
495
|
--awsui-default-max-content-width-zw2xxa: 2160px;
|
|
494
496
|
}
|
|
495
497
|
}
|
|
496
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-max-content-width_hyvsj_1cy16_443:not(#\9) {
|
|
497
499
|
--awsui-default-max-content-width-zw2xxa: var(--awsui-max-content-width-zw2xxa);
|
|
498
500
|
}
|
|
499
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_is-overlap-disabled_hyvsj_1cy16_475:not(#\9) {
|
|
500
502
|
--awsui-overlap-height-zw2xxa: 0;
|
|
501
503
|
}
|
|
502
504
|
@media (min-width: 993px) {
|
|
503
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9) {
|
|
504
506
|
--awsui-default-min-content-width-zw2xxa: var(--awsui-min-content-width-zw2xxa, 280px);
|
|
505
507
|
}
|
|
506
508
|
}
|
|
507
509
|
@media (max-width: 992px) {
|
|
508
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9) {
|
|
509
511
|
--awsui-default-min-content-width-zw2xxa: 0px;
|
|
510
512
|
}
|
|
511
513
|
}
|
|
512
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cy16_110):not(.awsui_has-sticky-background_hyvsj_1cy16_133) {
|
|
513
515
|
--awsui-offset-top-with-notifications-zw2xxa: var(--awsui-header-height-zw2xxa);
|
|
514
516
|
}
|
|
515
|
-
.
|
|
517
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cy16_110).awsui_has-sticky-background_hyvsj_1cy16_133 {
|
|
516
518
|
--awsui-offset-top-with-notifications-zw2xxa: calc(var(--awsui-header-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px));
|
|
517
519
|
}
|
|
518
|
-
.
|
|
520
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-sticky-notifications_hyvsj_1cy16_110:not(#\9):not(.awsui_has-sticky-background_hyvsj_1cy16_133) {
|
|
519
521
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
520
522
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
521
523
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xxxs-j6dpcy, 2px)
|
|
522
524
|
);
|
|
523
525
|
}
|
|
524
|
-
.
|
|
526
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-sticky-notifications_hyvsj_1cy16_110.awsui_has-sticky-background_hyvsj_1cy16_133:not(#\9) {
|
|
525
527
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
526
528
|
var(--awsui-offset-top-zw2xxa) + var(--awsui-notifications-gap-zw2xxa) +
|
|
527
529
|
var(--awsui-notifications-height-zw2xxa) + var(--space-scaled-s-913kwi, 12px)
|
|
528
530
|
);
|
|
529
531
|
}
|
|
530
532
|
@media (min-width: 689px) {
|
|
531
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-content-gap-left_hyvsj_1cy16_507:not(#\9) {
|
|
532
534
|
--awsui-content-gap-left-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
533
535
|
}
|
|
534
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-content-gap-right_hyvsj_1cy16_510:not(#\9) {
|
|
535
537
|
--awsui-content-gap-right-zw2xxa: var(--space-scaled-2x-xxxl-qc7pg7, 40px);
|
|
536
538
|
}
|
|
537
539
|
}
|
|
538
540
|
@media (max-width: 688px) {
|
|
539
|
-
.
|
|
541
|
+
.awsui_layout_hyvsj_1cy16_360:not(#\9) {
|
|
540
542
|
--awsui-content-gap-left-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
541
543
|
--awsui-content-gap-right-zw2xxa: var(--space-l-f4l5gr, 20px);
|
|
542
544
|
}
|
|
543
545
|
}
|
|
544
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9) {
|
|
545
547
|
--awsui-notifications-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
546
548
|
}
|
|
547
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-breadcrumbs_hyvsj_1cy16_523:not(#\9) {
|
|
548
550
|
--awsui-breadcrumbs-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
549
551
|
}
|
|
550
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-header_hyvsj_1cy16_526:not(#\9), .awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cy16_523).awsui_has-header_hyvsj_1cy16_526 {
|
|
551
553
|
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
552
554
|
}
|
|
553
|
-
.
|
|
554
|
-
--awsui-header-gap-zw2xxa: var(--space-scaled-
|
|
555
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-breadcrumbs_hyvsj_1cy16_523.awsui_has-header_hyvsj_1cy16_526:not(#\9) {
|
|
556
|
+
--awsui-header-gap-zw2xxa: var(--space-scaled-xs-wbfgrv, 8px);
|
|
555
557
|
}
|
|
556
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cy16_523):not(.awsui_has-header_hyvsj_1cy16_526) {
|
|
557
559
|
--awsui-main-gap-zw2xxa: var(--space-xs-edba2s, 8px);
|
|
558
560
|
}
|
|
559
|
-
.
|
|
561
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-breadcrumbs_hyvsj_1cy16_523:not(#\9):not(.awsui_has-header_hyvsj_1cy16_526) {
|
|
560
562
|
--awsui-container-first-gap-zw2xxa: calc(var(--awsui-breadcrumbs-gap-zw2xxa) - var(--awsui-main-gap-zw2xxa));
|
|
561
563
|
}
|
|
562
|
-
.
|
|
564
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-breadcrumbs_hyvsj_1cy16_523:not(#\9):not(.awsui_has-header_hyvsj_1cy16_526).awsui_is-overlap-disabled_hyvsj_1cy16_475 {
|
|
563
565
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
564
566
|
}
|
|
565
|
-
.
|
|
567
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-breadcrumbs_hyvsj_1cy16_523:not(#\9):not(.awsui_has-header_hyvsj_1cy16_526):not(.awsui_is-overlap-disabled_hyvsj_1cy16_475) {
|
|
566
568
|
--awsui-main-gap-zw2xxa: var(--space-scaled-xxs-t2t62i, 4px);
|
|
567
569
|
}
|
|
568
|
-
.
|
|
569
|
-
--awsui-main-gap-zw2xxa: var(--space-
|
|
570
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_has-header_hyvsj_1cy16_526:not(#\9) {
|
|
571
|
+
--awsui-main-gap-zw2xxa: var(--space-content-header-padding-bottom-3kdnde, 16px);
|
|
570
572
|
}
|
|
571
|
-
.
|
|
572
|
-
--awsui-main-gap-zw2xxa: var(--space-scaled-
|
|
573
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-main_hyvsj_1cy16_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1cy16_475), .awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-main_hyvsj_1cy16_547.awsui_is-overlap-disabled_hyvsj_1cy16_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cy16_547) {
|
|
574
|
+
--awsui-main-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
573
575
|
}
|
|
574
576
|
@media (min-width: 689px) {
|
|
575
|
-
.
|
|
577
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-main_hyvsj_1cy16_547:not(#\9):not(.awsui_has-header_hyvsj_1cy16_526) {
|
|
576
578
|
--awsui-container-first-overlap-extension-zw2xxa: var(--space-m-h2th94, 16px);
|
|
577
579
|
--awsui-container-first-gap-zw2xxa: var(--space-xxs-ja5cp8, 4px);
|
|
578
580
|
}
|
|
579
581
|
}
|
|
580
582
|
@media (max-width: 688px) {
|
|
581
|
-
.
|
|
583
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9) {
|
|
582
584
|
--awsui-notifications-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
583
585
|
}
|
|
584
|
-
.
|
|
586
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-header_hyvsj_1cy16_526:not(#\9) {
|
|
585
587
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
586
588
|
}
|
|
587
|
-
.
|
|
589
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cy16_523).awsui_has-header_hyvsj_1cy16_526 {
|
|
588
590
|
--awsui-header-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
589
591
|
}
|
|
590
|
-
.
|
|
592
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-notifications_hyvsj_1cy16_520:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cy16_523):not(.awsui_has-header_hyvsj_1cy16_526), .awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-main_hyvsj_1cy16_547:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1cy16_475) {
|
|
591
593
|
--awsui-main-gap-zw2xxa: var(--space-scaled-s-913kwi, 12px);
|
|
592
594
|
}
|
|
593
|
-
.
|
|
595
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_content-first-child-main_hyvsj_1cy16_547.awsui_is-overlap-disabled_hyvsj_1cy16_475:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cy16_547) {
|
|
594
596
|
--awsui-main-gap-zw2xxa: var(--space-scaled-m-gxhdpl, 16px);
|
|
595
597
|
}
|
|
596
598
|
}
|
|
@@ -605,19 +607,19 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
605
607
|
position: sticky will be the value of the notifications height in addition to the
|
|
606
608
|
notifications top margin and some additional vertical space for aesthetics.
|
|
607
609
|
*/
|
|
608
|
-
.
|
|
610
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9) {
|
|
609
611
|
--awsui-main-template-rows-zw2xxa: 1fr auto;
|
|
610
612
|
--awsui-offset-top-zw2xxa: 0px;
|
|
611
613
|
height: var(--awsui-content-height-zw2xxa);
|
|
612
614
|
overflow-y: scroll;
|
|
613
615
|
}
|
|
614
|
-
.
|
|
616
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_disable-body-scroll_hyvsj_1cy16_191.awsui_has-split-panel_hyvsj_1cy16_590.awsui_split-panel-position-bottom_hyvsj_1cy16_590:not(#\9) {
|
|
615
617
|
--awsui-main-template-rows-zw2xxa: repeat(2, auto);
|
|
616
618
|
}
|
|
617
|
-
.
|
|
619
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1cy16_110) {
|
|
618
620
|
--awsui-offset-top-with-notifications-zw2xxa: 0px;
|
|
619
621
|
}
|
|
620
|
-
.
|
|
622
|
+
.awsui_layout_hyvsj_1cy16_360.awsui_disable-body-scroll_hyvsj_1cy16_191.awsui_has-sticky-notifications_hyvsj_1cy16_110:not(#\9) {
|
|
621
623
|
--awsui-offset-top-with-notifications-zw2xxa: calc(
|
|
622
624
|
var(--awsui-notifications-height-zw2xxa) + var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
|
|
623
625
|
);
|
|
@@ -627,13 +629,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
627
629
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
628
630
|
when the navigation or tools drawers are open in responsive viewports.
|
|
629
631
|
*/
|
|
630
|
-
.awsui_block-body-
|
|
632
|
+
.awsui_block-body-scroll_hyvsj_1cy16_606:not(#\9) {
|
|
631
633
|
overflow: hidden;
|
|
632
634
|
}
|
|
633
635
|
|
|
634
636
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
635
|
-
.
|
|
636
|
-
.
|
|
637
|
+
.awsui_unfocusable_hyvsj_1cy16_611:not(#\9),
|
|
638
|
+
.awsui_unfocusable_hyvsj_1cy16_611 *:not(#\9) {
|
|
637
639
|
visibility: hidden !important;
|
|
638
640
|
}
|
|
639
641
|
|
|
@@ -642,7 +644,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
642
644
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
643
645
|
SPDX-License-Identifier: Apache-2.0
|
|
644
646
|
*/
|
|
645
|
-
.
|
|
647
|
+
.awsui_container_hyvsj_1cy16_621:not(#\9) {
|
|
646
648
|
grid-area: main;
|
|
647
649
|
padding-bottom: var(--space-layout-content-bottom-zwsyun, 40px);
|
|
648
650
|
/*
|
|
@@ -659,18 +661,18 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
659
661
|
on the right, we decrement the column end by one.
|
|
660
662
|
*/
|
|
661
663
|
}
|
|
662
|
-
.
|
|
664
|
+
.awsui_container_hyvsj_1cy16_621.awsui_has-split-panel_hyvsj_1cy16_590.awsui_split-panel-position-bottom_hyvsj_1cy16_590:not(#\9) {
|
|
663
665
|
padding-bottom: calc(var(--awsui-split-panel-height-zw2xxa) + var(--space-layout-content-bottom-zwsyun, 40px));
|
|
664
666
|
}
|
|
665
|
-
.
|
|
667
|
+
.awsui_container_hyvsj_1cy16_621.awsui_disable-content-paddings_hyvsj_1cy16_547:not(#\9) {
|
|
666
668
|
grid-column: 1/6;
|
|
667
669
|
padding: 0;
|
|
668
670
|
}
|
|
669
671
|
@media (min-width: 689px) {
|
|
670
|
-
.
|
|
672
|
+
.awsui_container_hyvsj_1cy16_621.awsui_disable-content-paddings_hyvsj_1cy16_547.awsui_is-navigation-open_hyvsj_1cy16_646:not(#\9) {
|
|
671
673
|
grid-column-start: 2;
|
|
672
674
|
}
|
|
673
|
-
.
|
|
675
|
+
.awsui_container_hyvsj_1cy16_621.awsui_disable-content-paddings_hyvsj_1cy16_547.awsui_is-tools-open_hyvsj_1cy16_649:not(#\9), .awsui_container_hyvsj_1cy16_621.awsui_disable-content-paddings_hyvsj_1cy16_547.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_split-panel-position-side_hyvsj_1cy16_649:not(#\9) {
|
|
674
676
|
grid-column-end: 5;
|
|
675
677
|
}
|
|
676
678
|
}
|
|
@@ -679,7 +681,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
679
681
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
680
682
|
SPDX-License-Identifier: Apache-2.0
|
|
681
683
|
*/
|
|
682
|
-
section.awsui_mobile-
|
|
684
|
+
section.awsui_mobile-toolbar_hyvsj_1cy16_658:not(#\9) {
|
|
683
685
|
align-items: center;
|
|
684
686
|
background-color: var(--color-background-home-header-qnhw1k, #000716);
|
|
685
687
|
border-bottom: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
@@ -695,15 +697,15 @@ section.awsui_mobile-toolbar_hyvsj_yd4mf_656:not(#\9) {
|
|
|
695
697
|
top: var(--awsui-offset-top-zw2xxa);
|
|
696
698
|
z-index: 1000;
|
|
697
699
|
}
|
|
698
|
-
section.awsui_mobile-
|
|
700
|
+
section.awsui_mobile-toolbar_hyvsj_1cy16_658 > .awsui_mobile-toolbar-nav_hyvsj_1cy16_674:not(#\9) {
|
|
699
701
|
grid-column: 1;
|
|
700
702
|
margin-right: var(--space-m-h2th94, 16px);
|
|
701
703
|
}
|
|
702
|
-
section.awsui_mobile-
|
|
704
|
+
section.awsui_mobile-toolbar_hyvsj_1cy16_658 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1cy16_678:not(#\9) {
|
|
703
705
|
grid-column: 2;
|
|
704
706
|
background-color: var(--color-background-layout-main-m49752, #ffffff);
|
|
705
707
|
}
|
|
706
|
-
section.awsui_mobile-
|
|
708
|
+
section.awsui_mobile-toolbar_hyvsj_1cy16_658 > .awsui_mobile-toolbar-tools_hyvsj_1cy16_682:not(#\9) {
|
|
707
709
|
grid-column: 3;
|
|
708
710
|
margin-left: var(--space-m-h2th94, 16px);
|
|
709
711
|
}
|
|
@@ -712,7 +714,7 @@ section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
712
714
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
713
715
|
SPDX-License-Identifier: Apache-2.0
|
|
714
716
|
*/
|
|
715
|
-
.awsui_navigation-
|
|
717
|
+
.awsui_navigation-container_hyvsj_1cy16_691:not(#\9) {
|
|
716
718
|
--awsui-navigation-width-zw2xxa: 280px;
|
|
717
719
|
display: flex;
|
|
718
720
|
grid-column: 1;
|
|
@@ -734,12 +736,12 @@ section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
734
736
|
pointer-events: none;
|
|
735
737
|
}
|
|
736
738
|
@media (min-width: 2541px) {
|
|
737
|
-
.awsui_navigation-
|
|
739
|
+
.awsui_navigation-container_hyvsj_1cy16_691:not(#\9) {
|
|
738
740
|
--awsui-navigation-width-zw2xxa: 320px;
|
|
739
741
|
}
|
|
740
742
|
}
|
|
741
743
|
@media (max-width: 688px) {
|
|
742
|
-
.awsui_navigation-
|
|
744
|
+
.awsui_navigation-container_hyvsj_1cy16_691:not(#\9) {
|
|
743
745
|
left: 0;
|
|
744
746
|
position: fixed;
|
|
745
747
|
z-index: 1001;
|
|
@@ -751,19 +753,19 @@ section.awsui_mobile-toolbar_hyvsj_yd4mf_656 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
751
753
|
relative to the body.
|
|
752
754
|
*/
|
|
753
755
|
}
|
|
754
|
-
.awsui_navigation-
|
|
756
|
+
.awsui_navigation-container_hyvsj_1cy16_691.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9) {
|
|
755
757
|
top: var(--awsui-header-height-zw2xxa);
|
|
756
758
|
}
|
|
757
759
|
}
|
|
758
760
|
|
|
759
|
-
nav.awsui_show-
|
|
761
|
+
nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9) {
|
|
760
762
|
padding: var(--space-scaled-s-913kwi, 12px) var(--space-layout-toggle-padding-dhzjwp, 20px);
|
|
761
763
|
/*
|
|
762
764
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
763
765
|
take control in responsive viewports.
|
|
764
766
|
*/
|
|
765
767
|
}
|
|
766
|
-
@keyframes
|
|
768
|
+
@keyframes awsui_showButtons_hyvsj_1cy16_1 {
|
|
767
769
|
0% {
|
|
768
770
|
opacity: 0;
|
|
769
771
|
}
|
|
@@ -771,37 +773,38 @@ nav.awsui_show-navigation_hyvsj_yd4mf_733:not(#\9) {
|
|
|
771
773
|
opacity: 1;
|
|
772
774
|
}
|
|
773
775
|
}
|
|
774
|
-
nav.awsui_show-
|
|
776
|
+
nav.awsui_show-navigation_hyvsj_1cy16_735.awsui_is-navigation-open_hyvsj_1cy16_646:not(#\9) {
|
|
775
777
|
display: none;
|
|
776
778
|
}
|
|
777
779
|
@media (min-width: 689px) {
|
|
778
|
-
nav.awsui_show-
|
|
780
|
+
nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646) {
|
|
779
781
|
display: block;
|
|
780
782
|
}
|
|
781
|
-
nav.awsui_show-
|
|
782
|
-
animation:
|
|
783
|
+
nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646).awsui_animating_hyvsj_1cy16_757 {
|
|
784
|
+
animation: awsui_showButtons_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
783
785
|
}
|
|
784
786
|
}
|
|
785
787
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
786
|
-
nav.awsui_show-
|
|
788
|
+
nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646).awsui_animating_hyvsj_1cy16_757 {
|
|
787
789
|
animation: none;
|
|
788
790
|
transition: none;
|
|
789
791
|
}
|
|
790
792
|
}
|
|
791
793
|
@media (min-width: 689px) {
|
|
792
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
794
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646).awsui_animating_hyvsj_1cy16_757, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1cy16_735:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646).awsui_animating_hyvsj_1cy16_757 {
|
|
793
795
|
animation: none;
|
|
794
796
|
transition: none;
|
|
795
797
|
}
|
|
796
798
|
}
|
|
797
799
|
|
|
798
|
-
nav.
|
|
800
|
+
nav.awsui_navigation_hyvsj_1cy16_691:not(#\9) {
|
|
799
801
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
800
802
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
801
803
|
bottom: 0;
|
|
802
804
|
height: 100%;
|
|
803
805
|
overflow-x: hidden;
|
|
804
806
|
overflow-y: auto;
|
|
807
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
805
808
|
overscroll-behavior-y: contain;
|
|
806
809
|
position: relative;
|
|
807
810
|
word-wrap: break-word;
|
|
@@ -812,7 +815,7 @@ nav.awsui_navigation_hyvsj_yd4mf_689:not(#\9) {
|
|
|
812
815
|
prevent unwanted text wrapping.
|
|
813
816
|
*/
|
|
814
817
|
}
|
|
815
|
-
@keyframes
|
|
818
|
+
@keyframes awsui_openNavigation_hyvsj_1cy16_1 {
|
|
816
819
|
from {
|
|
817
820
|
opacity: 0;
|
|
818
821
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
@@ -822,33 +825,33 @@ nav.awsui_navigation_hyvsj_yd4mf_689:not(#\9) {
|
|
|
822
825
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
823
826
|
}
|
|
824
827
|
}
|
|
825
|
-
nav.
|
|
828
|
+
nav.awsui_navigation_hyvsj_1cy16_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cy16_646) {
|
|
826
829
|
width: 0;
|
|
827
830
|
display: none;
|
|
828
831
|
}
|
|
829
|
-
nav.
|
|
830
|
-
animation:
|
|
832
|
+
nav.awsui_navigation_hyvsj_1cy16_691.awsui_is-navigation-open_hyvsj_1cy16_646.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
833
|
+
animation: awsui_openNavigation_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
831
834
|
}
|
|
832
835
|
@media (prefers-reduced-motion: reduce) {
|
|
833
|
-
nav.
|
|
836
|
+
nav.awsui_navigation_hyvsj_1cy16_691.awsui_is-navigation-open_hyvsj_1cy16_646.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
834
837
|
animation: none;
|
|
835
838
|
transition: none;
|
|
836
839
|
}
|
|
837
840
|
}
|
|
838
|
-
.awsui-motion-disabled nav.
|
|
841
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1cy16_691.awsui_is-navigation-open_hyvsj_1cy16_646.awsui_animating_hyvsj_1cy16_757:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1cy16_691.awsui_is-navigation-open_hyvsj_1cy16_646.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
839
842
|
animation: none;
|
|
840
843
|
transition: none;
|
|
841
844
|
}
|
|
842
|
-
nav.
|
|
845
|
+
nav.awsui_navigation_hyvsj_1cy16_691 > .awsui_animated-content_hyvsj_1cy16_819:not(#\9) {
|
|
843
846
|
width: var(--awsui-navigation-width-zw2xxa);
|
|
844
847
|
}
|
|
845
848
|
@media (max-width: 688px) {
|
|
846
|
-
nav.
|
|
849
|
+
nav.awsui_navigation_hyvsj_1cy16_691:not(#\9) {
|
|
847
850
|
--awsui-navigation-width-zw2xxa: 100vw;
|
|
848
851
|
}
|
|
849
852
|
}
|
|
850
853
|
|
|
851
|
-
.awsui_hide-
|
|
854
|
+
.awsui_hide-navigation_hyvsj_1cy16_828:not(#\9) {
|
|
852
855
|
position: absolute;
|
|
853
856
|
right: var(--space-m-h2th94, 16px);
|
|
854
857
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -858,13 +861,13 @@ nav.awsui_navigation_hyvsj_yd4mf_689 > .awsui_animated-content_hyvsj_yd4mf_816:n
|
|
|
858
861
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
859
862
|
SPDX-License-Identifier: Apache-2.0
|
|
860
863
|
*/
|
|
861
|
-
.
|
|
864
|
+
.awsui_notifications_hyvsj_1cy16_838:not(#\9) {
|
|
862
865
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
863
866
|
grid-area: notifications;
|
|
864
867
|
z-index: 850;
|
|
865
868
|
}
|
|
866
869
|
@media (min-width: 689px) {
|
|
867
|
-
.
|
|
870
|
+
.awsui_notifications_hyvsj_1cy16_838.awsui_sticky-notifications_hyvsj_1cy16_844:not(#\9) {
|
|
868
871
|
--awsui-flashbar-sticky-bottom-margin-zw2xxa: var(--space-xxl-sgg5p8, 32px);
|
|
869
872
|
position: sticky;
|
|
870
873
|
top: calc(var(--awsui-offset-top-zw2xxa) + var(--space-xs-edba2s, 8px));
|
|
@@ -881,7 +884,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
881
884
|
consume the remaining vertical space in the grid after the notifications
|
|
882
885
|
and breadcrumbs.
|
|
883
886
|
*/
|
|
884
|
-
section.awsui_split-panel-
|
|
887
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861:not(#\9) {
|
|
885
888
|
/*
|
|
886
889
|
The align self property will position the split panel at the bottom of the grid row.
|
|
887
890
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -916,7 +919,7 @@ section.awsui_split-panel-bottom_hyvsj_yd4mf_858:not(#\9) {
|
|
|
916
919
|
apply the animation to the height property.
|
|
917
920
|
*/
|
|
918
921
|
}
|
|
919
|
-
@keyframes
|
|
922
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1cy16_1 {
|
|
920
923
|
from {
|
|
921
924
|
height: var(--awsui-split-panel-reported-header-size-zw2xxa, 0);
|
|
922
925
|
}
|
|
@@ -924,39 +927,39 @@ section.awsui_split-panel-bottom_hyvsj_yd4mf_858:not(#\9) {
|
|
|
924
927
|
height: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
925
928
|
}
|
|
926
929
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9) {
|
|
928
931
|
bottom: 0;
|
|
929
932
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-navigation-open_hyvsj_1cy16_646.awsui_position-bottom_hyvsj_1cy16_907:not(#\9) {
|
|
931
934
|
grid-column-start: 2;
|
|
932
935
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
936
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_has-open-drawer_hyvsj_1cy16_157.awsui_position-bottom_hyvsj_1cy16_907:not(#\9) {
|
|
934
937
|
grid-column-end: 5;
|
|
935
938
|
}
|
|
936
|
-
section.awsui_split-panel-
|
|
939
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_position-bottom_hyvsj_1cy16_907:not(#\9) {
|
|
937
940
|
display: block;
|
|
938
941
|
}
|
|
939
|
-
section.awsui_split-panel-
|
|
942
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cy16_649).awsui_position-bottom_hyvsj_1cy16_907 {
|
|
940
943
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
941
944
|
}
|
|
942
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-bottom_hyvsj_1cy16_907:not(#\9) {
|
|
943
946
|
box-shadow: var(--shadow-split-bottom-ijqtlb, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
944
947
|
}
|
|
945
|
-
section.awsui_split-panel-
|
|
946
|
-
animation:
|
|
948
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-bottom_hyvsj_1cy16_907.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
949
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
947
950
|
}
|
|
948
951
|
@media (prefers-reduced-motion: reduce) {
|
|
949
|
-
section.awsui_split-panel-
|
|
952
|
+
section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-bottom_hyvsj_1cy16_907.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
950
953
|
animation: none;
|
|
951
954
|
transition: none;
|
|
952
955
|
}
|
|
953
956
|
}
|
|
954
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
957
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-bottom_hyvsj_1cy16_907.awsui_animating_hyvsj_1cy16_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1cy16_861.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-bottom_hyvsj_1cy16_907.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
955
958
|
animation: none;
|
|
956
959
|
transition: none;
|
|
957
960
|
}
|
|
958
961
|
|
|
959
|
-
section.awsui_split-panel-
|
|
962
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936:not(#\9) {
|
|
960
963
|
height: 100%;
|
|
961
964
|
overflow-x: hidden;
|
|
962
965
|
pointer-events: auto;
|
|
@@ -971,7 +974,7 @@ section.awsui_split-panel-side_hyvsj_yd4mf_933:not(#\9) {
|
|
|
971
974
|
prevent unwanted text wrapping.
|
|
972
975
|
*/
|
|
973
976
|
}
|
|
974
|
-
@keyframes
|
|
977
|
+
@keyframes awsui_openSplitPanelSide_hyvsj_1cy16_1 {
|
|
975
978
|
from {
|
|
976
979
|
opacity: 0;
|
|
977
980
|
width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
@@ -981,28 +984,28 @@ section.awsui_split-panel-side_hyvsj_yd4mf_933:not(#\9) {
|
|
|
981
984
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
982
985
|
}
|
|
983
986
|
}
|
|
984
|
-
section.awsui_split-panel-
|
|
987
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cy16_649), section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_position-bottom_hyvsj_1cy16_907:not(#\9) {
|
|
985
988
|
width: 0;
|
|
986
989
|
}
|
|
987
|
-
section.awsui_split-panel-
|
|
990
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-side_hyvsj_1cy16_964:not(#\9) {
|
|
988
991
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
989
992
|
max-width: var(--awsui-split-panel-max-width-zw2xxa, 280px);
|
|
990
993
|
min-width: var(--awsui-split-panel-min-width-zw2xxa, 280px);
|
|
991
994
|
}
|
|
992
|
-
section.awsui_split-panel-
|
|
993
|
-
animation:
|
|
995
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-side_hyvsj_1cy16_964.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
996
|
+
animation: awsui_openSplitPanelSide_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
994
997
|
}
|
|
995
998
|
@media (prefers-reduced-motion: reduce) {
|
|
996
|
-
section.awsui_split-panel-
|
|
999
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-side_hyvsj_1cy16_964.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
997
1000
|
animation: none;
|
|
998
1001
|
transition: none;
|
|
999
1002
|
}
|
|
1000
1003
|
}
|
|
1001
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
1004
|
+
.awsui-motion-disabled section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-side_hyvsj_1cy16_964.awsui_animating_hyvsj_1cy16_757:not(#\9), .awsui-mode-entering section.awsui_split-panel-side_hyvsj_1cy16_936.awsui_is-split-panel-open_hyvsj_1cy16_649.awsui_position-side_hyvsj_1cy16_964.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1002
1005
|
animation: none;
|
|
1003
1006
|
transition: none;
|
|
1004
1007
|
}
|
|
1005
|
-
section.awsui_split-panel-
|
|
1008
|
+
section.awsui_split-panel-side_hyvsj_1cy16_936 > .awsui_animated-content_hyvsj_1cy16_819:not(#\9) {
|
|
1006
1009
|
height: 100%;
|
|
1007
1010
|
max-width: inherit;
|
|
1008
1011
|
width: var(--awsui-split-panel-reported-size-zw2xxa);
|
|
@@ -1021,7 +1024,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
1021
1024
|
property. The content gap right is computed in the Layout styles based on the
|
|
1022
1025
|
viewport size and state of the Tools drawer.
|
|
1023
1026
|
*/
|
|
1024
|
-
.awsui_tools-
|
|
1027
|
+
.awsui_tools-container_hyvsj_1cy16_1001:not(#\9) {
|
|
1025
1028
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
1026
1029
|
--awsui-tools-max-width-zw2xxa: calc(var(--awsui-layout-width-zw2xxa) - var(--awsui-main-offset-left-zw2xxa) - var(--awsui-default-min-content-width-zw2xxa) - var(--awsui-content-gap-right-zw2xxa));
|
|
1027
1030
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
@@ -1037,12 +1040,12 @@ viewport size and state of the Tools drawer.
|
|
|
1037
1040
|
pointer-events: none;
|
|
1038
1041
|
}
|
|
1039
1042
|
@media (min-width: 2541px) {
|
|
1040
|
-
.awsui_tools-
|
|
1043
|
+
.awsui_tools-container_hyvsj_1cy16_1001:not(#\9) {
|
|
1041
1044
|
--awsui-tools-width-zw2xxa: 360px;
|
|
1042
1045
|
}
|
|
1043
1046
|
}
|
|
1044
1047
|
@media (max-width: 688px) {
|
|
1045
|
-
.awsui_tools-
|
|
1048
|
+
.awsui_tools-container_hyvsj_1cy16_1001:not(#\9) {
|
|
1046
1049
|
--awsui-tools-max-width-zw2xxa: none;
|
|
1047
1050
|
--awsui-tools-width-zw2xxa: auto;
|
|
1048
1051
|
position: fixed;
|
|
@@ -1056,18 +1059,19 @@ viewport size and state of the Tools drawer.
|
|
|
1056
1059
|
relative to the body.
|
|
1057
1060
|
*/
|
|
1058
1061
|
}
|
|
1059
|
-
.awsui_tools-
|
|
1062
|
+
.awsui_tools-container_hyvsj_1cy16_1001.awsui_disable-body-scroll_hyvsj_1cy16_191:not(#\9) {
|
|
1060
1063
|
top: var(--awsui-header-height-zw2xxa);
|
|
1061
1064
|
}
|
|
1062
1065
|
}
|
|
1063
1066
|
|
|
1064
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_1cy16_1001:not(#\9) {
|
|
1065
1068
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1066
1069
|
box-shadow: var(--shadow-panel-pj5weo, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
|
|
1067
1070
|
flex-shrink: 0;
|
|
1068
1071
|
height: 100%;
|
|
1069
1072
|
overflow-y: auto;
|
|
1070
1073
|
overflow-x: hidden;
|
|
1074
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1071
1075
|
overscroll-behavior-y: contain;
|
|
1072
1076
|
pointer-events: auto;
|
|
1073
1077
|
position: relative;
|
|
@@ -1084,7 +1088,7 @@ viewport size and state of the Tools drawer.
|
|
|
1084
1088
|
in the side position.
|
|
1085
1089
|
*/
|
|
1086
1090
|
}
|
|
1087
|
-
@keyframes
|
|
1091
|
+
@keyframes awsui_openTools_hyvsj_1cy16_1 {
|
|
1088
1092
|
from {
|
|
1089
1093
|
opacity: var(--awsui-tools-animation-starting-opacity-zw2xxa, 0);
|
|
1090
1094
|
width: calc(var(--space-layout-toggle-padding-dhzjwp, 20px) * 2 + var(--space-layout-toggle-diameter-i4mha3, 40px));
|
|
@@ -1094,38 +1098,38 @@ viewport size and state of the Tools drawer.
|
|
|
1094
1098
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1095
1099
|
}
|
|
1096
1100
|
}
|
|
1097
|
-
.
|
|
1101
|
+
.awsui_tools_hyvsj_1cy16_1001:not(#\9):not(.awsui_is-tools-open_hyvsj_1cy16_649) {
|
|
1098
1102
|
width: 0;
|
|
1099
1103
|
display: none;
|
|
1100
1104
|
}
|
|
1101
|
-
.
|
|
1102
|
-
animation:
|
|
1105
|
+
.awsui_tools_hyvsj_1cy16_1001.awsui_is-tools-open_hyvsj_1cy16_649.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1106
|
+
animation: awsui_openTools_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1103
1107
|
}
|
|
1104
1108
|
@media (prefers-reduced-motion: reduce) {
|
|
1105
|
-
.
|
|
1109
|
+
.awsui_tools_hyvsj_1cy16_1001.awsui_is-tools-open_hyvsj_1cy16_649.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1106
1110
|
animation: none;
|
|
1107
1111
|
transition: none;
|
|
1108
1112
|
}
|
|
1109
1113
|
}
|
|
1110
|
-
.awsui-motion-disabled .
|
|
1114
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1cy16_1001.awsui_is-tools-open_hyvsj_1cy16_649.awsui_animating_hyvsj_1cy16_757:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1cy16_1001.awsui_is-tools-open_hyvsj_1cy16_649.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1111
1115
|
animation: none;
|
|
1112
1116
|
transition: none;
|
|
1113
1117
|
}
|
|
1114
|
-
.
|
|
1118
|
+
.awsui_tools_hyvsj_1cy16_1001 > .awsui_animated-content_hyvsj_1cy16_819:not(#\9) {
|
|
1115
1119
|
width: var(--awsui-tools-width-zw2xxa);
|
|
1116
1120
|
}
|
|
1117
1121
|
@media (min-width: 689px) {
|
|
1118
|
-
.
|
|
1122
|
+
.awsui_tools_hyvsj_1cy16_1001.awsui_is-tools-open_hyvsj_1cy16_649.awsui_has-tools-form-persistence_hyvsj_1cy16_1096:not(#\9) {
|
|
1119
1123
|
border-right: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
|
|
1120
1124
|
}
|
|
1121
1125
|
}
|
|
1122
1126
|
@media (max-width: 688px) {
|
|
1123
|
-
.
|
|
1127
|
+
.awsui_tools_hyvsj_1cy16_1001:not(#\9) {
|
|
1124
1128
|
--awsui-tools-width-zw2xxa: 100vw;
|
|
1125
1129
|
}
|
|
1126
1130
|
}
|
|
1127
1131
|
|
|
1128
|
-
.awsui_hide-
|
|
1132
|
+
.awsui_hide-tools_hyvsj_1cy16_1106:not(#\9) {
|
|
1129
1133
|
position: absolute;
|
|
1130
1134
|
right: var(--space-m-h2th94, 16px);
|
|
1131
1135
|
top: var(--size-vertical-panel-icon-offset-zd2rli, 15px);
|
|
@@ -1137,7 +1141,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1137
1141
|
the calculation used to determine the Split Panel maximum width in the
|
|
1138
1142
|
handleSplitPanelMaxWidth function in the context.
|
|
1139
1143
|
*/
|
|
1140
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_1cy16_1118:not(#\9) {
|
|
1141
1145
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1142
1146
|
border-collapse: separate;
|
|
1143
1147
|
border-spacing: 0;
|
|
@@ -1181,7 +1185,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1181
1185
|
take control in responsive viewports.
|
|
1182
1186
|
*/
|
|
1183
1187
|
}
|
|
1184
|
-
@keyframes
|
|
1188
|
+
@keyframes awsui_showButtons_hyvsj_1cy16_1 {
|
|
1185
1189
|
0% {
|
|
1186
1190
|
opacity: 0;
|
|
1187
1191
|
}
|
|
@@ -1189,33 +1193,33 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1189
1193
|
opacity: 1;
|
|
1190
1194
|
}
|
|
1191
1195
|
}
|
|
1192
|
-
.awsui_show-
|
|
1196
|
+
.awsui_show-tools_hyvsj_1cy16_1118:not(#\9):not(.awsui_has-tools-form_hyvsj_1cy16_1096) {
|
|
1193
1197
|
display: none;
|
|
1194
1198
|
}
|
|
1195
1199
|
@media (min-width: 689px) {
|
|
1196
|
-
.awsui_show-
|
|
1200
|
+
.awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form_hyvsj_1cy16_1096:not(#\9) {
|
|
1197
1201
|
display: flex;
|
|
1198
1202
|
flex-direction: column;
|
|
1199
1203
|
gap: var(--space-xs-edba2s, 8px);
|
|
1200
1204
|
}
|
|
1201
|
-
.awsui_show-
|
|
1202
|
-
animation:
|
|
1205
|
+
.awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form_hyvsj_1cy16_1096.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1206
|
+
animation: awsui_showButtons_hyvsj_1cy16_1 var(--motion-duration-refresh-only-fast-q2mprk, 115ms);
|
|
1203
1207
|
}
|
|
1204
1208
|
}
|
|
1205
1209
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1206
|
-
.awsui_show-
|
|
1210
|
+
.awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form_hyvsj_1cy16_1096.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1207
1211
|
animation: none;
|
|
1208
1212
|
transition: none;
|
|
1209
1213
|
}
|
|
1210
1214
|
}
|
|
1211
1215
|
@media (min-width: 689px) {
|
|
1212
|
-
.awsui-motion-disabled .awsui_show-
|
|
1216
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form_hyvsj_1cy16_1096.awsui_animating_hyvsj_1cy16_757:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form_hyvsj_1cy16_1096.awsui_animating_hyvsj_1cy16_757:not(#\9) {
|
|
1213
1217
|
animation: none;
|
|
1214
1218
|
transition: none;
|
|
1215
1219
|
}
|
|
1216
1220
|
}
|
|
1217
1221
|
@media (min-width: 689px) {
|
|
1218
|
-
.awsui_show-
|
|
1222
|
+
.awsui_show-tools_hyvsj_1cy16_1118.awsui_has-tools-form-persistence_hyvsj_1cy16_1096:not(#\9) {
|
|
1219
1223
|
background-color: var(--color-background-container-content-og3y0v, #ffffff);
|
|
1220
1224
|
z-index: 1;
|
|
1221
1225
|
}
|
|
@@ -1230,7 +1234,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1230
1234
|
the calculation used to determine the Split Panel maximum width in the
|
|
1231
1235
|
handleSplitPanelMaxWidth function in the context.
|
|
1232
1236
|
*/
|
|
1233
|
-
.
|
|
1237
|
+
.awsui_trigger_hyvsj_1cy16_1185:not(#\9) {
|
|
1234
1238
|
background: var(--color-background-layout-toggle-default-q41mj7, #192534);
|
|
1235
1239
|
border: none;
|
|
1236
1240
|
border-radius: 50%;
|
|
@@ -1242,14 +1246,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1242
1246
|
pointer-events: auto;
|
|
1243
1247
|
width: var(--space-layout-toggle-diameter-i4mha3, 40px);
|
|
1244
1248
|
}
|
|
1245
|
-
body[data-awsui-focus-visible=true] .
|
|
1249
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cy16_1185:not(#\9):focus {
|
|
1246
1250
|
position: relative;
|
|
1247
1251
|
}
|
|
1248
|
-
body[data-awsui-focus-visible=true] .
|
|
1252
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cy16_1185:not(#\9):focus {
|
|
1249
1253
|
outline: 2px dotted transparent;
|
|
1250
1254
|
outline-offset: calc(3px - 1px);
|
|
1251
1255
|
}
|
|
1252
|
-
body[data-awsui-focus-visible=true] .
|
|
1256
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cy16_1185:not(#\9):focus::before {
|
|
1253
1257
|
content: " ";
|
|
1254
1258
|
display: block;
|
|
1255
1259
|
position: absolute;
|
|
@@ -1260,23 +1264,23 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_yd4mf_1181:not(#\9):foc
|
|
|
1260
1264
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
1261
1265
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
|
|
1262
1266
|
}
|
|
1263
|
-
.
|
|
1267
|
+
.awsui_trigger_hyvsj_1cy16_1185:not(#\9):focus {
|
|
1264
1268
|
outline: none;
|
|
1265
1269
|
}
|
|
1266
|
-
.
|
|
1270
|
+
.awsui_trigger_hyvsj_1cy16_1185:not(#\9):hover {
|
|
1267
1271
|
background: var(--color-background-layout-toggle-hover-im3a7d, #354150);
|
|
1268
1272
|
}
|
|
1269
|
-
.
|
|
1273
|
+
.awsui_trigger_hyvsj_1cy16_1185:not(#\9):active {
|
|
1270
1274
|
background: var(--color-background-layout-toggle-active-csmprm, #354150);
|
|
1271
1275
|
}
|
|
1272
|
-
.
|
|
1276
|
+
.awsui_trigger_hyvsj_1cy16_1185.awsui_selected_hyvsj_1cy16_1224:not(#\9) {
|
|
1273
1277
|
background: var(--color-background-layout-toggle-selected-default-ir617m, #0972d3);
|
|
1274
1278
|
color: var(--color-text-layout-toggle-selected-qzrnpy, #ffffff);
|
|
1275
1279
|
}
|
|
1276
|
-
.
|
|
1280
|
+
.awsui_trigger_hyvsj_1cy16_1185.awsui_selected_hyvsj_1cy16_1224:not(#\9):hover {
|
|
1277
1281
|
background: var(--color-background-layout-toggle-selected-hover-0qwzgy, #065299);
|
|
1278
1282
|
}
|
|
1279
|
-
.
|
|
1283
|
+
.awsui_trigger_hyvsj_1cy16_1185.awsui_selected_hyvsj_1cy16_1224:not(#\9):active {
|
|
1280
1284
|
background: var(--color-background-layout-toggle-selected-active-kajyo0, #0972d3);
|
|
1281
1285
|
}
|
|
1282
1286
|
|