@cloudscape-design/components-themeable 3.0.25 → 3.0.28

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 (110) hide show
  1. package/lib/internal/scss/link/styles.scss +4 -0
  2. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  3. package/lib/internal/template/alert/internal.js +3 -4
  4. package/lib/internal/template/alert/internal.js.map +1 -1
  5. package/lib/internal/template/app-layout/index.js +1 -1
  6. package/lib/internal/template/app-layout/index.js.map +1 -1
  7. package/lib/internal/template/cards/index.js +1 -1
  8. package/lib/internal/template/cards/index.js.map +1 -1
  9. package/lib/internal/template/code-editor/index.d.ts.map +1 -1
  10. package/lib/internal/template/code-editor/index.js +2 -3
  11. package/lib/internal/template/code-editor/index.js.map +1 -1
  12. package/lib/internal/template/container/internal.js +1 -1
  13. package/lib/internal/template/container/internal.js.map +1 -1
  14. package/lib/internal/template/container/use-sticky-header.js +1 -1
  15. package/lib/internal/template/container/use-sticky-header.js.map +1 -1
  16. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  17. package/lib/internal/template/date-picker/index.js +3 -4
  18. package/lib/internal/template/date-picker/index.js.map +1 -1
  19. package/lib/internal/template/date-range-picker/calendar/index.d.ts.map +1 -1
  20. package/lib/internal/template/date-range-picker/calendar/index.js +7 -9
  21. package/lib/internal/template/date-range-picker/calendar/index.js.map +1 -1
  22. package/lib/internal/template/flashbar/index.js +1 -1
  23. package/lib/internal/template/flashbar/index.js.map +1 -1
  24. package/lib/internal/template/form-field/internal.d.ts.map +1 -1
  25. package/lib/internal/template/form-field/internal.js +3 -6
  26. package/lib/internal/template/form-field/internal.js.map +1 -1
  27. package/lib/internal/template/header/internal.d.ts.map +1 -1
  28. package/lib/internal/template/header/internal.js +3 -6
  29. package/lib/internal/template/header/internal.js.map +1 -1
  30. package/lib/internal/template/icon/internal.js +1 -1
  31. package/lib/internal/template/icon/internal.js.map +1 -1
  32. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  33. package/lib/internal/template/internal/components/checkbox-icon/index.js +3 -4
  34. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  35. package/lib/internal/template/internal/components/content-layout/index.d.ts.map +1 -1
  36. package/lib/internal/template/internal/components/content-layout/index.js +3 -4
  37. package/lib/internal/template/internal/components/content-layout/index.js.map +1 -1
  38. package/lib/internal/template/internal/components/date-input/index.d.ts +1 -1
  39. package/lib/internal/template/internal/components/date-input/index.d.ts.map +1 -1
  40. package/lib/internal/template/internal/components/date-input/index.js +4 -3
  41. package/lib/internal/template/internal/components/date-input/index.js.map +1 -1
  42. package/lib/internal/template/internal/components/dropdown/index.js +1 -1
  43. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  44. package/lib/internal/template/internal/environment.js +1 -1
  45. package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts +5 -0
  46. package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
  47. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js +5 -0
  48. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map +1 -1
  49. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js +1 -1
  50. package/lib/internal/template/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  51. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts +2 -1
  52. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts.map +1 -1
  53. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map +1 -1
  54. package/lib/internal/template/internal/hooks/use-visual-mode/index.d.ts +1 -1
  55. package/lib/internal/template/internal/hooks/use-visual-mode/index.d.ts.map +1 -1
  56. package/lib/internal/template/internal/hooks/use-visual-mode/index.js +16 -11
  57. package/lib/internal/template/internal/hooks/use-visual-mode/index.js.map +1 -1
  58. package/lib/internal/template/link/internal.js +3 -3
  59. package/lib/internal/template/link/internal.js.map +1 -1
  60. package/lib/internal/template/link/styles.css.js +19 -18
  61. package/lib/internal/template/link/styles.scoped.css +73 -69
  62. package/lib/internal/template/link/styles.selectors.js +19 -18
  63. package/lib/internal/template/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
  64. package/lib/internal/template/mixed-line-bar-chart/bar-series.js +3 -4
  65. package/lib/internal/template/mixed-line-bar-chart/bar-series.js.map +1 -1
  66. package/lib/internal/template/mixed-line-bar-chart/chart-container.js +1 -1
  67. package/lib/internal/template/mixed-line-bar-chart/chart-container.js.map +1 -1
  68. package/lib/internal/template/mixed-line-bar-chart/interfaces.d.ts +5 -4
  69. package/lib/internal/template/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
  70. package/lib/internal/template/mixed-line-bar-chart/interfaces.js.map +1 -1
  71. package/lib/internal/template/modal/internal.js +1 -1
  72. package/lib/internal/template/modal/internal.js.map +1 -1
  73. package/lib/internal/template/package-lock.json +131 -0
  74. package/lib/internal/template/pie-chart/pie-chart.d.ts.map +1 -1
  75. package/lib/internal/template/pie-chart/pie-chart.js +2 -2
  76. package/lib/internal/template/pie-chart/pie-chart.js.map +1 -1
  77. package/lib/internal/template/pie-chart/segments.d.ts +1 -2
  78. package/lib/internal/template/pie-chart/segments.d.ts.map +1 -1
  79. package/lib/internal/template/pie-chart/segments.js +2 -2
  80. package/lib/internal/template/pie-chart/segments.js.map +1 -1
  81. package/lib/internal/template/popover/container.js +1 -1
  82. package/lib/internal/template/popover/container.js.map +1 -1
  83. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  84. package/lib/internal/template/property-filter/index.js +10 -2
  85. package/lib/internal/template/property-filter/index.js.map +1 -1
  86. package/lib/internal/template/radio-group/radio-button.d.ts.map +1 -1
  87. package/lib/internal/template/radio-group/radio-button.js +3 -4
  88. package/lib/internal/template/radio-group/radio-button.js.map +1 -1
  89. package/lib/internal/template/s3-resource-selector/s3-modal/index.d.ts.map +1 -1
  90. package/lib/internal/template/s3-resource-selector/s3-modal/index.js +2 -3
  91. package/lib/internal/template/s3-resource-selector/s3-modal/index.js.map +1 -1
  92. package/lib/internal/template/table/internal.js +1 -1
  93. package/lib/internal/template/table/internal.js.map +1 -1
  94. package/lib/internal/template/table/sticky-scrollbar.js +1 -1
  95. package/lib/internal/template/table/sticky-scrollbar.js.map +1 -1
  96. package/lib/internal/template/table/use-selection.d.ts.map +1 -1
  97. package/lib/internal/template/table/use-selection.js +5 -5
  98. package/lib/internal/template/table/use-selection.js.map +1 -1
  99. package/lib/internal/template/tabs/tab-header-bar.js +1 -1
  100. package/lib/internal/template/tabs/tab-header-bar.js.map +1 -1
  101. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.d.ts.map +1 -1
  102. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.js +3 -4
  103. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/index.js.map +1 -1
  104. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.d.ts.map +1 -1
  105. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +5 -7
  106. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  107. package/lib/internal/template/wizard/index.d.ts.map +1 -1
  108. package/lib/internal/template/wizard/index.js +2 -3
  109. package/lib/internal/template/wizard/index.js.map +1 -1
  110. package/package.json +1 -1
package/lib/internal/template/link/styles.css.js CHANGED
@@ -1,23 +1,24 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "link": "awsui_link_4c84z_1sd6c_93",
5
- "variant-secondary": "awsui_variant-secondary_4c84z_1sd6c_138",
6
- "variant-primary": "awsui_variant-primary_4c84z_1sd6c_173",
7
- "variant-info": "awsui_variant-info_4c84z_1sd6c_208",
8
- "variant-value-large": "awsui_variant-value-large_4c84z_1sd6c_243",
9
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1sd6c_277",
10
- "variant-recovery": "awsui_variant-recovery_4c84z_1sd6c_312",
11
- "button": "awsui_button_4c84z_1sd6c_347",
12
- "color-inverted": "awsui_color-inverted_4c84z_1sd6c_382",
13
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1sd6c_401",
14
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1sd6c_406",
15
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1sd6c_410",
16
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1sd6c_414",
17
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1sd6c_419",
18
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1sd6c_424",
19
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1sd6c_429",
20
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1sd6c_434",
21
- "icon": "awsui_icon_4c84z_1sd6c_440"
4
+ "link": "awsui_link_4c84z_lkeqe_93",
5
+ "variant-secondary": "awsui_variant-secondary_4c84z_lkeqe_138",
6
+ "variant-primary": "awsui_variant-primary_4c84z_lkeqe_173",
7
+ "variant-info": "awsui_variant-info_4c84z_lkeqe_208",
8
+ "variant-value-large": "awsui_variant-value-large_4c84z_lkeqe_243",
9
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_lkeqe_277",
10
+ "variant-recovery": "awsui_variant-recovery_4c84z_lkeqe_312",
11
+ "button": "awsui_button_4c84z_lkeqe_347",
12
+ "color-inverted": "awsui_color-inverted_4c84z_lkeqe_382",
13
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_lkeqe_401",
14
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_lkeqe_406",
15
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_lkeqe_410",
16
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_lkeqe_414",
17
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_lkeqe_419",
18
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_lkeqe_424",
19
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_lkeqe_429",
20
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_lkeqe_434",
21
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_lkeqe_440",
22
+ "icon": "awsui_icon_4c84z_lkeqe_440"
22
23
  };
23
24
 
package/lib/internal/template/link/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_link_4c84z_1sd6c_93:not(#\9) {
93
+ .awsui_link_4c84z_lkeqe_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -137,31 +137,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
137
137
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
138
138
  }
139
139
  @media (prefers-reduced-motion: reduce) {
140
- .awsui_link_4c84z_1sd6c_93:not(#\9) {
140
+ .awsui_link_4c84z_lkeqe_93:not(#\9) {
141
141
  animation: none;
142
142
  transition: none;
143
143
  }
144
144
  }
145
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93:not(#\9) {
145
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93:not(#\9) {
146
146
  animation: none;
147
147
  transition: none;
148
148
  }
149
- .awsui_link_4c84z_1sd6c_93:not(#\9):hover {
149
+ .awsui_link_4c84z_lkeqe_93:not(#\9):hover {
150
150
  cursor: pointer;
151
151
  color: var(--color-text-link-hover-ok01xk, #0073bb);
152
152
  }
153
- .awsui_link_4c84z_1sd6c_93:not(#\9):focus {
153
+ .awsui_link_4c84z_lkeqe_93:not(#\9):focus {
154
154
  outline: none;
155
155
  }
156
- .awsui_link_4c84z_1sd6c_93:not(#\9):active {
156
+ .awsui_link_4c84z_lkeqe_93:not(#\9):active {
157
157
  color: var(--color-text-link-hover-ok01xk, #0073bb);
158
158
  }
159
- .awsui_link_4c84z_1sd6c_93:not(#\9):active, .awsui_link_4c84z_1sd6c_93:not(#\9):focus, .awsui_link_4c84z_1sd6c_93:not(#\9):hover {
159
+ .awsui_link_4c84z_lkeqe_93:not(#\9):active, .awsui_link_4c84z_lkeqe_93:not(#\9):focus, .awsui_link_4c84z_lkeqe_93:not(#\9):hover {
160
160
  text-decoration: underline;
161
161
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
162
162
  text-decoration-color: currentColor;
163
163
  }
164
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
164
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
165
165
  color: var(--color-text-link-default-753y4e, #0073bb);
166
166
  font-weight: inherit;
167
167
  letter-spacing: normal;
@@ -172,31 +172,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
172
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
173
173
  }
174
174
  @media (prefers-reduced-motion: reduce) {
175
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
175
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
176
176
  animation: none;
177
177
  transition: none;
178
178
  }
179
179
  }
180
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9) {
180
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9) {
181
181
  animation: none;
182
182
  transition: none;
183
183
  }
184
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):hover {
184
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):hover {
185
185
  cursor: pointer;
186
186
  color: var(--color-text-link-hover-ok01xk, #0073bb);
187
187
  }
188
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):focus {
188
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):focus {
189
189
  outline: none;
190
190
  }
191
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):active {
191
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):active {
192
192
  color: var(--color-text-link-hover-ok01xk, #0073bb);
193
193
  }
194
- .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-secondary_4c84z_1sd6c_138:not(#\9):hover {
194
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-secondary_4c84z_lkeqe_138:not(#\9):hover {
195
195
  text-decoration: underline;
196
196
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
197
197
  text-decoration-color: currentColor;
198
198
  }
199
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
199
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
200
200
  color: var(--color-text-link-default-753y4e, #0073bb);
201
201
  font-weight: var(--font-link-primary-weight-08ec3r, 700);
202
202
  letter-spacing: var(--font-link-primary-letter-spacing-4lvjol, 0.005em);
@@ -207,31 +207,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
207
207
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
208
208
  }
209
209
  @media (prefers-reduced-motion: reduce) {
210
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
210
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
214
  }
215
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9) {
215
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9) {
216
216
  animation: none;
217
217
  transition: none;
218
218
  }
219
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):hover {
219
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):hover {
220
220
  cursor: pointer;
221
221
  color: var(--color-text-link-hover-ok01xk, #0073bb);
222
222
  }
223
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):focus {
223
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):focus {
224
224
  outline: none;
225
225
  }
226
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):active {
226
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):active {
227
227
  color: var(--color-text-link-hover-ok01xk, #0073bb);
228
228
  }
229
- .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-primary_4c84z_1sd6c_173:not(#\9):hover {
229
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-primary_4c84z_lkeqe_173:not(#\9):hover {
230
230
  text-decoration: underline;
231
231
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
232
232
  text-decoration-color: currentColor;
233
233
  }
234
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
234
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
235
235
  color: var(--color-text-link-default-753y4e, #0073bb);
236
236
  font-weight: var(--font-button-weight-of7qcx, 700);
237
237
  letter-spacing: 0.005em;
@@ -242,31 +242,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
243
243
  }
244
244
  @media (prefers-reduced-motion: reduce) {
245
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
245
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
246
246
  animation: none;
247
247
  transition: none;
248
248
  }
249
249
  }
250
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9) {
250
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9) {
251
251
  animation: none;
252
252
  transition: none;
253
253
  }
254
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):hover {
254
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):hover {
255
255
  cursor: pointer;
256
256
  color: var(--color-text-link-hover-ok01xk, #0073bb);
257
257
  }
258
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):focus {
258
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):focus {
259
259
  outline: none;
260
260
  }
261
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):active {
261
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):active {
262
262
  color: var(--color-text-link-hover-ok01xk, #0073bb);
263
263
  }
264
- .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-info_4c84z_1sd6c_208:not(#\9):hover {
264
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-info_4c84z_lkeqe_208:not(#\9):hover {
265
265
  text-decoration: underline;
266
266
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
267
267
  text-decoration-color: var(--color-text-link-button-underline-hover-shj5w3, currentColor);
268
268
  }
269
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
269
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
270
270
  color: var(--color-text-link-default-753y4e, #0073bb);
271
271
  font-weight: var(--font-box-value-large-weight-eliigm, 300);
272
272
  text-decoration: none;
@@ -276,31 +276,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
276
276
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
277
277
  }
278
278
  @media (prefers-reduced-motion: reduce) {
279
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
279
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
280
280
  animation: none;
281
281
  transition: none;
282
282
  }
283
283
  }
284
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9) {
284
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9) {
285
285
  animation: none;
286
286
  transition: none;
287
287
  }
288
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):hover {
288
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):hover {
289
289
  cursor: pointer;
290
290
  color: var(--color-text-link-hover-ok01xk, #0073bb);
291
291
  }
292
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):focus {
292
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):focus {
293
293
  outline: none;
294
294
  }
295
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):active {
295
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):active {
296
296
  color: var(--color-text-link-hover-ok01xk, #0073bb);
297
297
  }
298
- .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-value-large_4c84z_1sd6c_243:not(#\9):hover {
298
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-value-large_4c84z_lkeqe_243:not(#\9):hover {
299
299
  text-decoration: underline;
300
300
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
301
301
  text-decoration-color: currentColor;
302
302
  }
303
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
303
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
304
304
  color: var(--color-text-interactive-default-9me1cm, #545b64);
305
305
  font-weight: 700;
306
306
  letter-spacing: 0.005em;
@@ -311,31 +311,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
311
311
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
312
312
  }
313
313
  @media (prefers-reduced-motion: reduce) {
314
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
314
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
315
315
  animation: none;
316
316
  transition: none;
317
317
  }
318
318
  }
319
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9) {
319
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9) {
320
320
  animation: none;
321
321
  transition: none;
322
322
  }
323
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):hover {
323
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):hover {
324
324
  cursor: pointer;
325
325
  color: var(--color-text-interactive-hover-79wpl9, #16191f);
326
326
  }
327
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):focus {
327
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):focus {
328
328
  outline: none;
329
329
  }
330
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):active {
330
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):active {
331
331
  color: var(--color-text-interactive-active-i5elzx, #16191f);
332
332
  }
333
- .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-top-navigation_4c84z_1sd6c_277:not(#\9):hover {
333
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-top-navigation_4c84z_lkeqe_277:not(#\9):hover {
334
334
  text-decoration: underline;
335
335
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
336
336
  text-decoration-color: transparent;
337
337
  }
338
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
338
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
339
339
  color: var(--color-text-link-default-753y4e, #0073bb);
340
340
  font-weight: var(--font-link-button-weight-g5p0bg, 400);
341
341
  letter-spacing: var(--font-link-button-letter-spacing-7hbib6, normal);
@@ -346,31 +346,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
346
346
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
347
347
  }
348
348
  @media (prefers-reduced-motion: reduce) {
349
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
349
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
350
350
  animation: none;
351
351
  transition: none;
352
352
  }
353
353
  }
354
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9) {
354
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9) {
355
355
  animation: none;
356
356
  transition: none;
357
357
  }
358
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):hover {
358
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):hover {
359
359
  cursor: pointer;
360
360
  color: var(--color-text-link-hover-ok01xk, #0073bb);
361
361
  }
362
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):focus {
362
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):focus {
363
363
  outline: none;
364
364
  }
365
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):active {
365
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):active {
366
366
  color: var(--color-text-link-hover-ok01xk, #0073bb);
367
367
  }
368
- .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_variant-recovery_4c84z_1sd6c_312:not(#\9):hover {
368
+ .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_variant-recovery_4c84z_lkeqe_312:not(#\9):hover {
369
369
  text-decoration: underline;
370
370
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
371
371
  text-decoration-color: var(--color-text-link-button-underline-hover-shj5w3, currentColor);
372
372
  }
373
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
373
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
374
374
  color: var(--color-text-link-button-normal-default-4hy24d, #545b64);
375
375
  font-weight: var(--font-button-weight-of7qcx, 700);
376
376
  letter-spacing: var(--font-button-letter-spacing-9fsbgj, 0.25px);
@@ -381,42 +381,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
381
381
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
382
382
  }
383
383
  @media (prefers-reduced-motion: reduce) {
384
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
384
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
385
385
  animation: none;
386
386
  transition: none;
387
387
  }
388
388
  }
389
- .awsui-motion-disabled .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9) {
389
+ .awsui-motion-disabled .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9) {
390
390
  animation: none;
391
391
  transition: none;
392
392
  }
393
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):hover {
393
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):hover {
394
394
  cursor: pointer;
395
395
  color: var(--color-text-link-button-normal-hover-ir7bl3, #16191f);
396
396
  }
397
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):focus {
397
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):focus {
398
398
  outline: none;
399
399
  }
400
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):active {
400
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):active {
401
401
  color: var(--color-text-link-button-normal-active-1os5uu, #16191f);
402
402
  }
403
- .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):active, .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):focus, .awsui_link_4c84z_1sd6c_93.awsui_button_4c84z_1sd6c_347:not(#\9):hover {
403
+ .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):active, .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):focus, .awsui_link_4c84z_lkeqe_93.awsui_button_4c84z_lkeqe_347:not(#\9):hover {
404
404
  text-decoration: underline;
405
405
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
406
406
  text-decoration-color: transparent;
407
407
  }
408
- .awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9) {
408
+ .awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9) {
409
409
  color: var(--color-text-notification-default-l83xtb, #fafafa);
410
410
  }
411
- .awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9):not(.awsui_button_4c84z_1sd6c_347) {
411
+ .awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9):not(.awsui_button_4c84z_lkeqe_347) {
412
412
  text-decoration: underline;
413
413
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
414
414
  text-decoration-color: currentColor;
415
415
  }
416
- .awsui_link_4c84z_1sd6c_93.awsui_color-inverted_4c84z_1sd6c_382:not(#\9):hover {
416
+ .awsui_link_4c84z_lkeqe_93.awsui_color-inverted_4c84z_lkeqe_382:not(#\9):hover {
417
417
  color: var(--color-text-link-inverted-hover-v9ehu7, #fafafa);
418
418
  }
419
- .awsui_link_4c84z_1sd6c_93[data-awsui-focus-visible=true]:not(#\9):focus {
419
+ .awsui_link_4c84z_lkeqe_93[data-awsui-focus-visible=true]:not(#\9):focus {
420
420
  outline: thin dotted;
421
421
  outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
422
422
  outline-offset: 2px;
@@ -424,45 +424,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
424
424
  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
425
425
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
426
426
  }
427
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-body-s_4c84z_1sd6c_401:not(#\9) {
427
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-body-s_4c84z_lkeqe_401:not(#\9) {
428
428
  font-size: var(--font-body-s-size-ukw2p9, 12px);
429
429
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
430
430
  letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
431
431
  }
432
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-body-m_4c84z_1sd6c_406:not(#\9) {
432
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-body-m_4c84z_lkeqe_406:not(#\9) {
433
433
  font-size: var(--font-body-m-size-sregvd, 14px);
434
434
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
435
435
  }
436
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-xs_4c84z_1sd6c_410:not(#\9) {
436
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-xs_4c84z_lkeqe_410:not(#\9) {
437
437
  font-size: var(--font-heading-xs-size-j82aha, 16px);
438
438
  line-height: var(--font-heading-xs-line-height-tf278d, 20px);
439
439
  }
440
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-s_4c84z_1sd6c_414:not(#\9) {
440
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-s_4c84z_lkeqe_414:not(#\9) {
441
441
  font-size: var(--font-heading-s-size-9clg8y, 16px);
442
442
  line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
443
443
  letter-spacing: var(--font-heading-s-letter-spacing-i014lh, normal);
444
444
  }
445
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-m_4c84z_1sd6c_419:not(#\9) {
445
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-m_4c84z_lkeqe_419:not(#\9) {
446
446
  font-size: var(--font-heading-m-size-f8kmgg, 18px);
447
447
  line-height: var(--font-heading-m-line-height-wqj6lz, 22px);
448
448
  letter-spacing: var(--font-heading-m-letter-spacing-vsl82f, normal);
449
449
  }
450
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-l_4c84z_1sd6c_424:not(#\9) {
450
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-l_4c84z_lkeqe_424:not(#\9) {
451
451
  font-size: var(--font-heading-l-size-glo9md, 18px);
452
452
  line-height: var(--font-heading-l-line-height-oujdab, 22px);
453
453
  letter-spacing: var(--font-heading-l-letter-spacing-tthw81, normal);
454
454
  }
455
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-heading-xl_4c84z_1sd6c_429:not(#\9) {
455
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-heading-xl_4c84z_lkeqe_429:not(#\9) {
456
456
  font-size: var(--font-heading-xl-size-etf0gx, 28px);
457
457
  line-height: var(--font-heading-xl-line-height-qeciux, 36px);
458
458
  letter-spacing: var(--font-heading-xl-letter-spacing-v5jzbn, normal);
459
459
  }
460
- .awsui_link_4c84z_1sd6c_93.awsui_font-size-display-l_4c84z_1sd6c_434:not(#\9) {
460
+ .awsui_link_4c84z_lkeqe_93.awsui_font-size-display-l_4c84z_lkeqe_434:not(#\9) {
461
461
  font-size: var(--font-display-l-size-obs4uc, 44px);
462
462
  line-height: var(--font-display-l-line-height-gic9xn, 56px);
463
463
  letter-spacing: var(--font-display-l-letter-spacing-2u0pg2, normal);
464
464
  }
465
465
 
466
- .awsui_icon_4c84z_1sd6c_440:not(#\9) {
466
+ .awsui_icon-wrapper_4c84z_lkeqe_440:not(#\9) {
467
+ white-space: nowrap;
468
+ }
469
+
470
+ .awsui_icon_4c84z_lkeqe_440:not(#\9) {
467
471
  display: inline-block;
468
472
  }
package/lib/internal/template/link/styles.selectors.js CHANGED
@@ -2,23 +2,24 @@
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_1sd6c_93",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_1sd6c_138",
7
- "variant-primary": "awsui_variant-primary_4c84z_1sd6c_173",
8
- "variant-info": "awsui_variant-info_4c84z_1sd6c_208",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_1sd6c_243",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1sd6c_277",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_1sd6c_312",
12
- "button": "awsui_button_4c84z_1sd6c_347",
13
- "color-inverted": "awsui_color-inverted_4c84z_1sd6c_382",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1sd6c_401",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1sd6c_406",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1sd6c_410",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1sd6c_414",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1sd6c_419",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1sd6c_424",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1sd6c_429",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1sd6c_434",
22
- "icon": "awsui_icon_4c84z_1sd6c_440"
5
+ "link": "awsui_link_4c84z_lkeqe_93",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_lkeqe_138",
7
+ "variant-primary": "awsui_variant-primary_4c84z_lkeqe_173",
8
+ "variant-info": "awsui_variant-info_4c84z_lkeqe_208",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_lkeqe_243",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_lkeqe_277",
11
+ "variant-recovery": "awsui_variant-recovery_4c84z_lkeqe_312",
12
+ "button": "awsui_button_4c84z_lkeqe_347",
13
+ "color-inverted": "awsui_color-inverted_4c84z_lkeqe_382",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_lkeqe_401",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_lkeqe_406",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_lkeqe_410",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_lkeqe_414",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_lkeqe_419",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_lkeqe_424",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_lkeqe_429",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_lkeqe_434",
22
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_lkeqe_440",
23
+ "icon": "awsui_icon_4c84z_lkeqe_440"
23
24
  };
24
25
 
package/lib/internal/template/mixed-line-bar-chart/bar-series.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAuFnB"}
1
+ {"version":3,"file":"bar-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAGhE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,MAAM,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAEhD,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAGrC,iBAAiB,CAAC,EAAE,cAAc,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,SAAS,cAAc,EAAE,EAC1D,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,iBAAiB,GAClB,EAAE,cAAc,CAAC,CAAC,CAAC,eAqFnB"}
package/lib/internal/template/mixed-line-bar-chart/bar-series.js CHANGED
@@ -1,6 +1,6 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import React, { useMemo, useRef } from 'react';
3
+ import React, { useMemo } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { matchesX, getKeyValue } from './utils';
6
6
  import styles from './styles.css.js';
@@ -8,8 +8,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
8
8
  export default function BarSeries(_a) {
9
9
  var _b;
10
10
  var axis = _a.axis, series = _a.series, color = _a.color, xScale = _a.xScale, yScale = _a.yScale, highlighted = _a.highlighted, dimmed = _a.dimmed, highlightedGroupIndex = _a.highlightedGroupIndex, stackedBarOffsets = _a.stackedBarOffsets, totalSeriesCount = _a.totalSeriesCount, seriesIndex = _a.seriesIndex, plotSize = _a.plotSize, chartAreaClipPath = _a.chartAreaClipPath;
11
- var seriesRef = useRef(null);
12
- var isRefresh = useVisualRefresh(seriesRef);
11
+ var isRefresh = useVisualRefresh();
13
12
  var xCoordinates = useMemo(function () {
14
13
  var _a;
15
14
  if (series.type !== 'bar' || !xScale.isCategorical()) {
@@ -58,7 +57,7 @@ export default function BarSeries(_a) {
58
57
  return (React.createElement("g", { "aria-label": series.title, clipPath: "url(#".concat(chartAreaClipPath, ")"), className: clsx(styles.series, styles['series--bar'], (_b = {},
59
58
  _b[styles['series--highlighted']] = highlighted,
60
59
  _b[styles['series--dimmed']] = dimmed,
61
- _b)), ref: seriesRef }, xCoordinates.map(function (_a, i) {
60
+ _b)) }, xCoordinates.map(function (_a, i) {
62
61
  var _b;
63
62
  var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
64
63
  return isFinite(x) &&
package/lib/internal/template/mixed-line-bar-chart/bar-series.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo, useRef } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n axis: 'x' | 'y';\n\n series: MixedLineBarChartProps.BarDataSeries<T>;\n\n color: string;\n totalSeriesCount: number;\n seriesIndex: number;\n\n xScale: ChartScale;\n yScale: NumericChartScale;\n\n plotSize: number;\n chartAreaClipPath: string;\n\n highlighted: boolean;\n dimmed: boolean;\n highlightedGroupIndex: number | null;\n\n // Contains the cumulative offset for each x value in a stacked bar chart\n stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n axis,\n series,\n color,\n xScale,\n yScale,\n highlighted,\n dimmed,\n highlightedGroupIndex,\n stackedBarOffsets,\n totalSeriesCount,\n seriesIndex,\n plotSize,\n chartAreaClipPath,\n}: BarSeriesProps<T>) {\n const seriesRef = useRef(null);\n const isRefresh = useVisualRefresh(seriesRef);\n\n const xCoordinates = useMemo(() => {\n if (series.type !== 'bar' || !xScale.isCategorical()) {\n return [];\n }\n\n const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n ({ x }) => xScale.d3Scale(x) || NaN\n );\n\n const zeroY = yScale.d3Scale(0) ?? NaN;\n const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n let barWidth = xScale.d3Scale.bandwidth();\n\n const PADDING = 4;\n const MINWIDTH = 4;\n\n if (!stackedBarOffsets && totalSeriesCount > 1) {\n // Regular grouped bars\n barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n barWidth = Math.max(barWidth, MINWIDTH);\n }\n\n return xPoints.map((x, i) => {\n const d = series.data[i];\n let barX = x;\n let yValue = d.y;\n\n if (stackedBarOffsets) {\n // Stacked bars\n const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n } else if (totalSeriesCount > 1) {\n // Regular grouped bars\n barX += seriesIndex * (barWidth + PADDING);\n }\n\n // Account for negative values growing \"down\" instead of \"up\"\n yValue = yValue < 0 ? yValue - d.y : yValue;\n\n return {\n x: barX,\n y: yContinuosScale(yValue) ?? NaN,\n width: barWidth,\n height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n };\n });\n }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n return (\n <g\n aria-label={series.title}\n clipPath={`url(#${chartAreaClipPath})`}\n className={clsx(styles.series, styles['series--bar'], {\n [styles['series--highlighted']]: highlighted,\n [styles['series--dimmed']]: dimmed,\n })}\n ref={seriesRef}\n >\n {xCoordinates.map(\n ({ x, y, width, height }, i) =>\n isFinite(x) &&\n isFinite(height) && (\n <rect\n key={`bar-${i}`}\n fill={color}\n x={axis === 'x' ? x : y - height}\n y={axis === 'x' ? y : x}\n width={axis === 'x' ? width : height}\n height={axis === 'x' ? height : width}\n rx={isRefresh ? '4px' : '0px'}\n className={clsx(styles.series__rect, {\n [styles['series--dimmed']]:\n highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n })}\n />\n )\n )}\n </g>\n );\n}\n"]}
1
+ {"version":3,"file":"bar-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/bar-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport clsx from 'clsx';\nimport { ScaleContinuousNumeric, ScaleTime } from 'd3-scale';\n\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport { ChartDataTypes, MixedLineBarChartProps } from './interfaces';\nimport { matchesX, getKeyValue, StackedOffsets } from './utils';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nexport interface BarSeriesProps<T> {\n axis: 'x' | 'y';\n\n series: MixedLineBarChartProps.BarDataSeries<T>;\n\n color: string;\n totalSeriesCount: number;\n seriesIndex: number;\n\n xScale: ChartScale;\n yScale: NumericChartScale;\n\n plotSize: number;\n chartAreaClipPath: string;\n\n highlighted: boolean;\n dimmed: boolean;\n highlightedGroupIndex: number | null;\n\n // Contains the cumulative offset for each x value in a stacked bar chart\n stackedBarOffsets?: StackedOffsets;\n}\n\nexport default function BarSeries<T extends ChartDataTypes>({\n axis,\n series,\n color,\n xScale,\n yScale,\n highlighted,\n dimmed,\n highlightedGroupIndex,\n stackedBarOffsets,\n totalSeriesCount,\n seriesIndex,\n plotSize,\n chartAreaClipPath,\n}: BarSeriesProps<T>) {\n const isRefresh = useVisualRefresh();\n\n const xCoordinates = useMemo(() => {\n if (series.type !== 'bar' || !xScale.isCategorical()) {\n return [];\n }\n\n const yContinuosScale: ScaleContinuousNumeric<number, number> | ScaleTime<number, number> = yScale.d3Scale;\n const xPoints = (series.data as ReadonlyArray<MixedLineBarChartProps.Datum<ChartDataTypes>>).map(\n ({ x }) => xScale.d3Scale(x) || NaN\n );\n\n const zeroY = yScale.d3Scale(0) ?? NaN;\n const baseY = isFinite(zeroY) ? Math.min(plotSize, zeroY) : plotSize;\n\n let barWidth = xScale.d3Scale.bandwidth();\n\n const PADDING = 4;\n const MINWIDTH = 4;\n\n if (!stackedBarOffsets && totalSeriesCount > 1) {\n // Regular grouped bars\n barWidth = (barWidth - (totalSeriesCount - 1) * PADDING) / totalSeriesCount;\n barWidth = Math.max(barWidth, MINWIDTH);\n }\n\n return xPoints.map((x, i) => {\n const d = series.data[i];\n let barX = x;\n let yValue = d.y;\n\n if (stackedBarOffsets) {\n // Stacked bars\n const offsetMap = d.y < 0 ? stackedBarOffsets.negativeOffsets : stackedBarOffsets.positiveOffsets;\n yValue = d.y + (offsetMap[getKeyValue(d.x)] || 0);\n } else if (totalSeriesCount > 1) {\n // Regular grouped bars\n barX += seriesIndex * (barWidth + PADDING);\n }\n\n // Account for negative values growing \"down\" instead of \"up\"\n yValue = yValue < 0 ? yValue - d.y : yValue;\n\n return {\n x: barX,\n y: yContinuosScale(yValue) ?? NaN,\n width: barWidth,\n height: Math.abs((yContinuosScale(d.y) ?? NaN) - baseY),\n };\n });\n }, [series, xScale, yScale, plotSize, stackedBarOffsets, totalSeriesCount, seriesIndex]);\n\n const highlightedXValue = highlightedGroupIndex !== null ? xScale.domain[highlightedGroupIndex] : null;\n\n return (\n <g\n aria-label={series.title}\n clipPath={`url(#${chartAreaClipPath})`}\n className={clsx(styles.series, styles['series--bar'], {\n [styles['series--highlighted']]: highlighted,\n [styles['series--dimmed']]: dimmed,\n })}\n >\n {xCoordinates.map(\n ({ x, y, width, height }, i) =>\n isFinite(x) &&\n isFinite(height) && (\n <rect\n key={`bar-${i}`}\n fill={color}\n x={axis === 'x' ? x : y - height}\n y={axis === 'x' ? y : x}\n width={axis === 'x' ? width : height}\n height={axis === 'x' ? height : width}\n rx={isRefresh ? '4px' : '0px'}\n className={clsx(styles.series__rect, {\n [styles['series--dimmed']]:\n highlightedXValue !== null && !matchesX(highlightedXValue, series.data[i].x),\n })}\n />\n )\n )}\n </g>\n );\n}\n"]}
package/lib/internal/template/mixed-line-bar-chart/chart-container.js CHANGED
@@ -42,7 +42,7 @@ export default function ChartContainer(_a) {
42
42
  var plotWidth = containerWidth ? containerWidth - leftLabelsWidth - LEFT_LABELS_MARGIN : 500;
43
43
  var containerRefObject = useRef(null);
44
44
  var containerRef = useMergeRefs(containerMeasureRef, containerRefObject);
45
- var isRefresh = useVisualRefresh(containerRefObject);
45
+ var isRefresh = useVisualRefresh();
46
46
  var linesOnly = series.every(function (_a) {
47
47
  var series = _a.series;
48
48
  return series.type === 'line' || series.type === 'threshold';