@cloudscape-design/components-themeable 3.0.1223 → 3.0.1224

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 (36) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/internal/styles/typography/mixins.scss +1 -0
  4. package/lib/internal/scss/prompt-input/styles.scss +1 -0
  5. package/lib/internal/template/app-layout/interfaces.d.ts +1 -1
  6. package/lib/internal/template/app-layout/interfaces.js.map +1 -1
  7. package/lib/internal/template/box/styles.css.js +192 -192
  8. package/lib/internal/template/box/styles.scoped.css +239 -237
  9. package/lib/internal/template/box/styles.selectors.js +192 -192
  10. package/lib/internal/template/help-panel/styles.css.js +6 -6
  11. package/lib/internal/template/help-panel/styles.scoped.css +68 -67
  12. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  13. package/lib/internal/template/internal/base-component/styles.scoped.css +2 -1
  14. package/lib/internal/template/internal/environment.js +2 -2
  15. package/lib/internal/template/internal/environment.json +2 -2
  16. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  17. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  18. package/lib/internal/template/internal/generated/theming/index.cjs +13 -0
  19. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +45 -0
  20. package/lib/internal/template/internal/generated/theming/index.d.ts +45 -0
  21. package/lib/internal/template/internal/generated/theming/index.js +13 -0
  22. package/lib/internal/template/link/interfaces.d.ts +6 -6
  23. package/lib/internal/template/link/interfaces.js.map +1 -1
  24. package/lib/internal/template/link/styles.css.js +20 -20
  25. package/lib/internal/template/link/styles.scoped.css +72 -71
  26. package/lib/internal/template/link/styles.selectors.js +20 -20
  27. package/lib/internal/template/popover/styles.css.js +57 -57
  28. package/lib/internal/template/popover/styles.scoped.css +91 -89
  29. package/lib/internal/template/popover/styles.selectors.js +57 -57
  30. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  31. package/lib/internal/template/prompt-input/styles.scoped.css +40 -39
  32. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  33. package/lib/internal/template/text-content/styles.css.js +1 -1
  34. package/lib/internal/template/text-content/styles.scoped.css +61 -60
  35. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  36. package/package.json +1 -1
package/lib/internal/template/text-content/styles.scoped.css CHANGED
@@ -143,7 +143,7 @@
143
143
  */
144
144
  /* Style used for links in slots/components that are text heavy, to help links stand out among
145
145
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
146
- .awsui_text-content_6absk_yhf9y_146:not(#\9) {
146
+ .awsui_text-content_6absk_1y2gs_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -176,12 +176,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
176
176
  /* stylelint-disable no-descending-specificity */
177
177
  /* stylelint-enable no-descending-specificity */
178
178
  }
179
- .awsui_text-content_6absk_yhf9y_146 h1:not(#\9),
180
- .awsui_text-content_6absk_yhf9y_146 h2:not(#\9),
181
- .awsui_text-content_6absk_yhf9y_146 h3:not(#\9),
182
- .awsui_text-content_6absk_yhf9y_146 h4:not(#\9),
183
- .awsui_text-content_6absk_yhf9y_146 h5:not(#\9),
184
- .awsui_text-content_6absk_yhf9y_146 p:not(#\9) {
179
+ .awsui_text-content_6absk_1y2gs_146 h1:not(#\9),
180
+ .awsui_text-content_6absk_1y2gs_146 h2:not(#\9),
181
+ .awsui_text-content_6absk_1y2gs_146 h3:not(#\9),
182
+ .awsui_text-content_6absk_1y2gs_146 h4:not(#\9),
183
+ .awsui_text-content_6absk_1y2gs_146 h5:not(#\9),
184
+ .awsui_text-content_6absk_1y2gs_146 p:not(#\9) {
185
185
  font-family: inherit;
186
186
  font-weight: normal;
187
187
  text-decoration: none;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  padding-block: var(--space-xxs-jnczic, 4px);
191
191
  padding-inline: 0;
192
192
  }
193
- .awsui_text-content_6absk_yhf9y_146 h1:not(#\9),
194
- .awsui_text-content_6absk_yhf9y_146 h2:not(#\9),
195
- .awsui_text-content_6absk_yhf9y_146 h3:not(#\9),
196
- .awsui_text-content_6absk_yhf9y_146 h4:not(#\9),
197
- .awsui_text-content_6absk_yhf9y_146 h5:not(#\9) {
193
+ .awsui_text-content_6absk_1y2gs_146 h1:not(#\9),
194
+ .awsui_text-content_6absk_1y2gs_146 h2:not(#\9),
195
+ .awsui_text-content_6absk_1y2gs_146 h3:not(#\9),
196
+ .awsui_text-content_6absk_1y2gs_146 h4:not(#\9),
197
+ .awsui_text-content_6absk_1y2gs_146 h5:not(#\9) {
198
198
  color: var(--color-text-heading-default-wlau07, #16191f);
199
199
  }
200
- .awsui_text-content_6absk_yhf9y_146 h1:not(#\9) {
200
+ .awsui_text-content_6absk_1y2gs_146 h1:not(#\9) {
201
201
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
202
202
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
203
203
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
206
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
207
207
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
208
208
  }
209
- .awsui_text-content_6absk_yhf9y_146 h2:not(#\9) {
209
+ .awsui_text-content_6absk_1y2gs_146 h2:not(#\9) {
210
210
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
211
211
  font-size: var(--font-size-heading-l-qgg2za, 18px);
212
212
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
@@ -215,7 +215,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
216
216
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
217
217
  }
218
- .awsui_text-content_6absk_yhf9y_146 h3:not(#\9) {
218
+ .awsui_text-content_6absk_1y2gs_146 h3:not(#\9) {
219
219
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
220
220
  font-size: var(--font-size-heading-m-56jjln, 18px);
221
221
  line-height: var(--line-height-heading-m-irezqt, 22px);
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
225
225
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
226
226
  }
227
- .awsui_text-content_6absk_yhf9y_146 h4:not(#\9) {
227
+ .awsui_text-content_6absk_1y2gs_146 h4:not(#\9) {
228
228
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
229
229
  font-size: var(--font-size-heading-s-yde02v, 16px);
230
230
  line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -233,31 +233,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
233
233
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
234
234
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
235
235
  }
236
- .awsui_text-content_6absk_yhf9y_146 h5:not(#\9) {
236
+ .awsui_text-content_6absk_1y2gs_146 h5:not(#\9) {
237
237
  font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
238
238
  font-size: var(--font-size-heading-xs-c20ika, 16px);
239
239
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
240
+ letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
240
241
  font-weight: var(--font-weight-heading-xs-79d2p7, 400);
241
242
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
242
243
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
243
244
  }
244
- .awsui_text-content_6absk_yhf9y_146 b:not(#\9),
245
- .awsui_text-content_6absk_yhf9y_146 strong:not(#\9) {
245
+ .awsui_text-content_6absk_1y2gs_146 b:not(#\9),
246
+ .awsui_text-content_6absk_1y2gs_146 strong:not(#\9) {
246
247
  font-weight: 700;
247
248
  }
248
- .awsui_text-content_6absk_yhf9y_146 p:not(#\9) {
249
+ .awsui_text-content_6absk_1y2gs_146 p:not(#\9) {
249
250
  font-size: var(--font-size-body-m-vv54cm, 14px);
250
251
  line-height: var(--line-height-body-m-bedeoh, 22px);
251
252
  color: inherit;
252
253
  }
253
- .awsui_text-content_6absk_yhf9y_146 small:not(#\9) {
254
+ .awsui_text-content_6absk_1y2gs_146 small:not(#\9) {
254
255
  display: inline-block;
255
256
  font-size: var(--font-size-body-s-psgqn2, 12px);
256
257
  line-height: var(--line-height-body-s-otgtsr, 16px);
257
258
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
258
259
  color: var(--color-text-small-m20sr1, #687078);
259
260
  }
260
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
261
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9) {
261
262
  font-size: inherit;
262
263
  text-underline-offset: 0.25em;
263
264
  text-decoration-thickness: 1px;
@@ -272,41 +273,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
272
273
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
273
274
  }
274
275
  @media (prefers-reduced-motion: reduce) {
275
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
276
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9) {
276
277
  animation: none;
277
278
  transition: none;
278
279
  }
279
280
  }
280
- .awsui-motion-disabled .awsui_text-content_6absk_yhf9y_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_yhf9y_146 small a:not(#\9) {
281
+ .awsui-motion-disabled .awsui_text-content_6absk_1y2gs_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1y2gs_146 small a:not(#\9) {
281
282
  animation: none;
282
283
  transition: none;
283
284
  }
284
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):hover {
285
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):hover {
285
286
  cursor: pointer;
286
287
  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
287
288
  }
288
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):focus {
289
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):focus {
289
290
  outline: none;
290
291
  }
291
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):active {
292
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):active {
292
293
  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
293
294
  }
294
- .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):active, .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):focus, .awsui_text-content_6absk_yhf9y_146 small a:not(#\9):hover {
295
+ .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):active, .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):focus, .awsui_text-content_6absk_1y2gs_146 small a:not(#\9):hover {
295
296
  text-decoration-line: underline;
296
297
  text-decoration-color: currentColor;
297
298
  }
298
- .awsui_text-content_6absk_yhf9y_146 code:not(#\9),
299
- .awsui_text-content_6absk_yhf9y_146 pre:not(#\9),
300
- .awsui_text-content_6absk_yhf9y_146 samp:not(#\9) {
299
+ .awsui_text-content_6absk_1y2gs_146 code:not(#\9),
300
+ .awsui_text-content_6absk_1y2gs_146 pre:not(#\9),
301
+ .awsui_text-content_6absk_1y2gs_146 samp:not(#\9) {
301
302
  font-family: var(--font-family-monospace-fub2rr, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
302
303
  background: transparent;
303
304
  }
304
- .awsui_text-content_6absk_yhf9y_146 code:not(#\9) {
305
+ .awsui_text-content_6absk_1y2gs_146 code:not(#\9) {
305
306
  font-size: var(--font-size-body-s-psgqn2, 12px);
306
307
  line-height: var(--line-height-body-s-otgtsr, 16px);
307
308
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
308
309
  }
309
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
310
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9) {
310
311
  text-underline-offset: 0.25em;
311
312
  text-decoration-thickness: 1px;
312
313
  color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
@@ -320,30 +321,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
320
321
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
321
322
  }
322
323
  @media (prefers-reduced-motion: reduce) {
323
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
324
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9) {
324
325
  animation: none;
325
326
  transition: none;
326
327
  }
327
328
  }
328
- .awsui-motion-disabled .awsui_text-content_6absk_yhf9y_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_yhf9y_146 a:not(#\9) {
329
+ .awsui-motion-disabled .awsui_text-content_6absk_1y2gs_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1y2gs_146 a:not(#\9) {
329
330
  animation: none;
330
331
  transition: none;
331
332
  }
332
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9):hover {
333
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9):hover {
333
334
  cursor: pointer;
334
335
  color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
335
336
  }
336
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus {
337
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9):focus {
337
338
  outline: none;
338
339
  }
339
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9):active {
340
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9):active {
340
341
  color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
341
342
  }
342
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9):active, .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus, .awsui_text-content_6absk_yhf9y_146 a:not(#\9):hover {
343
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9):active, .awsui_text-content_6absk_1y2gs_146 a:not(#\9):focus, .awsui_text-content_6absk_1y2gs_146 a:not(#\9):hover {
343
344
  text-decoration-line: underline;
344
345
  text-decoration-color: currentColor;
345
346
  }
346
- .awsui_text-content_6absk_yhf9y_146 a:not(#\9):focus {
347
+ .awsui_text-content_6absk_1y2gs_146 a:not(#\9):focus {
347
348
  outline: thin dotted;
348
349
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
349
350
  outline-offset: 2px;
@@ -354,33 +355,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
354
355
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
355
356
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
356
357
  }
357
- .awsui_text-content_6absk_yhf9y_146 ul:not(#\9),
358
- .awsui_text-content_6absk_yhf9y_146 ol:not(#\9) {
358
+ .awsui_text-content_6absk_1y2gs_146 ul:not(#\9),
359
+ .awsui_text-content_6absk_1y2gs_146 ol:not(#\9) {
359
360
  padding-inline-start: var(--space-l-3cws6j, 20px);
360
361
  margin-block: var(--space-scaled-xs-sppte9, 8px);
361
362
  margin-inline: 0;
362
363
  list-style-position: outside;
363
364
  }
364
- .awsui_text-content_6absk_yhf9y_146 ul + ul:not(#\9),
365
- .awsui_text-content_6absk_yhf9y_146 ul + ol:not(#\9),
366
- .awsui_text-content_6absk_yhf9y_146 ul > li + ul:not(#\9),
367
- .awsui_text-content_6absk_yhf9y_146 ul > li + li:not(#\9),
368
- .awsui_text-content_6absk_yhf9y_146 ul > li + ol:not(#\9),
369
- .awsui_text-content_6absk_yhf9y_146 ul > li > ul:not(#\9),
370
- .awsui_text-content_6absk_yhf9y_146 ul > li > ol:not(#\9),
371
- .awsui_text-content_6absk_yhf9y_146 ol + ul:not(#\9),
372
- .awsui_text-content_6absk_yhf9y_146 ol + ol:not(#\9),
373
- .awsui_text-content_6absk_yhf9y_146 ol > li + ul:not(#\9),
374
- .awsui_text-content_6absk_yhf9y_146 ol > li + li:not(#\9),
375
- .awsui_text-content_6absk_yhf9y_146 ol > li + ol:not(#\9),
376
- .awsui_text-content_6absk_yhf9y_146 ol > li > ul:not(#\9),
377
- .awsui_text-content_6absk_yhf9y_146 ol > li > ol:not(#\9) {
365
+ .awsui_text-content_6absk_1y2gs_146 ul + ul:not(#\9),
366
+ .awsui_text-content_6absk_1y2gs_146 ul + ol:not(#\9),
367
+ .awsui_text-content_6absk_1y2gs_146 ul > li + ul:not(#\9),
368
+ .awsui_text-content_6absk_1y2gs_146 ul > li + li:not(#\9),
369
+ .awsui_text-content_6absk_1y2gs_146 ul > li + ol:not(#\9),
370
+ .awsui_text-content_6absk_1y2gs_146 ul > li > ul:not(#\9),
371
+ .awsui_text-content_6absk_1y2gs_146 ul > li > ol:not(#\9),
372
+ .awsui_text-content_6absk_1y2gs_146 ol + ul:not(#\9),
373
+ .awsui_text-content_6absk_1y2gs_146 ol + ol:not(#\9),
374
+ .awsui_text-content_6absk_1y2gs_146 ol > li + ul:not(#\9),
375
+ .awsui_text-content_6absk_1y2gs_146 ol > li + li:not(#\9),
376
+ .awsui_text-content_6absk_1y2gs_146 ol > li + ol:not(#\9),
377
+ .awsui_text-content_6absk_1y2gs_146 ol > li > ul:not(#\9),
378
+ .awsui_text-content_6absk_1y2gs_146 ol > li > ol:not(#\9) {
378
379
  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
379
380
  }
380
- .awsui_text-content_6absk_yhf9y_146 ul > li > ul:not(#\9),
381
- .awsui_text-content_6absk_yhf9y_146 ul > li > ol:not(#\9),
382
- .awsui_text-content_6absk_yhf9y_146 ol > li > ul:not(#\9),
383
- .awsui_text-content_6absk_yhf9y_146 ol > li > ol:not(#\9) {
381
+ .awsui_text-content_6absk_1y2gs_146 ul > li > ul:not(#\9),
382
+ .awsui_text-content_6absk_1y2gs_146 ul > li > ol:not(#\9),
383
+ .awsui_text-content_6absk_1y2gs_146 ol > li > ul:not(#\9),
384
+ .awsui_text-content_6absk_1y2gs_146 ol > li > ol:not(#\9) {
384
385
  margin-block: 0;
385
386
  margin-inline: 0;
386
387
  }
package/lib/internal/template/text-content/styles.selectors.js CHANGED
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "text-content": "awsui_text-content_6absk_yhf9y_146"
5
+ "text-content": "awsui_text-content_6absk_1y2gs_146"
6
6
  };
7
7
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudscape-design/components-themeable",
3
- "version": "3.0.1223",
3
+ "version": "3.0.1224",
4
4
  "files": [
5
5
  "lib"
6
6
  ],