@cloudscape-design/components 3.0.684 → 3.0.686
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/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -31
- package/annotation-context/annotation/styles.selectors.js +24 -24
- 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/visual-refresh/styles.css.js +82 -82
- package/app-layout/visual-refresh/styles.scoped.css +255 -255
- package/app-layout/visual-refresh/styles.selectors.js +82 -82
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +37 -37
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
- package/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/area-chart/model/use-chart-model.js +2 -1
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/area-chart/model/utils.d.ts +0 -1
- package/area-chart/model/utils.d.ts.map +1 -1
- package/area-chart/model/utils.js +0 -10
- package/area-chart/model/utils.js.map +1 -1
- package/button/interfaces.d.ts +1 -1
- package/button/interfaces.js.map +1 -1
- package/button-dropdown/item-element/index.js +1 -1
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +12 -11
- package/button-dropdown/item-element/styles.scoped.css +14 -14
- package/button-dropdown/item-element/styles.selectors.js +12 -11
- package/button-dropdown/tooltip.d.ts +2 -1
- package/button-dropdown/tooltip.d.ts.map +1 -1
- package/button-dropdown/tooltip.js +2 -2
- package/button-dropdown/tooltip.js.map +1 -1
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/copy-to-clipboard/index.d.ts +1 -1
- package/copy-to-clipboard/index.d.ts.map +1 -1
- package/copy-to-clipboard/index.js +2 -2
- package/copy-to-clipboard/index.js.map +1 -1
- package/copy-to-clipboard/interfaces.d.ts +8 -0
- package/copy-to-clipboard/interfaces.d.ts.map +1 -1
- package/copy-to-clipboard/interfaces.js.map +1 -1
- package/copy-to-clipboard/internal.d.ts +1 -1
- package/copy-to-clipboard/internal.d.ts.map +1 -1
- package/copy-to-clipboard/internal.js +2 -2
- package/copy-to-clipboard/internal.js.map +1 -1
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +171 -171
- package/flashbar/styles.selectors.js +47 -47
- package/i18n/dynamic.js +2 -0
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.ar.d.ts +3 -0
- package/i18n/messages/all.ar.js +1 -0
- package/i18n/messages/all.ar.json +1 -0
- package/i18n/messages/all.de.js +1 -1
- package/i18n/messages/all.de.json +1 -1
- package/i18n/messages/all.en-GB.js +1 -1
- package/i18n/messages/all.en-GB.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages/all.es.js +1 -1
- package/i18n/messages/all.es.json +1 -1
- package/i18n/messages/all.fr.js +1 -1
- package/i18n/messages/all.fr.json +1 -1
- package/i18n/messages/all.id.js +1 -1
- package/i18n/messages/all.id.json +1 -1
- package/i18n/messages/all.it.js +1 -1
- package/i18n/messages/all.it.json +1 -1
- package/i18n/messages/all.ja.js +1 -1
- package/i18n/messages/all.ja.json +1 -1
- package/i18n/messages/all.ko.js +1 -1
- package/i18n/messages/all.ko.json +1 -1
- package/i18n/messages/all.pt-BR.js +1 -1
- package/i18n/messages/all.pt-BR.json +1 -1
- package/i18n/messages/all.tr.js +1 -1
- package/i18n/messages/all.tr.json +1 -1
- package/i18n/messages/all.zh-CN.js +1 -1
- package/i18n/messages/all.zh-CN.json +1 -1
- package/i18n/messages/all.zh-TW.js +1 -1
- package/i18n/messages/all.zh-TW.json +1 -1
- package/i18n/messages-types.d.ts +12 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/icon/styles.css.js +38 -37
- package/icon/styles.scoped.css +82 -80
- package/icon/styles.selectors.js +38 -37
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/internal/components/chart-plot/focus-outline.js +1 -1
- package/internal/components/chart-plot/focus-outline.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +40 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts +2 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +57 -55
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/hooks/use-base-component/index.d.ts.map +1 -1
- package/internal/hooks/use-base-component/index.js +1 -2
- package/internal/hooks/use-base-component/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/circle-index.d.ts +2 -0
- package/internal/utils/circle-index.d.ts.map +1 -0
- package/internal/utils/circle-index.js +13 -0
- package/internal/utils/circle-index.js.map +1 -0
- package/key-value-pairs/index.d.ts +1 -1
- package/key-value-pairs/index.d.ts.map +1 -1
- package/key-value-pairs/index.js +2 -2
- package/key-value-pairs/index.js.map +1 -1
- package/key-value-pairs/interfaces.d.ts +11 -0
- package/key-value-pairs/interfaces.d.ts.map +1 -1
- package/key-value-pairs/interfaces.js.map +1 -1
- package/key-value-pairs/internal.d.ts.map +1 -1
- package/key-value-pairs/internal.js +2 -2
- package/key-value-pairs/internal.js.map +1 -1
- package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
- package/mixed-line-bar-chart/hooks/use-navigation.js +1 -10
- package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
- package/package.json +4 -1
- package/prompt-input/index.d.ts +6 -0
- package/prompt-input/index.d.ts.map +1 -0
- package/prompt-input/index.js +27 -0
- package/prompt-input/index.js.map +1 -0
- package/prompt-input/interfaces.d.ts +82 -0
- package/prompt-input/interfaces.d.ts.map +1 -0
- package/prompt-input/interfaces.js +2 -0
- package/prompt-input/interfaces.js.map +1 -0
- package/prompt-input/internal.d.ts +8 -0
- package/prompt-input/internal.d.ts.map +1 -0
- package/prompt-input/internal.js +109 -0
- package/prompt-input/internal.js.map +1 -0
- package/prompt-input/styles.css.js +13 -0
- package/prompt-input/styles.scoped.css +248 -0
- package/prompt-input/styles.selectors.js +14 -0
- package/prompt-input/test-classes/styles.css.js +8 -0
- package/prompt-input/test-classes/styles.scoped.css +15 -0
- package/prompt-input/test-classes/styles.selectors.js +9 -0
- package/property-filter/filtering-token/index.d.ts.map +1 -0
- package/{internal/components → property-filter}/filtering-token/index.js +7 -6
- package/property-filter/filtering-token/index.js.map +1 -0
- package/property-filter/filtering-token/styles.css.js +12 -0
- package/{internal/components → property-filter}/filtering-token/styles.scoped.css +15 -15
- package/property-filter/filtering-token/styles.selectors.js +13 -0
- package/property-filter/test-classes/styles.css.js +14 -0
- package/property-filter/test-classes/styles.scoped.css +39 -0
- package/property-filter/test-classes/styles.selectors.js +15 -0
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +7 -5
- package/property-filter/token-editor.js.map +1 -1
- package/property-filter/token.js +1 -1
- package/property-filter/token.js.map +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/slider/styles.css.js +26 -27
- package/slider/styles.scoped.css +90 -90
- package/slider/styles.selectors.js +26 -27
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/table/body-cell/styles.css.js +46 -46
- package/table/body-cell/styles.scoped.css +525 -274
- package/table/body-cell/styles.selectors.js +46 -46
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +3 -4
- package/table/body-cell/td-element.js.map +1 -1
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +53 -53
- package/tabs/styles.selectors.js +28 -28
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +1 -9
- package/tabs/tab-header-bar.js.map +1 -1
- package/test-utils/dom/copy-to-clipboard/index.d.ts +3 -1
- package/test-utils/dom/copy-to-clipboard/index.js +2 -2
- package/test-utils/dom/copy-to-clipboard/index.js.map +1 -1
- package/test-utils/dom/index.d.ts +3 -0
- package/test-utils/dom/index.js +10 -2
- package/test-utils/dom/index.js.map +1 -1
- package/test-utils/dom/prompt-input/index.d.ts +18 -0
- package/test-utils/dom/prompt-input/index.js +49 -0
- package/test-utils/dom/prompt-input/index.js.map +1 -0
- package/test-utils/dom/property-filter/index.d.ts +25 -2
- package/test-utils/dom/property-filter/index.js +59 -6
- package/test-utils/dom/property-filter/index.js.map +1 -1
- package/test-utils/selectors/copy-to-clipboard/index.d.ts +3 -1
- package/test-utils/selectors/copy-to-clipboard/index.js +4 -2
- package/test-utils/selectors/copy-to-clipboard/index.js.map +1 -1
- package/test-utils/selectors/index.d.ts +3 -0
- package/test-utils/selectors/index.js +10 -2
- package/test-utils/selectors/index.js.map +1 -1
- package/test-utils/selectors/prompt-input/index.d.ts +6 -0
- package/test-utils/selectors/prompt-input/index.js +15 -0
- package/test-utils/selectors/prompt-input/index.js.map +1 -0
- package/test-utils/selectors/property-filter/index.d.ts +25 -2
- package/test-utils/selectors/property-filter/index.js +61 -6
- package/test-utils/selectors/property-filter/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/internal/components/filtering-token/index.d.ts.map +0 -1
- package/internal/components/filtering-token/index.js.map +0 -1
- package/internal/components/filtering-token/styles.css.js +0 -12
- package/internal/components/filtering-token/styles.selectors.js +0 -13
- package/internal/hooks/focus-visible/index.d.ts +0 -3
- package/internal/hooks/focus-visible/index.d.ts.map +0 -1
- package/internal/hooks/focus-visible/index.js +0 -49
- package/internal/hooks/focus-visible/index.js.map +0 -1
- package/test-utils/dom/internal/filtering-token.d.ts +0 -8
- package/test-utils/dom/internal/filtering-token.js +0 -21
- package/test-utils/dom/internal/filtering-token.js.map +0 -1
- package/test-utils/selectors/internal/filtering-token.d.ts +0 -8
- package/test-utils/selectors/internal/filtering-token.js +0 -21
- package/test-utils/selectors/internal/filtering-token.js.map +0 -1
- /package/{internal/components → property-filter}/filtering-token/index.d.ts +0 -0
|
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
div.
|
|
97
|
+
div.awsui_background_hyvsj_fae1z_97:not(#\9) {
|
|
98
98
|
display: contents;
|
|
99
99
|
}
|
|
100
|
-
div.
|
|
100
|
+
div.awsui_background_hyvsj_fae1z_97 > .awsui_scrolling-background_hyvsj_fae1z_100:not(#\9) {
|
|
101
101
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
102
102
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
103
103
|
grid-column: 1/span 5;
|
|
@@ -108,7 +108,7 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
108
108
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
109
109
|
SPDX-License-Identifier: Apache-2.0
|
|
110
110
|
*/
|
|
111
|
-
.
|
|
111
|
+
.awsui_breadcrumbs_hyvsj_fae1z_111:not(#\9) {
|
|
112
112
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
113
113
|
grid-area: breadcrumbs;
|
|
114
114
|
}
|
|
@@ -121,27 +121,27 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
121
121
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
122
122
|
SPDX-License-Identifier: Apache-2.0
|
|
123
123
|
*/
|
|
124
|
-
.awsui_drawers-
|
|
124
|
+
.awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
|
|
125
125
|
background-color: transparent;
|
|
126
126
|
display: flex;
|
|
127
127
|
grid-column: 5;
|
|
128
128
|
grid-row: 1/span 9;
|
|
129
|
-
block-size: var(--awsui-content-height-
|
|
129
|
+
block-size: var(--awsui-content-height-g964ok);
|
|
130
130
|
pointer-events: none;
|
|
131
131
|
position: sticky;
|
|
132
|
-
inset-block-start: var(--awsui-offset-top-
|
|
132
|
+
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
133
133
|
z-index: 830;
|
|
134
134
|
}
|
|
135
|
-
.awsui_drawers-
|
|
135
|
+
.awsui_drawers-container_hyvsj_fae1z_124.awsui_has-open-drawer_hyvsj_fae1z_135:not(#\9) {
|
|
136
136
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
137
137
|
}
|
|
138
138
|
@media (min-width: 689px) {
|
|
139
|
-
.awsui_drawers-
|
|
140
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
139
|
+
.awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
|
|
140
|
+
max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
@media (max-width: 688px) {
|
|
144
|
-
.awsui_drawers-
|
|
144
|
+
.awsui_drawers-container_hyvsj_fae1z_124:not(#\9) {
|
|
145
145
|
position: fixed;
|
|
146
146
|
inset-inline-end: 0;
|
|
147
147
|
z-index: 1001;
|
|
@@ -153,12 +153,12 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
153
153
|
relative to the body.
|
|
154
154
|
*/
|
|
155
155
|
}
|
|
156
|
-
.awsui_drawers-
|
|
157
|
-
inset-block-start: var(--awsui-header-height-
|
|
156
|
+
.awsui_drawers-container_hyvsj_fae1z_124.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
|
|
157
|
+
inset-block-start: var(--awsui-header-height-g964ok);
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.awsui_drawers-desktop-triggers-
|
|
161
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9) {
|
|
162
162
|
border-collapse: separate;
|
|
163
163
|
border-spacing: 0;
|
|
164
164
|
box-sizing: border-box;
|
|
@@ -200,22 +200,22 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
200
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
201
201
|
overscroll-behavior-y: contain;
|
|
202
202
|
}
|
|
203
|
-
.awsui_drawers-desktop-triggers-
|
|
203
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202).awsui_has-open-drawer_hyvsj_fae1z_135 {
|
|
204
204
|
inline-size: 0;
|
|
205
205
|
}
|
|
206
|
-
.awsui_drawers-desktop-triggers-
|
|
206
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161.awsui_has-multiple-triggers_hyvsj_fae1z_202.awsui_has-open-drawer_hyvsj_fae1z_135:not(#\9) {
|
|
207
207
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
208
208
|
}
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_fae1z_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
|
|
210
210
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_drawers-mobile-triggers-
|
|
213
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_fae1z_212:not(#\9) {
|
|
214
214
|
display: flex;
|
|
215
215
|
justify-content: flex-end;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
-
.awsui_drawers-trigger-
|
|
218
|
+
.awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9) {
|
|
219
219
|
align-items: center;
|
|
220
220
|
display: flex;
|
|
221
221
|
flex-direction: column;
|
|
@@ -223,13 +223,13 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
223
223
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
224
224
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
225
225
|
}
|
|
226
|
-
.awsui_drawers-trigger-
|
|
226
|
+
.awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202).awsui_has-open-drawer_hyvsj_fae1z_135 {
|
|
227
227
|
opacity: 0;
|
|
228
228
|
}
|
|
229
|
-
.awsui_drawers-trigger-
|
|
229
|
+
.awsui_drawers-trigger-content_hyvsj_fae1z_217:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_fae1z_202):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
|
|
230
230
|
opacity: 1;
|
|
231
231
|
}
|
|
232
|
-
.awsui_drawers-trigger-
|
|
232
|
+
.awsui_drawers-trigger-content_hyvsj_fae1z_217 > .awsui_drawers-trigger-overflow_hyvsj_fae1z_231:not(#\9) {
|
|
233
233
|
padding-block: 0;
|
|
234
234
|
padding-inline: 1px;
|
|
235
235
|
display: flex;
|
|
@@ -238,15 +238,15 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
@media (max-width: 688px) {
|
|
241
|
-
.awsui_drawers-
|
|
241
|
+
.awsui_drawers-trigger_hyvsj_fae1z_217:not(#\9) {
|
|
242
242
|
inline-size: 40px;
|
|
243
243
|
display: flex;
|
|
244
244
|
justify-content: center;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.
|
|
249
|
-
--awsui-drawer-size-
|
|
248
|
+
.awsui_drawer_hyvsj_fae1z_124:not(#\9) {
|
|
249
|
+
--awsui-drawer-size-g964ok: 290px;
|
|
250
250
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
251
251
|
border-color: transparent;
|
|
252
252
|
display: grid;
|
|
@@ -260,51 +260,51 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
260
260
|
pointer-events: auto;
|
|
261
261
|
word-wrap: break-word;
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262:not(#\9) {
|
|
264
264
|
grid-column: 1/span 2;
|
|
265
265
|
grid-row: 1;
|
|
266
|
-
inline-size: var(--awsui-drawer-size-
|
|
266
|
+
inline-size: var(--awsui-drawer-size-g964ok);
|
|
267
267
|
display: grid;
|
|
268
268
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
269
269
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
270
270
|
overflow-y: auto;
|
|
271
271
|
}
|
|
272
|
-
.
|
|
272
|
+
.awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-close-button_hyvsj_fae1z_271:not(#\9) {
|
|
273
273
|
grid-column: 3;
|
|
274
274
|
grid-row: 2;
|
|
275
275
|
z-index: 1;
|
|
276
276
|
}
|
|
277
|
-
.
|
|
277
|
+
.awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-content_hyvsj_fae1z_262:not(#\9) {
|
|
278
278
|
grid-column: 1/span 4;
|
|
279
279
|
}
|
|
280
|
-
.
|
|
280
|
+
.awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-content-container_hyvsj_fae1z_262 > .awsui_drawer-content_hyvsj_fae1z_262.awsui_drawer-content-hidden_hyvsj_fae1z_279:not(#\9) {
|
|
281
281
|
display: none;
|
|
282
282
|
}
|
|
283
|
-
.
|
|
283
|
+
.awsui_drawer_hyvsj_fae1z_124 > .awsui_drawer-slider_hyvsj_fae1z_282:not(#\9) {
|
|
284
284
|
grid-column: 1;
|
|
285
285
|
grid-row: 1;
|
|
286
286
|
block-size: 100%;
|
|
287
287
|
display: flex;
|
|
288
288
|
align-items: center;
|
|
289
289
|
}
|
|
290
|
-
.
|
|
290
|
+
.awsui_drawer_hyvsj_fae1z_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_fae1z_289) {
|
|
291
291
|
opacity: 0;
|
|
292
292
|
inline-size: 0;
|
|
293
293
|
}
|
|
294
|
-
.
|
|
294
|
+
.awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
|
|
295
295
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
296
296
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
297
297
|
opacity: 1;
|
|
298
|
-
inline-size: var(--awsui-drawer-size-
|
|
298
|
+
inline-size: var(--awsui-drawer-size-g964ok);
|
|
299
299
|
}
|
|
300
300
|
@media (min-width: 2541px) {
|
|
301
|
-
.
|
|
302
|
-
--awsui-drawer-size-
|
|
301
|
+
.awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
|
|
302
|
+
--awsui-drawer-size-g964ok: 320px;
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
@media (max-width: 688px) {
|
|
306
|
-
.
|
|
307
|
-
--awsui-drawer-size-
|
|
306
|
+
.awsui_drawer_hyvsj_fae1z_124.awsui_is-drawer-open_hyvsj_fae1z_289:not(#\9) {
|
|
307
|
+
--awsui-drawer-size-g964ok: 100vw;
|
|
308
308
|
inline-size: 100vw;
|
|
309
309
|
}
|
|
310
310
|
}
|
|
@@ -313,7 +313,7 @@ div.awsui_background_hyvsj_gc2xf_97 > .awsui_scrolling-background_hyvsj_gc2xf_10
|
|
|
313
313
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
314
314
|
SPDX-License-Identifier: Apache-2.0
|
|
315
315
|
*/
|
|
316
|
-
header.
|
|
316
|
+
header.awsui_content_hyvsj_fae1z_315:not(#\9) {
|
|
317
317
|
grid-area: header;
|
|
318
318
|
}
|
|
319
319
|
|
|
@@ -334,35 +334,35 @@ The minimum content width property is set to zero and applied under all
|
|
|
334
334
|
circumstances regardless of whether the minContentWidth property is
|
|
335
335
|
explicitly set in script.
|
|
336
336
|
*/
|
|
337
|
-
.
|
|
338
|
-
--awsui-breadcrumbs-gap-
|
|
339
|
-
--awsui-content-gap-left-
|
|
340
|
-
--awsui-content-gap-right-
|
|
341
|
-
--awsui-content-height-
|
|
342
|
-
--awsui-default-max-content-width-
|
|
343
|
-
--awsui-default-min-content-width-
|
|
344
|
-
--awsui-footer-height-
|
|
345
|
-
--awsui-header-gap-
|
|
346
|
-
--awsui-header-height-
|
|
347
|
-
--awsui-layout-width-
|
|
348
|
-
--awsui-main-gap-
|
|
349
|
-
--awsui-main-offset-left-
|
|
350
|
-
--awsui-main-template-rows-
|
|
351
|
-
--awsui-max-content-width-
|
|
352
|
-
--awsui-min-content-width-
|
|
353
|
-
--awsui-mobile-bar-height-
|
|
354
|
-
--awsui-notifications-height-
|
|
355
|
-
--awsui-offset-top-
|
|
356
|
-
--awsui-overlap-height-
|
|
357
|
-
--awsui-toggles-left-width-
|
|
358
|
-
--awsui-toggles-right-width-
|
|
337
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9) {
|
|
338
|
+
--awsui-breadcrumbs-gap-g964ok: 0px;
|
|
339
|
+
--awsui-content-gap-left-g964ok: 0px;
|
|
340
|
+
--awsui-content-gap-right-g964ok: 0px;
|
|
341
|
+
--awsui-content-height-g964ok: calc(100vh - var(--awsui-header-height-g964ok) - var(--awsui-footer-height-g964ok));
|
|
342
|
+
--awsui-default-max-content-width-g964ok: 1280px;
|
|
343
|
+
--awsui-default-min-content-width-g964ok: 0px;
|
|
344
|
+
--awsui-footer-height-g964ok: 0px;
|
|
345
|
+
--awsui-header-gap-g964ok: 0px;
|
|
346
|
+
--awsui-header-height-g964ok: 0px;
|
|
347
|
+
--awsui-layout-width-g964ok: 0px;
|
|
348
|
+
--awsui-main-gap-g964ok: 0px;
|
|
349
|
+
--awsui-main-offset-left-g964ok: 0px;
|
|
350
|
+
--awsui-main-template-rows-g964ok: 1fr;
|
|
351
|
+
--awsui-max-content-width-g964ok: 0px;
|
|
352
|
+
--awsui-min-content-width-g964ok: 280px;
|
|
353
|
+
--awsui-mobile-bar-height-g964ok: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
354
|
+
--awsui-notifications-height-g964ok: 0px;
|
|
355
|
+
--awsui-offset-top-g964ok: var(--awsui-header-height-g964ok);
|
|
356
|
+
--awsui-overlap-height-g964ok: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
357
|
+
--awsui-toggles-left-width-g964ok: 0px;
|
|
358
|
+
--awsui-toggles-right-width-g964ok: 0px;
|
|
359
359
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
360
360
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
361
361
|
display: grid;
|
|
362
362
|
grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
363
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
364
|
-
grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-
|
|
365
|
-
min-block-size: var(--awsui-content-height-
|
|
363
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-g964ok), 1fr) minmax(var(--awsui-default-min-content-width-g964ok), var(--awsui-default-max-content-width-g964ok)) minmax(var(--awsui-content-gap-right-g964ok), 1fr) min-content;
|
|
364
|
+
grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-g964ok) auto var(--awsui-header-gap-g964ok) auto var(--awsui-main-gap-g964ok) var(--awsui-overlap-height-g964ok) var(--awsui-main-template-rows-g964ok);
|
|
365
|
+
min-block-size: var(--awsui-content-height-g964ok);
|
|
366
366
|
position: relative;
|
|
367
367
|
/*
|
|
368
368
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -406,114 +406,114 @@ explicitly set in script.
|
|
|
406
406
|
*/
|
|
407
407
|
}
|
|
408
408
|
@media (min-width: 1401px) {
|
|
409
|
-
.
|
|
410
|
-
--awsui-default-max-content-width-
|
|
409
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
|
|
410
|
+
--awsui-default-max-content-width-g964ok: 1280px;
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
@media (min-width: 1921px) {
|
|
414
|
-
.
|
|
415
|
-
--awsui-default-max-content-width-
|
|
414
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
|
|
415
|
+
--awsui-default-max-content-width-g964ok: 1440px;
|
|
416
416
|
}
|
|
417
417
|
}
|
|
418
418
|
@media (min-width: 2541px) {
|
|
419
|
-
.
|
|
420
|
-
--awsui-default-max-content-width-
|
|
419
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408) {
|
|
420
|
+
--awsui-default-max-content-width-g964ok: 1620px;
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
423
|
@media (min-width: 1401px) {
|
|
424
|
-
.
|
|
425
|
-
--awsui-default-max-content-width-
|
|
424
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
|
|
425
|
+
--awsui-default-max-content-width-g964ok: 1280px;
|
|
426
426
|
}
|
|
427
427
|
}
|
|
428
428
|
@media (min-width: 1921px) {
|
|
429
|
-
.
|
|
430
|
-
--awsui-default-max-content-width-
|
|
429
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
|
|
430
|
+
--awsui-default-max-content-width-g964ok: 1620px;
|
|
431
431
|
}
|
|
432
432
|
}
|
|
433
433
|
@media (min-width: 2541px) {
|
|
434
|
-
.
|
|
435
|
-
--awsui-default-max-content-width-
|
|
434
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-dashboard_hyvsj_fae1z_423 {
|
|
435
|
+
--awsui-default-max-content-width-g964ok: 2160px;
|
|
436
436
|
}
|
|
437
437
|
}
|
|
438
|
-
.
|
|
439
|
-
--awsui-default-max-content-width-
|
|
438
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-table_hyvsj_fae1z_437, .awsui_layout_hyvsj_fae1z_336:not(#\9):not(.awsui_has-max-content-width_hyvsj_fae1z_408).awsui_content-type-cards_hyvsj_fae1z_437 {
|
|
439
|
+
--awsui-default-max-content-width-g964ok: 100%;
|
|
440
440
|
}
|
|
441
|
-
.
|
|
442
|
-
--awsui-default-max-content-width-
|
|
441
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-max-content-width_hyvsj_fae1z_408:not(#\9) {
|
|
442
|
+
--awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
|
|
443
443
|
}
|
|
444
|
-
.
|
|
445
|
-
--awsui-overlap-height-
|
|
444
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_is-overlap-disabled_hyvsj_fae1z_443:not(#\9) {
|
|
445
|
+
--awsui-overlap-height-g964ok: 0;
|
|
446
446
|
}
|
|
447
|
-
.
|
|
448
|
-
--awsui-mobile-bar-height-
|
|
447
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_is-hide-mobile-toolbar_hyvsj_fae1z_446:not(#\9) {
|
|
448
|
+
--awsui-mobile-bar-height-g964ok: 0px;
|
|
449
449
|
}
|
|
450
450
|
@media (min-width: 993px) {
|
|
451
|
-
.
|
|
452
|
-
--awsui-default-min-content-width-
|
|
451
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9) {
|
|
452
|
+
--awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
455
|
@media (max-width: 992px) {
|
|
456
|
-
.
|
|
457
|
-
--awsui-default-min-content-width-
|
|
456
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9) {
|
|
457
|
+
--awsui-default-min-content-width-g964ok: 0px;
|
|
458
458
|
}
|
|
459
459
|
}
|
|
460
460
|
@media (min-width: 689px) {
|
|
461
|
-
.
|
|
462
|
-
--awsui-content-gap-left-
|
|
461
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-content-gap-left_hyvsj_fae1z_460:not(#\9) {
|
|
462
|
+
--awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
463
463
|
}
|
|
464
|
-
.
|
|
465
|
-
--awsui-content-gap-right-
|
|
464
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-content-gap-right_hyvsj_fae1z_463:not(#\9) {
|
|
465
|
+
--awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
@media (max-width: 688px) {
|
|
469
|
-
.
|
|
470
|
-
--awsui-content-gap-left-
|
|
471
|
-
--awsui-content-gap-right-
|
|
469
|
+
.awsui_layout_hyvsj_fae1z_336:not(#\9) {
|
|
470
|
+
--awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
|
|
471
|
+
--awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
|
-
.
|
|
475
|
-
--awsui-breadcrumbs-gap-
|
|
474
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473:not(#\9) {
|
|
475
|
+
--awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
|
|
476
476
|
}
|
|
477
|
-
.
|
|
478
|
-
--awsui-header-gap-
|
|
477
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-header_hyvsj_fae1z_476:not(#\9), .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473).awsui_has-header_hyvsj_fae1z_476 {
|
|
478
|
+
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
479
479
|
}
|
|
480
|
-
.
|
|
481
|
-
--awsui-header-gap-
|
|
480
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473.awsui_has-header_hyvsj_fae1z_476:not(#\9) {
|
|
481
|
+
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
482
482
|
}
|
|
483
|
-
.
|
|
484
|
-
--awsui-main-gap-
|
|
483
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473):not(.awsui_has-header_hyvsj_fae1z_476) {
|
|
484
|
+
--awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
|
|
485
485
|
}
|
|
486
|
-
.
|
|
487
|
-
--awsui-main-gap-
|
|
486
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-breadcrumbs_hyvsj_fae1z_473:not(#\9):not(.awsui_has-header_hyvsj_fae1z_476) {
|
|
487
|
+
--awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
|
|
488
488
|
}
|
|
489
|
-
.
|
|
490
|
-
--awsui-main-gap-
|
|
489
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-header_hyvsj_fae1z_476:not(#\9) {
|
|
490
|
+
--awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
491
491
|
}
|
|
492
|
-
.
|
|
493
|
-
--awsui-main-gap-
|
|
492
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_fae1z_491) {
|
|
493
|
+
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
494
494
|
}
|
|
495
|
-
.
|
|
496
|
-
--awsui-main-gap-
|
|
495
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
|
|
496
|
+
--awsui-main-gap-g964ok: 0px;
|
|
497
497
|
}
|
|
498
498
|
@media (max-width: 688px) {
|
|
499
|
-
.
|
|
500
|
-
--awsui-header-gap-
|
|
499
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-header_hyvsj_fae1z_476:not(#\9) {
|
|
500
|
+
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
501
501
|
}
|
|
502
|
-
.
|
|
503
|
-
--awsui-header-gap-
|
|
502
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473).awsui_has-header_hyvsj_fae1z_476 {
|
|
503
|
+
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
504
504
|
}
|
|
505
|
-
.
|
|
506
|
-
--awsui-main-gap-
|
|
505
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-notifications_hyvsj_fae1z_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_fae1z_473):not(.awsui_has-header_hyvsj_fae1z_476), .awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_fae1z_491) {
|
|
506
|
+
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
507
507
|
}
|
|
508
|
-
.
|
|
509
|
-
--awsui-main-gap-
|
|
508
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_content-first-child-main_hyvsj_fae1z_491.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
|
|
509
|
+
--awsui-main-gap-g964ok: 0px;
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
|
-
.
|
|
513
|
-
--awsui-toggles-left-width-
|
|
512
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-left-toggles-gutter_hyvsj_fae1z_511:not(#\9) {
|
|
513
|
+
--awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
514
514
|
}
|
|
515
|
-
.
|
|
516
|
-
--awsui-toggles-right-width-
|
|
515
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_has-right-toggles-gutter_hyvsj_fae1z_514:not(#\9) {
|
|
516
|
+
--awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
517
517
|
}
|
|
518
518
|
|
|
519
519
|
/*
|
|
@@ -526,27 +526,27 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
526
526
|
position: sticky will be the value of the notifications height in addition to the
|
|
527
527
|
notifications top margin and some additional vertical space for aesthetics.
|
|
528
528
|
*/
|
|
529
|
-
.
|
|
530
|
-
--awsui-main-template-rows-
|
|
531
|
-
--awsui-offset-top-
|
|
532
|
-
block-size: var(--awsui-content-height-
|
|
529
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
|
|
530
|
+
--awsui-main-template-rows-g964ok: 1fr auto;
|
|
531
|
+
--awsui-offset-top-g964ok: 0px;
|
|
532
|
+
block-size: var(--awsui-content-height-g964ok);
|
|
533
533
|
overflow-y: scroll;
|
|
534
534
|
}
|
|
535
|
-
.
|
|
536
|
-
--awsui-main-template-rows-
|
|
535
|
+
.awsui_layout_hyvsj_fae1z_336.awsui_disable-body-scroll_hyvsj_fae1z_156.awsui_has-split-panel_hyvsj_fae1z_534.awsui_split-panel-position-bottom_hyvsj_fae1z_534:not(#\9) {
|
|
536
|
+
--awsui-main-template-rows-g964ok: repeat(2, auto);
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
/*
|
|
540
540
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
541
541
|
when the navigation or tools drawers are open in responsive viewports.
|
|
542
542
|
*/
|
|
543
|
-
.awsui_block-body-
|
|
543
|
+
.awsui_block-body-scroll_hyvsj_fae1z_542:not(#\9) {
|
|
544
544
|
overflow: hidden;
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
548
|
-
.
|
|
549
|
-
.
|
|
548
|
+
.awsui_unfocusable_hyvsj_fae1z_547:not(#\9),
|
|
549
|
+
.awsui_unfocusable_hyvsj_fae1z_547 *:not(#\9) {
|
|
550
550
|
visibility: hidden !important;
|
|
551
551
|
}
|
|
552
552
|
|
|
@@ -555,7 +555,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
555
555
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
556
556
|
SPDX-License-Identifier: Apache-2.0
|
|
557
557
|
*/
|
|
558
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_fae1z_557:not(#\9) {
|
|
559
559
|
grid-area: main;
|
|
560
560
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
561
561
|
/*
|
|
@@ -572,19 +572,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
572
572
|
on the right, we decrement the column end by one.
|
|
573
573
|
*/
|
|
574
574
|
}
|
|
575
|
-
.
|
|
576
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
575
|
+
.awsui_container_hyvsj_fae1z_557.awsui_has-split-panel_hyvsj_fae1z_534.awsui_split-panel-position-bottom_hyvsj_fae1z_534:not(#\9) {
|
|
576
|
+
padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
577
577
|
}
|
|
578
|
-
.
|
|
578
|
+
.awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491:not(#\9) {
|
|
579
579
|
grid-column: 1/6;
|
|
580
580
|
padding-block: 0;
|
|
581
581
|
padding-inline: 0;
|
|
582
582
|
}
|
|
583
583
|
@media (min-width: 689px) {
|
|
584
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-navigation-open_hyvsj_fae1z_583:not(#\9) {
|
|
585
585
|
grid-column-start: 2;
|
|
586
586
|
}
|
|
587
|
-
.
|
|
587
|
+
.awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-tools-open_hyvsj_fae1z_586:not(#\9), .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_split-panel-position-side_hyvsj_fae1z_586:not(#\9), .awsui_container_hyvsj_fae1z_557.awsui_disable-content-paddings_hyvsj_fae1z_491.awsui_has-active-drawer_hyvsj_fae1z_586:not(#\9) {
|
|
588
588
|
grid-column-end: 5;
|
|
589
589
|
}
|
|
590
590
|
}
|
|
@@ -593,13 +593,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
593
593
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
594
594
|
SPDX-License-Identifier: Apache-2.0
|
|
595
595
|
*/
|
|
596
|
-
section.awsui_mobile-
|
|
596
|
+
section.awsui_mobile-toolbar_hyvsj_fae1z_595:not(#\9) {
|
|
597
597
|
align-items: center;
|
|
598
598
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
599
599
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
600
600
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
601
601
|
box-sizing: border-box;
|
|
602
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
602
|
+
block-size: var(--awsui-mobile-bar-height-g964ok);
|
|
603
603
|
display: grid;
|
|
604
604
|
grid-area: mobileToolbar;
|
|
605
605
|
grid-column: 1/span 5;
|
|
@@ -607,22 +607,22 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595:not(#\9) {
|
|
|
607
607
|
padding-block: 0;
|
|
608
608
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
609
609
|
position: sticky;
|
|
610
|
-
inset-block-start: var(--awsui-offset-top-
|
|
610
|
+
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
611
611
|
z-index: 1000;
|
|
612
612
|
}
|
|
613
|
-
section.awsui_mobile-
|
|
613
|
+
section.awsui_mobile-toolbar_hyvsj_fae1z_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_fae1z_612) {
|
|
614
614
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
615
615
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
616
616
|
}
|
|
617
|
-
section.awsui_mobile-
|
|
617
|
+
section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-nav_hyvsj_fae1z_616:not(#\9) {
|
|
618
618
|
grid-column: 1;
|
|
619
619
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
620
620
|
}
|
|
621
|
-
section.awsui_mobile-
|
|
621
|
+
section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_fae1z_620:not(#\9) {
|
|
622
622
|
grid-column: 2;
|
|
623
623
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
624
624
|
}
|
|
625
|
-
section.awsui_mobile-
|
|
625
|
+
section.awsui_mobile-toolbar_hyvsj_fae1z_595 > .awsui_mobile-toolbar-tools_hyvsj_fae1z_624:not(#\9) {
|
|
626
626
|
grid-column: 3;
|
|
627
627
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
628
628
|
}
|
|
@@ -631,13 +631,13 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
631
631
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
632
632
|
SPDX-License-Identifier: Apache-2.0
|
|
633
633
|
*/
|
|
634
|
-
.awsui_navigation-
|
|
634
|
+
.awsui_navigation-container_hyvsj_fae1z_633:not(#\9) {
|
|
635
635
|
display: flex;
|
|
636
636
|
grid-column: 1;
|
|
637
637
|
grid-row: 1/span 9;
|
|
638
|
-
block-size: var(--awsui-content-height-
|
|
638
|
+
block-size: var(--awsui-content-height-g964ok);
|
|
639
639
|
position: sticky;
|
|
640
|
-
inset-block-start: var(--awsui-offset-top-
|
|
640
|
+
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
641
641
|
z-index: 830;
|
|
642
642
|
/*
|
|
643
643
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -652,7 +652,7 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
652
652
|
pointer-events: none;
|
|
653
653
|
}
|
|
654
654
|
@media (max-width: 688px) {
|
|
655
|
-
.awsui_navigation-
|
|
655
|
+
.awsui_navigation-container_hyvsj_fae1z_633:not(#\9) {
|
|
656
656
|
inset-inline-start: 0;
|
|
657
657
|
position: fixed;
|
|
658
658
|
z-index: 1001;
|
|
@@ -664,12 +664,12 @@ section.awsui_mobile-toolbar_hyvsj_gc2xf_595 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
664
664
|
relative to the body.
|
|
665
665
|
*/
|
|
666
666
|
}
|
|
667
|
-
.awsui_navigation-
|
|
668
|
-
inset-block-start: var(--awsui-header-height-
|
|
667
|
+
.awsui_navigation-container_hyvsj_fae1z_633.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
|
|
668
|
+
inset-block-start: var(--awsui-header-height-g964ok);
|
|
669
669
|
}
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
nav.awsui_show-
|
|
672
|
+
nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9) {
|
|
673
673
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
674
674
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
675
675
|
/*
|
|
@@ -677,7 +677,7 @@ nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
|
|
|
677
677
|
take control in responsive viewports.
|
|
678
678
|
*/
|
|
679
679
|
}
|
|
680
|
-
@keyframes
|
|
680
|
+
@keyframes awsui_showButtons_hyvsj_fae1z_1 {
|
|
681
681
|
0% {
|
|
682
682
|
opacity: 0;
|
|
683
683
|
}
|
|
@@ -685,31 +685,31 @@ nav.awsui_show-navigation_hyvsj_gc2xf_671:not(#\9) {
|
|
|
685
685
|
opacity: 1;
|
|
686
686
|
}
|
|
687
687
|
}
|
|
688
|
-
nav.awsui_show-
|
|
688
|
+
nav.awsui_show-navigation_hyvsj_fae1z_671.awsui_is-navigation-open_hyvsj_fae1z_583:not(#\9) {
|
|
689
689
|
display: none;
|
|
690
690
|
}
|
|
691
691
|
@media (min-width: 689px) {
|
|
692
|
-
nav.awsui_show-
|
|
692
|
+
nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583) {
|
|
693
693
|
display: block;
|
|
694
694
|
}
|
|
695
|
-
nav.awsui_show-
|
|
696
|
-
animation:
|
|
695
|
+
nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
|
|
696
|
+
animation: awsui_showButtons_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
697
697
|
}
|
|
698
698
|
}
|
|
699
699
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
700
|
-
nav.awsui_show-
|
|
700
|
+
nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
|
|
701
701
|
animation: none;
|
|
702
702
|
transition: none;
|
|
703
703
|
}
|
|
704
704
|
}
|
|
705
705
|
@media (min-width: 689px) {
|
|
706
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
706
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_fae1z_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583).awsui_animating_hyvsj_fae1z_694 {
|
|
707
707
|
animation: none;
|
|
708
708
|
transition: none;
|
|
709
709
|
}
|
|
710
710
|
}
|
|
711
711
|
|
|
712
|
-
nav.
|
|
712
|
+
nav.awsui_navigation_hyvsj_fae1z_633:not(#\9) {
|
|
713
713
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
714
714
|
inset-block-end: 0;
|
|
715
715
|
block-size: 100%;
|
|
@@ -727,43 +727,43 @@ nav.awsui_navigation_hyvsj_gc2xf_633:not(#\9) {
|
|
|
727
727
|
prevent unwanted text wrapping.
|
|
728
728
|
*/
|
|
729
729
|
}
|
|
730
|
-
@keyframes
|
|
730
|
+
@keyframes awsui_openNavigation_hyvsj_fae1z_1 {
|
|
731
731
|
from {
|
|
732
732
|
opacity: 0;
|
|
733
733
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
734
734
|
}
|
|
735
735
|
to {
|
|
736
736
|
opacity: 1;
|
|
737
|
-
inline-size: var(--awsui-navigation-width-
|
|
737
|
+
inline-size: var(--awsui-navigation-width-g964ok);
|
|
738
738
|
}
|
|
739
739
|
}
|
|
740
|
-
nav.
|
|
740
|
+
nav.awsui_navigation_hyvsj_fae1z_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_fae1z_583) {
|
|
741
741
|
inline-size: 0;
|
|
742
742
|
display: none;
|
|
743
743
|
}
|
|
744
|
-
nav.
|
|
745
|
-
animation:
|
|
744
|
+
nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
745
|
+
animation: awsui_openNavigation_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
746
746
|
}
|
|
747
747
|
@media (prefers-reduced-motion: reduce) {
|
|
748
|
-
nav.
|
|
748
|
+
nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
749
749
|
animation: none;
|
|
750
750
|
transition: none;
|
|
751
751
|
}
|
|
752
752
|
}
|
|
753
|
-
.awsui-motion-disabled nav.
|
|
753
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_fae1z_633.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
754
754
|
animation: none;
|
|
755
755
|
transition: none;
|
|
756
756
|
}
|
|
757
|
-
nav.
|
|
758
|
-
inline-size: var(--awsui-navigation-width-
|
|
757
|
+
nav.awsui_navigation_hyvsj_fae1z_633 > .awsui_animated-content_hyvsj_fae1z_756:not(#\9) {
|
|
758
|
+
inline-size: var(--awsui-navigation-width-g964ok);
|
|
759
759
|
}
|
|
760
760
|
@media (max-width: 688px) {
|
|
761
|
-
nav.
|
|
762
|
-
--awsui-navigation-width-
|
|
761
|
+
nav.awsui_navigation_hyvsj_fae1z_633:not(#\9) {
|
|
762
|
+
--awsui-navigation-width-g964ok: 100vw;
|
|
763
763
|
}
|
|
764
764
|
}
|
|
765
765
|
|
|
766
|
-
.awsui_hide-
|
|
766
|
+
.awsui_hide-navigation_hyvsj_fae1z_765:not(#\9) {
|
|
767
767
|
position: absolute;
|
|
768
768
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
769
769
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -773,24 +773,24 @@ nav.awsui_navigation_hyvsj_gc2xf_633 > .awsui_animated-content_hyvsj_gc2xf_756:n
|
|
|
773
773
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
774
774
|
SPDX-License-Identifier: Apache-2.0
|
|
775
775
|
*/
|
|
776
|
-
.
|
|
776
|
+
.awsui_notifications_hyvsj_fae1z_775:not(#\9) {
|
|
777
777
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
778
778
|
grid-area: notifications;
|
|
779
779
|
z-index: 850;
|
|
780
780
|
}
|
|
781
|
-
.
|
|
781
|
+
.awsui_notifications_hyvsj_fae1z_775.awsui_has-notification-content_hyvsj_fae1z_780:not(#\9) {
|
|
782
782
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
783
783
|
}
|
|
784
784
|
@media (min-width: 689px) {
|
|
785
|
-
.
|
|
786
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
785
|
+
.awsui_notifications_hyvsj_fae1z_775.awsui_sticky-notifications_hyvsj_fae1z_784:not(#\9) {
|
|
786
|
+
--awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
|
|
787
787
|
position: sticky;
|
|
788
|
-
inset-block-start: var(--awsui-offset-top-
|
|
788
|
+
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
789
789
|
}
|
|
790
|
-
.
|
|
790
|
+
.awsui_notifications_hyvsj_fae1z_775.awsui_sticky-notifications_hyvsj_fae1z_784:not(#\9):not(.awsui_high-contrast_hyvsj_fae1z_789) {
|
|
791
791
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
792
792
|
}
|
|
793
|
-
.
|
|
793
|
+
.awsui_notifications_hyvsj_fae1z_775.awsui_has-notification-content_hyvsj_fae1z_780:not(#\9) {
|
|
794
794
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
795
795
|
}
|
|
796
796
|
}
|
|
@@ -805,13 +805,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
805
805
|
consume the remaining vertical space in the grid after the notifications
|
|
806
806
|
and breadcrumbs.
|
|
807
807
|
*/
|
|
808
|
-
section.awsui_split-panel-
|
|
808
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807:not(#\9) {
|
|
809
809
|
/*
|
|
810
810
|
The align self property will position the split panel at the bottom of the grid row.
|
|
811
811
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
812
812
|
*/
|
|
813
813
|
align-self: end;
|
|
814
|
-
inset-block-end: var(--awsui-footer-height-
|
|
814
|
+
inset-block-end: var(--awsui-footer-height-g964ok);
|
|
815
815
|
display: none;
|
|
816
816
|
grid-column: 1/6;
|
|
817
817
|
grid-row: 9;
|
|
@@ -841,47 +841,47 @@ section.awsui_split-panel-bottom_hyvsj_gc2xf_807:not(#\9) {
|
|
|
841
841
|
apply the animation to the height property.
|
|
842
842
|
*/
|
|
843
843
|
}
|
|
844
|
-
@keyframes
|
|
844
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_fae1z_1 {
|
|
845
845
|
from {
|
|
846
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
846
|
+
block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
|
|
847
847
|
}
|
|
848
848
|
to {
|
|
849
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
849
|
+
block-size: var(--awsui-split-panel-reported-size-g964ok);
|
|
850
850
|
}
|
|
851
851
|
}
|
|
852
|
-
section.awsui_split-panel-
|
|
852
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
|
|
853
853
|
inset-block-end: 0;
|
|
854
854
|
}
|
|
855
|
-
section.awsui_split-panel-
|
|
855
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-navigation-open_hyvsj_fae1z_583.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
|
|
856
856
|
grid-column-start: 2;
|
|
857
857
|
}
|
|
858
|
-
section.awsui_split-panel-
|
|
858
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_has-open-drawer_hyvsj_fae1z_135.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
|
|
859
859
|
grid-column-end: 5;
|
|
860
860
|
}
|
|
861
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
|
|
862
862
|
display: block;
|
|
863
863
|
}
|
|
864
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_fae1z_586).awsui_position-bottom_hyvsj_fae1z_854 {
|
|
865
865
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
866
866
|
}
|
|
867
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
|
|
868
868
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
869
869
|
}
|
|
870
|
-
section.awsui_split-panel-
|
|
871
|
-
animation:
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
871
|
+
animation: awsui_openSplitPanelBottom_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
872
872
|
}
|
|
873
873
|
@media (prefers-reduced-motion: reduce) {
|
|
874
|
-
section.awsui_split-panel-
|
|
874
|
+
section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
875
875
|
animation: none;
|
|
876
876
|
transition: none;
|
|
877
877
|
}
|
|
878
878
|
}
|
|
879
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
879
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_fae1z_807.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-bottom_hyvsj_fae1z_854.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
880
880
|
animation: none;
|
|
881
881
|
transition: none;
|
|
882
882
|
}
|
|
883
883
|
|
|
884
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-side_hyvsj_fae1z_883:not(#\9) {
|
|
885
885
|
block-size: 100%;
|
|
886
886
|
overflow-x: hidden;
|
|
887
887
|
pointer-events: auto;
|
|
@@ -891,15 +891,15 @@ section.awsui_split-panel-side_hyvsj_gc2xf_883:not(#\9) {
|
|
|
891
891
|
be persistent in the DOM when closed.
|
|
892
892
|
*/
|
|
893
893
|
}
|
|
894
|
-
section.awsui_split-panel-
|
|
894
|
+
section.awsui_split-panel-side_hyvsj_fae1z_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_fae1z_586), section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_position-bottom_hyvsj_fae1z_854:not(#\9) {
|
|
895
895
|
inline-size: 0;
|
|
896
896
|
}
|
|
897
|
-
section.awsui_split-panel-
|
|
898
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
899
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
897
|
+
section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-side_hyvsj_fae1z_896:not(#\9) {
|
|
898
|
+
max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
|
|
899
|
+
min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
|
|
900
900
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
901
901
|
}
|
|
902
|
-
section.awsui_split-panel-
|
|
902
|
+
section.awsui_split-panel-side_hyvsj_fae1z_883.awsui_is-split-panel-open_hyvsj_fae1z_586.awsui_position-side_hyvsj_fae1z_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_fae1z_135) {
|
|
903
903
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
904
904
|
}
|
|
905
905
|
|
|
@@ -916,22 +916,22 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
916
916
|
property. The content gap right is computed in the Layout styles based on the
|
|
917
917
|
viewport size and state of the Tools drawer.
|
|
918
918
|
*/
|
|
919
|
-
.awsui_tools-
|
|
920
|
-
--awsui-tools-max-width-
|
|
919
|
+
.awsui_tools-container_hyvsj_fae1z_918:not(#\9) {
|
|
920
|
+
--awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
921
921
|
display: flex;
|
|
922
922
|
grid-column: 5;
|
|
923
923
|
grid-row: 1/span 9;
|
|
924
|
-
block-size: var(--awsui-content-height-
|
|
925
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
924
|
+
block-size: var(--awsui-content-height-g964ok);
|
|
925
|
+
max-inline-size: var(--awsui-tools-max-width-g964ok);
|
|
926
926
|
position: sticky;
|
|
927
|
-
inset-block-start: var(--awsui-offset-top-
|
|
927
|
+
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
928
928
|
z-index: 830;
|
|
929
929
|
pointer-events: none;
|
|
930
930
|
}
|
|
931
931
|
@media (max-width: 688px) {
|
|
932
|
-
.awsui_tools-
|
|
933
|
-
--awsui-tools-max-width-
|
|
934
|
-
--awsui-tools-width-
|
|
932
|
+
.awsui_tools-container_hyvsj_fae1z_918:not(#\9) {
|
|
933
|
+
--awsui-tools-max-width-g964ok: none;
|
|
934
|
+
--awsui-tools-width-g964ok: auto;
|
|
935
935
|
position: fixed;
|
|
936
936
|
inset-inline-end: 0;
|
|
937
937
|
z-index: 1001;
|
|
@@ -943,12 +943,12 @@ viewport size and state of the Tools drawer.
|
|
|
943
943
|
relative to the body.
|
|
944
944
|
*/
|
|
945
945
|
}
|
|
946
|
-
.awsui_tools-
|
|
947
|
-
inset-block-start: var(--awsui-header-height-
|
|
946
|
+
.awsui_tools-container_hyvsj_fae1z_918.awsui_disable-body-scroll_hyvsj_fae1z_156:not(#\9) {
|
|
947
|
+
inset-block-start: var(--awsui-header-height-g964ok);
|
|
948
948
|
}
|
|
949
949
|
}
|
|
950
950
|
|
|
951
|
-
.
|
|
951
|
+
.awsui_tools_hyvsj_fae1z_918:not(#\9) {
|
|
952
952
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
953
953
|
flex-shrink: 0;
|
|
954
954
|
block-size: 100%;
|
|
@@ -971,51 +971,51 @@ viewport size and state of the Tools drawer.
|
|
|
971
971
|
in the side position.
|
|
972
972
|
*/
|
|
973
973
|
}
|
|
974
|
-
@keyframes
|
|
974
|
+
@keyframes awsui_openTools_hyvsj_fae1z_1 {
|
|
975
975
|
from {
|
|
976
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
976
|
+
opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
|
|
977
977
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
978
978
|
}
|
|
979
979
|
to {
|
|
980
980
|
opacity: 1;
|
|
981
|
-
inline-size: var(--awsui-tools-width-
|
|
981
|
+
inline-size: var(--awsui-tools-width-g964ok);
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
|
-
.
|
|
984
|
+
.awsui_tools_hyvsj_fae1z_918:not(#\9):not(.awsui_is-tools-open_hyvsj_fae1z_586) {
|
|
985
985
|
inline-size: 0;
|
|
986
986
|
display: none;
|
|
987
987
|
}
|
|
988
|
-
.
|
|
988
|
+
.awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586:not(#\9) {
|
|
989
989
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
990
990
|
}
|
|
991
|
-
.
|
|
992
|
-
animation:
|
|
991
|
+
.awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
992
|
+
animation: awsui_openTools_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
993
993
|
}
|
|
994
994
|
@media (prefers-reduced-motion: reduce) {
|
|
995
|
-
.
|
|
995
|
+
.awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
996
996
|
animation: none;
|
|
997
997
|
transition: none;
|
|
998
998
|
}
|
|
999
999
|
}
|
|
1000
|
-
.awsui-motion-disabled .
|
|
1000
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
1001
1001
|
animation: none;
|
|
1002
1002
|
transition: none;
|
|
1003
1003
|
}
|
|
1004
|
-
.
|
|
1005
|
-
inline-size: var(--awsui-tools-width-
|
|
1004
|
+
.awsui_tools_hyvsj_fae1z_918 > .awsui_animated-content_hyvsj_fae1z_756:not(#\9) {
|
|
1005
|
+
inline-size: var(--awsui-tools-width-g964ok);
|
|
1006
1006
|
}
|
|
1007
1007
|
@media (min-width: 689px) {
|
|
1008
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_fae1z_918.awsui_is-tools-open_hyvsj_fae1z_586.awsui_has-tools-form-persistence_hyvsj_fae1z_1007:not(#\9) {
|
|
1009
1009
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1010
1010
|
}
|
|
1011
1011
|
}
|
|
1012
1012
|
@media (max-width: 688px) {
|
|
1013
|
-
.
|
|
1014
|
-
--awsui-tools-width-
|
|
1013
|
+
.awsui_tools_hyvsj_fae1z_918:not(#\9) {
|
|
1014
|
+
--awsui-tools-width-g964ok: 100vw;
|
|
1015
1015
|
}
|
|
1016
1016
|
}
|
|
1017
1017
|
|
|
1018
|
-
.awsui_hide-
|
|
1018
|
+
.awsui_hide-tools_hyvsj_fae1z_1017:not(#\9) {
|
|
1019
1019
|
position: absolute;
|
|
1020
1020
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1021
1021
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1027,7 +1027,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1027
1027
|
the calculation used to determine the Split Panel maximum width in the
|
|
1028
1028
|
handleSplitPanelMaxWidth function in the context.
|
|
1029
1029
|
*/
|
|
1030
|
-
.awsui_show-
|
|
1030
|
+
.awsui_show-tools_hyvsj_fae1z_1029:not(#\9) {
|
|
1031
1031
|
border-collapse: separate;
|
|
1032
1032
|
border-spacing: 0;
|
|
1033
1033
|
box-sizing: border-box;
|
|
@@ -1069,7 +1069,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1069
1069
|
take control in responsive viewports.
|
|
1070
1070
|
*/
|
|
1071
1071
|
}
|
|
1072
|
-
@keyframes
|
|
1072
|
+
@keyframes awsui_showButtons_hyvsj_fae1z_1 {
|
|
1073
1073
|
0% {
|
|
1074
1074
|
opacity: 0;
|
|
1075
1075
|
}
|
|
@@ -1077,31 +1077,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1077
1077
|
opacity: 1;
|
|
1078
1078
|
}
|
|
1079
1079
|
}
|
|
1080
|
-
.awsui_show-
|
|
1080
|
+
.awsui_show-tools_hyvsj_fae1z_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_fae1z_1007) {
|
|
1081
1081
|
display: none;
|
|
1082
1082
|
}
|
|
1083
1083
|
@media (min-width: 689px) {
|
|
1084
|
-
.awsui_show-
|
|
1084
|
+
.awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007:not(#\9) {
|
|
1085
1085
|
display: flex;
|
|
1086
1086
|
flex-direction: column;
|
|
1087
1087
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1088
1088
|
}
|
|
1089
|
-
.awsui_show-
|
|
1090
|
-
animation:
|
|
1089
|
+
.awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
1090
|
+
animation: awsui_showButtons_hyvsj_fae1z_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1091
1091
|
}
|
|
1092
1092
|
}
|
|
1093
1093
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1094
|
-
.awsui_show-
|
|
1094
|
+
.awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
1095
1095
|
animation: none;
|
|
1096
1096
|
transition: none;
|
|
1097
1097
|
}
|
|
1098
1098
|
}
|
|
1099
1099
|
@media (min-width: 689px) {
|
|
1100
|
-
.awsui-motion-disabled .awsui_show-
|
|
1100
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form_hyvsj_fae1z_1007.awsui_animating_hyvsj_fae1z_694:not(#\9) {
|
|
1101
1101
|
animation: none;
|
|
1102
1102
|
transition: none;
|
|
1103
1103
|
}
|
|
1104
|
-
.awsui_show-
|
|
1104
|
+
.awsui_show-tools_hyvsj_fae1z_1029.awsui_has-tools-form-persistence_hyvsj_fae1z_1007:not(#\9) {
|
|
1105
1105
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1106
1106
|
z-index: 1;
|
|
1107
1107
|
}
|
|
@@ -1111,7 +1111,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1111
1111
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1112
1112
|
SPDX-License-Identifier: Apache-2.0
|
|
1113
1113
|
*/
|
|
1114
|
-
.awsui_trigger-badge-
|
|
1114
|
+
.awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9) {
|
|
1115
1115
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1116
1116
|
border-start-start-radius: 50%;
|
|
1117
1117
|
border-start-end-radius: 50%;
|
|
@@ -1128,13 +1128,13 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1128
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1129
1129
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1130
1130
|
}
|
|
1131
|
-
.awsui_trigger-badge-
|
|
1131
|
+
.awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):hover {
|
|
1132
1132
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1133
1133
|
}
|
|
1134
|
-
.awsui_trigger-badge-
|
|
1134
|
+
.awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):active {
|
|
1135
1135
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1136
1136
|
}
|
|
1137
|
-
.awsui_trigger-badge-
|
|
1137
|
+
.awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):dir(rtl) {
|
|
1138
1138
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
@@ -1143,7 +1143,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1143
1143
|
the calculation used to determine the Split Panel maximum width in the
|
|
1144
1144
|
handleSplitPanelMaxWidth function in the context.
|
|
1145
1145
|
*/
|
|
1146
|
-
.
|
|
1146
|
+
.awsui_trigger_hyvsj_fae1z_1112:not(#\9) {
|
|
1147
1147
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1148
1148
|
border-start-start-radius: 50%;
|
|
1149
1149
|
border-start-end-radius: 50%;
|
|
@@ -1159,20 +1159,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1159
1159
|
pointer-events: auto;
|
|
1160
1160
|
position: relative;
|
|
1161
1161
|
}
|
|
1162
|
-
.
|
|
1162
|
+
.awsui_trigger_hyvsj_fae1z_1112:not(#\9):hover {
|
|
1163
1163
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1164
1164
|
}
|
|
1165
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_fae1z_1112:not(#\9):active {
|
|
1166
1166
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1167
1167
|
}
|
|
1168
|
-
body[data-awsui-focus-visible=true] .
|
|
1168
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
|
|
1169
1169
|
position: relative;
|
|
1170
1170
|
}
|
|
1171
|
-
body[data-awsui-focus-visible=true] .
|
|
1171
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
|
|
1172
1172
|
outline: 2px dotted transparent;
|
|
1173
1173
|
outline-offset: calc(3px - 1px);
|
|
1174
1174
|
}
|
|
1175
|
-
body[data-awsui-focus-visible=true] .
|
|
1175
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus::before {
|
|
1176
1176
|
content: " ";
|
|
1177
1177
|
display: block;
|
|
1178
1178
|
position: absolute;
|
|
@@ -1186,45 +1186,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_gc2xf_1112:not(#\9):foc
|
|
|
1186
1186
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1187
1187
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1188
1188
|
}
|
|
1189
|
-
.
|
|
1189
|
+
.awsui_trigger_hyvsj_fae1z_1112:not(#\9):focus {
|
|
1190
1190
|
outline: none;
|
|
1191
1191
|
}
|
|
1192
|
-
.
|
|
1192
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9) {
|
|
1193
1193
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1194
1194
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1195
1195
|
}
|
|
1196
|
-
.
|
|
1196
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9):hover {
|
|
1197
1197
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1198
1198
|
}
|
|
1199
|
-
.
|
|
1199
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190:not(#\9):active {
|
|
1200
1200
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1201
1201
|
}
|
|
1202
|
-
.
|
|
1202
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9) {
|
|
1203
1203
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1204
1204
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1205
1205
|
}
|
|
1206
|
-
.
|
|
1206
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):hover {
|
|
1207
1207
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1208
1208
|
}
|
|
1209
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_selected_hyvsj_fae1z_1190 > .awsui_trigger-badge-wrapper_hyvsj_fae1z_1112:not(#\9):active {
|
|
1210
1210
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1211
1211
|
}
|
|
1212
|
-
.
|
|
1212
|
+
.awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9), .awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9):hover, .awsui_trigger_hyvsj_fae1z_1112.awsui_badge_hyvsj_fae1z_1210:not(#\9):active {
|
|
1213
1213
|
background: transparent;
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
|
-
.awsui_trigger-
|
|
1216
|
+
.awsui_trigger-wrapper_hyvsj_fae1z_1214:not(#\9) {
|
|
1217
1217
|
position: relative;
|
|
1218
1218
|
border-start-start-radius: 50%;
|
|
1219
1219
|
border-start-end-radius: 50%;
|
|
1220
1220
|
border-end-start-radius: 50%;
|
|
1221
1221
|
border-end-end-radius: 50%;
|
|
1222
1222
|
}
|
|
1223
|
-
.awsui_trigger-
|
|
1223
|
+
.awsui_trigger-wrapper_hyvsj_fae1z_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_fae1z_612) {
|
|
1224
1224
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1225
1225
|
}
|
|
1226
1226
|
|
|
1227
|
-
.
|
|
1227
|
+
.awsui_dot_hyvsj_fae1z_1225:not(#\9) {
|
|
1228
1228
|
position: absolute;
|
|
1229
1229
|
inline-size: 9px;
|
|
1230
1230
|
block-size: 9px;
|