@cloudscape-design/components 3.0.1380 → 3.0.1381

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 (63) hide show
  1. package/box/index.js +13 -18
  2. package/box/interfaces.d.ts +0 -23
  3. package/box/interfaces.d.ts.map +1 -1
  4. package/box/interfaces.js.map +1 -1
  5. package/box/internal-do-not-use-core.js +23 -0
  6. package/button/interfaces.d.ts +0 -1
  7. package/button/interfaces.d.ts.map +1 -1
  8. package/button/interfaces.js.map +1 -1
  9. package/button/internal.d.ts.map +1 -1
  10. package/button/internal.js +8 -1
  11. package/button/internal.js.map +1 -1
  12. package/button-dropdown/category-elements/styles.css.js +18 -18
  13. package/button-dropdown/category-elements/styles.scoped.css +32 -32
  14. package/button-dropdown/category-elements/styles.selectors.js +18 -18
  15. package/button-dropdown/item-element/styles.css.js +21 -21
  16. package/button-dropdown/item-element/styles.scoped.css +38 -38
  17. package/button-dropdown/item-element/styles.selectors.js +21 -21
  18. package/copy-to-clipboard/interfaces.d.ts +0 -1
  19. package/copy-to-clipboard/interfaces.d.ts.map +1 -1
  20. package/copy-to-clipboard/interfaces.js.map +1 -1
  21. package/dropdown/index.d.ts.map +1 -1
  22. package/dropdown/index.js +1 -1
  23. package/dropdown/index.js.map +1 -1
  24. package/dropdown/internal.d.ts +5 -0
  25. package/dropdown/internal.d.ts.map +1 -1
  26. package/dropdown/internal.js +4 -4
  27. package/dropdown/internal.js.map +1 -1
  28. package/dropdown/styles.css.js +20 -20
  29. package/dropdown/styles.scoped.css +69 -48
  30. package/dropdown/styles.selectors.js +20 -20
  31. package/internal/base-component/styles.scoped.css +1 -1
  32. package/internal/components/selectable-item/styles.css.js +22 -22
  33. package/internal/components/selectable-item/styles.scoped.css +53 -49
  34. package/internal/components/selectable-item/styles.selectors.js +22 -22
  35. package/internal/environment.js +2 -2
  36. package/internal/environment.json +2 -2
  37. package/internal/manifest.json +1 -1
  38. package/link/index.d.ts.map +1 -1
  39. package/link/index.js +1 -1
  40. package/link/index.js.map +1 -1
  41. package/link/internal.d.ts +4 -0
  42. package/link/internal.d.ts.map +1 -1
  43. package/link/internal.js +2 -2
  44. package/link/internal.js.map +1 -1
  45. package/link/styles.css.js +21 -21
  46. package/link/styles.scoped.css +121 -104
  47. package/link/styles.selectors.js +21 -21
  48. package/manifest.json +2 -2
  49. package/package.json +1 -1
  50. package/status-indicator/internal.d.ts +5 -0
  51. package/status-indicator/internal.d.ts.map +1 -1
  52. package/status-indicator/internal.js +2 -2
  53. package/status-indicator/internal.js.map +1 -1
  54. package/status-indicator/styles.css.js +26 -25
  55. package/status-indicator/styles.scoped.css +47 -47
  56. package/status-indicator/styles.selectors.js +26 -25
  57. package/steps/internal.js +1 -1
  58. package/steps/internal.js.map +1 -1
  59. package/theming/index.d.ts +6 -2
  60. package/theming/index.d.ts.map +1 -1
  61. package/theming/index.js +7 -4
  62. package/theming/index.js.map +1 -1
  63. /package/box/{index.js.map → internal-do-not-use-core.js.map} +0 -0
package/link/styles.scoped.css CHANGED
@@ -6,7 +6,24 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_link_4c84z_1f4wr_9:not(#\9) {
9
+ @property --awsui-style-color {
10
+ syntax: "*";
11
+ inherits: false;
12
+ }
13
+ @property --awsui-style-focus-ring-color {
14
+ syntax: "*";
15
+ inherits: false;
16
+ }
17
+ @property --awsui-style-focus-ring-width {
18
+ syntax: "*";
19
+ inherits: false;
20
+ }
21
+ @property --awsui-style-focus-ring-radius {
22
+ syntax: "*";
23
+ inherits: false;
24
+ }
25
+ /* awsui:style-api-slot name=root tokens=color, focus-ring-color, focus-ring-width, focus-ring-radius */
26
+ .awsui_link_4c84z_14boh_26:not(#\9) {
10
27
  border-collapse: separate;
11
28
  border-spacing: 0;
12
29
  box-sizing: border-box;
@@ -38,11 +55,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
38
55
  -moz-osx-font-smoothing: auto;
39
56
  display: inline;
40
57
  white-space: inherit;
41
- --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-border-width-66120l, var(--border-link-focus-ring-shadow-spread-ggjunl, 2px)) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0));
58
+ --awsui-style-focus-ring-box-shadow-66120l: 0 0 0 var(--awsui-style-focus-ring-width, var(--awsui-style-focus-ring-border-width-66120l, var(--border-link-focus-ring-shadow-spread-ggjunl, 2px))) var(--awsui-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0)));
42
59
  text-underline-offset: 0.25em;
43
60
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
44
61
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
45
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #006ce0));
62
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #006ce0)));
46
63
  font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
47
64
  letter-spacing: normal;
48
65
  text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -53,31 +70,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
53
70
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
54
71
  }
55
72
  @media (prefers-reduced-motion: reduce) {
56
- .awsui_link_4c84z_1f4wr_9:not(#\9) {
73
+ .awsui_link_4c84z_14boh_26:not(#\9) {
57
74
  animation: none;
58
75
  transition: none;
59
76
  }
60
77
  }
61
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9:not(#\9) {
78
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26:not(#\9) {
62
79
  animation: none;
63
80
  transition: none;
64
81
  }
65
- .awsui_link_4c84z_1f4wr_9:not(#\9):hover {
82
+ .awsui_link_4c84z_14boh_26:not(#\9):hover {
66
83
  cursor: pointer;
67
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66));
84
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66)));
68
85
  }
69
- .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
86
+ .awsui_link_4c84z_14boh_26:not(#\9):focus {
70
87
  outline: none;
71
88
  }
72
- .awsui_link_4c84z_1f4wr_9:not(#\9):active {
73
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66));
89
+ .awsui_link_4c84z_14boh_26:not(#\9):active {
90
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66)));
74
91
  }
75
- .awsui_link_4c84z_1f4wr_9:not(#\9):active, .awsui_link_4c84z_1f4wr_9:not(#\9):focus, .awsui_link_4c84z_1f4wr_9:not(#\9):hover {
92
+ .awsui_link_4c84z_14boh_26:not(#\9):active, .awsui_link_4c84z_14boh_26:not(#\9):focus, .awsui_link_4c84z_14boh_26:not(#\9):hover {
76
93
  text-decoration-line: underline;
77
94
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
78
95
  }
79
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9) {
80
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0));
96
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9) {
97
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0)));
81
98
  font-weight: var(--font-link-button-weight-fgl7rr, 700);
82
99
  letter-spacing: var(--font-link-button-letter-spacing-3qtgsm, 0.005em);
83
100
  text-decoration-line: underline;
@@ -88,33 +105,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
88
105
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
89
106
  }
90
107
  @media (prefers-reduced-motion: reduce) {
91
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9) {
108
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9) {
92
109
  animation: none;
93
110
  transition: none;
94
111
  }
95
112
  }
96
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9) {
113
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9) {
97
114
  animation: none;
98
115
  transition: none;
99
116
  }
100
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):hover {
117
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):hover {
101
118
  cursor: pointer;
102
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
119
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
103
120
  }
104
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):focus {
121
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):focus {
105
122
  outline: none;
106
123
  }
107
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):active {
108
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
124
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):active {
125
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
109
126
  }
110
- .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-recovery_4c84z_1f4wr_77:not(#\9):hover {
127
+ .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-recovery_4c84z_14boh_94:not(#\9):hover {
111
128
  text-decoration-line: underline;
112
129
  text-decoration-color: var(--color-text-link-button-underline-hover-mrvitd, transparent);
113
130
  }
114
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9) {
131
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9) {
115
132
  -webkit-font-smoothing: inherit;
116
133
  -moz-osx-font-smoothing: inherit;
117
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #006ce0));
134
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #006ce0)));
118
135
  font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
119
136
  letter-spacing: normal;
120
137
  text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -125,31 +142,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
125
142
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
126
143
  }
127
144
  @media (prefers-reduced-motion: reduce) {
128
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9) {
145
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9) {
129
146
  animation: none;
130
147
  transition: none;
131
148
  }
132
149
  }
133
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9) {
150
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9) {
134
151
  animation: none;
135
152
  transition: none;
136
153
  }
137
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):hover {
154
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):hover {
138
155
  cursor: pointer;
139
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66));
156
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66)));
140
157
  }
141
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):focus {
158
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):focus {
142
159
  outline: none;
143
160
  }
144
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):active {
145
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66));
161
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):active {
162
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #002b66)));
146
163
  }
147
- .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-secondary_4c84z_1f4wr_110:not(#\9):hover {
164
+ .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-secondary_4c84z_14boh_127:not(#\9):hover {
148
165
  text-decoration-line: underline;
149
166
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
150
167
  }
151
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9) {
152
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0));
168
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9) {
169
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0)));
153
170
  font-weight: inherit;
154
171
  letter-spacing: normal;
155
172
  text-decoration-line: underline;
@@ -160,33 +177,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
160
177
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
161
178
  }
162
179
  @media (prefers-reduced-motion: reduce) {
163
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9) {
180
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9) {
164
181
  animation: none;
165
182
  transition: none;
166
183
  }
167
184
  }
168
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9) {
185
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9) {
169
186
  animation: none;
170
187
  transition: none;
171
188
  }
172
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):hover {
189
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):hover {
173
190
  cursor: pointer;
174
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
191
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
175
192
  }
176
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):focus {
193
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):focus {
177
194
  outline: none;
178
195
  }
179
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):active {
180
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
196
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):active {
197
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
181
198
  }
182
- .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-primary_4c84z_1f4wr_145:not(#\9):hover {
199
+ .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-primary_4c84z_14boh_162:not(#\9):hover {
183
200
  text-decoration-line: underline;
184
201
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
185
202
  }
186
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9) {
203
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9) {
187
204
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, antialiased);
188
205
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, grayscale);
189
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-info-default-r8vwpt, #006ce0));
206
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-info-default-r8vwpt, #006ce0)));
190
207
  font-weight: var(--font-weight-bold-xpar9m, 700);
191
208
  letter-spacing: 0.005em;
192
209
  text-decoration-line: none;
@@ -197,31 +214,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
197
214
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
198
215
  }
199
216
  @media (prefers-reduced-motion: reduce) {
200
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9) {
217
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9) {
201
218
  animation: none;
202
219
  transition: none;
203
220
  }
204
221
  }
205
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9) {
222
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9) {
206
223
  animation: none;
207
224
  transition: none;
208
225
  }
209
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):hover {
226
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):hover {
210
227
  cursor: pointer;
211
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-info-hover-wlgtui, #002b66));
228
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-info-hover-wlgtui, #002b66)));
212
229
  }
213
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):focus {
230
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):focus {
214
231
  outline: none;
215
232
  }
216
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):active {
217
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-info-hover-wlgtui, #002b66));
233
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):active {
234
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-info-hover-wlgtui, #002b66)));
218
235
  }
219
- .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-info_4c84z_1f4wr_178:not(#\9):hover {
236
+ .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-info_4c84z_14boh_195:not(#\9):hover {
220
237
  text-decoration-line: underline;
221
238
  text-decoration-color: var(--color-text-link-button-underline-hover-mrvitd, transparent);
222
239
  }
223
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9) {
224
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0));
240
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9) {
241
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #006ce0)));
225
242
  font-weight: var(--font-weight-display-l-mgsrr3, 700);
226
243
  text-decoration-line: underline;
227
244
  text-decoration-color: currentColor;
@@ -231,33 +248,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
231
248
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
232
249
  }
233
250
  @media (prefers-reduced-motion: reduce) {
234
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9) {
251
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9) {
235
252
  animation: none;
236
253
  transition: none;
237
254
  }
238
255
  }
239
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9) {
256
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9) {
240
257
  animation: none;
241
258
  transition: none;
242
259
  }
243
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):hover {
260
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):hover {
244
261
  cursor: pointer;
245
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
262
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
246
263
  }
247
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):focus {
264
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):focus {
248
265
  outline: none;
249
266
  }
250
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):active {
251
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66));
267
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):active {
268
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #002b66)));
252
269
  }
253
- .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-value-large_4c84z_1f4wr_213:not(#\9):hover {
270
+ .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-value-large_4c84z_14boh_230:not(#\9):hover {
254
271
  text-decoration-line: underline;
255
272
  text-decoration-color: currentColor;
256
273
  }
257
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9) {
274
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9) {
258
275
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, antialiased);
259
276
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, grayscale);
260
- color: var(--awsui-style-color-default-66120l, var(--color-text-interactive-default-pauydh, #424650));
277
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-interactive-default-pauydh, #424650)));
261
278
  font-weight: var(--font-weight-bold-xpar9m, 700);
262
279
  letter-spacing: 0.005em;
263
280
  text-decoration-line: none;
@@ -268,33 +285,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
268
285
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
269
286
  }
270
287
  @media (prefers-reduced-motion: reduce) {
271
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9) {
288
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9) {
272
289
  animation: none;
273
290
  transition: none;
274
291
  }
275
292
  }
276
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9) {
293
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9) {
277
294
  animation: none;
278
295
  transition: none;
279
296
  }
280
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):hover {
297
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):hover {
281
298
  cursor: pointer;
282
- color: var(--awsui-style-color-hover-66120l, var(--color-text-interactive-hover-zj1911, #0f141a));
299
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-interactive-hover-zj1911, #0f141a)));
283
300
  }
284
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):focus {
301
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):focus {
285
302
  outline: none;
286
303
  }
287
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):active {
288
- color: var(--awsui-style-color-active-66120l, var(--color-text-interactive-active-nbyczy, #0f141a));
304
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):active {
305
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-interactive-active-nbyczy, #0f141a)));
289
306
  }
290
- .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_variant-top-navigation_4c84z_1f4wr_245:not(#\9):hover {
307
+ .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_variant-top-navigation_4c84z_14boh_262:not(#\9):hover {
291
308
  text-decoration-line: underline;
292
309
  text-decoration-color: transparent;
293
310
  }
294
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9) {
311
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9) {
295
312
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, antialiased);
296
313
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, grayscale);
297
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-button-normal-default-2b5u43, #006ce0));
314
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-button-normal-default-2b5u43, #006ce0)));
298
315
  font-weight: var(--font-weight-bold-xpar9m, 700);
299
316
  letter-spacing: var(--font-button-letter-spacing-7mz5n3, 0.005em);
300
317
  text-decoration-line: none;
@@ -305,51 +322,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
322
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 165ms);
306
323
  }
307
324
  @media (prefers-reduced-motion: reduce) {
308
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9) {
325
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9) {
309
326
  animation: none;
310
327
  transition: none;
311
328
  }
312
329
  }
313
- .awsui-motion-disabled .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9) {
330
+ .awsui-motion-disabled .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9), .awsui-mode-entering .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9) {
314
331
  animation: none;
315
332
  transition: none;
316
333
  }
317
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):hover {
334
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):hover {
318
335
  cursor: pointer;
319
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-button-normal-hover-2w733x, #002b66));
336
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-button-normal-hover-2w733x, #002b66)));
320
337
  }
321
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):focus {
338
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):focus {
322
339
  outline: none;
323
340
  }
324
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):active {
325
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-button-normal-active-9d4yxg, #002b66));
341
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):active {
342
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-button-normal-active-9d4yxg, #002b66)));
326
343
  }
327
- .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):active, .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):focus, .awsui_link_4c84z_1f4wr_9.awsui_button_4c84z_1f4wr_280:not(#\9):hover {
344
+ .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):active, .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):focus, .awsui_link_4c84z_14boh_26.awsui_button_4c84z_14boh_297:not(#\9):hover {
328
345
  text-decoration-line: underline;
329
346
  text-decoration-color: transparent;
330
347
  }
331
- .awsui_link_4c84z_1f4wr_9.awsui_color-inverted_4c84z_1f4wr_315:not(#\9) {
332
- color: var(--color-text-link-inverted-default-ahzm62, #f9f9fa);
348
+ .awsui_link_4c84z_14boh_26.awsui_color-inverted_4c84z_14boh_332:not(#\9) {
349
+ color: var(--awsui-style-color, var(--color-text-link-inverted-default-ahzm62, #f9f9fa));
333
350
  }
334
- .awsui_link_4c84z_1f4wr_9.awsui_color-inverted_4c84z_1f4wr_315:not(#\9):not(.awsui_button_4c84z_1f4wr_280) {
351
+ .awsui_link_4c84z_14boh_26.awsui_color-inverted_4c84z_14boh_332:not(#\9):not(.awsui_button_4c84z_14boh_297) {
335
352
  text-decoration-line: underline;
336
353
  text-decoration-color: currentColor;
337
354
  }
338
- .awsui_link_4c84z_1f4wr_9.awsui_color-inverted_4c84z_1f4wr_315:not(#\9):hover {
339
- color: var(--color-text-link-inverted-hover-id53pz, #ffffff);
355
+ .awsui_link_4c84z_14boh_26.awsui_color-inverted_4c84z_14boh_332:not(#\9):hover {
356
+ color: var(--awsui-style-color, var(--color-text-link-inverted-hover-id53pz, #ffffff));
340
357
  }
341
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
358
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_14boh_26:not(#\9):focus {
342
359
  outline: thin dotted;
343
360
  outline: var(--border-link-focus-ring-outline-wn9h6t, 0);
344
361
  outline-offset: 2px;
345
- outline-color: var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0));
346
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
347
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
348
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
349
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px));
362
+ outline-color: var(--awsui-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #006ce0)));
363
+ border-start-start-radius: var(--awsui-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
364
+ border-start-end-radius: var(--awsui-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
365
+ border-end-start-radius: var(--awsui-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
366
+ border-end-end-radius: var(--awsui-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 4px)));
350
367
  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
351
368
  }
352
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-body-s_4c84z_1f4wr_336:not(#\9) {
369
+ .awsui_link_4c84z_14boh_26.awsui_font-size-body-s_4c84z_14boh_353:not(#\9) {
353
370
  font-size: var(--font-size-body-s-89y7qg, 12px);
354
371
  line-height: var(--line-height-body-s-gako33, 16px);
355
372
  letter-spacing: var(--letter-spacing-body-s-dzcybc, 0.005em);
@@ -357,14 +374,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
357
374
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
358
375
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
359
376
  }
360
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-body-m_4c84z_1f4wr_344:not(#\9) {
377
+ .awsui_link_4c84z_14boh_26.awsui_font-size-body-m_4c84z_14boh_361:not(#\9) {
361
378
  font-size: var(--font-size-body-m-tq5a14, 14px);
362
379
  line-height: var(--line-height-body-m-5xw6xo, 20px);
363
380
  text-underline-offset: 0.25em;
364
381
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
365
382
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
366
383
  }
367
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-heading-xs_4c84z_1f4wr_351:not(#\9) {
384
+ .awsui_link_4c84z_14boh_26.awsui_font-size-heading-xs_4c84z_14boh_368:not(#\9) {
368
385
  font-size: var(--font-size-heading-xs-yrvp79, 14px);
369
386
  line-height: var(--line-height-heading-xs-wcrr4i, 18px);
370
387
  letter-spacing: var(--letter-spacing-heading-xs-pjb0xm, normal);
@@ -372,7 +389,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
372
389
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
373
390
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
374
391
  }
375
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-heading-s_4c84z_1f4wr_359:not(#\9) {
392
+ .awsui_link_4c84z_14boh_26.awsui_font-size-heading-s_4c84z_14boh_376:not(#\9) {
376
393
  font-size: var(--font-size-heading-s-hm1hv8, 16px);
377
394
  line-height: var(--line-height-heading-s-3z7qjv, 20px);
378
395
  letter-spacing: var(--letter-spacing-heading-s-kfu48f, -0.005em);
@@ -380,7 +397,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
380
397
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
381
398
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
382
399
  }
383
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-heading-m_4c84z_1f4wr_367:not(#\9) {
400
+ .awsui_link_4c84z_14boh_26.awsui_font-size-heading-m_4c84z_14boh_384:not(#\9) {
384
401
  font-size: var(--font-size-heading-m-cqvsuv, 18px);
385
402
  line-height: var(--line-height-heading-m-d6lkzb, 22px);
386
403
  letter-spacing: var(--letter-spacing-heading-m-iab0ug, -0.01em);
@@ -388,7 +405,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
388
405
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
389
406
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
390
407
  }
391
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-heading-l_4c84z_1f4wr_375:not(#\9) {
408
+ .awsui_link_4c84z_14boh_26.awsui_font-size-heading-l_4c84z_14boh_392:not(#\9) {
392
409
  font-size: var(--font-size-heading-l-cax9xk, 20px);
393
410
  line-height: var(--line-height-heading-l-zmt48b, 24px);
394
411
  letter-spacing: var(--letter-spacing-heading-l-no7j10, -0.015em);
@@ -396,7 +413,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
396
413
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
397
414
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
398
415
  }
399
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-heading-xl_4c84z_1f4wr_383:not(#\9) {
416
+ .awsui_link_4c84z_14boh_26.awsui_font-size-heading-xl_4c84z_14boh_400:not(#\9) {
400
417
  font-size: var(--font-size-heading-xl-0tgqx0, 24px);
401
418
  line-height: var(--line-height-heading-xl-pi61pg, 30px);
402
419
  letter-spacing: var(--letter-spacing-heading-xl-hgjceo, -0.02em);
@@ -404,7 +421,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
404
421
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
405
422
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
406
423
  }
407
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-display-l_4c84z_1f4wr_391:not(#\9) {
424
+ .awsui_link_4c84z_14boh_26.awsui_font-size-display-l_4c84z_14boh_408:not(#\9) {
408
425
  font-size: var(--font-size-display-l-pdduqq, 42px);
409
426
  line-height: var(--line-height-display-l-tjudur, 48px);
410
427
  letter-spacing: var(--letter-spacing-display-l-4pc9hm, -0.03em);
@@ -412,7 +429,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
412
429
  text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9n3xpw, 2px);
413
430
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
414
431
  }
415
- .awsui_link_4c84z_1f4wr_9.awsui_font-size-inherit_4c84z_1f4wr_399:not(#\9) {
432
+ .awsui_link_4c84z_14boh_26.awsui_font-size-inherit_4c84z_14boh_416:not(#\9) {
416
433
  font-size: inherit;
417
434
  line-height: inherit;
418
435
  letter-spacing: inherit;
@@ -420,14 +437,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1f4wr_9:not(#\9):focus {
420
437
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
421
438
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
422
439
  }
423
- .awsui_link_4c84z_1f4wr_9.awsui_in-inline-token_4c84z_1f4wr_407:not(#\9) {
440
+ .awsui_link_4c84z_14boh_26.awsui_in-inline-token_4c84z_14boh_424:not(#\9) {
424
441
  text-underline-offset: 0.15em;
425
442
  }
426
443
 
427
- .awsui_icon-wrapper_4c84z_1f4wr_411:not(#\9) {
444
+ .awsui_icon-wrapper_4c84z_14boh_428:not(#\9) {
428
445
  white-space: nowrap;
429
446
  }
430
447
 
431
- .awsui_icon_4c84z_1f4wr_411:not(#\9) {
448
+ .awsui_icon_4c84z_14boh_428:not(#\9) {
432
449
  display: inline-block;
433
450
  }
package/link/styles.selectors.js CHANGED
@@ -2,26 +2,26 @@
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_4c84z_1f4wr_9",
6
- "variant-recovery": "awsui_variant-recovery_4c84z_1f4wr_77",
7
- "variant-secondary": "awsui_variant-secondary_4c84z_1f4wr_110",
8
- "variant-primary": "awsui_variant-primary_4c84z_1f4wr_145",
9
- "variant-info": "awsui_variant-info_4c84z_1f4wr_178",
10
- "variant-value-large": "awsui_variant-value-large_4c84z_1f4wr_213",
11
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1f4wr_245",
12
- "button": "awsui_button_4c84z_1f4wr_280",
13
- "color-inverted": "awsui_color-inverted_4c84z_1f4wr_315",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1f4wr_336",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1f4wr_344",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1f4wr_351",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1f4wr_359",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1f4wr_367",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1f4wr_375",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1f4wr_383",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1f4wr_391",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1f4wr_399",
23
- "in-inline-token": "awsui_in-inline-token_4c84z_1f4wr_407",
24
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1f4wr_411",
25
- "icon": "awsui_icon_4c84z_1f4wr_411"
5
+ "link": "awsui_link_4c84z_14boh_26",
6
+ "variant-recovery": "awsui_variant-recovery_4c84z_14boh_94",
7
+ "variant-secondary": "awsui_variant-secondary_4c84z_14boh_127",
8
+ "variant-primary": "awsui_variant-primary_4c84z_14boh_162",
9
+ "variant-info": "awsui_variant-info_4c84z_14boh_195",
10
+ "variant-value-large": "awsui_variant-value-large_4c84z_14boh_230",
11
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_14boh_262",
12
+ "button": "awsui_button_4c84z_14boh_297",
13
+ "color-inverted": "awsui_color-inverted_4c84z_14boh_332",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_14boh_353",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_14boh_361",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_14boh_368",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_14boh_376",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_14boh_384",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_14boh_392",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_14boh_400",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_14boh_408",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_14boh_416",
23
+ "in-inline-token": "awsui_in-inline-token_4c84z_14boh_424",
24
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_14boh_428",
25
+ "icon": "awsui_icon_4c84z_14boh_428"
26
26
  };
27
27
 
package/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "artifactId": "10335957724",
2
+ "artifactId": "10407622979",
3
3
  "repoName": "components",
4
- "commitSha": "4b4d1f4b53ecdacdf40c9f49a6ba477d6f6a39aa"
4
+ "commitSha": "9963282c4a843a90e222d726418b616165cf9898"
5
5
  }
package/package.json CHANGED
@@ -356,7 +356,7 @@
356
356
  "./internal/base-theme/styles.css.js",
357
357
  "./internal/base-component/styles.css.js"
358
358
  ],
359
- "version": "3.0.1380",
359
+ "version": "3.0.1381",
360
360
  "repository": {
361
361
  "type": "git",
362
362
  "url": "https://github.com/cloudscape-design/components.git"
package/status-indicator/internal.d.ts CHANGED
@@ -15,6 +15,10 @@ export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicat
15
15
  * The CSS behavior of the status indicator container element.
16
16
  */
17
17
  __display?: 'inline' | 'inline-block';
18
+ /**
19
+ * Renders the status indicator without its container background, for embedding inside other components.
20
+ */
21
+ __embedded?: boolean;
18
22
  }
19
23
  interface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {
20
24
  animate?: InternalStatusIndicatorProps['__animate'];
@@ -39,6 +43,7 @@ export default function StatusIndicator({
39
43
  __internalRootRef,
40
44
  __size,
41
45
  __display,
46
+ __embedded,
42
47
  ...rest
43
48
  }: InternalStatusIndicatorProps): JSX.Element;
44
49
  export {};
package/status-indicator/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAoBD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;IAEtC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAoBD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,UAAkB,EAClB,GAAG,IAAI,EACR,EAAE,4BAA4B,eAsC9B"}
package/status-indicator/internal.js CHANGED
@@ -33,9 +33,9 @@ export function InternalStatusIcon({ type, iconAriaLabel, animate, display, size
33
33
  typeToIcon(size)[type],
34
34
  display === 'inline' && React.createElement(React.Fragment, null, "\u00A0")));
35
35
  }
36
- export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText = true, nativeAttributes, __animate = false, __internalRootRef, __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', __display = 'inline-block', ...rest }) {
36
+ export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText = true, nativeAttributes, __animate = false, __internalRootRef, __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', __display = 'inline-block', __embedded = false, ...rest }) {
37
37
  const baseProps = getBaseProps(rest);
38
- return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "StatusIndicator", nativeAttributes: nativeAttributes, className: clsx(styles.root, styles[`status-${type}`], {
38
+ return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "StatusIndicator", nativeAttributes: nativeAttributes, className: clsx(styles.root, styles[`status-${type}`], __embedded && styles.embedded, {
39
39
  [styles[`color-override-${colorOverride}`]]: colorOverride,
40
40
  }, baseProps.className), ref: __internalRootRef },
41
41
  React.createElement("span", { className: clsx(styles.container, styles[`display-${__display}`], wrapText === false && styles['overflow-ellipsis'], __animate && styles['container-fade-in']) },