@cloudscape-design/components-themeable 3.0.893 → 3.0.894
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/table/body-cell/styles.scss +39 -18
- package/lib/internal/scss/table/header-cell/styles.scss +2 -2
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/lib/internal/template/flashbar/collapsible-flashbar.js +0 -2
- package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
- package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
- package/lib/internal/template/flashbar/flash.js +1 -6
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/flashbar/index.d.ts.map +1 -1
- package/lib/internal/template/flashbar/index.js +1 -7
- package/lib/internal/template/flashbar/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/plugins/helpers/metrics.js +2 -2
- package/lib/internal/template/internal/plugins/helpers/metrics.js.map +1 -1
- package/lib/internal/template/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/disabled-inline-editor.js +8 -9
- package/lib/internal/template/table/body-cell/disabled-inline-editor.js.map +1 -1
- package/lib/internal/template/table/body-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/index.js +9 -9
- package/lib/internal/template/table/body-cell/index.js.map +1 -1
- package/lib/internal/template/table/body-cell/styles.css.js +46 -44
- package/lib/internal/template/table/body-cell/styles.scoped.css +397 -367
- package/lib/internal/template/table/body-cell/styles.selectors.js +46 -44
- package/lib/internal/template/table/body-cell/td-element.d.ts +2 -2
- package/lib/internal/template/table/body-cell/td-element.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/td-element.js +4 -3
- package/lib/internal/template/table/body-cell/td-element.js.map +1 -1
- package/lib/internal/template/table/header-cell/index.js +1 -1
- package/lib/internal/template/table/header-cell/index.js.map +1 -1
- package/lib/internal/template/table/header-cell/styles.css.js +28 -28
- package/lib/internal/template/table/header-cell/styles.scoped.css +66 -66
- package/lib/internal/template/table/header-cell/styles.selectors.js +28 -28
- package/package.json +1 -1
- package/lib/internal/template/flashbar/internal/analytics.d.ts +0 -5
- package/lib/internal/template/flashbar/internal/analytics.d.ts.map +0 -1
- package/lib/internal/template/flashbar/internal/analytics.js +0 -29
- package/lib/internal/template/flashbar/internal/analytics.js.map +0 -1
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
.awsui_header-
|
|
149
|
+
.awsui_header-cell_1spae_1ezj4_149:not(#\9) {
|
|
150
150
|
position: relative;
|
|
151
151
|
text-align: start;
|
|
152
152
|
box-sizing: border-box;
|
|
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
159
159
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
160
160
|
padding-inline: var(--space-scaled-xs-t3am3w, 8px);
|
|
161
161
|
}
|
|
162
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
162
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149:not(#\9):focus {
|
|
163
163
|
position: relative;
|
|
164
164
|
}
|
|
165
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
165
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149:not(#\9):focus {
|
|
166
166
|
outline: 2px dotted transparent;
|
|
167
167
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
168
168
|
}
|
|
169
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
169
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149:not(#\9):focus::before {
|
|
170
170
|
content: " ";
|
|
171
171
|
display: block;
|
|
172
172
|
position: absolute;
|
|
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149:not(#\9):
|
|
|
180
180
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
181
181
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
182
182
|
}
|
|
183
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
183
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9) {
|
|
184
184
|
position: relative;
|
|
185
185
|
}
|
|
186
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
186
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9) {
|
|
187
187
|
outline: 2px dotted transparent;
|
|
188
188
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
189
189
|
}
|
|
190
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
190
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9)::before {
|
|
191
191
|
content: " ";
|
|
192
192
|
display: block;
|
|
193
193
|
position: absolute;
|
|
@@ -201,25 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_hea
|
|
|
201
201
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
202
202
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
203
203
|
}
|
|
204
|
-
.awsui_header-cell-
|
|
204
|
+
.awsui_header-cell-sticky_1spae_1ezj4_204:not(#\9) {
|
|
205
205
|
border-block-end: var(--border-table-sticky-width-fjjpkw, 0px) solid var(--color-border-divider-default-u5ytia, #eaeded);
|
|
206
206
|
}
|
|
207
|
-
.awsui_header-cell-
|
|
207
|
+
.awsui_header-cell-stuck_1spae_1ezj4_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1ezj4_207) {
|
|
208
208
|
border-block-end-color: transparent;
|
|
209
209
|
}
|
|
210
|
-
.awsui_header-cell-variant-full-
|
|
210
|
+
.awsui_header-cell-variant-full-page_1spae_1ezj4_207:not(#\9) {
|
|
211
211
|
background: var(--color-background-layout-main-f96353, #f2f3f3);
|
|
212
212
|
}
|
|
213
|
-
.awsui_header-cell-variant-full-
|
|
213
|
+
.awsui_header-cell-variant-full-page_1spae_1ezj4_207.awsui_header-cell-hidden_1spae_1ezj4_213:not(#\9) {
|
|
214
214
|
border-block-end-color: transparent;
|
|
215
215
|
}
|
|
216
|
-
.awsui_header-cell-variant-
|
|
216
|
+
.awsui_header-cell-variant-embedded_1spae_1ezj4_216.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1ezj4_204, .awsui_sticky-cell_1spae_1ezj4_216)), .awsui_header-cell-variant-borderless_1spae_1ezj4_216.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1ezj4_204, .awsui_sticky-cell_1spae_1ezj4_216)) {
|
|
217
217
|
background: none;
|
|
218
218
|
}
|
|
219
|
-
.awsui_header-
|
|
219
|
+
.awsui_header-cell_1spae_1ezj4_149:not(#\9):last-child, .awsui_header-cell_1spae_1ezj4_149.awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9) {
|
|
220
220
|
padding-inline-end: var(--space-xs-6dgkww, 8px);
|
|
221
221
|
}
|
|
222
|
-
.awsui_header-
|
|
222
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell_1spae_1ezj4_216:not(#\9) {
|
|
223
223
|
position: sticky;
|
|
224
224
|
background: var(--color-background-table-header-1ikpca, #fafafa);
|
|
225
225
|
z-index: 798;
|
|
@@ -228,41 +228,41 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_hea
|
|
|
228
228
|
transition-timing-function: var(--motion-easing-sticky-q4wcly, ease-out);
|
|
229
229
|
}
|
|
230
230
|
@media (prefers-reduced-motion: reduce) {
|
|
231
|
-
.awsui_header-
|
|
231
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell_1spae_1ezj4_216:not(#\9) {
|
|
232
232
|
animation: none;
|
|
233
233
|
transition: none;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
.awsui-motion-disabled .awsui_header-
|
|
236
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell_1spae_1ezj4_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell_1spae_1ezj4_216:not(#\9) {
|
|
237
237
|
animation: none;
|
|
238
238
|
transition: none;
|
|
239
239
|
}
|
|
240
|
-
.awsui_header-
|
|
240
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-pad-left_1spae_1ezj4_240:not(#\9):not(.awsui_has-selection_1spae_1ezj4_240) {
|
|
241
241
|
padding-inline-start: var(--space-table-horizontal-4tqns0, 0px);
|
|
242
242
|
}
|
|
243
|
-
.awsui_header-
|
|
243
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-last-inline-start_1spae_1ezj4_243:not(#\9) {
|
|
244
244
|
box-shadow: var(--shadow-sticky-column-first-k27zpq, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
245
245
|
clip-path: inset(0px -24px 0px 0px);
|
|
246
246
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
247
247
|
}
|
|
248
|
-
.awsui_header-
|
|
248
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-last-inline-start_1spae_1ezj4_243 > .awsui_resize-divider_1spae_1ezj4_248:not(#\9) {
|
|
249
249
|
display: none;
|
|
250
250
|
}
|
|
251
|
-
.awsui_header-
|
|
251
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-last-inline-start_1spae_1ezj4_243:not(#\9):dir(rtl) {
|
|
252
252
|
box-shadow: var(--shadow-sticky-column-last-60yk3a, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
253
253
|
clip-path: inset(0 0 0 -24px);
|
|
254
254
|
}
|
|
255
|
-
.awsui_header-
|
|
255
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-last-inline-end_1spae_1ezj4_255:not(#\9) {
|
|
256
256
|
box-shadow: var(--shadow-sticky-column-last-60yk3a, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
257
257
|
clip-path: inset(0 0 0 -24px);
|
|
258
258
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
259
259
|
}
|
|
260
|
-
.awsui_header-
|
|
260
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_sticky-cell-last-inline-end_1spae_1ezj4_255:not(#\9):dir(rtl) {
|
|
261
261
|
box-shadow: var(--shadow-sticky-column-first-k27zpq, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
262
262
|
clip-path: inset(0 -24px 0 0);
|
|
263
263
|
}
|
|
264
264
|
|
|
265
|
-
.awsui_sorting-
|
|
265
|
+
.awsui_sorting-icon_1spae_1ezj4_265:not(#\9) {
|
|
266
266
|
position: absolute;
|
|
267
267
|
inset-block-start: 50%;
|
|
268
268
|
transform: translateY(-50%);
|
|
@@ -270,36 +270,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_hea
|
|
|
270
270
|
color: var(--color-text-column-sorting-icon-hzt013, #687078);
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_edit-
|
|
273
|
+
.awsui_edit-icon_1spae_1ezj4_273:not(#\9) {
|
|
274
274
|
margin-inline-start: var(--space-xxs-y2432o, 4px);
|
|
275
275
|
margin-block-start: var(--space-scaled-xxs-krq5fq, 4px);
|
|
276
276
|
color: inherit;
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.awsui_header-cell-
|
|
279
|
+
.awsui_header-cell-content_1spae_1ezj4_279:not(#\9) {
|
|
280
280
|
position: relative;
|
|
281
281
|
padding-block: var(--space-scaled-xxs-krq5fq, 4px);
|
|
282
282
|
padding-inline-end: var(--space-s-vmutj3, 12px);
|
|
283
283
|
padding-inline-start: var(--space-s-vmutj3, 12px);
|
|
284
284
|
}
|
|
285
|
-
.awsui_header-cell-
|
|
285
|
+
.awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-content-expandable_1spae_1ezj4_285:not(#\9) {
|
|
286
286
|
padding-inline-start: calc(var(--space-s-vmutj3, 12px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
287
287
|
}
|
|
288
|
-
.awsui_header-cell-
|
|
288
|
+
.awsui_header-cell-sortable_1spae_1ezj4_219 > .awsui_header-cell-content_1spae_1ezj4_279:not(#\9) {
|
|
289
289
|
padding-inline-end: calc(var(--space-xl-vss8pc, 24px) + var(--space-xxs-y2432o, 4px));
|
|
290
290
|
}
|
|
291
|
-
.awsui_header-cell-
|
|
291
|
+
.awsui_header-cell-content_1spae_1ezj4_279:not(#\9):focus {
|
|
292
292
|
outline: none;
|
|
293
293
|
text-decoration: none;
|
|
294
294
|
}
|
|
295
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
295
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279:not(#\9):focus {
|
|
296
296
|
position: relative;
|
|
297
297
|
}
|
|
298
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
298
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279:not(#\9):focus {
|
|
299
299
|
outline: 2px dotted transparent;
|
|
300
300
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
|
|
301
301
|
}
|
|
302
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
302
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279:not(#\9):focus::before {
|
|
303
303
|
content: " ";
|
|
304
304
|
display: block;
|
|
305
305
|
position: absolute;
|
|
@@ -313,14 +313,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279:n
|
|
|
313
313
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
314
314
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
315
315
|
}
|
|
316
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
316
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9) {
|
|
317
317
|
position: relative;
|
|
318
318
|
}
|
|
319
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
319
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9) {
|
|
320
320
|
outline: 2px dotted transparent;
|
|
321
321
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px)) - 1px);
|
|
322
322
|
}
|
|
323
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
323
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183:not(#\9)::before {
|
|
324
324
|
content: " ";
|
|
325
325
|
display: block;
|
|
326
326
|
position: absolute;
|
|
@@ -334,32 +334,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_kxtek_279.a
|
|
|
334
334
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
335
335
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
336
336
|
}
|
|
337
|
-
.awsui_header-cell-
|
|
337
|
+
.awsui_header-cell-disabled_1spae_1ezj4_337.awsui_header-cell-sorted_1spae_1ezj4_337 > .awsui_header-cell-content_1spae_1ezj4_279 > .awsui_sorting-icon_1spae_1ezj4_265:not(#\9) {
|
|
338
338
|
color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
-
.awsui_header-cell-
|
|
341
|
+
.awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1ezj4_337) > .awsui_header-cell-content_1spae_1ezj4_279 {
|
|
342
342
|
cursor: pointer;
|
|
343
343
|
}
|
|
344
|
-
.awsui_header-cell-
|
|
344
|
+
.awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1ezj4_337) > .awsui_header-cell-content_1spae_1ezj4_279:hover, .awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1ezj4_337).awsui_header-cell-sorted_1spae_1ezj4_337 > .awsui_header-cell-content_1spae_1ezj4_279 {
|
|
345
345
|
color: var(--color-text-interactive-active-xcqmut, #16191f);
|
|
346
346
|
}
|
|
347
|
-
.awsui_header-cell-
|
|
347
|
+
.awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1ezj4_337) > .awsui_header-cell-content_1spae_1ezj4_279:hover > .awsui_sorting-icon_1spae_1ezj4_265, .awsui_header-cell-sortable_1spae_1ezj4_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1ezj4_337).awsui_header-cell-sorted_1spae_1ezj4_337 > .awsui_header-cell-content_1spae_1ezj4_279 > .awsui_sorting-icon_1spae_1ezj4_265 {
|
|
348
348
|
color: var(--color-text-interactive-active-xcqmut, #16191f);
|
|
349
349
|
}
|
|
350
350
|
|
|
351
|
-
.awsui_header-cell-
|
|
351
|
+
.awsui_header-cell-text_1spae_1ezj4_351:not(#\9) {
|
|
352
352
|
line-height: var(--line-height-heading-xs-funjxm, 20px);
|
|
353
353
|
padding-block: calc(var(--space-xxxs-gn3248, 2px) / 2);
|
|
354
354
|
}
|
|
355
|
-
.awsui_header-cell-
|
|
355
|
+
.awsui_header-cell-text_1spae_1ezj4_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1ezj4_355) {
|
|
356
356
|
white-space: nowrap;
|
|
357
357
|
overflow: hidden;
|
|
358
358
|
text-overflow: ellipsis;
|
|
359
359
|
}
|
|
360
360
|
|
|
361
|
-
.awsui_header-cell-
|
|
362
|
-
.awsui_header-cell-
|
|
361
|
+
.awsui_header-cell-ascending_1spae_1ezj4_361:not(#\9),
|
|
362
|
+
.awsui_header-cell-descending_1spae_1ezj4_362:not(#\9) {
|
|
363
363
|
/* used in test-utils */
|
|
364
364
|
}
|
|
365
365
|
|
|
@@ -369,28 +369,28 @@ with the left edge of the table as closely as possible. If the
|
|
|
369
369
|
last header cell is sortable the sort icon should align with the
|
|
370
370
|
settings icon in the pagination slot.
|
|
371
371
|
*/
|
|
372
|
-
.awsui_header-
|
|
372
|
+
.awsui_header-cell_1spae_1ezj4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1ezj4_216):first-child {
|
|
373
373
|
padding-inline-start: var(--space-xs-6dgkww, 8px);
|
|
374
374
|
}
|
|
375
|
-
.awsui_header-
|
|
375
|
+
.awsui_header-cell_1spae_1ezj4_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1ezj4_216):first-child.awsui_header-cell-content-expandable_1spae_1ezj4_285 {
|
|
376
376
|
padding-inline-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.awsui_header-
|
|
379
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9) {
|
|
380
380
|
/*
|
|
381
381
|
Striped rows requires additional left padding because the
|
|
382
382
|
shaded background makes the child content appear too close
|
|
383
383
|
to the table edge.
|
|
384
384
|
*/
|
|
385
385
|
}
|
|
386
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
386
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child:focus {
|
|
387
387
|
position: relative;
|
|
388
388
|
}
|
|
389
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
389
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child:focus {
|
|
390
390
|
outline: 2px dotted transparent;
|
|
391
391
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
392
392
|
}
|
|
393
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
393
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child:focus::before {
|
|
394
394
|
content: " ";
|
|
395
395
|
display: block;
|
|
396
396
|
position: absolute;
|
|
@@ -404,14 +404,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-
|
|
|
404
404
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
405
405
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
406
406
|
}
|
|
407
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
407
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ezj4_183 {
|
|
408
408
|
position: relative;
|
|
409
409
|
}
|
|
410
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
410
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ezj4_183 {
|
|
411
411
|
outline: 2px dotted transparent;
|
|
412
412
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-krq5fq, 4px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
413
413
|
}
|
|
414
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
414
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1ezj4_183::before {
|
|
415
415
|
content: " ";
|
|
416
416
|
display: block;
|
|
417
417
|
position: absolute;
|
|
@@ -425,20 +425,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-
|
|
|
425
425
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
426
426
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
427
427
|
}
|
|
428
|
-
.awsui_header-
|
|
428
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279 {
|
|
429
429
|
padding-inline-start: 0px;
|
|
430
430
|
}
|
|
431
|
-
.awsui_header-
|
|
431
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-content-expandable_1spae_1ezj4_285 {
|
|
432
432
|
padding-inline-start: calc(0px + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
433
433
|
}
|
|
434
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
434
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279:focus {
|
|
435
435
|
position: relative;
|
|
436
436
|
}
|
|
437
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
437
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279:focus {
|
|
438
438
|
outline: 2px dotted transparent;
|
|
439
439
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
440
440
|
}
|
|
441
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
441
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279:focus::before {
|
|
442
442
|
content: " ";
|
|
443
443
|
display: block;
|
|
444
444
|
position: absolute;
|
|
@@ -452,14 +452,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-
|
|
|
452
452
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
453
453
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
454
454
|
}
|
|
455
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
455
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183 {
|
|
456
456
|
position: relative;
|
|
457
457
|
}
|
|
458
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
458
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183 {
|
|
459
459
|
outline: 2px dotted transparent;
|
|
460
460
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-wak74p, 0px) + var(--space-scaled-xxs-krq5fq, 4px)) - 1px);
|
|
461
461
|
}
|
|
462
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
462
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1ezj4_279.awsui_header-cell-fake-focus_1spae_1ezj4_183::before {
|
|
463
463
|
content: " ";
|
|
464
464
|
display: block;
|
|
465
465
|
position: absolute;
|
|
@@ -473,24 +473,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_kxtek_149.awsui_is-
|
|
|
473
473
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
|
|
474
474
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
|
|
475
475
|
}
|
|
476
|
-
.awsui_header-
|
|
476
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1ezj4_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476) {
|
|
477
477
|
padding-inline-start: var(--space-xxxs-gn3248, 2px);
|
|
478
478
|
}
|
|
479
|
-
.awsui_header-
|
|
479
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1ezj4_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476).awsui_header-cell-content-expandable_1spae_1ezj4_285 {
|
|
480
480
|
padding-inline-start: calc(var(--space-xxxs-gn3248, 2px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
481
481
|
}
|
|
482
|
-
.awsui_header-
|
|
482
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1ezj4_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476) {
|
|
483
483
|
padding-inline-start: var(--space-xxs-y2432o, 4px);
|
|
484
484
|
}
|
|
485
|
-
.awsui_header-
|
|
485
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1ezj4_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476).awsui_header-cell-content-expandable_1spae_1ezj4_285 {
|
|
486
486
|
padding-inline-start: calc(var(--space-xxs-y2432o, 4px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
487
487
|
}
|
|
488
|
-
.awsui_header-
|
|
488
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1ezj4_219 {
|
|
489
489
|
padding-inline-end: var(--space-xxxs-gn3248, 2px);
|
|
490
490
|
}
|
|
491
|
-
.awsui_header-
|
|
491
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476:not(#\9) {
|
|
492
492
|
padding-inline-start: var(--space-scaled-l-7e51pg, 20px);
|
|
493
493
|
}
|
|
494
|
-
.awsui_header-
|
|
494
|
+
.awsui_header-cell_1spae_1ezj4_149.awsui_is-visual-refresh_1spae_1ezj4_216.awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476.awsui_header-cell-content-expandable_1spae_1ezj4_285:not(#\9) {
|
|
495
495
|
padding-inline-start: calc(var(--space-scaled-l-7e51pg, 20px) + var(--space-m-u91ipm, 16px) + var(--space-xs-6dgkww, 8px));
|
|
496
496
|
}
|
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"header-cell": "awsui_header-
|
|
6
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
7
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
8
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
9
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
10
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
11
|
-
"header-cell-variant-embedded": "awsui_header-cell-variant-
|
|
12
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
13
|
-
"
|
|
14
|
-
"header-cell-
|
|
15
|
-
"
|
|
16
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
17
|
-
"has-selection": "awsui_has-
|
|
18
|
-
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-
|
|
19
|
-
"resize-divider": "awsui_resize-
|
|
20
|
-
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-
|
|
21
|
-
"sorting-icon": "awsui_sorting-
|
|
22
|
-
"edit-icon": "awsui_edit-
|
|
23
|
-
"header-cell-content": "awsui_header-cell-
|
|
24
|
-
"header-cell-content-expandable": "awsui_header-cell-content-
|
|
25
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
26
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
27
|
-
"header-cell-text": "awsui_header-cell-
|
|
28
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
29
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
30
|
-
"header-cell-descending": "awsui_header-cell-
|
|
31
|
-
"has-striped-rows": "awsui_has-striped-
|
|
32
|
-
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_1ezj4_149",
|
|
6
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1ezj4_183",
|
|
7
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1ezj4_204",
|
|
8
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1ezj4_207",
|
|
9
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1ezj4_207",
|
|
10
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_1ezj4_213",
|
|
11
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1ezj4_216",
|
|
12
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_1ezj4_216",
|
|
13
|
+
"sticky-cell": "awsui_sticky-cell_1spae_1ezj4_216",
|
|
14
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1ezj4_216",
|
|
15
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1ezj4_219",
|
|
16
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1ezj4_240",
|
|
17
|
+
"has-selection": "awsui_has-selection_1spae_1ezj4_240",
|
|
18
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1ezj4_243",
|
|
19
|
+
"resize-divider": "awsui_resize-divider_1spae_1ezj4_248",
|
|
20
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1ezj4_255",
|
|
21
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1ezj4_265",
|
|
22
|
+
"edit-icon": "awsui_edit-icon_1spae_1ezj4_273",
|
|
23
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1ezj4_279",
|
|
24
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1ezj4_285",
|
|
25
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1ezj4_337",
|
|
26
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1ezj4_337",
|
|
27
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1ezj4_351",
|
|
28
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1ezj4_355",
|
|
29
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1ezj4_361",
|
|
30
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1ezj4_362",
|
|
31
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_1ezj4_476",
|
|
32
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1ezj4_476"
|
|
33
33
|
};
|
|
34
34
|
|
package/package.json
CHANGED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { FlashbarProps } from '../interfaces';
|
|
2
|
-
export declare const sendRenderMetric: (items: FlashbarProps['items']) => void;
|
|
3
|
-
export declare const sendToggleMetric: (itemsCount: number, expanded: boolean) => void;
|
|
4
|
-
export declare const sendDismissMetric: (itemType: string) => void;
|
|
5
|
-
//# sourceMappingURL=analytics.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { metrics } from '../../internal/metrics';
|
|
4
|
-
import { getFlashTypeCount } from '../utils';
|
|
5
|
-
const eventContext = 'csa_flashbar';
|
|
6
|
-
export const sendRenderMetric = (items) => {
|
|
7
|
-
const countByType = getFlashTypeCount(items);
|
|
8
|
-
metrics.sendPanoramaMetric({
|
|
9
|
-
eventContext,
|
|
10
|
-
eventType: 'render',
|
|
11
|
-
eventValue: items.length.toString(),
|
|
12
|
-
eventDetail: countByType,
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
export const sendToggleMetric = (itemsCount, expanded) => {
|
|
16
|
-
metrics.sendPanoramaMetric({
|
|
17
|
-
eventContext,
|
|
18
|
-
eventType: expanded ? 'expand' : 'collapse',
|
|
19
|
-
eventValue: itemsCount.toString(),
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
export const sendDismissMetric = (itemType) => {
|
|
23
|
-
metrics.sendPanoramaMetric({
|
|
24
|
-
eventContext,
|
|
25
|
-
eventType: 'dismiss',
|
|
26
|
-
eventValue: itemType,
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=analytics.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.js","sourceRoot":"","sources":["../../../../src/flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { metrics } from '../../internal/metrics';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}
|