@cloudscape-design/components-themeable 3.0.1213 → 3.0.1215

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 (47) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/components/card/styles.scss +1 -0
  3. package/lib/internal/scss/internal/components/dropdown/styles.scss +4 -0
  4. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  5. package/lib/internal/scss/internal/styles/typography/constants.scss +1 -0
  6. package/lib/internal/scss/internal/styles/typography/mixins.scss +26 -11
  7. package/lib/internal/template/cards/styles.css.js +38 -38
  8. package/lib/internal/template/cards/styles.scoped.css +40 -39
  9. package/lib/internal/template/cards/styles.selectors.js +38 -38
  10. package/lib/internal/template/header/styles.css.js +34 -34
  11. package/lib/internal/template/header/styles.scoped.css +55 -52
  12. package/lib/internal/template/header/styles.selectors.js +34 -34
  13. package/lib/internal/template/help-panel/styles.css.js +6 -6
  14. package/lib/internal/template/help-panel/styles.scoped.css +72 -67
  15. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  16. package/lib/internal/template/internal/base-component/styles.scoped.css +3 -1
  17. package/lib/internal/template/internal/components/card/styles.css.js +11 -11
  18. package/lib/internal/template/internal/components/card/styles.scoped.css +26 -24
  19. package/lib/internal/template/internal/components/card/styles.selectors.js +11 -11
  20. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  21. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +67 -37
  22. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  23. package/lib/internal/template/internal/environment.js +2 -2
  24. package/lib/internal/template/internal/environment.json +2 -2
  25. package/lib/internal/template/internal/generated/styles/tokens.d.ts +1 -0
  26. package/lib/internal/template/internal/generated/styles/tokens.js +1 -0
  27. package/lib/internal/template/internal/generated/theming/index.cjs +5 -0
  28. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +9 -0
  29. package/lib/internal/template/internal/generated/theming/index.d.ts +9 -0
  30. package/lib/internal/template/internal/generated/theming/index.js +5 -0
  31. package/lib/internal/template/popover/styles.css.js +57 -57
  32. package/lib/internal/template/popover/styles.scoped.css +91 -89
  33. package/lib/internal/template/popover/styles.selectors.js +57 -57
  34. package/lib/internal/template/side-navigation/styles.css.js +30 -30
  35. package/lib/internal/template/side-navigation/styles.scoped.css +47 -46
  36. package/lib/internal/template/side-navigation/styles.selectors.js +30 -30
  37. package/lib/internal/template/test-utils/dom/wizard/index.js +2 -2
  38. package/lib/internal/template/test-utils/dom/wizard/index.js.map +1 -1
  39. package/lib/internal/template/test-utils/selectors/wizard/index.js +2 -2
  40. package/lib/internal/template/test-utils/selectors/wizard/index.js.map +1 -1
  41. package/lib/internal/template/text-content/styles.css.js +1 -1
  42. package/lib/internal/template/text-content/styles.scoped.css +65 -60
  43. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  44. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  45. package/lib/internal/template/top-navigation/styles.scoped.css +66 -65
  46. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  47. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "f13e0284a002a6daf9a57b9a609c3722269f9ea3"
2
+ "commit": "8212f28bd71d8701206b2c78e2807c1450a873db"
3
3
  }
package/lib/internal/scss/internal/components/card/styles.scss CHANGED
@@ -15,6 +15,7 @@
15
15
  border-end-start-radius: awsui.$border-radius-container;
16
16
  border-end-end-radius: awsui.$border-radius-container;
17
17
  box-sizing: border-box;
18
+ block-size: 100%;
18
19
 
19
20
  &::before {
20
21
  @include styles.base-pseudo-element;
package/lib/internal/scss/internal/components/dropdown/styles.scss CHANGED
@@ -38,6 +38,10 @@
38
38
  }
39
39
 
40
40
  &-content-wrapper {
41
+ // Apply styles-reset to ensure font-family and other styles are properly set
42
+ // when expandToViewport is true (dropdown rendered via portal to document.body)
43
+ @include styles.styles-reset;
44
+ white-space: inherit;
41
45
  position: relative;
42
46
  background-color: awsui.$color-background-dropdown-item-default;
43
47
  outline: none;
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "f13e0284";
3
+ $awsui-commit-hash: "8212f28b";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-c5ek4l;
6
6
  $minContentWidth: --awsui-min-content-width-c5ek4l;
package/lib/internal/scss/internal/styles/typography/constants.scss CHANGED
@@ -10,6 +10,7 @@ $base-size: 10px;
10
10
 
11
11
  // Font families
12
12
  $font-family-base: awsui.$font-family-base;
13
+ $font-family-heading: awsui.$font-family-heading;
13
14
  $font-family-monospace: awsui.$font-family-monospace;
14
15
 
15
16
  // Font weights
package/lib/internal/scss/internal/styles/typography/mixins.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  @include font-body-m;
17
17
  color: awsui.$color-text-body-default;
18
18
  font-weight: constants.$font-weight-normal;
19
- font-family: constants.$font-family-base;
19
+ font-family: awsui.$font-family-base;
20
20
  -webkit-font-smoothing: auto;
21
21
  -moz-osx-font-smoothing: auto;
22
22
  }
@@ -32,7 +32,10 @@
32
32
  line-height: awsui.$line-height-body-m;
33
33
  }
34
34
 
35
- @mixin font-heading-xs($weight: true) {
35
+ @mixin font-heading-xs($weight: true, $family: true) {
36
+ @if $family {
37
+ font-family: awsui.$font-family-heading;
38
+ }
36
39
  font-size: awsui.$font-size-heading-xs;
37
40
  line-height: awsui.$line-height-heading-xs;
38
41
  @if $weight {
@@ -41,7 +44,10 @@
41
44
  }
42
45
  }
43
46
 
44
- @mixin font-heading-s($weight: true) {
47
+ @mixin font-heading-s($weight: true, $family: true) {
48
+ @if $family {
49
+ font-family: awsui.$font-family-heading;
50
+ }
45
51
  font-size: awsui.$font-size-heading-s;
46
52
  line-height: awsui.$line-height-heading-s;
47
53
  letter-spacing: awsui.$letter-spacing-heading-s;
@@ -51,7 +57,10 @@
51
57
  }
52
58
  }
53
59
 
54
- @mixin font-heading-m($weight: true) {
60
+ @mixin font-heading-m($weight: true, $family: true) {
61
+ @if $family {
62
+ font-family: awsui.$font-family-heading;
63
+ }
55
64
  font-size: awsui.$font-size-heading-m;
56
65
  line-height: awsui.$line-height-heading-m;
57
66
  letter-spacing: awsui.$letter-spacing-heading-m;
@@ -61,7 +70,10 @@
61
70
  }
62
71
  }
63
72
 
64
- @mixin font-heading-l($weight: true) {
73
+ @mixin font-heading-l($weight: true, $family: true) {
74
+ @if $family {
75
+ font-family: awsui.$font-family-heading;
76
+ }
65
77
  font-size: awsui.$font-size-heading-l;
66
78
  line-height: awsui.$line-height-heading-l;
67
79
  letter-spacing: awsui.$letter-spacing-heading-l;
@@ -71,7 +83,10 @@
71
83
  }
72
84
  }
73
85
 
74
- @mixin font-heading-xl($weight: true) {
86
+ @mixin font-heading-xl($weight: true, $family: true) {
87
+ @if $family {
88
+ font-family: awsui.$font-family-heading;
89
+ }
75
90
  font-size: awsui.$font-size-heading-xl;
76
91
  line-height: awsui.$line-height-heading-xl;
77
92
  letter-spacing: awsui.$letter-spacing-heading-xl;
@@ -129,19 +144,19 @@
129
144
  @include font-body-m;
130
145
  }
131
146
  @if $font-size == heading-xs {
132
- @include font-heading-xs($weight: false);
147
+ @include font-heading-xs($weight: false, $family: false);
133
148
  }
134
149
  @if $font-size == heading-s {
135
- @include font-heading-s($weight: false);
150
+ @include font-heading-s($weight: false, $family: false);
136
151
  }
137
152
  @if $font-size == heading-m {
138
- @include font-heading-m($weight: false);
153
+ @include font-heading-m($weight: false, $family: false);
139
154
  }
140
155
  @if $font-size == heading-l {
141
- @include font-heading-l($weight: false);
156
+ @include font-heading-l($weight: false, $family: false);
142
157
  }
143
158
  @if $font-size == heading-xl {
144
- @include font-heading-xl($weight: false);
159
+ @include font-heading-xl($weight: false, $family: false);
145
160
  }
146
161
  @if $font-size == display-l {
147
162
  @include font-display-l;
package/lib/internal/template/cards/styles.css.js CHANGED
@@ -1,43 +1,43 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_p8a6i_1s5sk_145",
5
- "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1s5sk_177",
6
- "header-refresh": "awsui_header-refresh_p8a6i_1s5sk_177",
7
- "list": "awsui_list_p8a6i_1s5sk_184",
8
- "list-grid-1": "awsui_list-grid-1_p8a6i_1s5sk_195",
9
- "card": "awsui_card_p8a6i_1s5sk_195",
10
- "list-grid-2": "awsui_list-grid-2_p8a6i_1s5sk_198",
11
- "list-grid-3": "awsui_list-grid-3_p8a6i_1s5sk_201",
12
- "list-grid-4": "awsui_list-grid-4_p8a6i_1s5sk_204",
13
- "list-grid-5": "awsui_list-grid-5_p8a6i_1s5sk_207",
14
- "list-grid-6": "awsui_list-grid-6_p8a6i_1s5sk_210",
15
- "list-grid-7": "awsui_list-grid-7_p8a6i_1s5sk_213",
16
- "list-grid-8": "awsui_list-grid-8_p8a6i_1s5sk_216",
17
- "list-grid-9": "awsui_list-grid-9_p8a6i_1s5sk_219",
18
- "list-grid-10": "awsui_list-grid-10_p8a6i_1s5sk_222",
19
- "list-grid-11": "awsui_list-grid-11_p8a6i_1s5sk_225",
20
- "list-grid-12": "awsui_list-grid-12_p8a6i_1s5sk_228",
21
- "list-grid-13": "awsui_list-grid-13_p8a6i_1s5sk_231",
22
- "list-grid-14": "awsui_list-grid-14_p8a6i_1s5sk_234",
23
- "list-grid-15": "awsui_list-grid-15_p8a6i_1s5sk_237",
24
- "list-grid-16": "awsui_list-grid-16_p8a6i_1s5sk_240",
25
- "list-grid-17": "awsui_list-grid-17_p8a6i_1s5sk_243",
26
- "list-grid-18": "awsui_list-grid-18_p8a6i_1s5sk_246",
27
- "list-grid-19": "awsui_list-grid-19_p8a6i_1s5sk_249",
28
- "list-grid-20": "awsui_list-grid-20_p8a6i_1s5sk_252",
29
- "selection-control": "awsui_selection-control_p8a6i_1s5sk_256",
30
- "loading": "awsui_loading_p8a6i_1s5sk_266",
31
- "empty": "awsui_empty_p8a6i_1s5sk_267",
32
- "has-header": "awsui_has-header_p8a6i_1s5sk_274",
33
- "refresh": "awsui_refresh_p8a6i_1s5sk_277",
34
- "card-header": "awsui_card-header_p8a6i_1s5sk_293",
35
- "card-header-inner": "awsui_card-header-inner_p8a6i_1s5sk_301",
36
- "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1s5sk_304",
37
- "card-selected": "awsui_card-selected_p8a6i_1s5sk_307",
38
- "section": "awsui_section_p8a6i_1s5sk_311",
39
- "section-header": "awsui_section-header_p8a6i_1s5sk_318",
40
- "section-content": "awsui_section-content_p8a6i_1s5sk_324",
41
- "footer-pagination": "awsui_footer-pagination_p8a6i_1s5sk_336"
4
+ "root": "awsui_root_p8a6i_1e0i0_145",
5
+ "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1e0i0_177",
6
+ "header-refresh": "awsui_header-refresh_p8a6i_1e0i0_177",
7
+ "list": "awsui_list_p8a6i_1e0i0_184",
8
+ "list-grid-1": "awsui_list-grid-1_p8a6i_1e0i0_195",
9
+ "card": "awsui_card_p8a6i_1e0i0_195",
10
+ "list-grid-2": "awsui_list-grid-2_p8a6i_1e0i0_198",
11
+ "list-grid-3": "awsui_list-grid-3_p8a6i_1e0i0_201",
12
+ "list-grid-4": "awsui_list-grid-4_p8a6i_1e0i0_204",
13
+ "list-grid-5": "awsui_list-grid-5_p8a6i_1e0i0_207",
14
+ "list-grid-6": "awsui_list-grid-6_p8a6i_1e0i0_210",
15
+ "list-grid-7": "awsui_list-grid-7_p8a6i_1e0i0_213",
16
+ "list-grid-8": "awsui_list-grid-8_p8a6i_1e0i0_216",
17
+ "list-grid-9": "awsui_list-grid-9_p8a6i_1e0i0_219",
18
+ "list-grid-10": "awsui_list-grid-10_p8a6i_1e0i0_222",
19
+ "list-grid-11": "awsui_list-grid-11_p8a6i_1e0i0_225",
20
+ "list-grid-12": "awsui_list-grid-12_p8a6i_1e0i0_228",
21
+ "list-grid-13": "awsui_list-grid-13_p8a6i_1e0i0_231",
22
+ "list-grid-14": "awsui_list-grid-14_p8a6i_1e0i0_234",
23
+ "list-grid-15": "awsui_list-grid-15_p8a6i_1e0i0_237",
24
+ "list-grid-16": "awsui_list-grid-16_p8a6i_1e0i0_240",
25
+ "list-grid-17": "awsui_list-grid-17_p8a6i_1e0i0_243",
26
+ "list-grid-18": "awsui_list-grid-18_p8a6i_1e0i0_246",
27
+ "list-grid-19": "awsui_list-grid-19_p8a6i_1e0i0_249",
28
+ "list-grid-20": "awsui_list-grid-20_p8a6i_1e0i0_252",
29
+ "selection-control": "awsui_selection-control_p8a6i_1e0i0_256",
30
+ "loading": "awsui_loading_p8a6i_1e0i0_266",
31
+ "empty": "awsui_empty_p8a6i_1e0i0_267",
32
+ "has-header": "awsui_has-header_p8a6i_1e0i0_274",
33
+ "refresh": "awsui_refresh_p8a6i_1e0i0_277",
34
+ "card-header": "awsui_card-header_p8a6i_1e0i0_293",
35
+ "card-header-inner": "awsui_card-header-inner_p8a6i_1e0i0_302",
36
+ "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1e0i0_305",
37
+ "card-selected": "awsui_card-selected_p8a6i_1e0i0_308",
38
+ "section": "awsui_section_p8a6i_1e0i0_312",
39
+ "section-header": "awsui_section-header_p8a6i_1e0i0_319",
40
+ "section-content": "awsui_section-content_p8a6i_1e0i0_325",
41
+ "footer-pagination": "awsui_footer-pagination_p8a6i_1e0i0_337"
42
42
  };
43
43
 
package/lib/internal/template/cards/styles.scoped.css CHANGED
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_p8a6i_1s5sk_145:not(#\9) {
145
+ .awsui_root_p8a6i_1e0i0_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -174,14 +174,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
174
174
  -moz-osx-font-smoothing: auto;
175
175
  }
176
176
 
177
- .awsui_header-variant-full-page_p8a6i_1s5sk_177.awsui_header-refresh_p8a6i_1s5sk_177:not(#\9) {
177
+ .awsui_header-variant-full-page_p8a6i_1e0i0_177.awsui_header-refresh_p8a6i_1e0i0_177:not(#\9) {
178
178
  padding-block-start: 0;
179
179
  padding-inline-start: 0;
180
180
  padding-inline-end: 0;
181
181
  padding-block-end: calc(var(--space-container-header-bottom-rbnprk, 12px) + var(--space-table-header-tools-full-page-bottom-1o73je, 4px));
182
182
  }
183
183
 
184
- .awsui_list_p8a6i_1s5sk_184:not(#\9) {
184
+ .awsui_list_p8a6i_1e0i0_184:not(#\9) {
185
185
  display: flex;
186
186
  flex-wrap: wrap;
187
187
  box-sizing: border-box;
@@ -192,68 +192,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
192
192
  margin-inline-start: calc(var(--space-grid-gutter-nm7ylt, 20px) * -1);
193
193
  margin-inline-end: 0;
194
194
  }
195
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-1_p8a6i_1s5sk_195 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
195
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-1_p8a6i_1e0i0_195 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
196
196
  inline-size: 100%;
197
197
  }
198
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-2_p8a6i_1s5sk_198 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
198
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-2_p8a6i_1e0i0_198 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
199
199
  inline-size: 50%;
200
200
  }
201
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-3_p8a6i_1s5sk_201 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
201
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-3_p8a6i_1e0i0_201 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
202
202
  inline-size: 33.3333333333%;
203
203
  }
204
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-4_p8a6i_1s5sk_204 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
204
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-4_p8a6i_1e0i0_204 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
205
205
  inline-size: 25%;
206
206
  }
207
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-5_p8a6i_1s5sk_207 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
207
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-5_p8a6i_1e0i0_207 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
208
208
  inline-size: 20%;
209
209
  }
210
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-6_p8a6i_1s5sk_210 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
210
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-6_p8a6i_1e0i0_210 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
211
211
  inline-size: 16.6666666667%;
212
212
  }
213
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-7_p8a6i_1s5sk_213 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
213
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-7_p8a6i_1e0i0_213 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
214
214
  inline-size: 14.2857142857%;
215
215
  }
216
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-8_p8a6i_1s5sk_216 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
216
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-8_p8a6i_1e0i0_216 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
217
217
  inline-size: 12.5%;
218
218
  }
219
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-9_p8a6i_1s5sk_219 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
219
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-9_p8a6i_1e0i0_219 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
220
220
  inline-size: 11.1111111111%;
221
221
  }
222
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-10_p8a6i_1s5sk_222 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
222
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-10_p8a6i_1e0i0_222 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
223
223
  inline-size: 10%;
224
224
  }
225
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-11_p8a6i_1s5sk_225 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
225
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-11_p8a6i_1e0i0_225 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
226
226
  inline-size: 9.0909090909%;
227
227
  }
228
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-12_p8a6i_1s5sk_228 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
228
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-12_p8a6i_1e0i0_228 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
229
229
  inline-size: 8.3333333333%;
230
230
  }
231
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-13_p8a6i_1s5sk_231 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
231
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-13_p8a6i_1e0i0_231 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
232
232
  inline-size: 7.6923076923%;
233
233
  }
234
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-14_p8a6i_1s5sk_234 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
234
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-14_p8a6i_1e0i0_234 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
235
235
  inline-size: 7.1428571429%;
236
236
  }
237
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-15_p8a6i_1s5sk_237 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
237
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-15_p8a6i_1e0i0_237 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
238
238
  inline-size: 6.6666666667%;
239
239
  }
240
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-16_p8a6i_1s5sk_240 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
240
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-16_p8a6i_1e0i0_240 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
241
241
  inline-size: 6.25%;
242
242
  }
243
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-17_p8a6i_1s5sk_243 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
243
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-17_p8a6i_1e0i0_243 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
244
244
  inline-size: 5.8823529412%;
245
245
  }
246
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-18_p8a6i_1s5sk_246 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
246
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-18_p8a6i_1e0i0_246 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
247
247
  inline-size: 5.5555555556%;
248
248
  }
249
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-19_p8a6i_1s5sk_249 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
249
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-19_p8a6i_1e0i0_249 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
250
250
  inline-size: 5.2631578947%;
251
251
  }
252
- .awsui_list_p8a6i_1s5sk_184.awsui_list-grid-20_p8a6i_1s5sk_252 > .awsui_card_p8a6i_1s5sk_195:not(#\9) {
252
+ .awsui_list_p8a6i_1e0i0_184.awsui_list-grid-20_p8a6i_1e0i0_252 > .awsui_card_p8a6i_1e0i0_195:not(#\9) {
253
253
  inline-size: 5%;
254
254
  }
255
255
 
256
- .awsui_selection-control_p8a6i_1s5sk_256:not(#\9) {
256
+ .awsui_selection-control_p8a6i_1e0i0_256:not(#\9) {
257
257
  position: absolute;
258
258
  box-sizing: border-box;
259
259
  inline-size: calc(var(--size-control-lkpwjy, 14px) + 2 * var(--space-card-horizontal-0tbxbt, 20px));
@@ -263,22 +263,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
263
263
  padding-inline: var(--space-card-horizontal-0tbxbt, 20px);
264
264
  }
265
265
 
266
- .awsui_loading_p8a6i_1s5sk_266:not(#\9),
267
- .awsui_empty_p8a6i_1s5sk_267:not(#\9) {
266
+ .awsui_loading_p8a6i_1e0i0_266:not(#\9),
267
+ .awsui_empty_p8a6i_1e0i0_267:not(#\9) {
268
268
  overflow: hidden;
269
269
  text-align: center;
270
270
  color: var(--color-text-empty-vtt4l2, #687078);
271
271
  margin-block-end: var(--space-scaled-l-66n9sr, 20px);
272
272
  }
273
273
 
274
- .awsui_has-header_p8a6i_1s5sk_274:not(#\9) {
274
+ .awsui_has-header_p8a6i_1e0i0_274:not(#\9) {
275
275
  margin-block-start: var(--space-grid-gutter-nm7ylt, 20px);
276
276
  }
277
- .awsui_has-header_p8a6i_1s5sk_274.awsui_refresh_p8a6i_1s5sk_277.awsui_header-variant-full-page_p8a6i_1s5sk_177:not(#\9) {
277
+ .awsui_has-header_p8a6i_1e0i0_274.awsui_refresh_p8a6i_1e0i0_277.awsui_header-variant-full-page_p8a6i_1e0i0_177:not(#\9) {
278
278
  margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
279
279
  }
280
280
 
281
- .awsui_card_p8a6i_1s5sk_195:not(#\9) {
281
+ .awsui_card_p8a6i_1e0i0_195:not(#\9) {
282
282
  overflow-wrap: break-word;
283
283
  word-wrap: break-word;
284
284
  box-sizing: border-box;
@@ -290,7 +290,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
290
290
  padding-inline-end: 0;
291
291
  list-style: none;
292
292
  }
293
- .awsui_card-header_p8a6i_1s5sk_293:not(#\9) {
293
+ .awsui_card-header_p8a6i_1e0i0_293:not(#\9) {
294
+ font-family: var(--font-family-heading-gnchto, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
294
295
  font-size: var(--font-size-heading-m-56jjln, 18px);
295
296
  line-height: var(--line-height-heading-m-irezqt, 22px);
296
297
  letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -298,42 +299,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
298
299
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
299
300
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
300
301
  }
301
- .awsui_card-header-inner_p8a6i_1s5sk_301:not(#\9) {
302
+ .awsui_card-header-inner_p8a6i_1e0i0_302:not(#\9) {
302
303
  padding-block-start: var(--space-scaled-xxs-jatbiv, 4px);
303
304
  }
304
- .awsui_card-header-inner-selectable_p8a6i_1s5sk_304:not(#\9) {
305
+ .awsui_card-header-inner-selectable_p8a6i_1e0i0_305:not(#\9) {
305
306
  inline-size: 90%;
306
307
  }
307
- .awsui_card-selected_p8a6i_1s5sk_307:not(#\9) {
308
+ .awsui_card-selected_p8a6i_1e0i0_308:not(#\9) {
308
309
  /* Used in test utils */
309
310
  }
310
311
 
311
- .awsui_section_p8a6i_1s5sk_311:not(#\9) {
312
+ .awsui_section_p8a6i_1e0i0_312:not(#\9) {
312
313
  display: inline-block;
313
314
  box-sizing: border-box;
314
315
  padding-block-end: var(--space-scaled-xs-sppte9, 8px);
315
316
  padding-inline: 0;
316
317
  vertical-align: top;
317
318
  }
318
- .awsui_section-header_p8a6i_1s5sk_318:not(#\9) {
319
+ .awsui_section-header_p8a6i_1e0i0_319:not(#\9) {
319
320
  font-size: var(--font-size-body-m-vv54cm, 14px);
320
321
  line-height: var(--line-height-body-m-bedeoh, 22px);
321
322
  font-weight: var(--font-display-label-weight-ise9n2, 400);
322
323
  color: var(--color-text-label-482ybi, #545b64);
323
324
  }
324
- .awsui_section-content_p8a6i_1s5sk_324:not(#\9) {
325
+ .awsui_section-content_p8a6i_1e0i0_325:not(#\9) {
325
326
  /* used in test-utils */
326
327
  }
327
328
 
328
- .awsui_section_p8a6i_1s5sk_311:not(#\9):not(:first-child) {
329
+ .awsui_section_p8a6i_1e0i0_312:not(#\9):not(:first-child) {
329
330
  padding-block-start: var(--space-xs-kw7k3v, 8px);
330
331
  }
331
332
 
332
- .awsui_section_p8a6i_1s5sk_311:not(#\9):last-child {
333
+ .awsui_section_p8a6i_1e0i0_312:not(#\9):last-child {
333
334
  padding-block-end: 0;
334
335
  }
335
336
 
336
- .awsui_footer-pagination_p8a6i_1s5sk_336:not(#\9) {
337
+ .awsui_footer-pagination_p8a6i_1e0i0_337:not(#\9) {
337
338
  display: flex;
338
339
  justify-content: flex-end;
339
340
  }
package/lib/internal/template/cards/styles.selectors.js CHANGED
@@ -2,43 +2,43 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_p8a6i_1s5sk_145",
6
- "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1s5sk_177",
7
- "header-refresh": "awsui_header-refresh_p8a6i_1s5sk_177",
8
- "list": "awsui_list_p8a6i_1s5sk_184",
9
- "list-grid-1": "awsui_list-grid-1_p8a6i_1s5sk_195",
10
- "card": "awsui_card_p8a6i_1s5sk_195",
11
- "list-grid-2": "awsui_list-grid-2_p8a6i_1s5sk_198",
12
- "list-grid-3": "awsui_list-grid-3_p8a6i_1s5sk_201",
13
- "list-grid-4": "awsui_list-grid-4_p8a6i_1s5sk_204",
14
- "list-grid-5": "awsui_list-grid-5_p8a6i_1s5sk_207",
15
- "list-grid-6": "awsui_list-grid-6_p8a6i_1s5sk_210",
16
- "list-grid-7": "awsui_list-grid-7_p8a6i_1s5sk_213",
17
- "list-grid-8": "awsui_list-grid-8_p8a6i_1s5sk_216",
18
- "list-grid-9": "awsui_list-grid-9_p8a6i_1s5sk_219",
19
- "list-grid-10": "awsui_list-grid-10_p8a6i_1s5sk_222",
20
- "list-grid-11": "awsui_list-grid-11_p8a6i_1s5sk_225",
21
- "list-grid-12": "awsui_list-grid-12_p8a6i_1s5sk_228",
22
- "list-grid-13": "awsui_list-grid-13_p8a6i_1s5sk_231",
23
- "list-grid-14": "awsui_list-grid-14_p8a6i_1s5sk_234",
24
- "list-grid-15": "awsui_list-grid-15_p8a6i_1s5sk_237",
25
- "list-grid-16": "awsui_list-grid-16_p8a6i_1s5sk_240",
26
- "list-grid-17": "awsui_list-grid-17_p8a6i_1s5sk_243",
27
- "list-grid-18": "awsui_list-grid-18_p8a6i_1s5sk_246",
28
- "list-grid-19": "awsui_list-grid-19_p8a6i_1s5sk_249",
29
- "list-grid-20": "awsui_list-grid-20_p8a6i_1s5sk_252",
30
- "selection-control": "awsui_selection-control_p8a6i_1s5sk_256",
31
- "loading": "awsui_loading_p8a6i_1s5sk_266",
32
- "empty": "awsui_empty_p8a6i_1s5sk_267",
33
- "has-header": "awsui_has-header_p8a6i_1s5sk_274",
34
- "refresh": "awsui_refresh_p8a6i_1s5sk_277",
35
- "card-header": "awsui_card-header_p8a6i_1s5sk_293",
36
- "card-header-inner": "awsui_card-header-inner_p8a6i_1s5sk_301",
37
- "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1s5sk_304",
38
- "card-selected": "awsui_card-selected_p8a6i_1s5sk_307",
39
- "section": "awsui_section_p8a6i_1s5sk_311",
40
- "section-header": "awsui_section-header_p8a6i_1s5sk_318",
41
- "section-content": "awsui_section-content_p8a6i_1s5sk_324",
42
- "footer-pagination": "awsui_footer-pagination_p8a6i_1s5sk_336"
5
+ "root": "awsui_root_p8a6i_1e0i0_145",
6
+ "header-variant-full-page": "awsui_header-variant-full-page_p8a6i_1e0i0_177",
7
+ "header-refresh": "awsui_header-refresh_p8a6i_1e0i0_177",
8
+ "list": "awsui_list_p8a6i_1e0i0_184",
9
+ "list-grid-1": "awsui_list-grid-1_p8a6i_1e0i0_195",
10
+ "card": "awsui_card_p8a6i_1e0i0_195",
11
+ "list-grid-2": "awsui_list-grid-2_p8a6i_1e0i0_198",
12
+ "list-grid-3": "awsui_list-grid-3_p8a6i_1e0i0_201",
13
+ "list-grid-4": "awsui_list-grid-4_p8a6i_1e0i0_204",
14
+ "list-grid-5": "awsui_list-grid-5_p8a6i_1e0i0_207",
15
+ "list-grid-6": "awsui_list-grid-6_p8a6i_1e0i0_210",
16
+ "list-grid-7": "awsui_list-grid-7_p8a6i_1e0i0_213",
17
+ "list-grid-8": "awsui_list-grid-8_p8a6i_1e0i0_216",
18
+ "list-grid-9": "awsui_list-grid-9_p8a6i_1e0i0_219",
19
+ "list-grid-10": "awsui_list-grid-10_p8a6i_1e0i0_222",
20
+ "list-grid-11": "awsui_list-grid-11_p8a6i_1e0i0_225",
21
+ "list-grid-12": "awsui_list-grid-12_p8a6i_1e0i0_228",
22
+ "list-grid-13": "awsui_list-grid-13_p8a6i_1e0i0_231",
23
+ "list-grid-14": "awsui_list-grid-14_p8a6i_1e0i0_234",
24
+ "list-grid-15": "awsui_list-grid-15_p8a6i_1e0i0_237",
25
+ "list-grid-16": "awsui_list-grid-16_p8a6i_1e0i0_240",
26
+ "list-grid-17": "awsui_list-grid-17_p8a6i_1e0i0_243",
27
+ "list-grid-18": "awsui_list-grid-18_p8a6i_1e0i0_246",
28
+ "list-grid-19": "awsui_list-grid-19_p8a6i_1e0i0_249",
29
+ "list-grid-20": "awsui_list-grid-20_p8a6i_1e0i0_252",
30
+ "selection-control": "awsui_selection-control_p8a6i_1e0i0_256",
31
+ "loading": "awsui_loading_p8a6i_1e0i0_266",
32
+ "empty": "awsui_empty_p8a6i_1e0i0_267",
33
+ "has-header": "awsui_has-header_p8a6i_1e0i0_274",
34
+ "refresh": "awsui_refresh_p8a6i_1e0i0_277",
35
+ "card-header": "awsui_card-header_p8a6i_1e0i0_293",
36
+ "card-header-inner": "awsui_card-header-inner_p8a6i_1e0i0_302",
37
+ "card-header-inner-selectable": "awsui_card-header-inner-selectable_p8a6i_1e0i0_305",
38
+ "card-selected": "awsui_card-selected_p8a6i_1e0i0_308",
39
+ "section": "awsui_section_p8a6i_1e0i0_312",
40
+ "section-header": "awsui_section-header_p8a6i_1e0i0_319",
41
+ "section-content": "awsui_section-content_p8a6i_1e0i0_325",
42
+ "footer-pagination": "awsui_footer-pagination_p8a6i_1e0i0_337"
43
43
  };
44
44
 
package/lib/internal/template/header/styles.css.js CHANGED
@@ -1,39 +1,39 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2qdw9_1e1r5_185",
5
- "refresh": "awsui_refresh_2qdw9_1e1r5_221",
6
- "root-no-actions": "awsui_root-no-actions_2qdw9_1e1r5_221",
7
- "root-variant-h2": "awsui_root-variant-h2_2qdw9_1e1r5_224",
8
- "root-variant-h3": "awsui_root-variant-h3_2qdw9_1e1r5_224",
9
- "root-has-description": "awsui_root-has-description_2qdw9_1e1r5_224",
10
- "root-variant-h1": "awsui_root-variant-h1_2qdw9_1e1r5_233",
11
- "main": "awsui_main_2qdw9_1e1r5_243",
12
- "no-wrap": "awsui_no-wrap_2qdw9_1e1r5_253",
13
- "main-variant-h1": "awsui_main-variant-h1_2qdw9_1e1r5_259",
14
- "actions": "awsui_actions_2qdw9_1e1r5_267",
15
- "actions-centered": "awsui_actions-centered_2qdw9_1e1r5_272",
16
- "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1e1r5_275",
17
- "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1e1r5_279",
18
- "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1e1r5_283",
19
- "title": "awsui_title_2qdw9_1e1r5_299",
20
- "title-variant-h1": "awsui_title-variant-h1_2qdw9_1e1r5_304",
21
- "title-variant-h2": "awsui_title-variant-h2_2qdw9_1e1r5_311",
22
- "title-variant-h3": "awsui_title-variant-h3_2qdw9_1e1r5_317",
23
- "virtual-space": "awsui_virtual-space_2qdw9_1e1r5_338",
24
- "info": "awsui_info_2qdw9_1e1r5_344",
25
- "description": "awsui_description_2qdw9_1e1r5_348",
26
- "description-variant-h1": "awsui_description-variant-h1_2qdw9_1e1r5_355",
27
- "description-variant-h2": "awsui_description-variant-h2_2qdw9_1e1r5_359",
28
- "description-variant-h3": "awsui_description-variant-h3_2qdw9_1e1r5_366",
29
- "heading": "awsui_heading_2qdw9_1e1r5_377",
30
- "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1e1r5_402",
31
- "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1e1r5_407",
32
- "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1e1r5_412",
33
- "heading-text": "awsui_heading-text_2qdw9_1e1r5_418",
34
- "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_1e1r5_421",
35
- "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_1e1r5_429",
36
- "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_1e1r5_437",
37
- "counter": "awsui_counter_2qdw9_1e1r5_446"
4
+ "root": "awsui_root_2qdw9_zt021_185",
5
+ "refresh": "awsui_refresh_2qdw9_zt021_221",
6
+ "root-no-actions": "awsui_root-no-actions_2qdw9_zt021_221",
7
+ "root-variant-h2": "awsui_root-variant-h2_2qdw9_zt021_224",
8
+ "root-variant-h3": "awsui_root-variant-h3_2qdw9_zt021_224",
9
+ "root-has-description": "awsui_root-has-description_2qdw9_zt021_224",
10
+ "root-variant-h1": "awsui_root-variant-h1_2qdw9_zt021_233",
11
+ "main": "awsui_main_2qdw9_zt021_243",
12
+ "no-wrap": "awsui_no-wrap_2qdw9_zt021_253",
13
+ "main-variant-h1": "awsui_main-variant-h1_2qdw9_zt021_259",
14
+ "actions": "awsui_actions_2qdw9_zt021_267",
15
+ "actions-centered": "awsui_actions-centered_2qdw9_zt021_272",
16
+ "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_zt021_275",
17
+ "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_zt021_279",
18
+ "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_zt021_283",
19
+ "title": "awsui_title_2qdw9_zt021_299",
20
+ "title-variant-h1": "awsui_title-variant-h1_2qdw9_zt021_304",
21
+ "title-variant-h2": "awsui_title-variant-h2_2qdw9_zt021_311",
22
+ "title-variant-h3": "awsui_title-variant-h3_2qdw9_zt021_317",
23
+ "virtual-space": "awsui_virtual-space_2qdw9_zt021_338",
24
+ "info": "awsui_info_2qdw9_zt021_344",
25
+ "description": "awsui_description_2qdw9_zt021_348",
26
+ "description-variant-h1": "awsui_description-variant-h1_2qdw9_zt021_355",
27
+ "description-variant-h2": "awsui_description-variant-h2_2qdw9_zt021_359",
28
+ "description-variant-h3": "awsui_description-variant-h3_2qdw9_zt021_366",
29
+ "heading": "awsui_heading_2qdw9_zt021_377",
30
+ "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_zt021_402",
31
+ "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_zt021_407",
32
+ "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_zt021_412",
33
+ "heading-text": "awsui_heading-text_2qdw9_zt021_418",
34
+ "heading-text-variant-h1": "awsui_heading-text-variant-h1_2qdw9_zt021_421",
35
+ "heading-text-variant-h2": "awsui_heading-text-variant-h2_2qdw9_zt021_430",
36
+ "heading-text-variant-h3": "awsui_heading-text-variant-h3_2qdw9_zt021_439",
37
+ "counter": "awsui_counter_2qdw9_zt021_449"
38
38
  };
39
39