@runcontext/uxd 0.5.2
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/dist/css/index.css +672 -0
- package/dist/css/tokens.css +66 -0
- package/dist/react/index.d.ts +82 -0
- package/dist/react/index.js +167 -0
- package/dist/tailwind/index.d.ts +49 -0
- package/dist/tailwind/index.js +151 -0
- package/dist/tokens/index.d.ts +91 -0
- package/dist/tokens/index.js +101 -0
- package/package.json +55 -0
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
// src/tokens/colors.ts
|
|
2
|
+
var colors = {
|
|
3
|
+
brand: {
|
|
4
|
+
gold: "#c9a55a",
|
|
5
|
+
goldLight: "#f5e6c0",
|
|
6
|
+
goldDim: "#1a1508"
|
|
7
|
+
},
|
|
8
|
+
surface: {
|
|
9
|
+
bg: "#0a0908",
|
|
10
|
+
card: "#121110",
|
|
11
|
+
cardHover: "#1e1c18"
|
|
12
|
+
},
|
|
13
|
+
border: {
|
|
14
|
+
default: "#36342e",
|
|
15
|
+
hover: "#6a675e"
|
|
16
|
+
},
|
|
17
|
+
text: {
|
|
18
|
+
primary: "#e8e6e1",
|
|
19
|
+
secondary: "#9a978e",
|
|
20
|
+
muted: "#6a675e"
|
|
21
|
+
},
|
|
22
|
+
tier: {
|
|
23
|
+
gold: "#c9a55a",
|
|
24
|
+
silver: "#a0a8b8",
|
|
25
|
+
bronze: "#b87a4a"
|
|
26
|
+
},
|
|
27
|
+
status: {
|
|
28
|
+
success: "#22c55e",
|
|
29
|
+
error: "#ef4444",
|
|
30
|
+
warning: "#eab308",
|
|
31
|
+
info: "#4f9eff"
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
// src/tokens/typography.ts
|
|
36
|
+
var typography = {
|
|
37
|
+
fontFamily: {
|
|
38
|
+
sans: "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
|
|
39
|
+
mono: "'Geist Mono', 'SF Mono', Consolas, 'Liberation Mono', monospace"
|
|
40
|
+
},
|
|
41
|
+
fontSize: {
|
|
42
|
+
xs: "0.75rem",
|
|
43
|
+
sm: "0.875rem",
|
|
44
|
+
base: "1rem",
|
|
45
|
+
lg: "1.125rem",
|
|
46
|
+
xl: "1.25rem",
|
|
47
|
+
"2xl": "1.5rem",
|
|
48
|
+
"3xl": "2rem"
|
|
49
|
+
},
|
|
50
|
+
fontWeight: {
|
|
51
|
+
normal: 400,
|
|
52
|
+
medium: 500,
|
|
53
|
+
semibold: 600,
|
|
54
|
+
bold: 700
|
|
55
|
+
},
|
|
56
|
+
lineHeight: {
|
|
57
|
+
tight: 1.25,
|
|
58
|
+
normal: 1.5,
|
|
59
|
+
relaxed: 1.75
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
// src/tokens/spacing.ts
|
|
64
|
+
var spacing = {
|
|
65
|
+
0: "0rem",
|
|
66
|
+
0.5: "0.125rem",
|
|
67
|
+
1: "0.25rem",
|
|
68
|
+
1.5: "0.375rem",
|
|
69
|
+
2: "0.5rem",
|
|
70
|
+
3: "0.75rem",
|
|
71
|
+
4: "1rem",
|
|
72
|
+
5: "1.25rem",
|
|
73
|
+
6: "1.5rem",
|
|
74
|
+
8: "2rem",
|
|
75
|
+
10: "2.5rem",
|
|
76
|
+
12: "3rem",
|
|
77
|
+
16: "4rem"
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
// src/tokens/radii.ts
|
|
81
|
+
var radii = {
|
|
82
|
+
none: "0",
|
|
83
|
+
sm: "4px",
|
|
84
|
+
md: "8px",
|
|
85
|
+
lg: "12px",
|
|
86
|
+
full: "9999px"
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
// src/tokens/shadows.ts
|
|
90
|
+
var shadows = {
|
|
91
|
+
sm: "0 1px 2px rgba(0, 0, 0, 0.3)",
|
|
92
|
+
md: "0 2px 8px rgba(0, 0, 0, 0.4)",
|
|
93
|
+
lg: "0 4px 16px rgba(0, 0, 0, 0.5)"
|
|
94
|
+
};
|
|
95
|
+
export {
|
|
96
|
+
colors,
|
|
97
|
+
radii,
|
|
98
|
+
shadows,
|
|
99
|
+
spacing,
|
|
100
|
+
typography
|
|
101
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@runcontext/uxd",
|
|
3
|
+
"version": "0.5.2",
|
|
4
|
+
"private": false,
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./dist/tokens/index.js",
|
|
10
|
+
"types": "./dist/tokens/index.d.ts"
|
|
11
|
+
},
|
|
12
|
+
"./css": "./dist/css/index.css",
|
|
13
|
+
"./css/tokens": "./dist/css/tokens.css",
|
|
14
|
+
"./tailwind": {
|
|
15
|
+
"import": "./dist/tailwind/index.js",
|
|
16
|
+
"types": "./dist/tailwind/index.d.ts"
|
|
17
|
+
},
|
|
18
|
+
"./react": {
|
|
19
|
+
"import": "./dist/react/index.js",
|
|
20
|
+
"types": "./dist/react/index.d.ts"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "pnpm build:tokens && pnpm build:css && pnpm build:ts",
|
|
25
|
+
"build:tokens": "tsx scripts/generate-css.ts",
|
|
26
|
+
"build:css": "cat src/css/tokens.css src/css/components.css src/css/utilities.css > dist/css/index.css && cp src/css/tokens.css dist/css/tokens.css",
|
|
27
|
+
"build:ts": "tsup",
|
|
28
|
+
"clean": "rm -rf dist",
|
|
29
|
+
"dev": "tsup --watch",
|
|
30
|
+
"test": "vitest run"
|
|
31
|
+
},
|
|
32
|
+
"devDependencies": {
|
|
33
|
+
"@types/node": "^22.0.0",
|
|
34
|
+
"@types/react": "^19.0.0",
|
|
35
|
+
"@types/react-dom": "^19.0.0",
|
|
36
|
+
"react": "^19.0.0",
|
|
37
|
+
"react-dom": "^19.0.0",
|
|
38
|
+
"tsup": "^8.0.0",
|
|
39
|
+
"tsx": "^4.0.0",
|
|
40
|
+
"typescript": "^5.7.0",
|
|
41
|
+
"vitest": "^3.0.0"
|
|
42
|
+
},
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
45
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
46
|
+
},
|
|
47
|
+
"peerDependenciesMeta": {
|
|
48
|
+
"react": {
|
|
49
|
+
"optional": true
|
|
50
|
+
},
|
|
51
|
+
"react-dom": {
|
|
52
|
+
"optional": true
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|