@valancex/style 0.0.0-stage → 0.15.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 (64) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +33 -2
  3. package/contract/style-contract-v1.json +207 -0
  4. package/dist/check.d.ts +31 -0
  5. package/dist/check.js +250 -0
  6. package/dist/color.d.ts +17 -0
  7. package/dist/color.js +82 -0
  8. package/dist/contrast.d.ts +5 -0
  9. package/dist/contrast.js +13 -0
  10. package/dist/coverage.d.ts +21 -0
  11. package/dist/coverage.js +60 -0
  12. package/dist/css.d.ts +9 -0
  13. package/dist/css.js +201 -0
  14. package/dist/desktop.d.ts +33 -0
  15. package/dist/desktop.js +112 -0
  16. package/dist/index.d.ts +17 -0
  17. package/dist/index.js +11 -0
  18. package/dist/load.d.ts +5 -0
  19. package/dist/load.js +8 -0
  20. package/dist/primitives.d.ts +2 -0
  21. package/dist/primitives.js +364 -0
  22. package/dist/suggest.d.ts +2 -0
  23. package/dist/suggest.js +22 -0
  24. package/dist/theme.d.ts +5 -0
  25. package/dist/theme.js +129 -0
  26. package/dist/tokens.d.ts +21 -0
  27. package/dist/tokens.js +257 -0
  28. package/dist/types.d.ts +114 -0
  29. package/dist/types.js +3 -0
  30. package/package.json +64 -3
  31. package/schema/dtcg-2025.10/NOTICE.md +6 -0
  32. package/schema/dtcg-2025.10/format/group.json +54 -0
  33. package/schema/dtcg-2025.10/format/groupOrToken.json +14 -0
  34. package/schema/dtcg-2025.10/format/token.json +450 -0
  35. package/schema/dtcg-2025.10/format/tokenType.json +22 -0
  36. package/schema/dtcg-2025.10/format/values/border.json +44 -0
  37. package/schema/dtcg-2025.10/format/values/color.json +570 -0
  38. package/schema/dtcg-2025.10/format/values/cubicBezier.json +56 -0
  39. package/schema/dtcg-2025.10/format/values/dimension.json +34 -0
  40. package/schema/dtcg-2025.10/format/values/duration.json +34 -0
  41. package/schema/dtcg-2025.10/format/values/fontFamily.json +33 -0
  42. package/schema/dtcg-2025.10/format/values/fontWeight.json +38 -0
  43. package/schema/dtcg-2025.10/format/values/gradient.json +52 -0
  44. package/schema/dtcg-2025.10/format/values/number.json +7 -0
  45. package/schema/dtcg-2025.10/format/values/shadow.json +102 -0
  46. package/schema/dtcg-2025.10/format/values/strokeStyle.json +63 -0
  47. package/schema/dtcg-2025.10/format/values/transition.json +44 -0
  48. package/schema/dtcg-2025.10/format/values/typography.json +72 -0
  49. package/schema/dtcg-2025.10/format.json +105 -0
  50. package/schema/recipe-v1.schema.json +43 -0
  51. package/schema/style-contract-v1.schema.json +171 -0
  52. package/schema/theme-v1.schema.json +78 -0
  53. package/themes/default/recipes/button.json +87 -0
  54. package/themes/default/recipes/checkbox.json +26 -0
  55. package/themes/default/recipes/column.json +10 -0
  56. package/themes/default/recipes/heading.json +11 -0
  57. package/themes/default/recipes/row.json +10 -0
  58. package/themes/default/recipes/text.json +12 -0
  59. package/themes/default/recipes/textfield.json +37 -0
  60. package/themes/default/theme.json +61 -0
  61. package/themes/default/tokens/base.tokens.json +193 -0
  62. package/themes/default/tokens/contrast.tokens.json +127 -0
  63. package/themes/default/tokens/dark.tokens.json +127 -0
  64. package/themes/default/tokens/light.tokens.json +127 -0
package/themes/default/tokens/contrast.tokens.json ADDED
@@ -0,0 +1,127 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "$description": "The contrast mode: the color roles. Mode-independent tokens (space, radius, border width, type) are in base.tokens.json.",
4
+ "color": {
5
+ "$type": "color",
6
+ "text": {
7
+ "$value": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0.0,
11
+ 0.0,
12
+ 0.0
13
+ ],
14
+ "hex": "#000000"
15
+ },
16
+ "$description": "Body text and the text of controls."
17
+ },
18
+ "text-muted": {
19
+ "$value": {
20
+ "colorSpace": "srgb",
21
+ "components": [
22
+ 0.0,
23
+ 0.0,
24
+ 0.0
25
+ ],
26
+ "hex": "#000000"
27
+ },
28
+ "$description": "Secondary text."
29
+ },
30
+ "surface": {
31
+ "$value": {
32
+ "colorSpace": "srgb",
33
+ "components": [
34
+ 1.0,
35
+ 1.0,
36
+ 1.0
37
+ ],
38
+ "hex": "#ffffff"
39
+ },
40
+ "$description": "The page and the surface of a control."
41
+ },
42
+ "surface-field": {
43
+ "$value": {
44
+ "colorSpace": "srgb",
45
+ "components": [
46
+ 1.0,
47
+ 1.0,
48
+ 1.0
49
+ ],
50
+ "hex": "#ffffff"
51
+ },
52
+ "$description": "The inside of a text field."
53
+ },
54
+ "border": {
55
+ "$value": {
56
+ "colorSpace": "srgb",
57
+ "components": [
58
+ 0.0,
59
+ 0.0,
60
+ 0.0
61
+ ],
62
+ "hex": "#000000"
63
+ },
64
+ "$description": "The edge of a control, which must be seen against the surface."
65
+ },
66
+ "accent": {
67
+ "$value": {
68
+ "colorSpace": "srgb",
69
+ "components": [
70
+ 0.0,
71
+ 0.0,
72
+ 0.702
73
+ ],
74
+ "hex": "#0000b3"
75
+ },
76
+ "$description": "The surface of a primary control."
77
+ },
78
+ "on-accent": {
79
+ "$value": {
80
+ "colorSpace": "srgb",
81
+ "components": [
82
+ 1.0,
83
+ 1.0,
84
+ 1.0
85
+ ],
86
+ "hex": "#ffffff"
87
+ },
88
+ "$description": "Text on the accent."
89
+ },
90
+ "danger": {
91
+ "$value": {
92
+ "colorSpace": "srgb",
93
+ "components": [
94
+ 0.549,
95
+ 0.0,
96
+ 0.0
97
+ ],
98
+ "hex": "#8c0000"
99
+ },
100
+ "$description": "The surface of a control that destroys."
101
+ },
102
+ "on-danger": {
103
+ "$value": {
104
+ "colorSpace": "srgb",
105
+ "components": [
106
+ 1.0,
107
+ 1.0,
108
+ 1.0
109
+ ],
110
+ "hex": "#ffffff"
111
+ },
112
+ "$description": "Text on the danger color."
113
+ },
114
+ "focus": {
115
+ "$value": {
116
+ "colorSpace": "srgb",
117
+ "components": [
118
+ 0.0,
119
+ 0.0,
120
+ 0.0
121
+ ],
122
+ "hex": "#000000"
123
+ },
124
+ "$description": "The focus ring."
125
+ }
126
+ }
127
+ }
package/themes/default/tokens/dark.tokens.json ADDED
@@ -0,0 +1,127 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "$description": "The dark mode: the color roles. Mode-independent tokens (space, radius, border width, type) are in base.tokens.json.",
4
+ "color": {
5
+ "$type": "color",
6
+ "text": {
7
+ "$value": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0.9098,
11
+ 0.9176,
12
+ 0.9451
13
+ ],
14
+ "hex": "#e8eaf1"
15
+ },
16
+ "$description": "Body text and the text of controls."
17
+ },
18
+ "text-muted": {
19
+ "$value": {
20
+ "colorSpace": "srgb",
21
+ "components": [
22
+ 0.6588,
23
+ 0.6902,
24
+ 0.7686
25
+ ],
26
+ "hex": "#a8b0c4"
27
+ },
28
+ "$description": "Secondary text."
29
+ },
30
+ "surface": {
31
+ "$value": {
32
+ "colorSpace": "srgb",
33
+ "components": [
34
+ 0.0706,
35
+ 0.0784,
36
+ 0.1059
37
+ ],
38
+ "hex": "#12141b"
39
+ },
40
+ "$description": "The page and the surface of a control."
41
+ },
42
+ "surface-field": {
43
+ "$value": {
44
+ "colorSpace": "srgb",
45
+ "components": [
46
+ 0.1059,
47
+ 0.1176,
48
+ 0.1608
49
+ ],
50
+ "hex": "#1b1e29"
51
+ },
52
+ "$description": "The inside of a text field."
53
+ },
54
+ "border": {
55
+ "$value": {
56
+ "colorSpace": "srgb",
57
+ "components": [
58
+ 0.5529,
59
+ 0.5882,
60
+ 0.6706
61
+ ],
62
+ "hex": "#8d96ab"
63
+ },
64
+ "$description": "The edge of a control, which must be seen against the surface."
65
+ },
66
+ "accent": {
67
+ "$value": {
68
+ "colorSpace": "srgb",
69
+ "components": [
70
+ 0.6549,
71
+ 0.5451,
72
+ 0.9804
73
+ ],
74
+ "hex": "#a78bfa"
75
+ },
76
+ "$description": "The surface of a primary control."
77
+ },
78
+ "on-accent": {
79
+ "$value": {
80
+ "colorSpace": "srgb",
81
+ "components": [
82
+ 0.0706,
83
+ 0.0784,
84
+ 0.1059
85
+ ],
86
+ "hex": "#12141b"
87
+ },
88
+ "$description": "Text on the accent."
89
+ },
90
+ "danger": {
91
+ "$value": {
92
+ "colorSpace": "srgb",
93
+ "components": [
94
+ 0.949,
95
+ 0.7216,
96
+ 0.7098
97
+ ],
98
+ "hex": "#f2b8b5"
99
+ },
100
+ "$description": "The surface of a control that destroys."
101
+ },
102
+ "on-danger": {
103
+ "$value": {
104
+ "colorSpace": "srgb",
105
+ "components": [
106
+ 0.2549,
107
+ 0.0549,
108
+ 0.0431
109
+ ],
110
+ "hex": "#410e0b"
111
+ },
112
+ "$description": "Text on the danger color."
113
+ },
114
+ "focus": {
115
+ "$value": {
116
+ "colorSpace": "srgb",
117
+ "components": [
118
+ 0.5412,
119
+ 0.7059,
120
+ 1.0
121
+ ],
122
+ "hex": "#8ab4ff"
123
+ },
124
+ "$description": "The focus ring."
125
+ }
126
+ }
127
+ }
package/themes/default/tokens/light.tokens.json ADDED
@@ -0,0 +1,127 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "$description": "The light mode: the color roles. Mode-independent tokens (space, radius, border width, type) are in base.tokens.json.",
4
+ "color": {
5
+ "$type": "color",
6
+ "text": {
7
+ "$value": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0.1137,
11
+ 0.1373,
12
+ 0.1882
13
+ ],
14
+ "hex": "#1d2330"
15
+ },
16
+ "$description": "Body text and the text of controls."
17
+ },
18
+ "text-muted": {
19
+ "$value": {
20
+ "colorSpace": "srgb",
21
+ "components": [
22
+ 0.3098,
23
+ 0.3451,
24
+ 0.4392
25
+ ],
26
+ "hex": "#4f5870"
27
+ },
28
+ "$description": "Secondary text."
29
+ },
30
+ "surface": {
31
+ "$value": {
32
+ "colorSpace": "srgb",
33
+ "components": [
34
+ 1.0,
35
+ 1.0,
36
+ 1.0
37
+ ],
38
+ "hex": "#ffffff"
39
+ },
40
+ "$description": "The page and the surface of a control."
41
+ },
42
+ "surface-field": {
43
+ "$value": {
44
+ "colorSpace": "srgb",
45
+ "components": [
46
+ 1.0,
47
+ 1.0,
48
+ 1.0
49
+ ],
50
+ "hex": "#ffffff"
51
+ },
52
+ "$description": "The inside of a text field."
53
+ },
54
+ "border": {
55
+ "$value": {
56
+ "colorSpace": "srgb",
57
+ "components": [
58
+ 0.4196,
59
+ 0.451,
60
+ 0.5216
61
+ ],
62
+ "hex": "#6b7385"
63
+ },
64
+ "$description": "The edge of a control, which must be seen against the surface."
65
+ },
66
+ "accent": {
67
+ "$value": {
68
+ "colorSpace": "srgb",
69
+ "components": [
70
+ 0.2902,
71
+ 0.1843,
72
+ 0.7529
73
+ ],
74
+ "hex": "#4a2fc0"
75
+ },
76
+ "$description": "The surface of a primary control."
77
+ },
78
+ "on-accent": {
79
+ "$value": {
80
+ "colorSpace": "srgb",
81
+ "components": [
82
+ 1.0,
83
+ 1.0,
84
+ 1.0
85
+ ],
86
+ "hex": "#ffffff"
87
+ },
88
+ "$description": "Text on the accent."
89
+ },
90
+ "danger": {
91
+ "$value": {
92
+ "colorSpace": "srgb",
93
+ "components": [
94
+ 0.702,
95
+ 0.149,
96
+ 0.1176
97
+ ],
98
+ "hex": "#b3261e"
99
+ },
100
+ "$description": "The surface of a control that destroys."
101
+ },
102
+ "on-danger": {
103
+ "$value": {
104
+ "colorSpace": "srgb",
105
+ "components": [
106
+ 1.0,
107
+ 1.0,
108
+ 1.0
109
+ ],
110
+ "hex": "#ffffff"
111
+ },
112
+ "$description": "Text on the danger color."
113
+ },
114
+ "focus": {
115
+ "$value": {
116
+ "colorSpace": "srgb",
117
+ "components": [
118
+ 0.102,
119
+ 0.3373,
120
+ 0.8588
121
+ ],
122
+ "hex": "#1a56db"
123
+ },
124
+ "$description": "The focus ring."
125
+ }
126
+ }
127
+ }