@reformlab/ui-theme 0.1.0 → 0.2.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 +10 -17
- package/dist/preset.css +60 -0
- package/package.json +4 -14
- package/dist/chunk-PP53MAVS.js +0 -73
- package/dist/index.cjs +0 -100
- package/dist/index.d.cts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -10
- package/dist/preset.cjs +0 -98
- package/dist/preset.d.cts +0 -129
- package/dist/preset.d.ts +0 -129
- package/dist/preset.js +0 -10
package/README.md
CHANGED
|
@@ -8,32 +8,25 @@
|
|
|
8
8
|
npm install @reformlab/ui-theme
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
## 사용법
|
|
12
|
-
|
|
13
|
-
### 방법 1: CSS import (권장)
|
|
11
|
+
## 사용법 (Tailwind CSS v4)
|
|
14
12
|
|
|
15
13
|
`globals.css` 또는 메인 CSS 파일에 추가:
|
|
16
14
|
|
|
17
15
|
```css
|
|
18
|
-
@import "
|
|
16
|
+
@import "tailwindcss";
|
|
17
|
+
@import "@reformlab/ui-theme/preset";
|
|
19
18
|
```
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
이 한 줄로 개혁신당 테마의 모든 색상, 폰트, radius가 Tailwind 유틸리티 클래스로 사용 가능합니다.
|
|
21
|
+
(`bg-primary`, `text-foreground`, `rounded-lg` 등)
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
// tailwind.config.ts
|
|
25
|
-
import { reformTheme } from "@reformlab/ui-theme/preset";
|
|
26
|
-
|
|
27
|
-
export default {
|
|
28
|
-
theme: {
|
|
29
|
-
extend: reformTheme,
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
```
|
|
23
|
+
### CSS 변수만 사용
|
|
33
24
|
|
|
34
|
-
|
|
25
|
+
Tailwind 없이 CSS 변수만 필요한 경우:
|
|
35
26
|
|
|
36
|
-
|
|
27
|
+
```css
|
|
28
|
+
@import "@reformlab/ui-theme/theme.css";
|
|
29
|
+
```
|
|
37
30
|
|
|
38
31
|
## 테마 미리보기
|
|
39
32
|
|
package/dist/preset.css
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* @reformlab/ui-theme - Tailwind CSS v4 Preset
|
|
3
|
+
*
|
|
4
|
+
* Usage:
|
|
5
|
+
* @import "tailwindcss";
|
|
6
|
+
* @import "@reformlab/ui-theme/preset";
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
@theme {
|
|
10
|
+
--color-background: hsl(var(--background));
|
|
11
|
+
--color-foreground: hsl(var(--foreground));
|
|
12
|
+
|
|
13
|
+
--color-card: hsl(var(--card));
|
|
14
|
+
--color-card-foreground: hsl(var(--card-foreground));
|
|
15
|
+
|
|
16
|
+
--color-popover: hsl(var(--popover));
|
|
17
|
+
--color-popover-foreground: hsl(var(--popover-foreground));
|
|
18
|
+
|
|
19
|
+
--color-primary: hsl(var(--primary));
|
|
20
|
+
--color-primary-foreground: hsl(var(--primary-foreground));
|
|
21
|
+
|
|
22
|
+
--color-secondary: hsl(var(--secondary));
|
|
23
|
+
--color-secondary-foreground: hsl(var(--secondary-foreground));
|
|
24
|
+
|
|
25
|
+
--color-muted: hsl(var(--muted));
|
|
26
|
+
--color-muted-foreground: hsl(var(--muted-foreground));
|
|
27
|
+
|
|
28
|
+
--color-accent: hsl(var(--accent));
|
|
29
|
+
--color-accent-foreground: hsl(var(--accent-foreground));
|
|
30
|
+
|
|
31
|
+
--color-destructive: hsl(var(--destructive));
|
|
32
|
+
--color-destructive-foreground: hsl(var(--destructive-foreground));
|
|
33
|
+
|
|
34
|
+
--color-border: hsl(var(--border));
|
|
35
|
+
--color-input: hsl(var(--input));
|
|
36
|
+
--color-ring: hsl(var(--ring));
|
|
37
|
+
|
|
38
|
+
--color-chart-1: hsl(var(--chart-1));
|
|
39
|
+
--color-chart-2: hsl(var(--chart-2));
|
|
40
|
+
--color-chart-3: hsl(var(--chart-3));
|
|
41
|
+
--color-chart-4: hsl(var(--chart-4));
|
|
42
|
+
--color-chart-5: hsl(var(--chart-5));
|
|
43
|
+
|
|
44
|
+
--color-sidebar: hsl(var(--sidebar-background));
|
|
45
|
+
--color-sidebar-foreground: hsl(var(--sidebar-foreground));
|
|
46
|
+
--color-sidebar-primary: hsl(var(--sidebar-primary));
|
|
47
|
+
--color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
|
|
48
|
+
--color-sidebar-accent: hsl(var(--sidebar-accent));
|
|
49
|
+
--color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
|
|
50
|
+
--color-sidebar-border: hsl(var(--sidebar-border));
|
|
51
|
+
--color-sidebar-ring: hsl(var(--sidebar-ring));
|
|
52
|
+
|
|
53
|
+
--radius-lg: var(--radius);
|
|
54
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
55
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
56
|
+
|
|
57
|
+
--font-sans: "Noto Sans KR", system-ui, sans-serif;
|
|
58
|
+
--font-serif: "Noto Serif", serif;
|
|
59
|
+
--font-mono: "Fira Code", monospace;
|
|
60
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reformlab/ui-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "개혁신당 공식 shadcn/ui 테마 - CSS 변수 및 Tailwind CSS v4 프리셋",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"shadcn",
|
|
@@ -20,27 +20,17 @@
|
|
|
20
20
|
"author": "ReformLab",
|
|
21
21
|
"type": "module",
|
|
22
22
|
"exports": {
|
|
23
|
-
".":
|
|
24
|
-
"import": "./dist/index.js",
|
|
25
|
-
"require": "./dist/index.cjs"
|
|
26
|
-
},
|
|
23
|
+
".": "./dist/theme.css",
|
|
27
24
|
"./theme.css": "./dist/theme.css",
|
|
28
|
-
"./preset":
|
|
29
|
-
"import": "./dist/preset.js",
|
|
30
|
-
"require": "./dist/preset.cjs"
|
|
31
|
-
}
|
|
25
|
+
"./preset": "./dist/preset.css"
|
|
32
26
|
},
|
|
33
27
|
"files": [
|
|
34
28
|
"dist"
|
|
35
29
|
],
|
|
36
30
|
"scripts": {
|
|
37
|
-
"build": "
|
|
31
|
+
"build": "node build.js",
|
|
38
32
|
"prepublishOnly": "npm run build"
|
|
39
33
|
},
|
|
40
|
-
"devDependencies": {
|
|
41
|
-
"tsup": "^8.0.0",
|
|
42
|
-
"typescript": "^5.4.0"
|
|
43
|
-
},
|
|
44
34
|
"peerDependencies": {
|
|
45
35
|
"tailwindcss": ">=4.0.0"
|
|
46
36
|
},
|
package/dist/chunk-PP53MAVS.js
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
// src/preset.ts
|
|
2
|
-
var colors = {
|
|
3
|
-
background: "hsl(var(--background))",
|
|
4
|
-
foreground: "hsl(var(--foreground))",
|
|
5
|
-
card: {
|
|
6
|
-
DEFAULT: "hsl(var(--card))",
|
|
7
|
-
foreground: "hsl(var(--card-foreground))"
|
|
8
|
-
},
|
|
9
|
-
popover: {
|
|
10
|
-
DEFAULT: "hsl(var(--popover))",
|
|
11
|
-
foreground: "hsl(var(--popover-foreground))"
|
|
12
|
-
},
|
|
13
|
-
primary: {
|
|
14
|
-
DEFAULT: "hsl(var(--primary))",
|
|
15
|
-
foreground: "hsl(var(--primary-foreground))"
|
|
16
|
-
},
|
|
17
|
-
secondary: {
|
|
18
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
19
|
-
foreground: "hsl(var(--secondary-foreground))"
|
|
20
|
-
},
|
|
21
|
-
muted: {
|
|
22
|
-
DEFAULT: "hsl(var(--muted))",
|
|
23
|
-
foreground: "hsl(var(--muted-foreground))"
|
|
24
|
-
},
|
|
25
|
-
accent: {
|
|
26
|
-
DEFAULT: "hsl(var(--accent))",
|
|
27
|
-
foreground: "hsl(var(--accent-foreground))"
|
|
28
|
-
},
|
|
29
|
-
destructive: {
|
|
30
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
31
|
-
foreground: "hsl(var(--destructive-foreground))"
|
|
32
|
-
},
|
|
33
|
-
border: "hsl(var(--border))",
|
|
34
|
-
input: "hsl(var(--input))",
|
|
35
|
-
ring: "hsl(var(--ring))",
|
|
36
|
-
chart: {
|
|
37
|
-
"1": "hsl(var(--chart-1))",
|
|
38
|
-
"2": "hsl(var(--chart-2))",
|
|
39
|
-
"3": "hsl(var(--chart-3))",
|
|
40
|
-
"4": "hsl(var(--chart-4))",
|
|
41
|
-
"5": "hsl(var(--chart-5))"
|
|
42
|
-
},
|
|
43
|
-
sidebar: {
|
|
44
|
-
DEFAULT: "hsl(var(--sidebar-background))",
|
|
45
|
-
foreground: "hsl(var(--sidebar-foreground))",
|
|
46
|
-
primary: "hsl(var(--sidebar-primary))",
|
|
47
|
-
"primary-foreground": "hsl(var(--sidebar-primary-foreground))",
|
|
48
|
-
accent: "hsl(var(--sidebar-accent))",
|
|
49
|
-
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
|
|
50
|
-
border: "hsl(var(--sidebar-border))",
|
|
51
|
-
ring: "hsl(var(--sidebar-ring))"
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
var reformTheme = {
|
|
55
|
-
colors,
|
|
56
|
-
borderRadius: {
|
|
57
|
-
lg: "var(--radius)",
|
|
58
|
-
md: "calc(var(--radius) - 2px)",
|
|
59
|
-
sm: "calc(var(--radius) - 4px)"
|
|
60
|
-
},
|
|
61
|
-
fontFamily: {
|
|
62
|
-
sans: ['"Noto Sans KR"', "system-ui", "sans-serif"],
|
|
63
|
-
serif: ['"Noto Serif"', "serif"],
|
|
64
|
-
mono: ['"Fira Code"', "monospace"]
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
var preset_default = reformTheme;
|
|
68
|
-
|
|
69
|
-
export {
|
|
70
|
-
colors,
|
|
71
|
-
reformTheme,
|
|
72
|
-
preset_default
|
|
73
|
-
};
|
package/dist/index.cjs
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/index.ts
|
|
21
|
-
var src_exports = {};
|
|
22
|
-
__export(src_exports, {
|
|
23
|
-
colors: () => colors,
|
|
24
|
-
default: () => preset_default,
|
|
25
|
-
reformTheme: () => reformTheme
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(src_exports);
|
|
28
|
-
|
|
29
|
-
// src/preset.ts
|
|
30
|
-
var colors = {
|
|
31
|
-
background: "hsl(var(--background))",
|
|
32
|
-
foreground: "hsl(var(--foreground))",
|
|
33
|
-
card: {
|
|
34
|
-
DEFAULT: "hsl(var(--card))",
|
|
35
|
-
foreground: "hsl(var(--card-foreground))"
|
|
36
|
-
},
|
|
37
|
-
popover: {
|
|
38
|
-
DEFAULT: "hsl(var(--popover))",
|
|
39
|
-
foreground: "hsl(var(--popover-foreground))"
|
|
40
|
-
},
|
|
41
|
-
primary: {
|
|
42
|
-
DEFAULT: "hsl(var(--primary))",
|
|
43
|
-
foreground: "hsl(var(--primary-foreground))"
|
|
44
|
-
},
|
|
45
|
-
secondary: {
|
|
46
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
47
|
-
foreground: "hsl(var(--secondary-foreground))"
|
|
48
|
-
},
|
|
49
|
-
muted: {
|
|
50
|
-
DEFAULT: "hsl(var(--muted))",
|
|
51
|
-
foreground: "hsl(var(--muted-foreground))"
|
|
52
|
-
},
|
|
53
|
-
accent: {
|
|
54
|
-
DEFAULT: "hsl(var(--accent))",
|
|
55
|
-
foreground: "hsl(var(--accent-foreground))"
|
|
56
|
-
},
|
|
57
|
-
destructive: {
|
|
58
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
59
|
-
foreground: "hsl(var(--destructive-foreground))"
|
|
60
|
-
},
|
|
61
|
-
border: "hsl(var(--border))",
|
|
62
|
-
input: "hsl(var(--input))",
|
|
63
|
-
ring: "hsl(var(--ring))",
|
|
64
|
-
chart: {
|
|
65
|
-
"1": "hsl(var(--chart-1))",
|
|
66
|
-
"2": "hsl(var(--chart-2))",
|
|
67
|
-
"3": "hsl(var(--chart-3))",
|
|
68
|
-
"4": "hsl(var(--chart-4))",
|
|
69
|
-
"5": "hsl(var(--chart-5))"
|
|
70
|
-
},
|
|
71
|
-
sidebar: {
|
|
72
|
-
DEFAULT: "hsl(var(--sidebar-background))",
|
|
73
|
-
foreground: "hsl(var(--sidebar-foreground))",
|
|
74
|
-
primary: "hsl(var(--sidebar-primary))",
|
|
75
|
-
"primary-foreground": "hsl(var(--sidebar-primary-foreground))",
|
|
76
|
-
accent: "hsl(var(--sidebar-accent))",
|
|
77
|
-
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
|
|
78
|
-
border: "hsl(var(--sidebar-border))",
|
|
79
|
-
ring: "hsl(var(--sidebar-ring))"
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
var reformTheme = {
|
|
83
|
-
colors,
|
|
84
|
-
borderRadius: {
|
|
85
|
-
lg: "var(--radius)",
|
|
86
|
-
md: "calc(var(--radius) - 2px)",
|
|
87
|
-
sm: "calc(var(--radius) - 4px)"
|
|
88
|
-
},
|
|
89
|
-
fontFamily: {
|
|
90
|
-
sans: ['"Noto Sans KR"', "system-ui", "sans-serif"],
|
|
91
|
-
serif: ['"Noto Serif"', "serif"],
|
|
92
|
-
mono: ['"Fira Code"', "monospace"]
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
var preset_default = reformTheme;
|
|
96
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
97
|
-
0 && (module.exports = {
|
|
98
|
-
colors,
|
|
99
|
-
reformTheme
|
|
100
|
-
});
|
package/dist/index.d.cts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { colors, default, default as reformTheme } from './preset.cjs';
|
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { colors, default, default as reformTheme } from './preset.js';
|
package/dist/index.js
DELETED
package/dist/preset.cjs
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/preset.ts
|
|
21
|
-
var preset_exports = {};
|
|
22
|
-
__export(preset_exports, {
|
|
23
|
-
colors: () => colors,
|
|
24
|
-
default: () => preset_default,
|
|
25
|
-
reformTheme: () => reformTheme
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(preset_exports);
|
|
28
|
-
var colors = {
|
|
29
|
-
background: "hsl(var(--background))",
|
|
30
|
-
foreground: "hsl(var(--foreground))",
|
|
31
|
-
card: {
|
|
32
|
-
DEFAULT: "hsl(var(--card))",
|
|
33
|
-
foreground: "hsl(var(--card-foreground))"
|
|
34
|
-
},
|
|
35
|
-
popover: {
|
|
36
|
-
DEFAULT: "hsl(var(--popover))",
|
|
37
|
-
foreground: "hsl(var(--popover-foreground))"
|
|
38
|
-
},
|
|
39
|
-
primary: {
|
|
40
|
-
DEFAULT: "hsl(var(--primary))",
|
|
41
|
-
foreground: "hsl(var(--primary-foreground))"
|
|
42
|
-
},
|
|
43
|
-
secondary: {
|
|
44
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
45
|
-
foreground: "hsl(var(--secondary-foreground))"
|
|
46
|
-
},
|
|
47
|
-
muted: {
|
|
48
|
-
DEFAULT: "hsl(var(--muted))",
|
|
49
|
-
foreground: "hsl(var(--muted-foreground))"
|
|
50
|
-
},
|
|
51
|
-
accent: {
|
|
52
|
-
DEFAULT: "hsl(var(--accent))",
|
|
53
|
-
foreground: "hsl(var(--accent-foreground))"
|
|
54
|
-
},
|
|
55
|
-
destructive: {
|
|
56
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
57
|
-
foreground: "hsl(var(--destructive-foreground))"
|
|
58
|
-
},
|
|
59
|
-
border: "hsl(var(--border))",
|
|
60
|
-
input: "hsl(var(--input))",
|
|
61
|
-
ring: "hsl(var(--ring))",
|
|
62
|
-
chart: {
|
|
63
|
-
"1": "hsl(var(--chart-1))",
|
|
64
|
-
"2": "hsl(var(--chart-2))",
|
|
65
|
-
"3": "hsl(var(--chart-3))",
|
|
66
|
-
"4": "hsl(var(--chart-4))",
|
|
67
|
-
"5": "hsl(var(--chart-5))"
|
|
68
|
-
},
|
|
69
|
-
sidebar: {
|
|
70
|
-
DEFAULT: "hsl(var(--sidebar-background))",
|
|
71
|
-
foreground: "hsl(var(--sidebar-foreground))",
|
|
72
|
-
primary: "hsl(var(--sidebar-primary))",
|
|
73
|
-
"primary-foreground": "hsl(var(--sidebar-primary-foreground))",
|
|
74
|
-
accent: "hsl(var(--sidebar-accent))",
|
|
75
|
-
"accent-foreground": "hsl(var(--sidebar-accent-foreground))",
|
|
76
|
-
border: "hsl(var(--sidebar-border))",
|
|
77
|
-
ring: "hsl(var(--sidebar-ring))"
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
var reformTheme = {
|
|
81
|
-
colors,
|
|
82
|
-
borderRadius: {
|
|
83
|
-
lg: "var(--radius)",
|
|
84
|
-
md: "calc(var(--radius) - 2px)",
|
|
85
|
-
sm: "calc(var(--radius) - 4px)"
|
|
86
|
-
},
|
|
87
|
-
fontFamily: {
|
|
88
|
-
sans: ['"Noto Sans KR"', "system-ui", "sans-serif"],
|
|
89
|
-
serif: ['"Noto Serif"', "serif"],
|
|
90
|
-
mono: ['"Fira Code"', "monospace"]
|
|
91
|
-
}
|
|
92
|
-
};
|
|
93
|
-
var preset_default = reformTheme;
|
|
94
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
95
|
-
0 && (module.exports = {
|
|
96
|
-
colors,
|
|
97
|
-
reformTheme
|
|
98
|
-
});
|
package/dist/preset.d.cts
DELETED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @reformlab/ui-theme Tailwind CSS v4 preset
|
|
3
|
-
*
|
|
4
|
-
* Usage in your CSS (Tailwind v4):
|
|
5
|
-
* @import "tailwindcss";
|
|
6
|
-
* @import "@reformlab/ui-theme/theme.css";
|
|
7
|
-
*
|
|
8
|
-
* Or in tailwind.config (v3 compatibility):
|
|
9
|
-
* import { reformTheme } from "@reformlab/ui-theme/preset";
|
|
10
|
-
* export default { theme: { extend: reformTheme } };
|
|
11
|
-
*/
|
|
12
|
-
declare const colors: {
|
|
13
|
-
readonly background: "hsl(var(--background))";
|
|
14
|
-
readonly foreground: "hsl(var(--foreground))";
|
|
15
|
-
readonly card: {
|
|
16
|
-
readonly DEFAULT: "hsl(var(--card))";
|
|
17
|
-
readonly foreground: "hsl(var(--card-foreground))";
|
|
18
|
-
};
|
|
19
|
-
readonly popover: {
|
|
20
|
-
readonly DEFAULT: "hsl(var(--popover))";
|
|
21
|
-
readonly foreground: "hsl(var(--popover-foreground))";
|
|
22
|
-
};
|
|
23
|
-
readonly primary: {
|
|
24
|
-
readonly DEFAULT: "hsl(var(--primary))";
|
|
25
|
-
readonly foreground: "hsl(var(--primary-foreground))";
|
|
26
|
-
};
|
|
27
|
-
readonly secondary: {
|
|
28
|
-
readonly DEFAULT: "hsl(var(--secondary))";
|
|
29
|
-
readonly foreground: "hsl(var(--secondary-foreground))";
|
|
30
|
-
};
|
|
31
|
-
readonly muted: {
|
|
32
|
-
readonly DEFAULT: "hsl(var(--muted))";
|
|
33
|
-
readonly foreground: "hsl(var(--muted-foreground))";
|
|
34
|
-
};
|
|
35
|
-
readonly accent: {
|
|
36
|
-
readonly DEFAULT: "hsl(var(--accent))";
|
|
37
|
-
readonly foreground: "hsl(var(--accent-foreground))";
|
|
38
|
-
};
|
|
39
|
-
readonly destructive: {
|
|
40
|
-
readonly DEFAULT: "hsl(var(--destructive))";
|
|
41
|
-
readonly foreground: "hsl(var(--destructive-foreground))";
|
|
42
|
-
};
|
|
43
|
-
readonly border: "hsl(var(--border))";
|
|
44
|
-
readonly input: "hsl(var(--input))";
|
|
45
|
-
readonly ring: "hsl(var(--ring))";
|
|
46
|
-
readonly chart: {
|
|
47
|
-
readonly "1": "hsl(var(--chart-1))";
|
|
48
|
-
readonly "2": "hsl(var(--chart-2))";
|
|
49
|
-
readonly "3": "hsl(var(--chart-3))";
|
|
50
|
-
readonly "4": "hsl(var(--chart-4))";
|
|
51
|
-
readonly "5": "hsl(var(--chart-5))";
|
|
52
|
-
};
|
|
53
|
-
readonly sidebar: {
|
|
54
|
-
readonly DEFAULT: "hsl(var(--sidebar-background))";
|
|
55
|
-
readonly foreground: "hsl(var(--sidebar-foreground))";
|
|
56
|
-
readonly primary: "hsl(var(--sidebar-primary))";
|
|
57
|
-
readonly "primary-foreground": "hsl(var(--sidebar-primary-foreground))";
|
|
58
|
-
readonly accent: "hsl(var(--sidebar-accent))";
|
|
59
|
-
readonly "accent-foreground": "hsl(var(--sidebar-accent-foreground))";
|
|
60
|
-
readonly border: "hsl(var(--sidebar-border))";
|
|
61
|
-
readonly ring: "hsl(var(--sidebar-ring))";
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
declare const reformTheme: {
|
|
65
|
-
colors: {
|
|
66
|
-
readonly background: "hsl(var(--background))";
|
|
67
|
-
readonly foreground: "hsl(var(--foreground))";
|
|
68
|
-
readonly card: {
|
|
69
|
-
readonly DEFAULT: "hsl(var(--card))";
|
|
70
|
-
readonly foreground: "hsl(var(--card-foreground))";
|
|
71
|
-
};
|
|
72
|
-
readonly popover: {
|
|
73
|
-
readonly DEFAULT: "hsl(var(--popover))";
|
|
74
|
-
readonly foreground: "hsl(var(--popover-foreground))";
|
|
75
|
-
};
|
|
76
|
-
readonly primary: {
|
|
77
|
-
readonly DEFAULT: "hsl(var(--primary))";
|
|
78
|
-
readonly foreground: "hsl(var(--primary-foreground))";
|
|
79
|
-
};
|
|
80
|
-
readonly secondary: {
|
|
81
|
-
readonly DEFAULT: "hsl(var(--secondary))";
|
|
82
|
-
readonly foreground: "hsl(var(--secondary-foreground))";
|
|
83
|
-
};
|
|
84
|
-
readonly muted: {
|
|
85
|
-
readonly DEFAULT: "hsl(var(--muted))";
|
|
86
|
-
readonly foreground: "hsl(var(--muted-foreground))";
|
|
87
|
-
};
|
|
88
|
-
readonly accent: {
|
|
89
|
-
readonly DEFAULT: "hsl(var(--accent))";
|
|
90
|
-
readonly foreground: "hsl(var(--accent-foreground))";
|
|
91
|
-
};
|
|
92
|
-
readonly destructive: {
|
|
93
|
-
readonly DEFAULT: "hsl(var(--destructive))";
|
|
94
|
-
readonly foreground: "hsl(var(--destructive-foreground))";
|
|
95
|
-
};
|
|
96
|
-
readonly border: "hsl(var(--border))";
|
|
97
|
-
readonly input: "hsl(var(--input))";
|
|
98
|
-
readonly ring: "hsl(var(--ring))";
|
|
99
|
-
readonly chart: {
|
|
100
|
-
readonly "1": "hsl(var(--chart-1))";
|
|
101
|
-
readonly "2": "hsl(var(--chart-2))";
|
|
102
|
-
readonly "3": "hsl(var(--chart-3))";
|
|
103
|
-
readonly "4": "hsl(var(--chart-4))";
|
|
104
|
-
readonly "5": "hsl(var(--chart-5))";
|
|
105
|
-
};
|
|
106
|
-
readonly sidebar: {
|
|
107
|
-
readonly DEFAULT: "hsl(var(--sidebar-background))";
|
|
108
|
-
readonly foreground: "hsl(var(--sidebar-foreground))";
|
|
109
|
-
readonly primary: "hsl(var(--sidebar-primary))";
|
|
110
|
-
readonly "primary-foreground": "hsl(var(--sidebar-primary-foreground))";
|
|
111
|
-
readonly accent: "hsl(var(--sidebar-accent))";
|
|
112
|
-
readonly "accent-foreground": "hsl(var(--sidebar-accent-foreground))";
|
|
113
|
-
readonly border: "hsl(var(--sidebar-border))";
|
|
114
|
-
readonly ring: "hsl(var(--sidebar-ring))";
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
borderRadius: {
|
|
118
|
-
lg: string;
|
|
119
|
-
md: string;
|
|
120
|
-
sm: string;
|
|
121
|
-
};
|
|
122
|
-
fontFamily: {
|
|
123
|
-
sans: string[];
|
|
124
|
-
serif: string[];
|
|
125
|
-
mono: string[];
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
export { colors, reformTheme as default, reformTheme };
|
package/dist/preset.d.ts
DELETED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @reformlab/ui-theme Tailwind CSS v4 preset
|
|
3
|
-
*
|
|
4
|
-
* Usage in your CSS (Tailwind v4):
|
|
5
|
-
* @import "tailwindcss";
|
|
6
|
-
* @import "@reformlab/ui-theme/theme.css";
|
|
7
|
-
*
|
|
8
|
-
* Or in tailwind.config (v3 compatibility):
|
|
9
|
-
* import { reformTheme } from "@reformlab/ui-theme/preset";
|
|
10
|
-
* export default { theme: { extend: reformTheme } };
|
|
11
|
-
*/
|
|
12
|
-
declare const colors: {
|
|
13
|
-
readonly background: "hsl(var(--background))";
|
|
14
|
-
readonly foreground: "hsl(var(--foreground))";
|
|
15
|
-
readonly card: {
|
|
16
|
-
readonly DEFAULT: "hsl(var(--card))";
|
|
17
|
-
readonly foreground: "hsl(var(--card-foreground))";
|
|
18
|
-
};
|
|
19
|
-
readonly popover: {
|
|
20
|
-
readonly DEFAULT: "hsl(var(--popover))";
|
|
21
|
-
readonly foreground: "hsl(var(--popover-foreground))";
|
|
22
|
-
};
|
|
23
|
-
readonly primary: {
|
|
24
|
-
readonly DEFAULT: "hsl(var(--primary))";
|
|
25
|
-
readonly foreground: "hsl(var(--primary-foreground))";
|
|
26
|
-
};
|
|
27
|
-
readonly secondary: {
|
|
28
|
-
readonly DEFAULT: "hsl(var(--secondary))";
|
|
29
|
-
readonly foreground: "hsl(var(--secondary-foreground))";
|
|
30
|
-
};
|
|
31
|
-
readonly muted: {
|
|
32
|
-
readonly DEFAULT: "hsl(var(--muted))";
|
|
33
|
-
readonly foreground: "hsl(var(--muted-foreground))";
|
|
34
|
-
};
|
|
35
|
-
readonly accent: {
|
|
36
|
-
readonly DEFAULT: "hsl(var(--accent))";
|
|
37
|
-
readonly foreground: "hsl(var(--accent-foreground))";
|
|
38
|
-
};
|
|
39
|
-
readonly destructive: {
|
|
40
|
-
readonly DEFAULT: "hsl(var(--destructive))";
|
|
41
|
-
readonly foreground: "hsl(var(--destructive-foreground))";
|
|
42
|
-
};
|
|
43
|
-
readonly border: "hsl(var(--border))";
|
|
44
|
-
readonly input: "hsl(var(--input))";
|
|
45
|
-
readonly ring: "hsl(var(--ring))";
|
|
46
|
-
readonly chart: {
|
|
47
|
-
readonly "1": "hsl(var(--chart-1))";
|
|
48
|
-
readonly "2": "hsl(var(--chart-2))";
|
|
49
|
-
readonly "3": "hsl(var(--chart-3))";
|
|
50
|
-
readonly "4": "hsl(var(--chart-4))";
|
|
51
|
-
readonly "5": "hsl(var(--chart-5))";
|
|
52
|
-
};
|
|
53
|
-
readonly sidebar: {
|
|
54
|
-
readonly DEFAULT: "hsl(var(--sidebar-background))";
|
|
55
|
-
readonly foreground: "hsl(var(--sidebar-foreground))";
|
|
56
|
-
readonly primary: "hsl(var(--sidebar-primary))";
|
|
57
|
-
readonly "primary-foreground": "hsl(var(--sidebar-primary-foreground))";
|
|
58
|
-
readonly accent: "hsl(var(--sidebar-accent))";
|
|
59
|
-
readonly "accent-foreground": "hsl(var(--sidebar-accent-foreground))";
|
|
60
|
-
readonly border: "hsl(var(--sidebar-border))";
|
|
61
|
-
readonly ring: "hsl(var(--sidebar-ring))";
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
declare const reformTheme: {
|
|
65
|
-
colors: {
|
|
66
|
-
readonly background: "hsl(var(--background))";
|
|
67
|
-
readonly foreground: "hsl(var(--foreground))";
|
|
68
|
-
readonly card: {
|
|
69
|
-
readonly DEFAULT: "hsl(var(--card))";
|
|
70
|
-
readonly foreground: "hsl(var(--card-foreground))";
|
|
71
|
-
};
|
|
72
|
-
readonly popover: {
|
|
73
|
-
readonly DEFAULT: "hsl(var(--popover))";
|
|
74
|
-
readonly foreground: "hsl(var(--popover-foreground))";
|
|
75
|
-
};
|
|
76
|
-
readonly primary: {
|
|
77
|
-
readonly DEFAULT: "hsl(var(--primary))";
|
|
78
|
-
readonly foreground: "hsl(var(--primary-foreground))";
|
|
79
|
-
};
|
|
80
|
-
readonly secondary: {
|
|
81
|
-
readonly DEFAULT: "hsl(var(--secondary))";
|
|
82
|
-
readonly foreground: "hsl(var(--secondary-foreground))";
|
|
83
|
-
};
|
|
84
|
-
readonly muted: {
|
|
85
|
-
readonly DEFAULT: "hsl(var(--muted))";
|
|
86
|
-
readonly foreground: "hsl(var(--muted-foreground))";
|
|
87
|
-
};
|
|
88
|
-
readonly accent: {
|
|
89
|
-
readonly DEFAULT: "hsl(var(--accent))";
|
|
90
|
-
readonly foreground: "hsl(var(--accent-foreground))";
|
|
91
|
-
};
|
|
92
|
-
readonly destructive: {
|
|
93
|
-
readonly DEFAULT: "hsl(var(--destructive))";
|
|
94
|
-
readonly foreground: "hsl(var(--destructive-foreground))";
|
|
95
|
-
};
|
|
96
|
-
readonly border: "hsl(var(--border))";
|
|
97
|
-
readonly input: "hsl(var(--input))";
|
|
98
|
-
readonly ring: "hsl(var(--ring))";
|
|
99
|
-
readonly chart: {
|
|
100
|
-
readonly "1": "hsl(var(--chart-1))";
|
|
101
|
-
readonly "2": "hsl(var(--chart-2))";
|
|
102
|
-
readonly "3": "hsl(var(--chart-3))";
|
|
103
|
-
readonly "4": "hsl(var(--chart-4))";
|
|
104
|
-
readonly "5": "hsl(var(--chart-5))";
|
|
105
|
-
};
|
|
106
|
-
readonly sidebar: {
|
|
107
|
-
readonly DEFAULT: "hsl(var(--sidebar-background))";
|
|
108
|
-
readonly foreground: "hsl(var(--sidebar-foreground))";
|
|
109
|
-
readonly primary: "hsl(var(--sidebar-primary))";
|
|
110
|
-
readonly "primary-foreground": "hsl(var(--sidebar-primary-foreground))";
|
|
111
|
-
readonly accent: "hsl(var(--sidebar-accent))";
|
|
112
|
-
readonly "accent-foreground": "hsl(var(--sidebar-accent-foreground))";
|
|
113
|
-
readonly border: "hsl(var(--sidebar-border))";
|
|
114
|
-
readonly ring: "hsl(var(--sidebar-ring))";
|
|
115
|
-
};
|
|
116
|
-
};
|
|
117
|
-
borderRadius: {
|
|
118
|
-
lg: string;
|
|
119
|
-
md: string;
|
|
120
|
-
sm: string;
|
|
121
|
-
};
|
|
122
|
-
fontFamily: {
|
|
123
|
-
sans: string[];
|
|
124
|
-
serif: string[];
|
|
125
|
-
mono: string[];
|
|
126
|
-
};
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
export { colors, reformTheme as default, reformTheme };
|