@cloudscape-design/components-themeable 3.0.1057 → 3.0.1058

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 (72) 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/forms/mixins.scss +11 -7
  4. package/lib/internal/scss/internal/styles/links.scss +4 -3
  5. package/lib/internal/scss/link/styles.scss +12 -1
  6. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  7. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  8. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  9. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  10. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  11. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  12. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
  13. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
  14. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
  15. package/lib/internal/template/date-input/index.d.ts +1 -1
  16. package/lib/internal/template/date-input/index.d.ts.map +1 -1
  17. package/lib/internal/template/date-input/index.js.map +1 -1
  18. package/lib/internal/template/date-input/interfaces.d.ts +29 -0
  19. package/lib/internal/template/date-input/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/date-input/interfaces.js.map +1 -1
  21. package/lib/internal/template/date-input/internal.d.ts +1 -4
  22. package/lib/internal/template/date-input/internal.d.ts.map +1 -1
  23. package/lib/internal/template/date-input/internal.js +39 -4
  24. package/lib/internal/template/date-input/internal.js.map +1 -1
  25. package/lib/internal/template/date-input/utils.d.ts +8 -0
  26. package/lib/internal/template/date-input/utils.d.ts.map +1 -1
  27. package/lib/internal/template/date-input/utils.js +32 -7
  28. package/lib/internal/template/date-input/utils.js.map +1 -1
  29. package/lib/internal/template/help-panel/styles.css.js +6 -6
  30. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  31. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  32. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  33. package/lib/internal/template/internal/components/masked-input/index.d.ts.map +1 -1
  34. package/lib/internal/template/internal/components/masked-input/index.js +2 -2
  35. package/lib/internal/template/internal/components/masked-input/index.js.map +1 -1
  36. package/lib/internal/template/internal/components/masked-input/interfaces.d.ts +6 -1
  37. package/lib/internal/template/internal/components/masked-input/interfaces.d.ts.map +1 -1
  38. package/lib/internal/template/internal/components/masked-input/interfaces.js.map +1 -1
  39. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  40. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  41. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  42. package/lib/internal/template/internal/environment.js +2 -2
  43. package/lib/internal/template/internal/environment.json +2 -2
  44. package/lib/internal/template/internal/utils/date-time/format-date-iso.d.ts.map +1 -1
  45. package/lib/internal/template/internal/utils/date-time/format-date-iso.js.map +1 -1
  46. package/lib/internal/template/internal/utils/date-time/interfaces.d.ts +17 -0
  47. package/lib/internal/template/internal/utils/date-time/interfaces.d.ts.map +1 -0
  48. package/lib/internal/template/internal/utils/date-time/interfaces.js +4 -0
  49. package/lib/internal/template/internal/utils/date-time/interfaces.js.map +1 -0
  50. package/lib/internal/template/link/index.d.ts.map +1 -1
  51. package/lib/internal/template/link/index.js +2 -2
  52. package/lib/internal/template/link/index.js.map +1 -1
  53. package/lib/internal/template/link/interfaces.d.ts +24 -0
  54. package/lib/internal/template/link/interfaces.d.ts.map +1 -1
  55. package/lib/internal/template/link/interfaces.js.map +1 -1
  56. package/lib/internal/template/link/internal.d.ts.map +1 -1
  57. package/lib/internal/template/link/internal.js +3 -2
  58. package/lib/internal/template/link/internal.js.map +1 -1
  59. package/lib/internal/template/link/style.d.ts +3 -0
  60. package/lib/internal/template/link/style.d.ts.map +1 -0
  61. package/lib/internal/template/link/style.js +21 -0
  62. package/lib/internal/template/link/style.js.map +1 -0
  63. package/lib/internal/template/link/styles.css.js +20 -20
  64. package/lib/internal/template/link/styles.scoped.css +103 -102
  65. package/lib/internal/template/link/styles.selectors.js +20 -20
  66. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  67. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  68. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  69. package/lib/internal/template/text-content/styles.css.js +1 -1
  70. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  71. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  72. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "da6e19990cd4efb45cc221495b2c5f58906117ef"
2
+ "commit": "991892e23236dd021ea64b02989253848736dc69"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "da6e1999";
3
+ $awsui-commit-hash: "991892e2";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-kcc2gu;
6
6
  $minContentWidth: --awsui-min-content-width-kcc2gu;
package/lib/internal/scss/internal/styles/forms/mixins.scss CHANGED
@@ -11,18 +11,22 @@
11
11
  @use '../utils' as utils;
12
12
  @use './constants' as constants;
13
13
 
14
- @mixin link-focus {
14
+ @mixin link-focus(
15
+ $border-color: awsui.$color-border-item-focused,
16
+ $border-radius: awsui.$border-radius-control-default-focus-ring,
17
+ $box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused
18
+ ) {
15
19
  // For classic
16
20
  outline: thin dotted;
17
21
  outline: awsui.$border-link-focus-ring-outline;
18
22
  outline-offset: 2px;
19
- outline-color: awsui.$color-border-item-focused;
23
+ outline-color: $border-color;
20
24
  // For visual refresh
21
- border-start-start-radius: awsui.$border-radius-control-default-focus-ring;
22
- border-start-end-radius: awsui.$border-radius-control-default-focus-ring;
23
- border-end-start-radius: awsui.$border-radius-control-default-focus-ring;
24
- border-end-end-radius: awsui.$border-radius-control-default-focus-ring;
25
- box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused;
25
+ border-start-start-radius: $border-radius;
26
+ border-start-end-radius: $border-radius;
27
+ border-end-start-radius: $border-radius;
28
+ border-end-end-radius: $border-radius;
29
+ box-shadow: $box-shadow;
26
30
  }
27
31
 
28
32
  @mixin container-focus($border-radius: awsui.$border-radius-container) {
package/lib/internal/scss/internal/styles/links.scss CHANGED
@@ -10,9 +10,10 @@
10
10
  @use './forms/' as mixins;
11
11
  @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
12
12
  @use '../../link/constants.scss' as constants;
13
+ @use '../generated/custom-css-properties/index.scss' as custom-props;
13
14
 
14
15
  @mixin link-variant-style($variant) {
15
- color: map.get($variant, 'text-color-default');
16
+ color: var(#{custom-props.$styleColorDefault}, map.get($variant, 'text-color-default'));
16
17
  font-weight: map.get($variant, 'font-weight');
17
18
  letter-spacing: map.get($variant, 'letter-spacing');
18
19
  text-decoration-line: map.get($variant, 'decoration-line');
@@ -25,7 +26,7 @@
25
26
 
26
27
  &:hover {
27
28
  cursor: pointer;
28
- color: map.get($variant, 'text-color-hover');
29
+ color: var(#{custom-props.$styleColorHover}, map.get($variant, 'text-color-hover'));
29
30
  }
30
31
 
31
32
  &:focus {
@@ -33,7 +34,7 @@
33
34
  }
34
35
 
35
36
  &:active {
36
- color: map.get($variant, 'text-color-active');
37
+ color: var(#{custom-props.$styleColorActive}, map.get($variant, 'text-color-active'));
37
38
  }
38
39
 
39
40
  &:active,
package/lib/internal/scss/link/styles.scss CHANGED
@@ -8,11 +8,18 @@
8
8
  @use '../internal/styles/tokens' as awsui;
9
9
  @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
10
10
  @use './constants' as constants;
11
+ @use '../internal/generated/custom-css-properties/index.scss' as custom-props;
12
+ @use '../internal/styles/foundation' as foundation;
11
13
 
12
14
  .link {
13
15
  @include styles.styles-reset;
14
16
  display: inline;
15
17
  white-space: inherit;
18
+
19
+ #{custom-props.$styleFocusRingBoxShadow}: 0 0 0
20
+ var(#{custom-props.$styleFocusRingBorderWidth}, awsui.$border-link-focus-ring-shadow-spread)
21
+ var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused);
22
+
16
23
  @include styles.link-default;
17
24
 
18
25
  @each $variant in map.keys(constants.$link-variants) {
@@ -45,7 +52,11 @@
45
52
  }
46
53
 
47
54
  @include focus-visible.when-visible {
48
- @include styles.link-focus;
55
+ @include styles.link-focus(
56
+ $border-color: var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused),
57
+ $border-radius: var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
58
+ $box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
59
+ );
49
60
  }
50
61
 
51
62
  @each $font-size, $properties in constants.$link-font-sizes {
package/lib/internal/template/attribute-editor/styles.css.js CHANGED
@@ -1,20 +1,20 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "empty-appear": "awsui_empty-appear_n4qlp_lsdwm_153",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
6
- "root": "awsui_root_n4qlp_lsdwm_175",
7
- "empty": "awsui_empty_n4qlp_lsdwm_153",
8
- "row": "awsui_row_n4qlp_lsdwm_218",
9
- "divider": "awsui_divider_n4qlp_lsdwm_222",
10
- "row-control": "awsui_row-control_n4qlp_lsdwm_227",
11
- "field": "awsui_field_n4qlp_lsdwm_231",
12
- "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
13
- "add-row": "awsui_add-row_n4qlp_lsdwm_281",
14
- "add-button": "awsui_add-button_n4qlp_lsdwm_285",
15
- "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
16
- "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
17
- "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
18
- "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
4
+ "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
6
+ "root": "awsui_root_n4qlp_71c87_175",
7
+ "empty": "awsui_empty_n4qlp_71c87_153",
8
+ "row": "awsui_row_n4qlp_71c87_218",
9
+ "divider": "awsui_divider_n4qlp_71c87_222",
10
+ "row-control": "awsui_row-control_n4qlp_71c87_227",
11
+ "field": "awsui_field_n4qlp_71c87_231",
12
+ "additional-info": "awsui_additional-info_n4qlp_71c87_235",
13
+ "add-row": "awsui_add-row_n4qlp_71c87_281",
14
+ "add-button": "awsui_add-button_n4qlp_71c87_285",
15
+ "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
16
+ "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
17
+ "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
18
+ "remove-button": "awsui_remove-button_n4qlp_71c87_289"
19
19
  };
20
20
 
package/lib/internal/template/attribute-editor/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_empty-appear_n4qlp_lsdwm_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in_n4qlp_lsdwm_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
153
+ .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in_n4qlp_71c87_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in_n4qlp_lsdwm_1 {
156
+ @keyframes awsui_awsui-motion-fade-in_n4qlp_71c87_1 {
157
157
  from {
158
158
  opacity: 0.2;
159
159
  }
@@ -162,17 +162,17 @@ 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_empty-appear_n4qlp_lsdwm_153:not(#\9) {
165
+ .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_empty-appear_n4qlp_71c87_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
174
 
175
- .awsui_root_n4qlp_lsdwm_175:not(#\9) {
175
+ .awsui_root_n4qlp_71c87_175:not(#\9) {
176
176
  border-collapse: separate;
177
177
  border-spacing: 0;
178
178
  box-sizing: border-box;
@@ -208,31 +208,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
208
  align-items: start;
209
209
  }
210
210
 
211
- .awsui_empty_n4qlp_lsdwm_153:not(#\9) {
211
+ .awsui_empty_n4qlp_71c87_153:not(#\9) {
212
212
  font-size: var(--font-size-body-m-vv54cm, 14px);
213
213
  line-height: var(--line-height-body-m-bedeoh, 22px);
214
214
  color: var(--color-text-empty-vtt4l2, #687078);
215
215
  grid-column: 1/-1;
216
216
  }
217
217
 
218
- .awsui_row_n4qlp_lsdwm_218:not(#\9) {
218
+ .awsui_row_n4qlp_71c87_218:not(#\9) {
219
219
  display: contents;
220
220
  }
221
221
 
222
- .awsui_divider_n4qlp_lsdwm_222:not(#\9) {
222
+ .awsui_divider_n4qlp_71c87_222:not(#\9) {
223
223
  grid-column: 1/-1;
224
224
  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
225
225
  }
226
226
 
227
- .awsui_row-control_n4qlp_lsdwm_227:not(#\9) {
227
+ .awsui_row-control_n4qlp_71c87_227:not(#\9) {
228
228
  /* used in test-utils */
229
229
  }
230
230
 
231
- .awsui_field_n4qlp_lsdwm_231:not(#\9) {
231
+ .awsui_field_n4qlp_71c87_231:not(#\9) {
232
232
  /* used in test-utils */
233
233
  }
234
234
 
235
- .awsui_additional-info_n4qlp_lsdwm_235:not(#\9) {
235
+ .awsui_additional-info_n4qlp_71c87_235:not(#\9) {
236
236
  color: var(--color-text-form-secondary-4sp9un, #687078);
237
237
  font-size: var(--font-size-body-s-psgqn2, 12px);
238
238
  line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -242,10 +242,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  margin-block-start: var(--space-xxs-jnczic, 4px);
243
243
  /* stylelint-disable-next-line selector-max-type */
244
244
  }
245
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
245
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
246
246
  text-underline-offset: 0.3em;
247
247
  text-decoration-thickness: 1px;
248
- color: var(--color-text-link-default-x6cnv5, #0073bb);
248
+ color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
249
249
  font-weight: inherit;
250
250
  letter-spacing: normal;
251
251
  text-decoration-line: underline;
@@ -256,50 +256,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
256
256
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
257
257
  }
258
258
  @media (prefers-reduced-motion: reduce) {
259
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
259
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
260
260
  animation: none;
261
261
  transition: none;
262
262
  }
263
263
  }
264
- .awsui-motion-disabled .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
264
+ .awsui-motion-disabled .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
265
265
  animation: none;
266
266
  transition: none;
267
267
  }
268
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
268
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
269
269
  cursor: pointer;
270
- color: var(--color-text-link-hover-tk5gkv, #0a4a74);
270
+ color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
271
271
  }
272
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus {
272
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus {
273
273
  outline: none;
274
274
  }
275
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active {
276
- color: var(--color-text-link-hover-tk5gkv, #0a4a74);
275
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active {
276
+ color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
277
277
  }
278
- .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
278
+ .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
279
279
  text-decoration-line: underline;
280
280
  text-decoration-color: currentColor;
281
281
  }
282
282
 
283
- .awsui_add-row_n4qlp_lsdwm_281:not(#\9) {
283
+ .awsui_add-row_n4qlp_71c87_281:not(#\9) {
284
284
  grid-column: 1/-1;
285
285
  }
286
286
 
287
- .awsui_add-button_n4qlp_lsdwm_285:not(#\9) {
287
+ .awsui_add-button_n4qlp_71c87_285:not(#\9) {
288
288
  /* used in test-utils */
289
289
  }
290
290
 
291
- .awsui_remove-button-container_n4qlp_lsdwm_289:not(#\9) {
291
+ .awsui_remove-button-container_n4qlp_71c87_289:not(#\9) {
292
292
  display: inline-block;
293
293
  }
294
294
 
295
- .awsui_remove-button-field-padding_n4qlp_lsdwm_293:not(#\9) {
295
+ .awsui_remove-button-field-padding_n4qlp_71c87_293:not(#\9) {
296
296
  padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
297
297
  }
298
298
 
299
- .awsui_remove-button-own-row_n4qlp_lsdwm_297:not(#\9) {
299
+ .awsui_remove-button-own-row_n4qlp_71c87_297:not(#\9) {
300
300
  justify-self: end;
301
301
  }
302
302
 
303
- .awsui_remove-button_n4qlp_lsdwm_289:not(#\9) {
303
+ .awsui_remove-button_n4qlp_71c87_289:not(#\9) {
304
304
  /* used in test-utils */
305
305
  }
package/lib/internal/template/attribute-editor/styles.selectors.js CHANGED
@@ -2,20 +2,20 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "empty-appear": "awsui_empty-appear_n4qlp_lsdwm_153",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
7
- "root": "awsui_root_n4qlp_lsdwm_175",
8
- "empty": "awsui_empty_n4qlp_lsdwm_153",
9
- "row": "awsui_row_n4qlp_lsdwm_218",
10
- "divider": "awsui_divider_n4qlp_lsdwm_222",
11
- "row-control": "awsui_row-control_n4qlp_lsdwm_227",
12
- "field": "awsui_field_n4qlp_lsdwm_231",
13
- "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
14
- "add-row": "awsui_add-row_n4qlp_lsdwm_281",
15
- "add-button": "awsui_add-button_n4qlp_lsdwm_285",
16
- "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
17
- "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
18
- "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
19
- "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
5
+ "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
7
+ "root": "awsui_root_n4qlp_71c87_175",
8
+ "empty": "awsui_empty_n4qlp_71c87_153",
9
+ "row": "awsui_row_n4qlp_71c87_218",
10
+ "divider": "awsui_divider_n4qlp_71c87_222",
11
+ "row-control": "awsui_row-control_n4qlp_71c87_227",
12
+ "field": "awsui_field_n4qlp_71c87_231",
13
+ "additional-info": "awsui_additional-info_n4qlp_71c87_235",
14
+ "add-row": "awsui_add-row_n4qlp_71c87_281",
15
+ "add-button": "awsui_add-button_n4qlp_71c87_285",
16
+ "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
17
+ "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
18
+ "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
19
+ "remove-button": "awsui_remove-button_n4qlp_71c87_289"
20
20
  };
21
21
 
package/lib/internal/template/breadcrumb-group/item/styles.css.js CHANGED
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_1kosq_19n06_145",
5
- "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
6
- "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
7
- "icon": "awsui_icon_1kosq_19n06_153",
8
- "anchor": "awsui_anchor_1kosq_19n06_159",
9
- "text": "awsui_text_1kosq_19n06_206",
10
- "last": "awsui_last_1kosq_19n06_225"
4
+ "link": "awsui_link_1kosq_1tq4i_145",
5
+ "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
6
+ "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
7
+ "icon": "awsui_icon_1kosq_1tq4i_153",
8
+ "anchor": "awsui_anchor_1kosq_1tq4i_159",
9
+ "text": "awsui_text_1kosq_1tq4i_206",
10
+ "last": "awsui_last_1kosq_1tq4i_225"
11
11
  };
12
12
 
package/lib/internal/template/breadcrumb-group/item/styles.scoped.css CHANGED
@@ -142,27 +142,27 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_link_1kosq_19n06_145:not(#\9):after {
145
+ .awsui_link_1kosq_1tq4i_145:not(#\9):after {
146
146
  display: none;
147
147
  }
148
148
 
149
- .awsui_breadcrumb_1kosq_19n06_149:not(#\9),
150
- .awsui_ghost-breadcrumb_1kosq_19n06_150:not(#\9) {
149
+ .awsui_breadcrumb_1kosq_1tq4i_149:not(#\9),
150
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150:not(#\9) {
151
151
  display: flex;
152
152
  }
153
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_icon_1kosq_19n06_153:not(#\9),
154
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_icon_1kosq_19n06_153:not(#\9) {
153
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
154
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
155
155
  margin-block: 0;
156
156
  margin-inline: var(--space-xs-kw7k3v, 8px);
157
157
  color: var(--color-text-breadcrumb-icon-c379ty, #687078);
158
158
  }
159
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
160
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
159
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
160
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
161
161
  min-inline-size: 0;
162
162
  overflow: hidden;
163
163
  text-underline-offset: 0.25em;
164
164
  text-decoration-thickness: 1px;
165
- color: var(--color-text-link-default-x6cnv5, #0073bb);
165
+ color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
166
166
  font-weight: inherit;
167
167
  letter-spacing: normal;
168
168
  text-decoration-line: underline;
@@ -173,42 +173,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
174
174
  }
175
175
  @media (prefers-reduced-motion: reduce) {
176
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
177
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
176
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
177
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
178
178
  animation: none;
179
179
  transition: none;
180
180
  }
181
181
  }
182
- .awsui-motion-disabled .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
182
+ .awsui-motion-disabled .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
183
183
  animation: none;
184
184
  transition: none;
185
185
  }
186
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover,
187
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
186
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover,
187
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
188
188
  cursor: pointer;
189
- color: var(--color-text-link-hover-tk5gkv, #0a4a74);
189
+ color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
190
190
  }
191
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
192
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
191
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
192
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
193
193
  outline: none;
194
194
  }
195
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active,
196
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active {
197
- color: var(--color-text-link-hover-tk5gkv, #0a4a74);
195
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active,
196
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active {
197
+ color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
198
198
  }
199
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
199
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
200
200
  text-decoration-line: underline;
201
201
  text-decoration-color: currentColor;
202
202
  }
203
- .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9),
204
- .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9) {
203
+ .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9),
204
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9) {
205
205
  overflow: hidden;
206
206
  text-overflow: ellipsis;
207
207
  white-space: nowrap;
208
208
  display: block;
209
209
  }
210
- body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
211
- body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
210
+ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
211
+ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
212
212
  outline: thin dotted;
213
213
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
214
214
  outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_150 > .a
219
219
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
220
220
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
221
221
  }
222
- .awsui_breadcrumb_1kosq_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9),
223
- .awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9) {
222
+ .awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
223
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
224
224
  display: none;
225
225
  }
226
- .awsui_breadcrumb_1kosq_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9),
227
- .awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
226
+ .awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
227
+ .awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
228
228
  color: var(--color-text-breadcrumb-current-hwvp31, #687078);
229
229
  font-weight: 700;
230
230
  text-decoration: none;
package/lib/internal/template/breadcrumb-group/item/styles.selectors.js CHANGED
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "link": "awsui_link_1kosq_19n06_145",
6
- "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
7
- "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
8
- "icon": "awsui_icon_1kosq_19n06_153",
9
- "anchor": "awsui_anchor_1kosq_19n06_159",
10
- "text": "awsui_text_1kosq_19n06_206",
11
- "last": "awsui_last_1kosq_19n06_225"
5
+ "link": "awsui_link_1kosq_1tq4i_145",
6
+ "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
7
+ "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
8
+ "icon": "awsui_icon_1kosq_1tq4i_153",
9
+ "anchor": "awsui_anchor_1kosq_1tq4i_159",
10
+ "text": "awsui_text_1kosq_1tq4i_206",
11
+ "last": "awsui_last_1kosq_1tq4i_225"
12
12
  };
13
13
 
package/lib/internal/template/button-dropdown/item-element/styles.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "item-element": "awsui_item-element_93a1u_2mxwp_145",
5
- "disabled": "awsui_disabled_93a1u_2mxwp_157",
6
- "show-divider": "awsui_show-divider_93a1u_2mxwp_164",
7
- "highlighted": "awsui_highlighted_93a1u_2mxwp_167",
8
- "is-focused": "awsui_is-focused_93a1u_2mxwp_182",
9
- "visual-refresh": "awsui_visual-refresh_93a1u_2mxwp_185",
10
- "menu-item": "awsui_menu-item_93a1u_2mxwp_189",
11
- "link-style": "awsui_link-style_93a1u_2mxwp_201",
12
- "current-breadcrumb": "awsui_current-breadcrumb_93a1u_2mxwp_237",
13
- "link-style-highlighted": "awsui_link-style-highlighted_93a1u_2mxwp_245",
14
- "has-category-header": "awsui_has-category-header_93a1u_2mxwp_251",
15
- "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_2mxwp_251",
16
- "has-checkmark": "awsui_has-checkmark_93a1u_2mxwp_251",
17
- "icon": "awsui_icon_93a1u_2mxwp_255",
18
- "checkmark": "awsui_checkmark_93a1u_2mxwp_259",
19
- "external-icon": "awsui_external-icon_93a1u_2mxwp_266"
4
+ "item-element": "awsui_item-element_93a1u_9solc_145",
5
+ "disabled": "awsui_disabled_93a1u_9solc_157",
6
+ "show-divider": "awsui_show-divider_93a1u_9solc_164",
7
+ "highlighted": "awsui_highlighted_93a1u_9solc_167",
8
+ "is-focused": "awsui_is-focused_93a1u_9solc_182",
9
+ "visual-refresh": "awsui_visual-refresh_93a1u_9solc_185",
10
+ "menu-item": "awsui_menu-item_93a1u_9solc_189",
11
+ "link-style": "awsui_link-style_93a1u_9solc_201",
12
+ "current-breadcrumb": "awsui_current-breadcrumb_93a1u_9solc_237",
13
+ "link-style-highlighted": "awsui_link-style-highlighted_93a1u_9solc_245",
14
+ "has-category-header": "awsui_has-category-header_93a1u_9solc_251",
15
+ "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_9solc_251",
16
+ "has-checkmark": "awsui_has-checkmark_93a1u_9solc_251",
17
+ "icon": "awsui_icon_93a1u_9solc_255",
18
+ "checkmark": "awsui_checkmark_93a1u_9solc_259",
19
+ "external-icon": "awsui_external-icon_93a1u_9solc_266"
20
20
  };
21
21