@storm-ds/ui 0.1.1 → 1.0.1
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 +1 -88
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/plugin.d.mts +124 -4
- package/dist/plugin.d.ts +124 -4
- package/dist/plugin.js +2 -2
- package/dist/plugin.js.map +1 -1
- package/dist/plugin.mjs +2 -2
- package/dist/plugin.mjs.map +1 -1
- package/package.json +3 -4
package/dist/plugin.d.mts
CHANGED
|
@@ -1,8 +1,128 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { N, P } from './resolve-config-QUZ9b-Gn.mjs';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
/**
|
|
4
|
+
* The source code for one or more nodes in the AST
|
|
5
|
+
*
|
|
6
|
+
* This generally corresponds to a stylesheet
|
|
7
|
+
*/
|
|
8
|
+
interface Source {
|
|
9
|
+
/**
|
|
10
|
+
* The path to the file that contains the referenced source code
|
|
11
|
+
*
|
|
12
|
+
* If this references the *output* source code, this is `null`.
|
|
13
|
+
*/
|
|
14
|
+
file: string | null;
|
|
15
|
+
/**
|
|
16
|
+
* The referenced source code
|
|
17
|
+
*/
|
|
18
|
+
code: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* The file and offsets within it that this node covers
|
|
22
|
+
*
|
|
23
|
+
* This can represent either:
|
|
24
|
+
* - A location in the original CSS which caused this node to be created
|
|
25
|
+
* - A location in the output CSS where this node resides
|
|
26
|
+
*/
|
|
27
|
+
type SourceLocation = [source: Source, start: number, end: number];
|
|
28
|
+
type PluginFn = (api: PluginAPI) => void;
|
|
29
|
+
type PluginWithConfig = {
|
|
30
|
+
handler: PluginFn;
|
|
31
|
+
config?: UserConfig;
|
|
32
|
+
/** @internal */
|
|
33
|
+
reference?: boolean;
|
|
34
|
+
src?: SourceLocation | undefined;
|
|
6
35
|
};
|
|
36
|
+
type PluginWithOptions<T> = {
|
|
37
|
+
(options?: T): PluginWithConfig;
|
|
38
|
+
__isOptionsFunction: true;
|
|
39
|
+
};
|
|
40
|
+
type Plugin = PluginFn | PluginWithConfig | PluginWithOptions<any>;
|
|
41
|
+
type PluginAPI = {
|
|
42
|
+
addBase(base: CssInJs): void;
|
|
43
|
+
addVariant(name: string, variant: string | string[] | CssInJs): void;
|
|
44
|
+
matchVariant<T = string>(name: string, cb: (value: T | string, extra: {
|
|
45
|
+
modifier: string | null;
|
|
46
|
+
}) => string | string[], options?: {
|
|
47
|
+
values?: Record<string, T>;
|
|
48
|
+
sort?(a: {
|
|
49
|
+
value: T | string;
|
|
50
|
+
modifier: string | null;
|
|
51
|
+
}, b: {
|
|
52
|
+
value: T | string;
|
|
53
|
+
modifier: string | null;
|
|
54
|
+
}): number;
|
|
55
|
+
}): void;
|
|
56
|
+
addUtilities(utilities: Record<string, CssInJs | CssInJs[]> | Record<string, CssInJs | CssInJs[]>[], options?: {}): void;
|
|
57
|
+
matchUtilities(utilities: Record<string, (value: string, extra: {
|
|
58
|
+
modifier: string | null;
|
|
59
|
+
}) => CssInJs | CssInJs[]>, options?: Partial<{
|
|
60
|
+
type: string | string[];
|
|
61
|
+
supportsNegativeValues: boolean;
|
|
62
|
+
values: Record<string, string> & {
|
|
63
|
+
__BARE_VALUE__?: (value: N) => string | undefined;
|
|
64
|
+
};
|
|
65
|
+
modifiers: 'any' | Record<string, string>;
|
|
66
|
+
}>): void;
|
|
67
|
+
addComponents(utilities: Record<string, CssInJs> | Record<string, CssInJs>[], options?: {}): void;
|
|
68
|
+
matchComponents(utilities: Record<string, (value: string, extra: {
|
|
69
|
+
modifier: string | null;
|
|
70
|
+
}) => CssInJs>, options?: Partial<{
|
|
71
|
+
type: string | string[];
|
|
72
|
+
supportsNegativeValues: boolean;
|
|
73
|
+
values: Record<string, string> & {
|
|
74
|
+
__BARE_VALUE__?: (value: N) => string | undefined;
|
|
75
|
+
};
|
|
76
|
+
modifiers: 'any' | Record<string, string>;
|
|
77
|
+
}>): void;
|
|
78
|
+
theme(path: string, defaultValue?: any): any;
|
|
79
|
+
config(path?: string, defaultValue?: any): any;
|
|
80
|
+
prefix(className: string): string;
|
|
81
|
+
};
|
|
82
|
+
type CssInJs = {
|
|
83
|
+
[key: string]: string | string[] | CssInJs | CssInJs[];
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
type ResolvableTo<T> = T | ((utils: P) => T);
|
|
87
|
+
type ThemeValue = ResolvableTo<Record<string, unknown>> | null | undefined;
|
|
88
|
+
type ThemeConfig = Record<string, ThemeValue> & {
|
|
89
|
+
extend?: Record<string, ThemeValue>;
|
|
90
|
+
};
|
|
91
|
+
type ContentFile = string | {
|
|
92
|
+
raw: string;
|
|
93
|
+
extension?: string;
|
|
94
|
+
};
|
|
95
|
+
type DarkModeStrategy = false | 'media' | 'class' | ['class', string] | 'selector' | ['selector', string] | ['variant', string | string[]];
|
|
96
|
+
interface UserConfig {
|
|
97
|
+
presets?: UserConfig[];
|
|
98
|
+
theme?: ThemeConfig;
|
|
99
|
+
plugins?: Plugin[];
|
|
100
|
+
}
|
|
101
|
+
interface UserConfig {
|
|
102
|
+
content?: ContentFile[] | {
|
|
103
|
+
relative?: boolean;
|
|
104
|
+
files: ContentFile[];
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
interface UserConfig {
|
|
108
|
+
darkMode?: DarkModeStrategy;
|
|
109
|
+
}
|
|
110
|
+
interface UserConfig {
|
|
111
|
+
prefix?: string;
|
|
112
|
+
}
|
|
113
|
+
interface UserConfig {
|
|
114
|
+
blocklist?: string[];
|
|
115
|
+
}
|
|
116
|
+
interface UserConfig {
|
|
117
|
+
important?: boolean | string;
|
|
118
|
+
}
|
|
119
|
+
interface UserConfig {
|
|
120
|
+
future?: 'all' | Record<string, boolean>;
|
|
121
|
+
}
|
|
122
|
+
interface UserConfig {
|
|
123
|
+
experimental?: 'all' | Record<string, boolean>;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
declare const stormPlugin: PluginWithConfig;
|
|
7
127
|
|
|
8
128
|
export { stormPlugin as default };
|
package/dist/plugin.d.ts
CHANGED
|
@@ -1,8 +1,128 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { N, P } from './resolve-config-QUZ9b-Gn.mjs';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
/**
|
|
4
|
+
* The source code for one or more nodes in the AST
|
|
5
|
+
*
|
|
6
|
+
* This generally corresponds to a stylesheet
|
|
7
|
+
*/
|
|
8
|
+
interface Source {
|
|
9
|
+
/**
|
|
10
|
+
* The path to the file that contains the referenced source code
|
|
11
|
+
*
|
|
12
|
+
* If this references the *output* source code, this is `null`.
|
|
13
|
+
*/
|
|
14
|
+
file: string | null;
|
|
15
|
+
/**
|
|
16
|
+
* The referenced source code
|
|
17
|
+
*/
|
|
18
|
+
code: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* The file and offsets within it that this node covers
|
|
22
|
+
*
|
|
23
|
+
* This can represent either:
|
|
24
|
+
* - A location in the original CSS which caused this node to be created
|
|
25
|
+
* - A location in the output CSS where this node resides
|
|
26
|
+
*/
|
|
27
|
+
type SourceLocation = [source: Source, start: number, end: number];
|
|
28
|
+
type PluginFn = (api: PluginAPI) => void;
|
|
29
|
+
type PluginWithConfig = {
|
|
30
|
+
handler: PluginFn;
|
|
31
|
+
config?: UserConfig;
|
|
32
|
+
/** @internal */
|
|
33
|
+
reference?: boolean;
|
|
34
|
+
src?: SourceLocation | undefined;
|
|
6
35
|
};
|
|
36
|
+
type PluginWithOptions<T> = {
|
|
37
|
+
(options?: T): PluginWithConfig;
|
|
38
|
+
__isOptionsFunction: true;
|
|
39
|
+
};
|
|
40
|
+
type Plugin = PluginFn | PluginWithConfig | PluginWithOptions<any>;
|
|
41
|
+
type PluginAPI = {
|
|
42
|
+
addBase(base: CssInJs): void;
|
|
43
|
+
addVariant(name: string, variant: string | string[] | CssInJs): void;
|
|
44
|
+
matchVariant<T = string>(name: string, cb: (value: T | string, extra: {
|
|
45
|
+
modifier: string | null;
|
|
46
|
+
}) => string | string[], options?: {
|
|
47
|
+
values?: Record<string, T>;
|
|
48
|
+
sort?(a: {
|
|
49
|
+
value: T | string;
|
|
50
|
+
modifier: string | null;
|
|
51
|
+
}, b: {
|
|
52
|
+
value: T | string;
|
|
53
|
+
modifier: string | null;
|
|
54
|
+
}): number;
|
|
55
|
+
}): void;
|
|
56
|
+
addUtilities(utilities: Record<string, CssInJs | CssInJs[]> | Record<string, CssInJs | CssInJs[]>[], options?: {}): void;
|
|
57
|
+
matchUtilities(utilities: Record<string, (value: string, extra: {
|
|
58
|
+
modifier: string | null;
|
|
59
|
+
}) => CssInJs | CssInJs[]>, options?: Partial<{
|
|
60
|
+
type: string | string[];
|
|
61
|
+
supportsNegativeValues: boolean;
|
|
62
|
+
values: Record<string, string> & {
|
|
63
|
+
__BARE_VALUE__?: (value: N) => string | undefined;
|
|
64
|
+
};
|
|
65
|
+
modifiers: 'any' | Record<string, string>;
|
|
66
|
+
}>): void;
|
|
67
|
+
addComponents(utilities: Record<string, CssInJs> | Record<string, CssInJs>[], options?: {}): void;
|
|
68
|
+
matchComponents(utilities: Record<string, (value: string, extra: {
|
|
69
|
+
modifier: string | null;
|
|
70
|
+
}) => CssInJs>, options?: Partial<{
|
|
71
|
+
type: string | string[];
|
|
72
|
+
supportsNegativeValues: boolean;
|
|
73
|
+
values: Record<string, string> & {
|
|
74
|
+
__BARE_VALUE__?: (value: N) => string | undefined;
|
|
75
|
+
};
|
|
76
|
+
modifiers: 'any' | Record<string, string>;
|
|
77
|
+
}>): void;
|
|
78
|
+
theme(path: string, defaultValue?: any): any;
|
|
79
|
+
config(path?: string, defaultValue?: any): any;
|
|
80
|
+
prefix(className: string): string;
|
|
81
|
+
};
|
|
82
|
+
type CssInJs = {
|
|
83
|
+
[key: string]: string | string[] | CssInJs | CssInJs[];
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
type ResolvableTo<T> = T | ((utils: P) => T);
|
|
87
|
+
type ThemeValue = ResolvableTo<Record<string, unknown>> | null | undefined;
|
|
88
|
+
type ThemeConfig = Record<string, ThemeValue> & {
|
|
89
|
+
extend?: Record<string, ThemeValue>;
|
|
90
|
+
};
|
|
91
|
+
type ContentFile = string | {
|
|
92
|
+
raw: string;
|
|
93
|
+
extension?: string;
|
|
94
|
+
};
|
|
95
|
+
type DarkModeStrategy = false | 'media' | 'class' | ['class', string] | 'selector' | ['selector', string] | ['variant', string | string[]];
|
|
96
|
+
interface UserConfig {
|
|
97
|
+
presets?: UserConfig[];
|
|
98
|
+
theme?: ThemeConfig;
|
|
99
|
+
plugins?: Plugin[];
|
|
100
|
+
}
|
|
101
|
+
interface UserConfig {
|
|
102
|
+
content?: ContentFile[] | {
|
|
103
|
+
relative?: boolean;
|
|
104
|
+
files: ContentFile[];
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
interface UserConfig {
|
|
108
|
+
darkMode?: DarkModeStrategy;
|
|
109
|
+
}
|
|
110
|
+
interface UserConfig {
|
|
111
|
+
prefix?: string;
|
|
112
|
+
}
|
|
113
|
+
interface UserConfig {
|
|
114
|
+
blocklist?: string[];
|
|
115
|
+
}
|
|
116
|
+
interface UserConfig {
|
|
117
|
+
important?: boolean | string;
|
|
118
|
+
}
|
|
119
|
+
interface UserConfig {
|
|
120
|
+
future?: 'all' | Record<string, boolean>;
|
|
121
|
+
}
|
|
122
|
+
interface UserConfig {
|
|
123
|
+
experimental?: 'all' | Record<string, boolean>;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
declare const stormPlugin: PluginWithConfig;
|
|
7
127
|
|
|
8
128
|
export { stormPlugin as default };
|
package/dist/plugin.js
CHANGED
|
@@ -54,7 +54,7 @@ var stormPlugin = (0, import_plugin.default)(
|
|
|
54
54
|
"--storm-secondary-foreground": hexToRgb("#365314"),
|
|
55
55
|
"--storm-accent": hexToRgb("#A855F7"),
|
|
56
56
|
"--storm-accent-foreground": hexToRgb("#FFFFFF"),
|
|
57
|
-
"--storm-destructive": hexToRgb("#
|
|
57
|
+
"--storm-destructive": hexToRgb("#DC2626"),
|
|
58
58
|
"--storm-muted": hexToRgb("#F4F4F5"),
|
|
59
59
|
"--storm-muted-foreground": hexToRgb("#71717A"),
|
|
60
60
|
"--storm-border": hexToRgb("#E4E4E7"),
|
|
@@ -87,7 +87,7 @@ var stormPlugin = (0, import_plugin.default)(
|
|
|
87
87
|
"--storm-secondary-foreground": hexToRgb("#BEF264"),
|
|
88
88
|
"--storm-accent": hexToRgb("#C084FC"),
|
|
89
89
|
"--storm-accent-foreground": hexToRgb("#FFFFFF"),
|
|
90
|
-
"--storm-destructive": hexToRgb("#
|
|
90
|
+
"--storm-destructive": hexToRgb("#DC2626"),
|
|
91
91
|
"--storm-muted": hexToRgb("#18181B"),
|
|
92
92
|
"--storm-muted-foreground": hexToRgb("#A1A1AA"),
|
|
93
93
|
"--storm-border": hexToRgb("#27272A"),
|
package/dist/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n const h = hex.replace('#', '')\n const r = parseInt(h.substring(0, 2), 16)\n const g = parseInt(h.substring(2, 4), 16)\n const b = parseInt(h.substring(4, 6), 16)\n return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n function ({ addBase }) {\n addBase({\n ':root': {\n '--storm-background': hexToRgb('#FAFAFA'),\n '--storm-foreground': hexToRgb('#18181B'),\n '--storm-foreground-subtle': hexToRgb('#52525B'),\n '--storm-primary': hexToRgb('#84CC16'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#F0FDF4'),\n '--storm-secondary-foreground': hexToRgb('#365314'),\n '--storm-accent': hexToRgb('#A855F7'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#
|
|
1
|
+
{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n const h = hex.replace('#', '')\n const r = parseInt(h.substring(0, 2), 16)\n const g = parseInt(h.substring(2, 4), 16)\n const b = parseInt(h.substring(4, 6), 16)\n return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n function ({ addBase }) {\n addBase({\n ':root': {\n '--storm-background': hexToRgb('#FAFAFA'),\n '--storm-foreground': hexToRgb('#18181B'),\n '--storm-foreground-subtle': hexToRgb('#52525B'),\n '--storm-primary': hexToRgb('#84CC16'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#F0FDF4'),\n '--storm-secondary-foreground': hexToRgb('#365314'),\n '--storm-accent': hexToRgb('#A855F7'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#DC2626'),\n '--storm-muted': hexToRgb('#F4F4F5'),\n '--storm-muted-foreground': hexToRgb('#71717A'),\n '--storm-border': hexToRgb('#E4E4E7'),\n '--storm-ring': hexToRgb('#84CC16'),\n '--storm-success': hexToRgb('#22C55E'),\n '--storm-success-foreground': hexToRgb('#052E16'),\n '--storm-warning': hexToRgb('#F59E0B'),\n '--storm-warning-foreground': hexToRgb('#451A03'),\n '--storm-info': hexToRgb('#3B82F6'),\n '--storm-info-foreground': hexToRgb('#FFFFFF'),\n '--storm-spacing-xs': '4px',\n '--storm-spacing-sm': '8px',\n '--storm-spacing-md': '16px',\n '--storm-spacing-lg': '24px',\n '--storm-spacing-xl': '32px',\n '--storm-spacing-2xl': '48px',\n '--storm-radius-sm': '6px',\n '--storm-radius-md': '8px',\n '--storm-radius-lg': '12px',\n '--storm-radius-full': '9999px',\n '--storm-border-width': '1px',\n },\n '.dark': {\n '--storm-background': hexToRgb('#09090B'),\n '--storm-foreground': hexToRgb('#FAFAFA'),\n '--storm-foreground-subtle': hexToRgb('#A1A1AA'),\n '--storm-primary': hexToRgb('#A3E635'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#0C1A0A'),\n '--storm-secondary-foreground': hexToRgb('#BEF264'),\n '--storm-accent': hexToRgb('#C084FC'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#DC2626'),\n '--storm-muted': hexToRgb('#18181B'),\n '--storm-muted-foreground': hexToRgb('#A1A1AA'),\n '--storm-border': hexToRgb('#27272A'),\n '--storm-ring': hexToRgb('#A3E635'),\n '--storm-success': hexToRgb('#4ADE80'),\n '--storm-success-foreground': hexToRgb('#052E16'),\n '--storm-warning': hexToRgb('#FBBF24'),\n '--storm-warning-foreground': hexToRgb('#451A03'),\n '--storm-info': hexToRgb('#60A5FA'),\n '--storm-info-foreground': hexToRgb('#FFFFFF'),\n },\n })\n },\n {\n theme: {\n extend: {\n fontFamily: {\n 'storm-mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],\n },\n colors: {\n storm: {\n background: 'rgb(var(--storm-background) / <alpha-value>)',\n foreground: 'rgb(var(--storm-foreground) / <alpha-value>)',\n 'foreground-subtle': 'rgb(var(--storm-foreground-subtle) / <alpha-value>)',\n primary: 'rgb(var(--storm-primary) / <alpha-value>)',\n 'primary-foreground': 'rgb(var(--storm-primary-foreground) / <alpha-value>)',\n secondary: 'rgb(var(--storm-secondary) / <alpha-value>)',\n 'secondary-foreground': 'rgb(var(--storm-secondary-foreground) / <alpha-value>)',\n accent: 'rgb(var(--storm-accent) / <alpha-value>)',\n 'accent-foreground': 'rgb(var(--storm-accent-foreground) / <alpha-value>)',\n destructive: 'rgb(var(--storm-destructive) / <alpha-value>)',\n muted: 'rgb(var(--storm-muted) / <alpha-value>)',\n 'muted-foreground': 'rgb(var(--storm-muted-foreground) / <alpha-value>)',\n border: 'rgb(var(--storm-border) / <alpha-value>)',\n ring: 'rgb(var(--storm-ring) / <alpha-value>)',\n success: 'rgb(var(--storm-success) / <alpha-value>)',\n 'success-foreground': 'rgb(var(--storm-success-foreground) / <alpha-value>)',\n warning: 'rgb(var(--storm-warning) / <alpha-value>)',\n 'warning-foreground': 'rgb(var(--storm-warning-foreground) / <alpha-value>)',\n info: 'rgb(var(--storm-info) / <alpha-value>)',\n 'info-foreground': 'rgb(var(--storm-info-foreground) / <alpha-value>)',\n },\n },\n borderRadius: {\n 'storm-sm': 'var(--storm-radius-sm)',\n 'storm-md': 'var(--storm-radius-md)',\n 'storm-lg': 'var(--storm-radius-lg)',\n 'storm-full': 'var(--storm-radius-full)',\n },\n borderWidth: {\n storm: 'var(--storm-border-width)',\n },\n spacing: {\n 'storm-xs': 'var(--storm-spacing-xs)',\n 'storm-sm': 'var(--storm-spacing-sm)',\n 'storm-md': 'var(--storm-spacing-md)',\n 'storm-lg': 'var(--storm-spacing-lg)',\n 'storm-xl': 'var(--storm-spacing-xl)',\n 'storm-2xl': 'var(--storm-spacing-2xl)',\n },\n ringColor: {\n 'storm-ring': 'rgb(var(--storm-ring) / <alpha-value>)',\n },\n },\n },\n }\n)\n\nexport default stormPlugin\n"],"mappings":"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","names":["plugin"]}
|
package/dist/plugin.mjs
CHANGED
|
@@ -20,7 +20,7 @@ var stormPlugin = plugin(
|
|
|
20
20
|
"--storm-secondary-foreground": hexToRgb("#365314"),
|
|
21
21
|
"--storm-accent": hexToRgb("#A855F7"),
|
|
22
22
|
"--storm-accent-foreground": hexToRgb("#FFFFFF"),
|
|
23
|
-
"--storm-destructive": hexToRgb("#
|
|
23
|
+
"--storm-destructive": hexToRgb("#DC2626"),
|
|
24
24
|
"--storm-muted": hexToRgb("#F4F4F5"),
|
|
25
25
|
"--storm-muted-foreground": hexToRgb("#71717A"),
|
|
26
26
|
"--storm-border": hexToRgb("#E4E4E7"),
|
|
@@ -53,7 +53,7 @@ var stormPlugin = plugin(
|
|
|
53
53
|
"--storm-secondary-foreground": hexToRgb("#BEF264"),
|
|
54
54
|
"--storm-accent": hexToRgb("#C084FC"),
|
|
55
55
|
"--storm-accent-foreground": hexToRgb("#FFFFFF"),
|
|
56
|
-
"--storm-destructive": hexToRgb("#
|
|
56
|
+
"--storm-destructive": hexToRgb("#DC2626"),
|
|
57
57
|
"--storm-muted": hexToRgb("#18181B"),
|
|
58
58
|
"--storm-muted-foreground": hexToRgb("#A1A1AA"),
|
|
59
59
|
"--storm-border": hexToRgb("#27272A"),
|
package/dist/plugin.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n const h = hex.replace('#', '')\n const r = parseInt(h.substring(0, 2), 16)\n const g = parseInt(h.substring(2, 4), 16)\n const b = parseInt(h.substring(4, 6), 16)\n return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n function ({ addBase }) {\n addBase({\n ':root': {\n '--storm-background': hexToRgb('#FAFAFA'),\n '--storm-foreground': hexToRgb('#18181B'),\n '--storm-foreground-subtle': hexToRgb('#52525B'),\n '--storm-primary': hexToRgb('#84CC16'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#F0FDF4'),\n '--storm-secondary-foreground': hexToRgb('#365314'),\n '--storm-accent': hexToRgb('#A855F7'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#
|
|
1
|
+
{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin'\n\nfunction hexToRgb(hex: string): string {\n const h = hex.replace('#', '')\n const r = parseInt(h.substring(0, 2), 16)\n const g = parseInt(h.substring(2, 4), 16)\n const b = parseInt(h.substring(4, 6), 16)\n return `${r} ${g} ${b}`\n}\n\nconst stormPlugin = plugin(\n function ({ addBase }) {\n addBase({\n ':root': {\n '--storm-background': hexToRgb('#FAFAFA'),\n '--storm-foreground': hexToRgb('#18181B'),\n '--storm-foreground-subtle': hexToRgb('#52525B'),\n '--storm-primary': hexToRgb('#84CC16'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#F0FDF4'),\n '--storm-secondary-foreground': hexToRgb('#365314'),\n '--storm-accent': hexToRgb('#A855F7'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#DC2626'),\n '--storm-muted': hexToRgb('#F4F4F5'),\n '--storm-muted-foreground': hexToRgb('#71717A'),\n '--storm-border': hexToRgb('#E4E4E7'),\n '--storm-ring': hexToRgb('#84CC16'),\n '--storm-success': hexToRgb('#22C55E'),\n '--storm-success-foreground': hexToRgb('#052E16'),\n '--storm-warning': hexToRgb('#F59E0B'),\n '--storm-warning-foreground': hexToRgb('#451A03'),\n '--storm-info': hexToRgb('#3B82F6'),\n '--storm-info-foreground': hexToRgb('#FFFFFF'),\n '--storm-spacing-xs': '4px',\n '--storm-spacing-sm': '8px',\n '--storm-spacing-md': '16px',\n '--storm-spacing-lg': '24px',\n '--storm-spacing-xl': '32px',\n '--storm-spacing-2xl': '48px',\n '--storm-radius-sm': '6px',\n '--storm-radius-md': '8px',\n '--storm-radius-lg': '12px',\n '--storm-radius-full': '9999px',\n '--storm-border-width': '1px',\n },\n '.dark': {\n '--storm-background': hexToRgb('#09090B'),\n '--storm-foreground': hexToRgb('#FAFAFA'),\n '--storm-foreground-subtle': hexToRgb('#A1A1AA'),\n '--storm-primary': hexToRgb('#A3E635'),\n '--storm-primary-foreground': hexToRgb('#052E16'),\n '--storm-secondary': hexToRgb('#0C1A0A'),\n '--storm-secondary-foreground': hexToRgb('#BEF264'),\n '--storm-accent': hexToRgb('#C084FC'),\n '--storm-accent-foreground': hexToRgb('#FFFFFF'),\n '--storm-destructive': hexToRgb('#DC2626'),\n '--storm-muted': hexToRgb('#18181B'),\n '--storm-muted-foreground': hexToRgb('#A1A1AA'),\n '--storm-border': hexToRgb('#27272A'),\n '--storm-ring': hexToRgb('#A3E635'),\n '--storm-success': hexToRgb('#4ADE80'),\n '--storm-success-foreground': hexToRgb('#052E16'),\n '--storm-warning': hexToRgb('#FBBF24'),\n '--storm-warning-foreground': hexToRgb('#451A03'),\n '--storm-info': hexToRgb('#60A5FA'),\n '--storm-info-foreground': hexToRgb('#FFFFFF'),\n },\n })\n },\n {\n theme: {\n extend: {\n fontFamily: {\n 'storm-mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Consolas', 'monospace'],\n },\n colors: {\n storm: {\n background: 'rgb(var(--storm-background) / <alpha-value>)',\n foreground: 'rgb(var(--storm-foreground) / <alpha-value>)',\n 'foreground-subtle': 'rgb(var(--storm-foreground-subtle) / <alpha-value>)',\n primary: 'rgb(var(--storm-primary) / <alpha-value>)',\n 'primary-foreground': 'rgb(var(--storm-primary-foreground) / <alpha-value>)',\n secondary: 'rgb(var(--storm-secondary) / <alpha-value>)',\n 'secondary-foreground': 'rgb(var(--storm-secondary-foreground) / <alpha-value>)',\n accent: 'rgb(var(--storm-accent) / <alpha-value>)',\n 'accent-foreground': 'rgb(var(--storm-accent-foreground) / <alpha-value>)',\n destructive: 'rgb(var(--storm-destructive) / <alpha-value>)',\n muted: 'rgb(var(--storm-muted) / <alpha-value>)',\n 'muted-foreground': 'rgb(var(--storm-muted-foreground) / <alpha-value>)',\n border: 'rgb(var(--storm-border) / <alpha-value>)',\n ring: 'rgb(var(--storm-ring) / <alpha-value>)',\n success: 'rgb(var(--storm-success) / <alpha-value>)',\n 'success-foreground': 'rgb(var(--storm-success-foreground) / <alpha-value>)',\n warning: 'rgb(var(--storm-warning) / <alpha-value>)',\n 'warning-foreground': 'rgb(var(--storm-warning-foreground) / <alpha-value>)',\n info: 'rgb(var(--storm-info) / <alpha-value>)',\n 'info-foreground': 'rgb(var(--storm-info-foreground) / <alpha-value>)',\n },\n },\n borderRadius: {\n 'storm-sm': 'var(--storm-radius-sm)',\n 'storm-md': 'var(--storm-radius-md)',\n 'storm-lg': 'var(--storm-radius-lg)',\n 'storm-full': 'var(--storm-radius-full)',\n },\n borderWidth: {\n storm: 'var(--storm-border-width)',\n },\n spacing: {\n 'storm-xs': 'var(--storm-spacing-xs)',\n 'storm-sm': 'var(--storm-spacing-sm)',\n 'storm-md': 'var(--storm-spacing-md)',\n 'storm-lg': 'var(--storm-spacing-lg)',\n 'storm-xl': 'var(--storm-spacing-xl)',\n 'storm-2xl': 'var(--storm-spacing-2xl)',\n },\n ringColor: {\n 'storm-ring': 'rgb(var(--storm-ring) / <alpha-value>)',\n },\n },\n },\n }\n)\n\nexport default stormPlugin\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storm-ds/ui",
|
|
3
|
-
"version": "0.1
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Lightning-fast component library optimized for Next.js",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -25,8 +25,7 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
28
|
-
"url": "https://github.com/saayym/storm-
|
|
29
|
-
"directory": "packages/ui"
|
|
28
|
+
"url": "https://github.com/saayym/storm-ui.git"
|
|
30
29
|
},
|
|
31
30
|
"homepage": "https://storm-project-web.vercel.app",
|
|
32
31
|
"bugs": {
|
|
@@ -71,7 +70,7 @@
|
|
|
71
70
|
"@types/react": "^18.2.48",
|
|
72
71
|
"@types/react-dom": "^18.2.18",
|
|
73
72
|
"recharts": "^3.7.0",
|
|
74
|
-
"@storm-ds/icons": "
|
|
73
|
+
"@storm-ds/icons": "^1.0.0",
|
|
75
74
|
"tsup": "^8.0.1",
|
|
76
75
|
"typescript": "^5.3.3"
|
|
77
76
|
}
|