@lemmo-lab/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 +109 -0
- package/dist/css/themes/index.css +6 -0
- package/dist/css/themes/light.css +117 -0
- package/dist/css/themes/midnight.css +117 -0
- package/dist/css/themes/neon.css +117 -0
- package/dist/css/variables.css +411 -0
- package/dist/js/tokens.d.ts +21 -0
- package/dist/js/tokens.js +872 -0
- package/dist/tailwind/preset.js +38 -0
- package/package.json +48 -0
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @lemmo-lab/tokens - Tailwind CSS Preset
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
theme: {
|
|
7
|
+
extend: {
|
|
8
|
+
colors: {
|
|
9
|
+
page: {
|
|
10
|
+
primary: 'var(--lemu-page-background, var(--lemmo-page-background))',
|
|
11
|
+
foreground: 'var(--lemu-page-foreground, var(--lemmo-page-foreground))',
|
|
12
|
+
},
|
|
13
|
+
surface: {
|
|
14
|
+
primary: 'var(--lemu-surface-primary-background, var(--lemmo-surface-primary-background))',
|
|
15
|
+
secondary: 'var(--lemu-surface-secondary-background, var(--lemmo-surface-secondary-background))',
|
|
16
|
+
tertiary: 'var(--lemu-surface-tertiary-background, var(--lemmo-surface-tertiary-background))',
|
|
17
|
+
elevated: 'var(--lemu-surface-elevated-background, var(--lemmo-surface-elevated-background))',
|
|
18
|
+
brand: 'var(--lemu-surface-brand-background, var(--lemmo-surface-brand-background))',
|
|
19
|
+
},
|
|
20
|
+
brand: {
|
|
21
|
+
lime: '#d1fe17',
|
|
22
|
+
pink: '#ff005b',
|
|
23
|
+
blue: '#0256fe',
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
borderRadius: {
|
|
27
|
+
control: 'var(--lemu-radius-control, var(--lemmo-radius-control))',
|
|
28
|
+
card: 'var(--lemu-radius-card, var(--lemmo-radius-card))',
|
|
29
|
+
badge: 'var(--lemu-radius-badge, var(--lemmo-radius-badge))',
|
|
30
|
+
},
|
|
31
|
+
fontFamily: {
|
|
32
|
+
body: ['var(--lemu-font-body, var(--lemmo-font-body))', 'sans-serif'],
|
|
33
|
+
heading: ['var(--lemu-font-heading, var(--lemmo-font-heading))', 'sans-serif'],
|
|
34
|
+
numeric: ['var(--lemu-font-numeric, var(--lemmo-font-numeric))', 'sans-serif'],
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lemmo-lab/tokens",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "Single source of truth design tokens for Lemmo products",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/js/tokens.js",
|
|
7
|
+
"module": "./dist/js/tokens.js",
|
|
8
|
+
"types": "./dist/js/tokens.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/js/tokens.d.ts",
|
|
12
|
+
"import": "./dist/js/tokens.js",
|
|
13
|
+
"default": "./dist/js/tokens.js"
|
|
14
|
+
},
|
|
15
|
+
"./css": "./dist/css/variables.css",
|
|
16
|
+
"./css/variables.css": "./dist/css/variables.css",
|
|
17
|
+
"./css/themes": "./dist/css/themes/index.css",
|
|
18
|
+
"./css/themes/*": "./dist/css/themes/*",
|
|
19
|
+
"./css/themes/light.css": "./dist/css/themes/light.css",
|
|
20
|
+
"./css/themes/neon.css": "./dist/css/themes/neon.css",
|
|
21
|
+
"./css/themes/midnight.css": "./dist/css/themes/midnight.css",
|
|
22
|
+
"./js": {
|
|
23
|
+
"types": "./dist/js/tokens.d.ts",
|
|
24
|
+
"import": "./dist/js/tokens.js",
|
|
25
|
+
"default": "./dist/js/tokens.js"
|
|
26
|
+
},
|
|
27
|
+
"./tailwind": "./dist/tailwind/preset.js"
|
|
28
|
+
},
|
|
29
|
+
"files": [
|
|
30
|
+
"dist"
|
|
31
|
+
],
|
|
32
|
+
"keywords": [
|
|
33
|
+
"design-tokens",
|
|
34
|
+
"lemmo",
|
|
35
|
+
"theme",
|
|
36
|
+
"dtcg",
|
|
37
|
+
"style-dictionary"
|
|
38
|
+
],
|
|
39
|
+
"publishConfig": {
|
|
40
|
+
"access": "public"
|
|
41
|
+
},
|
|
42
|
+
"repository": {
|
|
43
|
+
"type": "git",
|
|
44
|
+
"url": "git+https://github.com/lemmo-lab/tokens.git"
|
|
45
|
+
},
|
|
46
|
+
"homepage": "https://github.com/lemmo-lab/tokens#readme",
|
|
47
|
+
"license": "MIT"
|
|
48
|
+
}
|