@cloudscape-design/components-themeable 3.0.520 → 3.0.521

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 (77) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +0 -14
  3. package/lib/internal/scss/button-dropdown/item-element/styles.scss +1 -1
  4. package/lib/internal/scss/expandable-section/styles.scss +1 -1
  5. package/lib/internal/template/app-layout/visual-refresh/background.js +2 -2
  6. package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
  7. package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js +2 -2
  8. package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  9. package/lib/internal/template/app-layout/visual-refresh/header.js +2 -2
  10. package/lib/internal/template/app-layout/visual-refresh/header.js.map +1 -1
  11. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +2 -2
  12. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh/notifications.js +2 -2
  14. package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
  15. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map +1 -1
  17. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts +1 -1
  18. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map +1 -1
  19. package/lib/internal/template/button-dropdown/category-elements/category-element.js +2 -2
  20. package/lib/internal/template/button-dropdown/category-elements/category-element.js.map +1 -1
  21. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts +1 -1
  22. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  23. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +2 -2
  24. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  25. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts +1 -1
  26. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  27. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +2 -2
  28. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  29. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  30. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +21 -32
  31. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  32. package/lib/internal/template/button-dropdown/interfaces.d.ts +2 -0
  33. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  34. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  35. package/lib/internal/template/button-dropdown/item-element/index.d.ts +1 -1
  36. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  37. package/lib/internal/template/button-dropdown/item-element/index.js +6 -1
  38. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  39. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -15
  40. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +18 -18
  41. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -15
  42. package/lib/internal/template/button-dropdown/items-list.d.ts.map +1 -1
  43. package/lib/internal/template/button-dropdown/items-list.js +3 -3
  44. package/lib/internal/template/button-dropdown/items-list.js.map +1 -1
  45. package/lib/internal/template/cards/index.js +2 -2
  46. package/lib/internal/template/cards/index.js.map +1 -1
  47. package/lib/internal/template/container/internal.js +4 -4
  48. package/lib/internal/template/container/internal.js.map +1 -1
  49. package/lib/internal/template/content-layout/internal.js +3 -3
  50. package/lib/internal/template/content-layout/internal.js.map +1 -1
  51. package/lib/internal/template/expandable-section/styles.css.js +32 -32
  52. package/lib/internal/template/expandable-section/styles.scoped.css +63 -63
  53. package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
  54. package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -2
  55. package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
  56. package/lib/internal/template/internal/environment.js +1 -1
  57. package/lib/internal/template/internal/environment.json +1 -1
  58. package/lib/internal/template/internal/utils/content-header-utils.d.ts +2 -2
  59. package/lib/internal/template/internal/utils/content-header-utils.d.ts.map +1 -1
  60. package/lib/internal/template/internal/utils/content-header-utils.js +2 -2
  61. package/lib/internal/template/internal/utils/content-header-utils.js.map +1 -1
  62. package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js +2 -2
  63. package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  64. package/lib/internal/template/split-panel/icons/side-position-refresh.js +2 -2
  65. package/lib/internal/template/split-panel/icons/side-position-refresh.js.map +1 -1
  66. package/lib/internal/template/table/internal.js +2 -2
  67. package/lib/internal/template/table/internal.js.map +1 -1
  68. package/lib/internal/template/top-navigation/interfaces.d.ts +2 -0
  69. package/lib/internal/template/top-navigation/interfaces.d.ts.map +1 -1
  70. package/lib/internal/template/top-navigation/interfaces.js.map +1 -1
  71. package/lib/internal/template/wizard/internal.js +4 -4
  72. package/lib/internal/template/wizard/internal.js.map +1 -1
  73. package/lib/internal/template/wizard/wizard-form-header.js +3 -3
  74. package/lib/internal/template/wizard/wizard-form-header.js.map +1 -1
  75. package/lib/internal/template/wizard/wizard-navigation.js +2 -2
  76. package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
  77. package/package.json +1 -1
package/lib/internal/template/expandable-section/styles.scoped.css CHANGED
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_content-enter_gwq0h_enq19_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in_gwq0h_enq19_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
97
+ .awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
98
+ animation: awsui_awsui-motion-fade-in_gwq0h_c9cl0_1 var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
99
99
  }
100
- @keyframes awsui_awsui-motion-fade-in_gwq0h_enq19_1 {
100
+ @keyframes awsui_awsui-motion-fade-in_gwq0h_c9cl0_1 {
101
101
  from {
102
102
  opacity: 0.2;
103
103
  }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
106
106
  }
107
107
  }
108
108
  @media (prefers-reduced-motion: reduce) {
109
- .awsui_content-enter_gwq0h_enq19_97:not(#\9) {
109
+ .awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
  }
114
- .awsui-motion-disabled .awsui_content-enter_gwq0h_enq19_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_enq19_97:not(#\9) {
114
+ .awsui-motion-disabled .awsui_content-enter_gwq0h_c9cl0_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_c9cl0_97:not(#\9) {
115
115
  animation: none;
116
116
  transition: none;
117
117
  }
118
118
 
119
- .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
119
+ .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
120
120
  transition: border-bottom-color var(--motion-duration-show-paced-wu1v6q, 180ms) var(--motion-easing-show-paced-72rrqw, ease-out);
121
121
  }
122
122
  @media (prefers-reduced-motion: reduce) {
123
- .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
123
+ .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
127
  }
128
- .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_enq19_119:not(#\9) {
128
+ .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_c9cl0_119:not(#\9) {
129
129
  animation: none;
130
130
  transition: none;
131
131
  }
132
132
 
133
- .awsui_icon_gwq0h_enq19_133:not(#\9) {
133
+ .awsui_icon_gwq0h_c9cl0_133:not(#\9) {
134
134
  transition: transform var(--motion-duration-rotate-90-f4h6jw, 135ms) var(--motion-easing-rotate-90-ncjpnu, cubic-bezier(0.165, 0.84, 0.44, 1));
135
135
  }
136
136
  @media (prefers-reduced-motion: reduce) {
137
- .awsui_icon_gwq0h_enq19_133:not(#\9) {
137
+ .awsui_icon_gwq0h_c9cl0_133:not(#\9) {
138
138
  animation: none;
139
139
  transition: none;
140
140
  }
141
141
  }
142
- .awsui-motion-disabled .awsui_icon_gwq0h_enq19_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_enq19_133:not(#\9) {
142
+ .awsui-motion-disabled .awsui_icon_gwq0h_c9cl0_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_c9cl0_133:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
148
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
149
  SPDX-License-Identifier: Apache-2.0
150
150
  */
151
- .awsui_root_gwq0h_enq19_151:not(#\9) {
151
+ .awsui_root_gwq0h_c9cl0_151:not(#\9) {
152
152
  border-collapse: separate;
153
153
  border-spacing: 0;
154
154
  box-sizing: border-box;
@@ -187,123 +187,123 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
187
187
  display: block;
188
188
  }
189
189
 
190
- .awsui_expand-button_gwq0h_enq19_189:not(#\9) {
191
- /* used in test-utils */
190
+ .awsui_expand-button_gwq0h_c9cl0_189:not(#\9) {
191
+ outline: none;
192
192
  }
193
193
 
194
- .awsui_icon_gwq0h_enq19_133:not(#\9) {
194
+ .awsui_icon_gwq0h_c9cl0_133:not(#\9) {
195
195
  transform: rotate(-90deg);
196
196
  }
197
- .awsui_icon_gwq0h_enq19_133.awsui_expanded_gwq0h_enq19_196:not(#\9) {
197
+ .awsui_icon_gwq0h_c9cl0_133.awsui_expanded_gwq0h_c9cl0_196:not(#\9) {
198
198
  transform: rotate(0deg);
199
199
  }
200
200
 
201
- .awsui_icon-container_gwq0h_enq19_200:not(#\9) {
201
+ .awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
202
202
  position: relative;
203
203
  margin-left: calc((var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2);
204
204
  margin-right: calc(var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
205
205
  }
206
- .awsui_icon-container-container_gwq0h_enq19_205:not(#\9) {
206
+ .awsui_icon-container-container_gwq0h_c9cl0_205:not(#\9) {
207
207
  margin-right: var(--space-xs-xf5ch3, 8px);
208
208
  }
209
209
 
210
- .awsui_wrapper_gwq0h_enq19_209:not(#\9) {
210
+ .awsui_wrapper_gwq0h_c9cl0_209:not(#\9) {
211
211
  box-sizing: border-box;
212
212
  border: none;
213
213
  width: 100%;
214
214
  line-height: var(--line-height-body-m-2zx78l, 22px);
215
215
  text-align: left;
216
216
  }
217
- .awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
217
+ .awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
218
218
  border: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
219
219
  }
220
- .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9) {
220
+ .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9) {
221
221
  border-left: var(--border-divider-section-width-wl9k66, 1px) solid transparent;
222
222
  }
223
- .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-container_gwq0h_enq19_222:not(#\9) {
223
+ .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9) {
224
224
  display: flex;
225
225
  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
226
226
  }
227
- .awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9) {
227
+ .awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9) {
228
228
  color: var(--color-text-expandable-section-default-6s8xf7, #545b64);
229
229
  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
230
230
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
231
231
  }
232
- .awsui_wrapper-default_gwq0h_enq19_216:not(#\9), .awsui_wrapper-navigation_gwq0h_enq19_219:not(#\9), .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
232
+ .awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-navigation_gwq0h_c9cl0_219:not(#\9), .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
233
233
  font-size: var(--font-expandable-heading-size-oezd0p, 14px);
234
234
  letter-spacing: var(--letter-spacing-heading-s-badvkb, normal);
235
235
  }
236
- .awsui_wrapper-default_gwq0h_enq19_216:not(#\9) {
236
+ .awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9) {
237
237
  padding-top: var(--space-scaled-xxs-t7ij38, 4px);
238
238
  padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
239
239
  padding-right: var(--space-xxs-9rrxti, 4px);
240
240
  }
241
- .awsui_wrapper-default_gwq0h_enq19_216.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
241
+ .awsui_wrapper-default_gwq0h_c9cl0_216.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
242
242
  padding-left: var(--space-xxs-9rrxti, 4px);
243
243
  }
244
- .awsui_wrapper-default_gwq0h_enq19_216:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
244
+ .awsui_wrapper-default_gwq0h_c9cl0_216:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
245
245
  padding-left: calc(var(--space-xxs-9rrxti, 4px) + calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
246
246
  }
247
- .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9) {
247
+ .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9) {
248
248
  padding-top: var(--space-scaled-xxs-t7ij38, 4px);
249
249
  padding-bottom: var(--space-scaled-xxs-t7ij38, 4px);
250
250
  }
251
- .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9) {
251
+ .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9) {
252
252
  padding-right: 0;
253
253
  }
254
- .awsui_wrapper-footer_gwq0h_enq19_216.awsui_header-deprecated_gwq0h_enq19_240:not(#\9), .awsui_wrapper-compact_gwq0h_enq19_226.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
254
+ .awsui_wrapper-footer_gwq0h_c9cl0_216.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9), .awsui_wrapper-compact_gwq0h_c9cl0_226.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
255
255
  padding-left: 0;
256
256
  }
257
- .awsui_wrapper-footer_gwq0h_enq19_216:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240), .awsui_wrapper-compact_gwq0h_enq19_226:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
257
+ .awsui_wrapper-footer_gwq0h_c9cl0_216:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240), .awsui_wrapper-compact_gwq0h_c9cl0_226:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
258
258
  padding-left: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
259
259
  }
260
- .awsui_wrapper-container_gwq0h_enq19_222:not(#\9) {
260
+ .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9) {
261
261
  padding-top: var(--space-container-header-top-bomjbu, 12px);
262
262
  padding-bottom: var(--space-container-header-bottom-qqnwwz, 12px);
263
263
  padding-right: var(--space-container-horizontal-oebwqe, 20px);
264
264
  }
265
- .awsui_wrapper-container_gwq0h_enq19_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_enq19_264) {
265
+ .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):not(.awsui_wrapper-expanded_gwq0h_c9cl0_264) {
266
266
  padding-bottom: var(--space-container-header-top-bomjbu, 12px);
267
267
  }
268
- .awsui_wrapper-container_gwq0h_enq19_222.awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
268
+ .awsui_wrapper-container_gwq0h_c9cl0_222.awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
269
269
  padding-left: var(--space-container-horizontal-oebwqe, 20px);
270
270
  }
271
- .awsui_wrapper-container_gwq0h_enq19_222:not(#\9):not(.awsui_header-deprecated_gwq0h_enq19_240) {
271
+ .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):not(.awsui_header-deprecated_gwq0h_c9cl0_240) {
272
272
  padding-left: calc(var(--space-container-horizontal-oebwqe, 20px) + calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
273
273
  }
274
- body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_enq19_222:not(#\9):focus {
274
+ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_c9cl0_222:not(#\9):focus {
275
275
  padding: calc(var(--space-scaled-s-9q8n2q, 12px) - var(--border-divider-section-width-wl9k66, 1px)) calc(var(--space-l-xu1x80, 20px) - var(--border-divider-section-width-wl9k66, 1px));
276
276
  }
277
- .awsui_wrapper-default_gwq0h_enq19_216.awsui_wrapper-expanded_gwq0h_enq19_264:not(#\9) {
277
+ .awsui_wrapper-default_gwq0h_c9cl0_216.awsui_wrapper-expanded_gwq0h_c9cl0_264:not(#\9) {
278
278
  border-bottom-color: var(--color-border-divider-default-in8dkg, #eaeded);
279
279
  }
280
280
 
281
- .awsui_header_gwq0h_enq19_240:not(#\9) {
281
+ .awsui_header_gwq0h_c9cl0_240:not(#\9) {
282
282
  /* used in test-utils */
283
283
  }
284
- .awsui_header-wrapper_gwq0h_enq19_283:not(#\9), .awsui_header-deprecated_gwq0h_enq19_240:not(#\9) {
284
+ .awsui_header-wrapper_gwq0h_c9cl0_283:not(#\9), .awsui_header-deprecated_gwq0h_c9cl0_240:not(#\9) {
285
285
  display: flex;
286
286
  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
287
287
  }
288
- .awsui_header-wrapper_gwq0h_enq19_283:not(#\9) {
288
+ .awsui_header-wrapper_gwq0h_c9cl0_283:not(#\9) {
289
289
  font-size: inherit;
290
290
  letter-spacing: inherit;
291
291
  margin: 0;
292
292
  padding: 0;
293
293
  }
294
- .awsui_header-actions-wrapper_gwq0h_enq19_293:not(#\9) {
294
+ .awsui_header-actions-wrapper_gwq0h_c9cl0_293:not(#\9) {
295
295
  display: flex;
296
296
  flex-direction: row;
297
297
  justify-content: space-between;
298
298
  }
299
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus {
299
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus {
300
300
  position: relative;
301
301
  }
302
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus {
302
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus {
303
303
  outline: 2px dotted transparent;
304
304
  outline-offset: calc(0px - 1px);
305
305
  }
306
- body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_enq19_298:not(#\9):focus::before {
306
+ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_c9cl0_298:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9):focus::before {
307
307
  content: " ";
308
308
  display: block;
309
309
  position: absolute;
@@ -314,21 +314,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9
314
314
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
315
315
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
316
316
  }
317
- .awsui_header-button_gwq0h_enq19_298:not(#\9) {
317
+ .awsui_header-button_gwq0h_c9cl0_298:not(#\9) {
318
318
  box-sizing: border-box;
319
319
  display: flex;
320
320
  margin-left: calc(-1 * calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px)));
321
321
  }
322
- .awsui_header-container-button_gwq0h_enq19_298:not(#\9) {
322
+ .awsui_header-container-button_gwq0h_c9cl0_298:not(#\9) {
323
323
  margin-left: calc(-1 * calc(var(--size-icon-medium-6sroof, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xs-xf5ch3, 8px)));
324
324
  }
325
- .awsui_header-container_gwq0h_enq19_298:not(#\9) {
325
+ .awsui_header-container_gwq0h_c9cl0_298:not(#\9) {
326
326
  width: 100%;
327
327
  }
328
- .awsui_header-container_gwq0h_enq19_298 > .awsui_icon-container_gwq0h_enq19_200:not(#\9) {
328
+ .awsui_header-container_gwq0h_c9cl0_298 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
329
329
  margin-top: var(--space-expandable-section-icon-offset-top-5sppg0, 8px);
330
330
  }
331
- .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9) {
331
+ .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9) {
332
332
  display: inline-flex;
333
333
  cursor: pointer;
334
334
  color: var(--color-text-expandable-section-navigation-icon-default-p5s2p2, #879596);
@@ -339,17 +339,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_enq19_298:not(#\9
339
339
  text-decoration: none;
340
340
  flex-direction: column;
341
341
  }
342
- .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):hover {
342
+ .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):hover {
343
343
  color: var(--color-text-expandable-section-hover-6msis6, #16191f);
344
344
  }
345
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus {
345
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus {
346
346
  position: relative;
347
347
  }
348
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus {
348
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus {
349
349
  outline: 2px dotted transparent;
350
350
  outline-offset: calc(2px - 1px);
351
351
  }
352
- body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .awsui_icon-container_gwq0h_enq19_200:not(#\9):focus::before {
352
+ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_c9cl0_330 > .awsui_icon-container_gwq0h_c9cl0_200:not(#\9):focus::before {
353
353
  content: " ";
354
354
  display: block;
355
355
  position: absolute;
@@ -360,40 +360,40 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_enq19_330 > .
360
360
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
361
361
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
362
362
  }
363
- .awsui_header-text_gwq0h_enq19_362:not(#\9) {
363
+ .awsui_header-text_gwq0h_c9cl0_362:not(#\9) {
364
364
  /* used in test-utils */
365
365
  }
366
366
 
367
- .awsui_content_gwq0h_enq19_97:not(#\9) {
367
+ .awsui_content_gwq0h_c9cl0_97:not(#\9) {
368
368
  display: none;
369
369
  }
370
- .awsui_content-default_gwq0h_enq19_369:not(#\9) {
370
+ .awsui_content-default_gwq0h_c9cl0_369:not(#\9) {
371
371
  padding: var(--space-scaled-xs-x91h81, 8px) 0;
372
372
  }
373
- .awsui_content-footer_gwq0h_enq19_372:not(#\9) {
373
+ .awsui_content-footer_gwq0h_c9cl0_372:not(#\9) {
374
374
  padding: var(--space-xs-xf5ch3, 8px) 0;
375
375
  }
376
- .awsui_content-expanded_gwq0h_enq19_375:not(#\9) {
376
+ .awsui_content-expanded_gwq0h_c9cl0_375:not(#\9) {
377
377
  display: block;
378
378
  }
379
- .awsui_content-compact_gwq0h_enq19_378:not(#\9) {
379
+ .awsui_content-compact_gwq0h_c9cl0_378:not(#\9) {
380
380
  padding-inline-start: calc(var(--size-icon-normal-wflv4k, 16px) + (var(--line-height-body-m-2zx78l, 22px) - var(--size-icon-normal-wflv4k, 16px)) / -2 + var(--space-xxs-9rrxti, 4px) + var(--border-divider-list-width-471u6a, 1px));
381
381
  }
382
382
 
383
- .awsui_focusable_gwq0h_enq19_382:not(#\9):focus {
383
+ .awsui_focusable_gwq0h_c9cl0_382:not(#\9):focus {
384
384
  outline: none;
385
385
  text-decoration: none;
386
386
  }
387
- body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_enq19_382:not(#\9):focus {
387
+ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_c9cl0_382:not(#\9):focus {
388
388
  outline: 2px dotted transparent;
389
389
  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
390
390
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
391
391
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
392
392
  }
393
393
 
394
- .awsui_click-target_gwq0h_enq19_393:not(#\9) {
394
+ .awsui_click-target_gwq0h_c9cl0_393:not(#\9) {
395
395
  cursor: pointer;
396
396
  }
397
- .awsui_click-target_gwq0h_enq19_393:not(#\9):not(.awsui_wrapper-container_gwq0h_enq19_222):not(.awsui_header-container-button_gwq0h_enq19_298):hover {
397
+ .awsui_click-target_gwq0h_c9cl0_393:not(#\9):not(.awsui_wrapper-container_gwq0h_c9cl0_222):not(.awsui_header-container-button_gwq0h_c9cl0_298):hover {
398
398
  color: var(--color-text-expandable-section-hover-6msis6, #16191f);
399
399
  }
package/lib/internal/template/expandable-section/styles.selectors.js CHANGED
@@ -2,37 +2,37 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-enter": "awsui_content-enter_gwq0h_enq19_97",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_enq19_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_enq19_119",
8
- "icon": "awsui_icon_gwq0h_enq19_133",
9
- "root": "awsui_root_gwq0h_enq19_151",
10
- "expand-button": "awsui_expand-button_gwq0h_enq19_189",
11
- "expanded": "awsui_expanded_gwq0h_enq19_196",
12
- "icon-container": "awsui_icon-container_gwq0h_enq19_200",
13
- "icon-container-container": "awsui_icon-container-container_gwq0h_enq19_205",
14
- "wrapper": "awsui_wrapper_gwq0h_enq19_209",
15
- "wrapper-default": "awsui_wrapper-default_gwq0h_enq19_216",
16
- "wrapper-footer": "awsui_wrapper-footer_gwq0h_enq19_216",
17
- "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_enq19_219",
18
- "wrapper-container": "awsui_wrapper-container_gwq0h_enq19_222",
19
- "wrapper-compact": "awsui_wrapper-compact_gwq0h_enq19_226",
20
- "header-deprecated": "awsui_header-deprecated_gwq0h_enq19_240",
21
- "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_enq19_264",
22
- "header": "awsui_header_gwq0h_enq19_240",
23
- "header-wrapper": "awsui_header-wrapper_gwq0h_enq19_283",
24
- "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_enq19_293",
25
- "header-button": "awsui_header-button_gwq0h_enq19_298",
26
- "header-container-button": "awsui_header-container-button_gwq0h_enq19_298",
27
- "header-container": "awsui_header-container_gwq0h_enq19_298",
28
- "header-navigation": "awsui_header-navigation_gwq0h_enq19_330",
29
- "header-text": "awsui_header-text_gwq0h_enq19_362",
30
- "content": "awsui_content_gwq0h_enq19_97",
31
- "content-default": "awsui_content-default_gwq0h_enq19_369",
32
- "content-footer": "awsui_content-footer_gwq0h_enq19_372",
33
- "content-expanded": "awsui_content-expanded_gwq0h_enq19_375",
34
- "content-compact": "awsui_content-compact_gwq0h_enq19_378",
35
- "focusable": "awsui_focusable_gwq0h_enq19_382",
36
- "click-target": "awsui_click-target_gwq0h_enq19_393"
5
+ "content-enter": "awsui_content-enter_gwq0h_c9cl0_97",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_c9cl0_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_c9cl0_119",
8
+ "icon": "awsui_icon_gwq0h_c9cl0_133",
9
+ "root": "awsui_root_gwq0h_c9cl0_151",
10
+ "expand-button": "awsui_expand-button_gwq0h_c9cl0_189",
11
+ "expanded": "awsui_expanded_gwq0h_c9cl0_196",
12
+ "icon-container": "awsui_icon-container_gwq0h_c9cl0_200",
13
+ "icon-container-container": "awsui_icon-container-container_gwq0h_c9cl0_205",
14
+ "wrapper": "awsui_wrapper_gwq0h_c9cl0_209",
15
+ "wrapper-default": "awsui_wrapper-default_gwq0h_c9cl0_216",
16
+ "wrapper-footer": "awsui_wrapper-footer_gwq0h_c9cl0_216",
17
+ "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_c9cl0_219",
18
+ "wrapper-container": "awsui_wrapper-container_gwq0h_c9cl0_222",
19
+ "wrapper-compact": "awsui_wrapper-compact_gwq0h_c9cl0_226",
20
+ "header-deprecated": "awsui_header-deprecated_gwq0h_c9cl0_240",
21
+ "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_c9cl0_264",
22
+ "header": "awsui_header_gwq0h_c9cl0_240",
23
+ "header-wrapper": "awsui_header-wrapper_gwq0h_c9cl0_283",
24
+ "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_c9cl0_293",
25
+ "header-button": "awsui_header-button_gwq0h_c9cl0_298",
26
+ "header-container-button": "awsui_header-container-button_gwq0h_c9cl0_298",
27
+ "header-container": "awsui_header-container_gwq0h_c9cl0_298",
28
+ "header-navigation": "awsui_header-navigation_gwq0h_c9cl0_330",
29
+ "header-text": "awsui_header-text_gwq0h_c9cl0_362",
30
+ "content": "awsui_content_gwq0h_c9cl0_97",
31
+ "content-default": "awsui_content-default_gwq0h_c9cl0_369",
32
+ "content-footer": "awsui_content-footer_gwq0h_c9cl0_372",
33
+ "content-expanded": "awsui_content-expanded_gwq0h_c9cl0_375",
34
+ "content-compact": "awsui_content-compact_gwq0h_c9cl0_378",
35
+ "focusable": "awsui_focusable_gwq0h_c9cl0_382",
36
+ "click-target": "awsui_click-target_gwq0h_c9cl0_393"
37
37
  };
38
38
 
package/lib/internal/template/internal/components/dark-ribbon/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { useEffect, useRef } from 'react';
4
4
  import { useMutationObserver } from '../../hooks/use-mutation-observer';
5
- import { contentHeaderClassName } from '../../utils/content-header-utils';
5
+ import { getContentHeaderClassName } from '../../utils/content-header-utils';
6
6
  import styles from './styles.css.js';
7
7
  import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
8
8
  function setIfChanged(oldValue, newValue, setter) {
@@ -40,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
40
40
  if (hasPlainStyling === true || !isRefresh) {
41
41
  return React.createElement(React.Fragment, null, children);
42
42
  }
43
- return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
43
+ return (React.createElement("div", { ref: containerRef, className: getContentHeaderClassName() },
44
44
  React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
45
45
  React.createElement("div", { className: styles.content }, children)));
46
46
  }
package/lib/internal/template/internal/components/dark-ribbon/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { contentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={contentHeaderClassName}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { getContentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n children: React.ReactNode;\n isRefresh: boolean;\n hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n if (oldValue !== newValue) {\n setter(newValue);\n }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n const containerRef = useRef<HTMLDivElement>(null);\n const fillRef = useRef<HTMLDivElement>(null);\n const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n // JSDOM calls mutation observer callback even if attribute did not change\n // https://github.com/jsdom/jsdom/issues/3305\n // To prevent infinite loops, we need to check the values before setting\n const size = from.getBoundingClientRect();\n const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n setIfChanged(\n oldRight,\n `${-1 * (document.body.clientWidth - size.right)}px`,\n newRight => (to.style.right = newRight)\n );\n });\n useMutationObserver(containerRef, node => {\n if (fillRef.current) {\n syncSizes(node, fillRef.current);\n }\n });\n useEffect(() => {\n const handler = () => {\n if (containerRef.current && fillRef.current) {\n syncSizes(containerRef.current, fillRef.current);\n }\n };\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, [syncSizes]);\n\n if (hasPlainStyling === true || !isRefresh) {\n return <>{children}</>;\n }\n\n return (\n <div ref={containerRef} className={getContentHeaderClassName()}>\n <div ref={fillRef} className={styles['background-fill']} />\n <div className={styles.content}>{children}</div>\n </div>\n );\n}\n"]}
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (5d94df4b)";
2
+ export var PACKAGE_VERSION = "3.0.0 (1e35c52a)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (5d94df4b)",
3
+ "PACKAGE_VERSION": "3.0.0 (1e35c52a)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/lib/internal/template/internal/utils/content-header-utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare const shouldRemoveHighContrastHeader: boolean;
2
- export declare const contentHeaderClassName: string;
1
+ export declare const shouldRemoveHighContrastHeader: () => boolean;
2
+ export declare const getContentHeaderClassName: () => string;
3
3
  //# sourceMappingURL=content-header-utils.d.ts.map
package/lib/internal/template/internal/utils/content-header-utils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,SAA8C,CAAC;AAC1F,eAAO,MAAM,sBAAsB,QAAuE,CAAC"}
1
+ {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,QAAO,OAAsD,CAAC;AACzG,eAAO,MAAM,yBAAyB,QAAO,MAC2B,CAAC"}
package/lib/internal/template/internal/utils/content-header-utils.js CHANGED
@@ -1,6 +1,6 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { getGlobalFlag } from './global-flags';
4
- export const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');
5
- export const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';
4
+ export const shouldRemoveHighContrastHeader = () => !!getGlobalFlag('removeHighContrastHeader');
5
+ export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';
6
6
  //# sourceMappingURL=content-header-utils.js.map
package/lib/internal/template/internal/utils/content-header-utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = !!getGlobalFlag('removeHighContrastHeader');\nexport const contentHeaderClassName = shouldRemoveHighContrastHeader ? '' : 'awsui-context-content-header';\n"]}
1
+ {"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAY,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAW,EAAE,CACpD,8BAA8B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = (): boolean => !!getGlobalFlag('removeHighContrastHeader');\nexport const getContentHeaderClassName = (): string =>\n shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';\n"]}
package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React from 'react';
4
- import { contentHeaderClassName } from '../../internal/utils/content-header-utils';
4
+ import { getContentHeaderClassName } from '../../internal/utils/content-header-utils';
5
5
  import { getClassName } from './side-position-refresh';
6
6
  const TableRow = ({ offset, isHeader }) => {
7
7
  const offsetTop = 0.4482;
@@ -24,7 +24,7 @@ const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewB
24
24
  React.createElement("path", { d: "M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
25
25
  React.createElement("g", { className: "awsui-context-top-navigation" },
26
26
  React.createElement("rect", { x: "2", y: "2", width: "226", height: "6", className: getClassName('layout-top') })),
27
- React.createElement("g", { className: contentHeaderClassName },
27
+ React.createElement("g", { className: getContentHeaderClassName() },
28
28
  React.createElement("path", { d: "M2 8H228V23H2V8Z", className: getClassName('layout-main') }),
29
29
  React.createElement("g", { className: getClassName('default') },
30
30
  React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { contentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n <path\n d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M27 0H59V3H27V0Z\" />\n <path d=\"M75 0H107V3H75V0Z\" />\n <path d=\"M123 0H155V3H123V0Z\" />\n <path d=\"M171 0H203V3H171V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className={contentHeaderClassName}>\n <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M26 14H56.1484V17H26V14Z\" />\n <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n <path\n d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n className={getClassName('primary')}\n />\n <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n\n <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M198 87H203V92H198V87Z\" />\n <path d=\"M190 87H195V92H190V87Z\" />\n </g>\n\n <SidePanelRow offset={99} />\n <SidePanelRow offset={106} />\n <SidePanelRow offset={113} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
1
+ {"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getContentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n <path\n d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M27 0H59V3H27V0Z\" />\n <path d=\"M75 0H107V3H75V0Z\" />\n <path d=\"M123 0H155V3H123V0Z\" />\n <path d=\"M171 0H203V3H171V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className={getContentHeaderClassName()}>\n <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M26 14H56.1484V17H26V14Z\" />\n <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n <path\n d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n className={getClassName('primary')}\n />\n <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n\n <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M198 87H203V92H198V87Z\" />\n <path d=\"M190 87H195V92H190V87Z\" />\n </g>\n\n <SidePanelRow offset={99} />\n <SidePanelRow offset={106} />\n <SidePanelRow offset={113} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
package/lib/internal/template/split-panel/icons/side-position-refresh.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React from 'react';
4
- import { contentHeaderClassName } from '../../internal/utils/content-header-utils';
4
+ import { getContentHeaderClassName } from '../../internal/utils/content-header-utils';
5
5
  import styles from '../styles.css.js';
6
6
  export const getClassName = (suffix) => styles[`preference-icon-refresh--${suffix}`];
7
7
  const TableRow = ({ offset, separator = true, isHeader }) => {
@@ -23,7 +23,7 @@ const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewB
23
23
  React.createElement("path", { d: "M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
24
24
  React.createElement("g", { className: "awsui-context-top-navigation" },
25
25
  React.createElement("rect", { x: "2", y: "2", width: "212", height: "6", className: getClassName('layout-top') })),
26
- React.createElement("g", { className: contentHeaderClassName },
26
+ React.createElement("g", { className: getContentHeaderClassName() },
27
27
  React.createElement("path", { d: "M2 8H214V23H2V8Z", className: getClassName('layout-main') }),
28
28
  React.createElement("g", { className: getClassName('default') },
29
29
  React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
package/lib/internal/template/split-panel/icons/side-position-refresh.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"side-position-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { contentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n offset: number;\n separator?: boolean;\n isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n <path\n d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M177 0H190V3H177V0Z\" />\n <path d=\"M195 0H208V3H195V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className={contentHeaderClassName}>\n <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M16 14H46.1484V17H16V14Z\" />\n <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n <path\n d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n className={getClassName('primary')}\n />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n <TableRow offset={75} />\n <TableRow offset={87} />\n <TableRow offset={99} />\n <TableRow offset={111} separator={false} />\n\n <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M216 14V120\" className={getClassName('separator')} />\n <g className={getClassName('disabled')}>\n <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n </g>\n <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M207 23H212V28H207V23Z\" />\n <path d=\"M199 23H204V28H199V23Z\" />\n </g>\n <SidePanelRow offset={36} />\n <SidePanelRow offset={48} />\n <SidePanelRow offset={60} />\n <SidePanelRow offset={72} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
1
+ {"version":3,"file":"side-position-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getContentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n offset: number;\n separator?: boolean;\n isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n const offsetTop = 0.4482;\n const offsetBottom = 3.4482;\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n <path\n d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n className={!isHeader ? getClassName('secondary') : undefined}\n />\n <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n </g>\n );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n return (\n <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n <path d=\"M177 0H190V3H177V0Z\" />\n <path d=\"M195 0H208V3H195V0Z\" />\n </g>\n );\n};\n\nconst bottomPositionIcon = (\n <svg\n focusable={false}\n viewBox=\"0 0 230 128\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n className={getClassName('window')}\n strokeWidth=\"2\"\n />\n <g className=\"awsui-context-top-navigation\">\n <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n </g>\n <g className={getContentHeaderClassName()}>\n <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n <g className={getClassName('default')}>\n <path\n d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n className={getClassName('disabled')}\n />\n <path d=\"M16 14H46.1484V17H16V14Z\" />\n <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n <path\n d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n className={getClassName('primary')}\n />\n </g>\n </g>\n <TableRow offset={27} isHeader={true} />\n <TableRow offset={39} />\n <TableRow offset={51} />\n <TableRow offset={63} />\n <TableRow offset={75} />\n <TableRow offset={87} />\n <TableRow offset={99} />\n <TableRow offset={111} separator={false} />\n\n <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n <path d=\"M216 14V120\" className={getClassName('separator')} />\n <g className={getClassName('disabled')}>\n <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n </g>\n <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n <g className={getClassName('secondary')}>\n <path d=\"M207 23H212V28H207V23Z\" />\n <path d=\"M199 23H204V28H199V23Z\" />\n </g>\n <SidePanelRow offset={36} />\n <SidePanelRow offset={48} />\n <SidePanelRow offset={60} />\n <SidePanelRow offset={72} />\n </svg>\n);\n\nexport default bottomPositionIcon;\n"]}