@cmdniels/uikit 2.1.0 → 2.2.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/colors.css +205 -0
- package/package.json +4 -2
- package/superellipse.css +200 -257
- package/tailwind.css +1 -0
package/colors.css
ADDED
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
@theme {
|
|
2
|
+
--color-red-50: oklch(97.9% 0.019 17);
|
|
3
|
+
--color-red-100: oklch(94.4% 0.046 17);
|
|
4
|
+
--color-red-200: oklch(89.3% 0.09 18);
|
|
5
|
+
--color-red-300: oklch(81.6% 0.165 19);
|
|
6
|
+
--color-red-400: oklch(71.2% 0.277 22);
|
|
7
|
+
--color-red-500: oklch(64.5% 0.29 25);
|
|
8
|
+
--color-red-600: oklch(58.5% 0.29 27);
|
|
9
|
+
--color-red-700: oklch(51.3% 0.29 27);
|
|
10
|
+
--color-red-800: oklch(45.2% 0.257 26);
|
|
11
|
+
--color-red-900: oklch(40.4% 0.204 25);
|
|
12
|
+
--color-red-950: oklch(26.6% 0.133 26);
|
|
13
|
+
|
|
14
|
+
--color-orange-50: oklch(98.8% 0.023 73);
|
|
15
|
+
--color-orange-100: oklch(96.2% 0.055 75);
|
|
16
|
+
--color-orange-200: oklch(90.9% 0.11 70);
|
|
17
|
+
--color-orange-300: oklch(84.5% 0.186 66);
|
|
18
|
+
--color-orange-400: oklch(75.8% 0.265 55);
|
|
19
|
+
--color-orange-500: oklch(71.3% 0.29 47);
|
|
20
|
+
--color-orange-600: oklch(65.4% 0.29 41);
|
|
21
|
+
--color-orange-700: oklch(56.1% 0.283 38);
|
|
22
|
+
--color-orange-800: oklch(47.8% 0.228 37);
|
|
23
|
+
--color-orange-900: oklch(41.6% 0.178 38);
|
|
24
|
+
--color-orange-950: oklch(27.4% 0.115 36);
|
|
25
|
+
|
|
26
|
+
--color-amber-50: oklch(99% 0.032 95);
|
|
27
|
+
--color-amber-100: oklch(97% 0.086 95);
|
|
28
|
+
--color-amber-200: oklch(93.2% 0.174 95);
|
|
29
|
+
--color-amber-300: oklch(88.7% 0.245 91);
|
|
30
|
+
--color-amber-400: oklch(83.6% 0.274 84);
|
|
31
|
+
--color-amber-500: oklch(77.7% 0.273 70);
|
|
32
|
+
--color-amber-600: oklch(67.4% 0.26 58);
|
|
33
|
+
--color-amber-700: oklch(56.3% 0.236 48);
|
|
34
|
+
--color-amber-800: oklch(48.1% 0.199 46);
|
|
35
|
+
--color-amber-900: oklch(42.2% 0.162 45);
|
|
36
|
+
--color-amber-950: oklch(28.7% 0.112 45);
|
|
37
|
+
|
|
38
|
+
--color-yellow-50: oklch(99% 0.038 102);
|
|
39
|
+
--color-yellow-100: oklch(98.1% 0.103 103);
|
|
40
|
+
--color-yellow-200: oklch(95.3% 0.187 101);
|
|
41
|
+
--color-yellow-300: oklch(91.3% 0.264 98);
|
|
42
|
+
--color-yellow-400: oklch(86% 0.289 91);
|
|
43
|
+
--color-yellow-500: oklch(80.3% 0.267 86);
|
|
44
|
+
--color-yellow-600: oklch(68.9% 0.235 75);
|
|
45
|
+
--color-yellow-700: oklch(56.2% 0.196 66);
|
|
46
|
+
--color-yellow-800: oklch(48.4% 0.165 61);
|
|
47
|
+
--color-yellow-900: oklch(42.9% 0.138 57);
|
|
48
|
+
--color-yellow-950: oklch(29.4% 0.096 53);
|
|
49
|
+
|
|
50
|
+
--color-lime-50: oklch(99% 0.045 120);
|
|
51
|
+
--color-lime-100: oklch(97.5% 0.097 122);
|
|
52
|
+
--color-lime-200: oklch(94.6% 0.184 124);
|
|
53
|
+
--color-lime-300: oklch(90.5% 0.284 126);
|
|
54
|
+
--color-lime-400: oklch(84.9% 0.29 128);
|
|
55
|
+
--color-lime-500: oklch(77.6% 0.29 130);
|
|
56
|
+
--color-lime-600: oklch(65.6% 0.29 131);
|
|
57
|
+
--color-lime-700: oklch(54% 0.228 131);
|
|
58
|
+
--color-lime-800: oklch(46.1% 0.18 130);
|
|
59
|
+
--color-lime-900: oklch(41.3% 0.146 131);
|
|
60
|
+
--color-lime-950: oklch(28.2% 0.104 132);
|
|
61
|
+
|
|
62
|
+
--color-green-50: oklch(99% 0.026 155);
|
|
63
|
+
--color-green-100: oklch(97% 0.064 156);
|
|
64
|
+
--color-green-200: oklch(93.3% 0.122 155);
|
|
65
|
+
--color-green-300: oklch(87.9% 0.217 154);
|
|
66
|
+
--color-green-400: oklch(80% 0.29 151);
|
|
67
|
+
--color-green-500: oklch(70.5% 0.284 149);
|
|
68
|
+
--color-green-600: oklch(63.5% 0.281 149);
|
|
69
|
+
--color-green-700: oklch(53.5% 0.223 150);
|
|
70
|
+
--color-green-800: oklch(45.6% 0.173 151);
|
|
71
|
+
--color-green-900: oklch(40.1% 0.138 152);
|
|
72
|
+
--color-green-950: oklch(27.4% 0.094 152);
|
|
73
|
+
|
|
74
|
+
--color-emerald-50: oklch(98.7% 0.03 166);
|
|
75
|
+
--color-emerald-100: oklch(95.8% 0.075 163);
|
|
76
|
+
--color-emerald-200: oklch(91.3% 0.135 164);
|
|
77
|
+
--color-emerald-300: oklch(85.3% 0.207 164);
|
|
78
|
+
--color-emerald-400: oklch(77.3% 0.257 163);
|
|
79
|
+
--color-emerald-500: oklch(70.4% 0.246 162);
|
|
80
|
+
--color-emerald-600: oklch(60.4% 0.21 163);
|
|
81
|
+
--color-emerald-700: oklch(51.6% 0.171 165);
|
|
82
|
+
--color-emerald-800: oklch(44% 0.138 166);
|
|
83
|
+
--color-emerald-900: oklch(38.6% 0.112 168);
|
|
84
|
+
--color-emerald-950: oklch(27% 0.074 172);
|
|
85
|
+
|
|
86
|
+
--color-teal-50: oklch(99% 0.02 180);
|
|
87
|
+
--color-teal-100: oklch(96.1% 0.074 180);
|
|
88
|
+
--color-teal-200: oklch(91.8% 0.139 180);
|
|
89
|
+
--color-teal-300: oklch(86.3% 0.2 181);
|
|
90
|
+
--color-teal-400: oklch(78.5% 0.22 181);
|
|
91
|
+
--color-teal-500: oklch(71.2% 0.203 182);
|
|
92
|
+
--color-teal-600: oklch(60.8% 0.171 184);
|
|
93
|
+
--color-teal-700: oklch(51.9% 0.139 186);
|
|
94
|
+
--color-teal-800: oklch(44.5% 0.113 188);
|
|
95
|
+
--color-teal-900: oklch(39.4% 0.091 188);
|
|
96
|
+
--color-teal-950: oklch(28.5% 0.067 192);
|
|
97
|
+
|
|
98
|
+
--color-cyan-50: oklch(99% 0.028 200);
|
|
99
|
+
--color-cyan-100: oklch(96.4% 0.065 203);
|
|
100
|
+
--color-cyan-200: oklch(92.5% 0.116 205);
|
|
101
|
+
--color-cyan-300: oklch(87.3% 0.184 207);
|
|
102
|
+
--color-cyan-400: oklch(79.7% 0.223 211);
|
|
103
|
+
--color-cyan-500: oklch(72.3% 0.207 215);
|
|
104
|
+
--color-cyan-600: oklch(61.7% 0.183 221);
|
|
105
|
+
--color-cyan-700: oklch(52.8% 0.152 223);
|
|
106
|
+
--color-cyan-800: oklch(45.8% 0.123 224);
|
|
107
|
+
--color-cyan-900: oklch(40.6% 0.102 227);
|
|
108
|
+
--color-cyan-950: oklch(31% 0.081 229);
|
|
109
|
+
|
|
110
|
+
--color-sky-50: oklch(98.5% 0.019 236);
|
|
111
|
+
--color-sky-100: oklch(95.9% 0.038 236);
|
|
112
|
+
--color-sky-200: oklch(90.9% 0.084 230);
|
|
113
|
+
--color-sky-300: oklch(83.6% 0.161 230);
|
|
114
|
+
--color-sky-400: oklch(75.4% 0.232 232);
|
|
115
|
+
--color-sky-500: oklch(69.3% 0.245 237);
|
|
116
|
+
--color-sky-600: oklch(59.6% 0.229 241);
|
|
117
|
+
--color-sky-700: oklch(50.8% 0.194 242);
|
|
118
|
+
--color-sky-800: oklch(45.1% 0.16 240);
|
|
119
|
+
--color-sky-900: oklch(39.9% 0.131 240);
|
|
120
|
+
--color-sky-950: oklch(30.1% 0.096 243);
|
|
121
|
+
|
|
122
|
+
--color-blue-50: oklch(97.8% 0.02 254);
|
|
123
|
+
--color-blue-100: oklch(94% 0.046 255);
|
|
124
|
+
--color-blue-200: oklch(89% 0.086 254);
|
|
125
|
+
--color-blue-300: oklch(81.7% 0.152 251);
|
|
126
|
+
--color-blue-400: oklch(71.5% 0.239 254);
|
|
127
|
+
--color-blue-500: oklch(63.1% 0.29 259);
|
|
128
|
+
--color-blue-600: oklch(55.4% 0.29 262);
|
|
129
|
+
--color-blue-700: oklch(49.6% 0.29 264);
|
|
130
|
+
--color-blue-800: oklch(43.2% 0.289 265);
|
|
131
|
+
--color-blue-900: oklch(38.7% 0.212 265);
|
|
132
|
+
--color-blue-950: oklch(29% 0.132 267);
|
|
133
|
+
|
|
134
|
+
--color-indigo-50: oklch(97% 0.026 272);
|
|
135
|
+
--color-indigo-100: oklch(93.8% 0.049 272);
|
|
136
|
+
--color-indigo-200: oklch(87.8% 0.094 274);
|
|
137
|
+
--color-indigo-300: oklch(79.3% 0.167 274);
|
|
138
|
+
--color-indigo-400: oklch(68.1% 0.264 276);
|
|
139
|
+
--color-indigo-500: oklch(59.3% 0.29 277);
|
|
140
|
+
--color-indigo-600: oklch(51.9% 0.29 276);
|
|
141
|
+
--color-indigo-700: oklch(46.5% 0.29 277);
|
|
142
|
+
--color-indigo-800: oklch(40.6% 0.283 277);
|
|
143
|
+
--color-indigo-900: oklch(36.7% 0.209 278);
|
|
144
|
+
--color-indigo-950: oklch(26.5% 0.131 281);
|
|
145
|
+
|
|
146
|
+
--color-violet-50: oklch(97.7% 0.023 293);
|
|
147
|
+
--color-violet-100: oklch(95.1% 0.042 294);
|
|
148
|
+
--color-violet-200: oklch(90.2% 0.083 293);
|
|
149
|
+
--color-violet-300: oklch(81.9% 0.161 293);
|
|
150
|
+
--color-violet-400: oklch(71% 0.265 293);
|
|
151
|
+
--color-violet-500: oklch(61.4% 0.29 292);
|
|
152
|
+
--color-violet-600: oklch(54.9% 0.29 293);
|
|
153
|
+
--color-violet-700: oklch(49.9% 0.29 292);
|
|
154
|
+
--color-violet-800: oklch(44% 0.29 292);
|
|
155
|
+
--color-violet-900: oklch(38.8% 0.274 293);
|
|
156
|
+
--color-violet-950: oklch(29.1% 0.204 291);
|
|
157
|
+
|
|
158
|
+
--color-purple-50: oklch(98.5% 0.02 308);
|
|
159
|
+
--color-purple-100: oklch(95.4% 0.048 307);
|
|
160
|
+
--color-purple-200: oklch(91% 0.091 306);
|
|
161
|
+
--color-purple-300: oklch(83.5% 0.173 306);
|
|
162
|
+
--color-purple-400: oklch(72.2% 0.29 305);
|
|
163
|
+
--color-purple-500: oklch(63.5% 0.29 303);
|
|
164
|
+
--color-purple-600: oklch(56.6% 0.29 302);
|
|
165
|
+
--color-purple-700: oklch(50.4% 0.29 301);
|
|
166
|
+
--color-purple-800: oklch(44.6% 0.29 303);
|
|
167
|
+
--color-purple-900: oklch(38.9% 0.255 304);
|
|
168
|
+
--color-purple-950: oklch(29.9% 0.216 302);
|
|
169
|
+
|
|
170
|
+
--color-fuchsia-50: oklch(98.5% 0.025 320);
|
|
171
|
+
--color-fuchsia-100: oklch(96% 0.054 318);
|
|
172
|
+
--color-fuchsia-200: oklch(91.1% 0.11 319);
|
|
173
|
+
--color-fuchsia-300: oklch(84.1% 0.21 321);
|
|
174
|
+
--color-fuchsia-400: oklch(74.8% 0.29 322);
|
|
175
|
+
--color-fuchsia-500: oklch(67.5% 0.29 322);
|
|
176
|
+
--color-fuchsia-600: oklch(59.9% 0.29 322);
|
|
177
|
+
--color-fuchsia-700: oklch(52.6% 0.29 323);
|
|
178
|
+
--color-fuchsia-800: oklch(46% 0.29 324);
|
|
179
|
+
--color-fuchsia-900: oklch(40.9% 0.246 325);
|
|
180
|
+
--color-fuchsia-950: oklch(30.1% 0.197 325);
|
|
181
|
+
|
|
182
|
+
--color-pink-50: oklch(97.9% 0.02 343);
|
|
183
|
+
--color-pink-100: oklch(95.6% 0.041 342);
|
|
184
|
+
--color-pink-200: oklch(90.7% 0.088 343);
|
|
185
|
+
--color-pink-300: oklch(83.1% 0.174 346);
|
|
186
|
+
--color-pink-400: oklch(72.6% 0.29 349);
|
|
187
|
+
--color-pink-500: oklch(66.4% 0.29 354);
|
|
188
|
+
--color-pink-600: oklch(60% 0.29 0);
|
|
189
|
+
--color-pink-700: oklch(53.3% 0.29 3);
|
|
190
|
+
--color-pink-800: oklch(46.7% 0.271 3);
|
|
191
|
+
--color-pink-900: oklch(41.6% 0.222 2);
|
|
192
|
+
--color-pink-950: oklch(29.2% 0.158 3);
|
|
193
|
+
|
|
194
|
+
--color-rose-50: oklch(97.7% 0.022 12);
|
|
195
|
+
--color-rose-100: oklch(94.9% 0.043 12);
|
|
196
|
+
--color-rose-200: oklch(90% 0.084 10);
|
|
197
|
+
--color-rose-300: oklch(81.8% 0.17 11);
|
|
198
|
+
--color-rose-400: oklch(72% 0.281 13);
|
|
199
|
+
--color-rose-500: oklch(65.3% 0.29 16);
|
|
200
|
+
--color-rose-600: oklch(59.4% 0.29 17);
|
|
201
|
+
--color-rose-700: oklch(52.2% 0.29 16);
|
|
202
|
+
--color-rose-800: oklch(46.3% 0.273 13);
|
|
203
|
+
--color-rose-900: oklch(41.8% 0.231 10);
|
|
204
|
+
--color-rose-950: oklch(27.9% 0.152 12);
|
|
205
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cmdniels/uikit",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
"types": "./out/cn.d.ts",
|
|
15
15
|
"import": "./out/cn.js"
|
|
16
16
|
},
|
|
17
|
+
"./colors.css": "./colors.css",
|
|
17
18
|
"./data-variants.css": "./data-variants.css",
|
|
18
19
|
"./superellipse.css": "./superellipse.css",
|
|
19
20
|
"./tailwind.css": "./tailwind.css"
|
|
@@ -22,9 +23,10 @@
|
|
|
22
23
|
"types": "./out/index.d.ts",
|
|
23
24
|
"files": [
|
|
24
25
|
"out",
|
|
25
|
-
"
|
|
26
|
+
"colors.css",
|
|
26
27
|
"data-variants.css",
|
|
27
28
|
"superellipse.css",
|
|
29
|
+
"tailwind.css",
|
|
28
30
|
"README.md",
|
|
29
31
|
"LICENSE"
|
|
30
32
|
],
|