@shuriken-ui/tailwind 0.0.4 → 0.0.5
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 +54 -0
- package/dist/config.d.ts +4 -10
- package/dist/index.d.ts +10 -28
- package/dist/preset.cjs +517 -67
- package/dist/preset.d.ts +4 -10
- package/dist/preset.mjs +517 -67
- package/package.json +1 -1
- /package/dist/{components-cff79ff9.d.ts → options-cff79ff9.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -50,4 +50,58 @@ export default {
|
|
|
50
50
|
presets: [shurikenUIPreset],
|
|
51
51
|
// your config
|
|
52
52
|
} satisfies Config
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
## Customization
|
|
56
|
+
|
|
57
|
+
Shuriken UI is fully customizable. You can override components by using the `theme` option.
|
|
58
|
+
|
|
59
|
+
```ts
|
|
60
|
+
export default withShurikenUI({
|
|
61
|
+
theme: {
|
|
62
|
+
extend: {
|
|
63
|
+
shurikenUi: {
|
|
64
|
+
dropdownDivider: {
|
|
65
|
+
space: '2',
|
|
66
|
+
border: 'muted-200', // you can use arbitrary value like '[#fff]'
|
|
67
|
+
borderDark: 'muted-600',
|
|
68
|
+
},
|
|
69
|
+
focus: {
|
|
70
|
+
offset: '2',
|
|
71
|
+
width: '1',
|
|
72
|
+
style: 'dashed',
|
|
73
|
+
color: 'muted-300',
|
|
74
|
+
colorDark: 'muted-600',
|
|
75
|
+
},
|
|
76
|
+
label: {
|
|
77
|
+
font: 'alt',
|
|
78
|
+
text: 'muted-400',
|
|
79
|
+
textDark: 'muted-400/80',
|
|
80
|
+
},
|
|
81
|
+
mark: {
|
|
82
|
+
bg: 'primary-100',
|
|
83
|
+
bgDark: 'primary-800',
|
|
84
|
+
text: 'primary-800',
|
|
85
|
+
textDark: 'primary-200',
|
|
86
|
+
},
|
|
87
|
+
slimscroll: {
|
|
88
|
+
width: '[6px]',
|
|
89
|
+
bg: 'black/5',
|
|
90
|
+
bgDark: 'white/5',
|
|
91
|
+
bgHover: 'black/20',
|
|
92
|
+
bgHoverDark: 'white/20',
|
|
93
|
+
},
|
|
94
|
+
tooltip: {
|
|
95
|
+
font: 'sans',
|
|
96
|
+
bg: '[#1e293b]',
|
|
97
|
+
bgDark: '[#ec4899]',
|
|
98
|
+
text: '[#fff]',
|
|
99
|
+
textDark: '[#fff]',
|
|
100
|
+
minWidth: '3rem',
|
|
101
|
+
maxWidth: '21rem',
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
},
|
|
106
|
+
})
|
|
53
107
|
```
|
package/dist/config.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { P as PluginOption } from './options-cff79ff9.js';
|
|
1
2
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
-
import { P as PluginOption } from './components-cff79ff9.js';
|
|
3
3
|
import * as _tailwindcss_typography from '@tailwindcss/typography';
|
|
4
4
|
import { Config } from 'tailwindcss';
|
|
5
5
|
|
|
@@ -10,6 +10,9 @@ declare const _default: {
|
|
|
10
10
|
content: never[];
|
|
11
11
|
plugins: (typeof _tailwindcss_typography | {
|
|
12
12
|
handler: () => void;
|
|
13
|
+
} | {
|
|
14
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
15
|
+
config?: Partial<Config> | undefined;
|
|
13
16
|
} | {
|
|
14
17
|
(options: PluginOption): {
|
|
15
18
|
handler: tailwindcss_types_config.PluginCreator;
|
|
@@ -205,18 +208,9 @@ declare const _default: {
|
|
|
205
208
|
'margin-left': string;
|
|
206
209
|
};
|
|
207
210
|
};
|
|
208
|
-
'nui-placeload': {
|
|
209
|
-
'0%': {
|
|
210
|
-
'background-position': string;
|
|
211
|
-
};
|
|
212
|
-
'100%': {
|
|
213
|
-
'background-position': string;
|
|
214
|
-
};
|
|
215
|
-
};
|
|
216
211
|
};
|
|
217
212
|
animation: {
|
|
218
213
|
'nui-indeterminate': string;
|
|
219
|
-
'nui-placeload': string;
|
|
220
214
|
};
|
|
221
215
|
};
|
|
222
216
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { P as PluginOption } from './options-cff79ff9.js';
|
|
1
2
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
2
|
-
import { P as PluginOption } from './components-cff79ff9.js';
|
|
3
3
|
import * as _tailwindcss_typography from '@tailwindcss/typography';
|
|
4
4
|
import { Config } from 'tailwindcss';
|
|
5
5
|
|
|
@@ -10,6 +10,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
10
10
|
content: never[];
|
|
11
11
|
plugins: (typeof _tailwindcss_typography | {
|
|
12
12
|
handler: () => void;
|
|
13
|
+
} | {
|
|
14
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
15
|
+
config?: Partial<Config> | undefined;
|
|
13
16
|
} | {
|
|
14
17
|
(options: PluginOption): {
|
|
15
18
|
handler: tailwindcss_types_config.PluginCreator;
|
|
@@ -205,18 +208,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
205
208
|
'margin-left': string;
|
|
206
209
|
};
|
|
207
210
|
};
|
|
208
|
-
'nui-placeload': {
|
|
209
|
-
'0%': {
|
|
210
|
-
'background-position': string;
|
|
211
|
-
};
|
|
212
|
-
'100%': {
|
|
213
|
-
'background-position': string;
|
|
214
|
-
};
|
|
215
|
-
};
|
|
216
211
|
};
|
|
217
212
|
animation: {
|
|
218
213
|
'nui-indeterminate': string;
|
|
219
|
-
'nui-placeload': string;
|
|
220
214
|
};
|
|
221
215
|
};
|
|
222
216
|
};
|
|
@@ -227,6 +221,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
227
221
|
content: never[];
|
|
228
222
|
plugins: (typeof _tailwindcss_typography | {
|
|
229
223
|
handler: () => void;
|
|
224
|
+
} | {
|
|
225
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
226
|
+
config?: Partial<Config> | undefined;
|
|
230
227
|
} | {
|
|
231
228
|
(options: PluginOption): {
|
|
232
229
|
handler: tailwindcss_types_config.PluginCreator;
|
|
@@ -422,18 +419,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
422
419
|
'margin-left': string;
|
|
423
420
|
};
|
|
424
421
|
};
|
|
425
|
-
'nui-placeload': {
|
|
426
|
-
'0%': {
|
|
427
|
-
'background-position': string;
|
|
428
|
-
};
|
|
429
|
-
'100%': {
|
|
430
|
-
'background-position': string;
|
|
431
|
-
};
|
|
432
|
-
};
|
|
433
422
|
};
|
|
434
423
|
animation: {
|
|
435
424
|
'nui-indeterminate': string;
|
|
436
|
-
'nui-placeload': string;
|
|
437
425
|
};
|
|
438
426
|
};
|
|
439
427
|
};
|
|
@@ -442,6 +430,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
442
430
|
content: never[];
|
|
443
431
|
plugins: (typeof _tailwindcss_typography | {
|
|
444
432
|
handler: () => void;
|
|
433
|
+
} | {
|
|
434
|
+
handler: tailwindcss_types_config.PluginCreator;
|
|
435
|
+
config?: Partial<Config> | undefined;
|
|
445
436
|
} | {
|
|
446
437
|
(options: PluginOption): {
|
|
447
438
|
handler: tailwindcss_types_config.PluginCreator;
|
|
@@ -637,18 +628,9 @@ declare function withShurikenUI(userConfig: Config): Omit<Config, "presets" | "c
|
|
|
637
628
|
'margin-left': string;
|
|
638
629
|
};
|
|
639
630
|
};
|
|
640
|
-
'nui-placeload': {
|
|
641
|
-
'0%': {
|
|
642
|
-
'background-position': string;
|
|
643
|
-
};
|
|
644
|
-
'100%': {
|
|
645
|
-
'background-position': string;
|
|
646
|
-
};
|
|
647
|
-
};
|
|
648
631
|
};
|
|
649
632
|
animation: {
|
|
650
633
|
'nui-indeterminate': string;
|
|
651
|
-
'nui-placeload': string;
|
|
652
634
|
};
|
|
653
635
|
};
|
|
654
636
|
};
|