@cloudscape-design/components-themeable 3.0.1371 → 3.0.1373

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 (79) hide show
  1. package/lib/__tests__/theming.test.js +14 -0
  2. package/lib/__tests__/theming.test.js.map +1 -1
  3. package/lib/internal/manifest.json +1 -1
  4. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +1 -4
  5. package/lib/internal/scss/button-dropdown/item-element/styles.scss +1 -4
  6. package/lib/internal/scss/dropdown/styles.scss +23 -4
  7. package/lib/internal/scss/internal/components/checkbox-icon/motion.scss +35 -0
  8. package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +2 -0
  9. package/lib/internal/scss/internal/components/selectable-item/styles.scss +2 -8
  10. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  11. package/lib/internal/scss/internal/styles/links.scss +15 -6
  12. package/lib/internal/scss/internal/styles/utils/mixins.scss +7 -0
  13. package/lib/internal/scss/link/styles.scss +35 -16
  14. package/lib/internal/scss/status-indicator/styles.scss +3 -2
  15. package/lib/internal/template/box/interfaces.d.ts +3 -0
  16. package/lib/internal/template/box/interfaces.d.ts.map +1 -1
  17. package/lib/internal/template/box/interfaces.js.map +1 -1
  18. package/lib/internal/template/button/interfaces.d.ts +0 -1
  19. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/button/interfaces.js.map +1 -1
  21. package/lib/internal/template/button/internal.d.ts.map +1 -1
  22. package/lib/internal/template/button/internal.js +8 -1
  23. package/lib/internal/template/button/internal.js.map +1 -1
  24. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  25. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -32
  26. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  27. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  28. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +38 -38
  29. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  30. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts +0 -1
  31. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts.map +1 -1
  32. package/lib/internal/template/copy-to-clipboard/interfaces.js.map +1 -1
  33. package/lib/internal/template/dropdown/index.d.ts.map +1 -1
  34. package/lib/internal/template/dropdown/index.js +1 -1
  35. package/lib/internal/template/dropdown/index.js.map +1 -1
  36. package/lib/internal/template/dropdown/internal.d.ts +5 -1
  37. package/lib/internal/template/dropdown/internal.d.ts.map +1 -1
  38. package/lib/internal/template/dropdown/internal.js +4 -4
  39. package/lib/internal/template/dropdown/internal.js.map +1 -1
  40. package/lib/internal/template/dropdown/styles.css.js +20 -20
  41. package/lib/internal/template/dropdown/styles.scoped.css +69 -48
  42. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  43. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  44. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  45. package/lib/internal/template/internal/components/checkbox-icon/index.js +8 -2
  46. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  47. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  48. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +53 -49
  49. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  50. package/lib/internal/template/internal/environment.js +2 -2
  51. package/lib/internal/template/internal/environment.json +2 -2
  52. package/lib/internal/template/link/index.d.ts.map +1 -1
  53. package/lib/internal/template/link/index.js +1 -1
  54. package/lib/internal/template/link/index.js.map +1 -1
  55. package/lib/internal/template/link/internal.d.ts +4 -0
  56. package/lib/internal/template/link/internal.d.ts.map +1 -1
  57. package/lib/internal/template/link/internal.js +2 -2
  58. package/lib/internal/template/link/internal.js.map +1 -1
  59. package/lib/internal/template/link/styles.css.js +21 -21
  60. package/lib/internal/template/link/styles.scoped.css +121 -104
  61. package/lib/internal/template/link/styles.selectors.js +21 -21
  62. package/lib/internal/template/status-indicator/internal.d.ts +5 -1
  63. package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
  64. package/lib/internal/template/status-indicator/internal.js +2 -2
  65. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  66. package/lib/internal/template/status-indicator/styles.css.js +26 -25
  67. package/lib/internal/template/status-indicator/styles.scoped.css +47 -47
  68. package/lib/internal/template/status-indicator/styles.selectors.js +26 -25
  69. package/lib/internal/template/steps/internal.js +1 -1
  70. package/lib/internal/template/steps/internal.js.map +1 -1
  71. package/lib/internal/template/theming/index.d.ts +4 -2
  72. package/lib/internal/template/theming/index.d.ts.map +1 -1
  73. package/lib/internal/template/theming/index.js +7 -4
  74. package/lib/internal/template/theming/index.js.map +1 -1
  75. package/lib/theming.d.ts +5 -0
  76. package/lib/theming.d.ts.map +1 -1
  77. package/lib/theming.js +12 -0
  78. package/lib/theming.js.map +1 -1
  79. package/package.json +1 -1
package/lib/internal/template/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_eahy1_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_vlyrh_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, 0px)) var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb));
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, 0px))) var(--awsui-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb)));
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, #0073bb));
62
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb)));
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);
@@ -51,31 +68,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
51
68
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
52
69
  }
53
70
  @media (prefers-reduced-motion: reduce) {
54
- .awsui_link_4c84z_eahy1_9:not(#\9) {
71
+ .awsui_link_4c84z_vlyrh_26:not(#\9) {
55
72
  animation: none;
56
73
  transition: none;
57
74
  }
58
75
  }
59
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9:not(#\9) {
76
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26:not(#\9) {
60
77
  animation: none;
61
78
  transition: none;
62
79
  }
63
- .awsui_link_4c84z_eahy1_9:not(#\9):hover {
80
+ .awsui_link_4c84z_vlyrh_26:not(#\9):hover {
64
81
  cursor: pointer;
65
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
82
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
66
83
  }
67
- .awsui_link_4c84z_eahy1_9:not(#\9):focus {
84
+ .awsui_link_4c84z_vlyrh_26:not(#\9):focus {
68
85
  outline: none;
69
86
  }
70
- .awsui_link_4c84z_eahy1_9:not(#\9):active {
71
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
87
+ .awsui_link_4c84z_vlyrh_26:not(#\9):active {
88
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
72
89
  }
73
- .awsui_link_4c84z_eahy1_9:not(#\9):active, .awsui_link_4c84z_eahy1_9:not(#\9):focus, .awsui_link_4c84z_eahy1_9:not(#\9):hover {
90
+ .awsui_link_4c84z_vlyrh_26:not(#\9):active, .awsui_link_4c84z_vlyrh_26:not(#\9):focus, .awsui_link_4c84z_vlyrh_26:not(#\9):hover {
74
91
  text-decoration-line: underline;
75
92
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
76
93
  }
77
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9) {
78
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
94
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9) {
95
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb)));
79
96
  font-weight: var(--font-link-button-weight-fgl7rr, 400);
80
97
  letter-spacing: var(--font-link-button-letter-spacing-3qtgsm, normal);
81
98
  text-decoration-line: underline;
@@ -84,33 +101,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
84
101
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
85
102
  }
86
103
  @media (prefers-reduced-motion: reduce) {
87
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9) {
104
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9) {
88
105
  animation: none;
89
106
  transition: none;
90
107
  }
91
108
  }
92
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9) {
109
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9) {
93
110
  animation: none;
94
111
  transition: none;
95
112
  }
96
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):hover {
113
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):hover {
97
114
  cursor: pointer;
98
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
115
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
99
116
  }
100
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):focus {
117
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):focus {
101
118
  outline: none;
102
119
  }
103
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):active {
104
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
120
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):active {
121
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
105
122
  }
106
- .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-recovery_4c84z_eahy1_77:not(#\9):hover {
123
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-recovery_4c84z_vlyrh_94:not(#\9):hover {
107
124
  text-decoration-line: underline;
108
125
  text-decoration-color: var(--color-text-link-button-underline-hover-mrvitd, currentColor);
109
126
  }
110
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9) {
127
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9) {
111
128
  -webkit-font-smoothing: inherit;
112
129
  -moz-osx-font-smoothing: inherit;
113
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb));
130
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb)));
114
131
  font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
115
132
  letter-spacing: normal;
116
133
  text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -119,31 +136,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
119
136
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
120
137
  }
121
138
  @media (prefers-reduced-motion: reduce) {
122
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9) {
139
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9) {
123
140
  animation: none;
124
141
  transition: none;
125
142
  }
126
143
  }
127
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9) {
144
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9) {
128
145
  animation: none;
129
146
  transition: none;
130
147
  }
131
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):hover {
148
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):hover {
132
149
  cursor: pointer;
133
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
150
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
134
151
  }
135
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):focus {
152
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):focus {
136
153
  outline: none;
137
154
  }
138
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):active {
139
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
155
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):active {
156
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
140
157
  }
141
- .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-secondary_4c84z_eahy1_110:not(#\9):hover {
158
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-secondary_4c84z_vlyrh_127:not(#\9):hover {
142
159
  text-decoration-line: underline;
143
160
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
144
161
  }
145
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9) {
146
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
162
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9) {
163
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb)));
147
164
  font-weight: inherit;
148
165
  letter-spacing: normal;
149
166
  text-decoration-line: underline;
@@ -152,33 +169,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
152
169
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
153
170
  }
154
171
  @media (prefers-reduced-motion: reduce) {
155
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9) {
172
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9) {
156
173
  animation: none;
157
174
  transition: none;
158
175
  }
159
176
  }
160
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9) {
177
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9) {
161
178
  animation: none;
162
179
  transition: none;
163
180
  }
164
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):hover {
181
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):hover {
165
182
  cursor: pointer;
166
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
183
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
167
184
  }
168
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):focus {
185
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):focus {
169
186
  outline: none;
170
187
  }
171
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):active {
172
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
188
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):active {
189
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
173
190
  }
174
- .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-primary_4c84z_eahy1_145:not(#\9):hover {
191
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-primary_4c84z_vlyrh_162:not(#\9):hover {
175
192
  text-decoration-line: underline;
176
193
  text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
177
194
  }
178
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9) {
195
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9) {
179
196
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
180
197
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
181
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-info-default-r8vwpt, #0073bb));
198
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-info-default-r8vwpt, #0073bb)));
182
199
  font-weight: var(--font-weight-bold-xpar9m, 700);
183
200
  letter-spacing: 0.005em;
184
201
  text-decoration-line: none;
@@ -187,31 +204,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
187
204
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
188
205
  }
189
206
  @media (prefers-reduced-motion: reduce) {
190
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9) {
207
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9) {
191
208
  animation: none;
192
209
  transition: none;
193
210
  }
194
211
  }
195
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9) {
212
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9) {
196
213
  animation: none;
197
214
  transition: none;
198
215
  }
199
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):hover {
216
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):hover {
200
217
  cursor: pointer;
201
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-info-hover-wlgtui, #0a4a74));
218
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-info-hover-wlgtui, #0a4a74)));
202
219
  }
203
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):focus {
220
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):focus {
204
221
  outline: none;
205
222
  }
206
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):active {
207
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-info-hover-wlgtui, #0a4a74));
223
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):active {
224
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-info-hover-wlgtui, #0a4a74)));
208
225
  }
209
- .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-info_4c84z_eahy1_178:not(#\9):hover {
226
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-info_4c84z_vlyrh_195:not(#\9):hover {
210
227
  text-decoration-line: underline;
211
228
  text-decoration-color: var(--color-text-link-button-underline-hover-mrvitd, currentColor);
212
229
  }
213
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9) {
214
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb));
230
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9) {
231
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-default-qabnuk, #0073bb)));
215
232
  font-weight: var(--font-weight-display-l-mgsrr3, 700);
216
233
  text-decoration-line: underline;
217
234
  text-decoration-color: currentColor;
@@ -219,33 +236,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
219
236
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
220
237
  }
221
238
  @media (prefers-reduced-motion: reduce) {
222
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9) {
239
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9) {
223
240
  animation: none;
224
241
  transition: none;
225
242
  }
226
243
  }
227
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9) {
244
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9) {
228
245
  animation: none;
229
246
  transition: none;
230
247
  }
231
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):hover {
248
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):hover {
232
249
  cursor: pointer;
233
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
250
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
234
251
  }
235
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):focus {
252
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):focus {
236
253
  outline: none;
237
254
  }
238
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):active {
239
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74));
255
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):active {
256
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-hover-n1r6g0, #0a4a74)));
240
257
  }
241
- .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-value-large_4c84z_eahy1_213:not(#\9):hover {
258
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-value-large_4c84z_vlyrh_230:not(#\9):hover {
242
259
  text-decoration-line: underline;
243
260
  text-decoration-color: currentColor;
244
261
  }
245
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9) {
262
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9) {
246
263
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
247
264
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
248
- color: var(--awsui-style-color-default-66120l, var(--color-text-interactive-default-pauydh, #545b64));
265
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-interactive-default-pauydh, #545b64)));
249
266
  font-weight: var(--font-weight-bold-xpar9m, 700);
250
267
  letter-spacing: 0.005em;
251
268
  text-decoration-line: none;
@@ -254,33 +271,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
254
271
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
255
272
  }
256
273
  @media (prefers-reduced-motion: reduce) {
257
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9) {
274
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9) {
258
275
  animation: none;
259
276
  transition: none;
260
277
  }
261
278
  }
262
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9) {
279
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9) {
263
280
  animation: none;
264
281
  transition: none;
265
282
  }
266
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):hover {
283
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):hover {
267
284
  cursor: pointer;
268
- color: var(--awsui-style-color-hover-66120l, var(--color-text-interactive-hover-zj1911, #16191f));
285
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-interactive-hover-zj1911, #16191f)));
269
286
  }
270
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):focus {
287
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):focus {
271
288
  outline: none;
272
289
  }
273
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):active {
274
- color: var(--awsui-style-color-active-66120l, var(--color-text-interactive-active-nbyczy, #16191f));
290
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):active {
291
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-interactive-active-nbyczy, #16191f)));
275
292
  }
276
- .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_variant-top-navigation_4c84z_eahy1_245:not(#\9):hover {
293
+ .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_variant-top-navigation_4c84z_vlyrh_262:not(#\9):hover {
277
294
  text-decoration-line: underline;
278
295
  text-decoration-color: transparent;
279
296
  }
280
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9) {
297
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9) {
281
298
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
282
299
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
283
- color: var(--awsui-style-color-default-66120l, var(--color-text-link-button-normal-default-2b5u43, #545b64));
300
+ color: var(--awsui-style-color, var(--awsui-style-color-default-66120l, var(--color-text-link-button-normal-default-2b5u43, #545b64)));
284
301
  font-weight: var(--font-weight-bold-xpar9m, 700);
285
302
  letter-spacing: var(--font-button-letter-spacing-7mz5n3, 0.25px);
286
303
  text-decoration-line: none;
@@ -289,51 +306,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
289
306
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
290
307
  }
291
308
  @media (prefers-reduced-motion: reduce) {
292
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9) {
309
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9) {
293
310
  animation: none;
294
311
  transition: none;
295
312
  }
296
313
  }
297
- .awsui-motion-disabled .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9) {
314
+ .awsui-motion-disabled .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9), .awsui-mode-entering .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9) {
298
315
  animation: none;
299
316
  transition: none;
300
317
  }
301
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):hover {
318
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):hover {
302
319
  cursor: pointer;
303
- color: var(--awsui-style-color-hover-66120l, var(--color-text-link-button-normal-hover-2w733x, #16191f));
320
+ color: var(--awsui-style-color, var(--awsui-style-color-hover-66120l, var(--color-text-link-button-normal-hover-2w733x, #16191f)));
304
321
  }
305
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):focus {
322
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):focus {
306
323
  outline: none;
307
324
  }
308
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):active {
309
- color: var(--awsui-style-color-active-66120l, var(--color-text-link-button-normal-active-9d4yxg, #16191f));
325
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):active {
326
+ color: var(--awsui-style-color, var(--awsui-style-color-active-66120l, var(--color-text-link-button-normal-active-9d4yxg, #16191f)));
310
327
  }
311
- .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):active, .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):focus, .awsui_link_4c84z_eahy1_9.awsui_button_4c84z_eahy1_280:not(#\9):hover {
328
+ .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):active, .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):focus, .awsui_link_4c84z_vlyrh_26.awsui_button_4c84z_vlyrh_297:not(#\9):hover {
312
329
  text-decoration-line: underline;
313
330
  text-decoration-color: transparent;
314
331
  }
315
- .awsui_link_4c84z_eahy1_9.awsui_color-inverted_4c84z_eahy1_315:not(#\9) {
316
- color: var(--color-text-link-inverted-default-ahzm62, #fafafa);
332
+ .awsui_link_4c84z_vlyrh_26.awsui_color-inverted_4c84z_vlyrh_332:not(#\9) {
333
+ color: var(--awsui-style-color, var(--color-text-link-inverted-default-ahzm62, #fafafa));
317
334
  }
318
- .awsui_link_4c84z_eahy1_9.awsui_color-inverted_4c84z_eahy1_315:not(#\9):not(.awsui_button_4c84z_eahy1_280) {
335
+ .awsui_link_4c84z_vlyrh_26.awsui_color-inverted_4c84z_vlyrh_332:not(#\9):not(.awsui_button_4c84z_vlyrh_297) {
319
336
  text-decoration-line: underline;
320
337
  text-decoration-color: currentColor;
321
338
  }
322
- .awsui_link_4c84z_eahy1_9.awsui_color-inverted_4c84z_eahy1_315:not(#\9):hover {
323
- color: var(--color-text-link-inverted-hover-id53pz, #fafafa);
339
+ .awsui_link_4c84z_vlyrh_26.awsui_color-inverted_4c84z_vlyrh_332:not(#\9):hover {
340
+ color: var(--awsui-style-color, var(--color-text-link-inverted-hover-id53pz, #fafafa));
324
341
  }
325
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_9:not(#\9):focus {
342
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_vlyrh_26:not(#\9):focus {
326
343
  outline: thin dotted;
327
344
  outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
328
345
  outline-offset: 2px;
329
- outline-color: var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb));
330
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
331
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
332
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
333
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-66120l, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
346
+ outline-color: var(--awsui-style-focus-ring-color, var(--awsui-style-focus-ring-border-color-66120l, var(--color-border-item-focused-sewkzn, #0073bb)));
347
+ 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, 2px)));
348
+ 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, 2px)));
349
+ 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, 2px)));
350
+ 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, 2px)));
334
351
  box-shadow: var(--awsui-style-focus-ring-box-shadow-66120l);
335
352
  }
336
- .awsui_link_4c84z_eahy1_9.awsui_font-size-body-s_4c84z_eahy1_336:not(#\9) {
353
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-body-s_4c84z_vlyrh_353:not(#\9) {
337
354
  font-size: var(--font-size-body-s-89y7qg, 12px);
338
355
  line-height: var(--line-height-body-s-gako33, 16px);
339
356
  letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -341,14 +358,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_9:not(#\9):focus {
341
358
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
342
359
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
343
360
  }
344
- .awsui_link_4c84z_eahy1_9.awsui_font-size-body-m_4c84z_eahy1_344:not(#\9) {
361
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-body-m_4c84z_vlyrh_361:not(#\9) {
345
362
  font-size: var(--font-size-body-m-tq5a14, 14px);
346
363
  line-height: var(--line-height-body-m-5xw6xo, 22px);
347
364
  text-underline-offset: 0.25em;
348
365
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
349
366
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
350
367
  }
351
- .awsui_link_4c84z_eahy1_9.awsui_font-size-heading-xs_4c84z_eahy1_351:not(#\9) {
368
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-heading-xs_4c84z_vlyrh_368:not(#\9) {
352
369
  font-size: var(--font-size-heading-xs-yrvp79, 16px);
353
370
  line-height: var(--line-height-heading-xs-wcrr4i, 20px);
354
371
  letter-spacing: var(--letter-spacing-heading-xs-pjb0xm, normal);
@@ -356,7 +373,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_9:not(#\9):focus {
356
373
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
357
374
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
358
375
  }
359
- .awsui_link_4c84z_eahy1_9.awsui_font-size-heading-s_4c84z_eahy1_359:not(#\9) {
376
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-heading-s_4c84z_vlyrh_376:not(#\9) {
360
377
  font-size: var(--font-size-heading-s-hm1hv8, 16px);
361
378
  line-height: var(--line-height-heading-s-3z7qjv, 20px);
362
379
  letter-spacing: var(--letter-spacing-heading-s-kfu48f, normal);
@@ -364,7 +381,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_9:not(#\9):focus {
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_eahy1_9.awsui_font-size-heading-m_4c84z_eahy1_367:not(#\9) {
384
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-heading-m_4c84z_vlyrh_384:not(#\9) {
368
385
  font-size: var(--font-size-heading-m-cqvsuv, 18px);
369
386
  line-height: var(--line-height-heading-m-d6lkzb, 22px);
370
387
  letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
@@ -372,7 +389,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_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_eahy1_9.awsui_font-size-heading-l_4c84z_eahy1_375:not(#\9) {
392
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-heading-l_4c84z_vlyrh_392:not(#\9) {
376
393
  font-size: var(--font-size-heading-l-cax9xk, 18px);
377
394
  line-height: var(--line-height-heading-l-zmt48b, 22px);
378
395
  letter-spacing: var(--letter-spacing-heading-l-no7j10, normal);
@@ -380,7 +397,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_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_eahy1_9.awsui_font-size-heading-xl_4c84z_eahy1_383:not(#\9) {
400
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-heading-xl_4c84z_vlyrh_400:not(#\9) {
384
401
  font-size: var(--font-size-heading-xl-0tgqx0, 28px);
385
402
  line-height: var(--line-height-heading-xl-pi61pg, 36px);
386
403
  letter-spacing: var(--letter-spacing-heading-xl-hgjceo, normal);
@@ -388,7 +405,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_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_eahy1_9.awsui_font-size-display-l_4c84z_eahy1_391:not(#\9) {
408
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-display-l_4c84z_vlyrh_408:not(#\9) {
392
409
  font-size: var(--font-size-display-l-pdduqq, 44px);
393
410
  line-height: var(--line-height-display-l-tjudur, 56px);
394
411
  letter-spacing: var(--letter-spacing-display-l-4pc9hm, normal);
@@ -396,7 +413,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_9:not(#\9):focus {
396
413
  text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9n3xpw, 2px);
397
414
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
398
415
  }
399
- .awsui_link_4c84z_eahy1_9.awsui_font-size-inherit_4c84z_eahy1_399:not(#\9) {
416
+ .awsui_link_4c84z_vlyrh_26.awsui_font-size-inherit_4c84z_vlyrh_416:not(#\9) {
400
417
  font-size: inherit;
401
418
  line-height: inherit;
402
419
  letter-spacing: inherit;
@@ -404,14 +421,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_eahy1_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_eahy1_9.awsui_in-inline-token_4c84z_eahy1_407:not(#\9) {
424
+ .awsui_link_4c84z_vlyrh_26.awsui_in-inline-token_4c84z_vlyrh_424:not(#\9) {
408
425
  text-underline-offset: 0.15em;
409
426
  }
410
427
 
411
- .awsui_icon-wrapper_4c84z_eahy1_411:not(#\9) {
428
+ .awsui_icon-wrapper_4c84z_vlyrh_428:not(#\9) {
412
429
  white-space: nowrap;
413
430
  }
414
431
 
415
- .awsui_icon_4c84z_eahy1_411:not(#\9) {
432
+ .awsui_icon_4c84z_vlyrh_428:not(#\9) {
416
433
  display: inline-block;
417
434
  }
package/lib/internal/template/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_eahy1_9",
6
- "variant-recovery": "awsui_variant-recovery_4c84z_eahy1_77",
7
- "variant-secondary": "awsui_variant-secondary_4c84z_eahy1_110",
8
- "variant-primary": "awsui_variant-primary_4c84z_eahy1_145",
9
- "variant-info": "awsui_variant-info_4c84z_eahy1_178",
10
- "variant-value-large": "awsui_variant-value-large_4c84z_eahy1_213",
11
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_eahy1_245",
12
- "button": "awsui_button_4c84z_eahy1_280",
13
- "color-inverted": "awsui_color-inverted_4c84z_eahy1_315",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_eahy1_336",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_eahy1_344",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_eahy1_351",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_eahy1_359",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_eahy1_367",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_eahy1_375",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_eahy1_383",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_eahy1_391",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_eahy1_399",
23
- "in-inline-token": "awsui_in-inline-token_4c84z_eahy1_407",
24
- "icon-wrapper": "awsui_icon-wrapper_4c84z_eahy1_411",
25
- "icon": "awsui_icon_4c84z_eahy1_411"
5
+ "link": "awsui_link_4c84z_vlyrh_26",
6
+ "variant-recovery": "awsui_variant-recovery_4c84z_vlyrh_94",
7
+ "variant-secondary": "awsui_variant-secondary_4c84z_vlyrh_127",
8
+ "variant-primary": "awsui_variant-primary_4c84z_vlyrh_162",
9
+ "variant-info": "awsui_variant-info_4c84z_vlyrh_195",
10
+ "variant-value-large": "awsui_variant-value-large_4c84z_vlyrh_230",
11
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_vlyrh_262",
12
+ "button": "awsui_button_4c84z_vlyrh_297",
13
+ "color-inverted": "awsui_color-inverted_4c84z_vlyrh_332",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_vlyrh_353",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_vlyrh_361",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_vlyrh_368",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_vlyrh_376",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_vlyrh_384",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_vlyrh_392",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_vlyrh_400",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_vlyrh_408",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_vlyrh_416",
23
+ "in-inline-token": "awsui_in-inline-token_4c84z_vlyrh_424",
24
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_vlyrh_428",
25
+ "icon": "awsui_icon_4c84z_vlyrh_428"
26
26
  };
27
27
 
package/lib/internal/template/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'];
@@ -22,6 +26,6 @@ interface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'ty
22
26
  display?: InternalStatusIndicatorProps['__display'];
23
27
  }
24
28
  export declare function InternalStatusIcon({ type, iconAriaLabel, animate, display, size, }: InternalStatusIconProps): JSX.Element;
25
- export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, nativeAttributes, __animate, __internalRootRef, __size, __display, ...rest }: InternalStatusIndicatorProps): JSX.Element;
29
+ export default function StatusIndicator({ type, children, iconAriaLabel, colorOverride, wrapText, nativeAttributes, __animate, __internalRootRef, __size, __display, __embedded, ...rest }: InternalStatusIndicatorProps): JSX.Element;
26
30
  export {};
27
31
  //# sourceMappingURL=internal.d.ts.map
package/lib/internal/template/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/lib/internal/template/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']) },