@minutemailer/kit 1.0.1 → 1.0.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/package.json +2 -2
- package/styles.css +83 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@minutemailer/kit",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Minutemailer UI Kit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Minutemailer",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"build": "npm run icons:build && tsc && node esbuild.config.js",
|
|
22
22
|
"build-storybook": "storybook build",
|
|
23
23
|
"icons:build": "npx @svgr/cli --icon --typescript --replace-attr-values \"#3D3D3D=currentColor\" --out-dir src/icons resources/icons",
|
|
24
|
-
"prepub": "rm -r dist && npm run build && cp package.json dist",
|
|
24
|
+
"prepub": "rm -r dist && npm run build && cp package.json dist && cp src/styles.css dist",
|
|
25
25
|
"pub": "npm run prepub && cd dist && npm publish --access public",
|
|
26
26
|
"docs": "npx typedoc src/utils --out docs --plugin typedoc-material-theme --themeColor '#00b869'"
|
|
27
27
|
},
|
package/styles.css
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@custom-variant dark (&:is(.dark *));
|
|
2
|
+
|
|
3
|
+
@theme inline {
|
|
4
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
5
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
6
|
+
--radius-lg: var(--radius);
|
|
7
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
8
|
+
--color-background: var(--background);
|
|
9
|
+
--color-foreground: var(--foreground);
|
|
10
|
+
--color-card: var(--card);
|
|
11
|
+
--color-card-foreground: var(--card-foreground);
|
|
12
|
+
--color-popover: var(--popover);
|
|
13
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
14
|
+
--color-primary: var(--primary);
|
|
15
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
16
|
+
--color-secondary: var(--secondary);
|
|
17
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
18
|
+
--color-muted: var(--muted);
|
|
19
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
20
|
+
--color-accent: var(--accent);
|
|
21
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
22
|
+
--color-destructive: var(--destructive);
|
|
23
|
+
--color-border: var(--border);
|
|
24
|
+
--color-input: var(--input);
|
|
25
|
+
--color-ring: var(--ring);
|
|
26
|
+
--color-chart-1: var(--chart-1);
|
|
27
|
+
--color-chart-2: var(--chart-2);
|
|
28
|
+
--color-chart-3: var(--chart-3);
|
|
29
|
+
--color-chart-4: var(--chart-4);
|
|
30
|
+
--color-chart-5: var(--chart-5);
|
|
31
|
+
--color-sidebar: var(--sidebar);
|
|
32
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
33
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
34
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
35
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
36
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
37
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
38
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:root {
|
|
42
|
+
--radius: 0.375rem;
|
|
43
|
+
--background: oklch(1 0 0);
|
|
44
|
+
--foreground: oklch(0.145 0 0);
|
|
45
|
+
--card: oklch(1 0 0);
|
|
46
|
+
--card-foreground: oklch(0.145 0 0);
|
|
47
|
+
--popover: oklch(1 0 0);
|
|
48
|
+
--popover-foreground: oklch(0.145 0 0);
|
|
49
|
+
--primary: oklch(0.683 0.178 158.484);
|
|
50
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
51
|
+
--secondary: oklch(0.97 0 0);
|
|
52
|
+
--secondary-foreground: oklch(0.205 0 0);
|
|
53
|
+
--muted: oklch(0.97 0 0);
|
|
54
|
+
--muted-foreground: oklch(0.556 0 0);
|
|
55
|
+
--accent: oklch(0.97 0 0);
|
|
56
|
+
--accent-foreground: oklch(0.205 0 0);
|
|
57
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
58
|
+
--border: oklch(0.922 0 0);
|
|
59
|
+
--input: oklch(0.922 0 0);
|
|
60
|
+
--ring: oklch(0.708 0 0);
|
|
61
|
+
--chart-1: oklch(0.646 0.222 41.116);
|
|
62
|
+
--chart-2: oklch(0.6 0.118 184.704);
|
|
63
|
+
--chart-3: oklch(0.398 0.07 227.392);
|
|
64
|
+
--chart-4: oklch(0.828 0.189 84.429);
|
|
65
|
+
--chart-5: oklch(0.769 0.188 70.08);
|
|
66
|
+
--sidebar: oklch(0.985 0 0);
|
|
67
|
+
--sidebar-foreground: oklch(0.145 0 0);
|
|
68
|
+
--sidebar-primary: oklch(0.205 0 0);
|
|
69
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
70
|
+
--sidebar-accent: oklch(0.97 0 0);
|
|
71
|
+
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
72
|
+
--sidebar-border: oklch(0.922 0 0);
|
|
73
|
+
--sidebar-ring: oklch(0.708 0 0);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@layer base {
|
|
77
|
+
* {
|
|
78
|
+
@apply border-border outline-ring/50;
|
|
79
|
+
}
|
|
80
|
+
body {
|
|
81
|
+
@apply bg-accent text-foreground;
|
|
82
|
+
}
|
|
83
|
+
}
|