@texturehq/edges 1.33.1 → 1.34.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 (52) hide show
  1. package/README.md +57 -3
  2. package/dist/{RichTextEditor-CxrunTg7.d.cts → RichTextEditor-diZqy_s1.d.cts} +1 -1
  3. package/dist/{RichTextEditor-CxrunTg7.d.ts → RichTextEditor-diZqy_s1.d.ts} +1 -1
  4. package/dist/{TimeField-DRQshIHX.d.ts → TimeField-7pTUPh11.d.ts} +32 -17
  5. package/dist/{TimeField-WCmeiLu3.d.cts → TimeField-CqmVrAdn.d.cts} +32 -17
  6. package/dist/{colors-Cgs2MGZ8.d.ts → colors-CoULWZ5j.d.ts} +53 -18
  7. package/dist/{colors-DGRiGzgj.d.cts → colors-upTGgIQe.d.cts} +53 -18
  8. package/dist/form/index.cjs +1 -1
  9. package/dist/form/index.cjs.map +1 -1
  10. package/dist/form/index.d.cts +1 -1
  11. package/dist/form/index.d.ts +1 -1
  12. package/dist/form/index.js +1 -1
  13. package/dist/form/index.js.map +1 -1
  14. package/dist/{index-BqpWEc_N.d.ts → index-dofSwYId.d.cts} +5 -5
  15. package/dist/{index-BqpWEc_N.d.cts → index-dofSwYId.d.ts} +5 -5
  16. package/dist/index.cjs +10 -10
  17. package/dist/index.cjs.map +1 -1
  18. package/dist/index.d.cts +161 -41
  19. package/dist/index.d.ts +161 -41
  20. package/dist/index.js +10 -10
  21. package/dist/index.js.map +1 -1
  22. package/dist/prose.css +202 -0
  23. package/dist/rhf/index.cjs +1 -1
  24. package/dist/rhf/index.cjs.map +1 -1
  25. package/dist/rhf/index.d.cts +2 -2
  26. package/dist/rhf/index.d.ts +2 -2
  27. package/dist/rhf/index.js +1 -1
  28. package/dist/rhf/index.js.map +1 -1
  29. package/dist/server.cjs +2 -2
  30. package/dist/server.cjs.map +1 -1
  31. package/dist/server.d.cts +2 -2
  32. package/dist/server.d.ts +2 -2
  33. package/dist/server.js +2 -2
  34. package/dist/server.js.map +1 -1
  35. package/dist/styles/computed.css +2 -2
  36. package/dist/styles/responsive-typography.css +9 -7
  37. package/dist/styles/theme-light-override.css +26 -15
  38. package/dist/styles.css +953 -877
  39. package/dist/theme.css +20 -7
  40. package/dist/typography.css +150 -0
  41. package/package.json +11 -13
  42. package/scripts/check-legacy-action-variants.mjs +96 -0
  43. package/scripts/check-legacy-font-colors.mjs +92 -0
  44. package/scripts/copy-assets.js +12 -0
  45. package/templates/claude-rules/.claude +5 -5
  46. package/templates/claude-rules/claude.md +5 -5
  47. package/templates/codex-rules/codex.md +5 -5
  48. package/dist/generated/tailwind-tokens-dark.css +0 -397
  49. package/dist/generated/tailwind-tokens-light.css +0 -611
  50. package/dist/generated/viz-runtime.css +0 -243
  51. package/scripts/generate-viz-runtime.js +0 -107
  52. package/scripts/validate-tokens.js +0 -176
package/dist/styles/computed.css CHANGED
@@ -110,9 +110,9 @@
110
110
  --control-label-margin: var(--control-gap-sm);
111
111
  --control-helper-text-margin: var(--control-gap-sm);
112
112
  --control-helper-text-size: var(--text-sm);
113
- --control-helper-text-color: var(--color-text-muted);
113
+ --control-helper-text-color: var(--color-text-secondary);
114
114
  --control-label-size: var(--text-sm);
115
- --control-label-color: var(--color-text-body);
115
+ --control-label-color: var(--color-text-primary);
116
116
 
117
117
  /* ============================================
118
118
  Input Adornments
package/dist/styles/responsive-typography.css CHANGED
@@ -1,14 +1,16 @@
1
1
  /**
2
- * Responsive Typography Scale
2
+ * Legacy responsive primitive typography compatibility.
3
3
  *
4
- * Font sizes scale down on mobile for better readability on small screens.
5
- * Desktop values match the canonical design tokens.
4
+ * New authoring should use semantic role utilities from edges-tokens:
5
+ * `.text-display-*`, `.text-heading-*`, `.text-body-*`, `.text-label-*`,
6
+ * `.text-code`, and `.text-agent`.
6
7
  *
7
- * Strategy: Keep xs/sm/base standard for legibility, compress hierarchy from lg upward.
8
+ * Those roles own their responsive behavior at the token layer (for example,
9
+ * body copy's mobile readability bump). This file only keeps older primitive
10
+ * Tailwind utilities (`text-xl`, `text-2xl`, etc.) and direct `--font-size-*`
11
+ * references from regressing while the remaining package internals migrate.
8
12
  *
9
- * Note: Tailwind 4 uses --text-* variables (e.g., --text-4xl) for its utility classes,
10
- * so we override those here. The --font-size-* variables are also overridden for
11
- * any code that references them directly.
13
+ * Do not add new dependencies on this file.
12
14
  */
13
15
 
14
16
  @layer base {
package/dist/styles/theme-light-override.css CHANGED
@@ -17,16 +17,21 @@
17
17
  --color-background-selected: #e7e6e5;
18
18
  --color-background-modal: rgba(0, 0, 0, 0.15);
19
19
  --color-background-input: #ffffff;
20
- --color-text-body: #2c2a26;
21
- --color-text-heading: #111111;
22
- --color-text-muted: #5d5b56;
23
- --color-text-caption: #7c7974;
24
- --color-text-subtle: #7c7974;
25
- --color-text-placeholder: #a09d98;
26
- --color-text-disabled: #d4d3d0;
27
- --color-text-link-default: #111111;
20
+ --color-text-primary: #2c2a26;
21
+ --color-text-secondary: #525250;
22
+ --color-text-inverse: #ffffff;
23
+ --color-text-disabled: #a09d98;
24
+ --color-text-body: var(--color-text-primary);
25
+ --color-text-heading: var(--color-text-primary);
26
+ --color-text-label: var(--color-text-primary);
27
+ --color-text-muted: var(--color-text-secondary);
28
+ --color-text-caption: var(--color-text-secondary);
29
+ --color-text-subtle: var(--color-text-secondary);
30
+ --color-text-placeholder: var(--color-text-disabled);
31
+ --color-text-link-default: var(--color-text-primary);
28
32
  --color-text-link-hover: #2c2a26;
29
- --color-text-onPrimary: #ffffff;
33
+ --color-text-onPrimary: var(--color-text-inverse);
34
+ --color-text-onBrand: var(--color-text-inverse);
30
35
  --color-border-default: #e7e6e5;
31
36
  --color-border-focus: #111111;
32
37
  --color-border-muted: #f5f5f4;
@@ -43,12 +48,18 @@
43
48
  --color-feedback-info-text: #123862;
44
49
  --color-feedback-info-background: #e0eaf5;
45
50
  --color-feedback-info-border: #2d6cb8;
46
- --color-action-brand: #111111;
47
- --color-action-brand-hover: #2c2a26;
48
- --color-action-brand-text: #ffffff;
49
- --color-action-default: #111111;
50
- --color-action-default-hover: #2c2a26;
51
- --color-action-default-text: #ffffff;
51
+ --color-action-primary: #111111;
52
+ --color-action-primary-hover: #2c2a26;
53
+ --color-action-primary-text: #ffffff;
54
+ --color-action-secondary: transparent;
55
+ --color-action-secondary-hover: var(--color-background-hover);
56
+ --color-action-secondary-text: var(--color-text-primary);
57
+ --color-action-brand: var(--color-action-primary);
58
+ --color-action-brand-hover: var(--color-action-primary-hover);
59
+ --color-action-brand-text: var(--color-action-primary-text);
60
+ --color-action-default: var(--color-action-primary);
61
+ --color-action-default-hover: var(--color-action-primary-hover);
62
+ --color-action-default-text: var(--color-action-primary-text);
52
63
  --color-skeleton-base: #e7e6e5;
53
64
  --color-skeleton-highlight: #f5f5f4;
54
65
  --color-skeleton-wave: rgba(255, 255, 255, 0.6);