@cloudscape-design/components-themeable 3.0.1213 → 3.0.1214

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 (43) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/card/styles.scss +1 -0
  3. package/lib/internal/scss/internal/components/dropdown/styles.scss +4 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/internal/styles/typography/constants.scss +1 -0
  6. package/lib/internal/scss/internal/styles/typography/mixins.scss +26 -11
  7. package/lib/internal/template/cards/styles.css.js +38 -38
  8. package/lib/internal/template/cards/styles.scoped.css +40 -39
  9. package/lib/internal/template/cards/styles.selectors.js +38 -38
  10. package/lib/internal/template/header/styles.css.js +34 -34
  11. package/lib/internal/template/header/styles.scoped.css +55 -52
  12. package/lib/internal/template/header/styles.selectors.js +34 -34
  13. package/lib/internal/template/help-panel/styles.css.js +6 -6
  14. package/lib/internal/template/help-panel/styles.scoped.css +72 -67
  15. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  16. package/lib/internal/template/internal/base-component/styles.scoped.css +3 -1
  17. package/lib/internal/template/internal/components/card/styles.css.js +11 -11
  18. package/lib/internal/template/internal/components/card/styles.scoped.css +26 -24
  19. package/lib/internal/template/internal/components/card/styles.selectors.js +11 -11
  20. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  21. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +67 -37
  22. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  23. package/lib/internal/template/internal/environment.js +2 -2
  24. package/lib/internal/template/internal/environment.json +2 -2
  25. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  26. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  27. package/lib/internal/template/internal/generated/theming/index.cjs +5 -0
  28. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  29. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  30. package/lib/internal/template/internal/generated/theming/index.js +5 -0
  31. package/lib/internal/template/popover/styles.css.js +57 -57
  32. package/lib/internal/template/popover/styles.scoped.css +91 -89
  33. package/lib/internal/template/popover/styles.selectors.js +57 -57
  34. package/lib/internal/template/side-navigation/styles.css.js +30 -30
  35. package/lib/internal/template/side-navigation/styles.scoped.css +47 -46
  36. package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
  37. package/lib/internal/template/text-content/styles.css.js +1 -1
  38. package/lib/internal/template/text-content/styles.scoped.css +65 -60
  39. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  40. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  41. package/lib/internal/template/top-navigation/styles.scoped.css +66 -65
  42. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  43. package/package.json +1 -1
package/lib/internal/template/internal/components/dropdown/styles.scoped.css CHANGED
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
153
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1cll7_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1 {
156
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1cll7_1 {
157
157
  from {
158
158
  opacity: 0.4;
159
159
  }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
165
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
174
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153.awsui_refresh_qwoo0_1cll7_174:not(#\9) {
175
175
  transform-origin: top;
176
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1;
176
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1cll7_1;
177
177
  animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
178
178
  animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
179
179
  }
180
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1 {
180
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_1cll7_1 {
181
181
  from {
182
182
  opacity: 0;
183
183
  }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  }
187
187
  }
188
188
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
189
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153.awsui_refresh_qwoo0_1cll7_174:not(#\9) {
190
190
  animation: none;
191
191
  transition: none;
192
192
  }
193
193
  }
194
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_refresh_qwoo0_k3boe_174:not(#\9) {
194
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1cll7_153.awsui_refresh_qwoo0_1cll7_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1cll7_153.awsui_refresh_qwoo0_1cll7_174:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
 
199
- .awsui_root_qwoo0_k3boe_199:not(#\9) {
199
+ .awsui_root_qwoo0_1cll7_199:not(#\9) {
200
200
  border-collapse: separate;
201
201
  border-spacing: 0;
202
202
  box-sizing: border-box;
@@ -229,34 +229,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  position: relative;
230
230
  white-space: inherit;
231
231
  }
232
- .awsui_root_qwoo0_k3boe_199.awsui_interior_qwoo0_k3boe_232:not(#\9) {
232
+ .awsui_root_qwoo0_1cll7_199.awsui_interior_qwoo0_1cll7_232:not(#\9) {
233
233
  position: static;
234
234
  }
235
235
 
236
- .awsui_dropdown_qwoo0_k3boe_153:not(#\9) {
236
+ .awsui_dropdown_qwoo0_1cll7_153:not(#\9) {
237
237
  position: absolute;
238
238
  display: none;
239
239
  z-index: 2000;
240
240
  transform-origin: top;
241
241
  }
242
- .awsui_dropdown_qwoo0_k3boe_153.awsui_use-portal_qwoo0_k3boe_242:not(#\9) {
242
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_use-portal_qwoo0_1cll7_242:not(#\9) {
243
243
  z-index: 7000;
244
244
  }
245
- .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
245
+ .awsui_dropdown_qwoo0_1cll7_153:not(#\9):not(.awsui_interior_qwoo0_1cll7_232) {
246
246
  transform: translateY(0px);
247
247
  transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
248
248
  }
249
249
  @media (prefers-reduced-motion: reduce) {
250
- .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
250
+ .awsui_dropdown_qwoo0_1cll7_153:not(#\9):not(.awsui_interior_qwoo0_1cll7_232) {
251
251
  animation: none;
252
252
  transition: none;
253
253
  }
254
254
  }
255
- .awsui-motion-disabled .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232), .awsui-mode-entering .awsui_dropdown_qwoo0_k3boe_153:not(#\9):not(.awsui_interior_qwoo0_k3boe_232) {
255
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_1cll7_153:not(#\9):not(.awsui_interior_qwoo0_1cll7_232), .awsui-mode-entering .awsui_dropdown_qwoo0_1cll7_153:not(#\9):not(.awsui_interior_qwoo0_1cll7_232) {
256
256
  animation: none;
257
257
  transition: none;
258
258
  }
259
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
259
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
260
+ border-collapse: separate;
261
+ border-spacing: 0;
262
+ box-sizing: border-box;
263
+ caption-side: top;
264
+ cursor: auto;
265
+ direction: inherit;
266
+ empty-cells: show;
267
+ font-family: serif;
268
+ font-style: normal;
269
+ font-variant: normal;
270
+ font-stretch: normal;
271
+ hyphens: none;
272
+ letter-spacing: normal;
273
+ list-style: disc outside none;
274
+ tab-size: 8;
275
+ text-align: start;
276
+ text-indent: 0;
277
+ text-shadow: none;
278
+ text-transform: none;
279
+ visibility: visible;
280
+ white-space: normal;
281
+ word-spacing: normal;
282
+ font-size: var(--font-size-body-m-vv54cm, 14px);
283
+ line-height: var(--line-height-body-m-bedeoh, 22px);
284
+ color: var(--color-text-body-default-5qid0u, #16191f);
285
+ font-weight: 400;
286
+ font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
287
+ -webkit-font-smoothing: auto;
288
+ -moz-osx-font-smoothing: auto;
289
+ white-space: inherit;
260
290
  position: relative;
261
291
  background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
262
292
  outline: none;
@@ -268,7 +298,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
298
  border-block: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
269
299
  box-sizing: border-box;
270
300
  }
271
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9)::after {
301
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9)::after {
272
302
  content: "";
273
303
  position: absolute;
274
304
  z-index: 1;
@@ -285,66 +315,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
285
315
  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
286
316
  pointer-events: none;
287
317
  }
288
- .awsui_dropdown-content-wrapper_qwoo0_k3boe_153.awsui_is-empty_qwoo0_k3boe_288:not(#\9)::after {
318
+ .awsui_dropdown-content-wrapper_qwoo0_1cll7_153.awsui_is-empty_qwoo0_1cll7_318:not(#\9)::after {
289
319
  display: none;
290
320
  }
291
- .awsui_dropdown_qwoo0_k3boe_153 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
321
+ .awsui_dropdown_qwoo0_1cll7_153 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
292
322
  border-block-start: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
293
323
  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
294
324
  }
295
- .awsui_dropdown-drop-up_qwoo0_k3boe_295 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
325
+ .awsui_dropdown-drop-up_qwoo0_1cll7_325 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
296
326
  transform-origin: bottom;
297
327
  box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
298
328
  }
299
- .awsui_dropdown-drop-up_qwoo0_k3boe_295.awsui_with-limited-width_qwoo0_k3boe_299 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
329
+ .awsui_dropdown-drop-up_qwoo0_1cll7_325.awsui_with-limited-width_qwoo0_1cll7_329 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
300
330
  border-block-start: none;
301
331
  }
302
- .awsui_dropdown-drop-left_qwoo0_k3boe_302:not(#\9) {
332
+ .awsui_dropdown-drop-left_qwoo0_1cll7_332:not(#\9) {
303
333
  inset-inline-end: 0;
304
334
  }
305
- .awsui_dropdown-drop-right_qwoo0_k3boe_305:not(#\9) {
335
+ .awsui_dropdown-drop-right_qwoo0_1cll7_335:not(#\9) {
306
336
  inset-inline-start: 0;
307
337
  }
308
- .awsui_dropdown_qwoo0_k3boe_153.awsui_occupy-entire-width_qwoo0_k3boe_308:not(#\9) {
338
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_occupy-entire-width_qwoo0_1cll7_338:not(#\9) {
309
339
  min-inline-size: 100%;
310
340
  }
311
- .awsui_dropdown_qwoo0_k3boe_153.awsui_use-flexible-width_qwoo0_k3boe_311:not(#\9) {
341
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_use-flexible-width_qwoo0_1cll7_341:not(#\9) {
312
342
  inline-size: max-content;
313
343
  max-inline-size: var(--awsui-dropdown-default-max-width-c5ek4l, none);
314
344
  min-inline-size: var(--awsui-dropdown-default-min-width-c5ek4l, auto);
315
345
  }
316
- .awsui_dropdown_qwoo0_k3boe_153.awsui_interior_qwoo0_k3boe_232 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
346
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_interior_qwoo0_1cll7_232 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
317
347
  margin-block-start: -1px;
318
348
  }
319
- .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
349
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_hide-block-border_qwoo0_1cll7_349 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
320
350
  border-block-start: none;
321
351
  }
322
- .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_k3boe_295) > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153 {
352
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_hide-block-border_qwoo0_1cll7_349:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_1cll7_325) > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153 {
323
353
  border-block-end: none;
324
354
  }
325
- .awsui_dropdown_qwoo0_k3boe_153.awsui_hide-block-border_qwoo0_k3boe_319.awsui_refresh_qwoo0_k3boe_174 > .awsui_dropdown-content-wrapper_qwoo0_k3boe_153:not(#\9) {
355
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_hide-block-border_qwoo0_1cll7_349.awsui_refresh_qwoo0_1cll7_174 > .awsui_dropdown-content-wrapper_qwoo0_1cll7_153:not(#\9) {
326
356
  border-block-end: none;
327
357
  }
328
- .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9) {
358
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_open_qwoo0_1cll7_358:not(#\9) {
329
359
  display: block;
330
360
  }
331
- .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9):not(.awsui_interior_qwoo0_k3boe_232).awsui_refresh_qwoo0_k3boe_174[data-animating=true] {
361
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_open_qwoo0_1cll7_358:not(#\9):not(.awsui_interior_qwoo0_1cll7_232).awsui_refresh_qwoo0_1cll7_174[data-animating=true] {
332
362
  transform: translateY(4px);
333
363
  }
334
- .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328:not(#\9):not(.awsui_interior_qwoo0_k3boe_232).awsui_refresh_qwoo0_k3boe_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_k3boe_295 {
364
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_open_qwoo0_1cll7_358:not(#\9):not(.awsui_interior_qwoo0_1cll7_232).awsui_refresh_qwoo0_1cll7_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_1cll7_325 {
335
365
  transform: translateY(-4px);
336
366
  }
337
- .awsui_dropdown_qwoo0_k3boe_153.awsui_open_qwoo0_k3boe_328.awsui_nowrap_qwoo0_k3boe_337:not(#\9) {
367
+ .awsui_dropdown_qwoo0_1cll7_153.awsui_open_qwoo0_1cll7_358.awsui_nowrap_qwoo0_1cll7_367:not(#\9) {
338
368
  white-space: nowrap;
339
369
  overflow: scroll;
340
370
  }
341
371
 
342
- .awsui_dropdown-content_qwoo0_k3boe_153:not(#\9) {
372
+ .awsui_dropdown-content_qwoo0_1cll7_153:not(#\9) {
343
373
  display: flex;
344
374
  flex-direction: column;
345
375
  inline-size: 100%;
346
376
  }
347
377
 
348
- .awsui_stretch-trigger-height_qwoo0_k3boe_348:not(#\9) {
378
+ .awsui_stretch-trigger-height_qwoo0_1cll7_378:not(#\9) {
349
379
  block-size: 100%;
350
380
  }
package/lib/internal/template/internal/components/dropdown/styles.selectors.js CHANGED
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_k3boe_153",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k3boe_1",
7
- "refresh": "awsui_refresh_qwoo0_k3boe_174",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k3boe_1",
9
- "root": "awsui_root_qwoo0_k3boe_199",
10
- "interior": "awsui_interior_qwoo0_k3boe_232",
11
- "dropdown": "awsui_dropdown_qwoo0_k3boe_153",
12
- "use-portal": "awsui_use-portal_qwoo0_k3boe_242",
13
- "is-empty": "awsui_is-empty_qwoo0_k3boe_288",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k3boe_295",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_k3boe_299",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k3boe_302",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k3boe_305",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k3boe_308",
19
- "use-flexible-width": "awsui_use-flexible-width_qwoo0_k3boe_311",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_k3boe_319",
21
- "open": "awsui_open_qwoo0_k3boe_328",
22
- "nowrap": "awsui_nowrap_qwoo0_k3boe_337",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_k3boe_153",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k3boe_348"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1cll7_153",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1cll7_1",
7
+ "refresh": "awsui_refresh_qwoo0_1cll7_174",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1cll7_1",
9
+ "root": "awsui_root_qwoo0_1cll7_199",
10
+ "interior": "awsui_interior_qwoo0_1cll7_232",
11
+ "dropdown": "awsui_dropdown_qwoo0_1cll7_153",
12
+ "use-portal": "awsui_use-portal_qwoo0_1cll7_242",
13
+ "is-empty": "awsui_is-empty_qwoo0_1cll7_318",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1cll7_325",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_1cll7_329",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1cll7_332",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1cll7_335",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1cll7_338",
19
+ "use-flexible-width": "awsui_use-flexible-width_qwoo0_1cll7_341",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_1cll7_349",
21
+ "open": "awsui_open_qwoo0_1cll7_358",
22
+ "nowrap": "awsui_nowrap_qwoo0_1cll7_367",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_1cll7_153",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1cll7_378"
25
25
  };
26
26
 
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (f13e0284)";
3
- export var GIT_SHA = "f13e0284";
2
+ export var PACKAGE_VERSION = "3.0.0 (5cfcc6dc)";
3
+ export var GIT_SHA = "5cfcc6dc";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (f13e0284)",
4
- "GIT_SHA": "f13e0284",
3
+ "PACKAGE_VERSION": "3.0.0 (5cfcc6dc)",
4
+ "GIT_SHA": "5cfcc6dc",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -558,6 +558,7 @@ export const fontChartDetailSize: string;
558
558
  export const fontDisplayLabelWeight: string;
559
559
  export const fontExpandableHeadingSize: string;
560
560
  export const fontFamilyBase: string;
561
+ export const fontFamilyHeading: string;
561
562
  export const fontFamilyMonospace: string;
562
563
  export const fontHeaderH2DescriptionLineHeight: string;
563
564
  export const fontHeaderH2DescriptionSize: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -558,6 +558,7 @@ export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
558
558
  export var fontDisplayLabelWeight = "var(--font-display-label-weight-zavpeo, 700)";
559
559
  export var fontExpandableHeadingSize = "var(--font-expandable-heading-size-0uk059, 16px)";
560
560
  export var fontFamilyBase = "var(--font-family-base-gmnpzl, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
561
+ export var fontFamilyHeading = "var(--font-family-heading-ugphat, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
561
562
  export var fontFamilyMonospace = "var(--font-family-monospace-q47m7k, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
562
563
  export var fontHeaderH2DescriptionLineHeight = "var(--font-header-h2-description-line-height-ts2s6o, 20px)";
563
564
  export var fontHeaderH2DescriptionSize = "var(--font-header-h2-description-size-g2wws3, 14px)";
package/lib/internal/template/internal/generated/theming/index.cjs CHANGED
@@ -2261,6 +2261,7 @@ module.exports.preset = {
2261
2261
  "fontDisplayLabelWeight": "700",
2262
2262
  "fontExpandableHeadingSize": "{fontSizeHeadingS}",
2263
2263
  "fontFamilyBase": "'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif",
2264
+ "fontFamilyHeading": "{fontFamilyBase}",
2264
2265
  "fontFamilyMonospace": "Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace",
2265
2266
  "fontHeaderH2DescriptionLineHeight": "{lineHeightBodyM}",
2266
2267
  "fontHeaderH2DescriptionSize": "{fontSizeBodyM}",
@@ -11731,6 +11732,7 @@ module.exports.preset = {
11731
11732
  "colorDropzoneBorderHover",
11732
11733
  "colorTreeViewConnectorLine",
11733
11734
  "fontFamilyBase",
11735
+ "fontFamilyHeading",
11734
11736
  "fontFamilyMonospace",
11735
11737
  "fontSizeBodyM",
11736
11738
  "fontSizeBodyS",
@@ -12109,6 +12111,7 @@ module.exports.preset = {
12109
12111
  "colorDropzoneBorderHover",
12110
12112
  "colorTreeViewConnectorLine",
12111
12113
  "fontFamilyBase",
12114
+ "fontFamilyHeading",
12112
12115
  "fontFamilyMonospace",
12113
12116
  "fontSizeBodyM",
12114
12117
  "fontSizeBodyS",
@@ -12758,6 +12761,7 @@ module.exports.preset = {
12758
12761
  "fontDisplayLabelWeight": "font-display-label-weight",
12759
12762
  "fontExpandableHeadingSize": "font-expandable-heading-size",
12760
12763
  "fontFamilyBase": "font-family-base",
12764
+ "fontFamilyHeading": "font-family-heading",
12761
12765
  "fontFamilyMonospace": "font-family-monospace",
12762
12766
  "fontHeaderH2DescriptionLineHeight": "font-header-h2-description-line-height",
12763
12767
  "fontHeaderH2DescriptionSize": "font-header-h2-description-size",
@@ -13577,6 +13581,7 @@ module.exports.preset = {
13577
13581
  "fontDisplayLabelWeight": "--font-display-label-weight-zavpeo",
13578
13582
  "fontExpandableHeadingSize": "--font-expandable-heading-size-0uk059",
13579
13583
  "fontFamilyBase": "--font-family-base-gmnpzl",
13584
+ "fontFamilyHeading": "--font-family-heading-ugphat",
13580
13585
  "fontFamilyMonospace": "--font-family-monospace-q47m7k",
13581
13586
  "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-ts2s6o",
13582
13587
  "fontHeaderH2DescriptionSize": "--font-header-h2-description-size-g2wws3",
package/lib/internal/template/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -229,6 +229,7 @@ export declare interface TypedOverride {
229
229
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
230
230
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
231
231
  fontFamilyBase?: GlobalValue;
232
+ fontFamilyHeading?: GlobalValue;
232
233
  fontFamilyMonospace?: GlobalValue;
233
234
  fontSizeBodyM?: GlobalValue;
234
235
  fontSizeBodyS?: GlobalValue;
@@ -511,6 +512,7 @@ export declare interface TypedOverride {
511
512
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
512
513
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
513
514
  fontFamilyBase?: GlobalValue;
515
+ fontFamilyHeading?: GlobalValue;
514
516
  fontFamilyMonospace?: GlobalValue;
515
517
  fontSizeBodyM?: GlobalValue;
516
518
  fontSizeBodyS?: GlobalValue;
@@ -793,6 +795,7 @@ export declare interface TypedOverride {
793
795
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
794
796
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
795
797
  fontFamilyBase?: GlobalValue;
798
+ fontFamilyHeading?: GlobalValue;
796
799
  fontFamilyMonospace?: GlobalValue;
797
800
  fontSizeBodyM?: GlobalValue;
798
801
  fontSizeBodyS?: GlobalValue;
@@ -1075,6 +1078,7 @@ export declare interface TypedOverride {
1075
1078
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1076
1079
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1077
1080
  fontFamilyBase?: GlobalValue;
1081
+ fontFamilyHeading?: GlobalValue;
1078
1082
  fontFamilyMonospace?: GlobalValue;
1079
1083
  fontSizeBodyM?: GlobalValue;
1080
1084
  fontSizeBodyS?: GlobalValue;
@@ -1357,6 +1361,7 @@ export declare interface TypedOverride {
1357
1361
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1358
1362
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1359
1363
  fontFamilyBase?: GlobalValue;
1364
+ fontFamilyHeading?: GlobalValue;
1360
1365
  fontFamilyMonospace?: GlobalValue;
1361
1366
  fontSizeBodyM?: GlobalValue;
1362
1367
  fontSizeBodyS?: GlobalValue;
@@ -1639,6 +1644,7 @@ export declare interface TypedOverride {
1639
1644
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1640
1645
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1641
1646
  fontFamilyBase?: GlobalValue;
1647
+ fontFamilyHeading?: GlobalValue;
1642
1648
  fontFamilyMonospace?: GlobalValue;
1643
1649
  fontSizeBodyM?: GlobalValue;
1644
1650
  fontSizeBodyS?: GlobalValue;
@@ -1921,6 +1927,7 @@ export declare interface TypedOverride {
1921
1927
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1922
1928
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1923
1929
  fontFamilyBase?: GlobalValue;
1930
+ fontFamilyHeading?: GlobalValue;
1924
1931
  fontFamilyMonospace?: GlobalValue;
1925
1932
  fontSizeBodyM?: GlobalValue;
1926
1933
  fontSizeBodyS?: GlobalValue;
@@ -2203,6 +2210,7 @@ export declare interface TypedOverride {
2203
2210
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2204
2211
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2205
2212
  fontFamilyBase?: GlobalValue;
2213
+ fontFamilyHeading?: GlobalValue;
2206
2214
  fontFamilyMonospace?: GlobalValue;
2207
2215
  fontSizeBodyM?: GlobalValue;
2208
2216
  fontSizeBodyS?: GlobalValue;
@@ -2485,6 +2493,7 @@ export declare interface TypedOverride {
2485
2493
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2486
2494
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2487
2495
  fontFamilyBase?: GlobalValue;
2496
+ fontFamilyHeading?: GlobalValue;
2488
2497
  fontFamilyMonospace?: GlobalValue;
2489
2498
  fontSizeBodyM?: GlobalValue;
2490
2499
  fontSizeBodyS?: GlobalValue;
package/lib/internal/template/internal/generated/theming/index.d.ts CHANGED
@@ -229,6 +229,7 @@ export declare interface TypedOverride {
229
229
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
230
230
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
231
231
  fontFamilyBase?: GlobalValue;
232
+ fontFamilyHeading?: GlobalValue;
232
233
  fontFamilyMonospace?: GlobalValue;
233
234
  fontSizeBodyM?: GlobalValue;
234
235
  fontSizeBodyS?: GlobalValue;
@@ -511,6 +512,7 @@ export declare interface TypedOverride {
511
512
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
512
513
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
513
514
  fontFamilyBase?: GlobalValue;
515
+ fontFamilyHeading?: GlobalValue;
514
516
  fontFamilyMonospace?: GlobalValue;
515
517
  fontSizeBodyM?: GlobalValue;
516
518
  fontSizeBodyS?: GlobalValue;
@@ -793,6 +795,7 @@ export declare interface TypedOverride {
793
795
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
794
796
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
795
797
  fontFamilyBase?: GlobalValue;
798
+ fontFamilyHeading?: GlobalValue;
796
799
  fontFamilyMonospace?: GlobalValue;
797
800
  fontSizeBodyM?: GlobalValue;
798
801
  fontSizeBodyS?: GlobalValue;
@@ -1075,6 +1078,7 @@ export declare interface TypedOverride {
1075
1078
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1076
1079
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1077
1080
  fontFamilyBase?: GlobalValue;
1081
+ fontFamilyHeading?: GlobalValue;
1078
1082
  fontFamilyMonospace?: GlobalValue;
1079
1083
  fontSizeBodyM?: GlobalValue;
1080
1084
  fontSizeBodyS?: GlobalValue;
@@ -1357,6 +1361,7 @@ export declare interface TypedOverride {
1357
1361
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1358
1362
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1359
1363
  fontFamilyBase?: GlobalValue;
1364
+ fontFamilyHeading?: GlobalValue;
1360
1365
  fontFamilyMonospace?: GlobalValue;
1361
1366
  fontSizeBodyM?: GlobalValue;
1362
1367
  fontSizeBodyS?: GlobalValue;
@@ -1639,6 +1644,7 @@ export declare interface TypedOverride {
1639
1644
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1640
1645
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1641
1646
  fontFamilyBase?: GlobalValue;
1647
+ fontFamilyHeading?: GlobalValue;
1642
1648
  fontFamilyMonospace?: GlobalValue;
1643
1649
  fontSizeBodyM?: GlobalValue;
1644
1650
  fontSizeBodyS?: GlobalValue;
@@ -1921,6 +1927,7 @@ export declare interface TypedOverride {
1921
1927
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1922
1928
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1923
1929
  fontFamilyBase?: GlobalValue;
1930
+ fontFamilyHeading?: GlobalValue;
1924
1931
  fontFamilyMonospace?: GlobalValue;
1925
1932
  fontSizeBodyM?: GlobalValue;
1926
1933
  fontSizeBodyS?: GlobalValue;
@@ -2203,6 +2210,7 @@ export declare interface TypedOverride {
2203
2210
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2204
2211
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2205
2212
  fontFamilyBase?: GlobalValue;
2213
+ fontFamilyHeading?: GlobalValue;
2206
2214
  fontFamilyMonospace?: GlobalValue;
2207
2215
  fontSizeBodyM?: GlobalValue;
2208
2216
  fontSizeBodyS?: GlobalValue;
@@ -2485,6 +2493,7 @@ export declare interface TypedOverride {
2485
2493
  colorDropzoneBorderHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2486
2494
  colorTreeViewConnectorLine?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
2487
2495
  fontFamilyBase?: GlobalValue;
2496
+ fontFamilyHeading?: GlobalValue;
2488
2497
  fontFamilyMonospace?: GlobalValue;
2489
2498
  fontSizeBodyM?: GlobalValue;
2490
2499
  fontSizeBodyS?: GlobalValue;
package/lib/internal/template/internal/generated/theming/index.js CHANGED
@@ -2261,6 +2261,7 @@ export var preset = {
2261
2261
  "fontDisplayLabelWeight": "700",
2262
2262
  "fontExpandableHeadingSize": "{fontSizeHeadingS}",
2263
2263
  "fontFamilyBase": "'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif",
2264
+ "fontFamilyHeading": "{fontFamilyBase}",
2264
2265
  "fontFamilyMonospace": "Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace",
2265
2266
  "fontHeaderH2DescriptionLineHeight": "{lineHeightBodyM}",
2266
2267
  "fontHeaderH2DescriptionSize": "{fontSizeBodyM}",
@@ -11731,6 +11732,7 @@ export var preset = {
11731
11732
  "colorDropzoneBorderHover",
11732
11733
  "colorTreeViewConnectorLine",
11733
11734
  "fontFamilyBase",
11735
+ "fontFamilyHeading",
11734
11736
  "fontFamilyMonospace",
11735
11737
  "fontSizeBodyM",
11736
11738
  "fontSizeBodyS",
@@ -12109,6 +12111,7 @@ export var preset = {
12109
12111
  "colorDropzoneBorderHover",
12110
12112
  "colorTreeViewConnectorLine",
12111
12113
  "fontFamilyBase",
12114
+ "fontFamilyHeading",
12112
12115
  "fontFamilyMonospace",
12113
12116
  "fontSizeBodyM",
12114
12117
  "fontSizeBodyS",
@@ -12758,6 +12761,7 @@ export var preset = {
12758
12761
  "fontDisplayLabelWeight": "font-display-label-weight",
12759
12762
  "fontExpandableHeadingSize": "font-expandable-heading-size",
12760
12763
  "fontFamilyBase": "font-family-base",
12764
+ "fontFamilyHeading": "font-family-heading",
12761
12765
  "fontFamilyMonospace": "font-family-monospace",
12762
12766
  "fontHeaderH2DescriptionLineHeight": "font-header-h2-description-line-height",
12763
12767
  "fontHeaderH2DescriptionSize": "font-header-h2-description-size",
@@ -13577,6 +13581,7 @@ export var preset = {
13577
13581
  "fontDisplayLabelWeight": "--font-display-label-weight-zavpeo",
13578
13582
  "fontExpandableHeadingSize": "--font-expandable-heading-size-0uk059",
13579
13583
  "fontFamilyBase": "--font-family-base-gmnpzl",
13584
+ "fontFamilyHeading": "--font-family-heading-ugphat",
13580
13585
  "fontFamilyMonospace": "--font-family-monospace-q47m7k",
13581
13586
  "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-ts2s6o",
13582
13587
  "fontHeaderH2DescriptionSize": "--font-header-h2-description-size-g2wws3",