@walkeros/explorer 4.2.0-next-1780942291149 → 4.2.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/CHANGELOG.md +23 -9
- package/dist/index.d.cts +363 -2
- package/dist/index.d.ts +363 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +206 -0
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1602,6 +1602,212 @@
|
|
|
1602
1602
|
font-size: calc(var(--font-size-base) - 1px);
|
|
1603
1603
|
}
|
|
1604
1604
|
}
|
|
1605
|
+
.elb-tag-skeleton {
|
|
1606
|
+
font-family: var(--font-family-base);
|
|
1607
|
+
color: var(--color-text);
|
|
1608
|
+
display: inline-block;
|
|
1609
|
+
max-width: 100%;
|
|
1610
|
+
}
|
|
1611
|
+
.elb-tag-skeleton__tree {
|
|
1612
|
+
display: flex;
|
|
1613
|
+
flex-direction: column;
|
|
1614
|
+
gap: var(--spacing-md);
|
|
1615
|
+
}
|
|
1616
|
+
.elb-tag-skeleton__box {
|
|
1617
|
+
--gutter: calc(var(--spacing-md) + var(--spacing-sm));
|
|
1618
|
+
position: relative;
|
|
1619
|
+
display: flex;
|
|
1620
|
+
flex-direction: column;
|
|
1621
|
+
border: 1.5px solid var(--tag-color);
|
|
1622
|
+
border-radius: var(--radius-box);
|
|
1623
|
+
background-color: transparent;
|
|
1624
|
+
padding: var(--gutter) var(--spacing-md) var(--spacing-md);
|
|
1625
|
+
}
|
|
1626
|
+
.elb-tag-skeleton__box--highlighted {
|
|
1627
|
+
background-color: color-mix(in srgb, var(--tag-color) 8%, transparent);
|
|
1628
|
+
}
|
|
1629
|
+
.elb-tag-skeleton__box--global,
|
|
1630
|
+
.elb-tag-skeleton__box--action,
|
|
1631
|
+
.elb-tag-skeleton__box--property {
|
|
1632
|
+
padding: var(--spacing-sm) var(--spacing-sm);
|
|
1633
|
+
}
|
|
1634
|
+
.elb-tag-skeleton__box--entity {
|
|
1635
|
+
--tag-color: var(--highlight-entity);
|
|
1636
|
+
--detail-color: var(--highlight-property);
|
|
1637
|
+
}
|
|
1638
|
+
.elb-tag-skeleton__box--context {
|
|
1639
|
+
--tag-color: var(--highlight-context);
|
|
1640
|
+
--detail-color: var(--highlight-context);
|
|
1641
|
+
}
|
|
1642
|
+
.elb-tag-skeleton__box--globals {
|
|
1643
|
+
--tag-color: var(--highlight-globals);
|
|
1644
|
+
--detail-color: var(--highlight-globals);
|
|
1645
|
+
}
|
|
1646
|
+
.elb-tag-skeleton__box--action {
|
|
1647
|
+
--tag-color: var(--highlight-action);
|
|
1648
|
+
--detail-color: var(--highlight-action);
|
|
1649
|
+
}
|
|
1650
|
+
.elb-tag-skeleton__box--property {
|
|
1651
|
+
--tag-color: var(--highlight-property);
|
|
1652
|
+
--detail-color: var(--highlight-property);
|
|
1653
|
+
}
|
|
1654
|
+
.elb-tag-skeleton__box--global {
|
|
1655
|
+
--tag-color: var(--highlight-globals);
|
|
1656
|
+
--detail-color: var(--highlight-globals);
|
|
1657
|
+
}
|
|
1658
|
+
.elb-tag-skeleton__box--selected {
|
|
1659
|
+
border-width: 2.5px;
|
|
1660
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--tag-color) 35%, transparent);
|
|
1661
|
+
}
|
|
1662
|
+
.elb-tag-skeleton__box--dragging {
|
|
1663
|
+
box-shadow: 0 0 0 2px color-mix(in srgb, var(--tag-color) 50%, transparent), var(--shadow-lg);
|
|
1664
|
+
}
|
|
1665
|
+
.elb-tag-skeleton__tab {
|
|
1666
|
+
position: absolute;
|
|
1667
|
+
top: 0;
|
|
1668
|
+
left: var(--spacing-sm);
|
|
1669
|
+
transform: translateY(-50%);
|
|
1670
|
+
font-size: var(--font-size-xs);
|
|
1671
|
+
font-weight: var(--font-weight-semibold);
|
|
1672
|
+
letter-spacing: 0.02em;
|
|
1673
|
+
line-height: 1;
|
|
1674
|
+
color: var(--tag-color);
|
|
1675
|
+
background: var(--bg-box);
|
|
1676
|
+
border: 1px solid var(--tag-color);
|
|
1677
|
+
padding: 1px var(--spacing-xs);
|
|
1678
|
+
border-radius: var(--radius-button);
|
|
1679
|
+
}
|
|
1680
|
+
.elb-tag-skeleton__box--highlighted > .elb-tag-skeleton__tab {
|
|
1681
|
+
color: #fff;
|
|
1682
|
+
background: var(--tag-color);
|
|
1683
|
+
}
|
|
1684
|
+
.elb-tag-skeleton__box--no-caption > .elb-tag-skeleton__tab,
|
|
1685
|
+
.elb-tag-skeleton__box--no-caption > .elb-tag-skeleton__body {
|
|
1686
|
+
display: none;
|
|
1687
|
+
}
|
|
1688
|
+
.elb-tag-skeleton__body {
|
|
1689
|
+
flex: 1 1 auto;
|
|
1690
|
+
min-height: 0;
|
|
1691
|
+
min-width: 0;
|
|
1692
|
+
display: flex;
|
|
1693
|
+
flex-direction: column;
|
|
1694
|
+
align-items: center;
|
|
1695
|
+
justify-content: center;
|
|
1696
|
+
gap: var(--spacing-sm);
|
|
1697
|
+
}
|
|
1698
|
+
.elb-tag-skeleton__label {
|
|
1699
|
+
text-align: center;
|
|
1700
|
+
font-size: var(--font-size-sm);
|
|
1701
|
+
font-style: italic;
|
|
1702
|
+
color: var(--color-text-muted);
|
|
1703
|
+
}
|
|
1704
|
+
.elb-tag-skeleton__value {
|
|
1705
|
+
max-width: 100%;
|
|
1706
|
+
text-align: center;
|
|
1707
|
+
font-family: var(--font-mono, ui-monospace, monospace);
|
|
1708
|
+
font-size: var(--font-size-sm);
|
|
1709
|
+
line-height: 1.4;
|
|
1710
|
+
color: var(--color-text-muted);
|
|
1711
|
+
overflow: hidden;
|
|
1712
|
+
text-overflow: ellipsis;
|
|
1713
|
+
overflow-wrap: anywhere;
|
|
1714
|
+
display: -webkit-box;
|
|
1715
|
+
-webkit-line-clamp: 2;
|
|
1716
|
+
-webkit-box-orient: vertical;
|
|
1717
|
+
}
|
|
1718
|
+
.elb-tag-skeleton__actions {
|
|
1719
|
+
display: flex;
|
|
1720
|
+
flex-wrap: wrap;
|
|
1721
|
+
justify-content: center;
|
|
1722
|
+
gap: var(--spacing-xs);
|
|
1723
|
+
}
|
|
1724
|
+
.elb-tag-skeleton__action {
|
|
1725
|
+
font-family: var(--font-mono, ui-monospace, monospace);
|
|
1726
|
+
font-size: var(--font-size-xs);
|
|
1727
|
+
line-height: 1.4;
|
|
1728
|
+
color: #fff;
|
|
1729
|
+
background: var(--highlight-action);
|
|
1730
|
+
padding: 2px var(--spacing-sm);
|
|
1731
|
+
border-radius: var(--radius-button);
|
|
1732
|
+
}
|
|
1733
|
+
.elb-tag-skeleton__details {
|
|
1734
|
+
display: grid;
|
|
1735
|
+
grid-template-columns: auto auto;
|
|
1736
|
+
justify-content: center;
|
|
1737
|
+
column-gap: var(--spacing-xs);
|
|
1738
|
+
row-gap: var(--spacing-xs);
|
|
1739
|
+
font-size: var(--font-size-sm);
|
|
1740
|
+
line-height: 1.4;
|
|
1741
|
+
}
|
|
1742
|
+
.elb-tag-skeleton__detail {
|
|
1743
|
+
display: contents;
|
|
1744
|
+
}
|
|
1745
|
+
.elb-tag-skeleton__detail-key {
|
|
1746
|
+
grid-column: 1;
|
|
1747
|
+
justify-self: end;
|
|
1748
|
+
font-family: var(--font-mono, ui-monospace, monospace);
|
|
1749
|
+
color: var(--detail-color);
|
|
1750
|
+
}
|
|
1751
|
+
.elb-tag-skeleton__detail-value {
|
|
1752
|
+
grid-column: 2;
|
|
1753
|
+
justify-self: start;
|
|
1754
|
+
color: var(--color-text-muted);
|
|
1755
|
+
}
|
|
1756
|
+
.elb-tag-skeleton__detail-value::before {
|
|
1757
|
+
content: ":";
|
|
1758
|
+
margin-right: var(--spacing-xs);
|
|
1759
|
+
color: var(--color-text-placeholder);
|
|
1760
|
+
}
|
|
1761
|
+
.elb-tag-skeleton__detail:not(:has(.elb-tag-skeleton__detail-value)) .elb-tag-skeleton__detail-key {
|
|
1762
|
+
grid-column: 1/-1;
|
|
1763
|
+
justify-self: center;
|
|
1764
|
+
}
|
|
1765
|
+
.elb-tag-skeleton__children {
|
|
1766
|
+
display: flex;
|
|
1767
|
+
flex-direction: column;
|
|
1768
|
+
align-self: stretch;
|
|
1769
|
+
gap: var(--spacing-md);
|
|
1770
|
+
margin-top: var(--spacing-xs);
|
|
1771
|
+
}
|
|
1772
|
+
.elb-tag-skeleton__frame {
|
|
1773
|
+
position: relative;
|
|
1774
|
+
display: inline-block;
|
|
1775
|
+
line-height: 0;
|
|
1776
|
+
max-width: 100%;
|
|
1777
|
+
}
|
|
1778
|
+
.elb-tag-skeleton__frame-image {
|
|
1779
|
+
display: block;
|
|
1780
|
+
width: 100%;
|
|
1781
|
+
height: auto;
|
|
1782
|
+
border-radius: var(--radius-box);
|
|
1783
|
+
}
|
|
1784
|
+
.elb-tag-skeleton__box--overlay {
|
|
1785
|
+
position: absolute;
|
|
1786
|
+
box-sizing: border-box;
|
|
1787
|
+
}
|
|
1788
|
+
.elb-tag-tree-editor__hit {
|
|
1789
|
+
touch-action: none;
|
|
1790
|
+
}
|
|
1791
|
+
.elb-tag-tree-editor__handle {
|
|
1792
|
+
background: var(--bg-box);
|
|
1793
|
+
border: 1.5px solid var(--color-highlight-primary);
|
|
1794
|
+
border-radius: 2px;
|
|
1795
|
+
touch-action: none;
|
|
1796
|
+
z-index: 2;
|
|
1797
|
+
}
|
|
1798
|
+
.elb-tag-tree-editor__a11y {
|
|
1799
|
+
position: absolute;
|
|
1800
|
+
width: 1px;
|
|
1801
|
+
height: 1px;
|
|
1802
|
+
margin: -1px;
|
|
1803
|
+
padding: 0;
|
|
1804
|
+
overflow: hidden;
|
|
1805
|
+
clip: rect(0 0 0 0);
|
|
1806
|
+
clip-path: inset(50%);
|
|
1807
|
+
white-space: nowrap;
|
|
1808
|
+
border: 0;
|
|
1809
|
+
list-style: none;
|
|
1810
|
+
}
|
|
1605
1811
|
.elb-explorer-box {
|
|
1606
1812
|
display: flex;
|
|
1607
1813
|
flex-direction: column;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@walkeros/explorer",
|
|
3
|
-
"version": "4.2.0
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "Interactive React components for walkerOS documentation and exploration",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"@rjsf/core": "^6.1.2",
|
|
37
37
|
"@rjsf/utils": "^6.1.2",
|
|
38
38
|
"@rjsf/validator-ajv8": "^6.1.2",
|
|
39
|
-
"@walkeros/collector": "4.2.0
|
|
40
|
-
"@walkeros/core": "4.2.0
|
|
41
|
-
"@walkeros/web-core": "4.2.0
|
|
42
|
-
"@walkeros/web-source-browser": "4.2.0
|
|
39
|
+
"@walkeros/collector": "4.2.0",
|
|
40
|
+
"@walkeros/core": "4.2.0",
|
|
41
|
+
"@walkeros/web-core": "4.2.0",
|
|
42
|
+
"@walkeros/web-source-browser": "4.2.0",
|
|
43
43
|
"clsx": "^2.1.1",
|
|
44
44
|
"monaco-editor": "^0.55.1",
|
|
45
45
|
"prettier": "^3.7.4",
|
|
@@ -65,8 +65,8 @@
|
|
|
65
65
|
"@typescript-eslint/eslint-plugin": "^8.28.0",
|
|
66
66
|
"@typescript-eslint/parser": "^8.28.0",
|
|
67
67
|
"@vitejs/plugin-react": "^6.0.2",
|
|
68
|
-
"@walkeros/config": "4.2.0
|
|
69
|
-
"@walkeros/web-destination-gtag": "4.2.0
|
|
68
|
+
"@walkeros/config": "4.2.0",
|
|
69
|
+
"@walkeros/web-destination-gtag": "4.2.0",
|
|
70
70
|
"eslint": "^9.23.0",
|
|
71
71
|
"eslint-plugin-jest": "^29.15.2",
|
|
72
72
|
"eslint-plugin-storybook": "^10.1.11",
|