@cloudscape-design/components 3.0.751 → 3.0.752
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/app-layout/drawer/styles.css.js +13 -13
- package/app-layout/drawer/styles.scoped.css +22 -22
- package/app-layout/drawer/styles.selectors.js +13 -13
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +10 -10
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +34 -34
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +12 -12
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +16 -16
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +12 -12
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +24 -24
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
- package/internal/base-component/styles.scoped.css +5 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +15 -15
- package/internal/generated/theming/index.js +15 -15
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/styles.css.js +52 -52
- package/popover/styles.scoped.css +72 -72
- package/popover/styles.selectors.js +52 -52
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +59 -59
- package/wizard/styles.selectors.js +30 -30
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"toggle": "
|
|
5
|
-
"drawer-triggers": "awsui_drawer-
|
|
6
|
-
"drawer": "
|
|
7
|
-
"drawer-mobile": "awsui_drawer-
|
|
8
|
-
"drawer-closed": "awsui_drawer-
|
|
9
|
-
"drawer-content": "awsui_drawer-
|
|
10
|
-
"drawer-content-clickable": "awsui_drawer-content-
|
|
11
|
-
"drawer-resize-content": "awsui_drawer-resize-
|
|
12
|
-
"drawer-triggers-wrapper": "awsui_drawer-triggers-
|
|
13
|
-
"drawer-trigger": "awsui_drawer-
|
|
14
|
-
"drawer-trigger-active": "awsui_drawer-trigger-
|
|
15
|
-
"resize-handle-wrapper": "awsui_resize-handle-
|
|
16
|
-
"hide": "
|
|
4
|
+
"toggle": "awsui_toggle_1uo6m_2kmx1_189",
|
|
5
|
+
"drawer-triggers": "awsui_drawer-triggers_1uo6m_2kmx1_195",
|
|
6
|
+
"drawer": "awsui_drawer_1uo6m_2kmx1_195",
|
|
7
|
+
"drawer-mobile": "awsui_drawer-mobile_1uo6m_2kmx1_205",
|
|
8
|
+
"drawer-closed": "awsui_drawer-closed_1uo6m_2kmx1_208",
|
|
9
|
+
"drawer-content": "awsui_drawer-content_1uo6m_2kmx1_215",
|
|
10
|
+
"drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_2kmx1_227",
|
|
11
|
+
"drawer-resize-content": "awsui_drawer-resize-content_1uo6m_2kmx1_237",
|
|
12
|
+
"drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_2kmx1_243",
|
|
13
|
+
"drawer-trigger": "awsui_drawer-trigger_1uo6m_2kmx1_195",
|
|
14
|
+
"drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_2kmx1_262",
|
|
15
|
+
"resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_2kmx1_270",
|
|
16
|
+
"hide": "awsui_hide_1uo6m_2kmx1_280"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -186,88 +186,88 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
187
|
SPDX-License-Identifier: Apache-2.0
|
|
188
188
|
*/
|
|
189
|
-
.
|
|
189
|
+
.awsui_toggle_1uo6m_2kmx1_189:not(#\9) {
|
|
190
190
|
box-sizing: border-box;
|
|
191
191
|
padding-block: var(--space-xxs-p8yyaw, 4px);
|
|
192
192
|
padding-inline: 7px;
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.awsui_drawer-
|
|
195
|
+
.awsui_drawer-triggers_1uo6m_2kmx1_195:not(#\9) {
|
|
196
196
|
box-sizing: border-box;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.
|
|
199
|
+
.awsui_drawer_1uo6m_2kmx1_195:not(#\9) {
|
|
200
200
|
flex-shrink: 0;
|
|
201
201
|
position: relative;
|
|
202
202
|
word-wrap: break-word;
|
|
203
203
|
box-shadow: var(--shadow-panel-g6fkp1, 0px 0px 0px 1px #b6bec9);
|
|
204
204
|
}
|
|
205
|
-
.
|
|
205
|
+
.awsui_drawer_1uo6m_2kmx1_195:not(#\9):not(.awsui_drawer-mobile_1uo6m_2kmx1_205) {
|
|
206
206
|
z-index: 830;
|
|
207
207
|
}
|
|
208
|
-
.awsui_drawer-
|
|
208
|
+
.awsui_drawer-closed_1uo6m_2kmx1_208:not(#\9) {
|
|
209
209
|
min-inline-size: 40px;
|
|
210
210
|
}
|
|
211
|
-
.awsui_drawer-
|
|
211
|
+
.awsui_drawer-closed_1uo6m_2kmx1_208.awsui_drawer-mobile_1uo6m_2kmx1_205:not(#\9) {
|
|
212
212
|
display: none;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.awsui_drawer-
|
|
215
|
+
.awsui_drawer-content_1uo6m_2kmx1_215:not(#\9) {
|
|
216
216
|
position: fixed;
|
|
217
217
|
overflow: auto;
|
|
218
218
|
background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
|
|
219
219
|
}
|
|
220
|
-
.awsui_drawer-
|
|
220
|
+
.awsui_drawer-mobile_1uo6m_2kmx1_205 > .awsui_drawer-content_1uo6m_2kmx1_215:not(#\9) {
|
|
221
221
|
z-index: 1001;
|
|
222
222
|
inset: 0;
|
|
223
223
|
}
|
|
224
|
-
.awsui_drawer-
|
|
224
|
+
.awsui_drawer-closed_1uo6m_2kmx1_208 > .awsui_drawer-content_1uo6m_2kmx1_215:not(#\9) {
|
|
225
225
|
inline-size: 40px;
|
|
226
226
|
}
|
|
227
|
-
.awsui_drawer-
|
|
227
|
+
.awsui_drawer-closed_1uo6m_2kmx1_208 > .awsui_drawer-content_1uo6m_2kmx1_215.awsui_drawer-content-clickable_1uo6m_2kmx1_227:not(#\9) {
|
|
228
228
|
cursor: pointer;
|
|
229
229
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
230
230
|
}
|
|
231
|
-
.awsui_drawer-
|
|
231
|
+
.awsui_drawer-closed_1uo6m_2kmx1_208 > .awsui_drawer-content_1uo6m_2kmx1_215.awsui_drawer-content-clickable_1uo6m_2kmx1_227:not(#\9):hover {
|
|
232
232
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
233
233
|
}
|
|
234
|
-
.awsui_drawer-
|
|
234
|
+
.awsui_drawer-content_1uo6m_2kmx1_215 > [aria-hidden=true]:not(#\9) {
|
|
235
235
|
display: none;
|
|
236
236
|
}
|
|
237
|
-
.awsui_drawer-
|
|
237
|
+
.awsui_drawer-content_1uo6m_2kmx1_215 > .awsui_drawer-resize-content_1uo6m_2kmx1_237:not(#\9) {
|
|
238
238
|
overflow: auto;
|
|
239
239
|
block-size: 100%;
|
|
240
240
|
position: relative;
|
|
241
241
|
}
|
|
242
242
|
|
|
243
|
-
.awsui_drawer-triggers-
|
|
243
|
+
.awsui_drawer-triggers-wrapper_1uo6m_2kmx1_243:not(#\9) {
|
|
244
244
|
display: flex;
|
|
245
245
|
flex-direction: column;
|
|
246
246
|
text-align: center;
|
|
247
247
|
align-items: stretch;
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
.awsui_drawer-
|
|
250
|
+
.awsui_drawer-trigger_1uo6m_2kmx1_195:not(#\9) {
|
|
251
251
|
padding-block: var(--space-xxs-p8yyaw, 4px);
|
|
252
252
|
padding-inline: 7px;
|
|
253
253
|
cursor: pointer;
|
|
254
254
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
255
255
|
}
|
|
256
|
-
.awsui_drawer-
|
|
257
|
-
border-block-start: 1px solid var(--color-border-layout-
|
|
256
|
+
.awsui_drawer-trigger_1uo6m_2kmx1_195:not(#\9):not(:first-child) {
|
|
257
|
+
border-block-start: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
258
258
|
}
|
|
259
|
-
.awsui_drawer-
|
|
259
|
+
.awsui_drawer-trigger_1uo6m_2kmx1_195:not(#\9):hover {
|
|
260
260
|
color: var(--color-text-layout-toggle-hover-1r0lo8, #0972d3);
|
|
261
261
|
}
|
|
262
|
-
.awsui_drawer-trigger-
|
|
262
|
+
.awsui_drawer-trigger-active_1uo6m_2kmx1_262:not(#\9), .awsui_drawer-trigger-active_1uo6m_2kmx1_262:not(#\9):hover {
|
|
263
263
|
background-color: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
264
264
|
color: var(--color-text-layout-toggle-active-p0m0v1, #ffffff);
|
|
265
265
|
}
|
|
266
|
-
.awsui_drawer-content-
|
|
266
|
+
.awsui_drawer-content-clickable_1uo6m_2kmx1_227 > .awsui_drawer-triggers-wrapper_1uo6m_2kmx1_243 > .awsui_drawer-trigger_1uo6m_2kmx1_195:not(#\9):hover {
|
|
267
267
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
268
268
|
}
|
|
269
269
|
|
|
270
|
-
.awsui_resize-handle-
|
|
270
|
+
.awsui_resize-handle-wrapper_1uo6m_2kmx1_270:not(#\9) {
|
|
271
271
|
position: absolute;
|
|
272
272
|
inset-inline-start: 0;
|
|
273
273
|
inset-block-start: 0;
|
|
@@ -277,6 +277,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
277
277
|
z-index: 1;
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
.awsui_hide_1uo6m_2kmx1_280:not(#\9) {
|
|
281
281
|
display: none;
|
|
282
282
|
}
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"toggle": "
|
|
6
|
-
"drawer-triggers": "awsui_drawer-
|
|
7
|
-
"drawer": "
|
|
8
|
-
"drawer-mobile": "awsui_drawer-
|
|
9
|
-
"drawer-closed": "awsui_drawer-
|
|
10
|
-
"drawer-content": "awsui_drawer-
|
|
11
|
-
"drawer-content-clickable": "awsui_drawer-content-
|
|
12
|
-
"drawer-resize-content": "awsui_drawer-resize-
|
|
13
|
-
"drawer-triggers-wrapper": "awsui_drawer-triggers-
|
|
14
|
-
"drawer-trigger": "awsui_drawer-
|
|
15
|
-
"drawer-trigger-active": "awsui_drawer-trigger-
|
|
16
|
-
"resize-handle-wrapper": "awsui_resize-handle-
|
|
17
|
-
"hide": "
|
|
5
|
+
"toggle": "awsui_toggle_1uo6m_2kmx1_189",
|
|
6
|
+
"drawer-triggers": "awsui_drawer-triggers_1uo6m_2kmx1_195",
|
|
7
|
+
"drawer": "awsui_drawer_1uo6m_2kmx1_195",
|
|
8
|
+
"drawer-mobile": "awsui_drawer-mobile_1uo6m_2kmx1_205",
|
|
9
|
+
"drawer-closed": "awsui_drawer-closed_1uo6m_2kmx1_208",
|
|
10
|
+
"drawer-content": "awsui_drawer-content_1uo6m_2kmx1_215",
|
|
11
|
+
"drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_2kmx1_227",
|
|
12
|
+
"drawer-resize-content": "awsui_drawer-resize-content_1uo6m_2kmx1_237",
|
|
13
|
+
"drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_2kmx1_243",
|
|
14
|
+
"drawer-trigger": "awsui_drawer-trigger_1uo6m_2kmx1_195",
|
|
15
|
+
"drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_2kmx1_262",
|
|
16
|
+
"resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_2kmx1_270",
|
|
17
|
+
"hide": "awsui_hide_1uo6m_2kmx1_280"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"block-body-scroll": "awsui_block-body-
|
|
5
|
-
"mobile-bar": "awsui_mobile-
|
|
6
|
-
"mobile-bar-breadcrumbs": "awsui_mobile-bar-
|
|
7
|
-
"mobile-toggle": "awsui_mobile-
|
|
8
|
-
"mobile-toggle-type-navigation": "awsui_mobile-toggle-type-
|
|
9
|
-
"mobile-toggle-type-tools": "awsui_mobile-toggle-type-
|
|
10
|
-
"mobile-toggle-type-drawer": "awsui_mobile-toggle-type-
|
|
11
|
-
"drawers-container": "awsui_drawers-
|
|
4
|
+
"block-body-scroll": "awsui_block-body-scroll_19d8l_12wst_149",
|
|
5
|
+
"mobile-bar": "awsui_mobile-bar_19d8l_12wst_153",
|
|
6
|
+
"mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_12wst_166",
|
|
7
|
+
"mobile-toggle": "awsui_mobile-toggle_19d8l_12wst_173",
|
|
8
|
+
"mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_12wst_182",
|
|
9
|
+
"mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_12wst_185",
|
|
10
|
+
"mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_12wst_185",
|
|
11
|
+
"drawers-container": "awsui_drawers-container_19d8l_12wst_192"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -146,11 +146,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
146
146
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
147
147
|
SPDX-License-Identifier: Apache-2.0
|
|
148
148
|
*/
|
|
149
|
-
.awsui_block-body-
|
|
149
|
+
.awsui_block-body-scroll_19d8l_12wst_149:not(#\9) {
|
|
150
150
|
overflow: hidden;
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
.awsui_mobile-
|
|
153
|
+
.awsui_mobile-bar_19d8l_12wst_153:not(#\9) {
|
|
154
154
|
position: sticky;
|
|
155
155
|
display: flex;
|
|
156
156
|
align-items: center;
|
|
@@ -163,14 +163,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
163
163
|
block-size: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.awsui_mobile-bar-
|
|
166
|
+
.awsui_mobile-bar-breadcrumbs_19d8l_12wst_166:not(#\9) {
|
|
167
167
|
min-inline-size: 0;
|
|
168
168
|
flex: 1;
|
|
169
169
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
170
170
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
171
171
|
}
|
|
172
172
|
|
|
173
|
-
.awsui_mobile-
|
|
173
|
+
.awsui_mobile-toggle_19d8l_12wst_173:not(#\9) {
|
|
174
174
|
box-sizing: border-box;
|
|
175
175
|
cursor: pointer;
|
|
176
176
|
z-index: 1;
|
|
@@ -179,17 +179,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
179
179
|
inline-size: 40px;
|
|
180
180
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
181
181
|
}
|
|
182
|
-
.awsui_mobile-toggle-type-
|
|
183
|
-
border-inline-end: 1px solid var(--color-border-layout-
|
|
182
|
+
.awsui_mobile-toggle-type-navigation_19d8l_12wst_182:not(#\9) {
|
|
183
|
+
border-inline-end: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
184
184
|
}
|
|
185
|
-
.awsui_mobile-toggle-type-
|
|
186
|
-
border-inline-start: 1px solid var(--color-border-layout-
|
|
185
|
+
.awsui_mobile-toggle-type-tools_19d8l_12wst_185:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_12wst_185:not(#\9) {
|
|
186
|
+
border-inline-start: 1px solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
187
187
|
}
|
|
188
|
-
.awsui_mobile-
|
|
188
|
+
.awsui_mobile-toggle_19d8l_12wst_173:not(#\9):hover {
|
|
189
189
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.awsui_drawers-
|
|
192
|
+
.awsui_drawers-container_19d8l_12wst_192:not(#\9) {
|
|
193
193
|
display: flex;
|
|
194
194
|
align-items: stretch;
|
|
195
195
|
}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"block-body-scroll": "awsui_block-body-
|
|
6
|
-
"mobile-bar": "awsui_mobile-
|
|
7
|
-
"mobile-bar-breadcrumbs": "awsui_mobile-bar-
|
|
8
|
-
"mobile-toggle": "awsui_mobile-
|
|
9
|
-
"mobile-toggle-type-navigation": "awsui_mobile-toggle-type-
|
|
10
|
-
"mobile-toggle-type-tools": "awsui_mobile-toggle-type-
|
|
11
|
-
"mobile-toggle-type-drawer": "awsui_mobile-toggle-type-
|
|
12
|
-
"drawers-container": "awsui_drawers-
|
|
5
|
+
"block-body-scroll": "awsui_block-body-scroll_19d8l_12wst_149",
|
|
6
|
+
"mobile-bar": "awsui_mobile-bar_19d8l_12wst_153",
|
|
7
|
+
"mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_12wst_166",
|
|
8
|
+
"mobile-toggle": "awsui_mobile-toggle_19d8l_12wst_173",
|
|
9
|
+
"mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_12wst_182",
|
|
10
|
+
"mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_12wst_185",
|
|
11
|
+
"mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_12wst_185",
|
|
12
|
+
"drawers-container": "awsui_drawers-container_19d8l_12wst_192"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"has-adaptive-widths-default": "awsui_has-adaptive-widths-
|
|
6
|
-
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-
|
|
7
|
-
"navigation": "
|
|
8
|
-
"tools": "
|
|
9
|
-
"split-panel-side": "awsui_split-panel-
|
|
10
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
11
|
-
"panel-hidden": "awsui_panel-
|
|
12
|
-
"toolbar-container": "awsui_toolbar-
|
|
13
|
-
"notifications-container": "awsui_notifications-
|
|
14
|
-
"main-landmark": "awsui_main-
|
|
15
|
-
"main": "
|
|
16
|
-
"main-disable-paddings": "awsui_main-disable-
|
|
17
|
-
"content-header": "awsui_content-
|
|
18
|
-
"content": "
|
|
19
|
-
"unfocusable-mobile": "awsui_unfocusable-
|
|
4
|
+
"root": "awsui_root_7nfqu_sowgs_149",
|
|
5
|
+
"has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_sowgs_198",
|
|
6
|
+
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213",
|
|
7
|
+
"navigation": "awsui_navigation_7nfqu_sowgs_228",
|
|
8
|
+
"tools": "awsui_tools_7nfqu_sowgs_229",
|
|
9
|
+
"split-panel-side": "awsui_split-panel-side_7nfqu_sowgs_261",
|
|
10
|
+
"split-panel-bottom": "awsui_split-panel-bottom_7nfqu_sowgs_268",
|
|
11
|
+
"panel-hidden": "awsui_panel-hidden_7nfqu_sowgs_281",
|
|
12
|
+
"toolbar-container": "awsui_toolbar-container_7nfqu_sowgs_291",
|
|
13
|
+
"notifications-container": "awsui_notifications-container_7nfqu_sowgs_297",
|
|
14
|
+
"main-landmark": "awsui_main-landmark_7nfqu_sowgs_304",
|
|
15
|
+
"main": "awsui_main_7nfqu_sowgs_304",
|
|
16
|
+
"main-disable-paddings": "awsui_main-disable-paddings_7nfqu_sowgs_313",
|
|
17
|
+
"content-header": "awsui_content-header_7nfqu_sowgs_323",
|
|
18
|
+
"content": "awsui_content_7nfqu_sowgs_323",
|
|
19
|
+
"unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_sowgs_333"
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -146,7 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
146
146
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
147
147
|
SPDX-License-Identifier: Apache-2.0
|
|
148
148
|
*/
|
|
149
|
-
.
|
|
149
|
+
.awsui_root_7nfqu_sowgs_149:not(#\9) {
|
|
150
150
|
border-collapse: separate;
|
|
151
151
|
border-spacing: 0;
|
|
152
152
|
box-sizing: border-box;
|
|
@@ -189,45 +189,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
189
189
|
grid-template-rows: min-content min-content 1fr;
|
|
190
190
|
}
|
|
191
191
|
@media (min-width: 689px) {
|
|
192
|
-
.
|
|
192
|
+
.awsui_root_7nfqu_sowgs_149:not(#\9) {
|
|
193
193
|
grid-template-areas: "toolbar toolbar toolbar toolbar toolbar toolbar" "navigation . notifications . sideSplitPanel tools" "navigation . main . sideSplitPanel tools";
|
|
194
194
|
grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
|
|
195
195
|
grid-template-rows: min-content min-content 1fr min-content;
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
@media (min-width: 689px) and (min-width: 1401px) {
|
|
199
|
-
.
|
|
199
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-default_7nfqu_sowgs_198:not(#\9) {
|
|
200
200
|
--awsui-max-content-width-g964ok: 1280px;
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
@media (min-width: 689px) and (min-width: 1921px) {
|
|
204
|
-
.
|
|
204
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-default_7nfqu_sowgs_198:not(#\9) {
|
|
205
205
|
--awsui-max-content-width-g964ok: 1440px;
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
@media (min-width: 689px) and (min-width: 2541px) {
|
|
209
|
-
.
|
|
209
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-default_7nfqu_sowgs_198:not(#\9) {
|
|
210
210
|
--awsui-max-content-width-g964ok: 1620px;
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
@media (min-width: 689px) and (min-width: 1401px) {
|
|
214
|
-
.
|
|
214
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213:not(#\9) {
|
|
215
215
|
--awsui-max-content-width-g964ok: 1280px;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
218
|
@media (min-width: 689px) and (min-width: 1921px) {
|
|
219
|
-
.
|
|
219
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213:not(#\9) {
|
|
220
220
|
--awsui-max-content-width-g964ok: 1620px;
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
@media (min-width: 689px) and (min-width: 2541px) {
|
|
224
|
-
.
|
|
224
|
+
.awsui_root_7nfqu_sowgs_149.awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213:not(#\9) {
|
|
225
225
|
--awsui-max-content-width-g964ok: 2160px;
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
.
|
|
230
|
-
.
|
|
229
|
+
.awsui_navigation_7nfqu_sowgs_228:not(#\9),
|
|
230
|
+
.awsui_tools_7nfqu_sowgs_229:not(#\9) {
|
|
231
231
|
grid-row: 1/-1;
|
|
232
232
|
grid-column: 1/-1;
|
|
233
233
|
background: var(--color-background-container-content-4un1ap, #ffffff);
|
|
@@ -235,38 +235,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
235
235
|
opacity: 1;
|
|
236
236
|
}
|
|
237
237
|
@media (max-width: 688px) {
|
|
238
|
-
.
|
|
239
|
-
.
|
|
238
|
+
.awsui_navigation_7nfqu_sowgs_228:not(#\9),
|
|
239
|
+
.awsui_tools_7nfqu_sowgs_229:not(#\9) {
|
|
240
240
|
inline-size: 100%;
|
|
241
241
|
z-index: 1001;
|
|
242
242
|
}
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
@media (min-width: 689px) {
|
|
246
|
-
.
|
|
246
|
+
.awsui_navigation_7nfqu_sowgs_228:not(#\9) {
|
|
247
247
|
grid-area: navigation;
|
|
248
248
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
249
|
-
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-
|
|
249
|
+
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
250
250
|
}
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
@media (min-width: 689px) {
|
|
254
|
-
.
|
|
254
|
+
.awsui_tools_7nfqu_sowgs_229:not(#\9) {
|
|
255
255
|
grid-area: tools;
|
|
256
256
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
257
|
-
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-
|
|
257
|
+
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
260
|
|
|
261
261
|
@media (min-width: 689px) {
|
|
262
|
-
.awsui_split-panel-
|
|
262
|
+
.awsui_split-panel-side_7nfqu_sowgs_261:not(#\9) {
|
|
263
263
|
grid-area: sideSplitPanel;
|
|
264
|
-
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-
|
|
264
|
+
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
265
265
|
opacity: 1;
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.awsui_split-panel-
|
|
269
|
+
.awsui_split-panel-bottom_7nfqu_sowgs_268:not(#\9) {
|
|
270
270
|
position: sticky;
|
|
271
271
|
z-index: 840;
|
|
272
272
|
align-self: end;
|
|
@@ -274,64 +274,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
274
274
|
grid-column: 1/-1;
|
|
275
275
|
}
|
|
276
276
|
@media (min-width: 689px) {
|
|
277
|
-
.awsui_split-panel-
|
|
277
|
+
.awsui_split-panel-bottom_7nfqu_sowgs_268:not(#\9) {
|
|
278
278
|
grid-column: 2/span 3;
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
-
.awsui_panel-
|
|
282
|
+
.awsui_panel-hidden_7nfqu_sowgs_281:not(#\9) {
|
|
283
283
|
border-block: none;
|
|
284
284
|
border-inline: none;
|
|
285
285
|
opacity: 0;
|
|
286
286
|
z-index: 0;
|
|
287
287
|
}
|
|
288
|
-
.awsui_panel-
|
|
288
|
+
.awsui_panel-hidden_7nfqu_sowgs_281.awsui_navigation_7nfqu_sowgs_228:not(#\9), .awsui_panel-hidden_7nfqu_sowgs_281.awsui_tools_7nfqu_sowgs_229:not(#\9) {
|
|
289
289
|
inline-size: 0px;
|
|
290
290
|
}
|
|
291
291
|
|
|
292
|
-
.awsui_toolbar-
|
|
292
|
+
.awsui_toolbar-container_7nfqu_sowgs_291:not(#\9) {
|
|
293
293
|
grid-area: toolbar;
|
|
294
|
-
block-size:
|
|
295
|
-
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-
|
|
294
|
+
block-size: 42px;
|
|
295
|
+
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-4mzh97, #9ba7b6);
|
|
296
296
|
}
|
|
297
297
|
|
|
298
|
-
.awsui_notifications-
|
|
298
|
+
.awsui_notifications-container_7nfqu_sowgs_297:not(#\9) {
|
|
299
299
|
grid-area: notifications;
|
|
300
300
|
}
|
|
301
|
-
.awsui_notifications-
|
|
301
|
+
.awsui_notifications-container_7nfqu_sowgs_297:not(#\9):not(:empty) {
|
|
302
302
|
padding-block-start: var(--space-scaled-xs-26e2du, 8px);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.awsui_main-
|
|
305
|
+
.awsui_main-landmark_7nfqu_sowgs_304:not(#\9) {
|
|
306
306
|
display: contents;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
.
|
|
309
|
+
.awsui_main_7nfqu_sowgs_304:not(#\9) {
|
|
310
310
|
grid-area: main;
|
|
311
311
|
margin-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
312
312
|
margin-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
313
313
|
}
|
|
314
|
-
.awsui_main-disable-
|
|
314
|
+
.awsui_main-disable-paddings_7nfqu_sowgs_313:not(#\9) {
|
|
315
315
|
grid-column: 1/-1;
|
|
316
316
|
margin-block: 0;
|
|
317
317
|
}
|
|
318
318
|
@media (min-width: 689px) {
|
|
319
|
-
.awsui_main-disable-
|
|
319
|
+
.awsui_main-disable-paddings_7nfqu_sowgs_313:not(#\9) {
|
|
320
320
|
grid-column: 2/span 3;
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
.awsui_content-
|
|
324
|
+
.awsui_content-header_7nfqu_sowgs_323:not(#\9) {
|
|
325
325
|
margin-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
326
326
|
}
|
|
327
327
|
|
|
328
|
-
.
|
|
328
|
+
.awsui_content_7nfqu_sowgs_323:not(#\9) {
|
|
329
329
|
display: contents;
|
|
330
330
|
}
|
|
331
331
|
|
|
332
332
|
/* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
|
|
333
333
|
@media (max-width: 688px) {
|
|
334
|
-
.awsui_unfocusable-
|
|
334
|
+
.awsui_unfocusable-mobile_7nfqu_sowgs_333 *:not(#\9) {
|
|
335
335
|
visibility: hidden;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"has-adaptive-widths-default": "awsui_has-adaptive-widths-
|
|
7
|
-
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-
|
|
8
|
-
"navigation": "
|
|
9
|
-
"tools": "
|
|
10
|
-
"split-panel-side": "awsui_split-panel-
|
|
11
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
12
|
-
"panel-hidden": "awsui_panel-
|
|
13
|
-
"toolbar-container": "awsui_toolbar-
|
|
14
|
-
"notifications-container": "awsui_notifications-
|
|
15
|
-
"main-landmark": "awsui_main-
|
|
16
|
-
"main": "
|
|
17
|
-
"main-disable-paddings": "awsui_main-disable-
|
|
18
|
-
"content-header": "awsui_content-
|
|
19
|
-
"content": "
|
|
20
|
-
"unfocusable-mobile": "awsui_unfocusable-
|
|
5
|
+
"root": "awsui_root_7nfqu_sowgs_149",
|
|
6
|
+
"has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_sowgs_198",
|
|
7
|
+
"has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_sowgs_213",
|
|
8
|
+
"navigation": "awsui_navigation_7nfqu_sowgs_228",
|
|
9
|
+
"tools": "awsui_tools_7nfqu_sowgs_229",
|
|
10
|
+
"split-panel-side": "awsui_split-panel-side_7nfqu_sowgs_261",
|
|
11
|
+
"split-panel-bottom": "awsui_split-panel-bottom_7nfqu_sowgs_268",
|
|
12
|
+
"panel-hidden": "awsui_panel-hidden_7nfqu_sowgs_281",
|
|
13
|
+
"toolbar-container": "awsui_toolbar-container_7nfqu_sowgs_291",
|
|
14
|
+
"notifications-container": "awsui_notifications-container_7nfqu_sowgs_297",
|
|
15
|
+
"main-landmark": "awsui_main-landmark_7nfqu_sowgs_304",
|
|
16
|
+
"main": "awsui_main_7nfqu_sowgs_304",
|
|
17
|
+
"main-disable-paddings": "awsui_main-disable-paddings_7nfqu_sowgs_313",
|
|
18
|
+
"content-header": "awsui_content-header_7nfqu_sowgs_323",
|
|
19
|
+
"content": "awsui_content_7nfqu_sowgs_323",
|
|
20
|
+
"unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_sowgs_333"
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"universal-toolbar": "awsui_universal-
|
|
5
|
-
"disable-body-scroll": "awsui_disable-body-
|
|
6
|
-
"toolbar-hidden": "awsui_toolbar-
|
|
7
|
-
"toolbar-container": "awsui_toolbar-
|
|
8
|
-
"universal-toolbar-nav": "awsui_universal-toolbar-
|
|
9
|
-
"universal-toolbar-breadcrumbs": "awsui_universal-toolbar-
|
|
10
|
-
"universal-toolbar-drawers": "awsui_universal-toolbar-
|
|
11
|
-
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-
|
|
12
|
-
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-
|
|
13
|
-
"drawers-trigger-content": "awsui_drawers-trigger-
|
|
14
|
-
"group-divider": "awsui_group-
|
|
15
|
-
"drawers-trigger": "awsui_drawers-
|
|
4
|
+
"universal-toolbar": "awsui_universal-toolbar_1kzri_scjlm_141",
|
|
5
|
+
"disable-body-scroll": "awsui_disable-body-scroll_1kzri_scjlm_162",
|
|
6
|
+
"toolbar-hidden": "awsui_toolbar-hidden_1kzri_scjlm_165",
|
|
7
|
+
"toolbar-container": "awsui_toolbar-container_1kzri_scjlm_168",
|
|
8
|
+
"universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_scjlm_177",
|
|
9
|
+
"universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_scjlm_181",
|
|
10
|
+
"universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_scjlm_186",
|
|
11
|
+
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_scjlm_194",
|
|
12
|
+
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_scjlm_195",
|
|
13
|
+
"drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_scjlm_241",
|
|
14
|
+
"group-divider": "awsui_group-divider_1kzri_scjlm_250",
|
|
15
|
+
"drawers-trigger": "awsui_drawers-trigger_1kzri_scjlm_241"
|
|
16
16
|
};
|
|
17
17
|
|