@cloudscape-design/components-themeable 3.0.1384 → 3.0.1386

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 (80) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +1 -4
  3. package/lib/internal/scss/icon/mixins.scss +0 -2
  4. package/lib/internal/scss/icon/styles.scss +8 -1
  5. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  6. package/lib/internal/scss/key-value-pairs/styles.scss +9 -2
  7. package/lib/internal/scss/space-between/styles.scss +8 -0
  8. package/lib/internal/scss/spinner/mixins.scss +0 -1
  9. package/lib/internal/scss/tiles/styles.scss +0 -1
  10. package/lib/internal/scss/toggle/motion.scss +76 -0
  11. package/lib/internal/scss/toggle/styles.scss +4 -0
  12. package/lib/internal/template/alert/styles.css.js +27 -27
  13. package/lib/internal/template/alert/styles.scoped.css +43 -43
  14. package/lib/internal/template/alert/styles.selectors.js +27 -27
  15. package/lib/internal/template/app-layout/utils/feature-flags.d.ts +1 -0
  16. package/lib/internal/template/app-layout/utils/feature-flags.d.ts.map +1 -1
  17. package/lib/internal/template/app-layout/utils/feature-flags.js +1 -0
  18. package/lib/internal/template/app-layout/utils/feature-flags.js.map +1 -1
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +2 -2
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +2 -2
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +2 -1
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +2 -2
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
  35. package/lib/internal/template/badge/styles.css.js +10 -10
  36. package/lib/internal/template/badge/styles.scoped.css +11 -11
  37. package/lib/internal/template/badge/styles.selectors.js +10 -10
  38. package/lib/internal/template/button/styles.css.js +23 -23
  39. package/lib/internal/template/button/styles.scoped.css +72 -115
  40. package/lib/internal/template/button/styles.selectors.js +23 -23
  41. package/lib/internal/template/checkbox/styles.css.js +3 -3
  42. package/lib/internal/template/checkbox/styles.scoped.css +8 -8
  43. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  44. package/lib/internal/template/dropdown/styles.css.js +20 -20
  45. package/lib/internal/template/dropdown/styles.scoped.css +38 -38
  46. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  47. package/lib/internal/template/icon/styles.css.js +43 -43
  48. package/lib/internal/template/icon/styles.scoped.css +110 -118
  49. package/lib/internal/template/icon/styles.selectors.js +43 -43
  50. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  51. package/lib/internal/template/internal/environment.js +2 -2
  52. package/lib/internal/template/internal/environment.json +2 -2
  53. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  54. package/lib/internal/template/key-value-pairs/styles.scoped.css +16 -11
  55. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  56. package/lib/internal/template/link/styles.css.js +21 -21
  57. package/lib/internal/template/link/styles.scoped.css +73 -73
  58. package/lib/internal/template/link/styles.selectors.js +21 -21
  59. package/lib/internal/template/radio-button/styles.css.js +1 -1
  60. package/lib/internal/template/radio-button/styles.scoped.css +2 -2
  61. package/lib/internal/template/radio-button/styles.selectors.js +1 -1
  62. package/lib/internal/template/space-between/internal.d.ts.map +1 -1
  63. package/lib/internal/template/space-between/internal.js +2 -1
  64. package/lib/internal/template/space-between/internal.js.map +1 -1
  65. package/lib/internal/template/space-between/styles.css.js +24 -23
  66. package/lib/internal/template/space-between/styles.scoped.css +29 -24
  67. package/lib/internal/template/space-between/styles.selectors.js +24 -23
  68. package/lib/internal/template/spinner/styles.css.js +14 -14
  69. package/lib/internal/template/spinner/styles.scoped.css +20 -24
  70. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  71. package/lib/internal/template/tiles/styles.css.js +30 -30
  72. package/lib/internal/template/tiles/styles.scoped.css +72 -76
  73. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  74. package/lib/internal/template/toggle/internal.d.ts.map +1 -1
  75. package/lib/internal/template/toggle/internal.js +8 -2
  76. package/lib/internal/template/toggle/internal.js.map +1 -1
  77. package/lib/internal/template/toggle/styles.css.js +10 -10
  78. package/lib/internal/template/toggle/styles.scoped.css +20 -21
  79. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  80. package/package.json +1 -1
package/lib/internal/template/link/styles.css.js CHANGED
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_4c84z_1av63_34",
5
- "variant-recovery": "awsui_variant-recovery_4c84z_1av63_102",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_1av63_135",
7
- "variant-primary": "awsui_variant-primary_4c84z_1av63_170",
8
- "variant-info": "awsui_variant-info_4c84z_1av63_203",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_1av63_238",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1av63_270",
11
- "button": "awsui_button_4c84z_1av63_305",
12
- "color-inverted": "awsui_color-inverted_4c84z_1av63_340",
13
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1av63_361",
14
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1av63_369",
15
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1av63_376",
16
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1av63_384",
17
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1av63_392",
18
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1av63_400",
19
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1av63_408",
20
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1av63_416",
21
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1av63_424",
22
- "in-inline-token": "awsui_in-inline-token_4c84z_1av63_432",
23
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1av63_436",
24
- "icon": "awsui_icon_4c84z_1av63_436"
4
+ "link": "awsui_link_4c84z_qfwjm_34",
5
+ "variant-recovery": "awsui_variant-recovery_4c84z_qfwjm_102",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_qfwjm_135",
7
+ "variant-primary": "awsui_variant-primary_4c84z_qfwjm_170",
8
+ "variant-info": "awsui_variant-info_4c84z_qfwjm_203",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_qfwjm_238",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_qfwjm_270",
11
+ "button": "awsui_button_4c84z_qfwjm_305",
12
+ "color-inverted": "awsui_color-inverted_4c84z_qfwjm_340",
13
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_qfwjm_361",
14
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_qfwjm_369",
15
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_qfwjm_376",
16
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_qfwjm_384",
17
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_qfwjm_392",
18
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_qfwjm_400",
19
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_qfwjm_408",
20
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_qfwjm_416",
21
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_qfwjm_424",
22
+ "in-inline-token": "awsui_in-inline-token_4c84z_qfwjm_432",
23
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_qfwjm_436",
24
+ "icon": "awsui_icon_4c84z_qfwjm_436"
25
25
  };
26
26
 
package/lib/internal/template/link/styles.scoped.css CHANGED
@@ -30,8 +30,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
30
30
  syntax: "*";
31
31
  inherits: false;
32
32
  }
33
- /* awsui:style-api-slot name=root tokens=color, focus-ring-color, focus-ring-width, focus-ring-radius, text-decoration-line, text-decoration-color */
34
- .awsui_link_4c84z_1av63_34:not(#\9) {
33
+ /* awsui:style-api-slot name=root tokens=color, focus-ring-color, focus-ring-width, focus-ring-radius, text-decoration-line, text-decoration-color properties= */
34
+ .awsui_link_4c84z_qfwjm_34:not(#\9) {
35
35
  border-collapse: separate;
36
36
  border-spacing: 0;
37
37
  box-sizing: border-box;
@@ -76,30 +76,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
76
76
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
77
77
  }
78
78
  @media (prefers-reduced-motion: reduce) {
79
- .awsui_link_4c84z_1av63_34:not(#\9) {
79
+ .awsui_link_4c84z_qfwjm_34:not(#\9) {
80
80
  animation: none;
81
81
  transition: none;
82
82
  }
83
83
  }
84
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34:not(#\9) {
84
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34:not(#\9) {
85
85
  animation: none;
86
86
  transition: none;
87
87
  }
88
- .awsui_link_4c84z_1av63_34:not(#\9):hover {
88
+ .awsui_link_4c84z_qfwjm_34:not(#\9):hover {
89
89
  cursor: pointer;
90
90
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
91
91
  }
92
- .awsui_link_4c84z_1av63_34:not(#\9):focus {
92
+ .awsui_link_4c84z_qfwjm_34:not(#\9):focus {
93
93
  outline: none;
94
94
  }
95
- .awsui_link_4c84z_1av63_34:not(#\9):active {
95
+ .awsui_link_4c84z_qfwjm_34:not(#\9):active {
96
96
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
97
97
  }
98
- .awsui_link_4c84z_1av63_34:not(#\9):active, .awsui_link_4c84z_1av63_34:not(#\9):focus, .awsui_link_4c84z_1av63_34:not(#\9):hover {
98
+ .awsui_link_4c84z_qfwjm_34:not(#\9):active, .awsui_link_4c84z_qfwjm_34:not(#\9):focus, .awsui_link_4c84z_qfwjm_34:not(#\9):hover {
99
99
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
100
100
  text-decoration-color: var(--awsui-style-text-decoration-color, var(--color-text-link-decoration-hover-opkmr8, currentColor));
101
101
  }
102
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9) {
102
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9) {
103
103
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb)));
104
104
  font-weight: var(--font-link-button-weight-fgl7rr, 400);
105
105
  letter-spacing: var(--font-link-button-letter-spacing-3qtgsm, normal);
@@ -109,30 +109,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
109
109
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
110
110
  }
111
111
  @media (prefers-reduced-motion: reduce) {
112
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9) {
112
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9) {
113
113
  animation: none;
114
114
  transition: none;
115
115
  }
116
116
  }
117
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9) {
117
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9) {
118
118
  animation: none;
119
119
  transition: none;
120
120
  }
121
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):hover {
121
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):hover {
122
122
  cursor: pointer;
123
123
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
124
124
  }
125
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):focus {
125
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):focus {
126
126
  outline: none;
127
127
  }
128
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):active {
128
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):active {
129
129
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
130
130
  }
131
- .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-recovery_4c84z_1av63_102:not(#\9):hover {
131
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-recovery_4c84z_qfwjm_102:not(#\9):hover {
132
132
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
133
133
  text-decoration-color: var(--awsui-style-text-decoration-color, var(--color-text-link-button-underline-hover-mrvitd, currentColor));
134
134
  }
135
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9) {
135
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9) {
136
136
  -webkit-font-smoothing: inherit;
137
137
  -moz-osx-font-smoothing: inherit;
138
138
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-secondary-default-urew28, #0073bb)));
@@ -144,30 +144,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
144
144
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
145
145
  }
146
146
  @media (prefers-reduced-motion: reduce) {
147
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9) {
147
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9) {
148
148
  animation: none;
149
149
  transition: none;
150
150
  }
151
151
  }
152
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9) {
152
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9) {
153
153
  animation: none;
154
154
  transition: none;
155
155
  }
156
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):hover {
156
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):hover {
157
157
  cursor: pointer;
158
158
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
159
159
  }
160
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):focus {
160
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):focus {
161
161
  outline: none;
162
162
  }
163
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):active {
163
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):active {
164
164
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-secondary-hover-kql7rc, #0a4a74)));
165
165
  }
166
- .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-secondary_4c84z_1av63_135:not(#\9):hover {
166
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-secondary_4c84z_qfwjm_135:not(#\9):hover {
167
167
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
168
168
  text-decoration-color: var(--awsui-style-text-decoration-color, var(--color-text-link-decoration-hover-opkmr8, currentColor));
169
169
  }
170
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9) {
170
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9) {
171
171
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb)));
172
172
  font-weight: inherit;
173
173
  letter-spacing: normal;
@@ -177,30 +177,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
177
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
178
178
  }
179
179
  @media (prefers-reduced-motion: reduce) {
180
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9) {
180
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9) {
181
181
  animation: none;
182
182
  transition: none;
183
183
  }
184
184
  }
185
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9) {
185
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9) {
186
186
  animation: none;
187
187
  transition: none;
188
188
  }
189
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):hover {
189
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):hover {
190
190
  cursor: pointer;
191
191
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
192
192
  }
193
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):focus {
193
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):focus {
194
194
  outline: none;
195
195
  }
196
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):active {
196
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):active {
197
197
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
198
198
  }
199
- .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-primary_4c84z_1av63_170:not(#\9):hover {
199
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-primary_4c84z_qfwjm_170:not(#\9):hover {
200
200
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
201
201
  text-decoration-color: var(--awsui-style-text-decoration-color, var(--color-text-link-decoration-hover-opkmr8, currentColor));
202
202
  }
203
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9) {
203
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9) {
204
204
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
205
205
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
206
206
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-info-default-r8vwpt, #0073bb)));
@@ -212,30 +212,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
212
212
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
213
213
  }
214
214
  @media (prefers-reduced-motion: reduce) {
215
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9) {
215
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9) {
216
216
  animation: none;
217
217
  transition: none;
218
218
  }
219
219
  }
220
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9) {
220
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9) {
221
221
  animation: none;
222
222
  transition: none;
223
223
  }
224
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):hover {
224
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):hover {
225
225
  cursor: pointer;
226
226
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-info-hover-wlgtui, #0a4a74)));
227
227
  }
228
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):focus {
228
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):focus {
229
229
  outline: none;
230
230
  }
231
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):active {
231
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):active {
232
232
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-info-hover-wlgtui, #0a4a74)));
233
233
  }
234
- .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-info_4c84z_1av63_203:not(#\9):hover {
234
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-info_4c84z_qfwjm_203:not(#\9):hover {
235
235
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
236
236
  text-decoration-color: var(--awsui-style-text-decoration-color, var(--color-text-link-button-underline-hover-mrvitd, currentColor));
237
237
  }
238
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9) {
238
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9) {
239
239
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-default-qabnuk, #0073bb)));
240
240
  font-weight: var(--font-weight-display-l-mgsrr3, 700);
241
241
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
@@ -244,30 +244,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
244
244
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
245
245
  }
246
246
  @media (prefers-reduced-motion: reduce) {
247
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9) {
247
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9) {
248
248
  animation: none;
249
249
  transition: none;
250
250
  }
251
251
  }
252
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9) {
252
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9) {
253
253
  animation: none;
254
254
  transition: none;
255
255
  }
256
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):hover {
256
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):hover {
257
257
  cursor: pointer;
258
258
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
259
259
  }
260
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):focus {
260
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):focus {
261
261
  outline: none;
262
262
  }
263
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):active {
263
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):active {
264
264
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-hover-n1r6g0, #0a4a74)));
265
265
  }
266
- .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-value-large_4c84z_1av63_238:not(#\9):hover {
266
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-value-large_4c84z_qfwjm_238:not(#\9):hover {
267
267
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
268
268
  text-decoration-color: var(--awsui-style-text-decoration-color, currentColor);
269
269
  }
270
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9) {
270
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9) {
271
271
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
272
272
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
273
273
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-interactive-default-pauydh, #545b64)));
@@ -279,30 +279,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
279
279
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
280
280
  }
281
281
  @media (prefers-reduced-motion: reduce) {
282
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9) {
282
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9) {
283
283
  animation: none;
284
284
  transition: none;
285
285
  }
286
286
  }
287
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9) {
287
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9) {
288
288
  animation: none;
289
289
  transition: none;
290
290
  }
291
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):hover {
291
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):hover {
292
292
  cursor: pointer;
293
293
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-interactive-hover-zj1911, #16191f)));
294
294
  }
295
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):focus {
295
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):focus {
296
296
  outline: none;
297
297
  }
298
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):active {
298
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):active {
299
299
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-interactive-active-nbyczy, #16191f)));
300
300
  }
301
- .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_variant-top-navigation_4c84z_1av63_270:not(#\9):hover {
301
+ .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_variant-top-navigation_4c84z_qfwjm_270:not(#\9):hover {
302
302
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
303
303
  text-decoration-color: var(--awsui-style-text-decoration-color, transparent);
304
304
  }
305
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9) {
305
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9) {
306
306
  -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
307
307
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
308
308
  color: var(--awsui-style-color, var(--awsui-style-color-default-ka4djm, var(--color-text-link-button-normal-default-2b5u43, #545b64)));
@@ -314,40 +314,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
314
314
  transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
315
315
  }
316
316
  @media (prefers-reduced-motion: reduce) {
317
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9) {
317
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9) {
318
318
  animation: none;
319
319
  transition: none;
320
320
  }
321
321
  }
322
- .awsui-motion-disabled .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9) {
322
+ .awsui-motion-disabled .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9), .awsui-mode-entering .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9) {
323
323
  animation: none;
324
324
  transition: none;
325
325
  }
326
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):hover {
326
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):hover {
327
327
  cursor: pointer;
328
328
  color: var(--awsui-style-color, var(--awsui-style-color-hover-ka4djm, var(--color-text-link-button-normal-hover-2w733x, #16191f)));
329
329
  }
330
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):focus {
330
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):focus {
331
331
  outline: none;
332
332
  }
333
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):active {
333
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):active {
334
334
  color: var(--awsui-style-color, var(--awsui-style-color-active-ka4djm, var(--color-text-link-button-normal-active-9d4yxg, #16191f)));
335
335
  }
336
- .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):active, .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):focus, .awsui_link_4c84z_1av63_34.awsui_button_4c84z_1av63_305:not(#\9):hover {
336
+ .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):active, .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):focus, .awsui_link_4c84z_qfwjm_34.awsui_button_4c84z_qfwjm_305:not(#\9):hover {
337
337
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
338
338
  text-decoration-color: var(--awsui-style-text-decoration-color, transparent);
339
339
  }
340
- .awsui_link_4c84z_1av63_34.awsui_color-inverted_4c84z_1av63_340:not(#\9) {
340
+ .awsui_link_4c84z_qfwjm_34.awsui_color-inverted_4c84z_qfwjm_340:not(#\9) {
341
341
  color: var(--awsui-style-color, var(--color-text-link-inverted-default-ahzm62, #fafafa));
342
342
  }
343
- .awsui_link_4c84z_1av63_34.awsui_color-inverted_4c84z_1av63_340:not(#\9):not(.awsui_button_4c84z_1av63_305) {
343
+ .awsui_link_4c84z_qfwjm_34.awsui_color-inverted_4c84z_qfwjm_340:not(#\9):not(.awsui_button_4c84z_qfwjm_305) {
344
344
  text-decoration-line: var(--awsui-style-text-decoration-line, underline);
345
345
  text-decoration-color: var(--awsui-style-text-decoration-color, currentColor);
346
346
  }
347
- .awsui_link_4c84z_1av63_34.awsui_color-inverted_4c84z_1av63_340:not(#\9):hover {
347
+ .awsui_link_4c84z_qfwjm_34.awsui_color-inverted_4c84z_qfwjm_340:not(#\9):hover {
348
348
  color: var(--awsui-style-color, var(--color-text-link-inverted-hover-id53pz, #fafafa));
349
349
  }
350
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
350
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_qfwjm_34:not(#\9):focus {
351
351
  outline: thin dotted;
352
352
  outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
353
353
  outline-offset: 2px;
@@ -358,7 +358,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
358
358
  border-end-end-radius: var(--awsui-style-focus-ring-radius, var(--awsui-style-focus-ring-border-radius-ka4djm, var(--border-radius-control-default-focus-ring-akwhsf, 2px)));
359
359
  box-shadow: var(--awsui-style-focus-ring-box-shadow-ka4djm);
360
360
  }
361
- .awsui_link_4c84z_1av63_34.awsui_font-size-body-s_4c84z_1av63_361:not(#\9) {
361
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-body-s_4c84z_qfwjm_361:not(#\9) {
362
362
  font-size: var(--font-size-body-s-89y7qg, 12px);
363
363
  line-height: var(--line-height-body-s-gako33, 16px);
364
364
  letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
@@ -366,14 +366,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
366
366
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
367
367
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
368
368
  }
369
- .awsui_link_4c84z_1av63_34.awsui_font-size-body-m_4c84z_1av63_369:not(#\9) {
369
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-body-m_4c84z_qfwjm_369:not(#\9) {
370
370
  font-size: var(--font-size-body-m-tq5a14, 14px);
371
371
  line-height: var(--line-height-body-m-5xw6xo, 22px);
372
372
  text-underline-offset: 0.25em;
373
373
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
374
374
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
375
375
  }
376
- .awsui_link_4c84z_1av63_34.awsui_font-size-heading-xs_4c84z_1av63_376:not(#\9) {
376
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-heading-xs_4c84z_qfwjm_376:not(#\9) {
377
377
  font-size: var(--font-size-heading-xs-yrvp79, 16px);
378
378
  line-height: var(--line-height-heading-xs-wcrr4i, 20px);
379
379
  letter-spacing: var(--letter-spacing-heading-xs-pjb0xm, normal);
@@ -381,7 +381,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
381
381
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
382
382
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
383
383
  }
384
- .awsui_link_4c84z_1av63_34.awsui_font-size-heading-s_4c84z_1av63_384:not(#\9) {
384
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-heading-s_4c84z_qfwjm_384:not(#\9) {
385
385
  font-size: var(--font-size-heading-s-hm1hv8, 16px);
386
386
  line-height: var(--line-height-heading-s-3z7qjv, 20px);
387
387
  letter-spacing: var(--letter-spacing-heading-s-kfu48f, normal);
@@ -389,7 +389,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
389
389
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
390
390
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
391
391
  }
392
- .awsui_link_4c84z_1av63_34.awsui_font-size-heading-m_4c84z_1av63_392:not(#\9) {
392
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-heading-m_4c84z_qfwjm_392:not(#\9) {
393
393
  font-size: var(--font-size-heading-m-cqvsuv, 18px);
394
394
  line-height: var(--line-height-heading-m-d6lkzb, 22px);
395
395
  letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
@@ -397,7 +397,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
397
397
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
398
398
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
399
399
  }
400
- .awsui_link_4c84z_1av63_34.awsui_font-size-heading-l_4c84z_1av63_400:not(#\9) {
400
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-heading-l_4c84z_qfwjm_400:not(#\9) {
401
401
  font-size: var(--font-size-heading-l-cax9xk, 18px);
402
402
  line-height: var(--line-height-heading-l-zmt48b, 22px);
403
403
  letter-spacing: var(--letter-spacing-heading-l-no7j10, normal);
@@ -405,7 +405,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
405
405
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
406
406
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
407
407
  }
408
- .awsui_link_4c84z_1av63_34.awsui_font-size-heading-xl_4c84z_1av63_408:not(#\9) {
408
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-heading-xl_4c84z_qfwjm_408:not(#\9) {
409
409
  font-size: var(--font-size-heading-xl-0tgqx0, 28px);
410
410
  line-height: var(--line-height-heading-xl-pi61pg, 36px);
411
411
  letter-spacing: var(--letter-spacing-heading-xl-hgjceo, normal);
@@ -413,7 +413,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
413
413
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
414
414
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
415
415
  }
416
- .awsui_link_4c84z_1av63_34.awsui_font-size-display-l_4c84z_1av63_416:not(#\9) {
416
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-display-l_4c84z_qfwjm_416:not(#\9) {
417
417
  font-size: var(--font-size-display-l-pdduqq, 44px);
418
418
  line-height: var(--line-height-display-l-tjudur, 56px);
419
419
  letter-spacing: var(--letter-spacing-display-l-4pc9hm, normal);
@@ -421,7 +421,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
421
421
  text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9n3xpw, 2px);
422
422
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
423
423
  }
424
- .awsui_link_4c84z_1av63_34.awsui_font-size-inherit_4c84z_1av63_424:not(#\9) {
424
+ .awsui_link_4c84z_qfwjm_34.awsui_font-size-inherit_4c84z_qfwjm_424:not(#\9) {
425
425
  font-size: inherit;
426
426
  line-height: inherit;
427
427
  letter-spacing: inherit;
@@ -429,14 +429,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1av63_34:not(#\9):focus {
429
429
  text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
430
430
  text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
431
431
  }
432
- .awsui_link_4c84z_1av63_34.awsui_in-inline-token_4c84z_1av63_432:not(#\9) {
432
+ .awsui_link_4c84z_qfwjm_34.awsui_in-inline-token_4c84z_qfwjm_432:not(#\9) {
433
433
  text-underline-offset: 0.15em;
434
434
  }
435
435
 
436
- .awsui_icon-wrapper_4c84z_1av63_436:not(#\9) {
436
+ .awsui_icon-wrapper_4c84z_qfwjm_436:not(#\9) {
437
437
  white-space: nowrap;
438
438
  }
439
439
 
440
- .awsui_icon_4c84z_1av63_436:not(#\9) {
440
+ .awsui_icon_4c84z_qfwjm_436:not(#\9) {
441
441
  display: inline-block;
442
442
  }
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_1av63_34",
6
- "variant-recovery": "awsui_variant-recovery_4c84z_1av63_102",
7
- "variant-secondary": "awsui_variant-secondary_4c84z_1av63_135",
8
- "variant-primary": "awsui_variant-primary_4c84z_1av63_170",
9
- "variant-info": "awsui_variant-info_4c84z_1av63_203",
10
- "variant-value-large": "awsui_variant-value-large_4c84z_1av63_238",
11
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1av63_270",
12
- "button": "awsui_button_4c84z_1av63_305",
13
- "color-inverted": "awsui_color-inverted_4c84z_1av63_340",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1av63_361",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1av63_369",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1av63_376",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1av63_384",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1av63_392",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1av63_400",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1av63_408",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1av63_416",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1av63_424",
23
- "in-inline-token": "awsui_in-inline-token_4c84z_1av63_432",
24
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1av63_436",
25
- "icon": "awsui_icon_4c84z_1av63_436"
5
+ "link": "awsui_link_4c84z_qfwjm_34",
6
+ "variant-recovery": "awsui_variant-recovery_4c84z_qfwjm_102",
7
+ "variant-secondary": "awsui_variant-secondary_4c84z_qfwjm_135",
8
+ "variant-primary": "awsui_variant-primary_4c84z_qfwjm_170",
9
+ "variant-info": "awsui_variant-info_4c84z_qfwjm_203",
10
+ "variant-value-large": "awsui_variant-value-large_4c84z_qfwjm_238",
11
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_qfwjm_270",
12
+ "button": "awsui_button_4c84z_qfwjm_305",
13
+ "color-inverted": "awsui_color-inverted_4c84z_qfwjm_340",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_qfwjm_361",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_qfwjm_369",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_qfwjm_376",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_qfwjm_384",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_qfwjm_392",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_qfwjm_400",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_qfwjm_408",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_qfwjm_416",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_qfwjm_424",
23
+ "in-inline-token": "awsui_in-inline-token_4c84z_qfwjm_432",
24
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_qfwjm_436",
25
+ "icon": "awsui_icon_4c84z_qfwjm_436"
26
26
  };
27
27
 
package/lib/internal/template/radio-button/styles.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "radio-button": "awsui_radio-button_zdbjz_tdjzs_42"
4
+ "radio-button": "awsui_radio-button_zdbjz_sil6x_42"
5
5
  };
6
6
 
package/lib/internal/template/radio-button/styles.scoped.css CHANGED
@@ -38,8 +38,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
38
38
  syntax: "*";
39
39
  inherits: false;
40
40
  }
41
- /* awsui:style-api-slot name=control tokens=color, background-color, border-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
42
- .awsui_radio-button_zdbjz_tdjzs_42:not(#\9) {
41
+ /* awsui:style-api-slot name=control tokens=color, background-color, border-color, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline properties= */
42
+ .awsui_radio-button_zdbjz_sil6x_42:not(#\9) {
43
43
  border-collapse: separate;
44
44
  border-spacing: 0;
45
45
  box-sizing: border-box;
package/lib/internal/template/radio-button/styles.selectors.js CHANGED
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "radio-button": "awsui_radio-button_zdbjz_tdjzs_42"
5
+ "radio-button": "awsui_radio-button_zdbjz_sil6x_42"
6
6
  };
7
7
 
package/lib/internal/template/space-between/internal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,QAAA,MAAM,oBAAoB,uHAiDzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,QAAA,MAAM,oBAAoB,uHAsDzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
package/lib/internal/template/space-between/internal.js CHANGED
@@ -14,10 +14,11 @@ const InternalSpaceBetween = forwardRef(({ direction = 'vertical', size, childre
14
14
  Flattening the children allows us to "see through" React Fragments and nested arrays.
15
15
  */
16
16
  const flattenedChildren = flattenChildren(children, 'SpaceBetween');
17
+ const propagateAlignment = alignItems && direction === 'horizontal';
17
18
  return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "div", componentName: "SpaceBetween", nativeAttributes: nativeAttributes, className: clsx(baseProps.className, styles.root, styles[direction], styles[`${direction}-${size}`], alignItems && styles[`align-${alignItems}`]), ref: mergedRef }, flattenedChildren.map(child => {
18
19
  // If this react child is a primitive value, the key will be undefined
19
20
  const key = child && typeof child === 'object' ? child.key : undefined;
20
- return (React.createElement("div", { key: key ? String(key) : undefined, className: styles.child }, child));
21
+ return (React.createElement("div", { key: key ? String(key) : undefined, className: clsx(styles.child, propagateAlignment && styles['child-aligned']) }, child));
21
22
  })));
22
23
  });
23
24
  export default InternalSpaceBetween;
package/lib/internal/template/space-between/internal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACkB,EAC5B,GAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,IAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,sEAAsE;QACtE,MAAM,GAAG,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,KAAgC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEnG,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,IAC7D,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { flattenChildren } from '../internal/utils/flatten-children';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n (\n {\n direction = 'vertical',\n size,\n children,\n alignItems,\n nativeAttributes,\n __internalRootRef,\n ...props\n }: InternalSpaceBetweenProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n const baseProps = getBaseProps(props);\n\n /*\n Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n */\n const flattenedChildren = flattenChildren(children, 'SpaceBetween');\n\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"div\"\n componentName=\"SpaceBetween\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[direction],\n styles[`${direction}-${size}`],\n alignItems && styles[`align-${alignItems}`]\n )}\n ref={mergedRef}\n >\n {flattenedChildren.map(child => {\n // If this react child is a primitive value, the key will be undefined\n const key = child && typeof child === 'object' ? (child as Record<'key', unknown>).key : undefined;\n\n return (\n <div key={key ? String(key) : undefined} className={styles.child}>\n {child}\n </div>\n );\n })}\n </WithNativeAttributes>\n );\n }\n);\n\nexport default InternalSpaceBetween;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/space-between/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAG5E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,oBAAoB,GAAG,UAAU,CACrC,CACE,EACE,SAAS,GAAG,UAAU,EACtB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,GAAG,KAAK,EACkB,EAC5B,GAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC;;KAEC;IACD,MAAM,iBAAiB,GAAG,eAAe,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,UAAU,IAAI,SAAS,KAAK,YAAY,CAAC;IAEpE,OAAO,CACL,oBAAC,oBAAoB,OACf,SAAS,EACb,GAAG,EAAC,KAAK,EACT,aAAa,EAAC,cAAc,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,SAAS,CAAC,EACjB,MAAM,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAC9B,UAAU,IAAI,MAAM,CAAC,SAAS,UAAU,EAAE,CAAC,CAC5C,EACD,GAAG,EAAE,SAAS,IAEb,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QAC7B,sEAAsE;QACtE,MAAM,GAAG,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,KAAgC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC;QAEnG,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,EAClC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,kBAAkB,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,IAE3E,KAAK,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { flattenChildren } from '../internal/utils/flatten-children';\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport { SpaceBetweenProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalSpaceBetweenProps = SpaceBetweenProps & InternalBaseComponentProps;\n\nconst InternalSpaceBetween = forwardRef(\n (\n {\n direction = 'vertical',\n size,\n children,\n alignItems,\n nativeAttributes,\n __internalRootRef,\n ...props\n }: InternalSpaceBetweenProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const mergedRef = useMergeRefs(ref, __internalRootRef);\n const baseProps = getBaseProps(props);\n\n /*\n Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n */\n const flattenedChildren = flattenChildren(children, 'SpaceBetween');\n\n const propagateAlignment = alignItems && direction === 'horizontal';\n\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"div\"\n componentName=\"SpaceBetween\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n baseProps.className,\n styles.root,\n styles[direction],\n styles[`${direction}-${size}`],\n alignItems && styles[`align-${alignItems}`]\n )}\n ref={mergedRef}\n >\n {flattenedChildren.map(child => {\n // If this react child is a primitive value, the key will be undefined\n const key = child && typeof child === 'object' ? (child as Record<'key', unknown>).key : undefined;\n\n return (\n <div\n key={key ? String(key) : undefined}\n className={clsx(styles.child, propagateAlignment && styles['child-aligned'])}\n >\n {child}\n </div>\n );\n })}\n </WithNativeAttributes>\n );\n }\n);\n\nexport default InternalSpaceBetween;\n"]}