@cloudscape-design/components 3.0.150 → 3.0.152

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 (88) hide show
  1. package/box/styles.css.js +189 -189
  2. package/box/styles.scoped.css +239 -233
  3. package/box/styles.selectors.js +189 -189
  4. package/button/styles.css.js +18 -18
  5. package/button/styles.scoped.css +140 -138
  6. package/button/styles.selectors.js +18 -18
  7. package/cards/styles.css.js +37 -37
  8. package/cards/styles.scoped.css +46 -44
  9. package/cards/styles.selectors.js +37 -37
  10. package/container/interfaces.d.ts +8 -0
  11. package/container/interfaces.d.ts.map +1 -1
  12. package/container/interfaces.js.map +1 -1
  13. package/container/internal.d.ts +1 -1
  14. package/container/internal.d.ts.map +1 -1
  15. package/container/internal.js +2 -2
  16. package/container/internal.js.map +1 -1
  17. package/container/styles.css.js +17 -16
  18. package/container/styles.scoped.css +34 -33
  19. package/container/styles.selectors.js +17 -16
  20. package/expandable-section/styles.css.js +21 -21
  21. package/expandable-section/styles.scoped.css +44 -42
  22. package/expandable-section/styles.selectors.js +21 -21
  23. package/header/internal.d.ts.map +1 -1
  24. package/header/internal.js +1 -1
  25. package/header/internal.js.map +1 -1
  26. package/header/styles.css.js +44 -40
  27. package/header/styles.scoped.css +74 -52
  28. package/header/styles.selectors.js +44 -40
  29. package/help-panel/styles.css.js +4 -4
  30. package/help-panel/styles.scoped.css +72 -58
  31. package/help-panel/styles.selectors.js +4 -4
  32. package/internal/base-component/styles.scoped.css +2 -0
  33. package/internal/components/menu-dropdown/styles.css.js +7 -7
  34. package/internal/components/menu-dropdown/styles.scoped.css +16 -14
  35. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  36. package/internal/environment.js +1 -1
  37. package/internal/generated/theming/index.cjs +6 -0
  38. package/internal/generated/theming/index.js +6 -0
  39. package/internal/manifest.json +1 -1
  40. package/link/styles.css.js +20 -20
  41. package/link/styles.scoped.css +75 -71
  42. package/link/styles.selectors.js +20 -20
  43. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  44. package/mixed-line-bar-chart/chart-container.js +13 -8
  45. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  46. package/package.json +1 -1
  47. package/pagination/styles.css.js +9 -9
  48. package/pagination/styles.scoped.css +25 -23
  49. package/pagination/styles.selectors.js +9 -9
  50. package/pie-chart/pie-chart.d.ts.map +1 -1
  51. package/pie-chart/pie-chart.js +11 -4
  52. package/pie-chart/pie-chart.js.map +1 -1
  53. package/pie-chart/styles.css.js +27 -27
  54. package/pie-chart/styles.scoped.css +45 -43
  55. package/pie-chart/styles.selectors.js +27 -27
  56. package/popover/styles.css.js +50 -50
  57. package/popover/styles.scoped.css +67 -63
  58. package/popover/styles.selectors.js +50 -50
  59. package/progress-bar/styles.css.js +18 -18
  60. package/progress-bar/styles.scoped.css +34 -32
  61. package/progress-bar/styles.selectors.js +18 -18
  62. package/segmented-control/styles.css.js +14 -14
  63. package/segmented-control/styles.scoped.css +37 -35
  64. package/segmented-control/styles.selectors.js +14 -14
  65. package/side-navigation/styles.css.js +22 -22
  66. package/side-navigation/styles.scoped.css +36 -32
  67. package/side-navigation/styles.selectors.js +22 -22
  68. package/split-panel/styles.css.js +59 -59
  69. package/split-panel/styles.scoped.css +83 -81
  70. package/split-panel/styles.selectors.js +59 -59
  71. package/table/header-cell/styles.css.js +18 -18
  72. package/table/header-cell/styles.scoped.css +32 -30
  73. package/table/header-cell/styles.selectors.js +18 -18
  74. package/tabs/styles.css.js +21 -21
  75. package/tabs/styles.scoped.css +40 -38
  76. package/tabs/styles.selectors.js +21 -21
  77. package/tag-editor/styles.css.js +3 -3
  78. package/tag-editor/styles.scoped.css +12 -10
  79. package/tag-editor/styles.selectors.js +3 -3
  80. package/text-content/styles.css.js +1 -1
  81. package/text-content/styles.scoped.css +70 -60
  82. package/text-content/styles.selectors.js +1 -1
  83. package/top-navigation/1.0-beta/styles.css.js +25 -25
  84. package/top-navigation/1.0-beta/styles.scoped.css +44 -42
  85. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  86. package/top-navigation/styles.css.js +47 -47
  87. package/top-navigation/styles.scoped.css +72 -66
  88. package/top-navigation/styles.selectors.js +47 -47
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_root_14iqq_f25yn_97:not(#\9) {
97
+ .awsui_root_14iqq_wbmbk_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -129,11 +129,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  color: var(--color-text-body-default-ajf1h5, #000716);
130
130
  font-weight: 400;
131
131
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
- display: flex;
133
- flex-flow: column nowrap;
134
132
  word-wrap: break-word;
135
133
  }
136
- .awsui_root_14iqq_f25yn_97.awsui_variant-default_14iqq_f25yn_110:not(#\9), .awsui_root_14iqq_f25yn_97.awsui_variant-stacked_14iqq_f25yn_110:not(#\9) {
134
+ .awsui_root-fit-height_14iqq_wbmbk_108:not(#\9) {
135
+ display: flex;
136
+ flex-direction: column;
137
+ overflow: hidden;
138
+ height: 100%;
139
+ }
140
+ .awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
137
141
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
138
142
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
139
143
  border-radius: var(--border-radius-container-gh9ysk, 16px);
@@ -141,83 +145,82 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
141
145
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
142
146
  }
143
147
  @media screen and (-ms-high-contrast: active) {
144
- .awsui_root_14iqq_f25yn_97.awsui_variant-default_14iqq_f25yn_110:not(#\9), .awsui_root_14iqq_f25yn_97.awsui_variant-stacked_14iqq_f25yn_110:not(#\9) {
148
+ .awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
145
149
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
146
150
  }
147
151
  }
148
- .awsui_root_14iqq_f25yn_97.awsui_variant-stacked_14iqq_f25yn_110:not(#\9):not(:last-child) {
152
+ .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9):not(:last-child) {
149
153
  border-bottom-right-radius: 0;
150
154
  border-bottom-left-radius: 0;
151
155
  }
152
- .awsui_root_14iqq_f25yn_97.awsui_variant-stacked_14iqq_f25yn_110 + .awsui_root_14iqq_f25yn_97.awsui_variant-stacked_14iqq_f25yn_110:not(#\9) {
156
+ .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114 + .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
153
157
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
154
158
  border-top-left-radius: 0;
155
159
  border-top-right-radius: 0;
156
160
  box-shadow: var(--shadow-container-stacked-lumzae, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
157
161
  }
158
162
 
159
- .awsui_header_14iqq_f25yn_133:not(#\9) {
160
- flex: 0 0 auto;
163
+ .awsui_header_14iqq_wbmbk_137:not(#\9) {
161
164
  background-color: var(--color-background-container-header-4flbq5, #ffffff);
162
165
  border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
163
166
  border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
164
167
  }
165
- .awsui_header-sticky-disabled_14iqq_f25yn_139:not(#\9) {
168
+ .awsui_header-sticky-disabled_14iqq_wbmbk_142:not(#\9) {
166
169
  position: relative;
167
170
  z-index: 1;
168
171
  }
169
- .awsui_header-sticky-enabled_14iqq_f25yn_143:not(#\9) {
172
+ .awsui_header-sticky-enabled_14iqq_wbmbk_146:not(#\9) {
170
173
  top: 0;
171
174
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
172
175
  position: sticky;
173
176
  z-index: 800;
174
177
  }
175
- .awsui_header-stuck_14iqq_f25yn_149:not(#\9) {
178
+ .awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
176
179
  box-shadow: var(--shadow-sticky-embedded-qit8ba, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
177
180
  border: 0;
178
181
  border-radius: 0;
179
182
  }
180
- .awsui_header-dynamic-height_14iqq_f25yn_154.awsui_header-stuck_14iqq_f25yn_149:not(#\9) {
183
+ .awsui_header-dynamic-height_14iqq_wbmbk_157.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
181
184
  margin-bottom: calc(var(--font-heading-xl-line-height-doxfdj, 40px) - var(--font-heading-l-line-height-gev4n1, 30px));
182
185
  }
183
- .awsui_header_14iqq_f25yn_133:not(#\9):not(:empty) {
186
+ .awsui_header_14iqq_wbmbk_137:not(#\9):not(:empty) {
184
187
  border-bottom: var(--border-container-sticky-width-i7t7xe, 0px) solid var(--color-border-container-divider-4ade7z, transparent);
185
188
  }
186
- .awsui_header_14iqq_f25yn_133.awsui_with-paddings_14iqq_f25yn_160:not(#\9) {
189
+ .awsui_header_14iqq_wbmbk_137.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
187
190
  padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
188
191
  }
189
- .awsui_header_14iqq_f25yn_133.awsui_with-hidden-content_14iqq_f25yn_163:not(#\9) {
192
+ .awsui_header_14iqq_wbmbk_137.awsui_with-hidden-content_14iqq_wbmbk_166:not(#\9) {
190
193
  border-bottom-left-radius: var(--border-radius-container-gh9ysk, 16px);
191
194
  border-bottom-right-radius: var(--border-radius-container-gh9ysk, 16px);
192
195
  }
193
- .awsui_header-variant-cards_14iqq_f25yn_167:not(#\9) {
196
+ .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
194
197
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
195
198
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
196
199
  border-radius: var(--border-radius-container-gh9ysk, 16px);
197
200
  box-sizing: border-box;
198
201
  }
199
202
  @media screen and (-ms-high-contrast: active) {
200
- .awsui_header-variant-cards_14iqq_f25yn_167:not(#\9) {
203
+ .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
201
204
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
202
205
  }
203
206
  }
204
- .awsui_header-variant-cards_14iqq_f25yn_167:not(#\9):not(:empty) {
207
+ .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
205
208
  border-bottom: 1px solid #d5dbdb;
206
209
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
207
210
  }
208
211
  @supports (--css-variable-support-check: #000) {
209
- .awsui_header-variant-cards_14iqq_f25yn_167:not(#\9):not(:empty) {
212
+ .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
210
213
  border-bottom: 0;
211
214
  }
212
215
  }
213
- .awsui_header-variant-cards_14iqq_f25yn_167.awsui_header-stuck_14iqq_f25yn_149:not(#\9) {
216
+ .awsui_header-variant-cards_14iqq_wbmbk_170.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
214
217
  border-top-left-radius: 0;
215
218
  border-top-right-radius: 0;
216
219
  }
217
- .awsui_header-variant-full-page_14iqq_f25yn_191.awsui_header-stuck_14iqq_f25yn_149:not(#\9) {
220
+ .awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
218
221
  box-shadow: none;
219
222
  }
220
- .awsui_header-variant-full-page_14iqq_f25yn_191.awsui_header-stuck_14iqq_f25yn_149:not(#\9)::after {
223
+ .awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9)::after {
221
224
  content: "";
222
225
  position: absolute;
223
226
  right: 0;
@@ -232,26 +235,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
232
235
  The dynamic height dark header needs a background that will cover
233
236
  the default white background of the container component.
234
237
  */
235
- .awsui_dark-header_14iqq_f25yn_209:not(#\9) {
238
+ .awsui_dark-header_14iqq_wbmbk_212:not(#\9) {
236
239
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
237
240
  }
238
241
 
239
- .awsui_content_14iqq_f25yn_213:not(#\9) {
240
- flex: 1 0 auto;
242
+ .awsui_root-fit-height_14iqq_wbmbk_108 > .awsui_content_14iqq_wbmbk_216:not(#\9) {
243
+ flex: 1;
244
+ overflow: auto;
241
245
  }
242
- .awsui_content_14iqq_f25yn_213.awsui_with-paddings_14iqq_f25yn_160:not(#\9) {
246
+ .awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
243
247
  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
244
248
  }
245
- .awsui_header_14iqq_f25yn_133 + .awsui_content_14iqq_f25yn_213.awsui_with-paddings_14iqq_f25yn_160:not(#\9) {
249
+ .awsui_header_14iqq_wbmbk_137 + .awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
246
250
  padding-top: var(--space-container-content-top-fsd8nr, 0px);
247
251
  }
248
252
 
249
- .awsui_footer_14iqq_f25yn_223:not(#\9) {
250
- flex: 0 0 auto;
251
- }
252
- .awsui_footer_14iqq_f25yn_223.awsui_with-paddings_14iqq_f25yn_160:not(#\9) {
253
+ .awsui_footer_14iqq_wbmbk_227.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
253
254
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
254
255
  }
255
- .awsui_footer_14iqq_f25yn_223.awsui_with-divider_14iqq_f25yn_229:not(#\9) {
256
+ .awsui_footer_14iqq_wbmbk_227.awsui_with-divider_14iqq_wbmbk_230:not(#\9) {
256
257
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
257
258
  }
@@ -2,21 +2,22 @@
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_14iqq_f25yn_97",
6
- "variant-default": "awsui_variant-default_14iqq_f25yn_110",
7
- "variant-stacked": "awsui_variant-stacked_14iqq_f25yn_110",
8
- "header": "awsui_header_14iqq_f25yn_133",
9
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_f25yn_139",
10
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_f25yn_143",
11
- "header-stuck": "awsui_header-stuck_14iqq_f25yn_149",
12
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_f25yn_154",
13
- "with-paddings": "awsui_with-paddings_14iqq_f25yn_160",
14
- "with-hidden-content": "awsui_with-hidden-content_14iqq_f25yn_163",
15
- "header-variant-cards": "awsui_header-variant-cards_14iqq_f25yn_167",
16
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_f25yn_191",
17
- "dark-header": "awsui_dark-header_14iqq_f25yn_209",
18
- "content": "awsui_content_14iqq_f25yn_213",
19
- "footer": "awsui_footer_14iqq_f25yn_223",
20
- "with-divider": "awsui_with-divider_14iqq_f25yn_229"
5
+ "root": "awsui_root_14iqq_wbmbk_97",
6
+ "root-fit-height": "awsui_root-fit-height_14iqq_wbmbk_108",
7
+ "variant-default": "awsui_variant-default_14iqq_wbmbk_114",
8
+ "variant-stacked": "awsui_variant-stacked_14iqq_wbmbk_114",
9
+ "header": "awsui_header_14iqq_wbmbk_137",
10
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wbmbk_142",
11
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wbmbk_146",
12
+ "header-stuck": "awsui_header-stuck_14iqq_wbmbk_152",
13
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wbmbk_157",
14
+ "with-paddings": "awsui_with-paddings_14iqq_wbmbk_163",
15
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_wbmbk_166",
16
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_wbmbk_170",
17
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wbmbk_194",
18
+ "dark-header": "awsui_dark-header_14iqq_wbmbk_212",
19
+ "content": "awsui_content_14iqq_wbmbk_216",
20
+ "footer": "awsui_footer_14iqq_wbmbk_227",
21
+ "with-divider": "awsui_with-divider_14iqq_wbmbk_230"
21
22
  };
22
23
 
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_gwq0h_ggimx_97",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ggimx_1",
6
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_ggimx_119",
7
- "icon": "awsui_icon_gwq0h_ggimx_133",
8
- "root": "awsui_root_gwq0h_ggimx_151",
9
- "expanded": "awsui_expanded_gwq0h_ggimx_169",
10
- "icon-container": "awsui_icon-container_gwq0h_ggimx_173",
11
- "trigger": "awsui_trigger_gwq0h_ggimx_119",
12
- "trigger-default": "awsui_trigger-default_gwq0h_ggimx_188",
13
- "trigger-footer": "awsui_trigger-footer_gwq0h_ggimx_191",
14
- "trigger-navigation": "awsui_trigger-navigation_gwq0h_ggimx_197",
15
- "trigger-container": "awsui_trigger-container_gwq0h_ggimx_209",
16
- "header": "awsui_header_gwq0h_ggimx_219",
17
- "header-container": "awsui_header-container_gwq0h_ggimx_222",
18
- "header-container-button": "awsui_header-container-button_gwq0h_ggimx_238",
19
- "header-navigation": "awsui_header-navigation_gwq0h_ggimx_246",
20
- "content": "awsui_content_gwq0h_ggimx_97",
21
- "content-default": "awsui_content-default_gwq0h_ggimx_282",
22
- "content-footer": "awsui_content-footer_gwq0h_ggimx_285",
23
- "content-expanded": "awsui_content-expanded_gwq0h_ggimx_288",
24
- "focusable": "awsui_focusable_gwq0h_ggimx_292"
4
+ "content-enter": "awsui_content-enter_gwq0h_1rk8x_97",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1rk8x_1",
6
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1rk8x_119",
7
+ "icon": "awsui_icon_gwq0h_1rk8x_133",
8
+ "root": "awsui_root_gwq0h_1rk8x_151",
9
+ "expanded": "awsui_expanded_gwq0h_1rk8x_169",
10
+ "icon-container": "awsui_icon-container_gwq0h_1rk8x_173",
11
+ "trigger": "awsui_trigger_gwq0h_1rk8x_119",
12
+ "trigger-default": "awsui_trigger-default_gwq0h_1rk8x_188",
13
+ "trigger-footer": "awsui_trigger-footer_gwq0h_1rk8x_191",
14
+ "trigger-navigation": "awsui_trigger-navigation_gwq0h_1rk8x_197",
15
+ "trigger-container": "awsui_trigger-container_gwq0h_1rk8x_211",
16
+ "header": "awsui_header_gwq0h_1rk8x_221",
17
+ "header-container": "awsui_header-container_gwq0h_1rk8x_224",
18
+ "header-container-button": "awsui_header-container-button_gwq0h_1rk8x_240",
19
+ "header-navigation": "awsui_header-navigation_gwq0h_1rk8x_248",
20
+ "content": "awsui_content_gwq0h_1rk8x_97",
21
+ "content-default": "awsui_content-default_gwq0h_1rk8x_284",
22
+ "content-footer": "awsui_content-footer_gwq0h_1rk8x_287",
23
+ "content-expanded": "awsui_content-expanded_gwq0h_1rk8x_290",
24
+ "focusable": "awsui_focusable_gwq0h_1rk8x_294"
25
25
  };
26
26
 
@@ -94,10 +94,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in_gwq0h_ggimx_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
97
+ .awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
98
+ animation: awsui_awsui-motion-fade-in_gwq0h_1rk8x_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
99
99
  }
100
- @keyframes awsui_awsui-motion-fade-in_gwq0h_ggimx_1 {
100
+ @keyframes awsui_awsui-motion-fade-in_gwq0h_1rk8x_1 {
101
101
  from {
102
102
  opacity: 0.2;
103
103
  }
@@ -106,40 +106,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
106
106
  }
107
107
  }
108
108
  @media (prefers-reduced-motion: reduce) {
109
- .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
109
+ .awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
  }
114
- .awsui-motion-disabled .awsui_content-enter_gwq0h_ggimx_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_ggimx_97:not(#\9) {
114
+ .awsui-motion-disabled .awsui_content-enter_gwq0h_1rk8x_97:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_1rk8x_97:not(#\9) {
115
115
  animation: none;
116
116
  transition: none;
117
117
  }
118
118
 
119
- .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
119
+ .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
120
120
  transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
121
121
  }
122
122
  @media (prefers-reduced-motion: reduce) {
123
- .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
123
+ .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
124
124
  animation: none;
125
125
  transition: none;
126
126
  }
127
127
  }
128
- .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
128
+ .awsui-motion-disabled .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
129
129
  animation: none;
130
130
  transition: none;
131
131
  }
132
132
 
133
- .awsui_icon_gwq0h_ggimx_133:not(#\9) {
133
+ .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
134
134
  transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
135
135
  }
136
136
  @media (prefers-reduced-motion: reduce) {
137
- .awsui_icon_gwq0h_ggimx_133:not(#\9) {
137
+ .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
138
138
  animation: none;
139
139
  transition: none;
140
140
  }
141
141
  }
142
- .awsui-motion-disabled .awsui_icon_gwq0h_ggimx_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_ggimx_133:not(#\9) {
142
+ .awsui-motion-disabled .awsui_icon_gwq0h_1rk8x_133:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
143
143
  animation: none;
144
144
  transition: none;
145
145
  }
@@ -148,7 +148,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
148
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
149
149
  SPDX-License-Identifier: Apache-2.0
150
150
  */
151
- .awsui_root_gwq0h_ggimx_151:not(#\9) {
151
+ .awsui_root_gwq0h_1rk8x_151:not(#\9) {
152
152
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
153
153
  border-collapse: separate;
154
154
  border-spacing: 0;
@@ -189,20 +189,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
189
189
  display: block;
190
190
  }
191
191
 
192
- .awsui_icon_gwq0h_ggimx_133:not(#\9) {
192
+ .awsui_icon_gwq0h_1rk8x_133:not(#\9) {
193
193
  transform: rotate(-90deg);
194
194
  }
195
- .awsui_icon_gwq0h_ggimx_133.awsui_expanded_gwq0h_ggimx_169:not(#\9) {
195
+ .awsui_icon_gwq0h_1rk8x_133.awsui_expanded_gwq0h_1rk8x_169:not(#\9) {
196
196
  transform: rotate(0deg);
197
197
  }
198
198
 
199
- .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
199
+ .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
200
200
  position: relative;
201
201
  margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
202
202
  margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
203
203
  }
204
204
 
205
- .awsui_trigger_gwq0h_ggimx_119:not(#\9) {
205
+ .awsui_trigger_gwq0h_1rk8x_119:not(#\9) {
206
206
  cursor: pointer;
207
207
  box-sizing: border-box;
208
208
  display: flex;
@@ -211,48 +211,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
212
212
  text-align: left;
213
213
  }
214
- .awsui_trigger-default_gwq0h_ggimx_188:not(#\9) {
214
+ .awsui_trigger-default_gwq0h_1rk8x_188:not(#\9) {
215
215
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
216
216
  }
217
- .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
217
+ .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
218
218
  padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
219
219
  }
220
- .awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
220
+ .awsui_trigger-default_gwq0h_1rk8x_188:not(#\9), .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
221
221
  border: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
222
222
  }
223
- .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9) {
223
+ .awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9) {
224
224
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
225
225
  }
226
- .awsui_trigger-default_gwq0h_ggimx_188:not(#\9), .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9), .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9) {
226
+ .awsui_trigger-default_gwq0h_1rk8x_188:not(#\9), .awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9), .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9) {
227
227
  color: var(--color-text-expandable-section-default-k03p1p, #000716);
228
228
  font-weight: var(--font-heading-s-weight-k8ys41, 800);
229
+ -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
230
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
229
231
  font-size: var(--font-expandable-heading-size-m2wptt, 16px);
230
232
  letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
231
233
  }
232
- .awsui_trigger-default_gwq0h_ggimx_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_ggimx_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_ggimx_191:not(#\9):hover {
234
+ .awsui_trigger-default_gwq0h_1rk8x_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_1rk8x_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_1rk8x_191:not(#\9):hover {
233
235
  color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
234
236
  }
235
- .awsui_trigger-container_gwq0h_ggimx_209:not(#\9) {
237
+ .awsui_trigger-container_gwq0h_1rk8x_211:not(#\9) {
236
238
  padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
237
239
  }
238
- .awsui_trigger-container_gwq0h_ggimx_209[data-awsui-focus-visible=true]:not(#\9):focus {
240
+ .awsui_trigger-container_gwq0h_1rk8x_211[data-awsui-focus-visible=true]:not(#\9):focus {
239
241
  padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
240
242
  }
241
- .awsui_trigger-default_gwq0h_ggimx_188.awsui_trigger-expanded_gwq0h_ggimx_119:not(#\9) {
243
+ .awsui_trigger-default_gwq0h_1rk8x_188.awsui_trigger-expanded_gwq0h_1rk8x_119:not(#\9) {
242
244
  border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
243
245
  }
244
246
 
245
- .awsui_header_gwq0h_ggimx_219:not(#\9) {
247
+ .awsui_header_gwq0h_1rk8x_221:not(#\9) {
246
248
  display: flex;
247
249
  }
248
- .awsui_header-container_gwq0h_ggimx_222:not(#\9) {
250
+ .awsui_header-container_gwq0h_1rk8x_224:not(#\9) {
249
251
  width: 100%;
250
252
  }
251
- .awsui_header-container_gwq0h_ggimx_222 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
253
+ .awsui_header-container_gwq0h_1rk8x_224 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
252
254
  margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
253
255
  margin-right: var(--space-xs-rsr2qu, 8px);
254
256
  }
255
- .awsui_header-container_gwq0h_ggimx_222[data-awsui-focus-visible=true]:not(#\9):focus-within {
257
+ .awsui_header-container_gwq0h_1rk8x_224[data-awsui-focus-visible=true]:not(#\9):focus-within {
256
258
  outline: none;
257
259
  text-decoration: none;
258
260
  padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
@@ -261,15 +263,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
261
263
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
262
264
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
263
265
  }
264
- .awsui_header-container-button_gwq0h_ggimx_238:not(#\9):focus {
266
+ .awsui_header-container-button_gwq0h_1rk8x_240:not(#\9):focus {
265
267
  outline: none;
266
268
  text-decoration: none;
267
269
  }
268
- .awsui_header-container-button_gwq0h_ggimx_238 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
270
+ .awsui_header-container-button_gwq0h_1rk8x_240 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
269
271
  margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
270
272
  margin-right: var(--space-xs-rsr2qu, 8px);
271
273
  }
272
- .awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9) {
274
+ .awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9) {
273
275
  display: inline-flex;
274
276
  cursor: pointer;
275
277
  color: var(--color-text-expandable-section-navigation-icon-default-lb9rm0, #414d5c);
@@ -280,17 +282,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
280
282
  text-decoration: none;
281
283
  flex-direction: column;
282
284
  }
283
- .awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173:not(#\9):hover {
285
+ .awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173:not(#\9):hover {
284
286
  color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
285
287
  }
286
- .awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
288
+ .awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus {
287
289
  position: relative;
288
290
  }
289
- .awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus {
291
+ .awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus {
290
292
  outline: 2px dotted transparent;
291
293
  outline-offset: calc(2px - 1px);
292
294
  }
293
- .awsui_header-navigation_gwq0h_ggimx_246 > .awsui_icon-container_gwq0h_ggimx_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
295
+ .awsui_header-navigation_gwq0h_1rk8x_248 > .awsui_icon-container_gwq0h_1rk8x_173[data-awsui-focus-visible=true]:not(#\9):focus::before {
294
296
  content: " ";
295
297
  display: block;
296
298
  position: absolute;
@@ -302,24 +304,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
302
304
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
303
305
  }
304
306
 
305
- .awsui_content_gwq0h_ggimx_97:not(#\9) {
307
+ .awsui_content_gwq0h_1rk8x_97:not(#\9) {
306
308
  display: none;
307
309
  }
308
- .awsui_content-default_gwq0h_ggimx_282:not(#\9) {
310
+ .awsui_content-default_gwq0h_1rk8x_284:not(#\9) {
309
311
  padding: var(--space-scaled-xs-6859qs, 8px) 0;
310
312
  }
311
- .awsui_content-footer_gwq0h_ggimx_285:not(#\9) {
313
+ .awsui_content-footer_gwq0h_1rk8x_287:not(#\9) {
312
314
  padding: var(--space-xs-rsr2qu, 8px) 0;
313
315
  }
314
- .awsui_content-expanded_gwq0h_ggimx_288:not(#\9) {
316
+ .awsui_content-expanded_gwq0h_1rk8x_290:not(#\9) {
315
317
  display: block;
316
318
  }
317
319
 
318
- .awsui_focusable_gwq0h_ggimx_292:not(#\9):focus {
320
+ .awsui_focusable_gwq0h_1rk8x_294:not(#\9):focus {
319
321
  outline: none;
320
322
  text-decoration: none;
321
323
  }
322
- .awsui_focusable_gwq0h_ggimx_292[data-awsui-focus-visible=true]:not(#\9):focus {
324
+ .awsui_focusable_gwq0h_1rk8x_294[data-awsui-focus-visible=true]:not(#\9):focus {
323
325
  outline: 2px dotted transparent;
324
326
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
325
327
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
@@ -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
- "content-enter": "awsui_content-enter_gwq0h_ggimx_97",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ggimx_1",
7
- "trigger-expanded": "awsui_trigger-expanded_gwq0h_ggimx_119",
8
- "icon": "awsui_icon_gwq0h_ggimx_133",
9
- "root": "awsui_root_gwq0h_ggimx_151",
10
- "expanded": "awsui_expanded_gwq0h_ggimx_169",
11
- "icon-container": "awsui_icon-container_gwq0h_ggimx_173",
12
- "trigger": "awsui_trigger_gwq0h_ggimx_119",
13
- "trigger-default": "awsui_trigger-default_gwq0h_ggimx_188",
14
- "trigger-footer": "awsui_trigger-footer_gwq0h_ggimx_191",
15
- "trigger-navigation": "awsui_trigger-navigation_gwq0h_ggimx_197",
16
- "trigger-container": "awsui_trigger-container_gwq0h_ggimx_209",
17
- "header": "awsui_header_gwq0h_ggimx_219",
18
- "header-container": "awsui_header-container_gwq0h_ggimx_222",
19
- "header-container-button": "awsui_header-container-button_gwq0h_ggimx_238",
20
- "header-navigation": "awsui_header-navigation_gwq0h_ggimx_246",
21
- "content": "awsui_content_gwq0h_ggimx_97",
22
- "content-default": "awsui_content-default_gwq0h_ggimx_282",
23
- "content-footer": "awsui_content-footer_gwq0h_ggimx_285",
24
- "content-expanded": "awsui_content-expanded_gwq0h_ggimx_288",
25
- "focusable": "awsui_focusable_gwq0h_ggimx_292"
5
+ "content-enter": "awsui_content-enter_gwq0h_1rk8x_97",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1rk8x_1",
7
+ "trigger-expanded": "awsui_trigger-expanded_gwq0h_1rk8x_119",
8
+ "icon": "awsui_icon_gwq0h_1rk8x_133",
9
+ "root": "awsui_root_gwq0h_1rk8x_151",
10
+ "expanded": "awsui_expanded_gwq0h_1rk8x_169",
11
+ "icon-container": "awsui_icon-container_gwq0h_1rk8x_173",
12
+ "trigger": "awsui_trigger_gwq0h_1rk8x_119",
13
+ "trigger-default": "awsui_trigger-default_gwq0h_1rk8x_188",
14
+ "trigger-footer": "awsui_trigger-footer_gwq0h_1rk8x_191",
15
+ "trigger-navigation": "awsui_trigger-navigation_gwq0h_1rk8x_197",
16
+ "trigger-container": "awsui_trigger-container_gwq0h_1rk8x_211",
17
+ "header": "awsui_header_gwq0h_1rk8x_221",
18
+ "header-container": "awsui_header-container_gwq0h_1rk8x_224",
19
+ "header-container-button": "awsui_header-container-button_gwq0h_1rk8x_240",
20
+ "header-navigation": "awsui_header-navigation_gwq0h_1rk8x_248",
21
+ "content": "awsui_content_gwq0h_1rk8x_97",
22
+ "content-default": "awsui_content-default_gwq0h_1rk8x_284",
23
+ "content-footer": "awsui_content-footer_gwq0h_1rk8x_287",
24
+ "content-expanded": "awsui_content-expanded_gwq0h_1rk8x_290",
25
+ "focusable": "awsui_focusable_gwq0h_1rk8x_294"
26
26
  };
27
27
 
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAkErB"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAoErB"}
@@ -19,7 +19,7 @@ export default function InternalHeader(_a) {
19
19
  React.createElement("div", { className: clsx(styles.main, styles["main-variant-".concat(variantOverride)], isRefresh && styles["main-variant-".concat(variantOverride, "-refresh")]) },
20
20
  React.createElement("div", { className: clsx(styles.title, styles["title-variant-".concat(variantOverride)], isRefresh && styles["title-variant-".concat(variantOverride, "-refresh")]) },
21
21
  React.createElement(HeadingTag, { className: clsx(styles.heading, styles["heading-variant-".concat(variantOverride)]) },
22
- React.createElement("span", { className: styles['heading-text'] }, children),
22
+ React.createElement("span", { className: clsx(styles['heading-text'], styles["heading-text-variant-".concat(variantOverride)]) }, children),
23
23
  counter !== undefined && React.createElement("span", { className: styles.counter },
24
24
  " ",
25
25
  counter)),
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAWjB;IAVpB,IAAA,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,wBAAwB,8BAAA,EACrB,SAAS,cAVyB,2IAWtC,CADa;IAEZ,IAAM,UAAU,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClF,IAAA,OAAO,GAAK,UAAU,CAAC,mBAAmB,CAAC,QAApC,CAAqC;IACpD,IAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,IAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,IAAM,eAAe,GAAG,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACtG,OAAO,CACL,wCACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,uBAAgB,eAAe,CAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,uBAAgB,eAAe,aAAU,CAAC,EAC9D,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EACvC,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAC/C,wBAAwB,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CACrD,EACD,GAAG,EAAE,iBAAiB;QAEtB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,uBAAgB,eAAe,CAAE,CAAC,EACzC,SAAS,IAAI,MAAM,CAAC,uBAAgB,eAAe,aAAU,CAAC,CAC/D;YAED,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,wBAAiB,eAAe,CAAE,CAAC,EAC1C,SAAS,IAAI,MAAM,CAAC,wBAAiB,eAAe,aAAU,CAAC,CAChE;gBAED,oBAAC,UAAU,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,0BAAmB,eAAe,CAAE,CAAC,CAAC;oBACvF,8BAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAAG,QAAQ,CAAQ;oBACzD,OAAO,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO;;wBAAI,OAAO,CAAQ,CACjE;gBACZ,IAAI,IAAI,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ,CAChD;YACL,WAAW,IAAI,CACd,2BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,MAAM,CAAC,8BAAuB,eAAe,CAAE,CAAC,EAChD,SAAS,IAAI,MAAM,CAAC,8BAAuB,eAAe,aAAU,CAAC,CACtE,IAEA,WAAW,CACV,CACL,CACG;QACL,OAAO,IAAI,CACV,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,0BAAmB,eAAe,CAAE,CAAC,EAC5C,SAAS,IAAI,MAAM,CAAC,0BAAmB,eAAe,aAAU,CAAC,CAClE,IAEA,OAAO,CACJ,CACP,CACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef = null,\n __disableActionsWrapping,\n ...restProps\n}: InternalHeaderProps) {\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const dynamicVariant = isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]],\n __disableActionsWrapping && [styles['root-no-wrap']]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n )}\n >\n <div\n className={clsx(\n styles.title,\n styles[`title-variant-${variantOverride}`],\n isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n )}\n >\n <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n <span className={styles['heading-text']}>{children}</span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && <span className={styles.info}>{info}</span>}\n </div>\n {description && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n )}\n >\n {description}\n </p>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/header/internal.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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n variant,\n headingTagOverride,\n children,\n actions,\n counter,\n description,\n info,\n __internalRootRef = null,\n __disableActionsWrapping,\n ...restProps\n}: InternalHeaderProps) {\n const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n const { isStuck } = useContext(StickyHeaderContext);\n const baseProps = getBaseProps(restProps);\n const isRefresh = useVisualRefresh();\n const dynamicVariant = isStuck ? 'h2' : 'h1';\n const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n return (\n <div\n {...baseProps}\n className={clsx(\n styles.root,\n baseProps.className,\n styles[`root-variant-${variantOverride}`],\n isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n !actions && [styles[`root-no-actions`]],\n description && [styles[`root-has-description`]],\n __disableActionsWrapping && [styles['root-no-wrap']]\n )}\n ref={__internalRootRef}\n >\n <div\n className={clsx(\n styles.main,\n styles[`main-variant-${variantOverride}`],\n isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n )}\n >\n <div\n className={clsx(\n styles.title,\n styles[`title-variant-${variantOverride}`],\n isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n )}\n >\n <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n <span className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}>\n {children}\n </span>\n {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n </HeadingTag>\n {info && <span className={styles.info}>{info}</span>}\n </div>\n {description && (\n <p\n className={clsx(\n styles.description,\n styles[`description-variant-${variantOverride}`],\n isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n )}\n >\n {description}\n </p>\n )}\n </div>\n {actions && (\n <div\n className={clsx(\n styles.actions,\n styles[`actions-variant-${variantOverride}`],\n isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n )}\n >\n {actions}\n </div>\n )}\n </div>\n );\n}\n"]}