@ponchia/ui 0.5.0 → 0.6.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.
Files changed (117) hide show
  1. package/CHANGELOG.md +322 -0
  2. package/MIGRATIONS.json +14 -0
  3. package/README.md +28 -5
  4. package/annotations/index.d.ts +398 -276
  5. package/annotations/index.d.ts.map +1 -0
  6. package/annotations/index.js +315 -45
  7. package/behaviors/carousel.js +17 -16
  8. package/behaviors/combobox.js +47 -16
  9. package/behaviors/command.js +18 -15
  10. package/behaviors/connectors.js +4 -5
  11. package/behaviors/crosshair.js +4 -5
  12. package/behaviors/dialog.js +3 -2
  13. package/behaviors/disclosure.js +3 -2
  14. package/behaviors/dismissible.js +3 -2
  15. package/behaviors/forms.js +41 -13
  16. package/behaviors/glyph.js +4 -5
  17. package/behaviors/internal.js +47 -0
  18. package/behaviors/legend.js +23 -2
  19. package/behaviors/menu.js +3 -2
  20. package/behaviors/popover.js +78 -7
  21. package/behaviors/spotlight.js +4 -5
  22. package/behaviors/table.js +39 -12
  23. package/behaviors/tabs.js +14 -14
  24. package/behaviors/theme.js +5 -3
  25. package/behaviors/toast.js +13 -1
  26. package/classes/classes.json +1857 -0
  27. package/classes/index.d.ts +28 -13
  28. package/classes/index.js +34 -18
  29. package/classes/vscode.css-custom-data.json +12 -0
  30. package/connectors/index.d.ts +189 -69
  31. package/connectors/index.d.ts.map +1 -0
  32. package/connectors/index.js +120 -24
  33. package/css/app.css +43 -13
  34. package/css/base.css +15 -10
  35. package/css/connectors.css +17 -0
  36. package/css/content.css +7 -1
  37. package/css/dataviz.css +5 -1
  38. package/css/disclosure.css +38 -6
  39. package/css/dots.css +57 -0
  40. package/css/feedback.css +60 -2
  41. package/css/forms.css +42 -1
  42. package/css/legend.css +11 -7
  43. package/css/marks.css +38 -8
  44. package/css/motion.css +24 -44
  45. package/css/navigation.css +7 -0
  46. package/css/overlay.css +31 -1
  47. package/css/primitives.css +91 -5
  48. package/css/report.css +40 -63
  49. package/css/site.css +16 -2
  50. package/css/sources.css +43 -1
  51. package/css/spotlight.css +1 -1
  52. package/css/tokens.css +36 -1
  53. package/css/workbench.css +1 -1
  54. package/dist/bronto.css +1 -1
  55. package/dist/css/analytical.css +1 -1
  56. package/dist/css/app.css +1 -1
  57. package/dist/css/base.css +1 -1
  58. package/dist/css/connectors.css +1 -1
  59. package/dist/css/content.css +1 -1
  60. package/dist/css/disclosure.css +1 -1
  61. package/dist/css/dots.css +1 -1
  62. package/dist/css/feedback.css +1 -1
  63. package/dist/css/forms.css +1 -1
  64. package/dist/css/legend.css +1 -1
  65. package/dist/css/marks.css +1 -1
  66. package/dist/css/motion.css +1 -1
  67. package/dist/css/navigation.css +1 -1
  68. package/dist/css/overlay.css +1 -1
  69. package/dist/css/primitives.css +1 -1
  70. package/dist/css/report.css +1 -1
  71. package/dist/css/site.css +1 -1
  72. package/dist/css/sources.css +1 -1
  73. package/dist/css/spotlight.css +1 -1
  74. package/dist/css/tokens.css +1 -1
  75. package/dist/css/workbench.css +1 -1
  76. package/docs/adr/0003-theme-model.md +1 -1
  77. package/docs/annotations.md +94 -14
  78. package/docs/architecture.md +50 -6
  79. package/docs/contrast.md +116 -92
  80. package/docs/d2.md +195 -0
  81. package/docs/legends.md +18 -2
  82. package/docs/marks.md +9 -2
  83. package/docs/mermaid.md +152 -0
  84. package/docs/reference.md +78 -22
  85. package/docs/reporting.md +395 -57
  86. package/docs/sources.md +27 -0
  87. package/docs/stability.md +9 -2
  88. package/docs/usage.md +101 -4
  89. package/docs/vega.md +225 -0
  90. package/docs/workbench.md +7 -1
  91. package/glyphs/glyphs.js +6 -4
  92. package/llms.txt +139 -14
  93. package/package.json +50 -12
  94. package/qwik/index.d.ts +42 -59
  95. package/qwik/index.d.ts.map +1 -0
  96. package/qwik/index.js +55 -3
  97. package/react/index.d.ts +39 -61
  98. package/react/index.d.ts.map +1 -0
  99. package/react/index.js +57 -3
  100. package/solid/index.d.ts +64 -61
  101. package/solid/index.d.ts.map +1 -0
  102. package/solid/index.js +60 -3
  103. package/tokens/d2.d.ts +38 -0
  104. package/tokens/d2.js +71 -0
  105. package/tokens/d2.json +43 -0
  106. package/tokens/index.d.ts +5 -5
  107. package/tokens/index.js +15 -1
  108. package/tokens/index.json +9 -0
  109. package/tokens/mermaid.d.ts +23 -0
  110. package/tokens/mermaid.js +181 -0
  111. package/tokens/mermaid.json +163 -0
  112. package/tokens/resolved.json +45 -1
  113. package/tokens/skins.js +3 -2
  114. package/tokens/tokens.dtcg.json +26 -0
  115. package/tokens/vega.d.ts +34 -0
  116. package/tokens/vega.js +155 -0
  117. package/tokens/vega.json +179 -0
package/tokens/vega.json ADDED
@@ -0,0 +1,179 @@
1
+ {
2
+ "$comment": "@ponchia/ui Vega-Lite `config` resolved to static colours per theme. Spread into a spec's `config`, or pass `{ config }` to vega-embed. Monochrome chrome + one rationed accent (the default mark / series 1); `range.category` is the CVD-safe 8-series palette, `range.ramp`/`heatmap`/`ordinal` the sequential ramp, `range.diverging` the −…+ ramp. Resolved hex on purpose: Vega bakes colours into SVG/canvas and cannot read var(). Generated from the token source — do not edit by hand; run `npm run vega:build`. Drift-checked in CI.",
3
+ "light": {
4
+ "background": "#f4f4f2",
5
+ "view": {
6
+ "stroke": "#d8d8d4"
7
+ },
8
+ "mark": {
9
+ "color": "#d71921"
10
+ },
11
+ "rule": {
12
+ "color": "#a8a8a2"
13
+ },
14
+ "text": {
15
+ "color": "#0a0a0a",
16
+ "font": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
17
+ },
18
+ "title": {
19
+ "color": "#0a0a0a",
20
+ "subtitleColor": "#686863",
21
+ "font": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
22
+ "subtitleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
23
+ },
24
+ "axis": {
25
+ "domainColor": "#a8a8a2",
26
+ "gridColor": "#d8d8d4",
27
+ "tickColor": "#a8a8a2",
28
+ "labelColor": "#353533",
29
+ "titleColor": "#0a0a0a",
30
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
31
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
32
+ },
33
+ "legend": {
34
+ "labelColor": "#353533",
35
+ "titleColor": "#0a0a0a",
36
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
37
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
38
+ },
39
+ "header": {
40
+ "labelColor": "#353533",
41
+ "titleColor": "#0a0a0a",
42
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
43
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
44
+ },
45
+ "range": {
46
+ "category": [
47
+ "#d71921",
48
+ "#e69f00",
49
+ "#56b4e9",
50
+ "#009e73",
51
+ "#f0e442",
52
+ "#0072b2",
53
+ "#cc79a7",
54
+ "#4d5358"
55
+ ],
56
+ "ordinal": [
57
+ "#ffe4e1",
58
+ "#f9bdb7",
59
+ "#ed8c84",
60
+ "#d55753",
61
+ "#ac3031",
62
+ "#79191b"
63
+ ],
64
+ "ramp": [
65
+ "#ffe4e1",
66
+ "#f9bdb7",
67
+ "#ed8c84",
68
+ "#d55753",
69
+ "#ac3031",
70
+ "#79191b"
71
+ ],
72
+ "heatmap": [
73
+ "#ffe4e1",
74
+ "#f9bdb7",
75
+ "#ed8c84",
76
+ "#d55753",
77
+ "#ac3031",
78
+ "#79191b"
79
+ ],
80
+ "diverging": [
81
+ "#0c54a0",
82
+ "#558ac0",
83
+ "#aac8e3",
84
+ "#d9dfe5",
85
+ "#e0b491",
86
+ "#ce7a3b",
87
+ "#b95115"
88
+ ]
89
+ }
90
+ },
91
+ "dark": {
92
+ "background": "#121212",
93
+ "view": {
94
+ "stroke": "#383838"
95
+ },
96
+ "mark": {
97
+ "color": "#ff3b41"
98
+ },
99
+ "rule": {
100
+ "color": "#555555"
101
+ },
102
+ "text": {
103
+ "color": "#e6e6e6",
104
+ "font": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
105
+ },
106
+ "title": {
107
+ "color": "#e6e6e6",
108
+ "subtitleColor": "#a0a0a0",
109
+ "font": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
110
+ "subtitleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
111
+ },
112
+ "axis": {
113
+ "domainColor": "#555555",
114
+ "gridColor": "#383838",
115
+ "tickColor": "#555555",
116
+ "labelColor": "#c8c8c8",
117
+ "titleColor": "#e6e6e6",
118
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
119
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
120
+ },
121
+ "legend": {
122
+ "labelColor": "#c8c8c8",
123
+ "titleColor": "#e6e6e6",
124
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
125
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
126
+ },
127
+ "header": {
128
+ "labelColor": "#c8c8c8",
129
+ "titleColor": "#e6e6e6",
130
+ "labelFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",
131
+ "titleFont": "'Inter', 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"
132
+ },
133
+ "range": {
134
+ "category": [
135
+ "#ff3b41",
136
+ "#e69f00",
137
+ "#56b4e9",
138
+ "#009e73",
139
+ "#f0e442",
140
+ "#0072b2",
141
+ "#cc79a7",
142
+ "#4d5358"
143
+ ],
144
+ "ordinal": [
145
+ "#551112",
146
+ "#8d1a1e",
147
+ "#c13c3b",
148
+ "#e66e68",
149
+ "#f8a49d",
150
+ "#fed2cd"
151
+ ],
152
+ "ramp": [
153
+ "#551112",
154
+ "#8d1a1e",
155
+ "#c13c3b",
156
+ "#e66e68",
157
+ "#f8a49d",
158
+ "#fed2cd"
159
+ ],
160
+ "heatmap": [
161
+ "#551112",
162
+ "#8d1a1e",
163
+ "#c13c3b",
164
+ "#e66e68",
165
+ "#f8a49d",
166
+ "#fed2cd"
167
+ ],
168
+ "diverging": [
169
+ "#5aa3ec",
170
+ "#4683c5",
171
+ "#3e5f8a",
172
+ "#44484d",
173
+ "#a56b38",
174
+ "#e18e4b",
175
+ "#f9a870"
176
+ ]
177
+ }
178
+ }
179
+ }