@tamagui/themes 1.123.8 → 1.123.9

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.
Files changed (38) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/dist/cjs/v4-tokens.cjs +99 -0
  3. package/dist/cjs/v4-tokens.js +88 -0
  4. package/dist/cjs/v4-tokens.js.map +6 -0
  5. package/dist/cjs/v4-tokens.native.js +110 -0
  6. package/dist/cjs/v4-tokens.native.js.map +6 -0
  7. package/dist/cjs/v4.cjs +2 -2
  8. package/dist/cjs/v4.js +2 -2
  9. package/dist/cjs/v4.native.js +2 -2
  10. package/dist/esm/v4-tokens.js +72 -0
  11. package/dist/esm/v4-tokens.js.map +6 -0
  12. package/dist/esm/v4-tokens.mjs +70 -0
  13. package/dist/esm/v4-tokens.mjs.map +1 -0
  14. package/dist/esm/v4-tokens.native.js +84 -0
  15. package/dist/esm/v4-tokens.native.js.map +6 -0
  16. package/dist/esm/v4.js +1 -1
  17. package/dist/esm/v4.mjs +1 -1
  18. package/dist/esm/v4.native.js +1 -1
  19. package/package.json +7 -7
  20. package/src/v4-tokens.ts +105 -0
  21. package/src/v4.tsx +1 -1
  22. package/types/v4-tokens.d.ts +184 -0
  23. package/types/v4-tokens.d.ts.map +1 -0
  24. package/types/v4.d.ts +1 -1
  25. package/dist/cjs/getThemeSuitePalettes.cjs +0 -81
  26. package/dist/cjs/getThemeSuitePalettes.js +0 -63
  27. package/dist/cjs/getThemeSuitePalettes.js.map +0 -6
  28. package/dist/cjs/getThemeSuitePalettes.native.js +0 -94
  29. package/dist/cjs/getThemeSuitePalettes.native.js.map +0 -6
  30. package/dist/esm/getThemeSuitePalettes.js +0 -47
  31. package/dist/esm/getThemeSuitePalettes.js.map +0 -6
  32. package/dist/esm/getThemeSuitePalettes.mjs +0 -57
  33. package/dist/esm/getThemeSuitePalettes.mjs.map +0 -1
  34. package/dist/esm/getThemeSuitePalettes.native.js +0 -73
  35. package/dist/esm/getThemeSuitePalettes.native.js.map +0 -6
  36. package/src/getThemeSuitePalettes.ts +0 -94
  37. package/types/getThemeSuitePalettes.d.ts +0 -7
  38. package/types/getThemeSuitePalettes.d.ts.map +0 -1
@@ -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
@@ -1,3 +1,3 @@
1
- export { tokens } from './v3-tokens'
1
+ export { tokens } from './v4-tokens'
2
2
  export { createThemes } from '@tamagui/theme-builder'
3
3
  export { tamaguiThemes } from './v4-tamagui'
@@ -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,4 +1,4 @@
1
- export { tokens } from './v3-tokens';
1
+ export { tokens } from './v4-tokens';
2
2
  export { createThemes } from '@tamagui/theme-builder';
3
3
  export { tamaguiThemes } from './v4-tamagui';
4
4
  //# sourceMappingURL=v4.d.ts.map
@@ -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