phaser-wind 0.3.0 → 0.5.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/README.md +170 -413
- package/dist/components/column.d.ts +2 -0
- package/dist/components/column.d.ts.map +1 -0
- package/dist/components/column.js +2 -0
- package/dist/components/column.js.map +1 -0
- package/dist/core/color.d.ts +149 -282
- package/dist/core/color.d.ts.map +1 -1
- package/dist/core/color.js +117 -298
- package/dist/core/color.js.map +1 -1
- package/dist/core/color.spec.js +46 -55
- package/dist/core/color.spec.js.map +1 -1
- package/dist/core/font-size.d.ts +36 -15
- package/dist/core/font-size.d.ts.map +1 -1
- package/dist/core/font-size.js +42 -47
- package/dist/core/font-size.js.map +1 -1
- package/dist/core/font-size.spec.js +55 -43
- package/dist/core/font-size.spec.js.map +1 -1
- package/dist/core/font.d.ts +18 -91
- package/dist/core/font.d.ts.map +1 -1
- package/dist/core/font.js +33 -174
- package/dist/core/font.js.map +1 -1
- package/dist/core/font.spec.js +45 -49
- package/dist/core/font.spec.js.map +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.js +1 -1
- package/dist/core/{pallete.d.ts → palette.d.ts} +2 -2
- package/dist/core/{pallete.d.ts.map → palette.d.ts.map} +1 -1
- package/dist/core/{pallete.js → palette.js} +2 -2
- package/dist/core/{pallete.js.map → palette.js.map} +1 -1
- package/dist/core/radius.d.ts +19 -24
- package/dist/core/radius.d.ts.map +1 -1
- package/dist/core/radius.js +20 -28
- package/dist/core/radius.js.map +1 -1
- package/dist/core/radius.spec.js +28 -33
- package/dist/core/radius.spec.js.map +1 -1
- package/dist/core/shadow.d.ts +18 -10
- package/dist/core/shadow.d.ts.map +1 -1
- package/dist/core/shadow.js +29 -19
- package/dist/core/shadow.js.map +1 -1
- package/dist/core/shadow.spec.d.ts +2 -0
- package/dist/core/shadow.spec.d.ts.map +1 -0
- package/dist/core/shadow.spec.js +21 -0
- package/dist/core/shadow.spec.js.map +1 -0
- package/dist/core/spacing.d.ts +22 -29
- package/dist/core/spacing.d.ts.map +1 -1
- package/dist/core/spacing.js +27 -39
- package/dist/core/spacing.js.map +1 -1
- package/dist/core/spacing.spec.js +18 -29
- package/dist/core/spacing.spec.js.map +1 -1
- package/dist/exceptions.d.ts +1 -0
- package/dist/exceptions.d.ts.map +1 -0
- package/dist/exceptions.js +2 -0
- package/dist/exceptions.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/plugin/index.d.ts +2 -0
- package/dist/plugin/index.d.ts.map +1 -0
- package/dist/plugin/index.js +2 -0
- package/dist/plugin/index.js.map +1 -0
- package/dist/plugin/plugin.d.ts +71 -0
- package/dist/plugin/plugin.d.ts.map +1 -0
- package/dist/plugin/plugin.js +91 -0
- package/dist/plugin/plugin.js.map +1 -0
- package/dist/scene/index.d.ts +2 -0
- package/dist/scene/index.d.ts.map +1 -0
- package/dist/scene/index.js +2 -0
- package/dist/scene/index.js.map +1 -0
- package/dist/scene/scene-with-phaser-wind.d.ts +11 -0
- package/dist/scene/scene-with-phaser-wind.d.ts.map +1 -0
- package/dist/scene/scene-with-phaser-wind.js +11 -0
- package/dist/scene/scene-with-phaser-wind.js.map +1 -0
- package/dist/theme/theme-config.d.ts +24 -48
- package/dist/theme/theme-config.d.ts.map +1 -1
- package/dist/theme/theme-config.js +4 -1
- package/dist/theme/theme-config.js.map +1 -1
- package/dist/theme/theme-manager.d.ts +1 -106
- package/dist/theme/theme-manager.d.ts.map +1 -1
- package/dist/theme/theme-manager.js +1 -187
- package/dist/theme/theme-manager.js.map +1 -1
- package/dist/theme/type.d.ts +48 -0
- package/dist/theme/type.d.ts.map +1 -1
- package/dist/theme/type.js +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../src/components/column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../src/components/column.ts"],"names":[],"mappings":""}
|
package/dist/core/color.d.ts
CHANGED
|
@@ -1,287 +1,154 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { BaseThemeConfig } from '../theme';
|
|
2
|
+
import { palette } from './palette';
|
|
3
|
+
/**
|
|
4
|
+
* Available color families from the built-in palette.
|
|
5
|
+
* Matches Tailwind CSS color families.
|
|
6
|
+
*/
|
|
7
|
+
export type ColorKey = keyof typeof palette;
|
|
8
|
+
/**
|
|
9
|
+
* Available shade values for the color palette.
|
|
10
|
+
* Accepts string or numeric literal shades for convenience.
|
|
11
|
+
*/
|
|
12
|
+
export type ShadeKey = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
13
|
+
/**
|
|
14
|
+
* Color token combining a color family and a shade.
|
|
15
|
+
* Also accepts special tokens `black` and `white`.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* Color.rgb('blue-500') // => 'rgb(59, 130, 246)'
|
|
19
|
+
* Color.hex('black') // => 0x000000
|
|
20
|
+
*/
|
|
4
21
|
export type ColorToken = `${ColorKey}-${ShadeKey}` | 'black' | 'white';
|
|
5
22
|
/**
|
|
6
|
-
* Color utility
|
|
23
|
+
* Color utility API interface
|
|
24
|
+
* Provides methods to work with colors in different formats
|
|
25
|
+
*/
|
|
26
|
+
/**
|
|
27
|
+
* API for resolving colors to RGB strings or Hex numbers.
|
|
28
|
+
* When parameterized with a theme type `T`, accepts either palette tokens or `keyof T`.
|
|
29
|
+
*
|
|
30
|
+
* @typeParam T - Theme colors map (e.g. `{ primary: 'blue-500' }`)
|
|
31
|
+
* @example
|
|
32
|
+
* const c = createColor();
|
|
33
|
+
* c.rgb('red-500');
|
|
34
|
+
* c.hex('white');
|
|
7
35
|
*/
|
|
8
|
-
export
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
* Get RGB color value for lime color with specified shade
|
|
102
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
103
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
104
|
-
*/
|
|
105
|
-
readonly lime: (shade: ShadeKey) => string;
|
|
106
|
-
/**
|
|
107
|
-
* Get RGB color value for green color with specified shade
|
|
108
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
109
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
110
|
-
*/
|
|
111
|
-
readonly green: (shade: ShadeKey) => string;
|
|
112
|
-
/**
|
|
113
|
-
* Get RGB color value for emerald color with specified shade
|
|
114
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
115
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
116
|
-
*/
|
|
117
|
-
readonly emerald: (shade: ShadeKey) => string;
|
|
118
|
-
/**
|
|
119
|
-
* Get RGB color value for teal color with specified shade
|
|
120
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
121
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
122
|
-
*/
|
|
123
|
-
readonly teal: (shade: ShadeKey) => string;
|
|
124
|
-
/**
|
|
125
|
-
* Get RGB color value for cyan color with specified shade
|
|
126
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
127
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
128
|
-
*/
|
|
129
|
-
readonly cyan: (shade: ShadeKey) => string;
|
|
130
|
-
/**
|
|
131
|
-
* Get RGB color value for sky color with specified shade
|
|
132
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
133
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
134
|
-
*/
|
|
135
|
-
readonly sky: (shade: ShadeKey) => string;
|
|
136
|
-
/**
|
|
137
|
-
* Get RGB color value for blue color with specified shade
|
|
138
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
139
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
140
|
-
*/
|
|
141
|
-
readonly blue: (shade: ShadeKey) => string;
|
|
142
|
-
/**
|
|
143
|
-
* Get RGB color value for indigo color with specified shade
|
|
144
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
145
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
146
|
-
*/
|
|
147
|
-
readonly indigo: (shade: ShadeKey) => string;
|
|
148
|
-
/**
|
|
149
|
-
* Get RGB color value for violet color with specified shade
|
|
150
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
151
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
152
|
-
*/
|
|
153
|
-
readonly violet: (shade: ShadeKey) => string;
|
|
154
|
-
/**
|
|
155
|
-
* Get RGB color value for purple color with specified shade
|
|
156
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
157
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
158
|
-
*/
|
|
159
|
-
readonly purple: (shade: ShadeKey) => string;
|
|
160
|
-
/**
|
|
161
|
-
* Get RGB color value for fuchsia color with specified shade
|
|
162
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
163
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
164
|
-
*/
|
|
165
|
-
readonly fuchsia: (shade: ShadeKey) => string;
|
|
166
|
-
/**
|
|
167
|
-
* Get RGB color value for pink color with specified shade
|
|
168
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
169
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
170
|
-
*/
|
|
171
|
-
readonly pink: (shade: ShadeKey) => string;
|
|
172
|
-
/**
|
|
173
|
-
* Get RGB color value for rose color with specified shade
|
|
174
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
175
|
-
* @returns RGB color value in format 'rgb(R, G, B)'
|
|
176
|
-
*/
|
|
177
|
-
readonly rose: (shade: ShadeKey) => string;
|
|
178
|
-
/**
|
|
179
|
-
* Get hex number for stone color with specified shade
|
|
180
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
181
|
-
* @returns Hex number format 0xRRGGBB
|
|
182
|
-
*/
|
|
183
|
-
readonly stoneHex: (shade: ShadeKey) => number;
|
|
184
|
-
/**
|
|
185
|
-
* Get hex number for red color with specified shade
|
|
186
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
187
|
-
* @returns Hex number format 0xRRGGBB
|
|
188
|
-
*/
|
|
189
|
-
readonly redHex: (shade: ShadeKey) => number;
|
|
190
|
-
/**
|
|
191
|
-
* Get hex number for orange color with specified shade
|
|
192
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
193
|
-
* @returns Hex number format 0xRRGGBB
|
|
194
|
-
*/
|
|
195
|
-
readonly orangeHex: (shade: ShadeKey) => number;
|
|
196
|
-
/**
|
|
197
|
-
* Get hex number for amber color with specified shade
|
|
198
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
199
|
-
* @returns Hex number format 0xRRGGBB
|
|
200
|
-
*/
|
|
201
|
-
readonly amberHex: (shade: ShadeKey) => number;
|
|
202
|
-
/**
|
|
203
|
-
* Get hex number for yellow color with specified shade
|
|
204
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
205
|
-
* @returns Hex number format 0xRRGGBB
|
|
206
|
-
*/
|
|
207
|
-
readonly yellowHex: (shade: ShadeKey) => number;
|
|
208
|
-
/**
|
|
209
|
-
* Get hex number for lime color with specified shade
|
|
210
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
211
|
-
* @returns Hex number format 0xRRGGBB
|
|
212
|
-
*/
|
|
213
|
-
readonly limeHex: (shade: ShadeKey) => number;
|
|
214
|
-
/**
|
|
215
|
-
* Get hex number for green color with specified shade
|
|
216
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
217
|
-
* @returns Hex number format 0xRRGGBB
|
|
218
|
-
*/
|
|
219
|
-
readonly greenHex: (shade: ShadeKey) => number;
|
|
220
|
-
/**
|
|
221
|
-
* Get hex number for emerald color with specified shade
|
|
222
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
223
|
-
* @returns Hex number format 0xRRGGBB
|
|
224
|
-
*/
|
|
225
|
-
readonly emeraldHex: (shade: ShadeKey) => number;
|
|
226
|
-
/**
|
|
227
|
-
* Get hex number for teal color with specified shade
|
|
228
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
229
|
-
* @returns Hex number format 0xRRGGBB
|
|
230
|
-
*/
|
|
231
|
-
readonly tealHex: (shade: ShadeKey) => number;
|
|
232
|
-
/**
|
|
233
|
-
* Get hex number for cyan color with specified shade
|
|
234
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
235
|
-
* @returns Hex number format 0xRRGGBB
|
|
236
|
-
*/
|
|
237
|
-
readonly cyanHex: (shade: ShadeKey) => number;
|
|
238
|
-
/**
|
|
239
|
-
* Get hex number for sky color with specified shade
|
|
240
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
241
|
-
* @returns Hex number format 0xRRGGBB
|
|
242
|
-
*/
|
|
243
|
-
readonly skyHex: (shade: ShadeKey) => number;
|
|
244
|
-
/**
|
|
245
|
-
* Get hex number for blue color with specified shade
|
|
246
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
247
|
-
* @returns Hex number format 0xRRGGBB
|
|
248
|
-
*/
|
|
249
|
-
readonly blueHex: (shade: ShadeKey) => number;
|
|
250
|
-
/**
|
|
251
|
-
* Get hex number for indigo color with specified shade
|
|
252
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
253
|
-
* @returns Hex number format 0xRRGGBB
|
|
254
|
-
*/
|
|
255
|
-
readonly indigoHex: (shade: ShadeKey) => number;
|
|
256
|
-
/**
|
|
257
|
-
* Get hex number for violet color with specified shade
|
|
258
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
259
|
-
* @returns Hex number format 0xRRGGBB
|
|
260
|
-
*/
|
|
261
|
-
readonly violetHex: (shade: ShadeKey) => number;
|
|
262
|
-
/**
|
|
263
|
-
* Get hex number for purple color with specified shade
|
|
264
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
265
|
-
* @returns Hex number format 0xRRGGBB
|
|
266
|
-
*/
|
|
267
|
-
readonly purpleHex: (shade: ShadeKey) => number;
|
|
268
|
-
/**
|
|
269
|
-
* Get hex number for fuchsia color with specified shade
|
|
270
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
271
|
-
* @returns Hex number format 0xRRGGBB
|
|
272
|
-
*/
|
|
273
|
-
readonly fuchsiaHex: (shade: ShadeKey) => number;
|
|
274
|
-
/**
|
|
275
|
-
* Get hex number for pink color with specified shade
|
|
276
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
277
|
-
* @returns Hex number format 0xRRGGBB
|
|
278
|
-
*/
|
|
279
|
-
readonly pinkHex: (shade: ShadeKey) => number;
|
|
280
|
-
/**
|
|
281
|
-
* Get hex number for rose color with specified shade
|
|
282
|
-
* @param shade - Shade key (e.g., '50', '100', '200', etc.)
|
|
283
|
-
* @returns Hex number format 0xRRGGBB
|
|
284
|
-
*/
|
|
285
|
-
readonly roseHex: (shade: ShadeKey) => number;
|
|
36
|
+
export type Color<T = BaseThemeConfig['colors']> = {
|
|
37
|
+
/** Get RGB string representation of a color */
|
|
38
|
+
rgb(color: ColorToken | keyof T): string;
|
|
39
|
+
/** Get hex number representation of a color */
|
|
40
|
+
hex(color: ColorToken | keyof T): number;
|
|
41
|
+
/** Get RGB string for slate color with specified shade */
|
|
42
|
+
slate(shade: ShadeKey): string;
|
|
43
|
+
/** Get RGB string for gray color with specified shade */
|
|
44
|
+
gray(shade: ShadeKey): string;
|
|
45
|
+
/** Get RGB string for zinc color with specified shade */
|
|
46
|
+
zinc(shade: ShadeKey): string;
|
|
47
|
+
/** Get RGB string for neutral color with specified shade */
|
|
48
|
+
neutral(shade: ShadeKey): string;
|
|
49
|
+
/** Get RGB string for stone color with specified shade */
|
|
50
|
+
stone(shade: ShadeKey): string;
|
|
51
|
+
/** Get RGB string for red color with specified shade */
|
|
52
|
+
red(shade: ShadeKey): string;
|
|
53
|
+
/** Get RGB string for orange color with specified shade */
|
|
54
|
+
orange(shade: ShadeKey): string;
|
|
55
|
+
/** Get RGB string for amber color with specified shade */
|
|
56
|
+
amber(shade: ShadeKey): string;
|
|
57
|
+
/** Get RGB string for yellow color with specified shade */
|
|
58
|
+
yellow(shade: ShadeKey): string;
|
|
59
|
+
/** Get RGB string for lime color with specified shade */
|
|
60
|
+
lime(shade: ShadeKey): string;
|
|
61
|
+
/** Get RGB string for green color with specified shade */
|
|
62
|
+
green(shade: ShadeKey): string;
|
|
63
|
+
/** Get RGB string for emerald color with specified shade */
|
|
64
|
+
emerald(shade: ShadeKey): string;
|
|
65
|
+
/** Get RGB string for teal color with specified shade */
|
|
66
|
+
teal(shade: ShadeKey): string;
|
|
67
|
+
/** Get RGB string for cyan color with specified shade */
|
|
68
|
+
cyan(shade: ShadeKey): string;
|
|
69
|
+
/** Get RGB string for sky color with specified shade */
|
|
70
|
+
sky(shade: ShadeKey): string;
|
|
71
|
+
/** Get RGB string for blue color with specified shade */
|
|
72
|
+
blue(shade: ShadeKey): string;
|
|
73
|
+
/** Get RGB string for indigo color with specified shade */
|
|
74
|
+
indigo(shade: ShadeKey): string;
|
|
75
|
+
/** Get RGB string for violet color with specified shade */
|
|
76
|
+
violet(shade: ShadeKey): string;
|
|
77
|
+
/** Get RGB string for purple color with specified shade */
|
|
78
|
+
purple(shade: ShadeKey): string;
|
|
79
|
+
/** Get RGB string for fuchsia color with specified shade */
|
|
80
|
+
fuchsia(shade: ShadeKey): string;
|
|
81
|
+
/** Get RGB string for pink color with specified shade */
|
|
82
|
+
pink(shade: ShadeKey): string;
|
|
83
|
+
/** Get RGB string for rose color with specified shade */
|
|
84
|
+
rose(shade: ShadeKey): string;
|
|
85
|
+
/** Get hex number for slate color with specified shade */
|
|
86
|
+
slateHex(shade: ShadeKey): number;
|
|
87
|
+
/** Get hex number for gray color with specified shade */
|
|
88
|
+
grayHex(shade: ShadeKey): number;
|
|
89
|
+
/** Get hex number for zinc color with specified shade */
|
|
90
|
+
zincHex(shade: ShadeKey): number;
|
|
91
|
+
/** Get hex number for neutral color with specified shade */
|
|
92
|
+
neutralHex(shade: ShadeKey): number;
|
|
93
|
+
/** Get hex number for stone color with specified shade */
|
|
94
|
+
stoneHex(shade: ShadeKey): number;
|
|
95
|
+
/** Get hex number for red color with specified shade */
|
|
96
|
+
redHex(shade: ShadeKey): number;
|
|
97
|
+
/** Get hex number for orange color with specified shade */
|
|
98
|
+
orangeHex(shade: ShadeKey): number;
|
|
99
|
+
/** Get hex number for amber color with specified shade */
|
|
100
|
+
amberHex(shade: ShadeKey): number;
|
|
101
|
+
/** Get hex number for yellow color with specified shade */
|
|
102
|
+
yellowHex(shade: ShadeKey): number;
|
|
103
|
+
/** Get hex number for lime color with specified shade */
|
|
104
|
+
limeHex(shade: ShadeKey): number;
|
|
105
|
+
/** Get hex number for green color with specified shade */
|
|
106
|
+
greenHex(shade: ShadeKey): number;
|
|
107
|
+
/** Get hex number for emerald color with specified shade */
|
|
108
|
+
emeraldHex(shade: ShadeKey): number;
|
|
109
|
+
/** Get hex number for teal color with specified shade */
|
|
110
|
+
tealHex(shade: ShadeKey): number;
|
|
111
|
+
/** Get hex number for cyan color with specified shade */
|
|
112
|
+
cyanHex(shade: ShadeKey): number;
|
|
113
|
+
/** Get hex number for sky color with specified shade */
|
|
114
|
+
skyHex(shade: ShadeKey): number;
|
|
115
|
+
/** Get hex number for blue color with specified shade */
|
|
116
|
+
blueHex(shade: ShadeKey): number;
|
|
117
|
+
/** Get hex number for indigo color with specified shade */
|
|
118
|
+
indigoHex(shade: ShadeKey): number;
|
|
119
|
+
/** Get hex number for violet color with specified shade */
|
|
120
|
+
violetHex(shade: ShadeKey): number;
|
|
121
|
+
/** Get hex number for purple color with specified shade */
|
|
122
|
+
purpleHex(shade: ShadeKey): number;
|
|
123
|
+
/** Get hex number for fuchsia color with specified shade */
|
|
124
|
+
fuchsiaHex(shade: ShadeKey): number;
|
|
125
|
+
/** Get hex number for pink color with specified shade */
|
|
126
|
+
pinkHex(shade: ShadeKey): number;
|
|
127
|
+
/** Get hex number for rose color with specified shade */
|
|
128
|
+
roseHex(shade: ShadeKey): number;
|
|
286
129
|
};
|
|
130
|
+
/**
|
|
131
|
+
* Factory that creates a color utility API based on the provided theme colors
|
|
132
|
+
* @param themeColors - Theme colors configuration
|
|
133
|
+
* @returns Color utility API instance
|
|
134
|
+
*/
|
|
135
|
+
/**
|
|
136
|
+
* Create a color API bound to an optional theme colors map.
|
|
137
|
+
* If a key exists in `themeColors`, it will be resolved to a palette token and then to RGB/Hex.
|
|
138
|
+
*
|
|
139
|
+
* @typeParam T - Theme colors map
|
|
140
|
+
* @param themeColors - Optional map of theme color tokens
|
|
141
|
+
* @example
|
|
142
|
+
* const c = createColor({ primary: 'blue-500' });
|
|
143
|
+
* c.rgb('primary'); // rgb(59, 130, 246)
|
|
144
|
+
*/
|
|
145
|
+
export declare const createColor: <T = BaseThemeConfig["colors"]>(themeColors: T) => Color<T>;
|
|
146
|
+
/**
|
|
147
|
+
* Convenience instance using only the default palette tokens (no theme).
|
|
148
|
+
*
|
|
149
|
+
* @example
|
|
150
|
+
* Color.rgb('emerald-400')
|
|
151
|
+
* Color.hex('black')
|
|
152
|
+
*/
|
|
153
|
+
export declare const Color: Color<Record<string, never>>;
|
|
287
154
|
//# sourceMappingURL=color.d.ts.map
|
package/dist/core/color.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/core/color.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/core/color.ts"],"names":[],"mappings":"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"}
|