@cloudscape-design/components-themeable 3.0.1069 → 3.0.1071
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-toolbar/skeleton/styles.scss +6 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/split-panel/styles.scss +4 -2
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +1 -0
- package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-focus-control.js +66 -6
- package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js +15 -13
- package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +37 -350
- package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +20 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.d.ts +6 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.js +13 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/index.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts +11 -16
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +21 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.d.ts +21 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.js +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.d.ts +8 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.js +41 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{slot-skeletons.d.ts → skeleton-parts.d.ts} +9 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +21 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{slot-wrappers.d.ts → slots.d.ts} +7 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{breadcrumbs/index.js → slots.js} +6 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +23 -21
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +42 -37
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +23 -21
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.d.ts +18 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js +27 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts +29 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.d.ts +3 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js +4 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/{multi-layout.js → state/props-merger.js} +28 -40
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts +6 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +322 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts +4 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +59 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.js +29 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +28 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.js +17 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.js.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.d.ts.map +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js +19 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js.map +1 -0
- package/lib/internal/template/breadcrumb-group/internal.d.ts +2 -1
- package/lib/internal/template/breadcrumb-group/internal.d.ts.map +1 -1
- package/lib/internal/template/breadcrumb-group/internal.js +3 -2
- package/lib/internal/template/breadcrumb-group/internal.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/types.d.ts +9 -0
- package/lib/internal/template/internal/types.d.ts.map +1 -1
- package/lib/internal/template/internal/types.js.map +1 -1
- package/lib/internal/template/internal/widget-exports.d.ts +5 -0
- package/lib/internal/template/internal/widget-exports.d.ts.map +1 -1
- package/lib/internal/template/internal/widget-exports.js +7 -0
- package/lib/internal/template/internal/widget-exports.js.map +1 -1
- package/lib/internal/template/internal/widgets/index.d.ts +2 -3
- package/lib/internal/template/internal/widgets/index.d.ts.map +1 -1
- package/lib/internal/template/internal/widgets/index.js.map +1 -1
- package/lib/internal/template/internal/widgets/loader-mock.d.ts +3 -0
- package/lib/internal/template/internal/widgets/loader-mock.d.ts.map +1 -0
- package/lib/internal/template/internal/widgets/loader-mock.js +43 -0
- package/lib/internal/template/internal/widgets/loader-mock.js.map +1 -0
- package/lib/internal/template/split-panel/styles.css.js +27 -27
- package/lib/internal/template/split-panel/styles.scoped.css +46 -44
- package/lib/internal/template/split-panel/styles.selectors.js +27 -27
- package/package.json +1 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scss +0 -9
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts +0 -34
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.js.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts +0 -9
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.css.js +0 -7
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scoped.css +0 -7
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.selectors.js +0 -8
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.d.ts.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.js +0 -9
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.js.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.d.ts.map +0 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.js +0 -8
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.js.map +0 -1
|
@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
153
|
+
.awsui_drawer_1r9lg_7nc4m_153:not(#\9) {
|
|
154
154
|
border-collapse: separate;
|
|
155
155
|
border-spacing: 0;
|
|
156
156
|
box-sizing: border-box;
|
|
@@ -187,35 +187,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
187
187
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
188
188
|
z-index: 840;
|
|
189
189
|
}
|
|
190
|
-
.awsui_drawer-
|
|
190
|
+
.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9) {
|
|
191
191
|
cursor: pointer;
|
|
192
|
+
}
|
|
193
|
+
.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9):not(.awsui_refresh_1r9lg_7nc4m_193) {
|
|
192
194
|
min-inline-size: 40px;
|
|
193
195
|
}
|
|
194
196
|
|
|
195
|
-
.awsui_drawer-content-
|
|
197
|
+
.awsui_drawer-content-side_1r9lg_7nc4m_197:not(#\9) {
|
|
196
198
|
display: flex;
|
|
197
199
|
align-items: center;
|
|
198
200
|
block-size: 100%;
|
|
199
201
|
overflow: auto;
|
|
200
202
|
}
|
|
201
|
-
.awsui_drawer-content-
|
|
203
|
+
.awsui_drawer-content-side_1r9lg_7nc4m_197 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_7nc4m_190.awsui_refresh_1r9lg_7nc4m_193 > .awsui_drawer-content-side_1r9lg_7nc4m_197:not(#\9) {
|
|
202
204
|
display: none;
|
|
203
205
|
}
|
|
204
|
-
.awsui_drawer-
|
|
206
|
+
.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9):not(.awsui_refresh_1r9lg_7nc4m_193) > .awsui_drawer-content-side_1r9lg_7nc4m_197 {
|
|
205
207
|
inline-size: 40px;
|
|
206
208
|
}
|
|
207
|
-
.awsui_drawer-
|
|
209
|
+
.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9):not(.awsui_refresh_1r9lg_7nc4m_193) > .awsui_drawer-content-side_1r9lg_7nc4m_197:hover {
|
|
208
210
|
background: var(--color-background-layout-panel-hover-5jdzo1, #eaeded);
|
|
209
211
|
}
|
|
210
212
|
|
|
211
|
-
:not(#\9):not(.awsui_drawer-
|
|
213
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_7nc4m_190) > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 {
|
|
212
214
|
overflow-y: auto;
|
|
213
215
|
position: absolute;
|
|
214
216
|
inset: 0;
|
|
215
217
|
clip-path: border-box;
|
|
216
218
|
}
|
|
217
219
|
|
|
218
|
-
.awsui_position-
|
|
220
|
+
.awsui_position-bottom_1r9lg_7nc4m_220:not(#\9) {
|
|
219
221
|
position: fixed;
|
|
220
222
|
overflow-y: auto;
|
|
221
223
|
/*
|
|
@@ -223,37 +225,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
225
|
SplitPanel is no longer in fixed position in the DOM.
|
|
224
226
|
*/
|
|
225
227
|
}
|
|
226
|
-
.awsui_position-
|
|
228
|
+
.awsui_position-bottom_1r9lg_7nc4m_220:not(#\9):not(.awsui_hidden_1r9lg_7nc4m_228) {
|
|
227
229
|
border-block-start: var(--border-panel-top-width-a8j764, 0px) solid var(--color-border-divider-panel-bottom-x9b7bd, rgba(0, 28, 36, 0.15));
|
|
228
230
|
}
|
|
229
|
-
.awsui_position-
|
|
231
|
+
.awsui_position-bottom_1r9lg_7nc4m_220:not(#\9):not(.awsui_refresh_1r9lg_7nc4m_193) {
|
|
230
232
|
box-shadow: var(--shadow-split-bottom-0ncj9i, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
231
233
|
border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-bottom-x9b7bd, rgba(0, 28, 36, 0.15));
|
|
232
234
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-panel-bottom-x9b7bd, rgba(0, 28, 36, 0.15));
|
|
233
235
|
}
|
|
234
|
-
.awsui_position-
|
|
236
|
+
.awsui_position-bottom_1r9lg_7nc4m_220.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9) {
|
|
235
237
|
overflow: hidden;
|
|
236
238
|
}
|
|
237
|
-
.awsui_position-
|
|
239
|
+
.awsui_position-bottom_1r9lg_7nc4m_220.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9):hover {
|
|
238
240
|
background: var(--color-background-layout-panel-hover-5jdzo1, #eaeded);
|
|
239
241
|
}
|
|
240
|
-
.awsui_position-
|
|
242
|
+
.awsui_position-bottom_1r9lg_7nc4m_220 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > [aria-hidden=true]:not(#\9) {
|
|
241
243
|
display: none;
|
|
242
244
|
}
|
|
243
|
-
.awsui_position-
|
|
245
|
+
.awsui_position-bottom_1r9lg_7nc4m_220.awsui_refresh_1r9lg_7nc4m_193:not(#\9) {
|
|
244
246
|
position: relative;
|
|
245
247
|
}
|
|
246
248
|
|
|
247
|
-
.awsui_position-
|
|
249
|
+
.awsui_position-side_1r9lg_7nc4m_249:not(#\9) {
|
|
248
250
|
border-block-start: none;
|
|
249
251
|
box-shadow: var(--shadow-split-side-wm3dcf, 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));
|
|
250
252
|
block-size: 100%;
|
|
251
253
|
}
|
|
252
|
-
.awsui_position-
|
|
254
|
+
.awsui_position-side_1r9lg_7nc4m_249.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
|
|
253
255
|
box-shadow: none;
|
|
254
256
|
}
|
|
255
257
|
|
|
256
|
-
.awsui_slider-wrapper-
|
|
258
|
+
.awsui_slider-wrapper-bottom_1r9lg_7nc4m_258:not(#\9) {
|
|
257
259
|
position: absolute;
|
|
258
260
|
inset-block-start: 0;
|
|
259
261
|
inset-inline-start: 0;
|
|
@@ -264,7 +266,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
264
266
|
z-index: 2;
|
|
265
267
|
}
|
|
266
268
|
|
|
267
|
-
.awsui_slider-wrapper-
|
|
269
|
+
.awsui_slider-wrapper-side_1r9lg_7nc4m_269:not(#\9) {
|
|
268
270
|
position: absolute;
|
|
269
271
|
inset-inline-start: 0;
|
|
270
272
|
inset-block-start: 0;
|
|
@@ -274,11 +276,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
274
276
|
align-items: center;
|
|
275
277
|
z-index: 1;
|
|
276
278
|
}
|
|
277
|
-
.awsui_slider-wrapper-
|
|
279
|
+
.awsui_slider-wrapper-side_1r9lg_7nc4m_269.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
|
|
278
280
|
position: unset;
|
|
279
281
|
}
|
|
280
282
|
|
|
281
|
-
.awsui_open-button-
|
|
283
|
+
.awsui_open-button-side_1r9lg_7nc4m_283:not(#\9) {
|
|
282
284
|
flex: 0 0 auto;
|
|
283
285
|
align-self: flex-start;
|
|
284
286
|
box-sizing: border-box;
|
|
@@ -287,7 +289,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
287
289
|
margin-inline: auto;
|
|
288
290
|
}
|
|
289
291
|
|
|
290
|
-
.awsui_pane-header-wrapper-
|
|
292
|
+
.awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292:not(#\9) {
|
|
291
293
|
position: sticky;
|
|
292
294
|
inset-block-start: 0;
|
|
293
295
|
display: flex;
|
|
@@ -297,60 +299,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
297
299
|
padding-block: 0;
|
|
298
300
|
padding-inline: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
299
301
|
}
|
|
300
|
-
.awsui_drawer-
|
|
302
|
+
.awsui_drawer-mobile_1r9lg_7nc4m_302 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292:not(#\9) {
|
|
301
303
|
padding-block: 0;
|
|
302
304
|
padding-inline: var(--space-l-3cws6j, 20px);
|
|
303
305
|
}
|
|
304
|
-
.awsui_drawer-disable-content-
|
|
306
|
+
.awsui_drawer-disable-content-paddings_1r9lg_7nc4m_306 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292:not(#\9) {
|
|
305
307
|
padding-block: 0;
|
|
306
308
|
padding-inline: var(--space-l-3cws6j, 20px);
|
|
307
309
|
}
|
|
308
|
-
:not(#\9):not(.awsui_drawer-
|
|
310
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_7nc4m_190) > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292 {
|
|
309
311
|
background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
|
|
310
312
|
border-block-end: var(--border-panel-header-width-r62i4a, 0px) solid var(--color-border-panel-header-iffljr, #eaeded);
|
|
311
313
|
}
|
|
312
|
-
.awsui_with-
|
|
314
|
+
.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9):not(.awsui_drawer-closed_1r9lg_7nc4m_190) > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292 {
|
|
313
315
|
border-color: transparent;
|
|
314
316
|
}
|
|
315
317
|
|
|
316
|
-
.awsui_content-
|
|
318
|
+
.awsui_content-bottom_1r9lg_7nc4m_318:not(#\9) {
|
|
317
319
|
padding-block: 0;
|
|
318
320
|
padding-inline: var(--space-layout-content-horizontal-q3zhej, 40px);
|
|
319
321
|
margin-block-start: var(--space-panel-split-top-q9gv78, 0px);
|
|
320
322
|
position: relative;
|
|
321
323
|
z-index: 0;
|
|
322
324
|
}
|
|
323
|
-
.awsui_with-
|
|
325
|
+
.awsui_with-toolbar_1r9lg_7nc4m_254 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_content-bottom_1r9lg_7nc4m_318:not(#\9) {
|
|
324
326
|
margin-block-start: 0px;
|
|
325
327
|
}
|
|
326
|
-
.awsui_drawer-
|
|
328
|
+
.awsui_drawer-mobile_1r9lg_7nc4m_302 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_content-bottom_1r9lg_7nc4m_318:not(#\9) {
|
|
327
329
|
padding-block: 0;
|
|
328
330
|
padding-inline: var(--space-l-3cws6j, 20px);
|
|
329
331
|
}
|
|
330
|
-
.awsui_drawer-disable-content-
|
|
332
|
+
.awsui_drawer-disable-content-paddings_1r9lg_7nc4m_306 > .awsui_drawer-content-bottom_1r9lg_7nc4m_213 > .awsui_content-bottom_1r9lg_7nc4m_318:not(#\9) {
|
|
331
333
|
padding-block: 0;
|
|
332
334
|
padding-inline: 0;
|
|
333
335
|
}
|
|
334
336
|
|
|
335
|
-
.awsui_pane-bottom-center-
|
|
337
|
+
.awsui_pane-bottom-center-align_1r9lg_7nc4m_337:not(#\9) {
|
|
336
338
|
display: flex;
|
|
337
339
|
justify-content: center;
|
|
338
340
|
}
|
|
339
341
|
|
|
340
|
-
.awsui_pane-bottom-content-nav-
|
|
342
|
+
.awsui_pane-bottom-content-nav-padding_1r9lg_7nc4m_342:not(#\9) {
|
|
341
343
|
padding-inline-start: calc(var(--space-layout-toggle-diameter-vount6, 36px) + 2 * var(--space-layout-toggle-padding-quc8b2, 12px));
|
|
342
344
|
}
|
|
343
345
|
|
|
344
|
-
.awsui_pane-bottom-content-tools-
|
|
346
|
+
.awsui_pane-bottom-content-tools-padding_1r9lg_7nc4m_346:not(#\9) {
|
|
345
347
|
padding-inline-end: calc(var(--space-layout-toggle-diameter-vount6, 36px) + 2 * var(--space-layout-toggle-padding-quc8b2, 12px));
|
|
346
348
|
}
|
|
347
349
|
|
|
348
|
-
.awsui_content-bottom-max-
|
|
350
|
+
.awsui_content-bottom-max-width_1r9lg_7nc4m_350:not(#\9) {
|
|
349
351
|
flex-grow: 1;
|
|
350
352
|
max-inline-size: 100%;
|
|
351
353
|
}
|
|
352
354
|
|
|
353
|
-
.awsui_content-
|
|
355
|
+
.awsui_content-side_1r9lg_7nc4m_355:not(#\9) {
|
|
354
356
|
flex: auto;
|
|
355
357
|
align-self: flex-start;
|
|
356
358
|
box-sizing: border-box;
|
|
@@ -359,30 +361,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
359
361
|
inset-inline: 0;
|
|
360
362
|
block-size: 100%;
|
|
361
363
|
}
|
|
362
|
-
.awsui_content-
|
|
364
|
+
.awsui_content-side_1r9lg_7nc4m_355.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
|
|
363
365
|
position: absolute;
|
|
364
366
|
}
|
|
365
|
-
.awsui_content-
|
|
367
|
+
.awsui_content-side_1r9lg_7nc4m_355 > .awsui_pane-header-wrapper-side_1r9lg_7nc4m_367:not(#\9) {
|
|
366
368
|
padding-block: 0;
|
|
367
369
|
padding-inline-end: var(--space-m-n2lypl, 16px);
|
|
368
370
|
padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
|
|
369
371
|
border-block-end: var(--border-panel-header-width-r62i4a, 0px) solid var(--color-border-panel-header-iffljr, #eaeded);
|
|
370
372
|
}
|
|
371
|
-
.awsui_content-
|
|
373
|
+
.awsui_content-side_1r9lg_7nc4m_355.awsui_with-toolbar_1r9lg_7nc4m_254 > .awsui_pane-header-wrapper-side_1r9lg_7nc4m_367:not(#\9) {
|
|
372
374
|
border-color: transparent;
|
|
373
375
|
}
|
|
374
|
-
.awsui_content-
|
|
376
|
+
.awsui_content-side_1r9lg_7nc4m_355 > .awsui_pane-content-wrapper-side_1r9lg_7nc4m_376:not(#\9) {
|
|
375
377
|
padding-block: 0;
|
|
376
378
|
padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
|
|
377
379
|
padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
|
|
378
380
|
margin-block-start: var(--space-panel-split-top-q9gv78, 0px);
|
|
379
381
|
margin-block-end: var(--space-panel-split-bottom-wmd8np, 20px);
|
|
380
382
|
}
|
|
381
|
-
.awsui_content-
|
|
383
|
+
.awsui_content-side_1r9lg_7nc4m_355.awsui_with-toolbar_1r9lg_7nc4m_254 > .awsui_pane-content-wrapper-side_1r9lg_7nc4m_376:not(#\9) {
|
|
382
384
|
margin-block-start: 0px;
|
|
383
385
|
}
|
|
384
386
|
|
|
385
|
-
.
|
|
387
|
+
.awsui_header_1r9lg_7nc4m_387:not(#\9) {
|
|
386
388
|
display: flex;
|
|
387
389
|
flex: auto;
|
|
388
390
|
flex-direction: row;
|
|
@@ -392,10 +394,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
392
394
|
margin-block: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
|
|
393
395
|
margin-inline: 0;
|
|
394
396
|
}
|
|
395
|
-
.
|
|
397
|
+
.awsui_header_1r9lg_7nc4m_387.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
|
|
396
398
|
margin-block: 14px;
|
|
397
399
|
}
|
|
398
|
-
.awsui_header-
|
|
400
|
+
.awsui_header-text_1r9lg_7nc4m_400:not(#\9) {
|
|
399
401
|
font-size: var(--font-panel-header-size-i1j838, 18px);
|
|
400
402
|
letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
|
|
401
403
|
line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
|
|
@@ -409,7 +411,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
409
411
|
margin-block-start: calc(var(--space-scaled-xxs-jatbiv, 4px) + 1px);
|
|
410
412
|
}
|
|
411
413
|
|
|
412
|
-
.awsui_header-
|
|
414
|
+
.awsui_header-actions_1r9lg_7nc4m_414:not(#\9) {
|
|
413
415
|
display: flex;
|
|
414
416
|
flex-direction: row;
|
|
415
417
|
justify-content: space-between;
|
|
@@ -417,7 +419,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
417
419
|
margin-inline-start: var(--space-xs-kw7k3v, 8px);
|
|
418
420
|
}
|
|
419
421
|
|
|
420
|
-
.
|
|
422
|
+
.awsui_divider_1r9lg_7nc4m_422:not(#\9) {
|
|
421
423
|
border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
422
424
|
margin-block: var(--space-scaled-xxs-jatbiv, 4px);
|
|
423
425
|
margin-inline: var(--space-scaled-xs-sppte9, 8px);
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"drawer-closed": "awsui_drawer-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"drawer-content-side": "awsui_drawer-content-
|
|
9
|
-
"drawer-content-bottom": "awsui_drawer-content-
|
|
10
|
-
"position-bottom": "awsui_position-
|
|
11
|
-
"hidden": "
|
|
12
|
-
"position-side": "awsui_position-
|
|
13
|
-
"with-toolbar": "awsui_with-
|
|
14
|
-
"slider-wrapper-bottom": "awsui_slider-wrapper-
|
|
15
|
-
"slider-wrapper-side": "awsui_slider-wrapper-
|
|
16
|
-
"open-button-side": "awsui_open-button-
|
|
17
|
-
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-
|
|
18
|
-
"drawer-mobile": "awsui_drawer-
|
|
19
|
-
"drawer-disable-content-paddings": "awsui_drawer-disable-content-
|
|
20
|
-
"content-bottom": "awsui_content-
|
|
21
|
-
"pane-bottom-center-align": "awsui_pane-bottom-center-
|
|
22
|
-
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-
|
|
23
|
-
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-
|
|
24
|
-
"content-bottom-max-width": "awsui_content-bottom-max-
|
|
25
|
-
"content-side": "awsui_content-
|
|
26
|
-
"pane-header-wrapper-side": "awsui_pane-header-wrapper-
|
|
27
|
-
"pane-content-wrapper-side": "awsui_pane-content-wrapper-
|
|
28
|
-
"header": "
|
|
29
|
-
"header-text": "awsui_header-
|
|
30
|
-
"header-actions": "awsui_header-
|
|
31
|
-
"divider": "
|
|
5
|
+
"drawer": "awsui_drawer_1r9lg_7nc4m_153",
|
|
6
|
+
"drawer-closed": "awsui_drawer-closed_1r9lg_7nc4m_190",
|
|
7
|
+
"refresh": "awsui_refresh_1r9lg_7nc4m_193",
|
|
8
|
+
"drawer-content-side": "awsui_drawer-content-side_1r9lg_7nc4m_197",
|
|
9
|
+
"drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_7nc4m_213",
|
|
10
|
+
"position-bottom": "awsui_position-bottom_1r9lg_7nc4m_220",
|
|
11
|
+
"hidden": "awsui_hidden_1r9lg_7nc4m_228",
|
|
12
|
+
"position-side": "awsui_position-side_1r9lg_7nc4m_249",
|
|
13
|
+
"with-toolbar": "awsui_with-toolbar_1r9lg_7nc4m_254",
|
|
14
|
+
"slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_7nc4m_258",
|
|
15
|
+
"slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_7nc4m_269",
|
|
16
|
+
"open-button-side": "awsui_open-button-side_1r9lg_7nc4m_283",
|
|
17
|
+
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_7nc4m_292",
|
|
18
|
+
"drawer-mobile": "awsui_drawer-mobile_1r9lg_7nc4m_302",
|
|
19
|
+
"drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_7nc4m_306",
|
|
20
|
+
"content-bottom": "awsui_content-bottom_1r9lg_7nc4m_318",
|
|
21
|
+
"pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_7nc4m_337",
|
|
22
|
+
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_7nc4m_342",
|
|
23
|
+
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_7nc4m_346",
|
|
24
|
+
"content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_7nc4m_350",
|
|
25
|
+
"content-side": "awsui_content-side_1r9lg_7nc4m_355",
|
|
26
|
+
"pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_7nc4m_367",
|
|
27
|
+
"pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_7nc4m_376",
|
|
28
|
+
"header": "awsui_header_1r9lg_7nc4m_387",
|
|
29
|
+
"header-text": "awsui_header-text_1r9lg_7nc4m_400",
|
|
30
|
+
"header-actions": "awsui_header-actions_1r9lg_7nc4m_414",
|
|
31
|
+
"divider": "awsui_divider_1r9lg_7nc4m_422"
|
|
32
32
|
};
|
|
33
33
|
|
package/package.json
CHANGED
package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scss
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
-
SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
// backward compatibility before this commit: f3bdaa292ae849b74404f32ef067c9fd6d2e8d7c
|
|
7
|
-
.breadcrumbs-own:not(:empty) + .breadcrumbs-discovered {
|
|
8
|
-
display: none;
|
|
9
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AppLayoutProps } from '../interfaces';
|
|
3
|
-
import { OnChangeParams } from '../utils/use-drawers';
|
|
4
|
-
import { Focusable, FocusControlMultipleStates } from '../utils/use-focus-control';
|
|
5
|
-
import { SplitPanelToggleProps, ToolbarProps } from './toolbar';
|
|
6
|
-
export interface SharedProps {
|
|
7
|
-
forceDeduplicationType?: 'primary' | 'secondary' | 'suspended' | 'off';
|
|
8
|
-
ariaLabels: AppLayoutProps.Labels | undefined;
|
|
9
|
-
navigation: React.ReactNode;
|
|
10
|
-
navigationOpen: boolean;
|
|
11
|
-
onNavigationToggle: (open: boolean) => void;
|
|
12
|
-
navigationFocusRef: React.Ref<Focusable> | undefined;
|
|
13
|
-
breadcrumbs: React.ReactNode;
|
|
14
|
-
activeDrawerId: string | null;
|
|
15
|
-
drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
|
|
16
|
-
onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;
|
|
17
|
-
drawersFocusRef: React.Ref<Focusable> | undefined;
|
|
18
|
-
globalDrawersFocusControl?: FocusControlMultipleStates | undefined;
|
|
19
|
-
globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;
|
|
20
|
-
activeGlobalDrawersIds?: Array<string> | undefined;
|
|
21
|
-
onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;
|
|
22
|
-
splitPanel: React.ReactNode;
|
|
23
|
-
splitPanelToggleProps: SplitPanelToggleProps | undefined;
|
|
24
|
-
splitPanelFocusRef: React.Ref<Focusable> | undefined;
|
|
25
|
-
onSplitPanelToggle: () => void;
|
|
26
|
-
expandedDrawerId?: string | null;
|
|
27
|
-
setExpandedDrawerId: (value: string | null) => void;
|
|
28
|
-
}
|
|
29
|
-
export declare function mergeProps(ownProps: SharedProps, additionalProps: ReadonlyArray<Partial<SharedProps>>): ToolbarProps | null;
|
|
30
|
-
export declare function useMultiAppLayout(props: SharedProps, isEnabled: boolean): {
|
|
31
|
-
registered: boolean;
|
|
32
|
-
toolbarProps: ToolbarProps | null;
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=multi-layout.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"multi-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,sBAAsB,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC;IACvE,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACnD,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAaD,wBAAgB,UAAU,CACxB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GACnD,YAAY,GAAG,IAAI,CA8CrB;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,OAAO,GACjB;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,CAyC5D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"multi-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"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, { useLayoutEffect, useState } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { awsuiPluginsInternal } from '../../internal/plugins/api';\nimport { RegistrationState } from '../../internal/plugins/controllers/app-layout-widget';\nimport { AppLayoutProps } from '../interfaces';\nimport { useAppLayoutFlagEnabled } from '../utils/feature-flags';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from './toolbar';\n\nexport interface SharedProps {\n forceDeduplicationType?: 'primary' | 'secondary' | 'suspended' | 'off';\n ariaLabels: AppLayoutProps.Labels | undefined;\n navigation: React.ReactNode;\n navigationOpen: boolean;\n onNavigationToggle: (open: boolean) => void;\n navigationFocusRef: React.Ref<Focusable> | undefined;\n breadcrumbs: React.ReactNode;\n activeDrawerId: string | null;\n drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;\n drawersFocusRef: React.Ref<Focusable> | undefined;\n globalDrawersFocusControl?: FocusControlMultipleStates | undefined;\n globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n activeGlobalDrawersIds?: Array<string> | undefined;\n onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;\n splitPanel: React.ReactNode;\n splitPanelToggleProps: SplitPanelToggleProps | undefined;\n splitPanelFocusRef: React.Ref<Focusable> | undefined;\n onSplitPanelToggle: () => void;\n expandedDrawerId?: string | null;\n setExpandedDrawerId: (value: string | null) => void;\n}\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n if (value) {\n warnOnce(\n 'AppLayout',\n `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n );\n return true;\n }\n return false;\n}\n\nexport function mergeProps(\n ownProps: SharedProps,\n additionalProps: ReadonlyArray<Partial<SharedProps>>\n): ToolbarProps | null {\n const toolbar: ToolbarProps = {};\n for (const props of [ownProps, ...additionalProps]) {\n toolbar.ariaLabels = Object.assign(toolbar.ariaLabels ?? {}, props.ariaLabels);\n if (\n props.drawers &&\n props.drawers.some(drawer => drawer.trigger) &&\n !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n ) {\n toolbar.drawers = props.drawers;\n toolbar.activeDrawerId = props.activeDrawerId;\n toolbar.drawersFocusRef = props.drawersFocusRef;\n toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n }\n if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n toolbar.globalDrawers = props.globalDrawers;\n toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n }\n if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n toolbar.hasNavigation = true;\n toolbar.navigationOpen = props.navigationOpen;\n toolbar.navigationFocusRef = props.navigationFocusRef;\n toolbar.onNavigationToggle = props.onNavigationToggle;\n }\n if (\n props.splitPanel &&\n props.splitPanelToggleProps?.displayed &&\n !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n ) {\n toolbar.hasSplitPanel = true;\n toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n }\n if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n toolbar.hasBreadcrumbsPortal = true;\n }\n if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n toolbar.expandedDrawerId = props.expandedDrawerId;\n toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n }\n }\n // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n}\n\nexport function useMultiAppLayout(\n props: SharedProps,\n isEnabled: boolean\n): { registered: boolean; toolbarProps: ToolbarProps | null } {\n const [registration, setRegistration] = useState<RegistrationState<SharedProps> | null>(null);\n const { forceDeduplicationType } = props;\n const isToolbar = useAppLayoutFlagEnabled();\n\n useLayoutEffect(() => {\n if (!isEnabled || forceDeduplicationType === 'suspended' || !isToolbar) {\n return;\n }\n if (forceDeduplicationType === 'off') {\n setRegistration({ type: 'primary', discoveredProps: [] });\n return;\n }\n const unregister = awsuiPluginsInternal.appLayoutWidget.register(forceDeduplicationType, props =>\n setRegistration(props as RegistrationState<SharedProps>)\n );\n return () => {\n unregister();\n setRegistration({ type: 'suspended' });\n };\n }, [forceDeduplicationType, isEnabled, isToolbar]);\n\n useLayoutEffect(() => {\n if (registration?.type === 'secondary') {\n registration.update(props);\n }\n });\n\n if (!isToolbar) {\n return {\n registered: true,\n // mergeProps is needed here because the toolbar's behavior depends on reconciliation logic\n // in this function. For example, navigation trigger visibility\n toolbarProps: mergeProps(props, []),\n };\n }\n\n return {\n registered: !!registration?.type,\n toolbarProps: registration?.type === 'primary' ? mergeProps(props, registration.discoveredProps) : null,\n };\n}\n"]}
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';
|
|
3
|
-
interface BreadcrumbsSlotProps {
|
|
4
|
-
ownBreadcrumbs: React.ReactNode;
|
|
5
|
-
discoveredBreadcrumbs: BreadcrumbGroupProps | null;
|
|
6
|
-
}
|
|
7
|
-
export declare function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }: BreadcrumbsSlotProps): JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAK/E,UAAU,oBAAoB;IAC5B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACpD;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,oBAAoB,eAe9F"}
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,UAAU,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAwB;IAC7F,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;QAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAAG,cAAc,CAAO;QAChE,qBAAqB,IAAI,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;YAC9C,oBAAC,6BAA6B,oBACxB,qBAAqB,yCACU,IAAI,EACvC,kCAAkC,EAAE,IAAI,IACxC,CACE,CACP,CAC+B,CACnC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BreadcrumbGroupImplementation } from '../../../../breadcrumb-group/implementation';\nimport { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsSlotContext } from '../../contexts';\n\nimport styles from './styles.css.js';\n\ninterface BreadcrumbsSlotProps {\n ownBreadcrumbs: React.ReactNode;\n discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n}\n\nexport function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }: BreadcrumbsSlotProps) {\n return (\n <BreadcrumbsSlotContext.Provider value={{ isInToolbar: true }}>\n <div className={styles['breadcrumbs-own']}>{ownBreadcrumbs}</div>\n {discoveredBreadcrumbs && (\n <div className={styles['breadcrumbs-discovered']}>\n <BreadcrumbGroupImplementation\n {...discoveredBreadcrumbs}\n data-awsui-discovered-breadcrumbs={true}\n __injectAnalyticsComponentMetadata={true}\n />\n </div>\n )}\n </BreadcrumbsSlotContext.Provider>\n );\n}\n"]}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// es-module interop with Babel and Typescript
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
module.exports.default = {
|
|
5
|
-
"breadcrumbs-own": "awsui_breadcrumbs-own_ete58_yonx9_5",
|
|
6
|
-
"breadcrumbs-discovered": "awsui_breadcrumbs-discovered_ete58_yonx9_5"
|
|
7
|
-
};
|
|
8
|
-
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slot-skeletons.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yCAAyC,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,mCAAmC,EAAE,MAAM,YAAY,CAAC;AAIjE,eAAO,MAAM,eAAe,yGAS3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,+GAEjC,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { BreadcrumbsSlot } from './breadcrumbs';
|
|
5
|
-
import { NotificationsSlot, ToolbarSlot } from './slot-wrappers';
|
|
6
|
-
export const ToolbarSkeleton = React.forwardRef(({ appLayoutInternals }, ref) => (React.createElement(ToolbarSlot, { ref: ref },
|
|
7
|
-
React.createElement(BreadcrumbsSlot, { ownBreadcrumbs: appLayoutInternals.breadcrumbs, discoveredBreadcrumbs: appLayoutInternals.discoveredBreadcrumbs }))));
|
|
8
|
-
export const NotificationsSkeleton = React.forwardRef((props, ref) => React.createElement(NotificationsSlot, { ref: ref }));
|
|
9
|
-
//# sourceMappingURL=slot-skeletons.js.map
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slot-skeletons.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,kBAAkB,EAAuC,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG;IACnB,oBAAC,eAAe,IACd,cAAc,EAAE,kBAAkB,CAAC,WAAW,EAC9C,qBAAqB,EAAE,kBAAkB,CAAC,qBAAqB,GAC/D,CACU,CACf,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACnD,CAAC,KAAgD,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,GAAI,CAC3F,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { AppLayoutNotificationsImplementationProps } from '../notifications';\nimport { AppLayoutToolbarImplementationProps } from '../toolbar';\nimport { BreadcrumbsSlot } from './breadcrumbs';\nimport { NotificationsSlot, ToolbarSlot } from './slot-wrappers';\n\nexport const ToolbarSkeleton = React.forwardRef<HTMLElement, AppLayoutToolbarImplementationProps>(\n ({ appLayoutInternals }: AppLayoutToolbarImplementationProps, ref) => (\n <ToolbarSlot ref={ref}>\n <BreadcrumbsSlot\n ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n />\n </ToolbarSlot>\n )\n);\n\nexport const NotificationsSkeleton = React.forwardRef<HTMLElement, AppLayoutNotificationsImplementationProps>(\n (props: AppLayoutNotificationsImplementationProps, ref) => <NotificationsSlot ref={ref} />\n);\n"]}
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slot-wrappers.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,sFAItB,CAAC;AAEH,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,4FAM7B,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
import styles from './styles.css.js';
|
|
6
|
-
export const ToolbarSlot = React.forwardRef(({ className, style, children }, ref) => (React.createElement("section", { ref: ref, className: clsx(styles['toolbar-container'], className), style: style }, children)));
|
|
7
|
-
export const NotificationsSlot = React.forwardRef(({ className, style, children }, ref) => (React.createElement("div", { ref: ref, className: clsx(styles['notifications-container'], className), style: style }, children)));
|
|
8
|
-
//# sourceMappingURL=slot-wrappers.js.map
|
package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"slot-wrappers.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClH,iCAAS,GAAG,EAAE,GAAqB,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACvG,QAAQ,CACD,CACX,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAC/C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,6BAAK,GAAG,EAAE,GAAqB,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACzG,QAAQ,CACL,CACP,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\n\ninterface ToolbarSlotProps {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n}\n\nexport const ToolbarSlot = React.forwardRef<HTMLElement, ToolbarSlotProps>(({ className, style, children }, ref) => (\n <section ref={ref as React.Ref<any>} className={clsx(styles['toolbar-container'], className)} style={style}>\n {children}\n </section>\n));\n\ninterface NotificationsSlotProps {\n className?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n}\n\nexport const NotificationsSlot = React.forwardRef<HTMLElement, NotificationsSlotProps>(\n ({ className, style, children }, ref) => (\n <div ref={ref as React.Ref<any>} className={clsx(styles['notifications-container'], className)} style={style}>\n {children}\n </div>\n )\n);\n"]}
|