@cloudscape-design/components-themeable 3.0.363 → 3.0.365

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 (124) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +41 -10
  3. package/lib/internal/scss/breadcrumb-group/item/styles.scss +1 -1
  4. package/lib/internal/scss/internal/styles/links.scss +2 -0
  5. package/lib/internal/scss/link/constants.scss +7 -6
  6. package/lib/internal/template/alert/index.d.ts +3 -2
  7. package/lib/internal/template/alert/index.d.ts.map +1 -1
  8. package/lib/internal/template/alert/index.js +4 -3
  9. package/lib/internal/template/alert/index.js.map +1 -1
  10. package/lib/internal/template/alert/interfaces.d.ts +6 -0
  11. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  12. package/lib/internal/template/alert/interfaces.js.map +1 -1
  13. package/lib/internal/template/alert/internal.d.ts +5 -5
  14. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  15. package/lib/internal/template/alert/internal.js +22 -14
  16. package/lib/internal/template/alert/internal.js.map +1 -1
  17. package/lib/internal/template/alert/styles.css.js +24 -19
  18. package/lib/internal/template/alert/styles.scoped.css +72 -35
  19. package/lib/internal/template/alert/styles.selectors.js +24 -19
  20. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  21. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +30 -30
  22. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  23. package/lib/internal/template/app-layout/visual-refresh/background.d.ts.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh/background.js +2 -2
  25. package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
  26. package/lib/internal/template/app-layout/visual-refresh/context.d.ts +2 -1
  27. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  28. package/lib/internal/template/app-layout/visual-refresh/context.js +9 -11
  29. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  30. package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
  31. package/lib/internal/template/app-layout/visual-refresh/layout.js +3 -11
  32. package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.d.ts +16 -0
  34. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -0
  35. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.js +41 -0
  36. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.js.map +1 -0
  37. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  38. package/lib/internal/template/attribute-editor/styles.scoped.css +30 -31
  39. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  40. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  41. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +21 -21
  42. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/lib/internal/template/button/styles.css.js +20 -20
  44. package/lib/internal/template/button/styles.scoped.css +152 -152
  45. package/lib/internal/template/button/styles.selectors.js +20 -20
  46. package/lib/internal/template/cards/index.d.ts.map +1 -1
  47. package/lib/internal/template/cards/index.js +9 -7
  48. package/lib/internal/template/cards/index.js.map +1 -1
  49. package/lib/internal/template/help-panel/index.d.ts.map +1 -1
  50. package/lib/internal/template/help-panel/index.js +3 -1
  51. package/lib/internal/template/help-panel/index.js.map +1 -1
  52. package/lib/internal/template/help-panel/styles.css.js +4 -4
  53. package/lib/internal/template/help-panel/styles.scoped.css +71 -72
  54. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  55. package/lib/internal/template/internal/base-component/styles.scoped.css +11 -26
  56. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  57. package/lib/internal/template/internal/components/token-list/styles.scoped.css +22 -22
  58. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  59. package/lib/internal/template/internal/context/link-default-variant-context.d.ts +6 -0
  60. package/lib/internal/template/internal/context/link-default-variant-context.d.ts.map +1 -0
  61. package/lib/internal/template/internal/context/link-default-variant-context.js +7 -0
  62. package/lib/internal/template/internal/context/link-default-variant-context.js.map +1 -0
  63. package/lib/internal/template/internal/environment.js +1 -1
  64. package/lib/internal/template/internal/environment.json +1 -1
  65. package/lib/internal/template/internal/generated/theming/index.cjs +0 -40
  66. package/lib/internal/template/internal/generated/theming/index.js +0 -40
  67. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
  68. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +1 -9
  69. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
  70. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +4 -0
  71. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +1 -0
  72. package/lib/internal/template/internal/hooks/container-queries/utils.js +10 -0
  73. package/lib/internal/template/internal/hooks/container-queries/utils.js.map +1 -0
  74. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.d.ts +1 -1
  75. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.d.ts.map +1 -1
  76. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +11 -5
  77. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  78. package/lib/internal/template/link/index.d.ts.map +1 -1
  79. package/lib/internal/template/link/index.js +2 -2
  80. package/lib/internal/template/link/index.js.map +1 -1
  81. package/lib/internal/template/link/interfaces.d.ts +7 -0
  82. package/lib/internal/template/link/interfaces.d.ts.map +1 -1
  83. package/lib/internal/template/link/interfaces.js.map +1 -1
  84. package/lib/internal/template/link/internal.d.ts.map +1 -1
  85. package/lib/internal/template/link/internal.js +4 -1
  86. package/lib/internal/template/link/internal.js.map +1 -1
  87. package/lib/internal/template/link/styles.css.js +20 -20
  88. package/lib/internal/template/link/styles.scoped.css +91 -90
  89. package/lib/internal/template/link/styles.selectors.js +20 -20
  90. package/lib/internal/template/popover/internal.d.ts.map +1 -1
  91. package/lib/internal/template/popover/internal.js +3 -1
  92. package/lib/internal/template/popover/internal.js.map +1 -1
  93. package/lib/internal/template/table/internal.d.ts.map +1 -1
  94. package/lib/internal/template/table/internal.js +58 -56
  95. package/lib/internal/template/table/internal.js.map +1 -1
  96. package/lib/internal/template/table/sticky-columns/index.d.ts +2 -1
  97. package/lib/internal/template/table/sticky-columns/index.d.ts.map +1 -1
  98. package/lib/internal/template/table/sticky-columns/index.js +1 -1
  99. package/lib/internal/template/table/sticky-columns/index.js.map +1 -1
  100. package/lib/internal/template/table/sticky-columns/interfaces.d.ts +31 -0
  101. package/lib/internal/template/table/sticky-columns/interfaces.d.ts.map +1 -0
  102. package/lib/internal/template/table/sticky-columns/interfaces.js +4 -0
  103. package/lib/internal/template/table/sticky-columns/interfaces.js.map +1 -0
  104. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts +1 -25
  105. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  106. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +18 -51
  107. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  108. package/lib/internal/template/table/sticky-columns/utils.d.ts +5 -0
  109. package/lib/internal/template/table/sticky-columns/utils.d.ts.map +1 -0
  110. package/lib/internal/template/table/sticky-columns/utils.js +42 -0
  111. package/lib/internal/template/table/sticky-columns/utils.js.map +1 -0
  112. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  113. package/lib/internal/template/tag-editor/styles.scoped.css +12 -12
  114. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  115. package/lib/internal/template/text-content/styles.css.js +1 -1
  116. package/lib/internal/template/text-content/styles.scoped.css +72 -74
  117. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  118. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js +1 -1
  119. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js.map +1 -1
  120. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +1 -1
  121. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  122. package/lib/internal/template/wizard/wizard-navigation.js +1 -1
  123. package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
  124. package/package.json +1 -1
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_alert_mx3cw_a8ifo_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_mx3cw_a8ifo_1 var(--motion-duration-show-paced-nrctl3, 180ms) var(--motion-easing-show-paced-x7qbvo, ease-out);
93
+ .awsui_alert_mx3cw_1pmxt_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_mx3cw_1pmxt_1 var(--motion-duration-show-paced-nrctl3, 180ms) var(--motion-easing-show-paced-x7qbvo, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_mx3cw_a8ifo_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_1pmxt_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_alert_mx3cw_a8ifo_93:not(#\9) {
105
+ .awsui_alert_mx3cw_1pmxt_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_alert_mx3cw_a8ifo_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_a8ifo_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_alert_mx3cw_1pmxt_93:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1pmxt_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_root_mx3cw_a8ifo_119:not(#\9) {
119
+ .awsui_root_mx3cw_1pmxt_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -158,11 +158,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  overflow: hidden;
159
159
  display: block;
160
160
  }
161
- .awsui_root_mx3cw_a8ifo_119.awsui_hidden_mx3cw_a8ifo_135:not(#\9) {
161
+ .awsui_root_mx3cw_1pmxt_119.awsui_hidden_mx3cw_1pmxt_135:not(#\9) {
162
162
  display: none;
163
163
  }
164
164
 
165
- .awsui_alert_mx3cw_a8ifo_93:not(#\9) {
165
+ .awsui_alert_mx3cw_1pmxt_93:not(#\9) {
166
166
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
167
167
  border-collapse: separate;
168
168
  border-spacing: 0;
@@ -203,106 +203,143 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  display: flex;
204
204
  justify-content: flex-start;
205
205
  align-items: flex-start;
206
+ grid-template-columns: auto auto 1fr;
206
207
  border-radius: var(--border-radius-alert-88ygs2, 2px);
207
208
  border: var(--border-field-width-diib1p, 1px) solid;
208
209
  padding: var(--space-alert-vertical-41adnt, 12px) var(--space-alert-horizontal-v7mjr1, 20px);
209
210
  background-color: var(--color-background-container-content-rearqm, #ffffff);
210
211
  }
211
212
 
212
- .awsui_body_mx3cw_a8ifo_160:not(#\9) {
213
+ .awsui_body_mx3cw_1pmxt_161:not(#\9) {
213
214
  display: flex;
214
215
  flex: 1 1 0%;
215
216
  min-width: 0;
216
217
  }
217
218
 
218
- .awsui_header_mx3cw_a8ifo_166:not(#\9) {
219
+ .awsui_header_mx3cw_1pmxt_167:not(#\9) {
219
220
  font-weight: 700;
220
221
  }
221
222
 
222
- .awsui_action_mx3cw_a8ifo_170:not(#\9) {
223
+ .awsui_action_mx3cw_1pmxt_171:not(#\9) {
223
224
  white-space: nowrap;
224
- margin-left: var(--space-s-agghyv, 12px);
225
+ margin-left: var(--space-alert-action-left-qja7y5, 20px);
225
226
  }
226
227
 
227
- .awsui_action-button_mx3cw_a8ifo_175:not(#\9) {
228
+ .awsui_action-button_mx3cw_1pmxt_176:not(#\9) {
228
229
  /* used in test-utils */
229
230
  }
230
231
 
231
- .awsui_text_mx3cw_a8ifo_179:not(#\9) {
232
+ .awsui_alert-focus-wrapper_mx3cw_1pmxt_180:not(#\9) {
233
+ display: flex;
234
+ flex: 1 1 0%;
235
+ }
236
+ .awsui_alert-focus-wrapper_mx3cw_1pmxt_180:not(#\9):focus {
237
+ outline: none;
238
+ }
239
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pmxt_180:not(#\9):focus {
240
+ position: relative;
241
+ }
242
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pmxt_180:not(#\9):focus {
243
+ outline: 2px dotted transparent;
244
+ outline-offset: calc(var(--space-button-focus-outline-gutter-5f5isp, 3px) - 1px);
245
+ }
246
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1pmxt_180:not(#\9):focus::before {
247
+ content: " ";
248
+ display: block;
249
+ position: absolute;
250
+ left: calc(-1 * var(--space-button-focus-outline-gutter-5f5isp, 3px));
251
+ top: calc(-1 * var(--space-button-focus-outline-gutter-5f5isp, 3px));
252
+ width: calc(100% + 2 * var(--space-button-focus-outline-gutter-5f5isp, 3px));
253
+ height: calc(100% + 2 * var(--space-button-focus-outline-gutter-5f5isp, 3px));
254
+ border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
255
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
256
+ }
257
+
258
+ .awsui_alert-mobile-block_mx3cw_1pmxt_206:not(#\9) {
259
+ display: flex;
260
+ flex: 1 1 0%;
261
+ }
262
+
263
+ .awsui_text_mx3cw_1pmxt_211:not(#\9) {
232
264
  padding: var(--border-field-width-diib1p, 1px) 0;
233
265
  margin: var(--space-scaled-xxs-sh0ehj, 4px) var(--space-xxs-1wmjb0, 4px);
234
266
  }
235
- .awsui_text_mx3cw_a8ifo_179.awsui_icon_mx3cw_a8ifo_183:not(#\9) {
267
+ .awsui_text_mx3cw_1pmxt_211.awsui_icon_mx3cw_1pmxt_215:not(#\9) {
236
268
  margin-left: 0;
237
269
  }
238
- .awsui_text_mx3cw_a8ifo_179.awsui_message_mx3cw_a8ifo_186:not(#\9) {
270
+ .awsui_text_mx3cw_1pmxt_211.awsui_message_mx3cw_1pmxt_218:not(#\9) {
239
271
  margin-right: var(--space-alert-message-right-t0wsns, 0px);
240
272
  }
241
- .awsui_text_mx3cw_a8ifo_179.awsui_message_mx3cw_a8ifo_186 + .awsui_action_mx3cw_a8ifo_170:not(#\9) {
242
- margin-left: var(--space-alert-action-left-qja7y5, 20px);
243
- }
244
273
 
245
274
  /* stylelint-disable selector-max-type */
246
- .awsui_root_mx3cw_a8ifo_119.awsui_breakpoint-default_mx3cw_a8ifo_194 > div > .awsui_alert_mx3cw_a8ifo_93 > .awsui_body_mx3cw_a8ifo_160:not(#\9) {
275
+ .awsui_root_mx3cw_1pmxt_119.awsui_breakpoint-default_mx3cw_1pmxt_223 > div > .awsui_alert_mx3cw_1pmxt_93 > .awsui_alert-mobile-block_mx3cw_1pmxt_206:not(#\9) {
247
276
  display: block;
248
277
  }
249
- .awsui_root_mx3cw_a8ifo_119.awsui_breakpoint-default_mx3cw_a8ifo_194 > div > .awsui_alert_mx3cw_a8ifo_93 > .awsui_body_mx3cw_a8ifo_160 > .awsui_action_mx3cw_a8ifo_170:not(#\9) {
250
- margin-left: var(--space-xxs-1wmjb0, 4px);
278
+ .awsui_root_mx3cw_1pmxt_119.awsui_breakpoint-default_mx3cw_1pmxt_223 > div > .awsui_alert_mx3cw_1pmxt_93 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_action_mx3cw_1pmxt_171:not(#\9) {
251
279
  margin-bottom: var(--space-xxs-1wmjb0, 4px);
252
280
  }
281
+ .awsui_root_mx3cw_1pmxt_119.awsui_breakpoint-default_mx3cw_1pmxt_223 > div > .awsui_alert_mx3cw_1pmxt_93.awsui_icon-size-medium_mx3cw_1pmxt_229 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_action_mx3cw_1pmxt_171:not(#\9) {
282
+ margin-left: calc(var(--size-icon-medium-3tn82d, 16px) + var(--space-xs-e7dyai, 8px));
283
+ }
284
+ .awsui_root_mx3cw_1pmxt_119.awsui_breakpoint-default_mx3cw_1pmxt_223 > div > .awsui_alert_mx3cw_1pmxt_93.awsui_icon-size-big_mx3cw_1pmxt_232 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_action_mx3cw_1pmxt_171:not(#\9) {
285
+ margin-left: calc(var(--size-icon-big-0ogp14, 32px) + var(--space-xs-e7dyai, 8px));
286
+ }
287
+ .awsui_root_mx3cw_1pmxt_119.awsui_breakpoint-default_mx3cw_1pmxt_223 > div > .awsui_alert_mx3cw_1pmxt_93.awsui_icon-size-normal_mx3cw_1pmxt_235 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_action_mx3cw_1pmxt_171:not(#\9) {
288
+ margin-left: calc(var(--size-icon-normal-99n8du, 16px) + var(--space-xs-e7dyai, 8px));
289
+ }
253
290
 
254
291
  /* stylelint-enable selector-max-type */
255
- .awsui_message_mx3cw_a8ifo_186:not(#\9) {
292
+ .awsui_message_mx3cw_1pmxt_218:not(#\9) {
256
293
  flex: 1 1 0%;
257
294
  min-width: 0;
258
295
  }
259
296
 
260
- .awsui_content_mx3cw_a8ifo_208:not(#\9) {
297
+ .awsui_content_mx3cw_1pmxt_245:not(#\9) {
261
298
  /* used in test-utils */
262
299
  }
263
300
 
264
- .awsui_dismiss_mx3cw_a8ifo_212:not(#\9) {
301
+ .awsui_dismiss_mx3cw_1pmxt_249:not(#\9) {
265
302
  flex: 0 0 auto;
266
303
  margin-right: calc(-1 * var(--space-xxs-1wmjb0, 4px));
267
304
  margin-left: var(--space-s-agghyv, 12px);
268
305
  }
269
306
 
270
- .awsui_dismiss-button_mx3cw_a8ifo_218:not(#\9) {
307
+ .awsui_dismiss-button_mx3cw_1pmxt_255:not(#\9) {
271
308
  /* used in test-utils */
272
309
  }
273
310
 
274
- .awsui_icon_mx3cw_a8ifo_183:not(#\9) {
311
+ .awsui_icon_mx3cw_1pmxt_215:not(#\9) {
275
312
  flex: 0 0 auto;
276
313
  }
277
314
 
278
- .awsui_type-error_mx3cw_a8ifo_226:not(#\9) {
315
+ .awsui_type-error_mx3cw_1pmxt_263:not(#\9) {
279
316
  border-color: var(--color-border-status-error-oyeqcp, #d13212);
280
317
  background-color: var(--color-background-status-error-gtffl8, #fdf3f1);
281
318
  }
282
- .awsui_type-error_mx3cw_a8ifo_226 > .awsui_icon_mx3cw_a8ifo_183:not(#\9) {
319
+ .awsui_type-error_mx3cw_1pmxt_263 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_alert-focus-wrapper_mx3cw_1pmxt_180 > .awsui_icon_mx3cw_1pmxt_215:not(#\9) {
283
320
  color: var(--color-text-status-error-6k1sfe, #d13212);
284
321
  }
285
322
 
286
- .awsui_type-warning_mx3cw_a8ifo_234:not(#\9) {
323
+ .awsui_type-warning_mx3cw_1pmxt_271:not(#\9) {
287
324
  border-color: var(--color-border-status-warning-64onul, #906806);
288
325
  background-color: var(--color-background-status-warning-3d56cn, #fffce9);
289
326
  }
290
- .awsui_type-warning_mx3cw_a8ifo_234 > .awsui_icon_mx3cw_a8ifo_183:not(#\9) {
327
+ .awsui_type-warning_mx3cw_1pmxt_271 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_alert-focus-wrapper_mx3cw_1pmxt_180 > .awsui_icon_mx3cw_1pmxt_215:not(#\9) {
291
328
  color: var(--color-text-status-warning-7iqk9d, #906806);
292
329
  }
293
330
 
294
- .awsui_type-success_mx3cw_a8ifo_242:not(#\9) {
331
+ .awsui_type-success_mx3cw_1pmxt_279:not(#\9) {
295
332
  border-color: var(--color-border-status-success-krejhy, #1d8102);
296
333
  background-color: var(--color-background-status-success-i0mnte, #f2f8f0);
297
334
  }
298
- .awsui_type-success_mx3cw_a8ifo_242 > .awsui_icon_mx3cw_a8ifo_183:not(#\9) {
335
+ .awsui_type-success_mx3cw_1pmxt_279 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_alert-focus-wrapper_mx3cw_1pmxt_180 > .awsui_icon_mx3cw_1pmxt_215:not(#\9) {
299
336
  color: var(--color-text-status-success-hyx9ne, #1d8102);
300
337
  }
301
338
 
302
- .awsui_type-info_mx3cw_a8ifo_250:not(#\9) {
339
+ .awsui_type-info_mx3cw_1pmxt_287:not(#\9) {
303
340
  border-color: var(--color-border-status-info-jltw90, #0073bb);
304
341
  background-color: var(--color-background-status-info-32evqg, #f1faff);
305
342
  }
306
- .awsui_type-info_mx3cw_a8ifo_250 > .awsui_icon_mx3cw_a8ifo_183:not(#\9) {
343
+ .awsui_type-info_mx3cw_1pmxt_287 > .awsui_alert-mobile-block_mx3cw_1pmxt_206 > .awsui_alert-focus-wrapper_mx3cw_1pmxt_180 > .awsui_icon_mx3cw_1pmxt_215:not(#\9) {
307
344
  color: var(--color-text-status-info-50xo45, #0073bb);
308
345
  }
@@ -2,24 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "alert": "awsui_alert_mx3cw_a8ifo_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_a8ifo_1",
7
- "root": "awsui_root_mx3cw_a8ifo_119",
8
- "hidden": "awsui_hidden_mx3cw_a8ifo_135",
9
- "body": "awsui_body_mx3cw_a8ifo_160",
10
- "header": "awsui_header_mx3cw_a8ifo_166",
11
- "action": "awsui_action_mx3cw_a8ifo_170",
12
- "action-button": "awsui_action-button_mx3cw_a8ifo_175",
13
- "text": "awsui_text_mx3cw_a8ifo_179",
14
- "icon": "awsui_icon_mx3cw_a8ifo_183",
15
- "message": "awsui_message_mx3cw_a8ifo_186",
16
- "breakpoint-default": "awsui_breakpoint-default_mx3cw_a8ifo_194",
17
- "content": "awsui_content_mx3cw_a8ifo_208",
18
- "dismiss": "awsui_dismiss_mx3cw_a8ifo_212",
19
- "dismiss-button": "awsui_dismiss-button_mx3cw_a8ifo_218",
20
- "type-error": "awsui_type-error_mx3cw_a8ifo_226",
21
- "type-warning": "awsui_type-warning_mx3cw_a8ifo_234",
22
- "type-success": "awsui_type-success_mx3cw_a8ifo_242",
23
- "type-info": "awsui_type-info_mx3cw_a8ifo_250"
5
+ "alert": "awsui_alert_mx3cw_1pmxt_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1pmxt_1",
7
+ "root": "awsui_root_mx3cw_1pmxt_119",
8
+ "hidden": "awsui_hidden_mx3cw_1pmxt_135",
9
+ "body": "awsui_body_mx3cw_1pmxt_161",
10
+ "header": "awsui_header_mx3cw_1pmxt_167",
11
+ "action": "awsui_action_mx3cw_1pmxt_171",
12
+ "action-button": "awsui_action-button_mx3cw_1pmxt_176",
13
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1pmxt_180",
14
+ "alert-mobile-block": "awsui_alert-mobile-block_mx3cw_1pmxt_206",
15
+ "text": "awsui_text_mx3cw_1pmxt_211",
16
+ "icon": "awsui_icon_mx3cw_1pmxt_215",
17
+ "message": "awsui_message_mx3cw_1pmxt_218",
18
+ "breakpoint-default": "awsui_breakpoint-default_mx3cw_1pmxt_223",
19
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1pmxt_229",
20
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1pmxt_232",
21
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1pmxt_235",
22
+ "content": "awsui_content_mx3cw_1pmxt_245",
23
+ "dismiss": "awsui_dismiss_mx3cw_1pmxt_249",
24
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1pmxt_255",
25
+ "type-error": "awsui_type-error_mx3cw_1pmxt_263",
26
+ "type-warning": "awsui_type-warning_mx3cw_1pmxt_271",
27
+ "type-success": "awsui_type-success_mx3cw_1pmxt_279",
28
+ "type-info": "awsui_type-info_mx3cw_1pmxt_287"
24
29
  };
25
30
 
@@ -1,29 +1,29 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_1hpp3_1lcx3_93",
5
- "arrow-outer": "awsui_arrow-outer_1hpp3_1lcx3_97",
6
- "arrow-inner": "awsui_arrow-inner_1hpp3_1lcx3_97",
7
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1lcx3_128",
8
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1lcx3_128",
9
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1lcx3_131",
10
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1lcx3_131",
11
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1lcx3_134",
12
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1lcx3_134",
13
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1lcx3_137",
14
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137",
15
- "annotation": "awsui_annotation_1hpp3_1lcx3_145",
16
- "next-button": "awsui_next-button_1hpp3_1lcx3_146",
17
- "previous-button": "awsui_previous-button_1hpp3_1lcx3_147",
18
- "finish-button": "awsui_finish-button_1hpp3_1lcx3_148",
19
- "header": "awsui_header_1hpp3_1lcx3_149",
20
- "step-counter-content": "awsui_step-counter-content_1hpp3_1lcx3_150",
21
- "content": "awsui_content_1hpp3_1lcx3_151",
22
- "description": "awsui_description_1hpp3_1lcx3_155",
23
- "actionBar": "awsui_actionBar_1hpp3_1lcx3_160",
24
- "stepCounter": "awsui_stepCounter_1hpp3_1lcx3_167",
25
- "divider": "awsui_divider_1hpp3_1lcx3_171",
26
- "hotspot": "awsui_hotspot_1hpp3_1lcx3_175",
27
- "icon": "awsui_icon_1hpp3_1lcx3_215"
4
+ "arrow": "awsui_arrow_1hpp3_117o5_93",
5
+ "arrow-outer": "awsui_arrow-outer_1hpp3_117o5_97",
6
+ "arrow-inner": "awsui_arrow-inner_1hpp3_117o5_97",
7
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_117o5_128",
8
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_117o5_128",
9
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_117o5_131",
10
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_117o5_131",
11
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_117o5_134",
12
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_117o5_134",
13
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_117o5_137",
14
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_117o5_137",
15
+ "annotation": "awsui_annotation_1hpp3_117o5_145",
16
+ "next-button": "awsui_next-button_1hpp3_117o5_146",
17
+ "previous-button": "awsui_previous-button_1hpp3_117o5_147",
18
+ "finish-button": "awsui_finish-button_1hpp3_117o5_148",
19
+ "header": "awsui_header_1hpp3_117o5_149",
20
+ "step-counter-content": "awsui_step-counter-content_1hpp3_117o5_150",
21
+ "content": "awsui_content_1hpp3_117o5_151",
22
+ "description": "awsui_description_1hpp3_117o5_155",
23
+ "actionBar": "awsui_actionBar_1hpp3_117o5_160",
24
+ "stepCounter": "awsui_stepCounter_1hpp3_117o5_167",
25
+ "divider": "awsui_divider_1hpp3_117o5_171",
26
+ "hotspot": "awsui_hotspot_1hpp3_117o5_175",
27
+ "icon": "awsui_icon_1hpp3_117o5_215"
28
28
  };
29
29
 
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_arrow_1hpp3_1lcx3_93:not(#\9) {
93
+ .awsui_arrow_1hpp3_117o5_93:not(#\9) {
94
94
  width: 20px;
95
95
  height: 10px;
96
96
  }
97
- .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9), .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9) {
97
+ .awsui_arrow-outer_1hpp3_117o5_97:not(#\9), .awsui_arrow-inner_1hpp3_117o5_97:not(#\9) {
98
98
  position: absolute;
99
99
  overflow: hidden;
100
100
  width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  top: 0;
103
103
  left: 0;
104
104
  }
105
- .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9)::after {
105
+ .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_117o5_97:not(#\9)::after {
106
106
  content: "";
107
107
  box-sizing: border-box;
108
108
  display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
115
115
  transform: rotate(45deg);
116
116
  transform-origin: 0 100%;
117
117
  }
118
- .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
118
+ .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
119
119
  background-color: var(--color-border-status-info-jltw90, #0073bb);
120
120
  }
121
- .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9) {
121
+ .awsui_arrow-inner_1hpp3_117o5_97:not(#\9) {
122
122
  top: 2px;
123
123
  }
124
- .awsui_arrow-inner_1hpp3_1lcx3_97:not(#\9)::after {
124
+ .awsui_arrow-inner_1hpp3_117o5_97:not(#\9)::after {
125
125
  border-radius: 1px 0 0 0;
126
126
  background-color: var(--color-background-status-info-32evqg, #f1faff);
127
127
  }
128
- .awsui_arrow-position-right-top_1hpp3_1lcx3_128 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1lcx3_128 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
128
+ .awsui_arrow-position-right-top_1hpp3_117o5_128 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_117o5_128 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
129
129
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
130
130
  }
131
- .awsui_arrow-position-left-top_1hpp3_1lcx3_131 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1lcx3_131 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
131
+ .awsui_arrow-position-left-top_1hpp3_117o5_131 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_117o5_131 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
132
132
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
133
133
  }
134
- .awsui_arrow-position-top-center_1hpp3_1lcx3_134 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1lcx3_134 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
134
+ .awsui_arrow-position-top-center_1hpp3_117o5_134 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_117o5_134 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
135
135
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
136
136
  }
137
- .awsui_arrow-position-bottom-center_1hpp3_1lcx3_137 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137 > .awsui_arrow-outer_1hpp3_1lcx3_97:not(#\9)::after {
137
+ .awsui_arrow-position-bottom-center_1hpp3_117o5_137 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_117o5_137 > .awsui_arrow-outer_1hpp3_117o5_97:not(#\9)::after {
138
138
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-qq7qt1, rgba(0, 28, 36, 0.5));
139
139
  }
140
140
 
@@ -142,37 +142,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
142
142
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
143
143
  SPDX-License-Identifier: Apache-2.0
144
144
  */
145
- .awsui_annotation_1hpp3_1lcx3_145:not(#\9),
146
- .awsui_next-button_1hpp3_1lcx3_146:not(#\9),
147
- .awsui_previous-button_1hpp3_1lcx3_147:not(#\9),
148
- .awsui_finish-button_1hpp3_1lcx3_148:not(#\9),
149
- .awsui_header_1hpp3_1lcx3_149:not(#\9),
150
- .awsui_step-counter-content_1hpp3_1lcx3_150:not(#\9),
151
- .awsui_content_1hpp3_1lcx3_151:not(#\9) {
145
+ .awsui_annotation_1hpp3_117o5_145:not(#\9),
146
+ .awsui_next-button_1hpp3_117o5_146:not(#\9),
147
+ .awsui_previous-button_1hpp3_117o5_147:not(#\9),
148
+ .awsui_finish-button_1hpp3_117o5_148:not(#\9),
149
+ .awsui_header_1hpp3_117o5_149:not(#\9),
150
+ .awsui_step-counter-content_1hpp3_117o5_150:not(#\9),
151
+ .awsui_content_1hpp3_117o5_151:not(#\9) {
152
152
  /* used in test-utils */
153
153
  }
154
154
 
155
- .awsui_description_1hpp3_1lcx3_155:not(#\9) {
155
+ .awsui_description_1hpp3_117o5_155:not(#\9) {
156
156
  overflow: hidden;
157
157
  margin-top: var(--space-xxs-1wmjb0, 4px);
158
158
  }
159
159
 
160
- .awsui_actionBar_1hpp3_1lcx3_160:not(#\9) {
160
+ .awsui_actionBar_1hpp3_117o5_160:not(#\9) {
161
161
  display: flex;
162
162
  justify-content: space-between;
163
163
  align-items: center;
164
164
  position: relative;
165
165
  }
166
166
 
167
- .awsui_stepCounter_1hpp3_1lcx3_167:not(#\9) {
167
+ .awsui_stepCounter_1hpp3_117o5_167:not(#\9) {
168
168
  margin-right: 20px;
169
169
  }
170
170
 
171
- .awsui_divider_1hpp3_1lcx3_171:not(#\9) {
171
+ .awsui_divider_1hpp3_117o5_171:not(#\9) {
172
172
  border-bottom: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
173
173
  }
174
174
 
175
- .awsui_hotspot_1hpp3_1lcx3_175:not(#\9) {
175
+ .awsui_hotspot_1hpp3_117o5_175:not(#\9) {
176
176
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
177
177
  border-collapse: separate;
178
178
  border-spacing: 0;
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
217
  width: 16px;
218
218
  height: 16px;
219
219
  }
220
- .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
220
+ .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
221
221
  outline: none;
222
222
  }
223
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
223
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
224
224
  position: relative;
225
225
  }
226
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus {
226
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus {
227
227
  outline: 2px dotted transparent;
228
228
  outline-offset: calc(2px - 1px);
229
229
  }
230
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focus::before {
230
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_117o5_175:not(#\9):focus::before {
231
231
  content: " ";
232
232
  display: block;
233
233
  position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):focu
238
238
  border-radius: var(--border-radius-control-circular-focus-ring-fhe2ux, 50%);
239
239
  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
240
240
  }
241
- .awsui_hotspot_1hpp3_1lcx3_175 > .awsui_icon_1hpp3_1lcx3_215:not(#\9) {
241
+ .awsui_hotspot_1hpp3_117o5_175 > .awsui_icon_1hpp3_117o5_215:not(#\9) {
242
242
  position: relative;
243
243
  stroke: var(--color-text-link-default-mwf535, #0073bb);
244
244
  }
245
- .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):hover > .awsui_icon_1hpp3_1lcx3_215 {
246
- stroke: var(--color-text-link-hover-3wj3nj, #0073bb);
245
+ .awsui_hotspot_1hpp3_117o5_175:not(#\9):hover > .awsui_icon_1hpp3_117o5_215 {
246
+ stroke: var(--color-text-link-hover-162q5i, #0a4a74);
247
247
  }
248
- .awsui_hotspot_1hpp3_1lcx3_175:not(#\9):active > .awsui_icon_1hpp3_1lcx3_215 {
248
+ .awsui_hotspot_1hpp3_117o5_175:not(#\9):active > .awsui_icon_1hpp3_117o5_215 {
249
249
  stroke: var(--color-text-link-default-mwf535, #0073bb);
250
250
  }
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_1hpp3_1lcx3_93",
6
- "arrow-outer": "awsui_arrow-outer_1hpp3_1lcx3_97",
7
- "arrow-inner": "awsui_arrow-inner_1hpp3_1lcx3_97",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1lcx3_128",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1lcx3_128",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1lcx3_131",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1lcx3_131",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1lcx3_134",
13
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1lcx3_134",
14
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1lcx3_137",
15
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1lcx3_137",
16
- "annotation": "awsui_annotation_1hpp3_1lcx3_145",
17
- "next-button": "awsui_next-button_1hpp3_1lcx3_146",
18
- "previous-button": "awsui_previous-button_1hpp3_1lcx3_147",
19
- "finish-button": "awsui_finish-button_1hpp3_1lcx3_148",
20
- "header": "awsui_header_1hpp3_1lcx3_149",
21
- "step-counter-content": "awsui_step-counter-content_1hpp3_1lcx3_150",
22
- "content": "awsui_content_1hpp3_1lcx3_151",
23
- "description": "awsui_description_1hpp3_1lcx3_155",
24
- "actionBar": "awsui_actionBar_1hpp3_1lcx3_160",
25
- "stepCounter": "awsui_stepCounter_1hpp3_1lcx3_167",
26
- "divider": "awsui_divider_1hpp3_1lcx3_171",
27
- "hotspot": "awsui_hotspot_1hpp3_1lcx3_175",
28
- "icon": "awsui_icon_1hpp3_1lcx3_215"
5
+ "arrow": "awsui_arrow_1hpp3_117o5_93",
6
+ "arrow-outer": "awsui_arrow-outer_1hpp3_117o5_97",
7
+ "arrow-inner": "awsui_arrow-inner_1hpp3_117o5_97",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_117o5_128",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_117o5_128",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_117o5_131",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_117o5_131",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_117o5_134",
13
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_117o5_134",
14
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_117o5_137",
15
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_117o5_137",
16
+ "annotation": "awsui_annotation_1hpp3_117o5_145",
17
+ "next-button": "awsui_next-button_1hpp3_117o5_146",
18
+ "previous-button": "awsui_previous-button_1hpp3_117o5_147",
19
+ "finish-button": "awsui_finish-button_1hpp3_117o5_148",
20
+ "header": "awsui_header_1hpp3_117o5_149",
21
+ "step-counter-content": "awsui_step-counter-content_1hpp3_117o5_150",
22
+ "content": "awsui_content_1hpp3_117o5_151",
23
+ "description": "awsui_description_1hpp3_117o5_155",
24
+ "actionBar": "awsui_actionBar_1hpp3_117o5_160",
25
+ "stepCounter": "awsui_stepCounter_1hpp3_117o5_167",
26
+ "divider": "awsui_divider_1hpp3_117o5_171",
27
+ "hotspot": "awsui_hotspot_1hpp3_117o5_175",
28
+ "icon": "awsui_icon_1hpp3_117o5_215"
29
29
  };
30
30
 
@@ -1 +1 @@
1
- {"version":3,"file":"background.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,uBA4BjC"}
1
+ {"version":3,"file":"background.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,uBA2BjC"}
@@ -5,8 +5,8 @@ import clsx from 'clsx';
5
5
  import { useAppLayoutInternals } from './context';
6
6
  import styles from './styles.css.js';
7
7
  export default function Background() {
8
- const { breadcrumbs, contentHeader, dynamicOverlapHeight, hasNotificationsContent, hasStickyBackground, isMobile, stickyNotifications, } = useAppLayoutInternals();
9
- if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !contentHeader && dynamicOverlapHeight <= 0) {
8
+ const { breadcrumbs, hasBackgroundOverlap, hasNotificationsContent, hasStickyBackground, isMobile, stickyNotifications, } = useAppLayoutInternals();
9
+ if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !hasBackgroundOverlap) {
10
10
  return null;
11
11
  }
12
12
  return (React.createElement("div", { className: clsx(styles.background, 'awsui-context-content-header') },
@@ -1 +1 @@
1
- {"version":3,"file":"background.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,GACpB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,aAAa,IAAI,oBAAoB,IAAI,CAAC,EAAE;QACzG,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC;QACrE,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,GAAI;QAEjD,CAAC,QAAQ,IAAI,mBAAmB,IAAI,CACnC,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;gBAC3C,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,mBAAmB;aAC1D,CAAC,GACF,CACH,CACG,CACP,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';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\nexport default function Background() {\n const {\n breadcrumbs,\n contentHeader,\n dynamicOverlapHeight,\n hasNotificationsContent,\n hasStickyBackground,\n isMobile,\n stickyNotifications,\n } = useAppLayoutInternals();\n\n if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !contentHeader && dynamicOverlapHeight <= 0) {\n return null;\n }\n\n return (\n <div className={clsx(styles.background, 'awsui-context-content-header')}>\n <div className={styles['scrolling-background']} />\n\n {!isMobile && hasStickyBackground && (\n <div\n className={clsx(styles['sticky-background'], {\n [styles['has-sticky-notifications']]: stickyNotifications,\n })}\n />\n )}\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"background.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EACJ,WAAW,EACX,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,GACpB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE;QACnF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC;QACrE,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,GAAI;QAEjD,CAAC,QAAQ,IAAI,mBAAmB,IAAI,CACnC,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;gBAC3C,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,mBAAmB;aAC1D,CAAC,GACF,CACH,CACG,CACP,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';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\nexport default function Background() {\n const {\n breadcrumbs,\n hasBackgroundOverlap,\n hasNotificationsContent,\n hasStickyBackground,\n isMobile,\n stickyNotifications,\n } = useAppLayoutInternals();\n\n if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !hasBackgroundOverlap) {\n return null;\n }\n\n return (\n <div className={clsx(styles.background, 'awsui-context-content-header')}>\n <div className={styles['scrolling-background']} />\n\n {!isMobile && hasStickyBackground && (\n <div\n className={clsx(styles['sticky-background'], {\n [styles['has-sticky-notifications']]: stickyNotifications,\n })}\n />\n )}\n </div>\n );\n}\n"]}
@@ -14,7 +14,6 @@ interface AppLayoutInternals extends AppLayoutProps {
14
14
  drawerRef: React.Ref<HTMLElement>;
15
15
  resizeHandle: React.ReactElement;
16
16
  drawersTriggerCount: number;
17
- dynamicOverlapHeight: number;
18
17
  handleDrawersClick: (activeDrawerId: string | null, skipFocusControl?: boolean) => void;
19
18
  handleSplitPanelClick: () => void;
20
19
  handleNavigationClick: (isOpen: boolean) => void;
@@ -23,11 +22,13 @@ interface AppLayoutInternals extends AppLayoutProps {
23
22
  size: number;
24
23
  }) => void;
25
24
  handleToolsClick: (value: boolean, skipFocusControl?: boolean) => void;
25
+ hasBackgroundOverlap: boolean;
26
26
  hasDefaultToolsWidth: boolean;
27
27
  hasDrawerViewportOverlay: boolean;
28
28
  hasNotificationsContent: boolean;
29
29
  hasOpenDrawer?: boolean;
30
30
  hasStickyBackground: boolean;
31
+ isBackgroundOverlapDisabled: boolean;
31
32
  isMobile: boolean;
32
33
  isNavigationOpen: boolean;
33
34
  isSplitPanelForcedPosition: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/context.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/context.tsx"],"names":[],"mappings":"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"}