phaser-wind 0.2.0 → 0.4.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 +243 -215
- package/dist/components/column.d.ts +1 -0
- package/dist/components/column.d.ts.map +1 -0
- package/dist/components/column.js +7 -0
- package/dist/components/column.js.map +1 -0
- package/dist/core/color.d.ts +154 -0
- package/dist/core/color.d.ts.map +1 -0
- package/dist/core/color.js +205 -0
- package/dist/core/color.js.map +1 -0
- package/dist/core/color.spec.d.ts +2 -0
- package/dist/core/color.spec.d.ts.map +1 -0
- package/dist/core/color.spec.js +243 -0
- package/dist/core/color.spec.js.map +1 -0
- package/dist/core/font-size.d.ts +55 -0
- package/dist/core/font-size.d.ts.map +1 -0
- package/dist/core/font-size.js +63 -0
- package/dist/core/font-size.js.map +1 -0
- package/dist/core/font-size.spec.d.ts +2 -0
- package/dist/core/font-size.spec.d.ts.map +1 -0
- package/dist/core/font-size.spec.js +85 -0
- package/dist/core/font-size.spec.js.map +1 -0
- package/dist/core/font.d.ts +21 -0
- package/dist/core/font.d.ts.map +1 -0
- package/dist/core/font.js +37 -0
- package/dist/core/font.js.map +1 -0
- package/dist/core/font.spec.d.ts +2 -0
- package/dist/core/font.spec.d.ts.map +1 -0
- package/dist/core/font.spec.js +80 -0
- package/dist/core/font.spec.js.map +1 -0
- package/dist/core/index.d.ts +8 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +8 -0
- package/dist/core/index.js.map +1 -0
- package/dist/{color/pallete.d.ts → core/palette.d.ts} +2 -2
- package/dist/core/palette.d.ts.map +1 -0
- package/dist/{color/pallete.js → core/palette.js} +2 -2
- package/dist/core/palette.js.map +1 -0
- package/dist/core/radius.d.ts +29 -0
- package/dist/core/radius.d.ts.map +1 -0
- package/dist/core/radius.js +38 -0
- package/dist/core/radius.js.map +1 -0
- package/dist/core/radius.spec.d.ts +2 -0
- package/dist/core/radius.spec.d.ts.map +1 -0
- package/dist/core/radius.spec.js +56 -0
- package/dist/core/radius.spec.js.map +1 -0
- package/dist/core/shadow.d.ts +31 -0
- package/dist/core/shadow.d.ts.map +1 -0
- package/dist/core/shadow.js +33 -0
- package/dist/core/shadow.js.map +1 -0
- 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 +32 -0
- package/dist/core/spacing.d.ts.map +1 -0
- package/dist/core/spacing.js +70 -0
- package/dist/core/spacing.js.map +1 -0
- package/dist/core/spacing.spec.d.ts +2 -0
- package/dist/core/spacing.spec.d.ts.map +1 -0
- package/dist/core/spacing.spec.js +38 -0
- package/dist/core/spacing.spec.js.map +1 -0
- 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/font/index.d.ts +2 -2
- package/dist/font/index.d.ts.map +1 -1
- package/dist/font/index.js +2 -2
- package/dist/font/index.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- 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/theme/theme-config.d.ts +44 -132
- package/dist/theme/theme-config.d.ts.map +1 -1
- package/dist/theme/theme-config.js +15 -52
- package/dist/theme/theme-config.js.map +1 -1
- package/dist/theme/theme-manager.d.ts +2 -95
- package/dist/theme/theme-manager.d.ts.map +1 -1
- package/dist/theme/theme-manager.js +3 -170
- 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/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/is-valid-color.d.ts +13 -0
- package/dist/utils/is-valid-color.d.ts.map +1 -0
- package/dist/utils/is-valid-color.js +32 -0
- package/dist/utils/is-valid-color.js.map +1 -0
- package/dist/utils/is-valid-color.spec.d.ts +2 -0
- package/dist/utils/is-valid-color.spec.d.ts.map +1 -0
- package/dist/utils/is-valid-color.spec.js +82 -0
- package/dist/utils/is-valid-color.spec.js.map +1 -0
- package/package.json +6 -4
- package/dist/color/color-picker.d.ts +0 -23
- package/dist/color/color-picker.d.ts.map +0 -1
- package/dist/color/color-picker.js +0 -118
- package/dist/color/color-picker.js.map +0 -1
- package/dist/color/color-picker.spec.d.ts +0 -2
- package/dist/color/color-picker.spec.d.ts.map +0 -1
- package/dist/color/color-picker.spec.js +0 -60
- package/dist/color/color-picker.spec.js.map +0 -1
- package/dist/color/index.d.ts +0 -3
- package/dist/color/index.d.ts.map +0 -1
- package/dist/color/index.js +0 -3
- package/dist/color/index.js.map +0 -1
- package/dist/color/pallete.d.ts.map +0 -1
- package/dist/color/pallete.js.map +0 -1
- package/dist/examples/nested-theme-example.d.ts +0 -28
- package/dist/examples/nested-theme-example.d.ts.map +0 -1
- package/dist/examples/nested-theme-example.js +0 -313
- package/dist/examples/nested-theme-example.js.map +0 -1
- package/dist/examples/usage-example.d.ts +0 -17
- package/dist/examples/usage-example.d.ts.map +0 -1
- package/dist/examples/usage-example.js +0 -158
- package/dist/examples/usage-example.js.map +0 -1
- package/dist/font/font-picker.d.ts +0 -93
- package/dist/font/font-picker.d.ts.map +0 -1
- package/dist/font/font-picker.js +0 -212
- package/dist/font/font-picker.js.map +0 -1
- package/dist/font/font-size-picker.d.ts +0 -19
- package/dist/font/font-size-picker.d.ts.map +0 -1
- package/dist/font/font-size-picker.js +0 -24
- package/dist/font/font-size-picker.js.map +0 -1
- package/dist/font/font-size-picker.spec.d.ts +0 -2
- package/dist/font/font-size-picker.spec.d.ts.map +0 -1
- package/dist/font/font-size-picker.spec.js +0 -48
- package/dist/font/font-size-picker.spec.js.map +0 -1
package/dist/font/font-picker.js
DELETED
|
@@ -1,212 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-magic-numbers */
|
|
2
|
-
import { ThemeManager } from '../theme/theme-manager';
|
|
3
|
-
/**
|
|
4
|
-
* Font picker for accessing theme fonts and font families
|
|
5
|
-
*/
|
|
6
|
-
export class FontPicker {
|
|
7
|
-
/**
|
|
8
|
-
* Get font family from theme
|
|
9
|
-
* @param key - Font key (e.g., 'primary', 'display') or full path (e.g., 'fonts.primary')
|
|
10
|
-
* @returns Font family string
|
|
11
|
-
*/
|
|
12
|
-
static family(key) {
|
|
13
|
-
// Check if it's a theme token (with or without fonts. prefix)
|
|
14
|
-
const fontPath = key.includes('.') ? key : `fonts.${key}`;
|
|
15
|
-
if (ThemeManager.hasToken(fontPath)) {
|
|
16
|
-
const themeValue = ThemeManager.getToken(fontPath);
|
|
17
|
-
if (themeValue && typeof themeValue === 'string') {
|
|
18
|
-
return themeValue;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
// Fallback: check if it's a direct theme token (backwards compatibility)
|
|
22
|
-
if (ThemeManager.hasToken(key)) {
|
|
23
|
-
const themeValue = ThemeManager.getToken(key);
|
|
24
|
-
if (themeValue && typeof themeValue === 'string') {
|
|
25
|
-
return themeValue;
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
// Fallback to the key itself if not found in theme
|
|
29
|
-
return key;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Get all available font tokens from current theme
|
|
33
|
-
* @returns Array of font token keys
|
|
34
|
-
*/
|
|
35
|
-
static getAvailableFonts() {
|
|
36
|
-
const theme = ThemeManager.getCurrentTheme();
|
|
37
|
-
if (theme.fonts && typeof theme.fonts === 'object') {
|
|
38
|
-
return Object.keys(theme.fonts);
|
|
39
|
-
}
|
|
40
|
-
return [];
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Spacing picker for accessing theme spacing values
|
|
45
|
-
*/
|
|
46
|
-
export class SpacingPicker {
|
|
47
|
-
/**
|
|
48
|
-
* Get spacing value in pixels from theme
|
|
49
|
-
* @param key - Spacing key (e.g., 'sm', 'lg') or full path (e.g., 'spacing.md')
|
|
50
|
-
* @returns Spacing value in pixels
|
|
51
|
-
*/
|
|
52
|
-
static px(key) {
|
|
53
|
-
// Check if it's a theme token (with or without spacing. prefix)
|
|
54
|
-
const spacingPath = key.includes('.') ? key : `spacing.${key}`;
|
|
55
|
-
if (ThemeManager.hasToken(spacingPath)) {
|
|
56
|
-
const themeValue = ThemeManager.getToken(spacingPath);
|
|
57
|
-
if (themeValue && typeof themeValue === 'number') {
|
|
58
|
-
return themeValue;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
// Fallback: check if it's a direct theme token (backwards compatibility)
|
|
62
|
-
if (ThemeManager.hasToken(key)) {
|
|
63
|
-
const themeValue = ThemeManager.getToken(key);
|
|
64
|
-
if (themeValue && typeof themeValue === 'number') {
|
|
65
|
-
return themeValue;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
// Default fallback values
|
|
69
|
-
const defaultSpacing = {
|
|
70
|
-
xs: 4,
|
|
71
|
-
sm: 8,
|
|
72
|
-
md: 16,
|
|
73
|
-
lg: 24,
|
|
74
|
-
xl: 32,
|
|
75
|
-
'2xl': 48,
|
|
76
|
-
'3xl': 64,
|
|
77
|
-
'4xl': 96,
|
|
78
|
-
};
|
|
79
|
-
return defaultSpacing[key] ?? 16; // Default to 16px
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Get all available spacing tokens from current theme
|
|
83
|
-
* @returns Array of spacing token keys
|
|
84
|
-
*/
|
|
85
|
-
static getAvailableSpacing() {
|
|
86
|
-
const theme = ThemeManager.getCurrentTheme();
|
|
87
|
-
if (theme.spacing && typeof theme.spacing === 'object') {
|
|
88
|
-
return Object.keys(theme.spacing);
|
|
89
|
-
}
|
|
90
|
-
return [];
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
/**
|
|
94
|
-
* Typography picker for accessing complete typography styles from theme
|
|
95
|
-
*/
|
|
96
|
-
export class TypographyPicker {
|
|
97
|
-
/**
|
|
98
|
-
* Get complete typography style from theme
|
|
99
|
-
* @param key - Typography key (e.g., 'heading', 'body') or full path
|
|
100
|
-
* @returns Typography style object
|
|
101
|
-
*/
|
|
102
|
-
static style(key) {
|
|
103
|
-
// Check if it's a theme token (with or without typography. prefix)
|
|
104
|
-
const typographyPath = key.includes('.') ? key : `typography.${key}`;
|
|
105
|
-
if (ThemeManager.hasToken(typographyPath)) {
|
|
106
|
-
const themeValue = ThemeManager.getToken(typographyPath);
|
|
107
|
-
if (themeValue && typeof themeValue === 'object') {
|
|
108
|
-
// Resolve any theme references in the typography object
|
|
109
|
-
const resolved = this.resolveTypographyReferences(themeValue);
|
|
110
|
-
return resolved;
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
// Fallback: check if it's a direct theme token
|
|
114
|
-
if (ThemeManager.hasToken(key)) {
|
|
115
|
-
const themeValue = ThemeManager.getToken(key);
|
|
116
|
-
if (themeValue && typeof themeValue === 'object') {
|
|
117
|
-
const resolved = this.resolveTypographyReferences(themeValue);
|
|
118
|
-
return resolved;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
// Return empty object if not found
|
|
122
|
-
return {};
|
|
123
|
-
}
|
|
124
|
-
/**
|
|
125
|
-
* Get Phaser-compatible text style from typography token
|
|
126
|
-
* @param key - Typography key
|
|
127
|
-
* @returns Object compatible with Phaser text styles
|
|
128
|
-
*/
|
|
129
|
-
static phaserStyle(key) {
|
|
130
|
-
const style = this.style(key);
|
|
131
|
-
const result = {
|
|
132
|
-
fontStyle: style.fontWeight && Number(style.fontWeight) >= 600 ? 'bold' : 'normal',
|
|
133
|
-
};
|
|
134
|
-
if (style.fontSize) {
|
|
135
|
-
result.fontSize = style.fontSize;
|
|
136
|
-
}
|
|
137
|
-
if (style.fontFamily) {
|
|
138
|
-
result.fontFamily = style.fontFamily;
|
|
139
|
-
}
|
|
140
|
-
return result;
|
|
141
|
-
}
|
|
142
|
-
/**
|
|
143
|
-
* Get all available typography tokens from current theme
|
|
144
|
-
* @returns Array of typography token keys
|
|
145
|
-
*/
|
|
146
|
-
static getAvailableTypography() {
|
|
147
|
-
const theme = ThemeManager.getCurrentTheme();
|
|
148
|
-
if (theme.typography && typeof theme.typography === 'object') {
|
|
149
|
-
return Object.keys(theme.typography);
|
|
150
|
-
}
|
|
151
|
-
return [];
|
|
152
|
-
}
|
|
153
|
-
/**
|
|
154
|
-
* Resolve theme references in typography objects
|
|
155
|
-
* @param typographyObject - Typography style object
|
|
156
|
-
* @returns Resolved typography object
|
|
157
|
-
*/
|
|
158
|
-
static resolveTypographyReferences(typographyObject) {
|
|
159
|
-
const resolved = { ...typographyObject };
|
|
160
|
-
// Resolve fontSize if it's a theme reference
|
|
161
|
-
if (resolved['fontSize'] && typeof resolved['fontSize'] === 'string') {
|
|
162
|
-
if (resolved['fontSize'].includes('.')) {
|
|
163
|
-
resolved['fontSize'] = ThemeManager.resolveToken(resolved['fontSize']);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
// Resolve fontFamily if it's a theme reference
|
|
167
|
-
if (resolved['fontFamily'] && typeof resolved['fontFamily'] === 'string') {
|
|
168
|
-
if (resolved['fontFamily'].includes('.')) {
|
|
169
|
-
resolved['fontFamily'] = ThemeManager.resolveToken(resolved['fontFamily']);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
return resolved;
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
/**
|
|
176
|
-
* Effect picker for accessing theme effects like shadows
|
|
177
|
-
*/
|
|
178
|
-
export class EffectPicker {
|
|
179
|
-
/**
|
|
180
|
-
* Get effect configuration from theme
|
|
181
|
-
* @param key - Effect key (e.g., 'shadow-md') or full path
|
|
182
|
-
* @returns Effect configuration object
|
|
183
|
-
*/
|
|
184
|
-
static config(key) {
|
|
185
|
-
// Check if it's a theme token (with or without effects. prefix)
|
|
186
|
-
const effectPath = key.includes('.') ? key : `effects.${key}`;
|
|
187
|
-
if (ThemeManager.hasToken(effectPath)) {
|
|
188
|
-
const themeValue = ThemeManager.getToken(effectPath);
|
|
189
|
-
if (themeValue && typeof themeValue === 'object') {
|
|
190
|
-
// Resolve color references
|
|
191
|
-
const resolved = { ...themeValue };
|
|
192
|
-
if ('color' in resolved && typeof resolved.color === 'string') {
|
|
193
|
-
resolved.color = ThemeManager.resolveToken(resolved.color);
|
|
194
|
-
}
|
|
195
|
-
return resolved;
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
return {};
|
|
199
|
-
}
|
|
200
|
-
/**
|
|
201
|
-
* Get all available effect tokens from current theme
|
|
202
|
-
* @returns Array of effect token keys
|
|
203
|
-
*/
|
|
204
|
-
static getAvailableEffects() {
|
|
205
|
-
const theme = ThemeManager.getCurrentTheme();
|
|
206
|
-
if (theme.effects && typeof theme.effects === 'object') {
|
|
207
|
-
return Object.keys(theme.effects);
|
|
208
|
-
}
|
|
209
|
-
return [];
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
//# sourceMappingURL=font-picker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"font-picker.js","sourceRoot":"","sources":["../../src/font/font-picker.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD;;GAEG;AACH,MAAM,OAAO,UAAU;IACrB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAW;QACvB,8DAA8D;QAC9D,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC;QAE1D,IAAI,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnD,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;QAED,yEAAyE;QACzE,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;QAED,mDAAmD;QACnD,OAAO,GAAG,CAAC;IACb,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,iBAAiB;QACtB,MAAM,KAAK,GAAG,YAAY,CAAC,eAAe,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,aAAa;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,GAAW;QACnB,gEAAgE;QAChE,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC;QAE/D,IAAI,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YACvC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACtD,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;QAED,yEAAyE;QACzE,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,OAAO,UAAU,CAAC;YACpB,CAAC;QACH,CAAC;QAED,0BAA0B;QAC1B,MAAM,cAAc,GAA2B;YAC7C,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,EAAE,EAAE,EAAE;YACN,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;SACV,CAAC;QAEF,OAAO,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,kBAAkB;IACtD,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,mBAAmB;QACxB,MAAM,KAAK,GAAG,YAAY,CAAC,eAAe,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,gBAAgB;IAC3B;;;;OAIG;IACH,MAAM,CAAC,KAAK,CAAC,GAAW;QAOtB,mEAAmE;QACnE,MAAM,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,cAAc,GAAG,EAAE,CAAC;QAErE,IAAI,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;YAC1C,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;YACzD,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,wDAAwD;gBACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,CAC/C,UAAqC,CACtC,CAAC;gBACF,OAAO,QAAQ,CAAC;YAClB,CAAC;QACH,CAAC;QAED,+CAA+C;QAC/C,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9C,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,2BAA2B,CAC/C,UAAqC,CACtC,CAAC;gBACF,OAAO,QAAQ,CAAC;YAClB,CAAC;QACH,CAAC;QAED,mCAAmC;QACnC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,WAAW,CAAC,GAAW;QAK5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE9B,MAAM,MAAM,GAIR;YACF,SAAS,EACP,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;SAC1E,CAAC;QAEF,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QACnC,CAAC;QACD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;QACvC,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,sBAAsB;QAC3B,MAAM,KAAK,GAAG,YAAY,CAAC,eAAe,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,UAAU,IAAI,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC7D,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;IAED;;;;OAIG;IACK,MAAM,CAAC,2BAA2B,CACxC,gBAAyC;QAEzC,MAAM,QAAQ,GAAG,EAAE,GAAG,gBAAgB,EAAE,CAAC;QAEzC,6CAA6C;QAC7C,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,OAAO,QAAQ,CAAC,UAAU,CAAC,KAAK,QAAQ,EAAE,CAAC;YACrE,IAAI,QAAQ,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACvC,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;YACzE,CAAC;QACH,CAAC;QAED,+CAA+C;QAC/C,IAAI,QAAQ,CAAC,YAAY,CAAC,IAAI,OAAO,QAAQ,CAAC,YAAY,CAAC,KAAK,QAAQ,EAAE,CAAC;YACzE,IAAI,QAAQ,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACzC,QAAQ,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAChD,QAAQ,CAAC,YAAY,CAAC,CACvB,CAAC;YACJ,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,YAAY;IACvB;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,GAAW;QAOvB,gEAAgE;QAChE,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,GAAG,EAAE,CAAC;QAE9D,IAAI,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACtC,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;YACrD,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACjD,2BAA2B;gBAC3B,MAAM,QAAQ,GAAG,EAAE,GAAG,UAAU,EAAE,CAAC;gBACnC,IAAI,OAAO,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9D,QAAQ,CAAC,KAAK,GAAG,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC7D,CAAC;gBACD,OAAO,QAAQ,CAAC;YAClB,CAAC;QACH,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,mBAAmB;QACxB,MAAM,KAAK,GAAG,YAAY,CAAC,eAAe,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YACvD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export declare const fontSizes: {
|
|
2
|
-
readonly xs: 12;
|
|
3
|
-
readonly sm: 14;
|
|
4
|
-
readonly md: 16;
|
|
5
|
-
readonly lg: 18;
|
|
6
|
-
readonly xl: 20;
|
|
7
|
-
readonly '2xl': 24;
|
|
8
|
-
readonly '3xl': 30;
|
|
9
|
-
readonly '4xl': 36;
|
|
10
|
-
readonly '5xl': 48;
|
|
11
|
-
readonly '6xl': 60;
|
|
12
|
-
};
|
|
13
|
-
export type FontSizeKey = keyof typeof fontSizes;
|
|
14
|
-
export declare class FontSizePicker {
|
|
15
|
-
static px(key: FontSizeKey): number;
|
|
16
|
-
static rem(key: FontSizeKey): number;
|
|
17
|
-
static css(key: FontSizeKey): string;
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=font-size-picker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker.d.ts","sourceRoot":"","sources":["../../src/font/font-size-picker.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;CAWZ,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,SAAS,CAAC;AAEjD,qBAAa,cAAc;IACzB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAInC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAIpC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;CAGrC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export const fontSizes = {
|
|
2
|
-
xs: 12,
|
|
3
|
-
sm: 14,
|
|
4
|
-
md: 16,
|
|
5
|
-
lg: 18,
|
|
6
|
-
xl: 20,
|
|
7
|
-
'2xl': 24,
|
|
8
|
-
'3xl': 30,
|
|
9
|
-
'4xl': 36,
|
|
10
|
-
'5xl': 48,
|
|
11
|
-
'6xl': 60,
|
|
12
|
-
};
|
|
13
|
-
export class FontSizePicker {
|
|
14
|
-
static px(key) {
|
|
15
|
-
return fontSizes[key];
|
|
16
|
-
}
|
|
17
|
-
static rem(key) {
|
|
18
|
-
return fontSizes[key] / 16;
|
|
19
|
-
}
|
|
20
|
-
static css(key) {
|
|
21
|
-
return `${fontSizes[key]}px`;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=font-size-picker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker.js","sourceRoot":"","sources":["../../src/font/font-size-picker.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;CACD,CAAC;AAIX,MAAM,OAAO,cAAc;IACzB,MAAM,CAAC,EAAE,CAAC,GAAgB;QACxB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;IACxB,CAAC;IAED,MAAM,CAAC,GAAG,CAAC,GAAgB;QACzB,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM,CAAC,GAAG,CAAC,GAAgB;QACzB,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;IAC/B,CAAC;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker.spec.d.ts","sourceRoot":"","sources":["../../src/font/font-size-picker.spec.ts"],"names":[],"mappings":""}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-magic-numbers */
|
|
2
|
-
import { describe, expect, it } from 'vitest';
|
|
3
|
-
import { FontSizePicker } from './font-size-picker';
|
|
4
|
-
describe('FontSizePicker', () => {
|
|
5
|
-
it.each([
|
|
6
|
-
['xs', 12],
|
|
7
|
-
['sm', 14],
|
|
8
|
-
['md', 16],
|
|
9
|
-
['lg', 18],
|
|
10
|
-
['xl', 20],
|
|
11
|
-
['2xl', 24],
|
|
12
|
-
['3xl', 30],
|
|
13
|
-
['4xl', 36],
|
|
14
|
-
['5xl', 48],
|
|
15
|
-
['6xl', 60],
|
|
16
|
-
])('should return correct pixel value for %s size', (size, expected) => {
|
|
17
|
-
expect(FontSizePicker.px(size)).toBe(expected);
|
|
18
|
-
});
|
|
19
|
-
it.each([
|
|
20
|
-
['xs', 0.75],
|
|
21
|
-
['sm', 0.875],
|
|
22
|
-
['md', 1],
|
|
23
|
-
['lg', 1.125],
|
|
24
|
-
['xl', 1.25],
|
|
25
|
-
['2xl', 1.5],
|
|
26
|
-
['3xl', 1.875],
|
|
27
|
-
['4xl', 2.25],
|
|
28
|
-
['5xl', 3],
|
|
29
|
-
['6xl', 3.75],
|
|
30
|
-
])('should return correct rem value for %s size', (size, expected) => {
|
|
31
|
-
expect(FontSizePicker.rem(size)).toBe(expected);
|
|
32
|
-
});
|
|
33
|
-
it.each([
|
|
34
|
-
['xs', '12px'],
|
|
35
|
-
['sm', '14px'],
|
|
36
|
-
['md', '16px'],
|
|
37
|
-
['lg', '18px'],
|
|
38
|
-
['xl', '20px'],
|
|
39
|
-
['2xl', '24px'],
|
|
40
|
-
['3xl', '30px'],
|
|
41
|
-
['4xl', '36px'],
|
|
42
|
-
['5xl', '48px'],
|
|
43
|
-
['6xl', '60px'],
|
|
44
|
-
])('should return correct CSS string for %s size', (size, expected) => {
|
|
45
|
-
expect(FontSizePicker.css(size)).toBe(expected);
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
//# sourceMappingURL=font-size-picker.spec.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-picker.spec.js","sourceRoot":"","sources":["../../src/font/font-size-picker.spec.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAoB,MAAM,oBAAoB,CAAC;AAEtE,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,IAAI,EAAE,EAAE,CAAC;QACV,CAAC,IAAI,EAAE,EAAE,CAAC;QACV,CAAC,IAAI,EAAE,EAAE,CAAC;QACV,CAAC,IAAI,EAAE,EAAE,CAAC;QACV,CAAC,IAAI,EAAE,EAAE,CAAC;QACV,CAAC,KAAK,EAAE,EAAE,CAAC;QACX,CAAC,KAAK,EAAE,EAAE,CAAC;QACX,CAAC,KAAK,EAAE,EAAE,CAAC;QACX,CAAC,KAAK,EAAE,EAAE,CAAC;QACX,CAAC,KAAK,EAAE,EAAE,CAAC;KACZ,CAAC,CAAC,+CAA+C,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACrE,MAAM,CAAC,cAAc,CAAC,EAAE,CAAC,IAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,IAAI,EAAE,IAAI,CAAC;QACZ,CAAC,IAAI,EAAE,KAAK,CAAC;QACb,CAAC,IAAI,EAAE,CAAC,CAAC;QACT,CAAC,IAAI,EAAE,KAAK,CAAC;QACb,CAAC,IAAI,EAAE,IAAI,CAAC;QACZ,CAAC,KAAK,EAAE,GAAG,CAAC;QACZ,CAAC,KAAK,EAAE,KAAK,CAAC;QACd,CAAC,KAAK,EAAE,IAAI,CAAC;QACb,CAAC,KAAK,EAAE,CAAC,CAAC;QACV,CAAC,KAAK,EAAE,IAAI,CAAC;KACd,CAAC,CAAC,6CAA6C,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACnE,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,IAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,IAAI,EAAE,MAAM,CAAC;QACd,CAAC,IAAI,EAAE,MAAM,CAAC;QACd,CAAC,IAAI,EAAE,MAAM,CAAC;QACd,CAAC,IAAI,EAAE,MAAM,CAAC;QACd,CAAC,IAAI,EAAE,MAAM,CAAC;QACd,CAAC,KAAK,EAAE,MAAM,CAAC;QACf,CAAC,KAAK,EAAE,MAAM,CAAC;QACf,CAAC,KAAK,EAAE,MAAM,CAAC;QACf,CAAC,KAAK,EAAE,MAAM,CAAC;QACf,CAAC,KAAK,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC,8CAA8C,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACpE,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,IAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|