@santi020k/lumen-core 0.1.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/LICENSE +21 -0
- package/README.md +62 -0
- package/THIRD_PARTY_NOTICES.md +66 -0
- package/dist/code.d.ts +18 -0
- package/dist/code.d.ts.map +1 -0
- package/dist/code.js +136 -0
- package/dist/components.d.ts +29 -0
- package/dist/components.d.ts.map +1 -0
- package/dist/components.js +132 -0
- package/dist/data.d.ts +58 -0
- package/dist/data.d.ts.map +1 -0
- package/dist/data.js +144 -0
- package/dist/figma.d.ts +54 -0
- package/dist/figma.d.ts.map +1 -0
- package/dist/figma.js +192 -0
- package/dist/icons.d.ts +13 -0
- package/dist/icons.d.ts.map +1 -0
- package/dist/icons.js +61 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11 -0
- package/dist/props.d.ts +10 -0
- package/dist/props.d.ts.map +1 -0
- package/dist/props.js +5 -0
- package/dist/rich-text.d.ts +21 -0
- package/dist/rich-text.d.ts.map +1 -0
- package/dist/rich-text.js +30 -0
- package/dist/schedule.d.ts +49 -0
- package/dist/schedule.d.ts.map +1 -0
- package/dist/schedule.js +98 -0
- package/dist/theme-builder.d.ts +32 -0
- package/dist/theme-builder.d.ts.map +1 -0
- package/dist/theme-builder.js +97 -0
- package/dist/theme.d.ts +53 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +328 -0
- package/dist/tokens.d.ts +55 -0
- package/dist/tokens.d.ts.map +1 -0
- package/dist/tokens.js +54 -0
- package/package.json +97 -0
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export declare const lumenThemeAttribute = "data-theme";
|
|
2
|
+
export declare const lumenDarkTheme = "dark";
|
|
3
|
+
export declare const lumenLightTheme = "light";
|
|
4
|
+
export declare const lumenColors: {
|
|
5
|
+
readonly accent: "264 95% 57%";
|
|
6
|
+
readonly brand: "264 92% 47%";
|
|
7
|
+
readonly brandSoft: "264 60% 94%";
|
|
8
|
+
readonly brandSolid: "264 92% 42%";
|
|
9
|
+
readonly canvas: "268 20% 98%";
|
|
10
|
+
readonly danger: "0 84% 60%";
|
|
11
|
+
readonly ink: "268 10% 20%";
|
|
12
|
+
readonly inkMuted: "268 6% 28%";
|
|
13
|
+
readonly inkSoft: "268 8% 36%";
|
|
14
|
+
readonly line: "268 15% 84%";
|
|
15
|
+
readonly success: "142 76% 36%";
|
|
16
|
+
readonly surface: "268 20% 100%";
|
|
17
|
+
readonly surfaceMuted: "268 20% 96%";
|
|
18
|
+
readonly surfaceStrong: "268 15% 90%";
|
|
19
|
+
readonly warning: "38 92% 50%";
|
|
20
|
+
};
|
|
21
|
+
export declare const lumenGlass: {
|
|
22
|
+
readonly bg: "0 0% 100% / 0.55";
|
|
23
|
+
readonly bgStrong: "0 0% 100% / 0.72";
|
|
24
|
+
readonly bgSubtle: "0 0% 100% / 0.38";
|
|
25
|
+
readonly blur: "22px";
|
|
26
|
+
readonly border: "220 30% 100% / 0.55";
|
|
27
|
+
readonly brightness: "1.05";
|
|
28
|
+
readonly edge: "0 0% 100% / 0.9";
|
|
29
|
+
readonly edgeSoft: "0 0% 100% / 0.34";
|
|
30
|
+
readonly highlight: "0 0% 100% / 0.85";
|
|
31
|
+
readonly refraction: "221 83% 53% / 0.08";
|
|
32
|
+
readonly saturate: "1.7";
|
|
33
|
+
readonly shade: "222 47% 11% / 0.07";
|
|
34
|
+
readonly shadow: "0 1px 2px hsl(222 47% 11% / 0.08), 0 12px 32px hsl(222 47% 11% / 0.12), 0 32px 80px hsl(222 47% 11% / 0.14)";
|
|
35
|
+
};
|
|
36
|
+
export declare const lumenRadius: {
|
|
37
|
+
readonly base: "0.625rem";
|
|
38
|
+
readonly lg: "0.75rem";
|
|
39
|
+
readonly sm: "0.375rem";
|
|
40
|
+
};
|
|
41
|
+
export declare const lumenShadow: {
|
|
42
|
+
readonly lg: "0 24px 64px hsl(222 47% 11% / 0.14)";
|
|
43
|
+
readonly md: "0 8px 24px hsl(222 47% 11% / 0.08)";
|
|
44
|
+
readonly sm: "0 1px 2px hsl(222 47% 11% / 0.06)";
|
|
45
|
+
};
|
|
46
|
+
export declare const lumenFont: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
|
|
47
|
+
export declare const lumenMotion: {
|
|
48
|
+
readonly duration: "160ms";
|
|
49
|
+
readonly durationFast: "120ms";
|
|
50
|
+
readonly durationSlow: "300ms";
|
|
51
|
+
readonly ease: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
52
|
+
readonly easeEmphasized: "cubic-bezier(0.22, 1, 0.36, 1)";
|
|
53
|
+
};
|
|
54
|
+
export declare const composeClassName: (...classes: (boolean | null | string | undefined)[]) => string;
|
|
55
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,eAAe,CAAA;AAC/C,eAAO,MAAM,cAAc,SAAS,CAAA;AACpC,eAAO,MAAM,eAAe,UAAU,CAAA;AAEtC,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAgBd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,WAAW;;;;CAId,CAAA;AAEV,eAAO,MAAM,SAAS,EACpB,8FAAqG,CAAA;AAEvG,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA;AAEV,eAAO,MAAM,gBAAgB,GAAI,GAAG,SAAS,CAAC,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,WACjD,CAAA"}
|
package/dist/tokens.js
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
export const lumenThemeAttribute = 'data-theme';
|
|
2
|
+
export const lumenDarkTheme = 'dark';
|
|
3
|
+
export const lumenLightTheme = 'light';
|
|
4
|
+
export const lumenColors = {
|
|
5
|
+
accent: '264 95% 57%',
|
|
6
|
+
brand: '264 92% 47%',
|
|
7
|
+
brandSoft: '264 60% 94%',
|
|
8
|
+
brandSolid: '264 92% 42%',
|
|
9
|
+
canvas: '268 20% 98%',
|
|
10
|
+
danger: '0 84% 60%',
|
|
11
|
+
ink: '268 10% 20%',
|
|
12
|
+
inkMuted: '268 6% 28%',
|
|
13
|
+
inkSoft: '268 8% 36%',
|
|
14
|
+
line: '268 15% 84%',
|
|
15
|
+
success: '142 76% 36%',
|
|
16
|
+
surface: '268 20% 100%',
|
|
17
|
+
surfaceMuted: '268 20% 96%',
|
|
18
|
+
surfaceStrong: '268 15% 90%',
|
|
19
|
+
warning: '38 92% 50%'
|
|
20
|
+
};
|
|
21
|
+
export const lumenGlass = {
|
|
22
|
+
bg: '0 0% 100% / 0.55',
|
|
23
|
+
bgStrong: '0 0% 100% / 0.72',
|
|
24
|
+
bgSubtle: '0 0% 100% / 0.38',
|
|
25
|
+
blur: '22px',
|
|
26
|
+
border: '220 30% 100% / 0.55',
|
|
27
|
+
brightness: '1.05',
|
|
28
|
+
edge: '0 0% 100% / 0.9',
|
|
29
|
+
edgeSoft: '0 0% 100% / 0.34',
|
|
30
|
+
highlight: '0 0% 100% / 0.85',
|
|
31
|
+
refraction: '221 83% 53% / 0.08',
|
|
32
|
+
saturate: '1.7',
|
|
33
|
+
shade: '222 47% 11% / 0.07',
|
|
34
|
+
shadow: '0 1px 2px hsl(222 47% 11% / 0.08), 0 12px 32px hsl(222 47% 11% / 0.12), 0 32px 80px hsl(222 47% 11% / 0.14)'
|
|
35
|
+
};
|
|
36
|
+
export const lumenRadius = {
|
|
37
|
+
base: '0.625rem',
|
|
38
|
+
lg: '0.75rem',
|
|
39
|
+
sm: '0.375rem'
|
|
40
|
+
};
|
|
41
|
+
export const lumenShadow = {
|
|
42
|
+
lg: '0 24px 64px hsl(222 47% 11% / 0.14)',
|
|
43
|
+
md: '0 8px 24px hsl(222 47% 11% / 0.08)',
|
|
44
|
+
sm: '0 1px 2px hsl(222 47% 11% / 0.06)'
|
|
45
|
+
};
|
|
46
|
+
export const lumenFont = 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
|
|
47
|
+
export const lumenMotion = {
|
|
48
|
+
duration: '160ms',
|
|
49
|
+
durationFast: '120ms',
|
|
50
|
+
durationSlow: '300ms',
|
|
51
|
+
ease: 'cubic-bezier(0.32, 0.72, 0, 1)',
|
|
52
|
+
easeEmphasized: 'cubic-bezier(0.22, 1, 0.36, 1)'
|
|
53
|
+
};
|
|
54
|
+
export const composeClassName = (...classes) => classes.filter(Boolean).join(' ');
|
package/package.json
ADDED
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@santi020k/lumen-core",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"description": "Shared tokens, metadata, and behavior helpers for Lumen UI packages.",
|
|
8
|
+
"type": "module",
|
|
9
|
+
"sideEffects": false,
|
|
10
|
+
"main": "./dist/index.js",
|
|
11
|
+
"module": "./dist/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"import": "./dist/index.js"
|
|
17
|
+
},
|
|
18
|
+
"./tokens": {
|
|
19
|
+
"types": "./dist/tokens.d.ts",
|
|
20
|
+
"import": "./dist/tokens.js"
|
|
21
|
+
},
|
|
22
|
+
"./components": {
|
|
23
|
+
"types": "./dist/components.d.ts",
|
|
24
|
+
"import": "./dist/components.js"
|
|
25
|
+
},
|
|
26
|
+
"./code": {
|
|
27
|
+
"types": "./dist/code.d.ts",
|
|
28
|
+
"import": "./dist/code.js"
|
|
29
|
+
},
|
|
30
|
+
"./data": {
|
|
31
|
+
"types": "./dist/data.d.ts",
|
|
32
|
+
"import": "./dist/data.js"
|
|
33
|
+
},
|
|
34
|
+
"./figma": {
|
|
35
|
+
"types": "./dist/figma.d.ts",
|
|
36
|
+
"import": "./dist/figma.js"
|
|
37
|
+
},
|
|
38
|
+
"./icons": {
|
|
39
|
+
"types": "./dist/icons.d.ts",
|
|
40
|
+
"import": "./dist/icons.js"
|
|
41
|
+
},
|
|
42
|
+
"./rich-text": {
|
|
43
|
+
"types": "./dist/rich-text.d.ts",
|
|
44
|
+
"import": "./dist/rich-text.js"
|
|
45
|
+
},
|
|
46
|
+
"./schedule": {
|
|
47
|
+
"types": "./dist/schedule.d.ts",
|
|
48
|
+
"import": "./dist/schedule.js"
|
|
49
|
+
},
|
|
50
|
+
"./theme": {
|
|
51
|
+
"types": "./dist/theme.d.ts",
|
|
52
|
+
"import": "./dist/theme.js"
|
|
53
|
+
},
|
|
54
|
+
"./package.json": "./package.json"
|
|
55
|
+
},
|
|
56
|
+
"files": [
|
|
57
|
+
"dist",
|
|
58
|
+
"README.md",
|
|
59
|
+
"LICENSE",
|
|
60
|
+
"THIRD_PARTY_NOTICES.md"
|
|
61
|
+
],
|
|
62
|
+
"dependencies": {
|
|
63
|
+
"@lucide/icons": "^1.26.0"
|
|
64
|
+
},
|
|
65
|
+
"devDependencies": {
|
|
66
|
+
"@vitest/coverage-v8": "^4.1.10",
|
|
67
|
+
"typescript": "^6.0.3",
|
|
68
|
+
"vitest": "^4.1.10"
|
|
69
|
+
},
|
|
70
|
+
"engines": {
|
|
71
|
+
"node": ">=22.18.0"
|
|
72
|
+
},
|
|
73
|
+
"repository": {
|
|
74
|
+
"type": "git",
|
|
75
|
+
"url": "https://github.com/santi020k/lumen.git",
|
|
76
|
+
"directory": "packages/core"
|
|
77
|
+
},
|
|
78
|
+
"homepage": "https://lumen.santi020k.com",
|
|
79
|
+
"bugs": {
|
|
80
|
+
"url": "https://github.com/santi020k/lumen/issues"
|
|
81
|
+
},
|
|
82
|
+
"author": {
|
|
83
|
+
"name": "Santiago Molina",
|
|
84
|
+
"url": "https://santi020k.com"
|
|
85
|
+
},
|
|
86
|
+
"license": "MIT",
|
|
87
|
+
"scripts": {
|
|
88
|
+
"build": "tsc -p tsconfig.build.json",
|
|
89
|
+
"dev": "tsc -p tsconfig.build.json --watch --preserveWatchOutput",
|
|
90
|
+
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
91
|
+
"test": "vitest run --config ../../vitest.config.ts --project core",
|
|
92
|
+
"test:coverage": "vitest run --config ../../vitest.config.ts --project core --coverage",
|
|
93
|
+
"lint": "eslint . --no-warn-ignored",
|
|
94
|
+
"lint:fix": "eslint . --fix --no-warn-ignored",
|
|
95
|
+
"clean": "rm -rf dist coverage"
|
|
96
|
+
}
|
|
97
|
+
}
|