@refineui/tokens 1.0.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 +80 -0
- package/dist/css-variables.css +672 -0
- package/dist/index.d.mts +1049 -0
- package/dist/index.d.ts +1049 -0
- package/dist/index.js +978 -0
- package/dist/index.mjs +921 -0
- package/dist/refineui-typography.css +111 -0
- package/dist/spec/component-sizes.json +485 -0
- package/dist/spec/focus.json +20 -0
- package/dist/spec/foundation.json +90 -0
- package/dist/spec/index.json +25 -0
- package/dist/spec/motion.json +78 -0
- package/dist/spec/semantic-colors.json +1256 -0
- package/dist/spec/semantic-text.json +173 -0
- package/dist/spec/token-graph.json +1194 -0
- package/dist/spec/trace-index.json +830 -0
- package/dist/spec/trace-v2.json +973 -0
- package/dist/tailwind-theme.css +348 -0
- package/package.json +50 -0
- package/tailwind.css +4 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": 1,
|
|
3
|
+
"generatedAt": "2026-09-08T10:52:31.434Z",
|
|
4
|
+
"files": {
|
|
5
|
+
"foundation": "./foundation.json",
|
|
6
|
+
"semanticColors": "./semantic-colors.json",
|
|
7
|
+
"semanticText": "./semantic-text.json",
|
|
8
|
+
"motion": "./motion.json",
|
|
9
|
+
"componentSizes": "./component-sizes.json",
|
|
10
|
+
"focus": "./focus.json",
|
|
11
|
+
"traceV2": "./trace-v2.json",
|
|
12
|
+
"tokenGraph": "./token-graph.json"
|
|
13
|
+
},
|
|
14
|
+
"architecture": {
|
|
15
|
+
"layers": [
|
|
16
|
+
"foundation",
|
|
17
|
+
"semantic",
|
|
18
|
+
"componentTokens",
|
|
19
|
+
"recipe",
|
|
20
|
+
"component",
|
|
21
|
+
"stateInteraction"
|
|
22
|
+
],
|
|
23
|
+
"dependencyDirection": "foundation → semantic → componentTokens → recipe → component"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": 1,
|
|
3
|
+
"foundation": {
|
|
4
|
+
"duration": {
|
|
5
|
+
"duration0": "0ms",
|
|
6
|
+
"duration150": "150ms",
|
|
7
|
+
"duration180": "180ms",
|
|
8
|
+
"duration200": "200ms",
|
|
9
|
+
"duration240": "240ms",
|
|
10
|
+
"duration260": "260ms",
|
|
11
|
+
"duration280": "280ms",
|
|
12
|
+
"duration320": "320ms",
|
|
13
|
+
"duration380": "380ms",
|
|
14
|
+
"duration800": "800ms",
|
|
15
|
+
"duration1500": "1500ms"
|
|
16
|
+
},
|
|
17
|
+
"easing": {
|
|
18
|
+
"easingStandard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
19
|
+
"easingEmphasized": "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
20
|
+
"easingPanel": "cubic-bezier(0.32, 0.72, 0, 1)",
|
|
21
|
+
"easingContent": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
22
|
+
"easingLinear": "linear",
|
|
23
|
+
"easingEaseOut": "ease-out",
|
|
24
|
+
"easingEaseInOut": "ease-in-out"
|
|
25
|
+
},
|
|
26
|
+
"scale": {
|
|
27
|
+
"scale96": "0.96",
|
|
28
|
+
"scale98": "0.98",
|
|
29
|
+
"scale115": "1.15"
|
|
30
|
+
},
|
|
31
|
+
"distance": {
|
|
32
|
+
"distance4": "4px"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
"semantic": {
|
|
36
|
+
"duration": {
|
|
37
|
+
"instant": "0ms",
|
|
38
|
+
"fast": "150ms",
|
|
39
|
+
"normal": "180ms",
|
|
40
|
+
"medium": "200ms",
|
|
41
|
+
"slow": "240ms",
|
|
42
|
+
"overlay": "280ms",
|
|
43
|
+
"panel": "320ms",
|
|
44
|
+
"accordionPanel": "380ms",
|
|
45
|
+
"accordionContent": "260ms",
|
|
46
|
+
"toastEnter": "280ms",
|
|
47
|
+
"toastLeave": "200ms",
|
|
48
|
+
"skeleton": "1500ms",
|
|
49
|
+
"spinner": "800ms"
|
|
50
|
+
},
|
|
51
|
+
"easing": {
|
|
52
|
+
"standard": "cubic-bezier(0.2, 0, 0, 1)",
|
|
53
|
+
"emphasized": "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
54
|
+
"panel": "cubic-bezier(0.32, 0.72, 0, 1)",
|
|
55
|
+
"content": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
56
|
+
"linear": "linear",
|
|
57
|
+
"easeOut": "ease-out",
|
|
58
|
+
"easeInOut": "ease-in-out"
|
|
59
|
+
},
|
|
60
|
+
"scale": {
|
|
61
|
+
"enter": "0.96",
|
|
62
|
+
"press": "0.98",
|
|
63
|
+
"hoverGrow": "1.15",
|
|
64
|
+
"dialogEnter": "0.96",
|
|
65
|
+
"buttonActive": "0.98",
|
|
66
|
+
"sliderThumbHover": "1.15"
|
|
67
|
+
},
|
|
68
|
+
"distance": {
|
|
69
|
+
"float": "4px"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"accessibility": {
|
|
73
|
+
"reducedMotion": {
|
|
74
|
+
"mediaQuery": "(prefers-reduced-motion: reduce)",
|
|
75
|
+
"contract": "Motion duration roles collapse to instant; scale roles resolve to 1."
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|