@kashi-ui/tailwind 0.0.0-stage → 0.22.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/LICENSE +21 -0
- package/README.md +34 -2
- package/dist/preset.cjs +206 -0
- package/dist/preset.mjs +205 -0
- package/dist/theme.css +167 -0
- package/dist/tokens.json +198 -0
- package/package.json +32 -4
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Kashi contributors
|
|
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/README.md
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @kashi-ui/tailwind
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
پریست Tailwind [کاشی](https://kashi.sepantapouya.com): رنگ‌ها، فونت، گردی گوشه و سایه‌های کاشی به‌شکل کلاس‌های Tailwind. همهٔ کلاس‌ها به متغیرهای کاشی (`var(--k-…)`) اشاره می‌کنند، پس تم تیره و روشن و رنگ برندی که با `createTheme` ساخته‌اید خودکار روی آن‌ها هم اعمال می‌شود.
|
|
4
|
+
|
|
5
|
+
راهنمای کامل و فهرست کلاس‌ها: [kashi.sepantapouya.com/docs/tailwind](https://kashi.sepantapouya.com/docs/tailwind/)
|
|
6
|
+
|
|
7
|
+
## Tailwind 4
|
|
8
|
+
|
|
9
|
+
```css
|
|
10
|
+
@import "@kashi-ui/tailwind"; /* اول بیاید: ترتیب لایه‌ها را تعیین می‌کند */
|
|
11
|
+
@import "tailwindcss";
|
|
12
|
+
@import "@kashi-ui/css";
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Tailwind 3
|
|
16
|
+
|
|
17
|
+
```js
|
|
18
|
+
// tailwind.config.js
|
|
19
|
+
module.exports = { presets: [require("@kashi-ui/tailwind/preset")], content: ["./src/**/*.{js,ts,jsx,tsx}"] };
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## کلاس‌ها
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
<div className="bg-secondary border border-brand rounded-lg shadow-md p-4">
|
|
26
|
+
<p className="text-tertiary text-sm">…</p>
|
|
27
|
+
</div>
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
- رنگ‌های معنایی: `bg-primary` · `bg-brand` · `text-secondary` · `text-on-brand` · `border-brand` · …
|
|
31
|
+
- طیف‌ها: `brand` · `firoozeh` · `lajvard` · `zafaran` · `anar` · `pesteh` · `shab` (۵۰ تا ۹۵۰، با `/50` برای شفافیت)
|
|
32
|
+
- `rounded-*` · `shadow-*` · `font-sans` · `text-xs` تا `text-6xl` · `z-modal` · `ease-standard`
|
|
33
|
+
- حالت‌های `dark:` و `light:` بر اساس `data-theme`
|
|
34
|
+
|
|
35
|
+
لایسنس MIT · ساخته‌شده توسط [سپنتا پویا](https://sepantapouya.com)
|
package/dist/preset.cjs
ADDED
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
// @kashi-ui/tailwind — این فایل خودکار از توکن‌های کاشی ساخته شده است
|
|
2
|
+
// Tailwind 3: presets: [require("@kashi-ui/tailwind/preset")]
|
|
3
|
+
module.exports = {
|
|
4
|
+
"darkMode": [
|
|
5
|
+
"variant",
|
|
6
|
+
"&:not(:where([data-theme=\"light\"], [data-theme=\"light\"] *))"
|
|
7
|
+
],
|
|
8
|
+
"theme": {
|
|
9
|
+
"extend": {
|
|
10
|
+
"colors": {
|
|
11
|
+
"firoozeh": {
|
|
12
|
+
"50": "var(--k-firoozeh-50)",
|
|
13
|
+
"100": "var(--k-firoozeh-100)",
|
|
14
|
+
"200": "var(--k-firoozeh-200)",
|
|
15
|
+
"300": "var(--k-firoozeh-300)",
|
|
16
|
+
"400": "var(--k-firoozeh-400)",
|
|
17
|
+
"500": "var(--k-firoozeh-500)",
|
|
18
|
+
"600": "var(--k-firoozeh-600)",
|
|
19
|
+
"700": "var(--k-firoozeh-700)",
|
|
20
|
+
"800": "var(--k-firoozeh-800)",
|
|
21
|
+
"900": "var(--k-firoozeh-900)",
|
|
22
|
+
"950": "var(--k-firoozeh-950)"
|
|
23
|
+
},
|
|
24
|
+
"lajvard": {
|
|
25
|
+
"50": "var(--k-lajvard-50)",
|
|
26
|
+
"100": "var(--k-lajvard-100)",
|
|
27
|
+
"200": "var(--k-lajvard-200)",
|
|
28
|
+
"300": "var(--k-lajvard-300)",
|
|
29
|
+
"400": "var(--k-lajvard-400)",
|
|
30
|
+
"500": "var(--k-lajvard-500)",
|
|
31
|
+
"600": "var(--k-lajvard-600)",
|
|
32
|
+
"700": "var(--k-lajvard-700)",
|
|
33
|
+
"800": "var(--k-lajvard-800)",
|
|
34
|
+
"900": "var(--k-lajvard-900)",
|
|
35
|
+
"950": "var(--k-lajvard-950)"
|
|
36
|
+
},
|
|
37
|
+
"zafaran": {
|
|
38
|
+
"50": "var(--k-zafaran-50)",
|
|
39
|
+
"100": "var(--k-zafaran-100)",
|
|
40
|
+
"200": "var(--k-zafaran-200)",
|
|
41
|
+
"300": "var(--k-zafaran-300)",
|
|
42
|
+
"400": "var(--k-zafaran-400)",
|
|
43
|
+
"500": "var(--k-zafaran-500)",
|
|
44
|
+
"600": "var(--k-zafaran-600)",
|
|
45
|
+
"700": "var(--k-zafaran-700)",
|
|
46
|
+
"800": "var(--k-zafaran-800)",
|
|
47
|
+
"900": "var(--k-zafaran-900)",
|
|
48
|
+
"950": "var(--k-zafaran-950)"
|
|
49
|
+
},
|
|
50
|
+
"anar": {
|
|
51
|
+
"50": "var(--k-anar-50)",
|
|
52
|
+
"100": "var(--k-anar-100)",
|
|
53
|
+
"200": "var(--k-anar-200)",
|
|
54
|
+
"300": "var(--k-anar-300)",
|
|
55
|
+
"400": "var(--k-anar-400)",
|
|
56
|
+
"500": "var(--k-anar-500)",
|
|
57
|
+
"600": "var(--k-anar-600)",
|
|
58
|
+
"700": "var(--k-anar-700)",
|
|
59
|
+
"800": "var(--k-anar-800)",
|
|
60
|
+
"900": "var(--k-anar-900)",
|
|
61
|
+
"950": "var(--k-anar-950)"
|
|
62
|
+
},
|
|
63
|
+
"pesteh": {
|
|
64
|
+
"50": "var(--k-pesteh-50)",
|
|
65
|
+
"100": "var(--k-pesteh-100)",
|
|
66
|
+
"200": "var(--k-pesteh-200)",
|
|
67
|
+
"300": "var(--k-pesteh-300)",
|
|
68
|
+
"400": "var(--k-pesteh-400)",
|
|
69
|
+
"500": "var(--k-pesteh-500)",
|
|
70
|
+
"600": "var(--k-pesteh-600)",
|
|
71
|
+
"700": "var(--k-pesteh-700)",
|
|
72
|
+
"800": "var(--k-pesteh-800)",
|
|
73
|
+
"900": "var(--k-pesteh-900)",
|
|
74
|
+
"950": "var(--k-pesteh-950)"
|
|
75
|
+
},
|
|
76
|
+
"shab": {
|
|
77
|
+
"0": "var(--k-shab-0)",
|
|
78
|
+
"50": "var(--k-shab-50)",
|
|
79
|
+
"100": "var(--k-shab-100)",
|
|
80
|
+
"200": "var(--k-shab-200)",
|
|
81
|
+
"300": "var(--k-shab-300)",
|
|
82
|
+
"400": "var(--k-shab-400)",
|
|
83
|
+
"450": "var(--k-shab-450)",
|
|
84
|
+
"500": "var(--k-shab-500)",
|
|
85
|
+
"550": "var(--k-shab-550)",
|
|
86
|
+
"600": "var(--k-shab-600)",
|
|
87
|
+
"700": "var(--k-shab-700)",
|
|
88
|
+
"800": "var(--k-shab-800)",
|
|
89
|
+
"850": "var(--k-shab-850)",
|
|
90
|
+
"900": "var(--k-shab-900)",
|
|
91
|
+
"925": "var(--k-shab-925)",
|
|
92
|
+
"950": "var(--k-shab-950)",
|
|
93
|
+
"1000": "var(--k-shab-1000)"
|
|
94
|
+
},
|
|
95
|
+
"brand": {
|
|
96
|
+
"50": "var(--k-brand-50)",
|
|
97
|
+
"100": "var(--k-brand-100)",
|
|
98
|
+
"200": "var(--k-brand-200)",
|
|
99
|
+
"300": "var(--k-brand-300)",
|
|
100
|
+
"400": "var(--k-brand-400)",
|
|
101
|
+
"500": "var(--k-brand-500)",
|
|
102
|
+
"600": "var(--k-brand-600)",
|
|
103
|
+
"700": "var(--k-brand-700)",
|
|
104
|
+
"800": "var(--k-brand-800)",
|
|
105
|
+
"900": "var(--k-brand-900)",
|
|
106
|
+
"950": "var(--k-brand-950)"
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
"backgroundColor": {
|
|
110
|
+
"primary": "var(--k-bg-primary)",
|
|
111
|
+
"secondary": "var(--k-bg-secondary)",
|
|
112
|
+
"tertiary": "var(--k-bg-tertiary)",
|
|
113
|
+
"elevated": "var(--k-bg-elevated)",
|
|
114
|
+
"hover": "var(--k-bg-hover)",
|
|
115
|
+
"active": "var(--k-bg-active)",
|
|
116
|
+
"brand": "var(--k-bg-brand)",
|
|
117
|
+
"brand-hover": "var(--k-bg-brand-hover)",
|
|
118
|
+
"brand-subtle": "var(--k-bg-brand-subtle)",
|
|
119
|
+
"error": "var(--k-bg-error)",
|
|
120
|
+
"error-hover": "var(--k-bg-error-hover)",
|
|
121
|
+
"error-subtle": "var(--k-bg-error-subtle)",
|
|
122
|
+
"warning-subtle": "var(--k-bg-warning-subtle)",
|
|
123
|
+
"success-subtle": "var(--k-bg-success-subtle)",
|
|
124
|
+
"info-subtle": "var(--k-bg-info-subtle)"
|
|
125
|
+
},
|
|
126
|
+
"textColor": {
|
|
127
|
+
"primary": "var(--k-text-primary)",
|
|
128
|
+
"secondary": "var(--k-text-secondary)",
|
|
129
|
+
"tertiary": "var(--k-text-tertiary)",
|
|
130
|
+
"quaternary": "var(--k-text-quaternary)",
|
|
131
|
+
"on-brand": "var(--k-text-on-brand)",
|
|
132
|
+
"on-error": "var(--k-text-on-error)",
|
|
133
|
+
"brand": "var(--k-text-brand)",
|
|
134
|
+
"error": "var(--k-text-error)",
|
|
135
|
+
"warning": "var(--k-text-warning)",
|
|
136
|
+
"success": "var(--k-text-success)",
|
|
137
|
+
"info": "var(--k-text-info)"
|
|
138
|
+
},
|
|
139
|
+
"borderColor": {
|
|
140
|
+
"primary": "var(--k-border-primary)",
|
|
141
|
+
"secondary": "var(--k-border-secondary)",
|
|
142
|
+
"brand": "var(--k-border-brand)",
|
|
143
|
+
"input": "var(--k-border-input)",
|
|
144
|
+
"error": "var(--k-border-error)"
|
|
145
|
+
},
|
|
146
|
+
"fontFamily": {
|
|
147
|
+
"sans": "var(--k-font-sans)",
|
|
148
|
+
"display": "var(--k-font-display)",
|
|
149
|
+
"mono": "var(--k-font-mono)"
|
|
150
|
+
},
|
|
151
|
+
"fontSize": {
|
|
152
|
+
"xs": "var(--k-text-xs)",
|
|
153
|
+
"sm": "var(--k-text-sm)",
|
|
154
|
+
"md": "var(--k-text-md)",
|
|
155
|
+
"lg": "var(--k-text-lg)",
|
|
156
|
+
"xl": "var(--k-text-xl)",
|
|
157
|
+
"2xl": "var(--k-text-2xl)",
|
|
158
|
+
"3xl": "var(--k-text-3xl)",
|
|
159
|
+
"4xl": "var(--k-text-4xl)",
|
|
160
|
+
"5xl": "var(--k-text-5xl)",
|
|
161
|
+
"6xl": "var(--k-text-6xl)"
|
|
162
|
+
},
|
|
163
|
+
"fontWeight": {
|
|
164
|
+
"light": "var(--k-weight-light)",
|
|
165
|
+
"regular": "var(--k-weight-regular)",
|
|
166
|
+
"medium": "var(--k-weight-medium)",
|
|
167
|
+
"semibold": "var(--k-weight-semibold)",
|
|
168
|
+
"bold": "var(--k-weight-bold)",
|
|
169
|
+
"black": "var(--k-weight-black)"
|
|
170
|
+
},
|
|
171
|
+
"lineHeight": {
|
|
172
|
+
"tight": "var(--k-leading-tight)",
|
|
173
|
+
"normal": "var(--k-leading-normal)",
|
|
174
|
+
"relaxed": "var(--k-leading-relaxed)"
|
|
175
|
+
},
|
|
176
|
+
"borderRadius": {
|
|
177
|
+
"sm": "var(--k-radius-sm)",
|
|
178
|
+
"md": "var(--k-radius-md)",
|
|
179
|
+
"lg": "var(--k-radius-lg)",
|
|
180
|
+
"xl": "var(--k-radius-xl)",
|
|
181
|
+
"2xl": "var(--k-radius-2xl)",
|
|
182
|
+
"full": "var(--k-radius-full)"
|
|
183
|
+
},
|
|
184
|
+
"boxShadow": {
|
|
185
|
+
"xs": "var(--k-shadow-xs)",
|
|
186
|
+
"sm": "var(--k-shadow-sm)",
|
|
187
|
+
"md": "var(--k-shadow-md)",
|
|
188
|
+
"lg": "var(--k-shadow-lg)",
|
|
189
|
+
"xl": "var(--k-shadow-xl)",
|
|
190
|
+
"2xl": "var(--k-shadow-2xl)",
|
|
191
|
+
"skeuomorphic": "var(--k-shadow-skeuomorphic)"
|
|
192
|
+
},
|
|
193
|
+
"transitionTimingFunction": {
|
|
194
|
+
"standard": "var(--k-ease-standard)",
|
|
195
|
+
"emphasized": "var(--k-ease-emphasized)"
|
|
196
|
+
},
|
|
197
|
+
"zIndex": {
|
|
198
|
+
"dropdown": "var(--k-z-dropdown)",
|
|
199
|
+
"sticky": "var(--k-z-sticky)",
|
|
200
|
+
"overlay": "var(--k-z-overlay)",
|
|
201
|
+
"modal": "var(--k-z-modal)",
|
|
202
|
+
"toast": "var(--k-z-toast)"
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
};
|
package/dist/preset.mjs
ADDED
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
// @kashi-ui/tailwind — این فایل خودکار از توکن‌های کاشی ساخته شده است
|
|
2
|
+
export default {
|
|
3
|
+
"darkMode": [
|
|
4
|
+
"variant",
|
|
5
|
+
"&:not(:where([data-theme=\"light\"], [data-theme=\"light\"] *))"
|
|
6
|
+
],
|
|
7
|
+
"theme": {
|
|
8
|
+
"extend": {
|
|
9
|
+
"colors": {
|
|
10
|
+
"firoozeh": {
|
|
11
|
+
"50": "var(--k-firoozeh-50)",
|
|
12
|
+
"100": "var(--k-firoozeh-100)",
|
|
13
|
+
"200": "var(--k-firoozeh-200)",
|
|
14
|
+
"300": "var(--k-firoozeh-300)",
|
|
15
|
+
"400": "var(--k-firoozeh-400)",
|
|
16
|
+
"500": "var(--k-firoozeh-500)",
|
|
17
|
+
"600": "var(--k-firoozeh-600)",
|
|
18
|
+
"700": "var(--k-firoozeh-700)",
|
|
19
|
+
"800": "var(--k-firoozeh-800)",
|
|
20
|
+
"900": "var(--k-firoozeh-900)",
|
|
21
|
+
"950": "var(--k-firoozeh-950)"
|
|
22
|
+
},
|
|
23
|
+
"lajvard": {
|
|
24
|
+
"50": "var(--k-lajvard-50)",
|
|
25
|
+
"100": "var(--k-lajvard-100)",
|
|
26
|
+
"200": "var(--k-lajvard-200)",
|
|
27
|
+
"300": "var(--k-lajvard-300)",
|
|
28
|
+
"400": "var(--k-lajvard-400)",
|
|
29
|
+
"500": "var(--k-lajvard-500)",
|
|
30
|
+
"600": "var(--k-lajvard-600)",
|
|
31
|
+
"700": "var(--k-lajvard-700)",
|
|
32
|
+
"800": "var(--k-lajvard-800)",
|
|
33
|
+
"900": "var(--k-lajvard-900)",
|
|
34
|
+
"950": "var(--k-lajvard-950)"
|
|
35
|
+
},
|
|
36
|
+
"zafaran": {
|
|
37
|
+
"50": "var(--k-zafaran-50)",
|
|
38
|
+
"100": "var(--k-zafaran-100)",
|
|
39
|
+
"200": "var(--k-zafaran-200)",
|
|
40
|
+
"300": "var(--k-zafaran-300)",
|
|
41
|
+
"400": "var(--k-zafaran-400)",
|
|
42
|
+
"500": "var(--k-zafaran-500)",
|
|
43
|
+
"600": "var(--k-zafaran-600)",
|
|
44
|
+
"700": "var(--k-zafaran-700)",
|
|
45
|
+
"800": "var(--k-zafaran-800)",
|
|
46
|
+
"900": "var(--k-zafaran-900)",
|
|
47
|
+
"950": "var(--k-zafaran-950)"
|
|
48
|
+
},
|
|
49
|
+
"anar": {
|
|
50
|
+
"50": "var(--k-anar-50)",
|
|
51
|
+
"100": "var(--k-anar-100)",
|
|
52
|
+
"200": "var(--k-anar-200)",
|
|
53
|
+
"300": "var(--k-anar-300)",
|
|
54
|
+
"400": "var(--k-anar-400)",
|
|
55
|
+
"500": "var(--k-anar-500)",
|
|
56
|
+
"600": "var(--k-anar-600)",
|
|
57
|
+
"700": "var(--k-anar-700)",
|
|
58
|
+
"800": "var(--k-anar-800)",
|
|
59
|
+
"900": "var(--k-anar-900)",
|
|
60
|
+
"950": "var(--k-anar-950)"
|
|
61
|
+
},
|
|
62
|
+
"pesteh": {
|
|
63
|
+
"50": "var(--k-pesteh-50)",
|
|
64
|
+
"100": "var(--k-pesteh-100)",
|
|
65
|
+
"200": "var(--k-pesteh-200)",
|
|
66
|
+
"300": "var(--k-pesteh-300)",
|
|
67
|
+
"400": "var(--k-pesteh-400)",
|
|
68
|
+
"500": "var(--k-pesteh-500)",
|
|
69
|
+
"600": "var(--k-pesteh-600)",
|
|
70
|
+
"700": "var(--k-pesteh-700)",
|
|
71
|
+
"800": "var(--k-pesteh-800)",
|
|
72
|
+
"900": "var(--k-pesteh-900)",
|
|
73
|
+
"950": "var(--k-pesteh-950)"
|
|
74
|
+
},
|
|
75
|
+
"shab": {
|
|
76
|
+
"0": "var(--k-shab-0)",
|
|
77
|
+
"50": "var(--k-shab-50)",
|
|
78
|
+
"100": "var(--k-shab-100)",
|
|
79
|
+
"200": "var(--k-shab-200)",
|
|
80
|
+
"300": "var(--k-shab-300)",
|
|
81
|
+
"400": "var(--k-shab-400)",
|
|
82
|
+
"450": "var(--k-shab-450)",
|
|
83
|
+
"500": "var(--k-shab-500)",
|
|
84
|
+
"550": "var(--k-shab-550)",
|
|
85
|
+
"600": "var(--k-shab-600)",
|
|
86
|
+
"700": "var(--k-shab-700)",
|
|
87
|
+
"800": "var(--k-shab-800)",
|
|
88
|
+
"850": "var(--k-shab-850)",
|
|
89
|
+
"900": "var(--k-shab-900)",
|
|
90
|
+
"925": "var(--k-shab-925)",
|
|
91
|
+
"950": "var(--k-shab-950)",
|
|
92
|
+
"1000": "var(--k-shab-1000)"
|
|
93
|
+
},
|
|
94
|
+
"brand": {
|
|
95
|
+
"50": "var(--k-brand-50)",
|
|
96
|
+
"100": "var(--k-brand-100)",
|
|
97
|
+
"200": "var(--k-brand-200)",
|
|
98
|
+
"300": "var(--k-brand-300)",
|
|
99
|
+
"400": "var(--k-brand-400)",
|
|
100
|
+
"500": "var(--k-brand-500)",
|
|
101
|
+
"600": "var(--k-brand-600)",
|
|
102
|
+
"700": "var(--k-brand-700)",
|
|
103
|
+
"800": "var(--k-brand-800)",
|
|
104
|
+
"900": "var(--k-brand-900)",
|
|
105
|
+
"950": "var(--k-brand-950)"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
"backgroundColor": {
|
|
109
|
+
"primary": "var(--k-bg-primary)",
|
|
110
|
+
"secondary": "var(--k-bg-secondary)",
|
|
111
|
+
"tertiary": "var(--k-bg-tertiary)",
|
|
112
|
+
"elevated": "var(--k-bg-elevated)",
|
|
113
|
+
"hover": "var(--k-bg-hover)",
|
|
114
|
+
"active": "var(--k-bg-active)",
|
|
115
|
+
"brand": "var(--k-bg-brand)",
|
|
116
|
+
"brand-hover": "var(--k-bg-brand-hover)",
|
|
117
|
+
"brand-subtle": "var(--k-bg-brand-subtle)",
|
|
118
|
+
"error": "var(--k-bg-error)",
|
|
119
|
+
"error-hover": "var(--k-bg-error-hover)",
|
|
120
|
+
"error-subtle": "var(--k-bg-error-subtle)",
|
|
121
|
+
"warning-subtle": "var(--k-bg-warning-subtle)",
|
|
122
|
+
"success-subtle": "var(--k-bg-success-subtle)",
|
|
123
|
+
"info-subtle": "var(--k-bg-info-subtle)"
|
|
124
|
+
},
|
|
125
|
+
"textColor": {
|
|
126
|
+
"primary": "var(--k-text-primary)",
|
|
127
|
+
"secondary": "var(--k-text-secondary)",
|
|
128
|
+
"tertiary": "var(--k-text-tertiary)",
|
|
129
|
+
"quaternary": "var(--k-text-quaternary)",
|
|
130
|
+
"on-brand": "var(--k-text-on-brand)",
|
|
131
|
+
"on-error": "var(--k-text-on-error)",
|
|
132
|
+
"brand": "var(--k-text-brand)",
|
|
133
|
+
"error": "var(--k-text-error)",
|
|
134
|
+
"warning": "var(--k-text-warning)",
|
|
135
|
+
"success": "var(--k-text-success)",
|
|
136
|
+
"info": "var(--k-text-info)"
|
|
137
|
+
},
|
|
138
|
+
"borderColor": {
|
|
139
|
+
"primary": "var(--k-border-primary)",
|
|
140
|
+
"secondary": "var(--k-border-secondary)",
|
|
141
|
+
"brand": "var(--k-border-brand)",
|
|
142
|
+
"input": "var(--k-border-input)",
|
|
143
|
+
"error": "var(--k-border-error)"
|
|
144
|
+
},
|
|
145
|
+
"fontFamily": {
|
|
146
|
+
"sans": "var(--k-font-sans)",
|
|
147
|
+
"display": "var(--k-font-display)",
|
|
148
|
+
"mono": "var(--k-font-mono)"
|
|
149
|
+
},
|
|
150
|
+
"fontSize": {
|
|
151
|
+
"xs": "var(--k-text-xs)",
|
|
152
|
+
"sm": "var(--k-text-sm)",
|
|
153
|
+
"md": "var(--k-text-md)",
|
|
154
|
+
"lg": "var(--k-text-lg)",
|
|
155
|
+
"xl": "var(--k-text-xl)",
|
|
156
|
+
"2xl": "var(--k-text-2xl)",
|
|
157
|
+
"3xl": "var(--k-text-3xl)",
|
|
158
|
+
"4xl": "var(--k-text-4xl)",
|
|
159
|
+
"5xl": "var(--k-text-5xl)",
|
|
160
|
+
"6xl": "var(--k-text-6xl)"
|
|
161
|
+
},
|
|
162
|
+
"fontWeight": {
|
|
163
|
+
"light": "var(--k-weight-light)",
|
|
164
|
+
"regular": "var(--k-weight-regular)",
|
|
165
|
+
"medium": "var(--k-weight-medium)",
|
|
166
|
+
"semibold": "var(--k-weight-semibold)",
|
|
167
|
+
"bold": "var(--k-weight-bold)",
|
|
168
|
+
"black": "var(--k-weight-black)"
|
|
169
|
+
},
|
|
170
|
+
"lineHeight": {
|
|
171
|
+
"tight": "var(--k-leading-tight)",
|
|
172
|
+
"normal": "var(--k-leading-normal)",
|
|
173
|
+
"relaxed": "var(--k-leading-relaxed)"
|
|
174
|
+
},
|
|
175
|
+
"borderRadius": {
|
|
176
|
+
"sm": "var(--k-radius-sm)",
|
|
177
|
+
"md": "var(--k-radius-md)",
|
|
178
|
+
"lg": "var(--k-radius-lg)",
|
|
179
|
+
"xl": "var(--k-radius-xl)",
|
|
180
|
+
"2xl": "var(--k-radius-2xl)",
|
|
181
|
+
"full": "var(--k-radius-full)"
|
|
182
|
+
},
|
|
183
|
+
"boxShadow": {
|
|
184
|
+
"xs": "var(--k-shadow-xs)",
|
|
185
|
+
"sm": "var(--k-shadow-sm)",
|
|
186
|
+
"md": "var(--k-shadow-md)",
|
|
187
|
+
"lg": "var(--k-shadow-lg)",
|
|
188
|
+
"xl": "var(--k-shadow-xl)",
|
|
189
|
+
"2xl": "var(--k-shadow-2xl)",
|
|
190
|
+
"skeuomorphic": "var(--k-shadow-skeuomorphic)"
|
|
191
|
+
},
|
|
192
|
+
"transitionTimingFunction": {
|
|
193
|
+
"standard": "var(--k-ease-standard)",
|
|
194
|
+
"emphasized": "var(--k-ease-emphasized)"
|
|
195
|
+
},
|
|
196
|
+
"zIndex": {
|
|
197
|
+
"dropdown": "var(--k-z-dropdown)",
|
|
198
|
+
"sticky": "var(--k-z-sticky)",
|
|
199
|
+
"overlay": "var(--k-z-overlay)",
|
|
200
|
+
"modal": "var(--k-z-modal)",
|
|
201
|
+
"toast": "var(--k-z-toast)"
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
};
|
package/dist/theme.css
ADDED
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
/* @kashi-ui/tailwind — این فایل خودکار از توکن‌های کاشی ساخته شده است */
|
|
2
|
+
/* ترتیب لایه‌ها: کلاس‌های Tailwind همیشه بر استایل کامپوننت‌های کاشی برنده‌اند و پایهٔ کاشی بعد از preflight می‌آید */
|
|
3
|
+
@layer theme, base, kashi, components, utilities;
|
|
4
|
+
|
|
5
|
+
@custom-variant dark (&:not(:where([data-theme="light"], [data-theme="light"] *)));
|
|
6
|
+
@custom-variant light (&:where([data-theme="light"], [data-theme="light"] *));
|
|
7
|
+
|
|
8
|
+
@theme inline {
|
|
9
|
+
--color-firoozeh-50: var(--k-firoozeh-50);
|
|
10
|
+
--color-firoozeh-100: var(--k-firoozeh-100);
|
|
11
|
+
--color-firoozeh-200: var(--k-firoozeh-200);
|
|
12
|
+
--color-firoozeh-300: var(--k-firoozeh-300);
|
|
13
|
+
--color-firoozeh-400: var(--k-firoozeh-400);
|
|
14
|
+
--color-firoozeh-500: var(--k-firoozeh-500);
|
|
15
|
+
--color-firoozeh-600: var(--k-firoozeh-600);
|
|
16
|
+
--color-firoozeh-700: var(--k-firoozeh-700);
|
|
17
|
+
--color-firoozeh-800: var(--k-firoozeh-800);
|
|
18
|
+
--color-firoozeh-900: var(--k-firoozeh-900);
|
|
19
|
+
--color-firoozeh-950: var(--k-firoozeh-950);
|
|
20
|
+
--color-lajvard-50: var(--k-lajvard-50);
|
|
21
|
+
--color-lajvard-100: var(--k-lajvard-100);
|
|
22
|
+
--color-lajvard-200: var(--k-lajvard-200);
|
|
23
|
+
--color-lajvard-300: var(--k-lajvard-300);
|
|
24
|
+
--color-lajvard-400: var(--k-lajvard-400);
|
|
25
|
+
--color-lajvard-500: var(--k-lajvard-500);
|
|
26
|
+
--color-lajvard-600: var(--k-lajvard-600);
|
|
27
|
+
--color-lajvard-700: var(--k-lajvard-700);
|
|
28
|
+
--color-lajvard-800: var(--k-lajvard-800);
|
|
29
|
+
--color-lajvard-900: var(--k-lajvard-900);
|
|
30
|
+
--color-lajvard-950: var(--k-lajvard-950);
|
|
31
|
+
--color-zafaran-50: var(--k-zafaran-50);
|
|
32
|
+
--color-zafaran-100: var(--k-zafaran-100);
|
|
33
|
+
--color-zafaran-200: var(--k-zafaran-200);
|
|
34
|
+
--color-zafaran-300: var(--k-zafaran-300);
|
|
35
|
+
--color-zafaran-400: var(--k-zafaran-400);
|
|
36
|
+
--color-zafaran-500: var(--k-zafaran-500);
|
|
37
|
+
--color-zafaran-600: var(--k-zafaran-600);
|
|
38
|
+
--color-zafaran-700: var(--k-zafaran-700);
|
|
39
|
+
--color-zafaran-800: var(--k-zafaran-800);
|
|
40
|
+
--color-zafaran-900: var(--k-zafaran-900);
|
|
41
|
+
--color-zafaran-950: var(--k-zafaran-950);
|
|
42
|
+
--color-anar-50: var(--k-anar-50);
|
|
43
|
+
--color-anar-100: var(--k-anar-100);
|
|
44
|
+
--color-anar-200: var(--k-anar-200);
|
|
45
|
+
--color-anar-300: var(--k-anar-300);
|
|
46
|
+
--color-anar-400: var(--k-anar-400);
|
|
47
|
+
--color-anar-500: var(--k-anar-500);
|
|
48
|
+
--color-anar-600: var(--k-anar-600);
|
|
49
|
+
--color-anar-700: var(--k-anar-700);
|
|
50
|
+
--color-anar-800: var(--k-anar-800);
|
|
51
|
+
--color-anar-900: var(--k-anar-900);
|
|
52
|
+
--color-anar-950: var(--k-anar-950);
|
|
53
|
+
--color-pesteh-50: var(--k-pesteh-50);
|
|
54
|
+
--color-pesteh-100: var(--k-pesteh-100);
|
|
55
|
+
--color-pesteh-200: var(--k-pesteh-200);
|
|
56
|
+
--color-pesteh-300: var(--k-pesteh-300);
|
|
57
|
+
--color-pesteh-400: var(--k-pesteh-400);
|
|
58
|
+
--color-pesteh-500: var(--k-pesteh-500);
|
|
59
|
+
--color-pesteh-600: var(--k-pesteh-600);
|
|
60
|
+
--color-pesteh-700: var(--k-pesteh-700);
|
|
61
|
+
--color-pesteh-800: var(--k-pesteh-800);
|
|
62
|
+
--color-pesteh-900: var(--k-pesteh-900);
|
|
63
|
+
--color-pesteh-950: var(--k-pesteh-950);
|
|
64
|
+
--color-shab-0: var(--k-shab-0);
|
|
65
|
+
--color-shab-50: var(--k-shab-50);
|
|
66
|
+
--color-shab-100: var(--k-shab-100);
|
|
67
|
+
--color-shab-200: var(--k-shab-200);
|
|
68
|
+
--color-shab-300: var(--k-shab-300);
|
|
69
|
+
--color-shab-400: var(--k-shab-400);
|
|
70
|
+
--color-shab-450: var(--k-shab-450);
|
|
71
|
+
--color-shab-500: var(--k-shab-500);
|
|
72
|
+
--color-shab-550: var(--k-shab-550);
|
|
73
|
+
--color-shab-600: var(--k-shab-600);
|
|
74
|
+
--color-shab-700: var(--k-shab-700);
|
|
75
|
+
--color-shab-800: var(--k-shab-800);
|
|
76
|
+
--color-shab-850: var(--k-shab-850);
|
|
77
|
+
--color-shab-900: var(--k-shab-900);
|
|
78
|
+
--color-shab-925: var(--k-shab-925);
|
|
79
|
+
--color-shab-950: var(--k-shab-950);
|
|
80
|
+
--color-shab-1000: var(--k-shab-1000);
|
|
81
|
+
--color-brand-50: var(--k-brand-50);
|
|
82
|
+
--color-brand-100: var(--k-brand-100);
|
|
83
|
+
--color-brand-200: var(--k-brand-200);
|
|
84
|
+
--color-brand-300: var(--k-brand-300);
|
|
85
|
+
--color-brand-400: var(--k-brand-400);
|
|
86
|
+
--color-brand-500: var(--k-brand-500);
|
|
87
|
+
--color-brand-600: var(--k-brand-600);
|
|
88
|
+
--color-brand-700: var(--k-brand-700);
|
|
89
|
+
--color-brand-800: var(--k-brand-800);
|
|
90
|
+
--color-brand-900: var(--k-brand-900);
|
|
91
|
+
--color-brand-950: var(--k-brand-950);
|
|
92
|
+
--font-sans: var(--k-font-sans);
|
|
93
|
+
--font-display: var(--k-font-display);
|
|
94
|
+
--font-mono: var(--k-font-mono);
|
|
95
|
+
--text-xs: var(--k-text-xs);
|
|
96
|
+
--text-sm: var(--k-text-sm);
|
|
97
|
+
--text-md: var(--k-text-md);
|
|
98
|
+
--text-lg: var(--k-text-lg);
|
|
99
|
+
--text-xl: var(--k-text-xl);
|
|
100
|
+
--text-2xl: var(--k-text-2xl);
|
|
101
|
+
--text-3xl: var(--k-text-3xl);
|
|
102
|
+
--text-4xl: var(--k-text-4xl);
|
|
103
|
+
--text-5xl: var(--k-text-5xl);
|
|
104
|
+
--text-6xl: var(--k-text-6xl);
|
|
105
|
+
--font-weight-light: var(--k-weight-light);
|
|
106
|
+
--font-weight-regular: var(--k-weight-regular);
|
|
107
|
+
--font-weight-medium: var(--k-weight-medium);
|
|
108
|
+
--font-weight-semibold: var(--k-weight-semibold);
|
|
109
|
+
--font-weight-bold: var(--k-weight-bold);
|
|
110
|
+
--font-weight-black: var(--k-weight-black);
|
|
111
|
+
--leading-tight: var(--k-leading-tight);
|
|
112
|
+
--leading-normal: var(--k-leading-normal);
|
|
113
|
+
--leading-relaxed: var(--k-leading-relaxed);
|
|
114
|
+
--radius-sm: var(--k-radius-sm);
|
|
115
|
+
--radius-md: var(--k-radius-md);
|
|
116
|
+
--radius-lg: var(--k-radius-lg);
|
|
117
|
+
--radius-xl: var(--k-radius-xl);
|
|
118
|
+
--radius-2xl: var(--k-radius-2xl);
|
|
119
|
+
--radius-full: var(--k-radius-full);
|
|
120
|
+
--shadow-xs: var(--k-shadow-xs);
|
|
121
|
+
--shadow-sm: var(--k-shadow-sm);
|
|
122
|
+
--shadow-md: var(--k-shadow-md);
|
|
123
|
+
--shadow-lg: var(--k-shadow-lg);
|
|
124
|
+
--shadow-xl: var(--k-shadow-xl);
|
|
125
|
+
--shadow-2xl: var(--k-shadow-2xl);
|
|
126
|
+
--shadow-skeuomorphic: var(--k-shadow-skeuomorphic);
|
|
127
|
+
--ease-standard: var(--k-ease-standard);
|
|
128
|
+
--ease-emphasized: var(--k-ease-emphasized);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
/* رنگ‌های معنایی کاشی با همان نام‌ها: bg-primary، text-secondary، border-brand و… */
|
|
132
|
+
@utility bg-primary { background-color: var(--k-bg-primary); }
|
|
133
|
+
@utility bg-secondary { background-color: var(--k-bg-secondary); }
|
|
134
|
+
@utility bg-tertiary { background-color: var(--k-bg-tertiary); }
|
|
135
|
+
@utility bg-elevated { background-color: var(--k-bg-elevated); }
|
|
136
|
+
@utility bg-hover { background-color: var(--k-bg-hover); }
|
|
137
|
+
@utility bg-active { background-color: var(--k-bg-active); }
|
|
138
|
+
@utility bg-brand { background-color: var(--k-bg-brand); }
|
|
139
|
+
@utility bg-brand-hover { background-color: var(--k-bg-brand-hover); }
|
|
140
|
+
@utility bg-brand-subtle { background-color: var(--k-bg-brand-subtle); }
|
|
141
|
+
@utility bg-error { background-color: var(--k-bg-error); }
|
|
142
|
+
@utility bg-error-hover { background-color: var(--k-bg-error-hover); }
|
|
143
|
+
@utility bg-error-subtle { background-color: var(--k-bg-error-subtle); }
|
|
144
|
+
@utility bg-warning-subtle { background-color: var(--k-bg-warning-subtle); }
|
|
145
|
+
@utility bg-success-subtle { background-color: var(--k-bg-success-subtle); }
|
|
146
|
+
@utility bg-info-subtle { background-color: var(--k-bg-info-subtle); }
|
|
147
|
+
@utility text-primary { color: var(--k-text-primary); }
|
|
148
|
+
@utility text-secondary { color: var(--k-text-secondary); }
|
|
149
|
+
@utility text-tertiary { color: var(--k-text-tertiary); }
|
|
150
|
+
@utility text-quaternary { color: var(--k-text-quaternary); }
|
|
151
|
+
@utility text-on-brand { color: var(--k-text-on-brand); }
|
|
152
|
+
@utility text-on-error { color: var(--k-text-on-error); }
|
|
153
|
+
@utility text-brand { color: var(--k-text-brand); }
|
|
154
|
+
@utility text-error { color: var(--k-text-error); }
|
|
155
|
+
@utility text-warning { color: var(--k-text-warning); }
|
|
156
|
+
@utility text-success { color: var(--k-text-success); }
|
|
157
|
+
@utility text-info { color: var(--k-text-info); }
|
|
158
|
+
@utility border-primary { border-color: var(--k-border-primary); }
|
|
159
|
+
@utility border-secondary { border-color: var(--k-border-secondary); }
|
|
160
|
+
@utility border-brand { border-color: var(--k-border-brand); }
|
|
161
|
+
@utility border-input { border-color: var(--k-border-input); }
|
|
162
|
+
@utility border-error { border-color: var(--k-border-error); }
|
|
163
|
+
@utility z-dropdown { z-index: var(--k-z-dropdown); }
|
|
164
|
+
@utility z-sticky { z-index: var(--k-z-sticky); }
|
|
165
|
+
@utility z-overlay { z-index: var(--k-z-overlay); }
|
|
166
|
+
@utility z-modal { z-index: var(--k-z-modal); }
|
|
167
|
+
@utility z-toast { z-index: var(--k-z-toast); }
|
package/dist/tokens.json
ADDED
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
{
|
|
2
|
+
"palette": {
|
|
3
|
+
"firoozeh": [
|
|
4
|
+
"50",
|
|
5
|
+
"100",
|
|
6
|
+
"200",
|
|
7
|
+
"300",
|
|
8
|
+
"400",
|
|
9
|
+
"500",
|
|
10
|
+
"600",
|
|
11
|
+
"700",
|
|
12
|
+
"800",
|
|
13
|
+
"900",
|
|
14
|
+
"950"
|
|
15
|
+
],
|
|
16
|
+
"lajvard": [
|
|
17
|
+
"50",
|
|
18
|
+
"100",
|
|
19
|
+
"200",
|
|
20
|
+
"300",
|
|
21
|
+
"400",
|
|
22
|
+
"500",
|
|
23
|
+
"600",
|
|
24
|
+
"700",
|
|
25
|
+
"800",
|
|
26
|
+
"900",
|
|
27
|
+
"950"
|
|
28
|
+
],
|
|
29
|
+
"zafaran": [
|
|
30
|
+
"50",
|
|
31
|
+
"100",
|
|
32
|
+
"200",
|
|
33
|
+
"300",
|
|
34
|
+
"400",
|
|
35
|
+
"500",
|
|
36
|
+
"600",
|
|
37
|
+
"700",
|
|
38
|
+
"800",
|
|
39
|
+
"900",
|
|
40
|
+
"950"
|
|
41
|
+
],
|
|
42
|
+
"anar": [
|
|
43
|
+
"50",
|
|
44
|
+
"100",
|
|
45
|
+
"200",
|
|
46
|
+
"300",
|
|
47
|
+
"400",
|
|
48
|
+
"500",
|
|
49
|
+
"600",
|
|
50
|
+
"700",
|
|
51
|
+
"800",
|
|
52
|
+
"900",
|
|
53
|
+
"950"
|
|
54
|
+
],
|
|
55
|
+
"pesteh": [
|
|
56
|
+
"50",
|
|
57
|
+
"100",
|
|
58
|
+
"200",
|
|
59
|
+
"300",
|
|
60
|
+
"400",
|
|
61
|
+
"500",
|
|
62
|
+
"600",
|
|
63
|
+
"700",
|
|
64
|
+
"800",
|
|
65
|
+
"900",
|
|
66
|
+
"950"
|
|
67
|
+
],
|
|
68
|
+
"shab": [
|
|
69
|
+
"0",
|
|
70
|
+
"50",
|
|
71
|
+
"100",
|
|
72
|
+
"200",
|
|
73
|
+
"300",
|
|
74
|
+
"400",
|
|
75
|
+
"450",
|
|
76
|
+
"500",
|
|
77
|
+
"550",
|
|
78
|
+
"600",
|
|
79
|
+
"700",
|
|
80
|
+
"800",
|
|
81
|
+
"850",
|
|
82
|
+
"900",
|
|
83
|
+
"925",
|
|
84
|
+
"950",
|
|
85
|
+
"1000"
|
|
86
|
+
],
|
|
87
|
+
"brand": [
|
|
88
|
+
"50",
|
|
89
|
+
"100",
|
|
90
|
+
"200",
|
|
91
|
+
"300",
|
|
92
|
+
"400",
|
|
93
|
+
"500",
|
|
94
|
+
"600",
|
|
95
|
+
"700",
|
|
96
|
+
"800",
|
|
97
|
+
"900",
|
|
98
|
+
"950"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
"semantic": {
|
|
102
|
+
"bg": [
|
|
103
|
+
"primary",
|
|
104
|
+
"secondary",
|
|
105
|
+
"tertiary",
|
|
106
|
+
"elevated",
|
|
107
|
+
"hover",
|
|
108
|
+
"active",
|
|
109
|
+
"brand",
|
|
110
|
+
"brand-hover",
|
|
111
|
+
"brand-subtle",
|
|
112
|
+
"error",
|
|
113
|
+
"error-hover",
|
|
114
|
+
"error-subtle",
|
|
115
|
+
"warning-subtle",
|
|
116
|
+
"success-subtle",
|
|
117
|
+
"info-subtle"
|
|
118
|
+
],
|
|
119
|
+
"text": [
|
|
120
|
+
"primary",
|
|
121
|
+
"secondary",
|
|
122
|
+
"tertiary",
|
|
123
|
+
"quaternary",
|
|
124
|
+
"on-brand",
|
|
125
|
+
"on-error",
|
|
126
|
+
"brand",
|
|
127
|
+
"error",
|
|
128
|
+
"warning",
|
|
129
|
+
"success",
|
|
130
|
+
"info"
|
|
131
|
+
],
|
|
132
|
+
"border": [
|
|
133
|
+
"primary",
|
|
134
|
+
"secondary",
|
|
135
|
+
"brand",
|
|
136
|
+
"input",
|
|
137
|
+
"error"
|
|
138
|
+
]
|
|
139
|
+
},
|
|
140
|
+
"sizes": [
|
|
141
|
+
"xs",
|
|
142
|
+
"sm",
|
|
143
|
+
"md",
|
|
144
|
+
"lg",
|
|
145
|
+
"xl",
|
|
146
|
+
"2xl",
|
|
147
|
+
"3xl",
|
|
148
|
+
"4xl",
|
|
149
|
+
"5xl",
|
|
150
|
+
"6xl"
|
|
151
|
+
],
|
|
152
|
+
"radius": [
|
|
153
|
+
"sm",
|
|
154
|
+
"md",
|
|
155
|
+
"lg",
|
|
156
|
+
"xl",
|
|
157
|
+
"2xl",
|
|
158
|
+
"full"
|
|
159
|
+
],
|
|
160
|
+
"shadow": [
|
|
161
|
+
"xs",
|
|
162
|
+
"sm",
|
|
163
|
+
"md",
|
|
164
|
+
"lg",
|
|
165
|
+
"xl",
|
|
166
|
+
"2xl",
|
|
167
|
+
"skeuomorphic"
|
|
168
|
+
],
|
|
169
|
+
"fonts": [
|
|
170
|
+
"sans",
|
|
171
|
+
"display",
|
|
172
|
+
"mono"
|
|
173
|
+
],
|
|
174
|
+
"weights": [
|
|
175
|
+
"light",
|
|
176
|
+
"regular",
|
|
177
|
+
"medium",
|
|
178
|
+
"semibold",
|
|
179
|
+
"bold",
|
|
180
|
+
"black"
|
|
181
|
+
],
|
|
182
|
+
"leading": [
|
|
183
|
+
"tight",
|
|
184
|
+
"normal",
|
|
185
|
+
"relaxed"
|
|
186
|
+
],
|
|
187
|
+
"ease": [
|
|
188
|
+
"standard",
|
|
189
|
+
"emphasized"
|
|
190
|
+
],
|
|
191
|
+
"z": [
|
|
192
|
+
"dropdown",
|
|
193
|
+
"sticky",
|
|
194
|
+
"overlay",
|
|
195
|
+
"modal",
|
|
196
|
+
"toast"
|
|
197
|
+
]
|
|
198
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kashi-ui/tailwind",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
3
|
+
"version": "0.22.0",
|
|
4
|
+
"description": "پریست Tailwind کاشی: رنگ‌ها، فونت، گردی گوشه و سایه‌های کاشی به‌شکل کلاس‌های Tailwind، همگام با تم تیره و روشن",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"style": "./dist/theme.css",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": { "style": "./dist/theme.css", "default": "./dist/theme.css" },
|
|
9
|
+
"./theme.css": "./dist/theme.css",
|
|
10
|
+
"./preset": { "require": "./dist/preset.cjs", "default": "./dist/preset.mjs" },
|
|
11
|
+
"./tokens.json": "./dist/tokens.json",
|
|
12
|
+
"./package.json": "./package.json"
|
|
13
|
+
},
|
|
14
|
+
"files": ["dist", "README.md"],
|
|
15
|
+
"sideEffects": ["*.css"],
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "node build.mjs",
|
|
18
|
+
"test": "node --test test/*.test.mjs"
|
|
19
|
+
},
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"@kashi-ui/css": "^0.22.0",
|
|
22
|
+
"tailwindcss": "^3.4.0 || ^4.0.0"
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"tailwindcss": "^4.1.0"
|
|
26
|
+
},
|
|
27
|
+
"publishConfig": { "access": "public" },
|
|
28
|
+
"keywords": ["tailwind", "tailwindcss", "preset", "design-system", "persian", "rtl", "kashi"],
|
|
29
|
+
"repository": { "type": "git", "url": "git+https://github.com/Sepantapouya/Kashi.git", "directory": "packages/tailwind" },
|
|
30
|
+
"homepage": "https://kashi.sepantapouya.com/docs/tailwind/",
|
|
31
|
+
"bugs": "https://github.com/Sepantapouya/Kashi/issues",
|
|
32
|
+
"author": "Sepanta Pouya (https://sepantapouya.com)",
|
|
33
|
+
"license": "MIT"
|
|
34
|
+
}
|