@flux-ui/statistics 3.1.12 → 3.2.0-beta.0
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/dist/index.css +30 -1
- package/dist/index.js +5161 -4938
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/component/FluxStatisticsDetailsTable.vue +7 -2
- package/src/component/FluxStatisticsDetailsTableRow.vue +9 -3
- package/src/component/FluxStatisticsLegend.vue +15 -3
- package/src/component/FluxStatisticsLegendItem.vue +6 -13
- package/src/component/FluxStatisticsPercentageBar.vue +18 -13
- package/src/css/Legend.module.scss +22 -1
package/dist/index.css
CHANGED
|
@@ -471,17 +471,31 @@
|
|
|
471
471
|
.statistics-legend-item {
|
|
472
472
|
--color: var(--primary-600);
|
|
473
473
|
position: relative;
|
|
474
|
+
appearance: none;
|
|
474
475
|
display: flex;
|
|
475
476
|
padding: 6px;
|
|
476
477
|
margin: 0 -9px;
|
|
477
478
|
align-items: flex-start;
|
|
478
479
|
flex-flow: row nowrap;
|
|
479
480
|
gap: 9px;
|
|
481
|
+
color: inherit;
|
|
482
|
+
font: inherit;
|
|
480
483
|
font-size: 14px;
|
|
481
484
|
line-height: 20px;
|
|
485
|
+
text-align: inherit;
|
|
482
486
|
white-space: nowrap;
|
|
487
|
+
background: none;
|
|
488
|
+
border: 0;
|
|
483
489
|
border-radius: var(--radius-half);
|
|
490
|
+
cursor: default;
|
|
484
491
|
transition: background 120ms var(--swift-out);
|
|
492
|
+
z-index: 0;
|
|
493
|
+
outline: 2px solid rgb(from var(--primary-600) r g b/0);
|
|
494
|
+
outline-offset: 0;
|
|
495
|
+
}
|
|
496
|
+
.statistics-legend-item:focus-visible {
|
|
497
|
+
outline-color: var(--primary-600);
|
|
498
|
+
outline-offset: 0;
|
|
485
499
|
}
|
|
486
500
|
|
|
487
501
|
.statistics-legend-item.is-hovered {
|
|
@@ -514,13 +528,14 @@
|
|
|
514
528
|
text-align: right;
|
|
515
529
|
}
|
|
516
530
|
|
|
517
|
-
.statistics-legend-item + .statistics-legend-item::before {
|
|
531
|
+
.statistics-legend-item:not(:focus-visible) + .statistics-legend-item:not(:focus-visible)::before {
|
|
518
532
|
position: absolute;
|
|
519
533
|
top: -2px;
|
|
520
534
|
left: 0;
|
|
521
535
|
right: 0;
|
|
522
536
|
content: "";
|
|
523
537
|
border-top: 1px dashed var(--surface-stroke);
|
|
538
|
+
z-index: -1;
|
|
524
539
|
}
|
|
525
540
|
|
|
526
541
|
.statistics-legend-compact {
|
|
@@ -538,13 +553,27 @@
|
|
|
538
553
|
|
|
539
554
|
.statistics-legend-item-compact {
|
|
540
555
|
--color: var(--primary-600);
|
|
556
|
+
appearance: none;
|
|
541
557
|
display: flex;
|
|
558
|
+
padding: 0;
|
|
542
559
|
align-items: center;
|
|
543
560
|
flex-flow: row nowrap;
|
|
544
561
|
gap: 6px;
|
|
562
|
+
color: inherit;
|
|
563
|
+
font: inherit;
|
|
545
564
|
font-size: 14px;
|
|
546
565
|
line-height: 1;
|
|
566
|
+
text-align: inherit;
|
|
547
567
|
white-space: nowrap;
|
|
568
|
+
background: none;
|
|
569
|
+
border: 0;
|
|
570
|
+
cursor: default;
|
|
571
|
+
outline: 2px solid rgb(from var(--primary-600) r g b/0);
|
|
572
|
+
outline-offset: 0;
|
|
573
|
+
}
|
|
574
|
+
.statistics-legend-item-compact:focus-visible {
|
|
575
|
+
outline-color: var(--primary-600);
|
|
576
|
+
outline-offset: 0;
|
|
548
577
|
}
|
|
549
578
|
.statistics-legend-item-compact .statistics-legend-item-color {
|
|
550
579
|
margin: 0;
|