@cloudscape-design/components-themeable 3.0.513 → 3.0.515
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh/mobile-toolbar.scss +6 -2
- package/lib/internal/scss/app-layout/visual-refresh/trigger-button.scss +4 -1
- package/lib/internal/scss/cards/styles.scss +7 -0
- package/lib/internal/scss/container/styles.scss +18 -0
- package/lib/internal/scss/wizard/styles.scss +22 -8
- package/lib/internal/template/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/background.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +3 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +81 -80
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +178 -172
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +81 -80
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/lib/internal/template/cards/index.d.ts.map +1 -1
- package/lib/internal/template/cards/index.js +3 -2
- package/lib/internal/template/cards/index.js.map +1 -1
- package/lib/internal/template/cards/styles.css.js +40 -39
- package/lib/internal/template/cards/styles.scoped.css +52 -49
- package/lib/internal/template/cards/styles.selectors.js +40 -39
- package/lib/internal/template/container/internal.d.ts.map +1 -1
- package/lib/internal/template/container/internal.js +5 -3
- package/lib/internal/template/container/internal.js.map +1 -1
- package/lib/internal/template/container/styles.css.js +30 -29
- package/lib/internal/template/container/styles.scoped.css +65 -52
- package/lib/internal/template/container/styles.selectors.js +30 -29
- package/lib/internal/template/content-layout/internal.d.ts.map +1 -1
- package/lib/internal/template/content-layout/internal.js +3 -2
- package/lib/internal/template/content-layout/internal.js.map +1 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -1
- package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/utils/content-header-utils.d.ts +3 -0
- package/lib/internal/template/internal/utils/content-header-utils.d.ts.map +1 -0
- package/lib/internal/template/internal/utils/content-header-utils.js +6 -0
- package/lib/internal/template/internal/utils/content-header-utils.js.map +1 -0
- package/lib/internal/template/internal/utils/global-flags.d.ts +11 -0
- package/lib/internal/template/internal/utils/global-flags.d.ts.map +1 -0
- package/lib/internal/template/internal/utils/global-flags.js +25 -0
- package/lib/internal/template/internal/utils/global-flags.js.map +1 -0
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js +3 -2
- package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.js +2 -1
- package/lib/internal/template/split-panel/icons/side-position-refresh.js.map +1 -1
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +2 -1
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/token-group/styles.scoped.css +1 -1
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +1 -1
- package/lib/internal/template/wizard/internal.d.ts.map +1 -1
- package/lib/internal/template/wizard/internal.js +5 -3
- package/lib/internal/template/wizard/internal.js.map +1 -1
- package/lib/internal/template/wizard/styles.css.js +32 -31
- package/lib/internal/template/wizard/styles.scoped.css +76 -65
- package/lib/internal/template/wizard/styles.selectors.js +32 -31
- package/lib/internal/template/wizard/wizard-form-header.d.ts.map +1 -1
- package/lib/internal/template/wizard/wizard-form-header.js +4 -2
- package/lib/internal/template/wizard/wizard-form-header.js.map +1 -1
- package/lib/internal/template/wizard/wizard-navigation.d.ts.map +1 -1
- package/lib/internal/template/wizard/wizard-navigation.js +3 -2
- package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
- package/package.json +1 -1
|
@@ -94,7 +94,7 @@ 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
|
-
.
|
|
97
|
+
.awsui_root_14iqq_1r6ed_97:not(#\9) {
|
|
98
98
|
border-collapse: separate;
|
|
99
99
|
border-spacing: 0;
|
|
100
100
|
box-sizing: border-box;
|
|
@@ -131,23 +131,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
131
131
|
word-wrap: break-word;
|
|
132
132
|
position: relative;
|
|
133
133
|
}
|
|
134
|
-
.
|
|
134
|
+
.awsui_root_14iqq_1r6ed_97.awsui_fit-height_14iqq_1r6ed_133:not(#\9) {
|
|
135
135
|
display: flex;
|
|
136
136
|
flex-direction: column;
|
|
137
137
|
height: 100%;
|
|
138
138
|
}
|
|
139
|
-
.
|
|
139
|
+
.awsui_root_14iqq_1r6ed_97.awsui_fit-height_14iqq_1r6ed_133.awsui_with-side-media_14iqq_1r6ed_138:not(#\9) {
|
|
140
140
|
flex-direction: row;
|
|
141
141
|
}
|
|
142
|
-
.
|
|
142
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9) {
|
|
143
143
|
background-color: var(--color-background-container-content-il2pe5, #ffffff);
|
|
144
144
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
145
145
|
box-sizing: border-box;
|
|
146
146
|
}
|
|
147
|
-
.
|
|
147
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141.awsui_refresh_14iqq_1r6ed_146:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141.awsui_refresh_14iqq_1r6ed_146:not(#\9) {
|
|
148
148
|
border: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
149
149
|
}
|
|
150
|
-
.
|
|
150
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
|
|
151
151
|
content: "";
|
|
152
152
|
position: absolute;
|
|
153
153
|
left: 0px;
|
|
@@ -162,7 +162,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
162
162
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
163
163
|
z-index: 1;
|
|
164
164
|
}
|
|
165
|
-
.
|
|
165
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-default_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after {
|
|
166
166
|
content: "";
|
|
167
167
|
position: absolute;
|
|
168
168
|
left: 0px;
|
|
@@ -175,127 +175,127 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
175
175
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
176
176
|
box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
177
177
|
}
|
|
178
|
-
.
|
|
178
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(:last-child)::after {
|
|
179
179
|
border-bottom-right-radius: 0;
|
|
180
180
|
border-bottom-left-radius: 0;
|
|
181
181
|
border-bottom-width: 0;
|
|
182
182
|
}
|
|
183
|
-
.
|
|
183
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9), .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9)::before, .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9)::after {
|
|
184
184
|
border-top-left-radius: 0;
|
|
185
185
|
border-top-right-radius: 0;
|
|
186
186
|
}
|
|
187
|
-
.
|
|
187
|
+
.awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141 + .awsui_root_14iqq_1r6ed_97.awsui_variant-stacked_14iqq_1r6ed_141:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
|
|
188
188
|
border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
|
|
189
189
|
}
|
|
190
|
-
.
|
|
190
|
+
.awsui_root_14iqq_1r6ed_97.awsui_sticky-enabled_14iqq_1r6ed_189:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
|
|
191
191
|
top: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
.awsui_root_14iqq_1r6ed_97.awsui_sticky-enabled_14iqq_1r6ed_189:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146).awsui_variant-stacked_14iqq_1r6ed_141::before {
|
|
194
194
|
top: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
|
|
195
195
|
}
|
|
196
196
|
|
|
197
|
-
.awsui_with-side-
|
|
197
|
+
.awsui_with-side-media_14iqq_1r6ed_138:not(#\9) {
|
|
198
198
|
display: flex;
|
|
199
199
|
flex-direction: row;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.awsui_with-top-
|
|
202
|
+
.awsui_with-top-media_14iqq_1r6ed_201:not(#\9) {
|
|
203
203
|
display: flex;
|
|
204
204
|
flex-direction: column;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.awsui_content-
|
|
207
|
+
.awsui_content-wrapper_14iqq_1r6ed_206:not(#\9) {
|
|
208
208
|
display: flex;
|
|
209
209
|
flex-direction: column;
|
|
210
210
|
width: 100%;
|
|
211
211
|
}
|
|
212
|
-
.awsui_content-wrapper-fit-
|
|
212
|
+
.awsui_content-wrapper-fit-height_14iqq_1r6ed_211:not(#\9) {
|
|
213
213
|
height: 100%;
|
|
214
214
|
overflow: hidden;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.
|
|
217
|
+
.awsui_media_14iqq_1r6ed_216:not(#\9) {
|
|
218
218
|
overflow: hidden;
|
|
219
219
|
flex-shrink: 0;
|
|
220
220
|
}
|
|
221
|
-
.
|
|
222
|
-
.
|
|
223
|
-
.
|
|
221
|
+
.awsui_media_14iqq_1r6ed_216 img:not(#\9),
|
|
222
|
+
.awsui_media_14iqq_1r6ed_216 video:not(#\9),
|
|
223
|
+
.awsui_media_14iqq_1r6ed_216 picture:not(#\9) {
|
|
224
224
|
width: 100%;
|
|
225
225
|
height: 100%;
|
|
226
226
|
object-fit: cover;
|
|
227
227
|
object-position: center;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_media_14iqq_1r6ed_216 iframe:not(#\9) {
|
|
230
230
|
width: 100%;
|
|
231
231
|
height: 100%;
|
|
232
232
|
border: 0;
|
|
233
233
|
}
|
|
234
|
-
.awsui_media-
|
|
234
|
+
.awsui_media-top_14iqq_1r6ed_233:not(#\9) {
|
|
235
235
|
max-height: 66%;
|
|
236
236
|
border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
|
|
237
237
|
border-top-right-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
|
|
238
238
|
}
|
|
239
|
-
.awsui_media-
|
|
239
|
+
.awsui_media-side_14iqq_1r6ed_238:not(#\9) {
|
|
240
240
|
max-width: 66%;
|
|
241
241
|
border-top-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
|
|
242
242
|
border-bottom-left-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.
|
|
245
|
+
.awsui_header_14iqq_1r6ed_244:not(#\9) {
|
|
246
246
|
background-color: var(--color-background-container-header-ni4jv3, #fafafa);
|
|
247
247
|
border-top-left-radius: var(--border-radius-container-jm6teg, 0px);
|
|
248
248
|
border-top-right-radius: var(--border-radius-container-jm6teg, 0px);
|
|
249
249
|
}
|
|
250
|
-
.
|
|
250
|
+
.awsui_header_14iqq_1r6ed_244.awsui_header-with-media_14iqq_1r6ed_249:not(#\9) {
|
|
251
251
|
background: none;
|
|
252
252
|
}
|
|
253
|
-
.
|
|
253
|
+
.awsui_header_14iqq_1r6ed_244.awsui_header-with-media_14iqq_1r6ed_249:not(#\9):not(:empty) {
|
|
254
254
|
border-bottom: none;
|
|
255
255
|
}
|
|
256
|
-
.awsui_header-sticky-
|
|
256
|
+
.awsui_header-sticky-disabled_14iqq_1r6ed_255:not(#\9) {
|
|
257
257
|
position: relative;
|
|
258
258
|
z-index: 1;
|
|
259
259
|
}
|
|
260
|
-
.awsui_header-sticky-
|
|
260
|
+
.awsui_header-sticky-enabled_14iqq_1r6ed_259:not(#\9) {
|
|
261
261
|
top: 0;
|
|
262
262
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
263
263
|
position: sticky;
|
|
264
264
|
z-index: 800;
|
|
265
265
|
}
|
|
266
|
-
.awsui_header-
|
|
266
|
+
.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
|
|
267
267
|
border-radius: 0;
|
|
268
268
|
}
|
|
269
|
-
.awsui_header-
|
|
269
|
+
.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
|
|
270
270
|
border: 0;
|
|
271
271
|
}
|
|
272
|
-
.awsui_header-
|
|
272
|
+
.awsui_header-stuck_14iqq_1r6ed_265:not(#\9):not(.awsui_header-variant-cards_14iqq_1r6ed_271) {
|
|
273
273
|
box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
|
|
274
274
|
}
|
|
275
|
-
.awsui_header-dynamic-
|
|
275
|
+
.awsui_header-dynamic-height_14iqq_1r6ed_274.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
|
|
276
276
|
margin-bottom: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_header_14iqq_1r6ed_244:not(#\9):not(:empty) {
|
|
279
279
|
border-bottom: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
|
|
280
280
|
}
|
|
281
|
-
.
|
|
281
|
+
.awsui_header_14iqq_1r6ed_244.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
|
|
282
282
|
padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px) var(--space-container-header-bottom-qqnwwz, 12px);
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
.awsui_header_14iqq_1r6ed_244.awsui_with-paddings_14iqq_1r6ed_280.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9) {
|
|
285
285
|
padding: var(--space-container-header-top-bomjbu, 12px) var(--space-container-horizontal-oebwqe, 20px);
|
|
286
286
|
}
|
|
287
|
-
.
|
|
287
|
+
.awsui_header_14iqq_1r6ed_244.awsui_with-hidden-content_14iqq_1r6ed_286:not(#\9) {
|
|
288
288
|
border-bottom-left-radius: var(--border-radius-container-jm6teg, 0px);
|
|
289
289
|
border-bottom-right-radius: var(--border-radius-container-jm6teg, 0px);
|
|
290
290
|
}
|
|
291
|
-
.awsui_header-variant-
|
|
291
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9) {
|
|
292
292
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
293
293
|
box-sizing: border-box;
|
|
294
294
|
}
|
|
295
|
-
.awsui_header-variant-
|
|
295
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271.awsui_refresh_14iqq_1r6ed_146:not(#\9) {
|
|
296
296
|
border: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
297
297
|
}
|
|
298
|
-
.awsui_header-variant-
|
|
298
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::before {
|
|
299
299
|
content: "";
|
|
300
300
|
position: absolute;
|
|
301
301
|
left: 0px;
|
|
@@ -310,7 +310,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
310
310
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
311
311
|
z-index: 1;
|
|
312
312
|
}
|
|
313
|
-
.awsui_header-variant-
|
|
313
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_refresh_14iqq_1r6ed_146)::after {
|
|
314
314
|
content: "";
|
|
315
315
|
position: absolute;
|
|
316
316
|
left: 0px;
|
|
@@ -323,18 +323,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
323
323
|
border-radius: var(--border-radius-container-jm6teg, 0px);
|
|
324
324
|
box-shadow: var(--shadow-container-5104ec, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
325
325
|
}
|
|
326
|
-
.awsui_header-variant-
|
|
326
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1r6ed_259) {
|
|
327
327
|
position: relative;
|
|
328
328
|
}
|
|
329
|
-
.awsui_header-variant-
|
|
329
|
+
.awsui_header-variant-cards_14iqq_1r6ed_271.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::after, .awsui_header-variant-cards_14iqq_1r6ed_271.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
|
|
330
330
|
border: 0;
|
|
331
331
|
border-top-left-radius: 0;
|
|
332
332
|
border-top-right-radius: 0;
|
|
333
333
|
}
|
|
334
|
-
.awsui_header-variant-full-
|
|
334
|
+
.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9) {
|
|
335
335
|
box-shadow: none;
|
|
336
336
|
}
|
|
337
|
-
.awsui_header-variant-full-
|
|
337
|
+
.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::before {
|
|
338
|
+
content: "";
|
|
339
|
+
position: absolute;
|
|
340
|
+
right: 0;
|
|
341
|
+
left: 0;
|
|
342
|
+
bottom: 0;
|
|
343
|
+
top: 0;
|
|
344
|
+
border-bottom: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
|
|
345
|
+
}
|
|
346
|
+
.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9)::after {
|
|
338
347
|
content: "";
|
|
339
348
|
position: absolute;
|
|
340
349
|
right: 0;
|
|
@@ -344,35 +353,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
344
353
|
box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
|
|
345
354
|
clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
|
|
346
355
|
}
|
|
356
|
+
.awsui_header-variant-full-page_14iqq_1r6ed_333.awsui_header-stuck_14iqq_1r6ed_265:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_1r6ed_355)::before {
|
|
357
|
+
content: "";
|
|
358
|
+
border-bottom: none;
|
|
359
|
+
}
|
|
347
360
|
|
|
348
361
|
/*
|
|
349
362
|
The dynamic height dark header needs a background that will cover
|
|
350
363
|
the default white background of the container component.
|
|
351
364
|
*/
|
|
352
|
-
.awsui_dark-
|
|
365
|
+
.awsui_dark-header_14iqq_1r6ed_364:not(#\9) {
|
|
353
366
|
background-color: var(--color-background-layout-main-td853a, #f2f3f3);
|
|
354
367
|
color: var(--color-text-body-default-ffdwgg, #16191f);
|
|
355
368
|
}
|
|
356
369
|
|
|
357
|
-
.
|
|
370
|
+
.awsui_content_14iqq_1r6ed_206:not(#\9) {
|
|
358
371
|
flex: 1;
|
|
359
372
|
}
|
|
360
|
-
.awsui_content-fit-
|
|
373
|
+
.awsui_content-fit-height_14iqq_1r6ed_372:not(#\9) {
|
|
361
374
|
overflow: auto;
|
|
362
375
|
}
|
|
363
|
-
.
|
|
376
|
+
.awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
|
|
364
377
|
padding: var(--space-scaled-l-08jb88, 20px) var(--space-container-horizontal-oebwqe, 20px);
|
|
365
378
|
}
|
|
366
|
-
.
|
|
379
|
+
.awsui_header_14iqq_1r6ed_244 + .awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
|
|
367
380
|
padding-top: var(--space-container-content-top-dkluz9, 16px);
|
|
368
381
|
}
|
|
369
|
-
.
|
|
382
|
+
.awsui_header_14iqq_1r6ed_244 + .awsui_content_14iqq_1r6ed_206.awsui_with-paddings_14iqq_1r6ed_280.awsui_content-with-media_14iqq_1r6ed_381:not(#\9) {
|
|
370
383
|
padding-top: 0;
|
|
371
384
|
}
|
|
372
385
|
|
|
373
|
-
.
|
|
386
|
+
.awsui_footer_14iqq_1r6ed_385.awsui_with-paddings_14iqq_1r6ed_280:not(#\9) {
|
|
374
387
|
padding: var(--space-scaled-s-9q8n2q, 12px) var(--space-container-horizontal-oebwqe, 20px);
|
|
375
388
|
}
|
|
376
|
-
.
|
|
389
|
+
.awsui_footer_14iqq_1r6ed_385.awsui_with-divider_14iqq_1r6ed_388:not(#\9) {
|
|
377
390
|
border-top: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
|
|
378
391
|
}
|
|
@@ -2,34 +2,35 @@
|
|
|
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
|
-
"fit-height": "awsui_fit-
|
|
7
|
-
"with-side-media": "awsui_with-side-
|
|
8
|
-
"variant-default": "awsui_variant-
|
|
9
|
-
"variant-stacked": "awsui_variant-
|
|
10
|
-
"refresh": "
|
|
11
|
-
"sticky-enabled": "awsui_sticky-
|
|
12
|
-
"with-top-media": "awsui_with-top-
|
|
13
|
-
"content-wrapper": "awsui_content-
|
|
14
|
-
"content-wrapper-fit-height": "awsui_content-wrapper-fit-
|
|
15
|
-
"media": "
|
|
16
|
-
"media-top": "awsui_media-
|
|
17
|
-
"media-side": "awsui_media-
|
|
18
|
-
"header": "
|
|
19
|
-
"header-with-media": "awsui_header-with-
|
|
20
|
-
"header-sticky-disabled": "awsui_header-sticky-
|
|
21
|
-
"header-sticky-enabled": "awsui_header-sticky-
|
|
22
|
-
"header-stuck": "awsui_header-
|
|
23
|
-
"header-variant-cards": "awsui_header-variant-
|
|
24
|
-
"header-dynamic-height": "awsui_header-dynamic-
|
|
25
|
-
"with-paddings": "awsui_with-
|
|
26
|
-
"with-hidden-content": "awsui_with-hidden-
|
|
27
|
-
"header-variant-full-page": "awsui_header-variant-full-
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"content
|
|
31
|
-
"content-
|
|
32
|
-
"
|
|
33
|
-
"
|
|
5
|
+
"root": "awsui_root_14iqq_1r6ed_97",
|
|
6
|
+
"fit-height": "awsui_fit-height_14iqq_1r6ed_133",
|
|
7
|
+
"with-side-media": "awsui_with-side-media_14iqq_1r6ed_138",
|
|
8
|
+
"variant-default": "awsui_variant-default_14iqq_1r6ed_141",
|
|
9
|
+
"variant-stacked": "awsui_variant-stacked_14iqq_1r6ed_141",
|
|
10
|
+
"refresh": "awsui_refresh_14iqq_1r6ed_146",
|
|
11
|
+
"sticky-enabled": "awsui_sticky-enabled_14iqq_1r6ed_189",
|
|
12
|
+
"with-top-media": "awsui_with-top-media_14iqq_1r6ed_201",
|
|
13
|
+
"content-wrapper": "awsui_content-wrapper_14iqq_1r6ed_206",
|
|
14
|
+
"content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1r6ed_211",
|
|
15
|
+
"media": "awsui_media_14iqq_1r6ed_216",
|
|
16
|
+
"media-top": "awsui_media-top_14iqq_1r6ed_233",
|
|
17
|
+
"media-side": "awsui_media-side_14iqq_1r6ed_238",
|
|
18
|
+
"header": "awsui_header_14iqq_1r6ed_244",
|
|
19
|
+
"header-with-media": "awsui_header-with-media_14iqq_1r6ed_249",
|
|
20
|
+
"header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1r6ed_255",
|
|
21
|
+
"header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1r6ed_259",
|
|
22
|
+
"header-stuck": "awsui_header-stuck_14iqq_1r6ed_265",
|
|
23
|
+
"header-variant-cards": "awsui_header-variant-cards_14iqq_1r6ed_271",
|
|
24
|
+
"header-dynamic-height": "awsui_header-dynamic-height_14iqq_1r6ed_274",
|
|
25
|
+
"with-paddings": "awsui_with-paddings_14iqq_1r6ed_280",
|
|
26
|
+
"with-hidden-content": "awsui_with-hidden-content_14iqq_1r6ed_286",
|
|
27
|
+
"header-variant-full-page": "awsui_header-variant-full-page_14iqq_1r6ed_333",
|
|
28
|
+
"remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1r6ed_355",
|
|
29
|
+
"dark-header": "awsui_dark-header_14iqq_1r6ed_364",
|
|
30
|
+
"content": "awsui_content_14iqq_1r6ed_206",
|
|
31
|
+
"content-fit-height": "awsui_content-fit-height_14iqq_1r6ed_372",
|
|
32
|
+
"content-with-media": "awsui_content-with-media_14iqq_1r6ed_381",
|
|
33
|
+
"footer": "awsui_footer_14iqq_1r6ed_385",
|
|
34
|
+
"with-divider": "awsui_with-divider_14iqq_1r6ed_388"
|
|
34
35
|
};
|
|
35
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}
|
|
@@ -4,6 +4,7 @@ import { __rest } from "tslib";
|
|
|
4
4
|
import React, { useRef } from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { getBaseProps } from '../internal/base-component';
|
|
7
|
+
import { contentHeaderClassName } from '../internal/utils/content-header-utils';
|
|
7
8
|
import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
|
|
8
9
|
import { useMergeRefs } from '../internal/hooks/use-merge-refs';
|
|
9
10
|
import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
|
|
@@ -21,8 +22,8 @@ export default function InternalContentLayout(_a) {
|
|
|
21
22
|
[styles['is-visual-refresh']]: isVisualRefresh,
|
|
22
23
|
[styles['has-header']]: !!header,
|
|
23
24
|
}), ref: mergedRef }),
|
|
24
|
-
React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled },
|
|
25
|
-
header && React.createElement("div", { className: clsx(styles.header,
|
|
25
|
+
React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, contentHeaderClassName), ref: overlapElement }),
|
|
26
|
+
header && React.createElement("div", { className: clsx(styles.header, contentHeaderClassName) }, header),
|
|
26
27
|
React.createElement("div", { className: styles.content }, children)));
|
|
27
28
|
}
|
|
28
29
|
//# sourceMappingURL=internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,sBAAsB,CACvB,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,IAAG,MAAM,CAAO;QAEtF,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n children,\n disableOverlap,\n header,\n __internalRootRef,\n ...rest\n}: InternalContentLayoutProps) {\n const baseProps = getBaseProps(rest);\n const rootElement = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n const isVisualRefresh = useVisualRefresh();\n const overlapElement = useDynamicOverlap();\n\n const isOverlapDisabled = !children || disableOverlap;\n\n return (\n <div\n {...baseProps}\n className={clsx(baseProps.className, styles.layout, {\n [styles['is-overlap-disabled']]: isOverlapDisabled,\n [styles['is-visual-refresh']]: isVisualRefresh,\n [styles['has-header']]: !!header,\n })}\n ref={mergedRef}\n >\n <div\n className={clsx(\n styles.background,\n { [styles['is-overlap-disabled']]: isOverlapDisabled },\n contentHeaderClassName\n )}\n ref={overlapElement}\n />\n\n {header && <div className={clsx(styles.header, contentHeaderClassName)}>{header}</div>}\n\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React, { useEffect, useRef } from 'react';
|
|
4
4
|
import { useMutationObserver } from '../../hooks/use-mutation-observer';
|
|
5
|
+
import { contentHeaderClassName } from '../../utils/content-header-utils';
|
|
5
6
|
import styles from './styles.css.js';
|
|
6
7
|
import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
|
|
7
8
|
function setIfChanged(oldValue, newValue, setter) {
|
|
@@ -39,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
|
|
|
39
40
|
if (hasPlainStyling === true || !isRefresh) {
|
|
40
41
|
return React.createElement(React.Fragment, null, children);
|
|
41
42
|
}
|
|
42
|
-
return (React.createElement("div", { ref: containerRef, className:
|
|
43
|
+
return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
|
|
43
44
|
React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
|
|
44
45
|
React.createElement("div", { className: styles.content }, children)));
|
|
45
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAQlF,SAAS,YAAY,CAAC,QAAgB,EAAE,QAAgB,EAAE,MAAkC;IAC1F,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACzB,MAAM,CAAC,QAAQ,CAAC,CAAC;KAClB;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAmB;IAC1F,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,IAAiB,EAAE,EAAe,EAAE,EAAE;QACzE,0EAA0E;QAC1E,6CAA6C;QAC7C,wEAAwE;QACxE,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;QACvE,YAAY,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;QACxF,YAAY,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC;QACnF,YAAY,CACV,QAAQ,EACR,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EACpD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CACxC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,EAAE;QACvC,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;SAClC;IACH,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,IAAI,YAAY,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE;gBAC3C,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;aAClD;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,eAAe,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE;QAC1C,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { contentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={contentHeaderClassName}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,SAA8C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,QAAuE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import { getGlobalFlag } from './global-flags';
|
|
4
|
+
export const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');
|
|
5
|
+
export const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';
|
|
6
|
+
//# sourceMappingURL=content-header-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');\nexport const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const awsuiGlobalFlagsSymbol: unique symbol;
|
|
2
|
+
interface GlobalFlags {
|
|
3
|
+
removeHighContrastHeader?: boolean;
|
|
4
|
+
}
|
|
5
|
+
interface ExtendedWindow extends Window {
|
|
6
|
+
[awsuiGlobalFlagsSymbol]?: GlobalFlags;
|
|
7
|
+
}
|
|
8
|
+
export declare const getTopWindow: () => ExtendedWindow | undefined;
|
|
9
|
+
export declare const getGlobalFlag: (flagName: keyof GlobalFlags) => GlobalFlags[keyof GlobalFlags] | undefined;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=global-flags.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global-flags.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,eAAmC,CAAC;AAEvE,UAAU,WAAW;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,MAAM;IACrC,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;CACxC;AAGD,eAAO,MAAM,YAAY,QAAO,cAAc,GAAG,SAEhD,CAAC;AASF,eAAO,MAAM,aAAa,aAAc,MAAM,WAAW,KAAG,WAAW,CAAC,MAAM,WAAW,CAAC,GAAG,SAU5F,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
export const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');
|
|
4
|
+
export const getTopWindow = () => {
|
|
5
|
+
return window.top;
|
|
6
|
+
};
|
|
7
|
+
function readFlag(window, flagName) {
|
|
8
|
+
if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {
|
|
9
|
+
return undefined;
|
|
10
|
+
}
|
|
11
|
+
return window[awsuiGlobalFlagsSymbol][flagName];
|
|
12
|
+
}
|
|
13
|
+
export const getGlobalFlag = (flagName) => {
|
|
14
|
+
try {
|
|
15
|
+
const ownFlag = readFlag(window, flagName);
|
|
16
|
+
if (ownFlag !== undefined) {
|
|
17
|
+
return ownFlag;
|
|
18
|
+
}
|
|
19
|
+
return readFlag(getTopWindow(), flagName);
|
|
20
|
+
}
|
|
21
|
+
catch (e) {
|
|
22
|
+
return undefined;
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=global-flags.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global-flags.js","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAWvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA+B,EAAE;IAC3D,OAAO,MAAM,CAAC,GAAqB,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,MAAkC,EAAE,QAA2B;IAC/E,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;QACpE,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAA8C,EAAE;IACvG,IAAI;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;KAC3C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');\n\ninterface GlobalFlags {\n removeHighContrastHeader?: boolean;\n}\n\ninterface ExtendedWindow extends Window {\n [awsuiGlobalFlagsSymbol]?: GlobalFlags;\n}\ndeclare const window: ExtendedWindow;\n\nexport const getTopWindow = (): ExtendedWindow | undefined => {\n return window.top as ExtendedWindow;\n};\n\nfunction readFlag(window: ExtendedWindow | undefined, flagName: keyof GlobalFlags) {\n if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {\n return undefined;\n }\n return window[awsuiGlobalFlagsSymbol][flagName];\n}\n\nexport const getGlobalFlag = (flagName: keyof GlobalFlags): GlobalFlags[keyof GlobalFlags] | undefined => {\n try {\n const ownFlag = readFlag(window, flagName);\n if (ownFlag !== undefined) {\n return ownFlag;\n }\n return readFlag(getTopWindow(), flagName);\n } catch (e) {\n return undefined;\n }\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { contentHeaderClassName } from '../../internal/utils/content-header-utils';
|
|
4
5
|
import { getClassName } from './side-position-refresh';
|
|
5
6
|
const TableRow = ({ offset, isHeader }) => {
|
|
6
7
|
const offsetTop = 0.4482;
|
|
@@ -23,8 +24,8 @@ const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewB
|
|
|
23
24
|
React.createElement("path", { d: "M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
|
|
24
25
|
React.createElement("g", { className: "awsui-context-top-navigation" },
|
|
25
26
|
React.createElement("rect", { x: "2", y: "2", width: "226", height: "6", className: getClassName('layout-top') })),
|
|
26
|
-
React.createElement("g", { className:
|
|
27
|
-
React.createElement("path", { d: "
|
|
27
|
+
React.createElement("g", { className: contentHeaderClassName },
|
|
28
|
+
React.createElement("path", { d: "M2 8H228V23H2V8Z", className: getClassName('layout-main') }),
|
|
28
29
|
React.createElement("g", { className: getClassName('default') },
|
|
29
30
|
React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
|
|
30
31
|
React.createElement("path", { d: "M26 14H56.1484V17H26V14Z" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAoB,MAAM,yBAAyB,CAAC;AAEzE,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAoB,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAC;IACzB,MAAM,YAAY,GAAG,MAAM,CAAC;IAC5B,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC;QACvG,8BAAM,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,GAAI;QACnE,8BACE,CAAC,EAAE,OAAO,SAAS,OAAO,YAAY,OAAO,SAAS,GAAG,EACzD,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,GAC5D;QACF,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAE,QAAQ,SAAS,QAAQ,YAAY,QAAQ,SAAS,GAAG,GAAI;QACtE,8BAAM,CAAC,EAAC,eAAe,EAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,EAAE,aAAa,EAAC,QAAQ,GAAG,CACrF,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAoB,EAAE,EAAE;IACpD,OAAO,CACL,2BAAG,SAAS,EAAE,gBAAgB,MAAM,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC;QAC3E,8BAAM,CAAC,EAAC,kBAAkB,GAAG;QAC7B,8BAAM,CAAC,EAAC,mBAAmB,GAAG;QAC9B,8BAAM,CAAC,EAAC,qBAAqB,GAAG;QAChC,8BAAM,CAAC,EAAC,qBAAqB,GAAG,CAC9B,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CACzB,6BACE,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,aAAa,EACrB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,iBAC7B,MAAM;IAElB,8BACE,CAAC,EAAC,mIAAmI,EACrI,SAAS,EAAE,YAAY,CAAC,QAAQ,CAAC,EACjC,WAAW,EAAC,GAAG,GACf;IACF,2BAAG,SAAS,EAAC,8BAA8B;QACzC,8BAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,YAAY,CAAC,YAAY,CAAC,GAAI,CAChF;IACJ,2BAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { contentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n <path\n d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M27 0H59V3H27V0Z\" />\n <path d=\"M75 0H107V3H75V0Z\" />\n <path d=\"M123 0H155V3H123V0Z\" />\n <path d=\"M171 0H203V3H171V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className={contentHeaderClassName}>\n <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M26 14H56.1484V17H26V14Z\" />\n <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n <path\n d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n className={getClassName('primary')}\n />\n <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n\n <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M198 87H203V92H198V87Z\" />\n <path d=\"M190 87H195V92H190V87Z\" />\n </g>\n\n <SidePanelRow offset={99} />\n <SidePanelRow offset={106} />\n <SidePanelRow offset={113} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
|