@cloudscape-design/components 3.0.573 → 3.0.575

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.
@@ -1,35 +1,35 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_14iqq_1c5es_103",
5
- "fit-height": "awsui_fit-height_14iqq_1c5es_139",
6
- "with-side-media": "awsui_with-side-media_14iqq_1c5es_144",
7
- "variant-default": "awsui_variant-default_14iqq_1c5es_147",
8
- "variant-stacked": "awsui_variant-stacked_14iqq_1c5es_147",
9
- "refresh": "awsui_refresh_14iqq_1c5es_155",
10
- "sticky-enabled": "awsui_sticky-enabled_14iqq_1c5es_205",
11
- "with-top-media": "awsui_with-top-media_14iqq_1c5es_217",
12
- "content-wrapper": "awsui_content-wrapper_14iqq_1c5es_222",
13
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1c5es_227",
14
- "media": "awsui_media_14iqq_1c5es_232",
15
- "media-top": "awsui_media-top_14iqq_1c5es_250",
16
- "media-side": "awsui_media-side_14iqq_1c5es_255",
17
- "header": "awsui_header_14iqq_1c5es_261",
18
- "header-with-media": "awsui_header-with-media_14iqq_1c5es_266",
19
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1c5es_272",
20
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1c5es_276",
21
- "header-stuck": "awsui_header-stuck_14iqq_1c5es_282",
22
- "header-variant-cards": "awsui_header-variant-cards_14iqq_1c5es_292",
23
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1c5es_295",
24
- "with-paddings": "awsui_with-paddings_14iqq_1c5es_301",
25
- "with-hidden-content": "awsui_with-hidden-content_14iqq_1c5es_310",
26
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1c5es_368",
27
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1c5es_388",
28
- "dark-header": "awsui_dark-header_14iqq_1c5es_397",
29
- "content": "awsui_content_14iqq_1c5es_222",
30
- "content-fit-height": "awsui_content-fit-height_14iqq_1c5es_405",
31
- "content-with-media": "awsui_content-with-media_14iqq_1c5es_415",
32
- "footer": "awsui_footer_14iqq_1c5es_419",
33
- "with-divider": "awsui_with-divider_14iqq_1c5es_423"
4
+ "root": "awsui_root_14iqq_v4tpg_103",
5
+ "fit-height": "awsui_fit-height_14iqq_v4tpg_139",
6
+ "with-side-media": "awsui_with-side-media_14iqq_v4tpg_144",
7
+ "variant-default": "awsui_variant-default_14iqq_v4tpg_147",
8
+ "variant-stacked": "awsui_variant-stacked_14iqq_v4tpg_147",
9
+ "refresh": "awsui_refresh_14iqq_v4tpg_155",
10
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_v4tpg_205",
11
+ "with-top-media": "awsui_with-top-media_14iqq_v4tpg_217",
12
+ "content-wrapper": "awsui_content-wrapper_14iqq_v4tpg_222",
13
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_v4tpg_227",
14
+ "media": "awsui_media_14iqq_v4tpg_234",
15
+ "media-top": "awsui_media-top_14iqq_v4tpg_252",
16
+ "media-side": "awsui_media-side_14iqq_v4tpg_257",
17
+ "header": "awsui_header_14iqq_v4tpg_263",
18
+ "header-with-media": "awsui_header-with-media_14iqq_v4tpg_268",
19
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_v4tpg_274",
20
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_v4tpg_278",
21
+ "header-stuck": "awsui_header-stuck_14iqq_v4tpg_284",
22
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_v4tpg_294",
23
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_v4tpg_297",
24
+ "with-paddings": "awsui_with-paddings_14iqq_v4tpg_303",
25
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_v4tpg_312",
26
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_v4tpg_370",
27
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_v4tpg_390",
28
+ "dark-header": "awsui_dark-header_14iqq_v4tpg_399",
29
+ "content": "awsui_content_14iqq_v4tpg_222",
30
+ "content-fit-height": "awsui_content-fit-height_14iqq_v4tpg_407",
31
+ "content-with-media": "awsui_content-with-media_14iqq_v4tpg_417",
32
+ "footer": "awsui_footer_14iqq_v4tpg_421",
33
+ "with-divider": "awsui_with-divider_14iqq_v4tpg_425"
34
34
  };
35
35
 
@@ -100,7 +100,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
101
101
  SPDX-License-Identifier: Apache-2.0
102
102
  */
103
- .awsui_root_14iqq_1c5es_103:not(#\9) {
103
+ .awsui_root_14iqq_v4tpg_103:not(#\9) {
104
104
  border-collapse: separate;
105
105
  border-spacing: 0;
106
106
  box-sizing: border-box;
@@ -137,15 +137,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
137
137
  word-wrap: break-word;
138
138
  position: relative;
139
139
  }
140
- .awsui_root_14iqq_1c5es_103.awsui_fit-height_14iqq_1c5es_139:not(#\9) {
140
+ .awsui_root_14iqq_v4tpg_103.awsui_fit-height_14iqq_v4tpg_139:not(#\9) {
141
141
  display: flex;
142
142
  flex-direction: column;
143
143
  block-size: 100%;
144
144
  }
145
- .awsui_root_14iqq_1c5es_103.awsui_fit-height_14iqq_1c5es_139.awsui_with-side-media_14iqq_1c5es_144:not(#\9) {
145
+ .awsui_root_14iqq_v4tpg_103.awsui_fit-height_14iqq_v4tpg_139.awsui_with-side-media_14iqq_v4tpg_144:not(#\9) {
146
146
  flex-direction: row;
147
147
  }
148
- .awsui_root_14iqq_1c5es_103.awsui_variant-default_14iqq_1c5es_147:not(#\9), .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9) {
148
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-default_14iqq_v4tpg_147:not(#\9), .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9) {
149
149
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
150
150
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
151
151
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -153,11 +153,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
153
153
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
154
154
  box-sizing: border-box;
155
155
  }
156
- .awsui_root_14iqq_1c5es_103.awsui_variant-default_14iqq_1c5es_147.awsui_refresh_14iqq_1c5es_155:not(#\9), .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147.awsui_refresh_14iqq_1c5es_155:not(#\9) {
156
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-default_14iqq_v4tpg_147.awsui_refresh_14iqq_v4tpg_155:not(#\9), .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147.awsui_refresh_14iqq_v4tpg_155:not(#\9) {
157
157
  border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
158
158
  border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
159
159
  }
160
- .awsui_root_14iqq_1c5es_103.awsui_variant-default_14iqq_1c5es_147:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::before, .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::before {
160
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-default_14iqq_v4tpg_147:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::before, .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::before {
161
161
  content: "";
162
162
  position: absolute;
163
163
  inset-inline-start: 0px;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
176
176
  z-index: 1;
177
177
  }
178
- .awsui_root_14iqq_1c5es_103.awsui_variant-default_14iqq_1c5es_147:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::after, .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::after {
178
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-default_14iqq_v4tpg_147:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::after, .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::after {
179
179
  content: "";
180
180
  position: absolute;
181
181
  inset-inline-start: 0px;
@@ -191,139 +191,141 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
191
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
192
192
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
193
193
  }
194
- .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(:last-child), .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(:last-child)::after {
194
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(:last-child), .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(:last-child)::after {
195
195
  border-end-end-radius: 0;
196
196
  border-end-start-radius: 0;
197
197
  border-block-end-width: 0;
198
198
  }
199
- .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147 + .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9), .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147 + .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9)::before, .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147 + .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9)::after {
199
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147 + .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9), .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147 + .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9)::before, .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147 + .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9)::after {
200
200
  border-start-start-radius: 0;
201
201
  border-start-end-radius: 0;
202
202
  }
203
- .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147 + .awsui_root_14iqq_1c5es_103.awsui_variant-stacked_14iqq_1c5es_147:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::before {
203
+ .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147 + .awsui_root_14iqq_v4tpg_103.awsui_variant-stacked_14iqq_v4tpg_147:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::before {
204
204
  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
205
205
  }
206
- .awsui_root_14iqq_1c5es_103.awsui_sticky-enabled_14iqq_1c5es_205:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::before {
206
+ .awsui_root_14iqq_v4tpg_103.awsui_sticky-enabled_14iqq_v4tpg_205:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::before {
207
207
  inset-block-start: calc(-1 * var(--border-container-top-width-uugwwl, 0px));
208
208
  }
209
- .awsui_root_14iqq_1c5es_103.awsui_sticky-enabled_14iqq_1c5es_205:not(#\9):not(.awsui_refresh_14iqq_1c5es_155).awsui_variant-stacked_14iqq_1c5es_147::before {
209
+ .awsui_root_14iqq_v4tpg_103.awsui_sticky-enabled_14iqq_v4tpg_205:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155).awsui_variant-stacked_14iqq_v4tpg_147::before {
210
210
  inset-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
211
211
  }
212
212
 
213
- .awsui_with-side-media_14iqq_1c5es_144:not(#\9) {
213
+ .awsui_with-side-media_14iqq_v4tpg_144:not(#\9) {
214
214
  display: flex;
215
215
  flex-direction: row;
216
216
  }
217
217
 
218
- .awsui_with-top-media_14iqq_1c5es_217:not(#\9) {
218
+ .awsui_with-top-media_14iqq_v4tpg_217:not(#\9) {
219
219
  display: flex;
220
220
  flex-direction: column;
221
221
  }
222
222
 
223
- .awsui_content-wrapper_14iqq_1c5es_222:not(#\9) {
223
+ .awsui_content-wrapper_14iqq_v4tpg_222:not(#\9) {
224
224
  display: flex;
225
225
  flex-direction: column;
226
226
  inline-size: 100%;
227
227
  }
228
- .awsui_content-wrapper-fit-height_14iqq_1c5es_227:not(#\9) {
228
+ .awsui_content-wrapper-fit-height_14iqq_v4tpg_227:not(#\9) {
229
229
  block-size: 100%;
230
230
  overflow: hidden;
231
+ border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
232
+ border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
231
233
  }
232
234
 
233
- .awsui_media_14iqq_1c5es_232:not(#\9) {
235
+ .awsui_media_14iqq_v4tpg_234:not(#\9) {
234
236
  overflow: hidden;
235
237
  flex-shrink: 0;
236
238
  }
237
- .awsui_media_14iqq_1c5es_232 img:not(#\9),
238
- .awsui_media_14iqq_1c5es_232 video:not(#\9),
239
- .awsui_media_14iqq_1c5es_232 picture:not(#\9) {
239
+ .awsui_media_14iqq_v4tpg_234 img:not(#\9),
240
+ .awsui_media_14iqq_v4tpg_234 video:not(#\9),
241
+ .awsui_media_14iqq_v4tpg_234 picture:not(#\9) {
240
242
  inline-size: 100%;
241
243
  block-size: 100%;
242
244
  object-fit: cover;
243
245
  object-position: center;
244
246
  }
245
- .awsui_media_14iqq_1c5es_232 iframe:not(#\9) {
247
+ .awsui_media_14iqq_v4tpg_234 iframe:not(#\9) {
246
248
  inline-size: 100%;
247
249
  block-size: 100%;
248
250
  border-block: 0;
249
251
  border-inline: 0;
250
252
  }
251
- .awsui_media-top_14iqq_1c5es_250:not(#\9) {
253
+ .awsui_media-top_14iqq_v4tpg_252:not(#\9) {
252
254
  max-block-size: 66%;
253
255
  border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
254
256
  border-start-end-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
255
257
  }
256
- .awsui_media-side_14iqq_1c5es_255:not(#\9) {
258
+ .awsui_media-side_14iqq_v4tpg_257:not(#\9) {
257
259
  max-inline-size: 66%;
258
260
  border-start-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
259
261
  border-end-start-radius: calc(var(--border-radius-container-wqv1zi, 16px) - 1px);
260
262
  }
261
263
 
262
- .awsui_header_14iqq_1c5es_261:not(#\9) {
264
+ .awsui_header_14iqq_v4tpg_263:not(#\9) {
263
265
  background-color: var(--color-background-container-header-8b9fgi, #ffffff);
264
266
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
265
267
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
266
268
  }
267
- .awsui_header_14iqq_1c5es_261.awsui_header-with-media_14iqq_1c5es_266:not(#\9) {
269
+ .awsui_header_14iqq_v4tpg_263.awsui_header-with-media_14iqq_v4tpg_268:not(#\9) {
268
270
  background: none;
269
271
  }
270
- .awsui_header_14iqq_1c5es_261.awsui_header-with-media_14iqq_1c5es_266:not(#\9):not(:empty) {
272
+ .awsui_header_14iqq_v4tpg_263.awsui_header-with-media_14iqq_v4tpg_268:not(#\9):not(:empty) {
271
273
  border-block-end: none;
272
274
  }
273
- .awsui_header-sticky-disabled_14iqq_1c5es_272:not(#\9) {
275
+ .awsui_header-sticky-disabled_14iqq_v4tpg_274:not(#\9) {
274
276
  position: relative;
275
277
  z-index: 1;
276
278
  }
277
- .awsui_header-sticky-enabled_14iqq_1c5es_276:not(#\9) {
279
+ .awsui_header-sticky-enabled_14iqq_v4tpg_278:not(#\9) {
278
280
  inset-block-start: 0;
279
281
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
280
282
  position: sticky;
281
283
  z-index: 800;
282
284
  }
283
- .awsui_header-stuck_14iqq_1c5es_282:not(#\9) {
285
+ .awsui_header-stuck_14iqq_v4tpg_284:not(#\9) {
284
286
  border-start-start-radius: 0;
285
287
  border-start-end-radius: 0;
286
288
  border-end-start-radius: 0;
287
289
  border-end-end-radius: 0;
288
290
  }
289
- .awsui_header-stuck_14iqq_1c5es_282:not(#\9)::before {
291
+ .awsui_header-stuck_14iqq_v4tpg_284:not(#\9)::before {
290
292
  border-block: 0;
291
293
  border-inline: 0;
292
294
  }
293
- .awsui_header-stuck_14iqq_1c5es_282:not(#\9):not(.awsui_header-variant-cards_14iqq_1c5es_292) {
295
+ .awsui_header-stuck_14iqq_v4tpg_284:not(#\9):not(.awsui_header-variant-cards_14iqq_v4tpg_294) {
294
296
  box-shadow: var(--shadow-sticky-embedded-uvh5ry, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
295
297
  }
296
- .awsui_header-dynamic-height_14iqq_1c5es_295.awsui_header-stuck_14iqq_1c5es_282:not(#\9) {
298
+ .awsui_header-dynamic-height_14iqq_v4tpg_297.awsui_header-stuck_14iqq_v4tpg_284:not(#\9) {
297
299
  margin-block-end: calc(var(--line-height-heading-xl-avbttk, 30px) - var(--line-height-heading-l-mmm3my, 24px));
298
300
  }
299
- .awsui_header_14iqq_1c5es_261:not(#\9):not(:empty) {
301
+ .awsui_header_14iqq_v4tpg_263:not(#\9):not(:empty) {
300
302
  border-block-end: var(--border-container-sticky-width-6asz33, 0px) solid var(--color-border-container-divider-p2uygo, transparent);
301
303
  }
302
- .awsui_header_14iqq_1c5es_261.awsui_with-paddings_14iqq_1c5es_301:not(#\9) {
304
+ .awsui_header_14iqq_v4tpg_263.awsui_with-paddings_14iqq_v4tpg_303:not(#\9) {
303
305
  padding-block-start: var(--space-container-header-top-5qav00, 12px);
304
306
  padding-block-end: var(--space-container-header-bottom-vj01hn, 8px);
305
307
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
306
308
  }
307
- .awsui_header_14iqq_1c5es_261.awsui_with-paddings_14iqq_1c5es_301.awsui_header-variant-cards_14iqq_1c5es_292:not(#\9) {
309
+ .awsui_header_14iqq_v4tpg_263.awsui_with-paddings_14iqq_v4tpg_303.awsui_header-variant-cards_14iqq_v4tpg_294:not(#\9) {
308
310
  padding-block: var(--space-container-header-top-5qav00, 12px);
309
311
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
310
312
  }
311
- .awsui_header_14iqq_1c5es_261.awsui_with-hidden-content_14iqq_1c5es_310:not(#\9) {
313
+ .awsui_header_14iqq_v4tpg_263.awsui_with-hidden-content_14iqq_v4tpg_312:not(#\9) {
312
314
  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
313
315
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
314
316
  }
315
- .awsui_header-variant-cards_14iqq_1c5es_292:not(#\9) {
317
+ .awsui_header-variant-cards_14iqq_v4tpg_294:not(#\9) {
316
318
  border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
317
319
  border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
318
320
  border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
319
321
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
320
322
  box-sizing: border-box;
321
323
  }
322
- .awsui_header-variant-cards_14iqq_1c5es_292.awsui_refresh_14iqq_1c5es_155:not(#\9) {
324
+ .awsui_header-variant-cards_14iqq_v4tpg_294.awsui_refresh_14iqq_v4tpg_155:not(#\9) {
323
325
  border-block: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
324
326
  border-inline: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
325
327
  }
326
- .awsui_header-variant-cards_14iqq_1c5es_292:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::before {
328
+ .awsui_header-variant-cards_14iqq_v4tpg_294:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::before {
327
329
  content: "";
328
330
  position: absolute;
329
331
  inset-inline-start: 0px;
@@ -341,7 +343,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
341
343
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
342
344
  z-index: 1;
343
345
  }
344
- .awsui_header-variant-cards_14iqq_1c5es_292:not(#\9):not(.awsui_refresh_14iqq_1c5es_155)::after {
346
+ .awsui_header-variant-cards_14iqq_v4tpg_294:not(#\9):not(.awsui_refresh_14iqq_v4tpg_155)::after {
345
347
  content: "";
346
348
  position: absolute;
347
349
  inset-inline-start: 0px;
@@ -357,19 +359,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
357
359
  border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
358
360
  box-shadow: var(--shadow-container-fxmdn3, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
359
361
  }
360
- .awsui_header-variant-cards_14iqq_1c5es_292:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1c5es_276) {
362
+ .awsui_header-variant-cards_14iqq_v4tpg_294:not(#\9):not(.awsui_header-sticky-enabled_14iqq_v4tpg_278) {
361
363
  position: relative;
362
364
  }
363
- .awsui_header-variant-cards_14iqq_1c5es_292.awsui_header-stuck_14iqq_1c5es_282:not(#\9)::after, .awsui_header-variant-cards_14iqq_1c5es_292.awsui_header-stuck_14iqq_1c5es_282:not(#\9)::before {
365
+ .awsui_header-variant-cards_14iqq_v4tpg_294.awsui_header-stuck_14iqq_v4tpg_284:not(#\9)::after, .awsui_header-variant-cards_14iqq_v4tpg_294.awsui_header-stuck_14iqq_v4tpg_284:not(#\9)::before {
364
366
  border-block: 0;
365
367
  border-inline: 0;
366
368
  border-start-start-radius: 0;
367
369
  border-start-end-radius: 0;
368
370
  }
369
- .awsui_header-variant-full-page_14iqq_1c5es_368.awsui_header-stuck_14iqq_1c5es_282:not(#\9) {
371
+ .awsui_header-variant-full-page_14iqq_v4tpg_370.awsui_header-stuck_14iqq_v4tpg_284:not(#\9) {
370
372
  box-shadow: none;
371
373
  }
372
- .awsui_header-variant-full-page_14iqq_1c5es_368.awsui_header-stuck_14iqq_1c5es_282:not(#\9)::before {
374
+ .awsui_header-variant-full-page_14iqq_v4tpg_370.awsui_header-stuck_14iqq_v4tpg_284:not(#\9)::before {
373
375
  content: "";
374
376
  position: absolute;
375
377
  pointer-events: none;
@@ -379,14 +381,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
379
381
  inset-block-start: 0;
380
382
  border-block-end: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
381
383
  }
382
- .awsui_header-variant-full-page_14iqq_1c5es_368.awsui_header-stuck_14iqq_1c5es_282:not(#\9)::after {
384
+ .awsui_header-variant-full-page_14iqq_v4tpg_370.awsui_header-stuck_14iqq_v4tpg_284:not(#\9)::after {
383
385
  content: "";
384
386
  position: absolute;
385
387
  inset: 0;
386
388
  box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
387
389
  clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
388
390
  }
389
- .awsui_header-variant-full-page_14iqq_1c5es_368.awsui_header-stuck_14iqq_1c5es_282:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_1c5es_388)::before {
391
+ .awsui_header-variant-full-page_14iqq_v4tpg_370.awsui_header-stuck_14iqq_v4tpg_284:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_v4tpg_390)::before {
390
392
  content: "";
391
393
  border-block-end: none;
392
394
  }
@@ -395,32 +397,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
395
397
  The dynamic height dark header needs a background that will cover
396
398
  the default white background of the container component.
397
399
  */
398
- .awsui_dark-header_14iqq_1c5es_397:not(#\9) {
400
+ .awsui_dark-header_14iqq_v4tpg_399:not(#\9) {
399
401
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
400
402
  color: var(--color-text-body-default-at06ol, #000716);
401
403
  }
402
404
 
403
- .awsui_content_14iqq_1c5es_222:not(#\9) {
405
+ .awsui_content_14iqq_v4tpg_222:not(#\9) {
404
406
  flex: 1;
405
407
  }
406
- .awsui_content-fit-height_14iqq_1c5es_405:not(#\9) {
408
+ .awsui_content-fit-height_14iqq_v4tpg_407:not(#\9) {
407
409
  overflow: auto;
408
410
  }
409
- .awsui_content_14iqq_1c5es_222.awsui_with-paddings_14iqq_1c5es_301:not(#\9) {
411
+ .awsui_content_14iqq_v4tpg_222.awsui_with-paddings_14iqq_v4tpg_303:not(#\9) {
410
412
  padding-block: var(--space-scaled-l-0hpmd7, 20px);
411
413
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
412
414
  }
413
- .awsui_header_14iqq_1c5es_261 + .awsui_content_14iqq_1c5es_222.awsui_with-paddings_14iqq_1c5es_301:not(#\9) {
415
+ .awsui_header_14iqq_v4tpg_263 + .awsui_content_14iqq_v4tpg_222.awsui_with-paddings_14iqq_v4tpg_303:not(#\9) {
414
416
  padding-block-start: var(--space-container-content-top-1ae0r3, 4px);
415
417
  }
416
- .awsui_header_14iqq_1c5es_261 + .awsui_content_14iqq_1c5es_222.awsui_with-paddings_14iqq_1c5es_301.awsui_content-with-media_14iqq_1c5es_415:not(#\9) {
418
+ .awsui_header_14iqq_v4tpg_263 + .awsui_content_14iqq_v4tpg_222.awsui_with-paddings_14iqq_v4tpg_303.awsui_content-with-media_14iqq_v4tpg_417:not(#\9) {
417
419
  padding-block-start: 0;
418
420
  }
419
421
 
420
- .awsui_footer_14iqq_1c5es_419.awsui_with-paddings_14iqq_1c5es_301:not(#\9) {
422
+ .awsui_footer_14iqq_v4tpg_421.awsui_with-paddings_14iqq_v4tpg_303:not(#\9) {
421
423
  padding-block: var(--space-scaled-s-aqzyko, 12px);
422
424
  padding-inline: var(--space-container-horizontal-wfukh3, 20px);
423
425
  }
424
- .awsui_footer_14iqq_1c5es_419.awsui_with-divider_14iqq_1c5es_423:not(#\9) {
426
+ .awsui_footer_14iqq_v4tpg_421.awsui_with-divider_14iqq_v4tpg_425:not(#\9) {
425
427
  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
426
428
  }
@@ -2,35 +2,35 @@
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_1c5es_103",
6
- "fit-height": "awsui_fit-height_14iqq_1c5es_139",
7
- "with-side-media": "awsui_with-side-media_14iqq_1c5es_144",
8
- "variant-default": "awsui_variant-default_14iqq_1c5es_147",
9
- "variant-stacked": "awsui_variant-stacked_14iqq_1c5es_147",
10
- "refresh": "awsui_refresh_14iqq_1c5es_155",
11
- "sticky-enabled": "awsui_sticky-enabled_14iqq_1c5es_205",
12
- "with-top-media": "awsui_with-top-media_14iqq_1c5es_217",
13
- "content-wrapper": "awsui_content-wrapper_14iqq_1c5es_222",
14
- "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1c5es_227",
15
- "media": "awsui_media_14iqq_1c5es_232",
16
- "media-top": "awsui_media-top_14iqq_1c5es_250",
17
- "media-side": "awsui_media-side_14iqq_1c5es_255",
18
- "header": "awsui_header_14iqq_1c5es_261",
19
- "header-with-media": "awsui_header-with-media_14iqq_1c5es_266",
20
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1c5es_272",
21
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1c5es_276",
22
- "header-stuck": "awsui_header-stuck_14iqq_1c5es_282",
23
- "header-variant-cards": "awsui_header-variant-cards_14iqq_1c5es_292",
24
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1c5es_295",
25
- "with-paddings": "awsui_with-paddings_14iqq_1c5es_301",
26
- "with-hidden-content": "awsui_with-hidden-content_14iqq_1c5es_310",
27
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1c5es_368",
28
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1c5es_388",
29
- "dark-header": "awsui_dark-header_14iqq_1c5es_397",
30
- "content": "awsui_content_14iqq_1c5es_222",
31
- "content-fit-height": "awsui_content-fit-height_14iqq_1c5es_405",
32
- "content-with-media": "awsui_content-with-media_14iqq_1c5es_415",
33
- "footer": "awsui_footer_14iqq_1c5es_419",
34
- "with-divider": "awsui_with-divider_14iqq_1c5es_423"
5
+ "root": "awsui_root_14iqq_v4tpg_103",
6
+ "fit-height": "awsui_fit-height_14iqq_v4tpg_139",
7
+ "with-side-media": "awsui_with-side-media_14iqq_v4tpg_144",
8
+ "variant-default": "awsui_variant-default_14iqq_v4tpg_147",
9
+ "variant-stacked": "awsui_variant-stacked_14iqq_v4tpg_147",
10
+ "refresh": "awsui_refresh_14iqq_v4tpg_155",
11
+ "sticky-enabled": "awsui_sticky-enabled_14iqq_v4tpg_205",
12
+ "with-top-media": "awsui_with-top-media_14iqq_v4tpg_217",
13
+ "content-wrapper": "awsui_content-wrapper_14iqq_v4tpg_222",
14
+ "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_v4tpg_227",
15
+ "media": "awsui_media_14iqq_v4tpg_234",
16
+ "media-top": "awsui_media-top_14iqq_v4tpg_252",
17
+ "media-side": "awsui_media-side_14iqq_v4tpg_257",
18
+ "header": "awsui_header_14iqq_v4tpg_263",
19
+ "header-with-media": "awsui_header-with-media_14iqq_v4tpg_268",
20
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_v4tpg_274",
21
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_v4tpg_278",
22
+ "header-stuck": "awsui_header-stuck_14iqq_v4tpg_284",
23
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_v4tpg_294",
24
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_v4tpg_297",
25
+ "with-paddings": "awsui_with-paddings_14iqq_v4tpg_303",
26
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_v4tpg_312",
27
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_v4tpg_370",
28
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_v4tpg_390",
29
+ "dark-header": "awsui_dark-header_14iqq_v4tpg_399",
30
+ "content": "awsui_content_14iqq_v4tpg_222",
31
+ "content-fit-height": "awsui_content-fit-height_14iqq_v4tpg_407",
32
+ "content-with-media": "awsui_content-with-media_14iqq_v4tpg_417",
33
+ "footer": "awsui_footer_14iqq_v4tpg_421",
34
+ "with-divider": "awsui_with-divider_14iqq_v4tpg_425"
35
35
  };
36
36
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (99d03418)";
2
+ export var PACKAGE_VERSION = "3.0.0 (6e03e446)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (99d03418)",
3
+ "PACKAGE_VERSION": "3.0.0 (6e03e446)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "99d03418a91873b5838a6aa625b2ced3564ff94c"
2
+ "commit": "6e03e446c53aa8ba1a7fd79244d35e311324f9cc"
3
3
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EACnD,MAAW,EACX,MAAY,EACZ,UAAqB,EACrB,UAAqB,EACrB,iBAA4B,EAC5B,UAAuB,EACvB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,eAqBnB;AAID,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EACnD,MAAW,EACX,MAAY,EACZ,UAAqB,EACrB,UAAqB,EACrB,iBAA4B,EAC5B,UAAuB,EACvB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,eA+BnB;AAID,eAAe,SAAS,CAAC"}
@@ -10,7 +10,17 @@ import InternalMixedLineBarChart from '../mixed-line-bar-chart/internal';
10
10
  import useBaseComponent from '../internal/hooks/use-base-component';
11
11
  function LineChart(_a) {
12
12
  var { series = [], height = 500, xScaleType = 'linear', yScaleType = 'linear', detailPopoverSize = 'medium', statusType = 'finished', emphasizeBaselineAxis = true } = _a, props = __rest(_a, ["series", "height", "xScaleType", "yScaleType", "detailPopoverSize", "statusType", "emphasizeBaselineAxis"]);
13
- const baseComponentProps = useBaseComponent('LineChart');
13
+ const baseComponentProps = useBaseComponent('LineChart', {
14
+ props: {
15
+ detailPopoverSize,
16
+ emphasizeBaselineAxis,
17
+ fitHeight: props.fitHeight,
18
+ hideFilter: props.hideFilter,
19
+ hideLegend: props.hideLegend,
20
+ xScaleType,
21
+ yScaleType,
22
+ },
23
+ });
14
24
  const baseProps = getBaseProps(props);
15
25
  const className = clsx(baseProps.className, styles.root);
16
26
  return (React.createElement(InternalMixedLineBarChart, Object.assign({}, props, baseComponentProps, { className: className, height: height, xScaleType: xScaleType, yScaleType: yScaleType, stackedBars: false, horizontalBars: false, series: series, detailPopoverSize: detailPopoverSize, statusType: statusType, emphasizeBaselineAxis: emphasizeBaselineAxis })));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,SAAS,SAAS,CAAmC,EASjC;QATiC,EACnD,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,QAAQ,EACrB,UAAU,GAAG,QAAQ,EACrB,iBAAiB,GAAG,QAAQ,EAC5B,UAAU,GAAG,UAAU,EACvB,qBAAqB,GAAG,IAAI,OAEV,EADf,KAAK,cAR2C,4GASpD,CADS;IAER,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,yBAAyB,oBACpB,KAAK,EACL,kBAAkB,IACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,KAAK,EAClB,cAAc,EAAE,KAAK,EACrB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,IAC5C,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEzC,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { LineChartProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalMixedLineBarChart from '../mixed-line-bar-chart/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { LineChartProps };\n\nfunction LineChart<T extends number | string | Date>({\n series = [],\n height = 500,\n xScaleType = 'linear',\n yScaleType = 'linear',\n detailPopoverSize = 'medium',\n statusType = 'finished',\n emphasizeBaselineAxis = true,\n ...props\n}: LineChartProps<T>) {\n const baseComponentProps = useBaseComponent('LineChart');\n const baseProps = getBaseProps(props);\n const className = clsx(baseProps.className, styles.root);\n\n return (\n <InternalMixedLineBarChart\n {...props}\n {...baseComponentProps}\n className={className}\n height={height}\n xScaleType={xScaleType}\n yScaleType={yScaleType}\n stackedBars={false}\n horizontalBars={false}\n series={series}\n detailPopoverSize={detailPopoverSize}\n statusType={statusType}\n emphasizeBaselineAxis={emphasizeBaselineAxis}\n />\n );\n}\n\napplyDisplayName(LineChart, 'LineChart');\n\nexport default LineChart;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,SAAS,SAAS,CAAmC,EASjC;QATiC,EACnD,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,GAAG,EACZ,UAAU,GAAG,QAAQ,EACrB,UAAU,GAAG,QAAQ,EACrB,iBAAiB,GAAG,QAAQ,EAC5B,UAAU,GAAG,UAAU,EACvB,qBAAqB,GAAG,IAAI,OAEV,EADf,KAAK,cAR2C,4GASpD,CADS;IAER,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,WAAW,EAAE;QACvD,KAAK,EAAE;YACL,iBAAiB;YACjB,qBAAqB;YACrB,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,UAAU;YACV,UAAU;SACX;KACF,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,yBAAyB,oBACpB,KAAK,EACL,kBAAkB,IACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,KAAK,EAClB,cAAc,EAAE,KAAK,EACrB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,IAC5C,CACH,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEzC,eAAe,SAAS,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { LineChartProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getBaseProps } from '../internal/base-component';\nimport styles from './styles.css.js';\nimport InternalMixedLineBarChart from '../mixed-line-bar-chart/internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { LineChartProps };\n\nfunction LineChart<T extends number | string | Date>({\n series = [],\n height = 500,\n xScaleType = 'linear',\n yScaleType = 'linear',\n detailPopoverSize = 'medium',\n statusType = 'finished',\n emphasizeBaselineAxis = true,\n ...props\n}: LineChartProps<T>) {\n const baseComponentProps = useBaseComponent('LineChart', {\n props: {\n detailPopoverSize,\n emphasizeBaselineAxis,\n fitHeight: props.fitHeight,\n hideFilter: props.hideFilter,\n hideLegend: props.hideLegend,\n xScaleType,\n yScaleType,\n },\n });\n const baseProps = getBaseProps(props);\n const className = clsx(baseProps.className, styles.root);\n\n return (\n <InternalMixedLineBarChart\n {...props}\n {...baseComponentProps}\n className={className}\n height={height}\n xScaleType={xScaleType}\n yScaleType={yScaleType}\n stackedBars={false}\n horizontalBars={false}\n series={series}\n detailPopoverSize={detailPopoverSize}\n statusType={statusType}\n emphasizeBaselineAxis={emphasizeBaselineAxis}\n />\n );\n}\n\napplyDisplayName(LineChart, 'LineChart');\n\nexport default LineChart;\n"]}
package/package.json CHANGED
@@ -116,7 +116,7 @@
116
116
  "./internal/base-component/index.js",
117
117
  "./internal/base-component/styles.css.js"
118
118
  ],
119
- "version": "3.0.573",
119
+ "version": "3.0.575",
120
120
  "repository": {
121
121
  "type": "git",
122
122
  "url": "https://github.com/cloudscape-design/components.git"
@@ -3,6 +3,6 @@ import { TableBodyCellProps } from './index';
3
3
  interface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {
4
4
  editDisabledReason: string;
5
5
  }
6
- export declare function DisabledInlineEditor<ItemType>({ className, item, column, ariaLabels, isEditing, onEditStart, onEditEnd, editDisabledReason, isVisualRefresh, ...rest }: DisabledInlineEditorProps<ItemType>): JSX.Element;
6
+ export declare function DisabledInlineEditor<ItemType>({ className, item, column, ariaLabels, isEditing, onEditStart, onEditEnd, editDisabledReason, isVisualRefresh, interactiveCell, ...rest }: DisabledInlineEditorProps<ItemType>): JSX.Element;
7
7
  export {};
8
8
  //# sourceMappingURL=disabled-inline-editor.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"disabled-inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB,CAAC,QAAQ,CAAC;IAChF,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAC7C,SAAS,EACT,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eA+FrC"}
1
+ {"version":3,"file":"disabled-inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAI7C,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB,CAAC,QAAQ,CAAC;IAChF,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAC7C,SAAS,EACT,IAAI,EACJ,MAAM,EACN,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,eAAsB,EACtB,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eAmGrC"}
@@ -16,7 +16,7 @@ import styles from './styles.css.js';
16
16
  import { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';
17
17
  export function DisabledInlineEditor(_a) {
18
18
  var _b;
19
- var { className, item, column, ariaLabels, isEditing, onEditStart, onEditEnd, editDisabledReason, isVisualRefresh } = _a, rest = __rest(_a, ["className", "item", "column", "ariaLabels", "isEditing", "onEditStart", "onEditEnd", "editDisabledReason", "isVisualRefresh"]);
19
+ var { className, item, column, ariaLabels, isEditing, onEditStart, onEditEnd, editDisabledReason, isVisualRefresh, interactiveCell = true } = _a, rest = __rest(_a, ["className", "item", "column", "ariaLabels", "isEditing", "onEditStart", "onEditEnd", "editDisabledReason", "isVisualRefresh", "interactiveCell"]);
20
20
  const clickAwayRef = useClickAway(() => {
21
21
  if (isEditing) {
22
22
  onEditEnd(true);
@@ -24,7 +24,7 @@ export function DisabledInlineEditor(_a) {
24
24
  });
25
25
  const [hasHover, setHasHover] = useState(false);
26
26
  const [hasFocus, setHasFocus] = useState(false);
27
- const showIcon = hasHover || hasFocus || isEditing;
27
+ const showIcon = hasHover || hasFocus || isEditing || !interactiveCell;
28
28
  const iconRef = useRef(null);
29
29
  const buttonRef = useRef(null);
30
30
  const portalRef = useRef(null);
@@ -41,11 +41,12 @@ export function DisabledInlineEditor(_a) {
41
41
  const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);
42
42
  const portalClasses = usePortalModeClasses(portalRef);
43
43
  const { tabIndex } = useSingleTabStopNavigation(buttonRef);
44
- return (React.createElement(TableTdElement, Object.assign({}, rest, { nativeAttributes: { 'data-inline-editing-active': isEditing.toString() }, className: clsx(className, styles['body-cell-editable'], styles['body-cell-disabled-edit'], isEditing && styles['body-cell-edit-disabled-popover'], isVisualRefresh && styles['is-visual-refresh']), onClick: !isEditing ? onClick : undefined, onMouseEnter: () => setHasHover(true), onMouseLeave: () => setHasHover(false), ref: clickAwayRef }),
44
+ return (React.createElement(TableTdElement, Object.assign({}, rest, { nativeAttributes: { 'data-inline-editing-active': isEditing.toString() }, className: clsx(className, styles['body-cell-editable'], interactiveCell && styles['body-cell-interactive'], isEditing && styles['body-cell-edit-disabled-popover'], isVisualRefresh && styles['is-visual-refresh']), onClick: interactiveCell && !isEditing ? onClick : undefined, onMouseEnter: () => setHasHover(true), onMouseLeave: () => setHasHover(false), ref: clickAwayRef }),
45
45
  column.cell(item),
46
- React.createElement("button", Object.assign({ ref: buttonRef, tabIndex: tabIndex, className: styles['body-cell-editor'], "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column, item), "aria-haspopup": "dialog", "aria-disabled": "true", onFocus: () => setHasFocus(true), onBlur: () => setHasFocus(false), onKeyDown: handleEscape }, targetProps),
47
- showIcon && React.createElement(Icon, { name: "lock-private", variant: "normal", __internalRootRef: iconRef }),
48
- descriptionEl),
46
+ React.createElement("div", { className: styles['body-cell-editor-wrapper'] },
47
+ React.createElement("button", Object.assign({ ref: buttonRef, tabIndex: tabIndex, className: clsx(styles['body-cell-editor'], styles['body-cell-editor-disabled']), "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column, item), "aria-haspopup": "dialog", "aria-disabled": "true", onClick: !interactiveCell && !isEditing ? onClick : undefined, onFocus: () => setHasFocus(true), onBlur: () => setHasFocus(false), onKeyDown: handleEscape }, targetProps),
48
+ showIcon && React.createElement(Icon, { name: "lock-private", variant: "normal", __internalRootRef: iconRef }),
49
+ descriptionEl)),
49
50
  isEditing && (React.createElement("span", { ref: portalRef },
50
51
  React.createElement(Portal, null,
51
52
  React.createElement("span", { className: portalClasses },