@shuriken-ui/tailwind 3.1.3 → 4.0.0-alpha.10
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 +20 -74
- package/lib/css/focus.css +4 -0
- package/lib/css/mark.css +4 -0
- package/lib/css/mask.css +20 -0
- package/lib/css/slimscroll.css +32 -0
- package/lib/index.css +18 -0
- package/lib/theme.css +126 -0
- package/package.json +15 -104
- package/LICENSE.md +0 -21
- package/dist/colors.cjs +0 -2
- package/dist/colors.d.cts +0 -2
- package/dist/colors.d.mts +0 -2
- package/dist/colors.d.ts +0 -2
- package/dist/colors.mjs +0 -1
- package/dist/config.cjs +0 -18
- package/dist/config.d.cts +0 -6
- package/dist/config.d.mts +0 -6
- package/dist/config.d.ts +0 -6
- package/dist/config.mjs +0 -16
- package/dist/index.cjs +0 -25
- package/dist/index.d.cts +0 -11
- package/dist/index.d.mts +0 -11
- package/dist/index.d.ts +0 -11
- package/dist/index.mjs +0 -21
- package/dist/plugins/index.cjs +0 -21074
- package/dist/plugins/index.d.cts +0 -308
- package/dist/plugins/index.d.mts +0 -308
- package/dist/plugins/index.d.ts +0 -308
- package/dist/plugins/index.mjs +0 -21008
- package/dist/preset.cjs +0 -53
- package/dist/preset.d.cts +0 -3
- package/dist/preset.d.mts +0 -3
- package/dist/preset.d.ts +0 -3
- package/dist/preset.mjs +0 -44
- package/dist/shared/tailwind.6e316a50.d.cts +0 -49966
- package/dist/shared/tailwind.6e316a50.d.mts +0 -49966
- package/dist/shared/tailwind.6e316a50.d.ts +0 -49966
- package/dist/themes.cjs +0 -119
- package/dist/themes.d.cts +0 -187
- package/dist/themes.d.mts +0 -187
- package/dist/themes.d.ts +0 -187
- package/dist/themes.mjs +0 -113
package/README.md
CHANGED
@@ -13,7 +13,7 @@
|
|
13
13
|
|
14
14
|
---
|
15
15
|
|
16
|
-
## Shuriken UI - Tailwind CSS
|
16
|
+
## Shuriken UI - Tailwind CSS v4
|
17
17
|
|
18
18
|
Shuriken UI is a free and open-source Tailwind CSS UI Kit. It is a collection of components and templates that you can use to build your next Tailwind CSS project.
|
19
19
|
|
@@ -21,89 +21,35 @@ This package contains the Tailwind CSS preset, components, and shared utils like
|
|
21
21
|
|
22
22
|
## Installation
|
23
23
|
|
24
|
+
Install dependencies:
|
25
|
+
|
24
26
|
```bash
|
25
|
-
pnpm install -D @shuriken-ui/tailwind
|
27
|
+
pnpm install -D @shuriken-ui/tailwind@next tailwindcss@next @tailwindcss/vite@next
|
26
28
|
```
|
27
29
|
|
28
|
-
|
29
|
-
|
30
|
-
The simplest way to register Shuriken UI is to use `withShurikenUI` helper function.
|
30
|
+
Add tailwind plugin to your `vite.config.ts`:
|
31
31
|
|
32
32
|
```ts
|
33
|
-
|
34
|
-
import {
|
35
|
-
|
36
|
-
export default withShurikenUI({
|
37
|
-
// your tailwind config
|
38
|
-
content: [],
|
39
|
-
})
|
40
|
-
```
|
41
|
-
|
42
|
-
|
43
|
-
You can also direcly import the preset and use it in your config.
|
33
|
+
import tailwindcss from '@tailwindcss/vite'
|
34
|
+
import { defineConfig } from 'vite'
|
44
35
|
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
import preset from '@shuriken-ui/tailwind/preset'
|
49
|
-
|
50
|
-
export default {
|
51
|
-
// your tailwind config, with the preset
|
52
|
-
content: [],
|
53
|
-
presets: [preset],
|
54
|
-
} satisfies Config
|
36
|
+
export default defineConfig({
|
37
|
+
plugins: [tailwindcss()],
|
38
|
+
});
|
55
39
|
```
|
56
40
|
|
41
|
+
Reference Shuriken UI in your `tailwind.css` file:
|
57
42
|
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
// tailwind.config.ts
|
62
|
-
import type { Config } from 'tailwindcss'
|
63
|
-
import { fontFamily } from 'tailwindcss/defaultTheme'
|
64
|
-
import colors from 'tailwindcss/colors'
|
65
|
-
|
66
|
-
import { input, button } from '@shuriken-ui/tailwind/plugins'
|
67
|
-
|
68
|
-
export default {
|
69
|
-
// your tailwind config, with only the components you need
|
70
|
-
plugins: [input, button],
|
71
|
-
theme: {
|
72
|
-
fontFamily: {
|
73
|
-
sans: fontFamily.sans,
|
74
|
-
heading: fontFamily.sans,
|
75
|
-
alt: fontFamily.sans,
|
76
|
-
mono: fontFamily.mono,
|
77
|
-
},
|
78
|
-
extend: {
|
79
|
-
colors: {
|
80
|
-
primary: colors.violet,
|
81
|
-
'primary-invert': colors.white,
|
82
|
-
muted: colors.slate,
|
83
|
-
info: colors.sky,
|
84
|
-
success: colors.teal,
|
85
|
-
warning: colors.amber,
|
86
|
-
danger: colors.rose,
|
87
|
-
},
|
88
|
-
},
|
89
|
-
},
|
90
|
-
} satisfies Config
|
91
|
-
```
|
92
|
-
|
93
|
-
## Customization
|
43
|
+
```css
|
44
|
+
@import 'tailwindcss';
|
45
|
+
@import '@shuriken-ui/tailwind';
|
94
46
|
|
95
|
-
|
47
|
+
/* Register the dark mode variant (with .dark class) */
|
48
|
+
@variant dark (&:where(.dark, .dark *));
|
96
49
|
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
extend: {
|
101
|
-
nui: {
|
102
|
-
// your customizations
|
103
|
-
},
|
104
|
-
},
|
105
|
-
},
|
106
|
-
})
|
50
|
+
@theme {
|
51
|
+
/* Customize your theme here */
|
52
|
+
}
|
107
53
|
```
|
108
54
|
|
109
|
-
>
|
55
|
+
> See the [theme.css](https://github.com/shuriken-ui/shuriken-ui/blob/main/packages/tailwind/lib/theme.css) file for a complete list of available variables you can customize.
|
package/lib/css/mark.css
ADDED
package/lib/css/mask.css
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
@utility nui-mask {
|
2
|
+
mask-size: contain;
|
3
|
+
mask-repeat: no-repeat;
|
4
|
+
mask-position: center;
|
5
|
+
}
|
6
|
+
@utility nui-mask-hex {
|
7
|
+
mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjQuNzg2IDE4MS40Yy05LjE5NiAwLTIwLjA2My02LjY4Ny0yNS4wNzktMTQuMjFMMy43NjIgMTA1LjMzYy01LjAxNi04LjM2LTUuMDE2LTIwLjkgMC0yOS4yNTlsMzUuOTQ1LTYxLjg2QzQ0LjcyMyA1Ljg1MSA1NS41OSAwIDY0Ljc4NiAwaDcxLjA1NWM5LjE5NiAwIDIwLjA2MyA2LjY4OCAyNS4wNzkgMTQuMjExbDM1Ljk0NSA2MS44NmM0LjE4IDguMzYgNC4xOCAyMC44OTkgMCAyOS4yNThsLTM1Ljk0NSA2MS44NmMtNC4xOCA4LjM2LTE1Ljg4MyAxNC4yMTEtMjUuMDc5IDE0LjIxMUg2NC43ODZ6Ii8+PC9zdmc+');
|
8
|
+
}
|
9
|
+
@utility nui-mask-hexed {
|
10
|
+
mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgyIiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBsLTYxLjg2LTM1Ljk0NUM2LjE1MSAxNTcuNDQuMyAxNDUuNzM3LjMgMTM2LjU0VjY1LjQ4NnoiLz48L3N2Zz4=');
|
11
|
+
}
|
12
|
+
@utility nui-mask-deca {
|
13
|
+
mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOTYgMGw1OC43NzkgMTkuMDk4IDM2LjMyNyA1MHY2MS44MDRsLTM2LjMyNyA1MEw5NiAyMDBsLTU4Ljc3OS0xOS4wOTgtMzYuMzI3LTUwVjY5LjA5OGwzNi4zMjctNTB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=');
|
14
|
+
}
|
15
|
+
@utility nui-mask-blob {
|
16
|
+
mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAweiIvPjwvc3ZnPg==');
|
17
|
+
}
|
18
|
+
@utility nui-mask-diamond {
|
19
|
+
mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBsMTAwIDEwMC0xMDAgMTAwTDAgMTAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+');
|
20
|
+
}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
@utility nui-slimscroll {
|
2
|
+
scrollbar-width: auto !important;
|
3
|
+
|
4
|
+
&::-webkit-scrollbar {
|
5
|
+
scroll-behavior: smooth;
|
6
|
+
scrollbar-gutter: stable;
|
7
|
+
@apply w-[6px] h-[6px] block!;
|
8
|
+
}
|
9
|
+
|
10
|
+
&::-webkit-scrollbar-thumb {
|
11
|
+
@apply rounded-lg bg-black/5 dark:bg-white/5 duration-300 transition-all;
|
12
|
+
}
|
13
|
+
|
14
|
+
&:hover::-webkit-scrollbar-thumb {
|
15
|
+
@apply bg-black/20 dark:bg-white/20;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
@utility nui-slimscroll-opaque {
|
19
|
+
&::-webkit-scrollbar {
|
20
|
+
scroll-behavior: smooth;
|
21
|
+
scrollbar-gutter: stable;
|
22
|
+
@apply w-[6px] h-[6px] block!;
|
23
|
+
}
|
24
|
+
|
25
|
+
&::-webkit-scrollbar-thumb {
|
26
|
+
@apply rounded-lg bg-transparent duration-300 transition-all;
|
27
|
+
}
|
28
|
+
|
29
|
+
&:hover::-webkit-scrollbar-thumb {
|
30
|
+
@apply bg-black/20 dark:bg-white/20;
|
31
|
+
}
|
32
|
+
}
|
package/lib/index.css
ADDED
@@ -0,0 +1,18 @@
|
|
1
|
+
@plugin '@tailwindcss/typography';
|
2
|
+
|
3
|
+
@import './theme.css';
|
4
|
+
|
5
|
+
@import './css/focus.css';
|
6
|
+
@import './css/mark.css';
|
7
|
+
@import './css/mask.css';
|
8
|
+
@import './css/slimscroll.css';
|
9
|
+
|
10
|
+
@layer base {
|
11
|
+
.dark {
|
12
|
+
color-scheme: dark;
|
13
|
+
}
|
14
|
+
.nui-no-transition * {
|
15
|
+
transition-property: none !important;
|
16
|
+
transition-duration: 0 !important;
|
17
|
+
}
|
18
|
+
}
|
package/lib/theme.css
ADDED
@@ -0,0 +1,126 @@
|
|
1
|
+
@theme {
|
2
|
+
/* --font-sans: 'Titillium Web', sans-serif; */
|
3
|
+
/* --font-monospace: 'Titillium Web', sans-serif; */
|
4
|
+
--font-alt: var(--font-sans);
|
5
|
+
--font-heading: var(--font-sans);
|
6
|
+
|
7
|
+
/** Colors */
|
8
|
+
--color-muted-50: var(--color-gray-50);
|
9
|
+
--color-muted-100: var(--color-gray-100);
|
10
|
+
--color-muted-200: var(--color-gray-200);
|
11
|
+
--color-muted-300: var(--color-gray-300);
|
12
|
+
--color-muted-400: var(--color-gray-400);
|
13
|
+
--color-muted-500: var(--color-gray-500);
|
14
|
+
--color-muted-600: var(--color-gray-600);
|
15
|
+
--color-muted-700: var(--color-gray-700);
|
16
|
+
--color-muted-800: var(--color-gray-800);
|
17
|
+
--color-muted-900: var(--color-gray-900);
|
18
|
+
--color-muted-950: var(--color-gray-950);
|
19
|
+
|
20
|
+
--color-primary-50: var(--color-purple-50);
|
21
|
+
--color-primary-100: var(--color-purple-100);
|
22
|
+
--color-primary-200: var(--color-purple-200);
|
23
|
+
--color-primary-300: var(--color-purple-300);
|
24
|
+
--color-primary-400: var(--color-purple-400);
|
25
|
+
--color-primary-500: var(--color-purple-500);
|
26
|
+
--color-primary-600: var(--color-purple-600);
|
27
|
+
--color-primary-700: var(--color-purple-700);
|
28
|
+
--color-primary-800: var(--color-purple-800);
|
29
|
+
--color-primary-900: var(--color-purple-900);
|
30
|
+
--color-primary-950: var(--color-purple-950);
|
31
|
+
--color-primary-invert: var(--color-white);
|
32
|
+
--color-primary-base: var(--color-primary-500);
|
33
|
+
--color-primary-heavy: var(--color-primary-600);
|
34
|
+
--color-primary-light: var(--color-primary-400);
|
35
|
+
|
36
|
+
--color-info-50: var(--color-sky-50);
|
37
|
+
--color-info-100: var(--color-sky-100);
|
38
|
+
--color-info-200: var(--color-sky-200);
|
39
|
+
--color-info-300: var(--color-sky-300);
|
40
|
+
--color-info-400: var(--color-sky-400);
|
41
|
+
--color-info-500: var(--color-sky-500);
|
42
|
+
--color-info-600: var(--color-sky-600);
|
43
|
+
--color-info-700: var(--color-sky-700);
|
44
|
+
--color-info-800: var(--color-sky-800);
|
45
|
+
--color-info-900: var(--color-sky-900);
|
46
|
+
--color-info-950: var(--color-sky-950);
|
47
|
+
--color-info-invert: var(--color-white);
|
48
|
+
--color-info-base: var(--color-info-600);
|
49
|
+
--color-info-heavy: var(--color-info-700);
|
50
|
+
--color-info-light: var(--color-info-500);
|
51
|
+
|
52
|
+
--color-success-50: var(--color-teal-50);
|
53
|
+
--color-success-100: var(--color-teal-100);
|
54
|
+
--color-success-200: var(--color-teal-200);
|
55
|
+
--color-success-300: var(--color-teal-300);
|
56
|
+
--color-success-400: var(--color-teal-400);
|
57
|
+
--color-success-500: var(--color-teal-500);
|
58
|
+
--color-success-600: var(--color-teal-600);
|
59
|
+
--color-success-700: var(--color-teal-700);
|
60
|
+
--color-success-800: var(--color-teal-800);
|
61
|
+
--color-success-900: var(--color-teal-900);
|
62
|
+
--color-success-950: var(--color-teal-950);
|
63
|
+
--color-success-invert: var(--color-white);
|
64
|
+
--color-success-base: var(--color-success-600);
|
65
|
+
--color-success-heavy: var(--color-success-700);
|
66
|
+
--color-success-light: var(--color-success-500);
|
67
|
+
|
68
|
+
--color-warning-50: var(--color-amber-50);
|
69
|
+
--color-warning-100: var(--color-amber-100);
|
70
|
+
--color-warning-200: var(--color-amber-200);
|
71
|
+
--color-warning-300: var(--color-amber-300);
|
72
|
+
--color-warning-400: var(--color-amber-400);
|
73
|
+
--color-warning-500: var(--color-amber-500);
|
74
|
+
--color-warning-600: var(--color-amber-600);
|
75
|
+
--color-warning-700: var(--color-amber-700);
|
76
|
+
--color-warning-800: var(--color-amber-800);
|
77
|
+
--color-warning-900: var(--color-amber-900);
|
78
|
+
--color-warning-950: var(--color-amber-950);
|
79
|
+
--color-warning-invert: var(--color-white);
|
80
|
+
--color-warning-base: var(--color-warning-600);
|
81
|
+
--color-warning-heavy: var(--color-warning-700);
|
82
|
+
--color-warning-light: var(--color-warning-500);
|
83
|
+
|
84
|
+
--color-destructive-50: var(--color-rose-50);
|
85
|
+
--color-destructive-100: var(--color-rose-100);
|
86
|
+
--color-destructive-200: var(--color-rose-200);
|
87
|
+
--color-destructive-300: var(--color-rose-300);
|
88
|
+
--color-destructive-400: var(--color-rose-400);
|
89
|
+
--color-destructive-500: var(--color-rose-500);
|
90
|
+
--color-destructive-600: var(--color-rose-600);
|
91
|
+
--color-destructive-700: var(--color-rose-700);
|
92
|
+
--color-destructive-800: var(--color-rose-800);
|
93
|
+
--color-destructive-900: var(--color-rose-900);
|
94
|
+
--color-destructive-950: var(--color-rose-950);
|
95
|
+
--color-destructive-invert: var(--color-white);
|
96
|
+
--color-destructive-base: var(--color-destructive-600);
|
97
|
+
--color-destructive-heavy: var(--color-destructive-700);
|
98
|
+
--color-destructive-light: var(--color-destructive-500);
|
99
|
+
|
100
|
+
--color-link: var(--color-primary-base);
|
101
|
+
--color-ring: var(--color-muted-300);
|
102
|
+
|
103
|
+
--animate-nui-placeload: nui-placeload 1s linear infinite forwards;
|
104
|
+
--animate-nui-progress-indeterminate: nui-progress-indeterminate 3s linear infinite forwards;
|
105
|
+
--animate-nui-spin: spin 2s linear infinite;
|
106
|
+
|
107
|
+
@keyframes nui-placeload {
|
108
|
+
0% {
|
109
|
+
background-position: -468px 0;
|
110
|
+
}
|
111
|
+
100% {
|
112
|
+
background-position: 468px 0;
|
113
|
+
}
|
114
|
+
}
|
115
|
+
@keyframes nui-progress-indeterminate {
|
116
|
+
0% {
|
117
|
+
margin-left: -100%;
|
118
|
+
}
|
119
|
+
60% {
|
120
|
+
margin-left: 100%;
|
121
|
+
}
|
122
|
+
100% {
|
123
|
+
margin-left: -100%;
|
124
|
+
}
|
125
|
+
}
|
126
|
+
}
|
package/package.json
CHANGED
@@ -1,9 +1,13 @@
|
|
1
1
|
{
|
2
2
|
"name": "@shuriken-ui/tailwind",
|
3
|
-
"version": "
|
3
|
+
"version": "4.0.0-alpha.10",
|
4
4
|
"license": "MIT",
|
5
5
|
"author": "Css Ninja <hello@cssninja.io> (https://cssninja.io)",
|
6
|
-
"repository":
|
6
|
+
"repository": {
|
7
|
+
"type": "git",
|
8
|
+
"url": "git+https://github.com/shuriken-ui/shuriken-ui.git",
|
9
|
+
"directory": "packages/tailwind"
|
10
|
+
},
|
7
11
|
"bugs": "https://github.com/shuriken-ui/tailwind/issues",
|
8
12
|
"homepage": "https://github.com/shuriken-ui/tailwind",
|
9
13
|
"keywords": [
|
@@ -19,111 +23,18 @@
|
|
19
23
|
"module"
|
20
24
|
],
|
21
25
|
"type": "module",
|
22
|
-
"main": "./dist/index.cjs",
|
23
|
-
"types": "./dist/index.d.ts",
|
24
26
|
"exports": {
|
25
|
-
".":
|
26
|
-
|
27
|
-
|
28
|
-
"require": "./dist/index.cjs"
|
29
|
-
},
|
30
|
-
"./preset": {
|
31
|
-
"types": "./dist/preset.d.ts",
|
32
|
-
"import": "./dist/preset.mjs",
|
33
|
-
"require": "./dist/preset.cjs"
|
34
|
-
},
|
35
|
-
"./config": {
|
36
|
-
"types": "./dist/config.d.ts",
|
37
|
-
"import": "./dist/config.mjs",
|
38
|
-
"require": "./dist/config.cjs"
|
39
|
-
},
|
40
|
-
"./colors": {
|
41
|
-
"types": "./dist/colors.d.ts",
|
42
|
-
"import": "./dist/colors.mjs",
|
43
|
-
"require": "./dist/colors.cjs"
|
44
|
-
},
|
45
|
-
"./themes": {
|
46
|
-
"types": "./dist/themes.d.ts",
|
47
|
-
"import": "./dist/themes.mjs",
|
48
|
-
"require": "./dist/themes.cjs"
|
49
|
-
},
|
50
|
-
"./plugins": {
|
51
|
-
"types": "./dist/plugins/index.d.ts",
|
52
|
-
"import": "./dist/plugins/index.mjs",
|
53
|
-
"require": "./dist/plugins/index.cjs"
|
54
|
-
}
|
27
|
+
".": "./lib/index.css",
|
28
|
+
"./theme.css": "./lib/theme.css",
|
29
|
+
"./*.css": "./lib/css/*.css"
|
55
30
|
},
|
56
31
|
"files": [
|
57
|
-
"
|
32
|
+
"lib/index.css",
|
33
|
+
"lib/theme.css",
|
34
|
+
"lib/css"
|
58
35
|
],
|
59
|
-
"scripts": {
|
60
|
-
"dev": "storybook dev -p 6006",
|
61
|
-
"build": "unbuild",
|
62
|
-
"build-storybook": "storybook build",
|
63
|
-
"lint": "run-s lint:eslint:fix lint:prettier:fix",
|
64
|
-
"lint:prettier": "prettier --check \"./**/*.(ts|css|scss|md)\"",
|
65
|
-
"lint:prettier:fix": "prettier --write \"./**/*.(ts|css|scss|md)\"",
|
66
|
-
"lint:eslint": "eslint -c .eslintrc.cjs --ext .ts .",
|
67
|
-
"lint:eslint:fix": "eslint -c .eslintrc.cjs --fix --ext .ts .",
|
68
|
-
"test": "run-s lint:eslint lint:prettier test:vitest",
|
69
|
-
"test:vitest": "vitest",
|
70
|
-
"coverage": "vitest run --coverage",
|
71
|
-
"prepack": "pnpm run build",
|
72
|
-
"release": "run-s test release:*",
|
73
|
-
"release:standard-version": "standard-version",
|
74
|
-
"release:publish": "git push --follow-tags origin main && npm publish",
|
75
|
-
"prepare": "simple-git-hooks"
|
76
|
-
},
|
77
36
|
"dependencies": {
|
78
|
-
"@tailwindcss/
|
79
|
-
"
|
80
|
-
"defu": "^6.1.4",
|
81
|
-
"tailwindcss": "^3.4.1"
|
82
|
-
},
|
83
|
-
"devDependencies": {
|
84
|
-
"@commitlint/cli": "^18.4.4",
|
85
|
-
"@commitlint/config-conventional": "^18.4.4",
|
86
|
-
"@open-wc/lit-helpers": "0.6.0",
|
87
|
-
"@storybook/addon-essentials": "^8.0.5",
|
88
|
-
"@storybook/addon-links": "^8.0.5",
|
89
|
-
"@storybook/addon-themes": "^8.0.5",
|
90
|
-
"@storybook/blocks": "^8.0.5",
|
91
|
-
"@storybook/web-components": "^8.0.5",
|
92
|
-
"@storybook/web-components-vite": "^8.0.5",
|
93
|
-
"@types/node": "20.11.0",
|
94
|
-
"@typescript-eslint/eslint-plugin": "^6.18.1",
|
95
|
-
"@vitest/coverage-v8": "^1.1.3",
|
96
|
-
"@vitest/ui": "^1.1.3",
|
97
|
-
"autoprefixer": "^10.4.16",
|
98
|
-
"chromatic": "^10.2.1",
|
99
|
-
"commitlint": "^18.4.4",
|
100
|
-
"eslint": "8.56.0",
|
101
|
-
"eslint-config-prettier": "9.1.0",
|
102
|
-
"eslint-plugin-storybook": "^0.8.0",
|
103
|
-
"eslint-plugin-tailwindcss": "3.13.1",
|
104
|
-
"eslint-plugin-unicorn": "^50.0.1",
|
105
|
-
"jsdom": "^23.2.0",
|
106
|
-
"lint-staged": "^15.2.0",
|
107
|
-
"lit": "^3.1.1",
|
108
|
-
"npm-run-all": "^4.1.5",
|
109
|
-
"postcss": "^8.4.33",
|
110
|
-
"prettier": "^3.1.1",
|
111
|
-
"simple-git-hooks": "^2.9.0",
|
112
|
-
"standard-version": "^9.5.0",
|
113
|
-
"storybook": "^8.0.5",
|
114
|
-
"typescript": "^5.3.3",
|
115
|
-
"unbuild": "^2.0.0",
|
116
|
-
"vitest": "^1.1.3",
|
117
|
-
"vitest-axe": "1.0.0-pre.2"
|
118
|
-
},
|
119
|
-
"simple-git-hooks": {
|
120
|
-
"pre-commit": "pnpm lint-staged",
|
121
|
-
"commit-msg": "pnpm commitlint -e -V "
|
122
|
-
},
|
123
|
-
"lint-staged": {
|
124
|
-
"*.ts?(x)": [
|
125
|
-
"prettier --parser=typescript --write",
|
126
|
-
"eslint -c .eslintrc.cjs --fix --ext .ts"
|
127
|
-
]
|
37
|
+
"@tailwindcss/typography": "^0.5.15",
|
38
|
+
"tailwindcss": "4.0.0-beta.8"
|
128
39
|
}
|
129
|
-
}
|
40
|
+
}
|
package/LICENSE.md
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
MIT License
|
2
|
-
|
3
|
-
Copyright (c) 2023 Css Ninja
|
4
|
-
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
7
|
-
in the Software without restriction, including without limitation the rights
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
10
|
-
furnished to do so, subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
13
|
-
copies or substantial portions of the Software.
|
14
|
-
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
-
SOFTWARE.
|
package/dist/colors.cjs
DELETED
package/dist/colors.d.cts
DELETED
package/dist/colors.d.mts
DELETED
package/dist/colors.d.ts
DELETED
package/dist/colors.mjs
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
|
package/dist/config.cjs
DELETED
@@ -1,18 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
const preset = require('./preset.cjs');
|
4
|
-
require('@tailwindcss/typography');
|
5
|
-
require('@tailwindcss/container-queries');
|
6
|
-
require('./plugins/index.cjs');
|
7
|
-
require('tailwindcss/plugin');
|
8
|
-
require('defu');
|
9
|
-
require('./themes.cjs');
|
10
|
-
require('tailwindcss/colors');
|
11
|
-
require('tailwindcss/defaultTheme');
|
12
|
-
|
13
|
-
const config = {
|
14
|
-
content: [],
|
15
|
-
presets: [preset.preset]
|
16
|
-
};
|
17
|
-
|
18
|
-
module.exports = config;
|
package/dist/config.d.cts
DELETED
package/dist/config.d.mts
DELETED
package/dist/config.d.ts
DELETED
package/dist/config.mjs
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
import { preset } from './preset.mjs';
|
2
|
-
import '@tailwindcss/typography';
|
3
|
-
import '@tailwindcss/container-queries';
|
4
|
-
import './plugins/index.mjs';
|
5
|
-
import 'tailwindcss/plugin';
|
6
|
-
import 'defu';
|
7
|
-
import './themes.mjs';
|
8
|
-
import 'tailwindcss/colors';
|
9
|
-
import 'tailwindcss/defaultTheme';
|
10
|
-
|
11
|
-
const config = {
|
12
|
-
content: [],
|
13
|
-
presets: [preset]
|
14
|
-
};
|
15
|
-
|
16
|
-
export { config as default };
|
package/dist/index.cjs
DELETED
@@ -1,25 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
const preset = require('./preset.cjs');
|
4
|
-
require('@tailwindcss/typography');
|
5
|
-
require('@tailwindcss/container-queries');
|
6
|
-
require('./plugins/index.cjs');
|
7
|
-
require('tailwindcss/plugin');
|
8
|
-
require('defu');
|
9
|
-
require('./themes.cjs');
|
10
|
-
require('tailwindcss/colors');
|
11
|
-
require('tailwindcss/defaultTheme');
|
12
|
-
|
13
|
-
function withShurikenUI(config) {
|
14
|
-
if (preset.hasPreset(config)) {
|
15
|
-
return config;
|
16
|
-
}
|
17
|
-
config.presets ?? (config.presets = []);
|
18
|
-
config.presets.push(preset.preset);
|
19
|
-
return config;
|
20
|
-
}
|
21
|
-
|
22
|
-
exports.createPreset = preset.createPreset;
|
23
|
-
exports.hasPreset = preset.hasPreset;
|
24
|
-
exports.preset = preset.preset;
|
25
|
-
exports.withShurikenUI = withShurikenUI;
|
package/dist/index.d.cts
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.cjs';
|
2
|
-
export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.cjs';
|
3
|
-
import 'tailwindcss/types/config';
|
4
|
-
import 'tailwindcss';
|
5
|
-
|
6
|
-
/**
|
7
|
-
* Inject the shuriken-ui preset into a tailwind config if not already present
|
8
|
-
*/
|
9
|
-
declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
|
10
|
-
|
11
|
-
export { withShurikenUI };
|
package/dist/index.d.mts
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.mjs';
|
2
|
-
export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.mjs';
|
3
|
-
import 'tailwindcss/types/config';
|
4
|
-
import 'tailwindcss';
|
5
|
-
|
6
|
-
/**
|
7
|
-
* Inject the shuriken-ui preset into a tailwind config if not already present
|
8
|
-
*/
|
9
|
-
declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
|
10
|
-
|
11
|
-
export { withShurikenUI };
|
package/dist/index.d.ts
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
import { S as ShurikenUIConfig } from './shared/tailwind.6e316a50.js';
|
2
|
-
export { c as createPreset, h as hasPreset, p as preset } from './shared/tailwind.6e316a50.js';
|
3
|
-
import 'tailwindcss/types/config';
|
4
|
-
import 'tailwindcss';
|
5
|
-
|
6
|
-
/**
|
7
|
-
* Inject the shuriken-ui preset into a tailwind config if not already present
|
8
|
-
*/
|
9
|
-
declare function withShurikenUI(config: ShurikenUIConfig): ShurikenUIConfig;
|
10
|
-
|
11
|
-
export { withShurikenUI };
|
package/dist/index.mjs
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
import { hasPreset, preset } from './preset.mjs';
|
2
|
-
export { createPreset } from './preset.mjs';
|
3
|
-
import '@tailwindcss/typography';
|
4
|
-
import '@tailwindcss/container-queries';
|
5
|
-
import './plugins/index.mjs';
|
6
|
-
import 'tailwindcss/plugin';
|
7
|
-
import 'defu';
|
8
|
-
import './themes.mjs';
|
9
|
-
import 'tailwindcss/colors';
|
10
|
-
import 'tailwindcss/defaultTheme';
|
11
|
-
|
12
|
-
function withShurikenUI(config) {
|
13
|
-
if (hasPreset(config)) {
|
14
|
-
return config;
|
15
|
-
}
|
16
|
-
config.presets ?? (config.presets = []);
|
17
|
-
config.presets.push(preset);
|
18
|
-
return config;
|
19
|
-
}
|
20
|
-
|
21
|
-
export { hasPreset, preset, withShurikenUI };
|