@tamagui/themes 1.123.8 → 1.123.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/dist/cjs/v4-tokens.cjs +99 -0
- package/dist/cjs/v4-tokens.js +88 -0
- package/dist/cjs/v4-tokens.js.map +6 -0
- package/dist/cjs/v4-tokens.native.js +110 -0
- package/dist/cjs/v4-tokens.native.js.map +6 -0
- package/dist/cjs/v4.cjs +2 -2
- package/dist/cjs/v4.js +2 -2
- package/dist/cjs/v4.native.js +2 -2
- package/dist/esm/v4-tokens.js +72 -0
- package/dist/esm/v4-tokens.js.map +6 -0
- package/dist/esm/v4-tokens.mjs +70 -0
- package/dist/esm/v4-tokens.mjs.map +1 -0
- package/dist/esm/v4-tokens.native.js +84 -0
- package/dist/esm/v4-tokens.native.js.map +6 -0
- package/dist/esm/v4.js +1 -1
- package/dist/esm/v4.mjs +1 -1
- package/dist/esm/v4.native.js +1 -1
- package/package.json +8 -8
- package/src/v4-tokens.ts +105 -0
- package/src/v4.tsx +1 -1
- package/types/v4-tokens.d.ts +184 -0
- package/types/v4-tokens.d.ts.map +1 -0
- package/types/v4.d.ts +1 -1
- package/dist/cjs/getThemeSuitePalettes.cjs +0 -81
- package/dist/cjs/getThemeSuitePalettes.js +0 -63
- package/dist/cjs/getThemeSuitePalettes.js.map +0 -6
- package/dist/cjs/getThemeSuitePalettes.native.js +0 -94
- package/dist/cjs/getThemeSuitePalettes.native.js.map +0 -6
- package/dist/esm/getThemeSuitePalettes.js +0 -47
- package/dist/esm/getThemeSuitePalettes.js.map +0 -6
- package/dist/esm/getThemeSuitePalettes.mjs +0 -57
- package/dist/esm/getThemeSuitePalettes.mjs.map +0 -1
- package/dist/esm/getThemeSuitePalettes.native.js +0 -73
- package/dist/esm/getThemeSuitePalettes.native.js.map +0 -6
- package/src/getThemeSuitePalettes.ts +0 -94
- package/types/getThemeSuitePalettes.d.ts +0 -7
- package/types/getThemeSuitePalettes.d.ts.map +0 -1
package/src/v4-tokens.ts
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { sizeToSpace } from './utils'
|
|
2
|
+
|
|
3
|
+
// the same as v3 for now, but duplicated to avoid accidental changes to both
|
|
4
|
+
|
|
5
|
+
// --- tokens ---
|
|
6
|
+
|
|
7
|
+
// should roughly map to button/input etc height at each level
|
|
8
|
+
// fonts should match that height/lineHeight at each stop
|
|
9
|
+
// so these are really non-linear on purpose
|
|
10
|
+
// why?
|
|
11
|
+
// - at sizes <1, used for fine grained things (borders, smallest paddingY)
|
|
12
|
+
// - so smallest padY should be roughly 1-4px so it can join with lineHeight
|
|
13
|
+
// - at sizes >=1, have to consider "pressability" (jumps up)
|
|
14
|
+
// - after that it should go upwards somewhat naturally
|
|
15
|
+
// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
|
|
16
|
+
// but also one more wrinkle...
|
|
17
|
+
// space is used in conjunction with size
|
|
18
|
+
// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
|
|
19
|
+
export const size = {
|
|
20
|
+
$0: 0,
|
|
21
|
+
'$0.25': 2,
|
|
22
|
+
'$0.5': 4,
|
|
23
|
+
'$0.75': 8,
|
|
24
|
+
$1: 20,
|
|
25
|
+
'$1.5': 24,
|
|
26
|
+
$2: 28,
|
|
27
|
+
'$2.5': 32,
|
|
28
|
+
$3: 36,
|
|
29
|
+
'$3.5': 40,
|
|
30
|
+
$4: 44,
|
|
31
|
+
$true: 44,
|
|
32
|
+
'$4.5': 48,
|
|
33
|
+
$5: 52,
|
|
34
|
+
$6: 64,
|
|
35
|
+
$7: 74,
|
|
36
|
+
$8: 84,
|
|
37
|
+
$9: 94,
|
|
38
|
+
$10: 104,
|
|
39
|
+
$11: 124,
|
|
40
|
+
$12: 144,
|
|
41
|
+
$13: 164,
|
|
42
|
+
$14: 184,
|
|
43
|
+
$15: 204,
|
|
44
|
+
$16: 224,
|
|
45
|
+
$17: 224,
|
|
46
|
+
$18: 244,
|
|
47
|
+
$19: 264,
|
|
48
|
+
$20: 284,
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
type SizeKeysIn = keyof typeof size
|
|
52
|
+
type Sizes = {
|
|
53
|
+
[Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number
|
|
54
|
+
}
|
|
55
|
+
type SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`
|
|
56
|
+
|
|
57
|
+
export const spaces = Object.entries(size).map(([k, v]) => {
|
|
58
|
+
return [k, sizeToSpace(v)] as const
|
|
59
|
+
})
|
|
60
|
+
|
|
61
|
+
export const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v])
|
|
62
|
+
|
|
63
|
+
type SizeKeysWithNegatives =
|
|
64
|
+
| Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'>
|
|
65
|
+
| SizeKeys
|
|
66
|
+
|
|
67
|
+
export const space: {
|
|
68
|
+
[Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number
|
|
69
|
+
} = {
|
|
70
|
+
...Object.fromEntries(spaces),
|
|
71
|
+
...Object.fromEntries(spacesNegative),
|
|
72
|
+
} as any
|
|
73
|
+
|
|
74
|
+
export const zIndex = {
|
|
75
|
+
0: 0,
|
|
76
|
+
1: 100,
|
|
77
|
+
2: 200,
|
|
78
|
+
3: 300,
|
|
79
|
+
4: 400,
|
|
80
|
+
5: 500,
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
export const radius = {
|
|
84
|
+
0: 0,
|
|
85
|
+
1: 3,
|
|
86
|
+
2: 5,
|
|
87
|
+
3: 7,
|
|
88
|
+
4: 9,
|
|
89
|
+
true: 9,
|
|
90
|
+
5: 10,
|
|
91
|
+
6: 16,
|
|
92
|
+
7: 19,
|
|
93
|
+
8: 22,
|
|
94
|
+
9: 26,
|
|
95
|
+
10: 34,
|
|
96
|
+
11: 42,
|
|
97
|
+
12: 50,
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
export const tokens = {
|
|
101
|
+
radius,
|
|
102
|
+
zIndex,
|
|
103
|
+
space,
|
|
104
|
+
size,
|
|
105
|
+
} as const
|
package/src/v4.tsx
CHANGED
|
@@ -0,0 +1,184 @@
|
|
|
1
|
+
export declare const size: {
|
|
2
|
+
$0: number;
|
|
3
|
+
'$0.25': number;
|
|
4
|
+
'$0.5': number;
|
|
5
|
+
'$0.75': number;
|
|
6
|
+
$1: number;
|
|
7
|
+
'$1.5': number;
|
|
8
|
+
$2: number;
|
|
9
|
+
'$2.5': number;
|
|
10
|
+
$3: number;
|
|
11
|
+
'$3.5': number;
|
|
12
|
+
$4: number;
|
|
13
|
+
$true: number;
|
|
14
|
+
'$4.5': number;
|
|
15
|
+
$5: number;
|
|
16
|
+
$6: number;
|
|
17
|
+
$7: number;
|
|
18
|
+
$8: number;
|
|
19
|
+
$9: number;
|
|
20
|
+
$10: number;
|
|
21
|
+
$11: number;
|
|
22
|
+
$12: number;
|
|
23
|
+
$13: number;
|
|
24
|
+
$14: number;
|
|
25
|
+
$15: number;
|
|
26
|
+
$16: number;
|
|
27
|
+
$17: number;
|
|
28
|
+
$18: number;
|
|
29
|
+
$19: number;
|
|
30
|
+
$20: number;
|
|
31
|
+
};
|
|
32
|
+
type SizeKeysIn = keyof typeof size;
|
|
33
|
+
type Sizes = {
|
|
34
|
+
[Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number;
|
|
35
|
+
};
|
|
36
|
+
type SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`;
|
|
37
|
+
export declare const spaces: (readonly [string, number])[];
|
|
38
|
+
export declare const spacesNegative: (string | number)[][];
|
|
39
|
+
type SizeKeysWithNegatives = Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'> | SizeKeys;
|
|
40
|
+
export declare const space: {
|
|
41
|
+
[Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number;
|
|
42
|
+
};
|
|
43
|
+
export declare const zIndex: {
|
|
44
|
+
0: number;
|
|
45
|
+
1: number;
|
|
46
|
+
2: number;
|
|
47
|
+
3: number;
|
|
48
|
+
4: number;
|
|
49
|
+
5: number;
|
|
50
|
+
};
|
|
51
|
+
export declare const radius: {
|
|
52
|
+
0: number;
|
|
53
|
+
1: number;
|
|
54
|
+
2: number;
|
|
55
|
+
3: number;
|
|
56
|
+
4: number;
|
|
57
|
+
true: number;
|
|
58
|
+
5: number;
|
|
59
|
+
6: number;
|
|
60
|
+
7: number;
|
|
61
|
+
8: number;
|
|
62
|
+
9: number;
|
|
63
|
+
10: number;
|
|
64
|
+
11: number;
|
|
65
|
+
12: number;
|
|
66
|
+
};
|
|
67
|
+
export declare const tokens: {
|
|
68
|
+
readonly radius: {
|
|
69
|
+
0: number;
|
|
70
|
+
1: number;
|
|
71
|
+
2: number;
|
|
72
|
+
3: number;
|
|
73
|
+
4: number;
|
|
74
|
+
true: number;
|
|
75
|
+
5: number;
|
|
76
|
+
6: number;
|
|
77
|
+
7: number;
|
|
78
|
+
8: number;
|
|
79
|
+
9: number;
|
|
80
|
+
10: number;
|
|
81
|
+
11: number;
|
|
82
|
+
12: number;
|
|
83
|
+
};
|
|
84
|
+
readonly zIndex: {
|
|
85
|
+
0: number;
|
|
86
|
+
1: number;
|
|
87
|
+
2: number;
|
|
88
|
+
3: number;
|
|
89
|
+
4: number;
|
|
90
|
+
5: number;
|
|
91
|
+
};
|
|
92
|
+
readonly space: {
|
|
93
|
+
0: number;
|
|
94
|
+
0.25: number;
|
|
95
|
+
0.5: number;
|
|
96
|
+
0.75: number;
|
|
97
|
+
1: number;
|
|
98
|
+
1.5: number;
|
|
99
|
+
2: number;
|
|
100
|
+
2.5: number;
|
|
101
|
+
3: number;
|
|
102
|
+
3.5: number;
|
|
103
|
+
4: number;
|
|
104
|
+
true: number;
|
|
105
|
+
4.5: number;
|
|
106
|
+
5: number;
|
|
107
|
+
6: number;
|
|
108
|
+
7: number;
|
|
109
|
+
8: number;
|
|
110
|
+
9: number;
|
|
111
|
+
10: number;
|
|
112
|
+
11: number;
|
|
113
|
+
12: number;
|
|
114
|
+
13: number;
|
|
115
|
+
14: number;
|
|
116
|
+
15: number;
|
|
117
|
+
16: number;
|
|
118
|
+
17: number;
|
|
119
|
+
18: number;
|
|
120
|
+
19: number;
|
|
121
|
+
20: number;
|
|
122
|
+
[-0.25]: number;
|
|
123
|
+
[-0.5]: number;
|
|
124
|
+
[-0.75]: number;
|
|
125
|
+
[-1]: number;
|
|
126
|
+
[-1.5]: number;
|
|
127
|
+
[-2]: number;
|
|
128
|
+
[-2.5]: number;
|
|
129
|
+
[-3]: number;
|
|
130
|
+
[-3.5]: number;
|
|
131
|
+
[-4]: number;
|
|
132
|
+
"-true": number;
|
|
133
|
+
[-4.5]: number;
|
|
134
|
+
[-5]: number;
|
|
135
|
+
[-6]: number;
|
|
136
|
+
[-7]: number;
|
|
137
|
+
[-8]: number;
|
|
138
|
+
[-9]: number;
|
|
139
|
+
[-10]: number;
|
|
140
|
+
[-11]: number;
|
|
141
|
+
[-12]: number;
|
|
142
|
+
[-13]: number;
|
|
143
|
+
[-14]: number;
|
|
144
|
+
[-15]: number;
|
|
145
|
+
[-16]: number;
|
|
146
|
+
[-17]: number;
|
|
147
|
+
[-18]: number;
|
|
148
|
+
[-19]: number;
|
|
149
|
+
[-20]: number;
|
|
150
|
+
};
|
|
151
|
+
readonly size: {
|
|
152
|
+
$0: number;
|
|
153
|
+
'$0.25': number;
|
|
154
|
+
'$0.5': number;
|
|
155
|
+
'$0.75': number;
|
|
156
|
+
$1: number;
|
|
157
|
+
'$1.5': number;
|
|
158
|
+
$2: number;
|
|
159
|
+
'$2.5': number;
|
|
160
|
+
$3: number;
|
|
161
|
+
'$3.5': number;
|
|
162
|
+
$4: number;
|
|
163
|
+
$true: number;
|
|
164
|
+
'$4.5': number;
|
|
165
|
+
$5: number;
|
|
166
|
+
$6: number;
|
|
167
|
+
$7: number;
|
|
168
|
+
$8: number;
|
|
169
|
+
$9: number;
|
|
170
|
+
$10: number;
|
|
171
|
+
$11: number;
|
|
172
|
+
$12: number;
|
|
173
|
+
$13: number;
|
|
174
|
+
$14: number;
|
|
175
|
+
$15: number;
|
|
176
|
+
$16: number;
|
|
177
|
+
$17: number;
|
|
178
|
+
$18: number;
|
|
179
|
+
$19: number;
|
|
180
|
+
$20: number;
|
|
181
|
+
};
|
|
182
|
+
};
|
|
183
|
+
export {};
|
|
184
|
+
//# sourceMappingURL=v4-tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v4-tokens.d.ts","sourceRoot":"","sources":["../src/v4-tokens.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BhB,CAAA;AAED,KAAK,UAAU,GAAG,MAAM,OAAO,IAAI,CAAA;AACnC,KAAK,KAAK,GAAG;KACV,GAAG,IAAI,UAAU,SAAS,IAAI,MAAM,GAAG,EAAE,GAAG,GAAG,GAAG,UAAU,GAAG,MAAM;CACvE,CAAA;AACD,KAAK,QAAQ,GAAG,GAAG,MAAM,KAAK,SAAS,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,EAAE,CAAA;AAEjE,eAAO,MAAM,MAAM,+BAEjB,CAAA;AAEF,eAAO,MAAM,cAAc,uBAA0D,CAAA;AAErF,KAAK,qBAAqB,GACtB,OAAO,CAAC,IAAI,QAAQ,SAAS,IAAI,MAAM,GAAG,EAAE,GAAG,GAAG,GAAG,QAAQ,EAAE,EAAE,IAAI,CAAC,GACtE,QAAQ,CAAA;AAEZ,eAAO,MAAM,KAAK,EAAE;KACjB,GAAG,IAAI,qBAAqB,GAAG,GAAG,SAAS,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM;CAIvE,CAAA;AAER,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAA"}
|
package/types/v4.d.ts
CHANGED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: !0
|
|
9
|
-
});
|
|
10
|
-
},
|
|
11
|
-
__copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
13
|
-
get: () => from[key],
|
|
14
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
|
-
});
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value: !0
|
|
20
|
-
}), mod);
|
|
21
|
-
var getThemeSuitePalettes_exports = {};
|
|
22
|
-
__export(getThemeSuitePalettes_exports, {
|
|
23
|
-
PALETTE_BACKGROUND_OFFSET: () => PALETTE_BACKGROUND_OFFSET,
|
|
24
|
-
getThemeSuitePalettes: () => getThemeSuitePalettes
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(getThemeSuitePalettes_exports);
|
|
27
|
-
var import_color2k = require("color2k");
|
|
28
|
-
const paletteSize = 12,
|
|
29
|
-
PALETTE_BACKGROUND_OFFSET = 4,
|
|
30
|
-
generateColorPalette = ({
|
|
31
|
-
palette: buildPalette,
|
|
32
|
-
scheme
|
|
33
|
-
}) => {
|
|
34
|
-
if (!buildPalette) return [];
|
|
35
|
-
const {
|
|
36
|
-
anchors
|
|
37
|
-
} = buildPalette;
|
|
38
|
-
let palette = [];
|
|
39
|
-
const add = (h, s, l) => {
|
|
40
|
-
palette.push((0, import_color2k.hsla)(h, s, l, 1));
|
|
41
|
-
},
|
|
42
|
-
numAnchors = Object.keys(anchors).length;
|
|
43
|
-
for (const [anchorIndex, anchor] of anchors.entries()) {
|
|
44
|
-
const [h, s, l] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme]];
|
|
45
|
-
if (anchorIndex !== 0) {
|
|
46
|
-
const lastAnchor = anchors[anchorIndex - 1],
|
|
47
|
-
steps = anchor.index - lastAnchor.index,
|
|
48
|
-
lastHue = lastAnchor.hue[scheme],
|
|
49
|
-
lastSat = lastAnchor.sat[scheme],
|
|
50
|
-
lastLum = lastAnchor.lum[scheme],
|
|
51
|
-
stepHue = (lastHue - h) / steps,
|
|
52
|
-
stepSat = (lastSat - s) / steps,
|
|
53
|
-
stepLum = (lastLum - l) / steps;
|
|
54
|
-
for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
55
|
-
const str = anchor.index - step;
|
|
56
|
-
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
if (add(h, s, l), anchorIndex === numAnchors - 1 && palette.length < paletteSize) for (let step = anchor.index + 1; step < paletteSize; step++) add(h, s, l);
|
|
60
|
-
}
|
|
61
|
-
const [background] = palette,
|
|
62
|
-
foreground = palette[palette.length - 1],
|
|
63
|
-
transparentValues = [background, foreground].map(color => {
|
|
64
|
-
const [h, s, l] = (0, import_color2k.parseToHsla)(color);
|
|
65
|
-
return [(0, import_color2k.hsla)(h, s, l, 0), (0, import_color2k.hsla)(h, s, l, 0.25), (0, import_color2k.hsla)(h, s, l, 0.5), (0, import_color2k.hsla)(h, s, l, 0.75)];
|
|
66
|
-
}),
|
|
67
|
-
reverseForeground = [...transparentValues[1]].reverse();
|
|
68
|
-
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
69
|
-
};
|
|
70
|
-
function getThemeSuitePalettes(palette) {
|
|
71
|
-
return {
|
|
72
|
-
light: generateColorPalette({
|
|
73
|
-
palette,
|
|
74
|
-
scheme: "light"
|
|
75
|
-
}),
|
|
76
|
-
dark: generateColorPalette({
|
|
77
|
-
palette,
|
|
78
|
-
scheme: "dark"
|
|
79
|
-
})
|
|
80
|
-
};
|
|
81
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var getThemeSuitePalettes_exports = {};
|
|
16
|
-
__export(getThemeSuitePalettes_exports, {
|
|
17
|
-
PALETTE_BACKGROUND_OFFSET: () => PALETTE_BACKGROUND_OFFSET,
|
|
18
|
-
getThemeSuitePalettes: () => getThemeSuitePalettes
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(getThemeSuitePalettes_exports);
|
|
21
|
-
var import_color2k = require("color2k");
|
|
22
|
-
const paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 4, generateColorPalette = ({
|
|
23
|
-
palette: buildPalette,
|
|
24
|
-
scheme
|
|
25
|
-
}) => {
|
|
26
|
-
if (!buildPalette)
|
|
27
|
-
return [];
|
|
28
|
-
const { anchors } = buildPalette;
|
|
29
|
-
let palette = [];
|
|
30
|
-
const add = (h, s, l) => {
|
|
31
|
-
palette.push((0, import_color2k.hsla)(h, s, l, 1));
|
|
32
|
-
}, numAnchors = Object.keys(anchors).length;
|
|
33
|
-
for (const [anchorIndex, anchor] of anchors.entries()) {
|
|
34
|
-
const [h, s, l] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme]];
|
|
35
|
-
if (anchorIndex !== 0) {
|
|
36
|
-
const lastAnchor = anchors[anchorIndex - 1], steps = anchor.index - lastAnchor.index, lastHue = lastAnchor.hue[scheme], lastSat = lastAnchor.sat[scheme], lastLum = lastAnchor.lum[scheme], stepHue = (lastHue - h) / steps, stepSat = (lastSat - s) / steps, stepLum = (lastLum - l) / steps;
|
|
37
|
-
for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
38
|
-
const str = anchor.index - step;
|
|
39
|
-
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
if (add(h, s, l), anchorIndex === numAnchors - 1 && palette.length < paletteSize)
|
|
43
|
-
for (let step = anchor.index + 1; step < paletteSize; step++)
|
|
44
|
-
add(h, s, l);
|
|
45
|
-
}
|
|
46
|
-
const [background] = palette, foreground = palette[palette.length - 1], transparentValues = [background, foreground].map((color) => {
|
|
47
|
-
const [h, s, l] = (0, import_color2k.parseToHsla)(color);
|
|
48
|
-
return [
|
|
49
|
-
(0, import_color2k.hsla)(h, s, l, 0),
|
|
50
|
-
(0, import_color2k.hsla)(h, s, l, 0.25),
|
|
51
|
-
(0, import_color2k.hsla)(h, s, l, 0.5),
|
|
52
|
-
(0, import_color2k.hsla)(h, s, l, 0.75)
|
|
53
|
-
];
|
|
54
|
-
}), reverseForeground = [...transparentValues[1]].reverse();
|
|
55
|
-
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
56
|
-
};
|
|
57
|
-
function getThemeSuitePalettes(palette) {
|
|
58
|
-
return {
|
|
59
|
-
light: generateColorPalette({ palette, scheme: "light" }),
|
|
60
|
-
dark: generateColorPalette({ palette, scheme: "dark" })
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=getThemeSuitePalettes.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/getThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAkC;AAQlC,MAAM,cAAc,IAGP,4BAA4B,GAEnC,uBAAuB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT;AACF,MAGM;AACJ,MAAI,CAAC;AACH,WAAO,CAAC;AAGV,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,SAAK,qBAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AAGA,QAAM,CAAC,UAAU,IAAI,SACf,aAAa,QAAQ,QAAQ,SAAS,CAAC,GAEvC,oBAAoB,CAAC,YAAY,UAAU,EAAE,IAAI,CAAC,UAAU;AAChE,UAAM,CAAC,GAAG,GAAG,CAAC,QAAI,4BAAY,KAAK;AAEnC,WAAO;AAAA,UACL,qBAAK,GAAG,GAAG,GAAG,CAAC;AAAA,UACf,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,UAClB,qBAAK,GAAG,GAAG,GAAG,GAAG;AAAA,UACjB,qBAAK,GAAG,GAAG,GAAG,IAAI;AAAA,IACpB;AAAA,EACF,CAAC,GACK,oBAAoB,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,QAAQ;AAC5D,mBAAU,CAAC,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,iBAAiB,GAE7D;AACT;AAEO,SAAS,sBAAsB,SAAuB;AAC3D,SAAO;AAAA,IACL,OAAO,qBAAqB,EAAE,SAAS,QAAQ,QAAQ,CAAC;AAAA,IACxD,MAAM,qBAAqB,EAAE,SAAS,QAAQ,OAAO,CAAC;AAAA,EACxD;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
-
return to;
|
|
14
|
-
};
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
|
-
var getThemeSuitePalettes_exports = {};
|
|
17
|
-
__export(getThemeSuitePalettes_exports, {
|
|
18
|
-
PALETTE_BACKGROUND_OFFSET: () => PALETTE_BACKGROUND_OFFSET,
|
|
19
|
-
getThemeSuitePalettes: () => getThemeSuitePalettes
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(getThemeSuitePalettes_exports);
|
|
22
|
-
var import_color2k = require("color2k"), paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 4, generateColorPalette = function(param) {
|
|
23
|
-
var { palette: buildPalette, scheme } = param;
|
|
24
|
-
if (!buildPalette)
|
|
25
|
-
return [];
|
|
26
|
-
var { anchors } = buildPalette, palette = [], add = function(h2, s2, l2) {
|
|
27
|
-
palette.push((0, import_color2k.hsla)(h2, s2, l2, 1));
|
|
28
|
-
}, numAnchors = Object.keys(anchors).length, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
|
|
29
|
-
try {
|
|
30
|
-
for (var _iterator = anchors.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
|
|
31
|
-
var [anchorIndex, anchor] = _step.value, [h, s, l] = [
|
|
32
|
-
anchor.hue[scheme],
|
|
33
|
-
anchor.sat[scheme],
|
|
34
|
-
anchor.lum[scheme]
|
|
35
|
-
];
|
|
36
|
-
if (anchorIndex !== 0)
|
|
37
|
-
for (var lastAnchor = anchors[anchorIndex - 1], steps = anchor.index - lastAnchor.index, lastHue = lastAnchor.hue[scheme], lastSat = lastAnchor.sat[scheme], lastLum = lastAnchor.lum[scheme], stepHue = (lastHue - h) / steps, stepSat = (lastSat - s) / steps, stepLum = (lastLum - l) / steps, step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
38
|
-
var str = anchor.index - step;
|
|
39
|
-
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
40
|
-
}
|
|
41
|
-
add(h, s, l);
|
|
42
|
-
var isLastAnchor = anchorIndex === numAnchors - 1;
|
|
43
|
-
if (isLastAnchor && palette.length < paletteSize)
|
|
44
|
-
for (var step1 = anchor.index + 1; step1 < paletteSize; step1++)
|
|
45
|
-
add(h, s, l);
|
|
46
|
-
}
|
|
47
|
-
} catch (err) {
|
|
48
|
-
_didIteratorError = !0, _iteratorError = err;
|
|
49
|
-
} finally {
|
|
50
|
-
try {
|
|
51
|
-
!_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
|
|
52
|
-
} finally {
|
|
53
|
-
if (_didIteratorError)
|
|
54
|
-
throw _iteratorError;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
var [background] = palette, foreground = palette[palette.length - 1], transparentValues = [
|
|
58
|
-
background,
|
|
59
|
-
foreground
|
|
60
|
-
].map(function(color) {
|
|
61
|
-
var [h2, s2, l2] = (0, import_color2k.parseToHsla)(color);
|
|
62
|
-
return [
|
|
63
|
-
(0, import_color2k.hsla)(h2, s2, l2, 0),
|
|
64
|
-
(0, import_color2k.hsla)(h2, s2, l2, 0.25),
|
|
65
|
-
(0, import_color2k.hsla)(h2, s2, l2, 0.5),
|
|
66
|
-
(0, import_color2k.hsla)(h2, s2, l2, 0.75)
|
|
67
|
-
];
|
|
68
|
-
}), reverseForeground = [
|
|
69
|
-
...transparentValues[1]
|
|
70
|
-
].reverse();
|
|
71
|
-
return palette = [
|
|
72
|
-
...transparentValues[0],
|
|
73
|
-
...palette,
|
|
74
|
-
...reverseForeground
|
|
75
|
-
], palette;
|
|
76
|
-
};
|
|
77
|
-
function getThemeSuitePalettes(palette) {
|
|
78
|
-
return {
|
|
79
|
-
light: generateColorPalette({
|
|
80
|
-
palette,
|
|
81
|
-
scheme: "light"
|
|
82
|
-
}),
|
|
83
|
-
dark: generateColorPalette({
|
|
84
|
-
palette,
|
|
85
|
-
scheme: "dark"
|
|
86
|
-
})
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
90
|
-
0 && (module.exports = {
|
|
91
|
-
PALETTE_BACKGROUND_OFFSET,
|
|
92
|
-
getThemeSuitePalettes
|
|
93
|
-
});
|
|
94
|
-
//# sourceMappingURL=getThemeSuitePalettes.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/core/themes/src/getThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AACA;;;;;;qBAAkC,oBAQ5BA,cAAc,IAGPC,4BAA4B,GAEnCC,uBAAuB,SAAA,OAAA;MAAC,EAC5BC,SAASC,cACTC,OAAM,IAIP;AACC,MAAI,CAACD;AACH,WAAO,CAAA;AAGT,MAAM,EAAEE,QAAO,IAAKF,cAEhBD,UAAoB,CAAA,GAElBI,MAAM,SAACC,IAAWC,IAAWC,IAAAA;AACjCP,YAAQQ,SAAKC,qBAAKJ,IAAGC,IAAGC,IAAG,CAAA,CAAA;EAC7B,GAEMG,aAAaC,OAAOC,KAAKT,OAAAA,EAASU,QAEnC,4BAAA,IAAA,oBAAA,IAAA,iBAAA;;AAAL,aAAK,YAA+BV,QAAQW,QAAO,EAAA,OAAA,QAAA,EAAA,GAA9C,OAAA,EAAA,6BAAA,QAAA,UAAA,KAAA,GAAA,OAAA,4BAAA,IAAkD;AAAlD,UAAM,CAACC,aAAaC,MAAAA,IAApB,MAAA,OACG,CAACX,GAAGC,GAAGC,CAAAA,IAAK;QAACS,OAAOC,IAAIf,MAAAA;QAASc,OAAOE,IAAIhB,MAAAA;QAASc,OAAOG,IAAIjB,MAAAA;;AAEtE,UAAIa,gBAAgB;AAalB,iBAZMK,aAAajB,QAAQY,cAAc,CAAA,GACnCM,QAAQL,OAAOM,QAAQF,WAAWE,OAElCC,UAAUH,WAAWH,IAAIf,MAAAA,GACzBsB,UAAUJ,WAAWF,IAAIhB,MAAAA,GACzBuB,UAAUL,WAAWD,IAAIjB,MAAAA,GAEzBwB,WAAWH,UAAUlB,KAAKgB,OAC1BM,WAAWH,UAAUlB,KAAKe,OAC1BO,WAAWH,UAAUlB,KAAKc,OAGvBQ,OAAOT,WAAWE,QAAQ,GAAGO,OAAOb,OAAOM,OAAOO,QAAQ;AACjE,cAAMC,MAAMd,OAAOM,QAAQO;AAC3BzB,cAAIC,IAAIqB,UAAUI,KAAKxB,IAAIqB,UAAUG,KAAKvB,IAAIqB,UAAUE,GAAAA;QAC1D;AAGF1B,UAAIC,GAAGC,GAAGC,CAAAA;AAEV,UAAMwB,eAAehB,gBAAgBL,aAAa;AAClD,UAAIqB,gBAAgB/B,QAAQa,SAAShB;AAEnC,iBAASgC,QAAOb,OAAOM,QAAQ,GAAGO,QAAOhC,aAAagC;AACpDzB,cAAIC,GAAGC,GAAGC,CAAAA;IAGhB;;AA/BK,wBAAA,IAAA,iBAAA;;;OAAA,6BAAA,UAAA,UAAA,QAAA,UAAA,OAAA;;UAAA;cAAA;;;AAkCL,MAAM,CAACyB,UAAAA,IAAchC,SACfiC,aAAajC,QAAQA,QAAQa,SAAS,CAAA,GAEtCqB,oBAAoB;IAACF;IAAYC;IAAYE,IAAI,SAACC,OAAAA;AACtD,QAAM,CAAC/B,IAAGC,IAAGC,EAAAA,QAAK8B,4BAAYD,KAAAA;AAE9B,WAAO;UACL3B,qBAAKJ,IAAGC,IAAGC,IAAG,CAAA;UACdE,qBAAKJ,IAAGC,IAAGC,IAAG,IAAA;UACdE,qBAAKJ,IAAGC,IAAGC,IAAG,GAAA;UACdE,qBAAKJ,IAAGC,IAAGC,IAAG,IAAA;;EAElB,CAAA,GACM+B,oBAAoB;OAAIJ,kBAAkB,CAAA;IAAIK,QAAO;AAC3DvC,mBAAU;OAAIkC,kBAAkB,CAAA;OAAOlC;OAAYsC;KAE5CtC;AACT;AAEO,SAASwC,sBAAsBxC,SAAqB;AACzD,SAAO;IACLyC,OAAO1C,qBAAqB;MAAEC;MAASE,QAAQ;IAAQ,CAAA;IACvDwC,MAAM3C,qBAAqB;MAAEC;MAASE,QAAQ;IAAO,CAAA;EACvD;AACF;",
|
|
5
|
-
"names": ["paletteSize", "PALETTE_BACKGROUND_OFFSET", "generateColorPalette", "palette", "buildPalette", "scheme", "anchors", "add", "h", "s", "l", "push", "hsla", "numAnchors", "Object", "keys", "length", "entries", "anchorIndex", "anchor", "hue", "sat", "lum", "lastAnchor", "steps", "index", "lastHue", "lastSat", "lastLum", "stepHue", "stepSat", "stepLum", "step", "str", "isLastAnchor", "background", "foreground", "transparentValues", "map", "color", "parseToHsla", "reverseForeground", "reverse", "getThemeSuitePalettes", "light", "dark"]
|
|
6
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { hsla, parseToHsla } from "color2k";
|
|
2
|
-
const paletteSize = 12, PALETTE_BACKGROUND_OFFSET = 4, generateColorPalette = ({
|
|
3
|
-
palette: buildPalette,
|
|
4
|
-
scheme
|
|
5
|
-
}) => {
|
|
6
|
-
if (!buildPalette)
|
|
7
|
-
return [];
|
|
8
|
-
const { anchors } = buildPalette;
|
|
9
|
-
let palette = [];
|
|
10
|
-
const add = (h, s, l) => {
|
|
11
|
-
palette.push(hsla(h, s, l, 1));
|
|
12
|
-
}, numAnchors = Object.keys(anchors).length;
|
|
13
|
-
for (const [anchorIndex, anchor] of anchors.entries()) {
|
|
14
|
-
const [h, s, l] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme]];
|
|
15
|
-
if (anchorIndex !== 0) {
|
|
16
|
-
const lastAnchor = anchors[anchorIndex - 1], steps = anchor.index - lastAnchor.index, lastHue = lastAnchor.hue[scheme], lastSat = lastAnchor.sat[scheme], lastLum = lastAnchor.lum[scheme], stepHue = (lastHue - h) / steps, stepSat = (lastSat - s) / steps, stepLum = (lastLum - l) / steps;
|
|
17
|
-
for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
18
|
-
const str = anchor.index - step;
|
|
19
|
-
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
if (add(h, s, l), anchorIndex === numAnchors - 1 && palette.length < paletteSize)
|
|
23
|
-
for (let step = anchor.index + 1; step < paletteSize; step++)
|
|
24
|
-
add(h, s, l);
|
|
25
|
-
}
|
|
26
|
-
const [background] = palette, foreground = palette[palette.length - 1], transparentValues = [background, foreground].map((color) => {
|
|
27
|
-
const [h, s, l] = parseToHsla(color);
|
|
28
|
-
return [
|
|
29
|
-
hsla(h, s, l, 0),
|
|
30
|
-
hsla(h, s, l, 0.25),
|
|
31
|
-
hsla(h, s, l, 0.5),
|
|
32
|
-
hsla(h, s, l, 0.75)
|
|
33
|
-
];
|
|
34
|
-
}), reverseForeground = [...transparentValues[1]].reverse();
|
|
35
|
-
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
36
|
-
};
|
|
37
|
-
function getThemeSuitePalettes(palette) {
|
|
38
|
-
return {
|
|
39
|
-
light: generateColorPalette({ palette, scheme: "light" }),
|
|
40
|
-
dark: generateColorPalette({ palette, scheme: "dark" })
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
export {
|
|
44
|
-
PALETTE_BACKGROUND_OFFSET,
|
|
45
|
-
getThemeSuitePalettes
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=getThemeSuitePalettes.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/getThemeSuitePalettes.ts"],
|
|
4
|
-
"mappings": "AACA,SAAS,MAAM,mBAAmB;AAQlC,MAAM,cAAc,IAGP,4BAA4B,GAEnC,uBAAuB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT;AACF,MAGM;AACJ,MAAI,CAAC;AACH,WAAO,CAAC;AAGV,QAAM,EAAE,QAAQ,IAAI;AAEpB,MAAI,UAAoB,CAAC;AAEzB,QAAM,MAAM,CAAC,GAAW,GAAW,MAAc;AAC/C,YAAQ,KAAK,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B,GAEM,aAAa,OAAO,KAAK,OAAO,EAAE;AAExC,aAAW,CAAC,aAAa,MAAM,KAAK,QAAQ,QAAQ,GAAG;AACrD,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,GAAG,OAAO,IAAI,MAAM,CAAC;AAE7E,QAAI,gBAAgB,GAAG;AACrB,YAAM,aAAa,QAAQ,cAAc,CAAC,GACpC,QAAQ,OAAO,QAAQ,WAAW,OAElC,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAC/B,UAAU,WAAW,IAAI,MAAM,GAE/B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK,OAC1B,WAAW,UAAU,KAAK;AAGhC,eAAS,OAAO,WAAW,QAAQ,GAAG,OAAO,OAAO,OAAO,QAAQ;AACjE,cAAM,MAAM,OAAO,QAAQ;AAC3B,YAAI,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,GAAG;AAAA,MAC7D;AAAA,IACF;AAKA,QAHA,IAAI,GAAG,GAAG,CAAC,GAEU,gBAAgB,aAAa,KAC9B,QAAQ,SAAS;AAEnC,eAAS,OAAO,OAAO,QAAQ,GAAG,OAAO,aAAa;AACpD,YAAI,GAAG,GAAG,CAAC;AAAA,EAGjB;AAGA,QAAM,CAAC,UAAU,IAAI,SACf,aAAa,QAAQ,QAAQ,SAAS,CAAC,GAEvC,oBAAoB,CAAC,YAAY,UAAU,EAAE,IAAI,CAAC,UAAU;AAChE,UAAM,CAAC,GAAG,GAAG,CAAC,IAAI,YAAY,KAAK;AAEnC,WAAO;AAAA,MACL,KAAK,GAAG,GAAG,GAAG,CAAC;AAAA,MACf,KAAK,GAAG,GAAG,GAAG,IAAI;AAAA,MAClB,KAAK,GAAG,GAAG,GAAG,GAAG;AAAA,MACjB,KAAK,GAAG,GAAG,GAAG,IAAI;AAAA,IACpB;AAAA,EACF,CAAC,GACK,oBAAoB,CAAC,GAAG,kBAAkB,CAAC,CAAC,EAAE,QAAQ;AAC5D,mBAAU,CAAC,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,iBAAiB,GAE7D;AACT;AAEO,SAAS,sBAAsB,SAAuB;AAC3D,SAAO;AAAA,IACL,OAAO,qBAAqB,EAAE,SAAS,QAAQ,QAAQ,CAAC;AAAA,IACxD,MAAM,qBAAqB,EAAE,SAAS,QAAQ,OAAO,CAAC;AAAA,EACxD;AACF;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { hsla, parseToHsla } from "color2k";
|
|
2
|
-
const paletteSize = 12,
|
|
3
|
-
PALETTE_BACKGROUND_OFFSET = 4,
|
|
4
|
-
generateColorPalette = ({
|
|
5
|
-
palette: buildPalette,
|
|
6
|
-
scheme
|
|
7
|
-
}) => {
|
|
8
|
-
if (!buildPalette) return [];
|
|
9
|
-
const {
|
|
10
|
-
anchors
|
|
11
|
-
} = buildPalette;
|
|
12
|
-
let palette = [];
|
|
13
|
-
const add = (h, s, l) => {
|
|
14
|
-
palette.push(hsla(h, s, l, 1));
|
|
15
|
-
},
|
|
16
|
-
numAnchors = Object.keys(anchors).length;
|
|
17
|
-
for (const [anchorIndex, anchor] of anchors.entries()) {
|
|
18
|
-
const [h, s, l] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme]];
|
|
19
|
-
if (anchorIndex !== 0) {
|
|
20
|
-
const lastAnchor = anchors[anchorIndex - 1],
|
|
21
|
-
steps = anchor.index - lastAnchor.index,
|
|
22
|
-
lastHue = lastAnchor.hue[scheme],
|
|
23
|
-
lastSat = lastAnchor.sat[scheme],
|
|
24
|
-
lastLum = lastAnchor.lum[scheme],
|
|
25
|
-
stepHue = (lastHue - h) / steps,
|
|
26
|
-
stepSat = (lastSat - s) / steps,
|
|
27
|
-
stepLum = (lastLum - l) / steps;
|
|
28
|
-
for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
|
|
29
|
-
const str = anchor.index - step;
|
|
30
|
-
add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
if (add(h, s, l), anchorIndex === numAnchors - 1 && palette.length < paletteSize) for (let step = anchor.index + 1; step < paletteSize; step++) add(h, s, l);
|
|
34
|
-
}
|
|
35
|
-
const [background] = palette,
|
|
36
|
-
foreground = palette[palette.length - 1],
|
|
37
|
-
transparentValues = [background, foreground].map(color => {
|
|
38
|
-
const [h, s, l] = parseToHsla(color);
|
|
39
|
-
return [hsla(h, s, l, 0), hsla(h, s, l, 0.25), hsla(h, s, l, 0.5), hsla(h, s, l, 0.75)];
|
|
40
|
-
}),
|
|
41
|
-
reverseForeground = [...transparentValues[1]].reverse();
|
|
42
|
-
return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
|
|
43
|
-
};
|
|
44
|
-
function getThemeSuitePalettes(palette) {
|
|
45
|
-
return {
|
|
46
|
-
light: generateColorPalette({
|
|
47
|
-
palette,
|
|
48
|
-
scheme: "light"
|
|
49
|
-
}),
|
|
50
|
-
dark: generateColorPalette({
|
|
51
|
-
palette,
|
|
52
|
-
scheme: "dark"
|
|
53
|
-
})
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
export { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes };
|
|
57
|
-
//# sourceMappingURL=getThemeSuitePalettes.mjs.map
|