@cloudscape-design/components 3.0.729 → 3.0.731
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.
- package/app-layout/classic.js +1 -1
- package/app-layout/classic.js.map +1 -1
- package/app-layout/drawer/styles.css.js +13 -13
- package/app-layout/drawer/styles.scoped.css +22 -22
- package/app-layout/drawer/styles.selectors.js +13 -13
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +10 -10
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/resize/styles.css.js +9 -0
- package/app-layout/resize/styles.scoped.css +179 -0
- package/app-layout/resize/styles.selectors.js +10 -0
- package/app-layout/styles.css.js +12 -16
- package/app-layout/styles.scoped.css +12 -43
- package/app-layout/styles.selectors.js +12 -16
- package/app-layout/utils/use-drawers.js +1 -1
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/utils/use-pointer-events.js +1 -1
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts +2 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -2
- package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/index.js +4 -4
- package/app-layout/visual-refresh-toolbar/drawer/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/use-resize.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/use-resize.js +1 -0
- package/app-layout/visual-refresh-toolbar/drawer/use-resize.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/index.js +3 -3
- package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -29
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -6
- package/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/index.js +4 -3
- package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +45 -31
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +15 -16
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/expandable-section/analytics-metadata/interfaces.d.ts +17 -0
- package/expandable-section/analytics-metadata/interfaces.d.ts.map +1 -0
- package/expandable-section/analytics-metadata/interfaces.js +4 -0
- package/expandable-section/analytics-metadata/interfaces.js.map +1 -0
- package/expandable-section/analytics-metadata/styles.css.js +6 -0
- package/expandable-section/analytics-metadata/styles.scoped.css +7 -0
- package/expandable-section/analytics-metadata/styles.selectors.js +7 -0
- package/expandable-section/expandable-section-container.d.ts +2 -1
- package/expandable-section/expandable-section-container.d.ts.map +1 -1
- package/expandable-section/expandable-section-container.js +13 -3
- package/expandable-section/expandable-section-container.js.map +1 -1
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +19 -7
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/index.d.ts.map +1 -1
- package/expandable-section/index.js +1 -1
- package/expandable-section/index.js.map +1 -1
- package/expandable-section/internal.d.ts +2 -1
- package/expandable-section/internal.d.ts.map +1 -1
- package/expandable-section/internal.js +2 -2
- package/expandable-section/internal.js.map +1 -1
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +158 -158
- package/flashbar/styles.selectors.js +47 -47
- package/internal/base-component/styles.scoped.css +10 -5
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +15 -15
- package/internal/generated/theming/index.js +15 -15
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/property-filter/controller.d.ts +10 -7
- package/property-filter/controller.d.ts.map +1 -1
- package/property-filter/controller.js +16 -30
- package/property-filter/controller.js.map +1 -1
- package/property-filter/internal.d.ts.map +1 -1
- package/property-filter/internal.js +22 -7
- package/property-filter/internal.js.map +1 -1
- package/property-filter/property-editor.d.ts +2 -2
- package/property-filter/property-editor.d.ts.map +1 -1
- package/property-filter/property-editor.js +1 -1
- package/property-filter/property-editor.js.map +1 -1
- package/property-filter/token.d.ts +7 -8
- package/property-filter/token.d.ts.map +1 -1
- package/property-filter/token.js +6 -5
- package/property-filter/token.js.map +1 -1
- package/split-panel/bottom.d.ts +1 -4
- package/split-panel/bottom.d.ts.map +1 -1
- package/split-panel/bottom.js +5 -7
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/implementation.d.ts.map +1 -1
- package/split-panel/implementation.js +5 -5
- package/split-panel/implementation.js.map +1 -1
- package/split-panel/side.d.ts.map +1 -1
- package/split-panel/side.js +5 -3
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +26 -27
- package/split-panel/styles.scoped.css +50 -215
- package/split-panel/styles.selectors.js +26 -27
- package/tabs/analytics-metadata/interfaces.d.ts +33 -0
- package/tabs/analytics-metadata/interfaces.d.ts.map +1 -0
- package/tabs/analytics-metadata/interfaces.js +4 -0
- package/tabs/analytics-metadata/interfaces.js.map +1 -0
- package/tabs/analytics-metadata/styles.css.js +9 -0
- package/tabs/analytics-metadata/styles.scoped.css +10 -0
- package/tabs/analytics-metadata/styles.selectors.js +10 -0
- package/tabs/index.d.ts.map +1 -1
- package/tabs/index.js +16 -2
- package/tabs/index.js.map +1 -1
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +36 -9
- package/tabs/tab-header-bar.js.map +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +59 -59
- package/wizard/styles.selectors.js +30 -30
|
@@ -146,176 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
146
146
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
147
147
|
SPDX-License-Identifier: Apache-2.0
|
|
148
148
|
*/
|
|
149
|
-
|
|
150
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
|
-
SPDX-License-Identifier: Apache-2.0
|
|
152
|
-
*/
|
|
153
|
-
/*
|
|
154
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
155
|
-
SPDX-License-Identifier: Apache-2.0
|
|
156
|
-
*/
|
|
157
|
-
/*
|
|
158
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
159
|
-
SPDX-License-Identifier: Apache-2.0
|
|
160
|
-
*/
|
|
161
|
-
/*
|
|
162
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
163
|
-
SPDX-License-Identifier: Apache-2.0
|
|
164
|
-
*/
|
|
165
|
-
/*
|
|
166
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
167
|
-
SPDX-License-Identifier: Apache-2.0
|
|
168
|
-
*/
|
|
169
|
-
/*
|
|
170
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
171
|
-
SPDX-License-Identifier: Apache-2.0
|
|
172
|
-
*/
|
|
173
|
-
/*
|
|
174
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
175
|
-
SPDX-License-Identifier: Apache-2.0
|
|
176
|
-
*/
|
|
177
|
-
/*
|
|
178
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
179
|
-
SPDX-License-Identifier: Apache-2.0
|
|
180
|
-
*/
|
|
181
|
-
/*
|
|
182
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
|
-
SPDX-License-Identifier: Apache-2.0
|
|
184
|
-
*/
|
|
185
|
-
/*
|
|
186
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
|
-
SPDX-License-Identifier: Apache-2.0
|
|
188
|
-
*/
|
|
189
|
-
/*
|
|
190
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
|
-
SPDX-License-Identifier: Apache-2.0
|
|
192
|
-
*/
|
|
193
|
-
/*
|
|
194
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
195
|
-
SPDX-License-Identifier: Apache-2.0
|
|
196
|
-
*/
|
|
197
|
-
/*
|
|
198
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
199
|
-
SPDX-License-Identifier: Apache-2.0
|
|
200
|
-
*/
|
|
201
|
-
/*
|
|
202
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
203
|
-
SPDX-License-Identifier: Apache-2.0
|
|
204
|
-
*/
|
|
205
|
-
/*
|
|
206
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
207
|
-
SPDX-License-Identifier: Apache-2.0
|
|
208
|
-
*/
|
|
209
|
-
/*
|
|
210
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
211
|
-
SPDX-License-Identifier: Apache-2.0
|
|
212
|
-
*/
|
|
213
|
-
/*
|
|
214
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
215
|
-
SPDX-License-Identifier: Apache-2.0
|
|
216
|
-
*/
|
|
217
|
-
/*
|
|
218
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
|
-
SPDX-License-Identifier: Apache-2.0
|
|
220
|
-
*/
|
|
221
|
-
/*
|
|
222
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
223
|
-
SPDX-License-Identifier: Apache-2.0
|
|
224
|
-
*/
|
|
225
|
-
/*
|
|
226
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
227
|
-
SPDX-License-Identifier: Apache-2.0
|
|
228
|
-
*/
|
|
229
|
-
/*
|
|
230
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
231
|
-
SPDX-License-Identifier: Apache-2.0
|
|
232
|
-
*/
|
|
233
|
-
/*
|
|
234
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
235
|
-
SPDX-License-Identifier: Apache-2.0
|
|
236
|
-
*/
|
|
237
|
-
/*
|
|
238
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
239
|
-
SPDX-License-Identifier: Apache-2.0
|
|
240
|
-
*/
|
|
241
|
-
/*
|
|
242
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
243
|
-
SPDX-License-Identifier: Apache-2.0
|
|
244
|
-
*/
|
|
245
|
-
/*
|
|
246
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
247
|
-
SPDX-License-Identifier: Apache-2.0
|
|
248
|
-
*/
|
|
249
|
-
/*
|
|
250
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
251
|
-
SPDX-License-Identifier: Apache-2.0
|
|
252
|
-
*/
|
|
253
|
-
/*
|
|
254
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
255
|
-
SPDX-License-Identifier: Apache-2.0
|
|
256
|
-
*/
|
|
257
|
-
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
258
|
-
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
259
|
-
/*
|
|
260
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
261
|
-
SPDX-License-Identifier: Apache-2.0
|
|
262
|
-
*/
|
|
263
|
-
/*
|
|
264
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
265
|
-
SPDX-License-Identifier: Apache-2.0
|
|
266
|
-
*/
|
|
267
|
-
/*
|
|
268
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
269
|
-
SPDX-License-Identifier: Apache-2.0
|
|
270
|
-
*/
|
|
271
|
-
/*
|
|
272
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
273
|
-
SPDX-License-Identifier: Apache-2.0
|
|
274
|
-
*/
|
|
275
|
-
/*
|
|
276
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
277
|
-
SPDX-License-Identifier: Apache-2.0
|
|
278
|
-
*/
|
|
279
|
-
/*
|
|
280
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
281
|
-
SPDX-License-Identifier: Apache-2.0
|
|
282
|
-
*/
|
|
283
|
-
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
284
|
-
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
285
|
-
/*
|
|
286
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
287
|
-
SPDX-License-Identifier: Apache-2.0
|
|
288
|
-
*/
|
|
289
|
-
.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
|
|
290
|
-
transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
291
|
-
transition-property: none;
|
|
292
|
-
}
|
|
293
|
-
@media (prefers-reduced-motion: reduce) {
|
|
294
|
-
.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
|
|
295
|
-
animation: none;
|
|
296
|
-
transition: none;
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
.awsui-motion-disabled .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289:not(#\9) {
|
|
300
|
-
animation: none;
|
|
301
|
-
transition: none;
|
|
302
|
-
}
|
|
303
|
-
.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9) {
|
|
304
|
-
transition-property: transform;
|
|
305
|
-
transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
306
|
-
}
|
|
307
|
-
@media (prefers-reduced-motion: reduce) {
|
|
308
|
-
.awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9) {
|
|
309
|
-
animation: none;
|
|
310
|
-
transition: none;
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
.awsui-motion-disabled .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1c0at_289.awsui_refresh_1r9lg_1c0at_289.awsui_animating_1r9lg_1c0at_303:not(#\9) {
|
|
314
|
-
animation: none;
|
|
315
|
-
transition: none;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
.awsui_drawer_1r9lg_1c0at_289:not(#\9) {
|
|
149
|
+
.awsui_drawer_1r9lg_1p65x_149:not(#\9) {
|
|
319
150
|
border-collapse: separate;
|
|
320
151
|
border-spacing: 0;
|
|
321
152
|
box-sizing: border-box;
|
|
@@ -356,35 +187,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
356
187
|
background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
|
|
357
188
|
z-index: 840;
|
|
358
189
|
}
|
|
359
|
-
.awsui_drawer-
|
|
190
|
+
.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) {
|
|
360
191
|
cursor: pointer;
|
|
361
192
|
min-inline-size: 40px;
|
|
362
193
|
}
|
|
363
194
|
|
|
364
|
-
.awsui_drawer-content-
|
|
195
|
+
.awsui_drawer-content-side_1r9lg_1p65x_194:not(#\9) {
|
|
365
196
|
display: flex;
|
|
366
197
|
align-items: center;
|
|
367
198
|
block-size: 100%;
|
|
368
199
|
overflow: auto;
|
|
369
200
|
}
|
|
370
|
-
.awsui_drawer-
|
|
201
|
+
.awsui_drawer-content-side_1r9lg_1p65x_194 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1p65x_189.awsui_refresh_1r9lg_1p65x_189 > .awsui_drawer-content-side_1r9lg_1p65x_194:not(#\9) {
|
|
202
|
+
display: none;
|
|
203
|
+
}
|
|
204
|
+
.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) > .awsui_drawer-content-side_1r9lg_1p65x_194 {
|
|
371
205
|
inline-size: 40px;
|
|
372
206
|
}
|
|
373
|
-
.awsui_drawer-
|
|
207
|
+
.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) > .awsui_drawer-content-side_1r9lg_1p65x_194:hover {
|
|
374
208
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
375
209
|
}
|
|
376
|
-
.awsui_drawer-content-side_1r9lg_1c0at_363 > [aria-hidden=true]:not(#\9) {
|
|
377
|
-
display: none;
|
|
378
|
-
}
|
|
379
210
|
|
|
380
|
-
:not(#\9):not(.awsui_drawer-
|
|
211
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 {
|
|
381
212
|
overflow-y: auto;
|
|
382
213
|
position: absolute;
|
|
383
214
|
inset: 0;
|
|
384
215
|
clip-path: border-box;
|
|
385
216
|
}
|
|
386
217
|
|
|
387
|
-
.awsui_position-
|
|
218
|
+
.awsui_position-bottom_1r9lg_1p65x_217:not(#\9) {
|
|
388
219
|
position: fixed;
|
|
389
220
|
overflow-y: auto;
|
|
390
221
|
border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
@@ -393,37 +224,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
393
224
|
SplitPanel is no longer in fixed position in the DOM.
|
|
394
225
|
*/
|
|
395
226
|
}
|
|
396
|
-
.awsui_position-
|
|
227
|
+
.awsui_position-bottom_1r9lg_1p65x_217:not(#\9):not(.awsui_refresh_1r9lg_1p65x_189) {
|
|
397
228
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
398
229
|
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
399
230
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
400
231
|
}
|
|
401
|
-
.awsui_position-
|
|
232
|
+
.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9) {
|
|
402
233
|
overflow: hidden;
|
|
403
234
|
}
|
|
404
|
-
.awsui_position-
|
|
405
|
-
|
|
235
|
+
.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
|
|
236
|
+
block-size: 0px;
|
|
237
|
+
border-block: none;
|
|
238
|
+
border-inline: none;
|
|
406
239
|
}
|
|
407
|
-
.awsui_position-
|
|
240
|
+
.awsui_position-bottom_1r9lg_1p65x_217.awsui_drawer-closed_1r9lg_1p65x_189:not(#\9):hover {
|
|
408
241
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
409
242
|
}
|
|
410
|
-
.awsui_position-
|
|
243
|
+
.awsui_position-bottom_1r9lg_1p65x_217 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > [aria-hidden=true]:not(#\9) {
|
|
411
244
|
display: none;
|
|
412
245
|
}
|
|
413
|
-
.awsui_position-
|
|
246
|
+
.awsui_position-bottom_1r9lg_1p65x_217.awsui_refresh_1r9lg_1p65x_189:not(#\9) {
|
|
414
247
|
position: relative;
|
|
415
248
|
}
|
|
416
249
|
|
|
417
|
-
.awsui_position-
|
|
250
|
+
.awsui_position-side_1r9lg_1p65x_249:not(#\9) {
|
|
418
251
|
border-block-start: none;
|
|
419
252
|
box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
|
|
420
253
|
block-size: 100%;
|
|
421
254
|
}
|
|
422
|
-
.awsui_position-
|
|
255
|
+
.awsui_position-side_1r9lg_1p65x_249.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
|
|
423
256
|
box-shadow: none;
|
|
424
257
|
}
|
|
425
258
|
|
|
426
|
-
.awsui_slider-wrapper-
|
|
259
|
+
.awsui_slider-wrapper-bottom_1r9lg_1p65x_258:not(#\9) {
|
|
427
260
|
position: absolute;
|
|
428
261
|
inset-block-start: 0;
|
|
429
262
|
inset-inline-start: 0;
|
|
@@ -434,7 +267,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
434
267
|
z-index: 2;
|
|
435
268
|
}
|
|
436
269
|
|
|
437
|
-
.awsui_slider-wrapper-
|
|
270
|
+
.awsui_slider-wrapper-side_1r9lg_1p65x_269:not(#\9) {
|
|
438
271
|
position: absolute;
|
|
439
272
|
inset-inline-start: 0;
|
|
440
273
|
inset-block-start: 0;
|
|
@@ -445,7 +278,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
445
278
|
z-index: 1;
|
|
446
279
|
}
|
|
447
280
|
|
|
448
|
-
.awsui_open-button-
|
|
281
|
+
.awsui_open-button-side_1r9lg_1p65x_280:not(#\9) {
|
|
449
282
|
flex: 0 0 auto;
|
|
450
283
|
align-self: flex-start;
|
|
451
284
|
box-sizing: border-box;
|
|
@@ -454,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
454
287
|
margin-inline: auto;
|
|
455
288
|
}
|
|
456
289
|
|
|
457
|
-
.awsui_pane-header-wrapper-
|
|
290
|
+
.awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
|
|
458
291
|
position: sticky;
|
|
459
292
|
inset-block-start: 0;
|
|
460
293
|
display: flex;
|
|
@@ -464,90 +297,92 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
464
297
|
padding-block: 0;
|
|
465
298
|
padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
466
299
|
}
|
|
467
|
-
.awsui_drawer-
|
|
300
|
+
.awsui_drawer-mobile_1r9lg_1p65x_299 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
|
|
468
301
|
padding-block: 0;
|
|
469
302
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
470
303
|
}
|
|
471
|
-
.awsui_drawer-disable-content-
|
|
304
|
+
.awsui_drawer-disable-content-paddings_1r9lg_1p65x_303 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289:not(#\9) {
|
|
472
305
|
padding-block: 0;
|
|
473
306
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
474
307
|
}
|
|
475
|
-
:not(#\9):not(.awsui_drawer-
|
|
308
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289 {
|
|
476
309
|
background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
|
|
477
310
|
border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
|
|
478
311
|
}
|
|
479
|
-
.awsui_with-
|
|
312
|
+
.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9):not(.awsui_drawer-closed_1r9lg_1p65x_189) > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289 {
|
|
480
313
|
border-color: transparent;
|
|
481
314
|
}
|
|
482
315
|
|
|
483
|
-
.awsui_content-
|
|
316
|
+
.awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
|
|
484
317
|
padding-block: 0;
|
|
485
318
|
padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
486
319
|
margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
|
|
487
320
|
position: relative;
|
|
488
321
|
z-index: 0;
|
|
489
322
|
}
|
|
490
|
-
.awsui_with-
|
|
323
|
+
.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
|
|
491
324
|
margin-block-start: 0px;
|
|
492
325
|
}
|
|
493
|
-
.awsui_drawer-
|
|
326
|
+
.awsui_drawer-mobile_1r9lg_1p65x_299 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
|
|
494
327
|
padding-block: 0;
|
|
495
328
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
496
329
|
}
|
|
497
|
-
.awsui_drawer-disable-content-
|
|
330
|
+
.awsui_drawer-disable-content-paddings_1r9lg_1p65x_303 > .awsui_drawer-content-bottom_1r9lg_1p65x_210 > .awsui_content-bottom_1r9lg_1p65x_315:not(#\9) {
|
|
498
331
|
padding-block: 0;
|
|
499
332
|
padding-inline: 0;
|
|
500
333
|
}
|
|
501
334
|
|
|
502
|
-
.awsui_pane-bottom-center-
|
|
335
|
+
.awsui_pane-bottom-center-align_1r9lg_1p65x_334:not(#\9) {
|
|
503
336
|
display: flex;
|
|
504
337
|
justify-content: center;
|
|
505
338
|
}
|
|
506
339
|
|
|
507
|
-
.awsui_pane-bottom-content-nav-
|
|
340
|
+
.awsui_pane-bottom-content-nav-padding_1r9lg_1p65x_339:not(#\9) {
|
|
508
341
|
padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
|
|
509
342
|
}
|
|
510
343
|
|
|
511
|
-
.awsui_pane-bottom-content-tools-
|
|
344
|
+
.awsui_pane-bottom-content-tools-padding_1r9lg_1p65x_343:not(#\9) {
|
|
512
345
|
padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
|
|
513
346
|
}
|
|
514
347
|
|
|
515
|
-
.awsui_content-bottom-max-
|
|
348
|
+
.awsui_content-bottom-max-width_1r9lg_1p65x_347:not(#\9) {
|
|
516
349
|
flex-grow: 1;
|
|
517
350
|
max-inline-size: 100%;
|
|
518
351
|
}
|
|
519
352
|
|
|
520
|
-
.awsui_content-
|
|
353
|
+
.awsui_content-side_1r9lg_1p65x_352:not(#\9) {
|
|
521
354
|
flex: auto;
|
|
522
355
|
align-self: flex-start;
|
|
523
356
|
box-sizing: border-box;
|
|
524
357
|
overflow-y: auto;
|
|
525
|
-
position: absolute;
|
|
526
358
|
inset-block-start: 0;
|
|
527
359
|
inset-inline: 0;
|
|
528
360
|
block-size: 100%;
|
|
529
361
|
}
|
|
530
|
-
.awsui_content-
|
|
362
|
+
.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
|
|
363
|
+
position: absolute;
|
|
364
|
+
}
|
|
365
|
+
.awsui_content-side_1r9lg_1p65x_352 > .awsui_pane-header-wrapper-side_1r9lg_1p65x_364:not(#\9) {
|
|
531
366
|
padding-block: 0;
|
|
532
367
|
padding-inline-end: var(--space-m-udix3p, 16px);
|
|
533
368
|
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
534
369
|
border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-panel-header-lf0q4c, #b6bec9);
|
|
535
370
|
}
|
|
536
|
-
.awsui_content-
|
|
371
|
+
.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_pane-header-wrapper-side_1r9lg_1p65x_364:not(#\9) {
|
|
537
372
|
border-color: transparent;
|
|
538
373
|
}
|
|
539
|
-
.awsui_content-
|
|
374
|
+
.awsui_content-side_1r9lg_1p65x_352 > .awsui_pane-content-wrapper-side_1r9lg_1p65x_373:not(#\9) {
|
|
540
375
|
padding-block: 0;
|
|
541
376
|
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
542
377
|
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
543
378
|
margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
|
|
544
379
|
margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
|
|
545
380
|
}
|
|
546
|
-
.awsui_content-
|
|
381
|
+
.awsui_content-side_1r9lg_1p65x_352.awsui_with-toolbar_1r9lg_1p65x_234 > .awsui_pane-content-wrapper-side_1r9lg_1p65x_373:not(#\9) {
|
|
547
382
|
margin-block-start: 0px;
|
|
548
383
|
}
|
|
549
384
|
|
|
550
|
-
.
|
|
385
|
+
.awsui_header_1r9lg_1p65x_384:not(#\9) {
|
|
551
386
|
display: flex;
|
|
552
387
|
flex: auto;
|
|
553
388
|
flex-direction: row;
|
|
@@ -557,10 +392,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
557
392
|
margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
558
393
|
margin-inline: 0;
|
|
559
394
|
}
|
|
560
|
-
.
|
|
395
|
+
.awsui_header_1r9lg_1p65x_384.awsui_with-toolbar_1r9lg_1p65x_234:not(#\9) {
|
|
561
396
|
margin-block: 10px;
|
|
562
397
|
}
|
|
563
|
-
.awsui_header-
|
|
398
|
+
.awsui_header-text_1r9lg_1p65x_397:not(#\9) {
|
|
564
399
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
565
400
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
566
401
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -573,7 +408,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
573
408
|
margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
|
|
574
409
|
}
|
|
575
410
|
|
|
576
|
-
.awsui_header-
|
|
411
|
+
.awsui_header-actions_1r9lg_1p65x_410:not(#\9) {
|
|
577
412
|
display: flex;
|
|
578
413
|
flex-direction: row;
|
|
579
414
|
justify-content: space-between;
|
|
@@ -581,7 +416,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
581
416
|
margin-inline-start: var(--space-xs-zb16t3, 8px);
|
|
582
417
|
}
|
|
583
418
|
|
|
584
|
-
.
|
|
419
|
+
.awsui_divider_1r9lg_1p65x_418:not(#\9) {
|
|
585
420
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
586
421
|
margin-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
587
422
|
margin-inline: var(--space-scaled-xs-26e2du, 8px);
|
|
@@ -2,32 +2,31 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"drawer": "
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"drawer-
|
|
9
|
-
"drawer-content-
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"slider-wrapper-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"drawer-
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"pane-bottom-
|
|
22
|
-
"pane-bottom-content-
|
|
23
|
-
"
|
|
24
|
-
"content-
|
|
25
|
-
"
|
|
26
|
-
"pane-
|
|
27
|
-
"
|
|
28
|
-
"header": "
|
|
29
|
-
"header-
|
|
30
|
-
"
|
|
31
|
-
"divider": "awsui_divider_1r9lg_1c0at_583"
|
|
5
|
+
"drawer": "awsui_drawer_1r9lg_1p65x_149",
|
|
6
|
+
"drawer-closed": "awsui_drawer-closed_1r9lg_1p65x_189",
|
|
7
|
+
"refresh": "awsui_refresh_1r9lg_1p65x_189",
|
|
8
|
+
"drawer-content-side": "awsui_drawer-content-side_1r9lg_1p65x_194",
|
|
9
|
+
"drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1p65x_210",
|
|
10
|
+
"position-bottom": "awsui_position-bottom_1r9lg_1p65x_217",
|
|
11
|
+
"with-toolbar": "awsui_with-toolbar_1r9lg_1p65x_234",
|
|
12
|
+
"position-side": "awsui_position-side_1r9lg_1p65x_249",
|
|
13
|
+
"slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1p65x_258",
|
|
14
|
+
"slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1p65x_269",
|
|
15
|
+
"open-button-side": "awsui_open-button-side_1r9lg_1p65x_280",
|
|
16
|
+
"pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1p65x_289",
|
|
17
|
+
"drawer-mobile": "awsui_drawer-mobile_1r9lg_1p65x_299",
|
|
18
|
+
"drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1p65x_303",
|
|
19
|
+
"content-bottom": "awsui_content-bottom_1r9lg_1p65x_315",
|
|
20
|
+
"pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1p65x_334",
|
|
21
|
+
"pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1p65x_339",
|
|
22
|
+
"pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1p65x_343",
|
|
23
|
+
"content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1p65x_347",
|
|
24
|
+
"content-side": "awsui_content-side_1r9lg_1p65x_352",
|
|
25
|
+
"pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1p65x_364",
|
|
26
|
+
"pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1p65x_373",
|
|
27
|
+
"header": "awsui_header_1r9lg_1p65x_384",
|
|
28
|
+
"header-text": "awsui_header-text_1r9lg_1p65x_397",
|
|
29
|
+
"header-actions": "awsui_header-actions_1r9lg_1p65x_410",
|
|
30
|
+
"divider": "awsui_divider_1r9lg_1p65x_418"
|
|
32
31
|
};
|
|
33
32
|
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export interface GeneratedAnalyticsMetadataTabsSelect {
|
|
2
|
+
action: 'select';
|
|
3
|
+
detail: {
|
|
4
|
+
label: string;
|
|
5
|
+
id: string;
|
|
6
|
+
position: string;
|
|
7
|
+
originTabId: string;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
export interface GeneratedAnalyticsMetadataTabsDismiss {
|
|
11
|
+
action: 'dismiss';
|
|
12
|
+
detail: {
|
|
13
|
+
label: string;
|
|
14
|
+
id: string;
|
|
15
|
+
position: string;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export interface GeneratedAnalyticsMetadataTabsComponent {
|
|
19
|
+
name: 'awsui.Tabs';
|
|
20
|
+
label: string;
|
|
21
|
+
properties?: {
|
|
22
|
+
activeTabId: string;
|
|
23
|
+
activeTabLabel: string;
|
|
24
|
+
activeTabPosition: string;
|
|
25
|
+
tabsCount: string;
|
|
26
|
+
};
|
|
27
|
+
innerContext?: {
|
|
28
|
+
tabId: string;
|
|
29
|
+
tabLabel: string;
|
|
30
|
+
tabPosition: string;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/tabs/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,oCAAoC;IACnD,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,qCAAqC;IACpD,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,uCAAuC;IACtD,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE;QACX,WAAW,EAAE,MAAM,CAAC;QACpB,cAAc,EAAE,MAAM,CAAC;QACvB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/tabs/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport interface GeneratedAnalyticsMetadataTabsSelect {\n action: 'select';\n detail: {\n label: string;\n id: string;\n position: string;\n originTabId: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTabsDismiss {\n action: 'dismiss';\n detail: {\n label: string;\n id: string;\n position: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataTabsComponent {\n name: 'awsui.Tabs';\n label: string;\n properties?: {\n activeTabId: string;\n activeTabLabel: string;\n activeTabPosition: string;\n tabsCount: string;\n };\n innerContext?: {\n tabId: string;\n tabLabel: string;\n tabPosition: string;\n };\n}\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
|
|
2
|
+
import './styles.scoped.css';
|
|
3
|
+
export default {
|
|
4
|
+
"tabs-header-list": "awsui_tabs-header-list_1acwa_dp0cl_5",
|
|
5
|
+
"active-tab-header": "awsui_active-tab-header_1acwa_dp0cl_6",
|
|
6
|
+
"tab-label": "awsui_tab-label_1acwa_dp0cl_7",
|
|
7
|
+
"tab-dismiss-button": "awsui_tab-dismiss-button_1acwa_dp0cl_8"
|
|
8
|
+
};
|
|
9
|
+
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
*/
|
|
5
|
+
.awsui_tabs-header-list_1acwa_dp0cl_5:not(#\9),
|
|
6
|
+
.awsui_active-tab-header_1acwa_dp0cl_6:not(#\9),
|
|
7
|
+
.awsui_tab-label_1acwa_dp0cl_7:not(#\9),
|
|
8
|
+
.awsui_tab-dismiss-button_1acwa_dp0cl_8:not(#\9) {
|
|
9
|
+
/* used in analytics metadata */
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
|
|
2
|
+
// es-module interop with Babel and Typescript
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
module.exports.default = {
|
|
5
|
+
"tabs-header-list": "awsui_tabs-header-list_1acwa_dp0cl_5",
|
|
6
|
+
"active-tab-header": "awsui_active-tab-header_1acwa_dp0cl_6",
|
|
7
|
+
"tab-label": "awsui_tab-label_1acwa_dp0cl_7",
|
|
8
|
+
"tab-dismiss-button": "awsui_tab-dismiss-button_1acwa_dp0cl_8"
|
|
9
|
+
};
|
|
10
|
+
|
package/tabs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAUrB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,OAAmB,EACnB,QAAQ,EACR,WAAW,EAAE,eAAe,EAC5B,SAAS,EACT,cAAc,EACd,sBAA8B,EAC9B,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,eAmHX"}
|
package/tabs/index.js
CHANGED
|
@@ -3,6 +3,7 @@ import { __rest } from "tslib";
|
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
|
+
import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
|
|
6
7
|
import InternalContainer from '../container/internal';
|
|
7
8
|
import { getBaseProps } from '../internal/base-component';
|
|
8
9
|
import { fireNonCancelableEvent } from '../internal/events';
|
|
@@ -12,6 +13,7 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
|
|
|
12
13
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
13
14
|
import { checkSafeUrl } from '../internal/utils/check-safe-url';
|
|
14
15
|
import { getTabElementId, TabHeaderBar } from './tab-header-bar';
|
|
16
|
+
import analyticsSelectors from './analytics-metadata/styles.css.js';
|
|
15
17
|
import styles from './styles.css.js';
|
|
16
18
|
function firstEnabledTab(tabs) {
|
|
17
19
|
const enabledTabs = tabs.filter(tab => !tab.disabled);
|
|
@@ -36,6 +38,18 @@ export default function Tabs(_a) {
|
|
|
36
38
|
changeHandler: 'onChange',
|
|
37
39
|
});
|
|
38
40
|
const baseProps = getBaseProps(rest);
|
|
41
|
+
const analyticsComponentMetadata = {
|
|
42
|
+
name: 'awsui.Tabs',
|
|
43
|
+
label: `.${analyticsSelectors['tabs-header-list']}`,
|
|
44
|
+
};
|
|
45
|
+
if (activeTabId) {
|
|
46
|
+
analyticsComponentMetadata.properties = {
|
|
47
|
+
activeTabId,
|
|
48
|
+
activeTabLabel: `.${analyticsSelectors['active-tab-header']} .${analyticsSelectors['tab-label']}`,
|
|
49
|
+
activeTabPosition: `${tabs.findIndex(tab => tab.id === activeTabId) + 1}`,
|
|
50
|
+
tabsCount: `${tabs.length}`,
|
|
51
|
+
};
|
|
52
|
+
}
|
|
39
53
|
const content = () => {
|
|
40
54
|
const selectedTab = tabs.filter(tab => tab.id === activeTabId)[0];
|
|
41
55
|
const renderContent = (tab) => {
|
|
@@ -66,9 +80,9 @@ export default function Tabs(_a) {
|
|
|
66
80
|
fireNonCancelableEvent(onChange, changeDetail);
|
|
67
81
|
}, i18nStrings: i18nStrings }));
|
|
68
82
|
if (variant === 'container' || variant === 'stacked') {
|
|
69
|
-
return (React.createElement(InternalContainer, Object.assign({ header: header, disableHeaderPaddings: true }, baseProps, { className: clsx(baseProps.className, styles.root), __internalRootRef: __internalRootRef, disableContentPaddings: true, variant: variant === 'stacked' ? 'stacked' : 'default', fitHeight: fitHeight }), content()));
|
|
83
|
+
return (React.createElement(InternalContainer, Object.assign({ header: header, disableHeaderPaddings: true }, baseProps, { className: clsx(baseProps.className, styles.root), __internalRootRef: __internalRootRef, disableContentPaddings: true, variant: variant === 'stacked' ? 'stacked' : 'default', fitHeight: fitHeight }, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })), content()));
|
|
70
84
|
}
|
|
71
|
-
return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.tabs, { [styles['fit-height']]: fitHeight }), ref: __internalRootRef }),
|
|
85
|
+
return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root, styles.tabs, { [styles['fit-height']]: fitHeight }), ref: __internalRootRef }, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })),
|
|
72
86
|
header,
|
|
73
87
|
content()));
|
|
74
88
|
}
|