@ponchia/ui 0.6.3 → 0.6.5
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/CHANGELOG.md +53 -0
- package/README.md +7 -7
- package/behaviors/glyph.d.ts +7 -0
- package/behaviors/glyph.d.ts.map +1 -1
- package/behaviors/glyph.js +58 -4
- package/behaviors/index.d.ts +2 -0
- package/behaviors/index.d.ts.map +1 -1
- package/behaviors/index.js +2 -0
- package/behaviors/sources.d.ts +28 -0
- package/behaviors/sources.d.ts.map +1 -0
- package/behaviors/sources.js +158 -0
- package/classes/classes.json +210 -4
- package/classes/index.d.ts +75 -1
- package/classes/index.js +95 -1
- package/css/dots.css +210 -3
- package/css/report.css +359 -7
- package/css/skins.css +9 -0
- package/css/sources.css +18 -0
- package/css/spark.css +14 -0
- package/css/table.css +7 -1
- package/css/tokens.css +8 -1
- package/dist/bronto.css +1 -1
- package/dist/css/dots.css +1 -1
- package/dist/css/report.css +1 -1
- package/dist/css/skins.css +1 -1
- package/dist/css/sources.css +1 -1
- package/dist/css/spark.css +1 -1
- package/dist/css/table.css +1 -1
- package/dist/css/tokens.css +1 -1
- package/docs/dots.md +146 -0
- package/docs/frontier-primitives.md +262 -0
- package/docs/glyphs.md +114 -0
- package/docs/package-contract.md +263 -0
- package/docs/reference.md +115 -1
- package/docs/reporting.md +296 -16
- package/docs/sources.md +32 -0
- package/docs/stability.md +6 -3
- package/glyphs/glyphs.d.ts +61 -0
- package/glyphs/glyphs.js +593 -30
- package/llms.txt +79 -25
- package/package.json +13 -3
- package/qwik/index.d.ts +1 -0
- package/qwik/index.d.ts.map +1 -1
- package/qwik/index.js +5 -0
- package/react/index.d.ts +1 -0
- package/react/index.d.ts.map +1 -1
- package/react/index.js +3 -0
- package/solid/index.d.ts +2 -0
- package/solid/index.d.ts.map +1 -1
- package/solid/index.js +3 -0
- package/tokens/skins.js +22 -9
package/classes/classes.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$comment": "@ponchia/ui class vocabulary as language-neutral data — validate emitted markup without executing the ESM cls map or parsing the .d.ts. Generated from classes/index.js — do not edit by hand; run `npm run classes:json:build`. Drift-checked in CI. `groups[].base` is null for a parts-only namespace (no standalone base class — do NOT emit it). A modifier whose name contains `__` (e.g. `ui-spark__bar--pos`) attaches to THAT part, not the base host. `states` is the author-applied `is-*` hooks (runtime/behavior-managed hooks are excluded); `behaviorAttributes` are the `data-bronto-*` wiring hooks the optional behaviors delegate on; `requiredAria` is the role/aria a generator must emit per component. `states` + `customProperties` are documented in docs/reference.md and ship outside `cls` by design.",
|
|
3
3
|
"counts": {
|
|
4
|
-
"classes":
|
|
5
|
-
"groups":
|
|
4
|
+
"classes": 593,
|
|
5
|
+
"groups": 171
|
|
6
6
|
},
|
|
7
7
|
"groups": {
|
|
8
8
|
"ui-accordion": {
|
|
@@ -14,6 +14,11 @@
|
|
|
14
14
|
"ui-accordion__summary"
|
|
15
15
|
]
|
|
16
16
|
},
|
|
17
|
+
"ui-activity": {
|
|
18
|
+
"base": "ui-activity",
|
|
19
|
+
"modifiers": [],
|
|
20
|
+
"parts": []
|
|
21
|
+
},
|
|
17
22
|
"ui-alert": {
|
|
18
23
|
"base": "ui-alert",
|
|
19
24
|
"modifiers": [
|
|
@@ -298,6 +303,25 @@
|
|
|
298
303
|
],
|
|
299
304
|
"parts": []
|
|
300
305
|
},
|
|
306
|
+
"ui-claim": {
|
|
307
|
+
"base": "ui-claim",
|
|
308
|
+
"modifiers": [
|
|
309
|
+
"ui-claim--disputed",
|
|
310
|
+
"ui-claim--partial",
|
|
311
|
+
"ui-claim--supported",
|
|
312
|
+
"ui-claim--unknown",
|
|
313
|
+
"ui-claim--unsupported"
|
|
314
|
+
],
|
|
315
|
+
"parts": [
|
|
316
|
+
"ui-claim__basis",
|
|
317
|
+
"ui-claim__caveat",
|
|
318
|
+
"ui-claim__limits",
|
|
319
|
+
"ui-claim__refs",
|
|
320
|
+
"ui-claim__scope",
|
|
321
|
+
"ui-claim__statement",
|
|
322
|
+
"ui-claim__status"
|
|
323
|
+
]
|
|
324
|
+
},
|
|
301
325
|
"ui-cluster": {
|
|
302
326
|
"base": "ui-cluster",
|
|
303
327
|
"modifiers": [
|
|
@@ -460,6 +484,16 @@
|
|
|
460
484
|
"modifiers": [],
|
|
461
485
|
"parts": []
|
|
462
486
|
},
|
|
487
|
+
"ui-dotfit": {
|
|
488
|
+
"base": "ui-dotfit",
|
|
489
|
+
"modifiers": [],
|
|
490
|
+
"parts": []
|
|
491
|
+
},
|
|
492
|
+
"ui-dotgauge": {
|
|
493
|
+
"base": "ui-dotgauge",
|
|
494
|
+
"modifiers": [],
|
|
495
|
+
"parts": []
|
|
496
|
+
},
|
|
463
497
|
"ui-dotgrid": {
|
|
464
498
|
"base": "ui-dotgrid",
|
|
465
499
|
"modifiers": [
|
|
@@ -511,6 +545,31 @@
|
|
|
511
545
|
"ui-error-summary__title"
|
|
512
546
|
]
|
|
513
547
|
},
|
|
548
|
+
"ui-evidence-grid": {
|
|
549
|
+
"base": "ui-evidence-grid",
|
|
550
|
+
"modifiers": [],
|
|
551
|
+
"parts": []
|
|
552
|
+
},
|
|
553
|
+
"ui-evidence-item": {
|
|
554
|
+
"base": "ui-evidence-item",
|
|
555
|
+
"modifiers": [],
|
|
556
|
+
"parts": [
|
|
557
|
+
"ui-evidence-item__body",
|
|
558
|
+
"ui-evidence-item__caveat",
|
|
559
|
+
"ui-evidence-item__kind",
|
|
560
|
+
"ui-evidence-item__meta",
|
|
561
|
+
"ui-evidence-item__method",
|
|
562
|
+
"ui-evidence-item__source",
|
|
563
|
+
"ui-evidence-item__title",
|
|
564
|
+
"ui-evidence-item__value",
|
|
565
|
+
"ui-evidence-item__window"
|
|
566
|
+
]
|
|
567
|
+
},
|
|
568
|
+
"ui-evidence-ledger": {
|
|
569
|
+
"base": "ui-evidence-ledger",
|
|
570
|
+
"modifiers": [],
|
|
571
|
+
"parts": []
|
|
572
|
+
},
|
|
514
573
|
"ui-eyebrow": {
|
|
515
574
|
"base": "ui-eyebrow",
|
|
516
575
|
"modifiers": [
|
|
@@ -549,6 +608,11 @@
|
|
|
549
608
|
"modifiers": [],
|
|
550
609
|
"parts": []
|
|
551
610
|
},
|
|
611
|
+
"ui-halftone": {
|
|
612
|
+
"base": "ui-halftone",
|
|
613
|
+
"modifiers": [],
|
|
614
|
+
"parts": []
|
|
615
|
+
},
|
|
552
616
|
"ui-hint": {
|
|
553
617
|
"base": "ui-hint",
|
|
554
618
|
"modifiers": [
|
|
@@ -644,6 +708,14 @@
|
|
|
644
708
|
"ui-legend__value"
|
|
645
709
|
]
|
|
646
710
|
},
|
|
711
|
+
"ui-level": {
|
|
712
|
+
"base": "ui-level",
|
|
713
|
+
"modifiers": [
|
|
714
|
+
"ui-level--danger",
|
|
715
|
+
"ui-level--warn"
|
|
716
|
+
],
|
|
717
|
+
"parts": []
|
|
718
|
+
},
|
|
647
719
|
"ui-lightbox": {
|
|
648
720
|
"base": "ui-lightbox",
|
|
649
721
|
"modifiers": [],
|
|
@@ -849,7 +921,9 @@
|
|
|
849
921
|
"ui-readout": {
|
|
850
922
|
"base": "ui-readout",
|
|
851
923
|
"modifiers": [],
|
|
852
|
-
"parts": [
|
|
924
|
+
"parts": [
|
|
925
|
+
"ui-readout__spacer"
|
|
926
|
+
]
|
|
853
927
|
},
|
|
854
928
|
"ui-reasoning": {
|
|
855
929
|
"base": "ui-reasoning",
|
|
@@ -864,15 +938,43 @@
|
|
|
864
938
|
"ui-report--compact",
|
|
865
939
|
"ui-report--numbered",
|
|
866
940
|
"ui-report__cover--compact",
|
|
941
|
+
"ui-report__finding--critical",
|
|
942
|
+
"ui-report__finding--major",
|
|
943
|
+
"ui-report__finding--minor",
|
|
944
|
+
"ui-report__finding--resolved",
|
|
867
945
|
"ui-report__section--unnumbered"
|
|
868
946
|
],
|
|
869
947
|
"parts": [
|
|
948
|
+
"ui-report__action",
|
|
949
|
+
"ui-report__action-criteria",
|
|
950
|
+
"ui-report__action-due",
|
|
951
|
+
"ui-report__action-owner",
|
|
952
|
+
"ui-report__action-priority",
|
|
953
|
+
"ui-report__action-source",
|
|
954
|
+
"ui-report__action-status",
|
|
955
|
+
"ui-report__action-title",
|
|
956
|
+
"ui-report__actions",
|
|
870
957
|
"ui-report__appendix",
|
|
871
958
|
"ui-report__caption",
|
|
872
959
|
"ui-report__cover",
|
|
960
|
+
"ui-report__decision",
|
|
961
|
+
"ui-report__decision-body",
|
|
962
|
+
"ui-report__decision-grid",
|
|
963
|
+
"ui-report__decision-item",
|
|
964
|
+
"ui-report__decision-kicker",
|
|
965
|
+
"ui-report__decision-label",
|
|
966
|
+
"ui-report__decision-meta",
|
|
967
|
+
"ui-report__decision-title",
|
|
968
|
+
"ui-report__decision-value",
|
|
873
969
|
"ui-report__evidence",
|
|
874
970
|
"ui-report__figure",
|
|
875
971
|
"ui-report__finding",
|
|
972
|
+
"ui-report__finding-caveat",
|
|
973
|
+
"ui-report__finding-claim",
|
|
974
|
+
"ui-report__finding-evidence",
|
|
975
|
+
"ui-report__finding-impact",
|
|
976
|
+
"ui-report__finding-remediation",
|
|
977
|
+
"ui-report__finding-title",
|
|
876
978
|
"ui-report__footnotes",
|
|
877
979
|
"ui-report__head",
|
|
878
980
|
"ui-report__meta",
|
|
@@ -1018,6 +1120,7 @@
|
|
|
1018
1120
|
"ui-spark": {
|
|
1019
1121
|
"base": "ui-spark",
|
|
1020
1122
|
"modifiers": [
|
|
1123
|
+
"ui-spark--dots",
|
|
1021
1124
|
"ui-spark__bar--accent",
|
|
1022
1125
|
"ui-spark__bar--neg",
|
|
1023
1126
|
"ui-spark__bar--pos"
|
|
@@ -1143,6 +1246,7 @@
|
|
|
1143
1246
|
"ui-table": {
|
|
1144
1247
|
"base": "ui-table",
|
|
1145
1248
|
"modifiers": [
|
|
1249
|
+
"ui-table--break-anywhere",
|
|
1146
1250
|
"ui-table--comfortable",
|
|
1147
1251
|
"ui-table--dense",
|
|
1148
1252
|
"ui-table--lined",
|
|
@@ -1296,6 +1400,11 @@
|
|
|
1296
1400
|
"base": "ui-vt",
|
|
1297
1401
|
"modifiers": [],
|
|
1298
1402
|
"parts": []
|
|
1403
|
+
},
|
|
1404
|
+
"ui-waffle": {
|
|
1405
|
+
"base": "ui-waffle",
|
|
1406
|
+
"modifiers": [],
|
|
1407
|
+
"parts": []
|
|
1299
1408
|
}
|
|
1300
1409
|
},
|
|
1301
1410
|
"classes": [
|
|
@@ -1303,6 +1412,7 @@
|
|
|
1303
1412
|
"ui-accordion__body",
|
|
1304
1413
|
"ui-accordion__item",
|
|
1305
1414
|
"ui-accordion__summary",
|
|
1415
|
+
"ui-activity",
|
|
1306
1416
|
"ui-alert",
|
|
1307
1417
|
"ui-alert--accent",
|
|
1308
1418
|
"ui-alert--danger",
|
|
@@ -1431,6 +1541,19 @@
|
|
|
1431
1541
|
"ui-chip--accent",
|
|
1432
1542
|
"ui-citation",
|
|
1433
1543
|
"ui-citation--chip",
|
|
1544
|
+
"ui-claim",
|
|
1545
|
+
"ui-claim--disputed",
|
|
1546
|
+
"ui-claim--partial",
|
|
1547
|
+
"ui-claim--supported",
|
|
1548
|
+
"ui-claim--unknown",
|
|
1549
|
+
"ui-claim--unsupported",
|
|
1550
|
+
"ui-claim__basis",
|
|
1551
|
+
"ui-claim__caveat",
|
|
1552
|
+
"ui-claim__limits",
|
|
1553
|
+
"ui-claim__refs",
|
|
1554
|
+
"ui-claim__scope",
|
|
1555
|
+
"ui-claim__statement",
|
|
1556
|
+
"ui-claim__status",
|
|
1434
1557
|
"ui-cluster",
|
|
1435
1558
|
"ui-cluster--between",
|
|
1436
1559
|
"ui-code",
|
|
@@ -1508,6 +1631,8 @@
|
|
|
1508
1631
|
"ui-dotbar",
|
|
1509
1632
|
"ui-dotbar--indeterminate",
|
|
1510
1633
|
"ui-dotfield",
|
|
1634
|
+
"ui-dotfit",
|
|
1635
|
+
"ui-dotgauge",
|
|
1511
1636
|
"ui-dotgrid",
|
|
1512
1637
|
"ui-dotgrid--accent",
|
|
1513
1638
|
"ui-dotgrid--dense",
|
|
@@ -1526,6 +1651,18 @@
|
|
|
1526
1651
|
"ui-error-summary",
|
|
1527
1652
|
"ui-error-summary__list",
|
|
1528
1653
|
"ui-error-summary__title",
|
|
1654
|
+
"ui-evidence-grid",
|
|
1655
|
+
"ui-evidence-item",
|
|
1656
|
+
"ui-evidence-item__body",
|
|
1657
|
+
"ui-evidence-item__caveat",
|
|
1658
|
+
"ui-evidence-item__kind",
|
|
1659
|
+
"ui-evidence-item__meta",
|
|
1660
|
+
"ui-evidence-item__method",
|
|
1661
|
+
"ui-evidence-item__source",
|
|
1662
|
+
"ui-evidence-item__title",
|
|
1663
|
+
"ui-evidence-item__value",
|
|
1664
|
+
"ui-evidence-item__window",
|
|
1665
|
+
"ui-evidence-ledger",
|
|
1529
1666
|
"ui-eyebrow",
|
|
1530
1667
|
"ui-eyebrow--muted",
|
|
1531
1668
|
"ui-eyebrow--sm",
|
|
@@ -1537,6 +1674,7 @@
|
|
|
1537
1674
|
"ui-glossary__def",
|
|
1538
1675
|
"ui-glossary__term",
|
|
1539
1676
|
"ui-grid",
|
|
1677
|
+
"ui-halftone",
|
|
1540
1678
|
"ui-hint",
|
|
1541
1679
|
"ui-hint--error",
|
|
1542
1680
|
"ui-icon",
|
|
@@ -1581,6 +1719,9 @@
|
|
|
1581
1719
|
"ui-legend__title",
|
|
1582
1720
|
"ui-legend__track",
|
|
1583
1721
|
"ui-legend__value",
|
|
1722
|
+
"ui-level",
|
|
1723
|
+
"ui-level--danger",
|
|
1724
|
+
"ui-level--warn",
|
|
1584
1725
|
"ui-lightbox",
|
|
1585
1726
|
"ui-lightbox__close",
|
|
1586
1727
|
"ui-link",
|
|
@@ -1656,18 +1797,47 @@
|
|
|
1656
1797
|
"ui-range",
|
|
1657
1798
|
"ui-ratio",
|
|
1658
1799
|
"ui-readout",
|
|
1800
|
+
"ui-readout__spacer",
|
|
1659
1801
|
"ui-reasoning",
|
|
1660
1802
|
"ui-reasoning__body",
|
|
1661
1803
|
"ui-report",
|
|
1662
1804
|
"ui-report--compact",
|
|
1663
1805
|
"ui-report--numbered",
|
|
1806
|
+
"ui-report__action",
|
|
1807
|
+
"ui-report__action-criteria",
|
|
1808
|
+
"ui-report__action-due",
|
|
1809
|
+
"ui-report__action-owner",
|
|
1810
|
+
"ui-report__action-priority",
|
|
1811
|
+
"ui-report__action-source",
|
|
1812
|
+
"ui-report__action-status",
|
|
1813
|
+
"ui-report__action-title",
|
|
1814
|
+
"ui-report__actions",
|
|
1664
1815
|
"ui-report__appendix",
|
|
1665
1816
|
"ui-report__caption",
|
|
1666
1817
|
"ui-report__cover",
|
|
1667
1818
|
"ui-report__cover--compact",
|
|
1819
|
+
"ui-report__decision",
|
|
1820
|
+
"ui-report__decision-body",
|
|
1821
|
+
"ui-report__decision-grid",
|
|
1822
|
+
"ui-report__decision-item",
|
|
1823
|
+
"ui-report__decision-kicker",
|
|
1824
|
+
"ui-report__decision-label",
|
|
1825
|
+
"ui-report__decision-meta",
|
|
1826
|
+
"ui-report__decision-title",
|
|
1827
|
+
"ui-report__decision-value",
|
|
1668
1828
|
"ui-report__evidence",
|
|
1669
1829
|
"ui-report__figure",
|
|
1670
1830
|
"ui-report__finding",
|
|
1831
|
+
"ui-report__finding--critical",
|
|
1832
|
+
"ui-report__finding--major",
|
|
1833
|
+
"ui-report__finding--minor",
|
|
1834
|
+
"ui-report__finding--resolved",
|
|
1835
|
+
"ui-report__finding-caveat",
|
|
1836
|
+
"ui-report__finding-claim",
|
|
1837
|
+
"ui-report__finding-evidence",
|
|
1838
|
+
"ui-report__finding-impact",
|
|
1839
|
+
"ui-report__finding-remediation",
|
|
1840
|
+
"ui-report__finding-title",
|
|
1671
1841
|
"ui-report__footnotes",
|
|
1672
1842
|
"ui-report__head",
|
|
1673
1843
|
"ui-report__meta",
|
|
@@ -1719,6 +1889,7 @@
|
|
|
1719
1889
|
"ui-source-list",
|
|
1720
1890
|
"ui-source-list__item",
|
|
1721
1891
|
"ui-spark",
|
|
1892
|
+
"ui-spark--dots",
|
|
1722
1893
|
"ui-spark__bar",
|
|
1723
1894
|
"ui-spark__bar--accent",
|
|
1724
1895
|
"ui-spark__bar--neg",
|
|
@@ -1768,6 +1939,7 @@
|
|
|
1768
1939
|
"ui-syncbar",
|
|
1769
1940
|
"ui-tab",
|
|
1770
1941
|
"ui-table",
|
|
1942
|
+
"ui-table--break-anywhere",
|
|
1771
1943
|
"ui-table--comfortable",
|
|
1772
1944
|
"ui-table--dense",
|
|
1773
1945
|
"ui-table--lined",
|
|
@@ -1827,7 +1999,8 @@
|
|
|
1827
1999
|
"ui-tree__leaf",
|
|
1828
2000
|
"ui-tree__summary",
|
|
1829
2001
|
"ui-visually-hidden",
|
|
1830
|
-
"ui-vt"
|
|
2002
|
+
"ui-vt",
|
|
2003
|
+
"ui-waffle"
|
|
1831
2004
|
],
|
|
1832
2005
|
"states": [
|
|
1833
2006
|
{
|
|
@@ -1860,6 +2033,12 @@
|
|
|
1860
2033
|
"scope": ".ui-tab and other selectable items",
|
|
1861
2034
|
"effect": "active/selected state"
|
|
1862
2035
|
},
|
|
2036
|
+
{
|
|
2037
|
+
"class": "is-source-active",
|
|
2038
|
+
"scope": ".ui-source-card",
|
|
2039
|
+
"effect": "temporary source highlight after a citation/backref activation",
|
|
2040
|
+
"managed": "runtime"
|
|
2041
|
+
},
|
|
1863
2042
|
{
|
|
1864
2043
|
"class": "is-inactive",
|
|
1865
2044
|
"scope": "interactive .ui-legend__item",
|
|
@@ -2330,6 +2509,19 @@
|
|
|
2330
2509
|
"behavior": "initCommand",
|
|
2331
2510
|
"note": "wires the filter input + active-option keyboard model"
|
|
2332
2511
|
},
|
|
2512
|
+
{
|
|
2513
|
+
"name": "data-bronto-sources",
|
|
2514
|
+
"on": "a source/citation island",
|
|
2515
|
+
"behavior": "initSources",
|
|
2516
|
+
"note": "scopes citation preview metadata and source-card focus/highlight behavior; the host still owns numbering, fetching, and trust decisions."
|
|
2517
|
+
},
|
|
2518
|
+
{
|
|
2519
|
+
"name": "data-bronto-source-ref",
|
|
2520
|
+
"on": "a button/control that references a source card",
|
|
2521
|
+
"value": "id of the source card, with or without a leading #",
|
|
2522
|
+
"behavior": "initSources",
|
|
2523
|
+
"note": "button/control equivalent of a .ui-citation[href=\"#source-id\"]; activation focuses and highlights the referenced source."
|
|
2524
|
+
},
|
|
2333
2525
|
{
|
|
2334
2526
|
"name": "data-bronto-dismiss",
|
|
2335
2527
|
"on": "a button",
|
|
@@ -2500,6 +2692,20 @@
|
|
|
2500
2692
|
"value": "'reveal' | 'pulse'",
|
|
2501
2693
|
"behavior": "initDotGlyph",
|
|
2502
2694
|
"note": "decorative entrance/idle animation (honours prefers-reduced-motion)."
|
|
2695
|
+
},
|
|
2696
|
+
{
|
|
2697
|
+
"name": "data-bronto-glyph-render",
|
|
2698
|
+
"on": "a [data-bronto-glyph] placeholder",
|
|
2699
|
+
"value": "'mask'",
|
|
2700
|
+
"behavior": "initDotGlyph",
|
|
2701
|
+
"note": "take the one-node .ui-icon mask path (inherits currentColor, scales with text) instead of the 256-cell grid — the icon-at-scale path."
|
|
2702
|
+
},
|
|
2703
|
+
{
|
|
2704
|
+
"name": "data-bronto-glyph-size",
|
|
2705
|
+
"on": "a [data-bronto-glyph-render='mask'] placeholder",
|
|
2706
|
+
"value": "CSS length",
|
|
2707
|
+
"behavior": "initDotGlyph",
|
|
2708
|
+
"note": "sets --icon-size on the masked glyph (sanitized to a length/calc allowlist)."
|
|
2503
2709
|
}
|
|
2504
2710
|
],
|
|
2505
2711
|
"requiredAria": [
|
package/classes/index.d.ts
CHANGED
|
@@ -79,6 +79,16 @@ export declare const cls: {
|
|
|
79
79
|
readonly dotspinner: 'ui-dotspinner';
|
|
80
80
|
readonly dotspinnerSm: 'ui-dotspinner--sm';
|
|
81
81
|
readonly dotspinnerLg: 'ui-dotspinner--lg';
|
|
82
|
+
readonly waffle: 'ui-waffle';
|
|
83
|
+
readonly activity: 'ui-activity';
|
|
84
|
+
readonly level: 'ui-level';
|
|
85
|
+
readonly levelWarn: 'ui-level--warn';
|
|
86
|
+
readonly levelDanger: 'ui-level--danger';
|
|
87
|
+
readonly dotgauge: 'ui-dotgauge';
|
|
88
|
+
readonly readout: 'ui-readout';
|
|
89
|
+
readonly readoutSpacer: 'ui-readout__spacer';
|
|
90
|
+
readonly halftone: 'ui-halftone';
|
|
91
|
+
readonly dotfit: 'ui-dotfit';
|
|
82
92
|
readonly field: 'ui-field';
|
|
83
93
|
readonly label: 'ui-label';
|
|
84
94
|
readonly input: 'ui-input';
|
|
@@ -189,6 +199,7 @@ export declare const cls: {
|
|
|
189
199
|
readonly tableDense: 'ui-table--dense';
|
|
190
200
|
readonly tableComfortable: 'ui-table--comfortable';
|
|
191
201
|
readonly tableLined: 'ui-table--lined';
|
|
202
|
+
readonly tableBreakAnywhere: 'ui-table--break-anywhere';
|
|
192
203
|
readonly tableWrap: 'ui-table-wrap';
|
|
193
204
|
readonly tableLoading: 'ui-table-wrap--loading';
|
|
194
205
|
readonly tableEmpty: 'ui-table__empty';
|
|
@@ -252,16 +263,69 @@ export declare const cls: {
|
|
|
252
263
|
readonly reportMeta: 'ui-report__meta';
|
|
253
264
|
readonly reportToc: 'ui-report__toc';
|
|
254
265
|
readonly reportSummary: 'ui-report__summary';
|
|
266
|
+
readonly reportDecision: 'ui-report__decision';
|
|
267
|
+
readonly reportDecisionKicker: 'ui-report__decision-kicker';
|
|
268
|
+
readonly reportDecisionTitle: 'ui-report__decision-title';
|
|
269
|
+
readonly reportDecisionBody: 'ui-report__decision-body';
|
|
270
|
+
readonly reportDecisionMeta: 'ui-report__decision-meta';
|
|
271
|
+
readonly reportDecisionGrid: 'ui-report__decision-grid';
|
|
272
|
+
readonly reportDecisionItem: 'ui-report__decision-item';
|
|
273
|
+
readonly reportDecisionLabel: 'ui-report__decision-label';
|
|
274
|
+
readonly reportDecisionValue: 'ui-report__decision-value';
|
|
255
275
|
readonly reportSection: 'ui-report__section';
|
|
256
276
|
readonly reportSectionUnnumbered: 'ui-report__section--unnumbered';
|
|
257
277
|
readonly reportSectionHead: 'ui-report__section-head';
|
|
258
278
|
readonly reportFinding: 'ui-report__finding';
|
|
279
|
+
readonly reportFindingCritical: 'ui-report__finding--critical';
|
|
280
|
+
readonly reportFindingMajor: 'ui-report__finding--major';
|
|
281
|
+
readonly reportFindingMinor: 'ui-report__finding--minor';
|
|
282
|
+
readonly reportFindingResolved: 'ui-report__finding--resolved';
|
|
283
|
+
readonly reportFindingTitle: 'ui-report__finding-title';
|
|
284
|
+
readonly reportFindingClaim: 'ui-report__finding-claim';
|
|
285
|
+
readonly reportFindingImpact: 'ui-report__finding-impact';
|
|
286
|
+
readonly reportFindingRemediation: 'ui-report__finding-remediation';
|
|
287
|
+
readonly reportFindingEvidence: 'ui-report__finding-evidence';
|
|
288
|
+
readonly reportFindingCaveat: 'ui-report__finding-caveat';
|
|
259
289
|
readonly reportEvidence: 'ui-report__evidence';
|
|
260
290
|
readonly reportFigure: 'ui-report__figure';
|
|
261
291
|
readonly reportCaption: 'ui-report__caption';
|
|
262
292
|
readonly reportSources: 'ui-report__sources';
|
|
263
293
|
readonly reportAppendix: 'ui-report__appendix';
|
|
264
294
|
readonly reportFootnotes: 'ui-report__footnotes';
|
|
295
|
+
readonly reportActions: 'ui-report__actions';
|
|
296
|
+
readonly reportAction: 'ui-report__action';
|
|
297
|
+
readonly reportActionStatus: 'ui-report__action-status';
|
|
298
|
+
readonly reportActionTitle: 'ui-report__action-title';
|
|
299
|
+
readonly reportActionOwner: 'ui-report__action-owner';
|
|
300
|
+
readonly reportActionDue: 'ui-report__action-due';
|
|
301
|
+
readonly reportActionPriority: 'ui-report__action-priority';
|
|
302
|
+
readonly reportActionCriteria: 'ui-report__action-criteria';
|
|
303
|
+
readonly reportActionSource: 'ui-report__action-source';
|
|
304
|
+
readonly claim: 'ui-claim';
|
|
305
|
+
readonly claimSupported: 'ui-claim--supported';
|
|
306
|
+
readonly claimPartial: 'ui-claim--partial';
|
|
307
|
+
readonly claimDisputed: 'ui-claim--disputed';
|
|
308
|
+
readonly claimUnsupported: 'ui-claim--unsupported';
|
|
309
|
+
readonly claimUnknown: 'ui-claim--unknown';
|
|
310
|
+
readonly claimStatement: 'ui-claim__statement';
|
|
311
|
+
readonly claimStatus: 'ui-claim__status';
|
|
312
|
+
readonly claimScope: 'ui-claim__scope';
|
|
313
|
+
readonly claimBasis: 'ui-claim__basis';
|
|
314
|
+
readonly claimLimits: 'ui-claim__limits';
|
|
315
|
+
readonly claimRefs: 'ui-claim__refs';
|
|
316
|
+
readonly claimCaveat: 'ui-claim__caveat';
|
|
317
|
+
readonly evidenceGrid: 'ui-evidence-grid';
|
|
318
|
+
readonly evidenceLedger: 'ui-evidence-ledger';
|
|
319
|
+
readonly evidenceItem: 'ui-evidence-item';
|
|
320
|
+
readonly evidenceItemTitle: 'ui-evidence-item__title';
|
|
321
|
+
readonly evidenceItemMeta: 'ui-evidence-item__meta';
|
|
322
|
+
readonly evidenceItemBody: 'ui-evidence-item__body';
|
|
323
|
+
readonly evidenceItemKind: 'ui-evidence-item__kind';
|
|
324
|
+
readonly evidenceItemMethod: 'ui-evidence-item__method';
|
|
325
|
+
readonly evidenceItemWindow: 'ui-evidence-item__window';
|
|
326
|
+
readonly evidenceItemValue: 'ui-evidence-item__value';
|
|
327
|
+
readonly evidenceItemSource: 'ui-evidence-item__source';
|
|
328
|
+
readonly evidenceItemCaveat: 'ui-evidence-item__caveat';
|
|
265
329
|
readonly compare: 'ui-compare';
|
|
266
330
|
readonly compare2up: 'ui-compare--2up';
|
|
267
331
|
readonly compareCol: 'ui-compare__col';
|
|
@@ -372,7 +436,6 @@ export declare const cls: {
|
|
|
372
436
|
readonly crosshairLineX: 'ui-crosshair__line--x';
|
|
373
437
|
readonly crosshairLineY: 'ui-crosshair__line--y';
|
|
374
438
|
readonly crosshairBadge: 'ui-crosshair__badge';
|
|
375
|
-
readonly readout: 'ui-readout';
|
|
376
439
|
readonly sel: 'ui-sel';
|
|
377
440
|
readonly selOn: 'ui-sel--on';
|
|
378
441
|
readonly selOff: 'ui-sel--off';
|
|
@@ -416,6 +479,7 @@ export declare const cls: {
|
|
|
416
479
|
readonly codeLineRemove: 'ui-code__line--remove';
|
|
417
480
|
readonly codeLineHl: 'ui-code__line--hl';
|
|
418
481
|
readonly spark: 'ui-spark';
|
|
482
|
+
readonly sparkDots: 'ui-spark--dots';
|
|
419
483
|
readonly sparkBar: 'ui-spark__bar';
|
|
420
484
|
readonly sparkBarAccent: 'ui-spark__bar--accent';
|
|
421
485
|
readonly sparkBarPos: 'ui-spark__bar--pos';
|
|
@@ -574,6 +638,14 @@ export interface CompareOpts {
|
|
|
574
638
|
/** Pin exactly two equal columns (hard before/after) instead of the auto-fitting set. */
|
|
575
639
|
cols?: 2;
|
|
576
640
|
}
|
|
641
|
+
export interface ReportFindingOpts {
|
|
642
|
+
/** Severity/status band. Pair with an author-written label; tone is not the only signal. */
|
|
643
|
+
severity?: 'critical' | 'major' | 'minor' | 'resolved';
|
|
644
|
+
}
|
|
645
|
+
export interface ClaimOpts {
|
|
646
|
+
/** Evidence status. Pair with written status text; tone is only a scanning aid. */
|
|
647
|
+
status?: 'supported' | 'partial' | 'disputed' | 'unsupported' | 'unknown';
|
|
648
|
+
}
|
|
577
649
|
export interface ChipOpts {
|
|
578
650
|
accent?: boolean;
|
|
579
651
|
}
|
|
@@ -776,6 +848,8 @@ export interface Ui {
|
|
|
776
848
|
num(opts?: NumOpts): string;
|
|
777
849
|
delta(opts?: DeltaOpts): string;
|
|
778
850
|
compare(opts?: CompareOpts): string;
|
|
851
|
+
reportFinding(opts?: ReportFindingOpts): string;
|
|
852
|
+
claim(opts?: ClaimOpts): string;
|
|
779
853
|
chip(opts?: ChipOpts): string;
|
|
780
854
|
link(opts?: LinkOpts): string;
|
|
781
855
|
dot(opts?: DotOpts): string;
|
package/classes/index.js
CHANGED
|
@@ -84,6 +84,17 @@ export const cls = Object.freeze({
|
|
|
84
84
|
dotspinner: 'ui-dotspinner',
|
|
85
85
|
dotspinnerSm: 'ui-dotspinner--sm',
|
|
86
86
|
dotspinnerLg: 'ui-dotspinner--lg',
|
|
87
|
+
// data-bound dot surfaces (reporting/dashboard family)
|
|
88
|
+
waffle: 'ui-waffle',
|
|
89
|
+
activity: 'ui-activity',
|
|
90
|
+
level: 'ui-level',
|
|
91
|
+
levelWarn: 'ui-level--warn',
|
|
92
|
+
levelDanger: 'ui-level--danger',
|
|
93
|
+
dotgauge: 'ui-dotgauge',
|
|
94
|
+
readout: 'ui-readout',
|
|
95
|
+
readoutSpacer: 'ui-readout__spacer',
|
|
96
|
+
halftone: 'ui-halftone',
|
|
97
|
+
dotfit: 'ui-dotfit',
|
|
87
98
|
// forms
|
|
88
99
|
field: 'ui-field',
|
|
89
100
|
label: 'ui-label',
|
|
@@ -199,6 +210,7 @@ export const cls = Object.freeze({
|
|
|
199
210
|
tableDense: 'ui-table--dense',
|
|
200
211
|
tableComfortable: 'ui-table--comfortable',
|
|
201
212
|
tableLined: 'ui-table--lined',
|
|
213
|
+
tableBreakAnywhere: 'ui-table--break-anywhere',
|
|
202
214
|
tableWrap: 'ui-table-wrap',
|
|
203
215
|
// Loading state goes on the WRAP, so the modifier is named for the wrap (C19).
|
|
204
216
|
tableLoading: 'ui-table-wrap--loading',
|
|
@@ -267,16 +279,69 @@ export const cls = Object.freeze({
|
|
|
267
279
|
reportMeta: 'ui-report__meta',
|
|
268
280
|
reportToc: 'ui-report__toc',
|
|
269
281
|
reportSummary: 'ui-report__summary',
|
|
282
|
+
reportDecision: 'ui-report__decision',
|
|
283
|
+
reportDecisionKicker: 'ui-report__decision-kicker',
|
|
284
|
+
reportDecisionTitle: 'ui-report__decision-title',
|
|
285
|
+
reportDecisionBody: 'ui-report__decision-body',
|
|
286
|
+
reportDecisionMeta: 'ui-report__decision-meta',
|
|
287
|
+
reportDecisionGrid: 'ui-report__decision-grid',
|
|
288
|
+
reportDecisionItem: 'ui-report__decision-item',
|
|
289
|
+
reportDecisionLabel: 'ui-report__decision-label',
|
|
290
|
+
reportDecisionValue: 'ui-report__decision-value',
|
|
270
291
|
reportSection: 'ui-report__section',
|
|
271
292
|
reportSectionUnnumbered: 'ui-report__section--unnumbered',
|
|
272
293
|
reportSectionHead: 'ui-report__section-head',
|
|
273
294
|
reportFinding: 'ui-report__finding',
|
|
295
|
+
reportFindingCritical: 'ui-report__finding--critical',
|
|
296
|
+
reportFindingMajor: 'ui-report__finding--major',
|
|
297
|
+
reportFindingMinor: 'ui-report__finding--minor',
|
|
298
|
+
reportFindingResolved: 'ui-report__finding--resolved',
|
|
299
|
+
reportFindingTitle: 'ui-report__finding-title',
|
|
300
|
+
reportFindingClaim: 'ui-report__finding-claim',
|
|
301
|
+
reportFindingImpact: 'ui-report__finding-impact',
|
|
302
|
+
reportFindingRemediation: 'ui-report__finding-remediation',
|
|
303
|
+
reportFindingEvidence: 'ui-report__finding-evidence',
|
|
304
|
+
reportFindingCaveat: 'ui-report__finding-caveat',
|
|
274
305
|
reportEvidence: 'ui-report__evidence',
|
|
275
306
|
reportFigure: 'ui-report__figure',
|
|
276
307
|
reportCaption: 'ui-report__caption',
|
|
277
308
|
reportSources: 'ui-report__sources',
|
|
278
309
|
reportAppendix: 'ui-report__appendix',
|
|
279
310
|
reportFootnotes: 'ui-report__footnotes',
|
|
311
|
+
reportActions: 'ui-report__actions',
|
|
312
|
+
reportAction: 'ui-report__action',
|
|
313
|
+
reportActionStatus: 'ui-report__action-status',
|
|
314
|
+
reportActionTitle: 'ui-report__action-title',
|
|
315
|
+
reportActionOwner: 'ui-report__action-owner',
|
|
316
|
+
reportActionDue: 'ui-report__action-due',
|
|
317
|
+
reportActionPriority: 'ui-report__action-priority',
|
|
318
|
+
reportActionCriteria: 'ui-report__action-criteria',
|
|
319
|
+
reportActionSource: 'ui-report__action-source',
|
|
320
|
+
claim: 'ui-claim',
|
|
321
|
+
claimSupported: 'ui-claim--supported',
|
|
322
|
+
claimPartial: 'ui-claim--partial',
|
|
323
|
+
claimDisputed: 'ui-claim--disputed',
|
|
324
|
+
claimUnsupported: 'ui-claim--unsupported',
|
|
325
|
+
claimUnknown: 'ui-claim--unknown',
|
|
326
|
+
claimStatement: 'ui-claim__statement',
|
|
327
|
+
claimStatus: 'ui-claim__status',
|
|
328
|
+
claimScope: 'ui-claim__scope',
|
|
329
|
+
claimBasis: 'ui-claim__basis',
|
|
330
|
+
claimLimits: 'ui-claim__limits',
|
|
331
|
+
claimRefs: 'ui-claim__refs',
|
|
332
|
+
claimCaveat: 'ui-claim__caveat',
|
|
333
|
+
evidenceGrid: 'ui-evidence-grid',
|
|
334
|
+
evidenceLedger: 'ui-evidence-ledger',
|
|
335
|
+
evidenceItem: 'ui-evidence-item',
|
|
336
|
+
evidenceItemTitle: 'ui-evidence-item__title',
|
|
337
|
+
evidenceItemMeta: 'ui-evidence-item__meta',
|
|
338
|
+
evidenceItemBody: 'ui-evidence-item__body',
|
|
339
|
+
evidenceItemKind: 'ui-evidence-item__kind',
|
|
340
|
+
evidenceItemMethod: 'ui-evidence-item__method',
|
|
341
|
+
evidenceItemWindow: 'ui-evidence-item__window',
|
|
342
|
+
evidenceItemValue: 'ui-evidence-item__value',
|
|
343
|
+
evidenceItemSource: 'ui-evidence-item__source',
|
|
344
|
+
evidenceItemCaveat: 'ui-evidence-item__caveat',
|
|
280
345
|
compare: 'ui-compare',
|
|
281
346
|
compare2up: 'ui-compare--2up',
|
|
282
347
|
compareCol: 'ui-compare__col',
|
|
@@ -441,6 +506,7 @@ export const cls = Object.freeze({
|
|
|
441
506
|
codeLineHl: 'ui-code__line--hl',
|
|
442
507
|
// spark — inline datawords / microcharts (css/spark.css)
|
|
443
508
|
spark: 'ui-spark',
|
|
509
|
+
sparkDots: 'ui-spark--dots',
|
|
444
510
|
sparkBar: 'ui-spark__bar',
|
|
445
511
|
sparkBarAccent: 'ui-spark__bar--accent',
|
|
446
512
|
sparkBarPos: 'ui-spark__bar--pos',
|
|
@@ -708,6 +774,31 @@ const meterTone = (tone) =>
|
|
|
708
774
|
tone,
|
|
709
775
|
);
|
|
710
776
|
|
|
777
|
+
const reportFindingSeverity = (severity) =>
|
|
778
|
+
toneClass(
|
|
779
|
+
'reportFinding',
|
|
780
|
+
{
|
|
781
|
+
critical: cls.reportFindingCritical,
|
|
782
|
+
major: cls.reportFindingMajor,
|
|
783
|
+
minor: cls.reportFindingMinor,
|
|
784
|
+
resolved: cls.reportFindingResolved,
|
|
785
|
+
},
|
|
786
|
+
severity,
|
|
787
|
+
);
|
|
788
|
+
|
|
789
|
+
const claimStatus = (status) =>
|
|
790
|
+
toneClass(
|
|
791
|
+
'claim',
|
|
792
|
+
{
|
|
793
|
+
supported: cls.claimSupported,
|
|
794
|
+
partial: cls.claimPartial,
|
|
795
|
+
disputed: cls.claimDisputed,
|
|
796
|
+
unsupported: cls.claimUnsupported,
|
|
797
|
+
unknown: cls.claimUnknown,
|
|
798
|
+
},
|
|
799
|
+
status,
|
|
800
|
+
);
|
|
801
|
+
|
|
711
802
|
export const ui = {
|
|
712
803
|
button: ({ variant, icon, size } = {}) =>
|
|
713
804
|
j(
|
|
@@ -732,17 +823,20 @@ export const ui = {
|
|
|
732
823
|
invert && cls.deltaInvert,
|
|
733
824
|
),
|
|
734
825
|
compare: ({ cols } = {}) => j(cls.compare, cols === 2 && cls.compare2up),
|
|
826
|
+
reportFinding: ({ severity } = {}) => j(cls.reportFinding, reportFindingSeverity(severity)),
|
|
827
|
+
claim: ({ status } = {}) => j(cls.claim, claimStatus(status)),
|
|
735
828
|
chip: ({ accent } = {}) => j(cls.chip, accent && cls.chipAccent),
|
|
736
829
|
link: ({ arrow, cta } = {}) => j(cls.link, arrow && cls.linkArrow, cta && cls.linkCta),
|
|
737
830
|
dot: ({ tone, live } = {}) => j(cls.dot, dotTone(tone), live && cls.dotLive),
|
|
738
831
|
dotgrid: ({ accent, dense } = {}) =>
|
|
739
832
|
j(cls.dotgrid, accent && cls.dotgridAccent, dense && cls.dotgridDense),
|
|
740
|
-
table: ({ density, lined } = {}) =>
|
|
833
|
+
table: ({ density, lined, breakAnywhere } = {}) =>
|
|
741
834
|
j(
|
|
742
835
|
cls.table,
|
|
743
836
|
density === 'dense' && cls.tableDense,
|
|
744
837
|
density === 'comfortable' && cls.tableComfortable,
|
|
745
838
|
lined && cls.tableLined,
|
|
839
|
+
breakAnywhere && cls.tableBreakAnywhere,
|
|
746
840
|
),
|
|
747
841
|
eyebrow: ({ muted, sm } = {}) => j(cls.eyebrow, muted && cls.eyebrowMuted, sm && cls.eyebrowSm),
|
|
748
842
|
hint: ({ error } = {}) => j(cls.hint, error && cls.hintError),
|