@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.
Files changed (135) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +6 -0
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/scss/split-panel/styles.scss +4 -2
  5. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +1 -0
  6. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
  7. package/lib/internal/template/app-layout/utils/use-focus-control.js +66 -6
  8. package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
  9. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts.map +1 -1
  10. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js +15 -13
  11. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js.map +1 -1
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +37 -350
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +20 -0
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.d.ts +6 -0
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.d.ts.map +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.js +13 -0
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/internal.js.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js +1 -1
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/index.js +2 -2
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/index.js.map +1 -1
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts +11 -16
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +21 -30
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.d.ts +21 -0
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.d.ts.map +1 -0
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.js +2 -0
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/interfaces.js.map +1 -0
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.d.ts +8 -0
  35. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.d.ts.map +1 -0
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.js +41 -0
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/multi-layout.js.map +1 -0
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{slot-skeletons.d.ts → skeleton-parts.d.ts} +9 -1
  39. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -0
  40. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +21 -0
  41. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -0
  42. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{slot-wrappers.d.ts → slots.d.ts} +7 -1
  43. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.d.ts.map +1 -0
  44. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/{breadcrumbs/index.js → slots.js} +6 -3
  45. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slots.js.map +1 -0
  46. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +23 -21
  47. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +42 -37
  48. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +23 -21
  49. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.d.ts +18 -0
  50. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.d.ts.map +1 -0
  51. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js +27 -0
  52. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/index.js.map +1 -0
  53. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts +29 -0
  54. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map +1 -0
  55. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js +2 -0
  56. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js.map +1 -0
  57. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.d.ts +3 -0
  58. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.d.ts.map +1 -0
  59. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js +4 -0
  60. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/invariants.js.map +1 -0
  61. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts +5 -0
  62. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map +1 -0
  63. package/lib/internal/template/app-layout/visual-refresh-toolbar/{multi-layout.js → state/props-merger.js} +28 -40
  64. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -0
  65. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts +6 -0
  66. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -0
  67. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +322 -0
  68. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -0
  69. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts +4 -0
  70. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -0
  71. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +59 -0
  72. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -0
  73. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts +2 -2
  74. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.d.ts.map +1 -1
  75. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/drawer-triggers.js.map +1 -1
  76. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  77. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -3
  78. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  79. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.d.ts +5 -0
  80. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.d.ts.map +1 -0
  81. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.js +29 -0
  82. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/after-main-slot.js.map +1 -0
  83. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts +5 -0
  84. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -0
  85. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +28 -0
  86. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -0
  87. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.d.ts +5 -0
  88. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.d.ts.map +1 -0
  89. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.js +17 -0
  90. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot.js.map +1 -0
  91. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.d.ts +5 -0
  92. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.d.ts.map +1 -0
  93. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js +19 -0
  94. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/top-content-slot.js.map +1 -0
  95. package/lib/internal/template/breadcrumb-group/internal.d.ts +2 -1
  96. package/lib/internal/template/breadcrumb-group/internal.d.ts.map +1 -1
  97. package/lib/internal/template/breadcrumb-group/internal.js +3 -2
  98. package/lib/internal/template/breadcrumb-group/internal.js.map +1 -1
  99. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  100. package/lib/internal/template/internal/environment.js +2 -2
  101. package/lib/internal/template/internal/environment.json +2 -2
  102. package/lib/internal/template/internal/types.d.ts +9 -0
  103. package/lib/internal/template/internal/types.d.ts.map +1 -1
  104. package/lib/internal/template/internal/types.js.map +1 -1
  105. package/lib/internal/template/internal/widget-exports.d.ts +5 -0
  106. package/lib/internal/template/internal/widget-exports.d.ts.map +1 -1
  107. package/lib/internal/template/internal/widget-exports.js +7 -0
  108. package/lib/internal/template/internal/widget-exports.js.map +1 -1
  109. package/lib/internal/template/internal/widgets/index.d.ts +2 -3
  110. package/lib/internal/template/internal/widgets/index.d.ts.map +1 -1
  111. package/lib/internal/template/internal/widgets/index.js.map +1 -1
  112. package/lib/internal/template/internal/widgets/loader-mock.d.ts +3 -0
  113. package/lib/internal/template/internal/widgets/loader-mock.d.ts.map +1 -0
  114. package/lib/internal/template/internal/widgets/loader-mock.js +43 -0
  115. package/lib/internal/template/internal/widgets/loader-mock.js.map +1 -0
  116. package/lib/internal/template/split-panel/styles.css.js +27 -27
  117. package/lib/internal/template/split-panel/styles.scoped.css +46 -44
  118. package/lib/internal/template/split-panel/styles.selectors.js +27 -27
  119. package/package.json +1 -1
  120. package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scss +0 -9
  121. package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts +0 -34
  122. package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.d.ts.map +0 -1
  123. package/lib/internal/template/app-layout/visual-refresh-toolbar/multi-layout.js.map +0 -1
  124. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts +0 -9
  125. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts.map +0 -1
  126. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js.map +0 -1
  127. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.css.js +0 -7
  128. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scoped.css +0 -7
  129. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.selectors.js +0 -8
  130. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.d.ts.map +0 -1
  131. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.js +0 -9
  132. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-skeletons.js.map +0 -1
  133. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.d.ts.map +0 -1
  134. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/slot-wrappers.js +0 -8
  135. 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
- .awsui_drawer_1r9lg_100o3_153:not(#\9) {
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-closed_1r9lg_100o3_190:not(#\9):not(.awsui_refresh_1r9lg_100o3_190) {
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-side_1r9lg_100o3_195:not(#\9) {
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-side_1r9lg_100o3_195 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_100o3_190.awsui_refresh_1r9lg_100o3_190 > .awsui_drawer-content-side_1r9lg_100o3_195:not(#\9) {
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-closed_1r9lg_100o3_190:not(#\9):not(.awsui_refresh_1r9lg_100o3_190) > .awsui_drawer-content-side_1r9lg_100o3_195 {
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-closed_1r9lg_100o3_190:not(#\9):not(.awsui_refresh_1r9lg_100o3_190) > .awsui_drawer-content-side_1r9lg_100o3_195:hover {
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-closed_1r9lg_100o3_190) > .awsui_drawer-content-bottom_1r9lg_100o3_211 {
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-bottom_1r9lg_100o3_218:not(#\9) {
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-bottom_1r9lg_100o3_218:not(#\9):not(.awsui_hidden_1r9lg_100o3_226) {
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-bottom_1r9lg_100o3_218:not(#\9):not(.awsui_refresh_1r9lg_100o3_190) {
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-bottom_1r9lg_100o3_218.awsui_drawer-closed_1r9lg_100o3_190:not(#\9) {
236
+ .awsui_position-bottom_1r9lg_7nc4m_220.awsui_drawer-closed_1r9lg_7nc4m_190:not(#\9) {
235
237
  overflow: hidden;
236
238
  }
237
- .awsui_position-bottom_1r9lg_100o3_218.awsui_drawer-closed_1r9lg_100o3_190:not(#\9):hover {
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-bottom_1r9lg_100o3_218 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > [aria-hidden=true]:not(#\9) {
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-bottom_1r9lg_100o3_218.awsui_refresh_1r9lg_100o3_190:not(#\9) {
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-side_1r9lg_100o3_247:not(#\9) {
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-side_1r9lg_100o3_247.awsui_with-toolbar_1r9lg_100o3_252:not(#\9) {
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-bottom_1r9lg_100o3_256:not(#\9) {
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-side_1r9lg_100o3_267:not(#\9) {
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-side_1r9lg_100o3_267.awsui_with-toolbar_1r9lg_100o3_252:not(#\9) {
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-side_1r9lg_100o3_281:not(#\9) {
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-bottom_1r9lg_100o3_290:not(#\9) {
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-mobile_1r9lg_100o3_300 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_pane-header-wrapper-bottom_1r9lg_100o3_290:not(#\9) {
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-paddings_1r9lg_100o3_304 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_pane-header-wrapper-bottom_1r9lg_100o3_290:not(#\9) {
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-closed_1r9lg_100o3_190) > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_pane-header-wrapper-bottom_1r9lg_100o3_290 {
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-toolbar_1r9lg_100o3_252:not(#\9):not(.awsui_drawer-closed_1r9lg_100o3_190) > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_pane-header-wrapper-bottom_1r9lg_100o3_290 {
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-bottom_1r9lg_100o3_316:not(#\9) {
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-toolbar_1r9lg_100o3_252 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_content-bottom_1r9lg_100o3_316:not(#\9) {
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-mobile_1r9lg_100o3_300 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_content-bottom_1r9lg_100o3_316:not(#\9) {
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-paddings_1r9lg_100o3_304 > .awsui_drawer-content-bottom_1r9lg_100o3_211 > .awsui_content-bottom_1r9lg_100o3_316:not(#\9) {
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-align_1r9lg_100o3_335:not(#\9) {
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-padding_1r9lg_100o3_340:not(#\9) {
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-padding_1r9lg_100o3_344:not(#\9) {
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-width_1r9lg_100o3_348:not(#\9) {
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-side_1r9lg_100o3_353:not(#\9) {
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-side_1r9lg_100o3_353.awsui_with-toolbar_1r9lg_100o3_252:not(#\9) {
364
+ .awsui_content-side_1r9lg_7nc4m_355.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
363
365
  position: absolute;
364
366
  }
365
- .awsui_content-side_1r9lg_100o3_353 > .awsui_pane-header-wrapper-side_1r9lg_100o3_365:not(#\9) {
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-side_1r9lg_100o3_353.awsui_with-toolbar_1r9lg_100o3_252 > .awsui_pane-header-wrapper-side_1r9lg_100o3_365:not(#\9) {
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-side_1r9lg_100o3_353 > .awsui_pane-content-wrapper-side_1r9lg_100o3_374:not(#\9) {
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-side_1r9lg_100o3_353.awsui_with-toolbar_1r9lg_100o3_252 > .awsui_pane-content-wrapper-side_1r9lg_100o3_374:not(#\9) {
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
- .awsui_header_1r9lg_100o3_385:not(#\9) {
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
- .awsui_header_1r9lg_100o3_385.awsui_with-toolbar_1r9lg_100o3_252:not(#\9) {
397
+ .awsui_header_1r9lg_7nc4m_387.awsui_with-toolbar_1r9lg_7nc4m_254:not(#\9) {
396
398
  margin-block: 14px;
397
399
  }
398
- .awsui_header-text_1r9lg_100o3_398:not(#\9) {
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-actions_1r9lg_100o3_412:not(#\9) {
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
- .awsui_divider_1r9lg_100o3_420:not(#\9) {
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": "awsui_drawer_1r9lg_100o3_153",
6
- "drawer-closed": "awsui_drawer-closed_1r9lg_100o3_190",
7
- "refresh": "awsui_refresh_1r9lg_100o3_190",
8
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_100o3_195",
9
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_100o3_211",
10
- "position-bottom": "awsui_position-bottom_1r9lg_100o3_218",
11
- "hidden": "awsui_hidden_1r9lg_100o3_226",
12
- "position-side": "awsui_position-side_1r9lg_100o3_247",
13
- "with-toolbar": "awsui_with-toolbar_1r9lg_100o3_252",
14
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_100o3_256",
15
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_100o3_267",
16
- "open-button-side": "awsui_open-button-side_1r9lg_100o3_281",
17
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_100o3_290",
18
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_100o3_300",
19
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_100o3_304",
20
- "content-bottom": "awsui_content-bottom_1r9lg_100o3_316",
21
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_100o3_335",
22
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_100o3_340",
23
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_100o3_344",
24
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_100o3_348",
25
- "content-side": "awsui_content-side_1r9lg_100o3_353",
26
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_100o3_365",
27
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_100o3_374",
28
- "header": "awsui_header_1r9lg_100o3_385",
29
- "header-text": "awsui_header-text_1r9lg_100o3_398",
30
- "header-actions": "awsui_header-actions_1r9lg_100o3_412",
31
- "divider": "awsui_divider_1r9lg_100o3_420"
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1069",
3
+ "version": "3.0.1071",
4
4
  "files": [
5
5
  "lib"
6
6
  ],
@@ -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"]}
@@ -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
@@ -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"}
@@ -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,7 +0,0 @@
1
-
2
- import './styles.scoped.css';
3
- export default {
4
- "breadcrumbs-own": "awsui_breadcrumbs-own_ete58_yonx9_5",
5
- "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_ete58_yonx9_5"
6
- };
7
-
@@ -1,7 +0,0 @@
1
- /*
2
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
- SPDX-License-Identifier: Apache-2.0
4
- */
5
- .awsui_breadcrumbs-own_ete58_yonx9_5:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_ete58_yonx9_5 {
6
- display: none;
7
- }
@@ -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
-
@@ -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
@@ -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"]}
@@ -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
@@ -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"]}