@ponchia/ui 0.6.5 → 0.6.7

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 (108) hide show
  1. package/CHANGELOG.md +170 -0
  2. package/README.md +43 -23
  3. package/behaviors/carousel.d.ts.map +1 -1
  4. package/behaviors/carousel.js +3 -0
  5. package/behaviors/dialog.d.ts.map +1 -1
  6. package/behaviors/dialog.js +14 -8
  7. package/behaviors/forms.d.ts.map +1 -1
  8. package/behaviors/forms.js +11 -5
  9. package/behaviors/index.d.ts +2 -0
  10. package/behaviors/index.d.ts.map +1 -1
  11. package/behaviors/index.js +2 -0
  12. package/behaviors/internal.d.ts +2 -1
  13. package/behaviors/internal.d.ts.map +1 -1
  14. package/behaviors/internal.js +23 -3
  15. package/behaviors/legend.d.ts.map +1 -1
  16. package/behaviors/legend.js +41 -9
  17. package/behaviors/splitter.d.ts +26 -0
  18. package/behaviors/splitter.d.ts.map +1 -0
  19. package/behaviors/splitter.js +200 -0
  20. package/behaviors/table.js +3 -3
  21. package/behaviors/theme.js +2 -2
  22. package/classes/classes.json +230 -4
  23. package/classes/index.d.ts +49 -1
  24. package/classes/index.js +56 -1
  25. package/classes/vscode.css-custom-data.json +1 -1
  26. package/css/analytical.css +3 -1
  27. package/css/app.css +4 -4
  28. package/css/clamp.css +92 -0
  29. package/css/figure.css +102 -0
  30. package/css/highlights.css +50 -0
  31. package/css/interval.css +90 -0
  32. package/css/primitives.css +2 -3
  33. package/css/report-kit.css +38 -0
  34. package/css/report.css +51 -4
  35. package/css/sidenote.css +12 -2
  36. package/css/site.css +2 -1
  37. package/css/sources.css +5 -0
  38. package/css/state.css +120 -1
  39. package/css/table.css +4 -0
  40. package/css/tokens.css +9 -9
  41. package/css/workbench.css +101 -8
  42. package/dist/bronto.css +1 -1
  43. package/dist/css/analytical.css +1 -1
  44. package/dist/css/app.css +1 -1
  45. package/dist/css/clamp.css +1 -0
  46. package/dist/css/figure.css +1 -0
  47. package/dist/css/highlights.css +1 -0
  48. package/dist/css/interval.css +1 -0
  49. package/dist/css/primitives.css +1 -1
  50. package/dist/css/report-kit.css +1 -0
  51. package/dist/css/report.css +1 -1
  52. package/dist/css/sidenote.css +1 -1
  53. package/dist/css/site.css +1 -1
  54. package/dist/css/sources.css +1 -1
  55. package/dist/css/state.css +1 -1
  56. package/dist/css/table.css +1 -1
  57. package/dist/css/tokens.css +1 -1
  58. package/dist/css/workbench.css +1 -1
  59. package/docs/adr/0002-scope-and-2026-baseline.md +1 -1
  60. package/docs/architecture.md +67 -43
  61. package/docs/clamp.md +49 -0
  62. package/docs/contrast.md +34 -24
  63. package/docs/d2.md +37 -0
  64. package/docs/figure.md +71 -0
  65. package/docs/frontier-primitives.md +48 -23
  66. package/docs/highlights.md +52 -0
  67. package/docs/interop/tailwind.md +148 -0
  68. package/docs/interval.md +55 -0
  69. package/docs/legends.md +3 -2
  70. package/docs/mermaid.md +6 -0
  71. package/docs/migrations/0.2-to-0.3.md +80 -0
  72. package/docs/migrations/0.3-to-0.4.md +48 -0
  73. package/docs/migrations/0.4-to-0.5.md +96 -0
  74. package/docs/migrations/0.5-to-0.6.md +82 -0
  75. package/docs/package-contract.md +40 -2
  76. package/docs/reference.md +79 -6
  77. package/docs/reporting.md +132 -56
  78. package/docs/sidenote.md +7 -1
  79. package/docs/sources.md +1 -1
  80. package/docs/stability.md +5 -3
  81. package/docs/state.md +67 -10
  82. package/docs/theming.md +10 -2
  83. package/docs/usage.md +31 -11
  84. package/docs/workbench.md +59 -18
  85. package/llms.txt +82 -14
  86. package/package.json +68 -6
  87. package/qwik/index.d.ts +1 -0
  88. package/qwik/index.d.ts.map +1 -1
  89. package/qwik/index.js +26 -21
  90. package/react/index.d.ts +1 -0
  91. package/react/index.d.ts.map +1 -1
  92. package/react/index.js +4 -1
  93. package/schemas/report-claims.v1.schema.json +137 -0
  94. package/solid/index.d.ts +2 -0
  95. package/solid/index.d.ts.map +1 -1
  96. package/solid/index.js +3 -0
  97. package/svelte/index.d.ts +88 -0
  98. package/svelte/index.d.ts.map +1 -0
  99. package/svelte/index.js +166 -0
  100. package/tailwind.css +87 -0
  101. package/tokens/figma.variables.json +2241 -0
  102. package/tokens/index.js +1 -1
  103. package/tokens/index.json +2 -2
  104. package/tokens/resolved.json +3 -3
  105. package/tokens/tokens.dtcg.json +1 -1
  106. package/vue/index.d.ts +79 -0
  107. package/vue/index.d.ts.map +1 -0
  108. package/vue/index.js +197 -0
package/tailwind.css ADDED
@@ -0,0 +1,87 @@
1
+ /**
2
+ * @ponchia/ui/tailwind — Tailwind CSS v4 bridge.
3
+ *
4
+ * Import from the app stylesheet after Tailwind itself:
5
+ *
6
+ * @import "tailwindcss";
7
+ * @import "@ponchia/ui/tailwind";
8
+ *
9
+ * This file is deliberately CSS-only. It maps Bronto's already-loaded CSS
10
+ * custom properties into Tailwind v4 theme namespaces and state variants; it
11
+ * does not import @ponchia/ui's component CSS for you.
12
+ */
13
+
14
+ @theme inline {
15
+ --color-bronto-bg: var(--bronto-color-bg);
16
+ --color-bronto-surface: var(--bronto-color-surface);
17
+ --color-bronto-surface-muted: var(--surface-muted);
18
+ --color-bronto-surface-raised: var(--bronto-color-surface-raised);
19
+ --color-bronto-border: var(--bronto-color-border);
20
+ --color-bronto-border-strong: var(--bronto-color-border-strong);
21
+ --color-bronto-text: var(--bronto-color-text);
22
+ --color-bronto-text-muted: var(--bronto-color-text-muted);
23
+ --color-bronto-action: var(--bronto-color-action);
24
+ --color-bronto-on-action: var(--bronto-color-on-action);
25
+ --color-bronto-focus: var(--bronto-color-focus);
26
+ --color-bronto-success: var(--bronto-color-success);
27
+ --color-bronto-warning: var(--bronto-color-warning);
28
+ --color-bronto-danger: var(--bronto-color-danger);
29
+ --color-bronto-info: var(--bronto-color-info);
30
+ --color-bronto-accent-1: var(--accent-1);
31
+ --color-bronto-accent-2: var(--accent-2);
32
+ --color-bronto-accent-3: var(--accent-3);
33
+ --color-bronto-accent-4: var(--accent-4);
34
+ --color-bronto-accent-5: var(--accent-5);
35
+ --color-bronto-accent-6: var(--accent-6);
36
+ --color-bronto-surface-1: var(--surface-1);
37
+ --color-bronto-surface-2: var(--surface-2);
38
+ --color-bronto-surface-3: var(--surface-3);
39
+ --color-bronto-surface-4: var(--surface-4);
40
+ --color-bronto-surface-5: var(--surface-5);
41
+ --color-bronto-surface-6: var(--surface-6);
42
+
43
+ --font-bronto-sans: var(--sans);
44
+ --font-bronto-mono: var(--mono);
45
+ --font-bronto-display: var(--display);
46
+
47
+ --text-bronto-2xs: var(--text-2xs);
48
+ --text-bronto-xs: var(--text-xs);
49
+ --text-bronto-sm: var(--text-sm);
50
+ --text-bronto-base: var(--text-base);
51
+ --text-bronto-lg: var(--text-lg);
52
+ --text-bronto-xl: var(--text-xl);
53
+
54
+ --spacing-bronto-2xs: var(--space-2xs);
55
+ --spacing-bronto-xs: var(--space-xs);
56
+ --spacing-bronto-sm: var(--space-sm);
57
+ --spacing-bronto-md: var(--space-md);
58
+ --spacing-bronto-lg: var(--space-lg);
59
+ --spacing-bronto-xl: var(--space-xl);
60
+ --spacing-bronto-2xl: var(--space-2xl);
61
+
62
+ --radius-bronto-sm: var(--radius-sm);
63
+ --radius-bronto-md: var(--radius-md);
64
+ --radius-bronto-lg: var(--radius-lg);
65
+ --radius-bronto-xl: var(--radius-xl);
66
+ --radius-bronto-pill: var(--radius-pill);
67
+
68
+ --shadow-bronto: var(--shadow);
69
+ --shadow-bronto-raised: var(--shadow-raised);
70
+
71
+ --ease-bronto-standard: var(--ease-standard);
72
+ --ease-bronto-spring: var(--ease-spring);
73
+ --ease-bronto-out: var(--ease-out);
74
+ }
75
+
76
+ @custom-variant bronto-light (&:where([data-theme="light"] *));
77
+ @custom-variant bronto-dark (&:where([data-theme="dark"] *));
78
+ @custom-variant bronto-oled (&:where([data-surface="oled"] *));
79
+ @custom-variant bronto-contrast-more (&:where([data-contrast="more"] *));
80
+ @custom-variant bronto-compact (&:where([data-density="compact"] *));
81
+ @custom-variant bronto-comfortable (&:where([data-density="comfortable"] *));
82
+
83
+ @custom-variant bronto-active (&:where(.is-active, [aria-current="page"], [aria-selected="true"]));
84
+ @custom-variant bronto-open (&:where(.is-open, [open], [popover]:popover-open, [aria-expanded="true"]));
85
+ @custom-variant bronto-selected (&:where(.is-selected, [aria-selected="true"], [aria-pressed="true"]));
86
+ @custom-variant bronto-invalid (&:where(.is-invalid, [aria-invalid="true"], :user-invalid));
87
+ @custom-variant bronto-busy (&:where(.is-busy, [aria-busy="true"]));