@phcdevworks/spectre-tokens 2.6.0 → 2.7.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/README.md +14 -12
- package/dist/index.cjs +77 -60
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +22 -25
- package/dist/index.d.cts +33 -0
- package/dist/index.d.ts +33 -0
- package/dist/index.js +77 -60
- package/dist/index.js.map +1 -1
- package/package.json +11 -8
- package/tokens/modes.json +1 -1
- package/tokens/primitives.json +35 -20
- package/tokens/typography.json +36 -18
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@phcdevworks/spectre-tokens",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.7.0",
|
|
4
4
|
"description": "@phcdevworks/spectre-tokens is the design-token package of the Spectre system for downstream Spectre packages and compatible applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"phcdevworks",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"node": "^22.12.0 || >=24.0.0"
|
|
38
38
|
},
|
|
39
39
|
"type": "module",
|
|
40
|
-
"packageManager": "npm@11.
|
|
40
|
+
"packageManager": "npm@11.16.0",
|
|
41
41
|
"main": "./dist/index.cjs",
|
|
42
42
|
"module": "./dist/index.js",
|
|
43
43
|
"types": "./dist/index.d.ts",
|
|
@@ -73,10 +73,13 @@
|
|
|
73
73
|
"check:css": "tsx scripts/check-css-contract.ts",
|
|
74
74
|
"check:tailwind": "tsx scripts/check-tailwind-contract.ts",
|
|
75
75
|
"check:consumer": "tsx scripts/check-consumer-smoke.ts",
|
|
76
|
+
"check:integration": "tsx scripts/check-integration.ts",
|
|
76
77
|
"check:classification": "tsx scripts/check-change-classification.ts",
|
|
78
|
+
"check:deprecation": "tsx scripts/check-deprecation.ts",
|
|
79
|
+
"release:propose": "tsx scripts/propose-version.ts",
|
|
77
80
|
"lint": "eslint .",
|
|
78
81
|
"format": "prettier --write .",
|
|
79
|
-
"check": "npm run build && npm run check:manifest && npm run check:structure && npm run check:locked && npm run check:contrast && npm run check:regression && npm run check:docs && npm run check:exports && npm run check:css && npm run check:tailwind && npm run check:consumer && npm run check:classification && npm run check:dist && npm run lint",
|
|
82
|
+
"check": "npm run build && npm run check:manifest && npm run check:structure && npm run check:locked && npm run check:contrast && npm run check:regression && npm run check:docs && npm run check:exports && npm run check:css && npm run check:tailwind && npm run check:consumer && npm run check:integration && npm run check:classification && npm run check:deprecation && npm run check:dist && npm run lint",
|
|
80
83
|
"check:all": "npm run check",
|
|
81
84
|
"test": "npm run check",
|
|
82
85
|
"prepublishOnly": "npm run check"
|
|
@@ -89,16 +92,16 @@
|
|
|
89
92
|
},
|
|
90
93
|
"devDependencies": {
|
|
91
94
|
"@types/node": "^25.9.1",
|
|
92
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
93
|
-
"@typescript-eslint/parser": "^8.
|
|
95
|
+
"@typescript-eslint/eslint-plugin": "^8.60.1",
|
|
96
|
+
"@typescript-eslint/parser": "^8.60.1",
|
|
94
97
|
"colord": "^2.9.3",
|
|
95
|
-
"eslint": "^10.4.
|
|
98
|
+
"eslint": "^10.4.1",
|
|
96
99
|
"jiti": "^2.7.0",
|
|
97
100
|
"prettier": "^3.8.3",
|
|
98
101
|
"ts-node": "^10.9.2",
|
|
99
102
|
"tsup": "^8.5.1",
|
|
100
|
-
"tsx": "^4.22.
|
|
103
|
+
"tsx": "^4.22.4",
|
|
101
104
|
"typescript": "^6.0.3",
|
|
102
|
-
"typescript-eslint": "^8.
|
|
105
|
+
"typescript-eslint": "^8.60.1"
|
|
103
106
|
}
|
|
104
107
|
}
|
package/tokens/modes.json
CHANGED
package/tokens/primitives.json
CHANGED
|
@@ -20,13 +20,17 @@
|
|
|
20
20
|
"sm": "2px",
|
|
21
21
|
"md": "4px",
|
|
22
22
|
"lg": "8px",
|
|
23
|
+
"xl": "12px",
|
|
24
|
+
"2xl": "16px",
|
|
23
25
|
"pill": "999px"
|
|
24
26
|
},
|
|
25
27
|
"shadows": {
|
|
26
28
|
"none": "none",
|
|
27
29
|
"sm": "0 1px 2px 0 {colors.black} / 0.06",
|
|
28
30
|
"md": "0 2px 6px -1px {colors.black} / 0.08",
|
|
29
|
-
"lg": "0 6px 16px -4px {colors.black} / 0.12"
|
|
31
|
+
"lg": "0 6px 16px -4px {colors.black} / 0.12",
|
|
32
|
+
"xl": "0 12px 24px -6px {colors.black} / 0.15",
|
|
33
|
+
"2xl": "0 20px 48px -12px {colors.black} / 0.20"
|
|
30
34
|
},
|
|
31
35
|
"breakpoints": {
|
|
32
36
|
"sm": "640px",
|
|
@@ -43,64 +47,69 @@
|
|
|
43
47
|
"overlay": "1300",
|
|
44
48
|
"modal": "1400",
|
|
45
49
|
"popover": "1500",
|
|
46
|
-
"tooltip": "1600"
|
|
50
|
+
"tooltip": "1600",
|
|
51
|
+
"toast": "1700"
|
|
47
52
|
},
|
|
48
53
|
"transitions": {
|
|
49
54
|
"duration": {
|
|
50
55
|
"instant": "75ms",
|
|
51
56
|
"fast": "150ms",
|
|
52
57
|
"base": "200ms",
|
|
58
|
+
"relaxed": "250ms",
|
|
53
59
|
"moderate": "300ms",
|
|
54
60
|
"slow": "500ms",
|
|
55
|
-
"slower": "700ms"
|
|
61
|
+
"slower": "700ms",
|
|
62
|
+
"long": "1000ms",
|
|
63
|
+
"slowest": "1200ms"
|
|
56
64
|
},
|
|
57
65
|
"easing": {
|
|
58
66
|
"linear": "linear",
|
|
59
67
|
"in": "cubic-bezier(0.4, 0, 1, 1)",
|
|
60
68
|
"out": "cubic-bezier(0, 0, 0.2, 1)",
|
|
61
69
|
"inOut": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
62
|
-
"spring": "cubic-bezier(0.4, 0, 0.2, 1)"
|
|
70
|
+
"spring": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
71
|
+
"overshoot": "cubic-bezier(0.34, 1.56, 0.64, 1)"
|
|
63
72
|
}
|
|
64
73
|
},
|
|
65
74
|
"animations": {
|
|
66
75
|
"fadeIn": {
|
|
67
|
-
"duration": "
|
|
68
|
-
"easing": "
|
|
76
|
+
"duration": "{transitions.duration.base}",
|
|
77
|
+
"easing": "{transitions.easing.out}",
|
|
69
78
|
"keyframes": "fade-in"
|
|
70
79
|
},
|
|
71
80
|
"fadeOut": {
|
|
72
|
-
"duration": "
|
|
73
|
-
"easing": "
|
|
81
|
+
"duration": "{transitions.duration.fast}",
|
|
82
|
+
"easing": "{transitions.easing.in}",
|
|
74
83
|
"keyframes": "fade-out"
|
|
75
84
|
},
|
|
76
85
|
"slideUp": {
|
|
77
|
-
"duration": "
|
|
78
|
-
"easing": "
|
|
86
|
+
"duration": "{transitions.duration.moderate}",
|
|
87
|
+
"easing": "{transitions.easing.out}",
|
|
79
88
|
"keyframes": "slide-up"
|
|
80
89
|
},
|
|
81
90
|
"slideDown": {
|
|
82
|
-
"duration": "
|
|
83
|
-
"easing": "
|
|
91
|
+
"duration": "{transitions.duration.moderate}",
|
|
92
|
+
"easing": "{transitions.easing.out}",
|
|
84
93
|
"keyframes": "slide-down"
|
|
85
94
|
},
|
|
86
95
|
"scaleIn": {
|
|
87
|
-
"duration": "
|
|
88
|
-
"easing": "
|
|
96
|
+
"duration": "{transitions.duration.base}",
|
|
97
|
+
"easing": "{transitions.easing.overshoot}",
|
|
89
98
|
"keyframes": "scale-in"
|
|
90
99
|
},
|
|
91
100
|
"bounce": {
|
|
92
|
-
"duration": "
|
|
93
|
-
"easing": "
|
|
101
|
+
"duration": "{transitions.duration.moderate}",
|
|
102
|
+
"easing": "{transitions.easing.spring}",
|
|
94
103
|
"keyframes": "bounce"
|
|
95
104
|
},
|
|
96
105
|
"shake": {
|
|
97
|
-
"duration": "
|
|
98
|
-
"easing": "
|
|
106
|
+
"duration": "{transitions.duration.relaxed}",
|
|
107
|
+
"easing": "{transitions.easing.spring}",
|
|
99
108
|
"keyframes": "shake"
|
|
100
109
|
},
|
|
101
110
|
"pulse": {
|
|
102
|
-
"duration": "
|
|
103
|
-
"easing": "
|
|
111
|
+
"duration": "{transitions.duration.slowest}",
|
|
112
|
+
"easing": "{transitions.easing.spring}",
|
|
104
113
|
"keyframes": "pulse"
|
|
105
114
|
}
|
|
106
115
|
},
|
|
@@ -108,6 +117,7 @@
|
|
|
108
117
|
"disabled": "0.38",
|
|
109
118
|
"hover": "0.92",
|
|
110
119
|
"active": "0.84",
|
|
120
|
+
"loading": "0.6",
|
|
111
121
|
"focus": "1",
|
|
112
122
|
"overlay": "0.5",
|
|
113
123
|
"tooltip": "0.95"
|
|
@@ -115,6 +125,7 @@
|
|
|
115
125
|
"aspectRatios": {
|
|
116
126
|
"square": "1/1",
|
|
117
127
|
"video": "16/9",
|
|
128
|
+
"classic": "3/2",
|
|
118
129
|
"portrait": "3/4",
|
|
119
130
|
"landscape": "4/3",
|
|
120
131
|
"ultrawide": "21/9",
|
|
@@ -142,6 +153,10 @@
|
|
|
142
153
|
"width": {
|
|
143
154
|
"base": "1px",
|
|
144
155
|
"thick": "2px"
|
|
156
|
+
},
|
|
157
|
+
"style": {
|
|
158
|
+
"none": "none",
|
|
159
|
+
"solid": "solid"
|
|
145
160
|
}
|
|
146
161
|
}
|
|
147
162
|
}
|
package/tokens/typography.json
CHANGED
|
@@ -9,47 +9,56 @@
|
|
|
9
9
|
"sm": {
|
|
10
10
|
"size": "0.875rem",
|
|
11
11
|
"lineHeight": "1.5rem",
|
|
12
|
-
"weight": 400
|
|
12
|
+
"weight": 400,
|
|
13
|
+
"letterSpacing": "0em"
|
|
13
14
|
},
|
|
14
15
|
"md": {
|
|
15
16
|
"size": "1rem",
|
|
16
17
|
"lineHeight": "1.75rem",
|
|
17
|
-
"weight": 500
|
|
18
|
+
"weight": 500,
|
|
19
|
+
"letterSpacing": "0em"
|
|
18
20
|
},
|
|
19
21
|
"lg": {
|
|
20
22
|
"size": "1.25rem",
|
|
21
23
|
"lineHeight": "2rem",
|
|
22
|
-
"weight": 600
|
|
24
|
+
"weight": 600,
|
|
25
|
+
"letterSpacing": "0em"
|
|
23
26
|
},
|
|
24
27
|
"xl": {
|
|
25
28
|
"size": "1.5rem",
|
|
26
29
|
"lineHeight": "2.125rem",
|
|
27
|
-
"weight": 600
|
|
30
|
+
"weight": 600,
|
|
31
|
+
"letterSpacing": "0em"
|
|
28
32
|
},
|
|
29
33
|
"2xl": {
|
|
30
34
|
"size": "1.875rem",
|
|
31
35
|
"lineHeight": "2.5rem",
|
|
32
|
-
"weight": 700
|
|
36
|
+
"weight": 700,
|
|
37
|
+
"letterSpacing": "0em"
|
|
33
38
|
},
|
|
34
39
|
"3xl": {
|
|
35
40
|
"size": "2.25rem",
|
|
36
41
|
"lineHeight": "2.75rem",
|
|
37
|
-
"weight": 700
|
|
42
|
+
"weight": 700,
|
|
43
|
+
"letterSpacing": "0em"
|
|
38
44
|
},
|
|
39
45
|
"4xl": {
|
|
40
46
|
"size": "3rem",
|
|
41
47
|
"lineHeight": "3.5rem",
|
|
42
|
-
"weight": 800
|
|
48
|
+
"weight": 800,
|
|
49
|
+
"letterSpacing": "0em"
|
|
43
50
|
},
|
|
44
51
|
"5xl": {
|
|
45
52
|
"size": "3.75rem",
|
|
46
53
|
"lineHeight": "4.25rem",
|
|
47
|
-
"weight": 800
|
|
54
|
+
"weight": 800,
|
|
55
|
+
"letterSpacing": "0em"
|
|
48
56
|
},
|
|
49
57
|
"6xl": {
|
|
50
58
|
"size": "4.5rem",
|
|
51
59
|
"lineHeight": "5rem",
|
|
52
|
-
"weight": 900
|
|
60
|
+
"weight": 900,
|
|
61
|
+
"letterSpacing": "0em"
|
|
53
62
|
}
|
|
54
63
|
},
|
|
55
64
|
"typography": {
|
|
@@ -68,47 +77,56 @@
|
|
|
68
77
|
"sm": {
|
|
69
78
|
"fontSize": "0.875rem",
|
|
70
79
|
"lineHeight": "1.5rem",
|
|
71
|
-
"fontWeight": 400
|
|
80
|
+
"fontWeight": 400,
|
|
81
|
+
"letterSpacing": "0em"
|
|
72
82
|
},
|
|
73
83
|
"md": {
|
|
74
84
|
"fontSize": "1rem",
|
|
75
85
|
"lineHeight": "1.75rem",
|
|
76
|
-
"fontWeight": 500
|
|
86
|
+
"fontWeight": 500,
|
|
87
|
+
"letterSpacing": "0em"
|
|
77
88
|
},
|
|
78
89
|
"lg": {
|
|
79
90
|
"fontSize": "1.25rem",
|
|
80
91
|
"lineHeight": "2rem",
|
|
81
|
-
"fontWeight": 600
|
|
92
|
+
"fontWeight": 600,
|
|
93
|
+
"letterSpacing": "0em"
|
|
82
94
|
},
|
|
83
95
|
"xl": {
|
|
84
96
|
"fontSize": "1.5rem",
|
|
85
97
|
"lineHeight": "2.125rem",
|
|
86
|
-
"fontWeight": 600
|
|
98
|
+
"fontWeight": 600,
|
|
99
|
+
"letterSpacing": "0em"
|
|
87
100
|
},
|
|
88
101
|
"2xl": {
|
|
89
102
|
"fontSize": "1.875rem",
|
|
90
103
|
"lineHeight": "2.5rem",
|
|
91
|
-
"fontWeight": 700
|
|
104
|
+
"fontWeight": 700,
|
|
105
|
+
"letterSpacing": "0em"
|
|
92
106
|
},
|
|
93
107
|
"3xl": {
|
|
94
108
|
"fontSize": "2.25rem",
|
|
95
109
|
"lineHeight": "2.75rem",
|
|
96
|
-
"fontWeight": 700
|
|
110
|
+
"fontWeight": 700,
|
|
111
|
+
"letterSpacing": "0em"
|
|
97
112
|
},
|
|
98
113
|
"4xl": {
|
|
99
114
|
"fontSize": "3rem",
|
|
100
115
|
"lineHeight": "3.5rem",
|
|
101
|
-
"fontWeight": 800
|
|
116
|
+
"fontWeight": 800,
|
|
117
|
+
"letterSpacing": "0em"
|
|
102
118
|
},
|
|
103
119
|
"5xl": {
|
|
104
120
|
"fontSize": "3.75rem",
|
|
105
121
|
"lineHeight": "4.25rem",
|
|
106
|
-
"fontWeight": 800
|
|
122
|
+
"fontWeight": 800,
|
|
123
|
+
"letterSpacing": "0em"
|
|
107
124
|
},
|
|
108
125
|
"6xl": {
|
|
109
126
|
"fontSize": "4.5rem",
|
|
110
127
|
"lineHeight": "5rem",
|
|
111
|
-
"fontWeight": 900
|
|
128
|
+
"fontWeight": 900,
|
|
129
|
+
"letterSpacing": "0em"
|
|
112
130
|
}
|
|
113
131
|
}
|
|
114
132
|
}
|