@tamagui/create-theme 1.30.27 → 1.30.28

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 (72) hide show
  1. package/package.json +3 -3
  2. package/dist/cjs/Palette.js +0 -17
  3. package/dist/cjs/Palette.js.map +0 -6
  4. package/dist/cjs/THEME_INFO.js +0 -40
  5. package/dist/cjs/THEME_INFO.js.map +0 -6
  6. package/dist/cjs/ThemeBuilder.js +0 -167
  7. package/dist/cjs/ThemeBuilder.js.map +0 -6
  8. package/dist/cjs/buildThemes.js +0 -160
  9. package/dist/cjs/buildThemes.js.map +0 -6
  10. package/dist/cjs/createTheme.js +0 -69
  11. package/dist/cjs/createTheme.js.map +0 -6
  12. package/dist/cjs/helpers.js +0 -39
  13. package/dist/cjs/helpers.js.map +0 -6
  14. package/dist/cjs/isMinusZero.js +0 -31
  15. package/dist/cjs/isMinusZero.js.map +0 -6
  16. package/dist/cjs/masks.js +0 -151
  17. package/dist/cjs/masks.js.map +0 -6
  18. package/dist/cjs/palettes.js +0 -102
  19. package/dist/cjs/palettes.js.map +0 -6
  20. package/dist/cjs/templates.js +0 -96
  21. package/dist/cjs/templates.js.map +0 -6
  22. package/dist/cjs/tests-buildThemes.js +0 -26
  23. package/dist/cjs/tests-buildThemes.js.map +0 -6
  24. package/dist/cjs/tests.js +0 -57
  25. package/dist/cjs/tests.js.map +0 -6
  26. package/dist/cjs/themeInfo.js +0 -42
  27. package/dist/cjs/themeInfo.js.map +0 -6
  28. package/dist/cjs/types.js +0 -17
  29. package/dist/cjs/types.js.map +0 -6
  30. package/dist/esm/Palette.js +0 -1
  31. package/dist/esm/Palette.js.map +0 -6
  32. package/dist/esm/THEME_INFO.js +0 -15
  33. package/dist/esm/THEME_INFO.js.map +0 -6
  34. package/dist/esm/ThemeBuilder.js +0 -143
  35. package/dist/esm/ThemeBuilder.js.map +0 -6
  36. package/dist/esm/buildThemes.js +0 -136
  37. package/dist/esm/buildThemes.js.map +0 -6
  38. package/dist/esm/createTheme.js +0 -44
  39. package/dist/esm/createTheme.js.map +0 -6
  40. package/dist/esm/helpers.js +0 -13
  41. package/dist/esm/helpers.js.map +0 -6
  42. package/dist/esm/isMinusZero.js +0 -7
  43. package/dist/esm/isMinusZero.js.map +0 -6
  44. package/dist/esm/masks.js +0 -118
  45. package/dist/esm/masks.js.map +0 -6
  46. package/dist/esm/palettes.js +0 -78
  47. package/dist/esm/palettes.js.map +0 -6
  48. package/dist/esm/templates.js +0 -72
  49. package/dist/esm/templates.js.map +0 -6
  50. package/dist/esm/tests-buildThemes.js +0 -25
  51. package/dist/esm/tests-buildThemes.js.map +0 -6
  52. package/dist/esm/tests.js +0 -33
  53. package/dist/esm/tests.js.map +0 -6
  54. package/dist/esm/themeInfo.js +0 -17
  55. package/dist/esm/themeInfo.js.map +0 -6
  56. package/dist/esm/types.js +0 -1
  57. package/dist/esm/types.js.map +0 -6
  58. package/types/Palette.d.ts.map +0 -1
  59. package/types/THEME_INFO.d.ts.map +0 -1
  60. package/types/ThemeBuilder.d.ts.map +0 -1
  61. package/types/buildThemes.d.ts.map +0 -1
  62. package/types/createTheme.d.ts.map +0 -1
  63. package/types/helpers.d.ts.map +0 -1
  64. package/types/index.d.ts.map +0 -1
  65. package/types/isMinusZero.d.ts.map +0 -1
  66. package/types/masks.d.ts.map +0 -1
  67. package/types/palettes.d.ts.map +0 -1
  68. package/types/templates.d.ts.map +0 -1
  69. package/types/tests-buildThemes.d.ts.map +0 -1
  70. package/types/tests.d.ts.map +0 -1
  71. package/types/themeInfo.d.ts.map +0 -1
  72. package/types/types.d.ts.map +0 -1
@@ -1,143 +0,0 @@
1
- import { createTheme } from "./createTheme";
2
- import { objectEntries, objectFromEntries, objectKeys } from "./helpers";
3
- import { applyMask, createMask } from "./masks";
4
- class ThemeBuilder {
5
- constructor(state) {
6
- this.state = state;
7
- }
8
- addPalettes(palettes) {
9
- return new ThemeBuilder({
10
- ...this.state,
11
- palettes: {
12
- // as {} prevents generic string key merge messing up types
13
- ...this.state.palettes,
14
- ...palettes
15
- }
16
- });
17
- }
18
- addTemplates(templates) {
19
- return new ThemeBuilder({
20
- ...this.state,
21
- templates: {
22
- // as {} prevents generic string key merge messing up types
23
- ...this.state.templates,
24
- ...templates
25
- }
26
- });
27
- }
28
- addMasks(masks) {
29
- return new ThemeBuilder({
30
- ...this.state,
31
- masks: {
32
- // as {} prevents generic string key merge messing up types
33
- ...this.state.masks,
34
- ...objectFromEntries(
35
- objectEntries(masks).map(([key, val]) => [key, createMask(val)])
36
- )
37
- }
38
- });
39
- }
40
- addThemes(themes) {
41
- return new ThemeBuilder({
42
- ...this.state,
43
- themes: {
44
- // as {} prevents generic string key merge messing up types
45
- ...this.state.themes,
46
- ...themes
47
- }
48
- });
49
- }
50
- addChildThemes(childThemeDefinition, options) {
51
- const currentThemes = this.state.themes;
52
- if (!currentThemes) {
53
- throw new Error(
54
- `No themes defined yet, use addThemes first to set your base themes`
55
- );
56
- }
57
- const currentThemeNames = objectKeys(currentThemes);
58
- const incomingThemeNames = objectKeys(childThemeDefinition);
59
- const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
60
- return incomingThemeNames.map((subName) => {
61
- const fullName = `${prefix}_${subName}`;
62
- const definition = childThemeDefinition[subName];
63
- return [fullName, definition];
64
- });
65
- });
66
- const childThemes = objectFromEntries(namesWithDefinitions);
67
- return new ThemeBuilder({
68
- ...this.state,
69
- themes: {
70
- // as {} prevents generic string key merge messing up types
71
- ...this.state.themes,
72
- ...childThemes
73
- }
74
- });
75
- }
76
- build() {
77
- var _a, _b;
78
- if (!this.state.themes) {
79
- return {};
80
- }
81
- const out = {};
82
- const maskedThemes = [];
83
- for (const themeName in this.state.themes) {
84
- const nameParts = themeName.split("_");
85
- const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
86
- const definitions = this.state.themes[themeName];
87
- const themeDefinition = Array.isArray(definitions) ? (() => {
88
- const found = definitions.find((d) => parentName.startsWith(d.parent));
89
- if (!found) {
90
- throw new Error(`No parent for ${themeName}: ${parentName}`);
91
- }
92
- return found;
93
- })() : definitions;
94
- if ("theme" in themeDefinition) {
95
- out[themeName] = themeDefinition.theme;
96
- } else if ("mask" in themeDefinition) {
97
- maskedThemes.push({ parentName, themeName, mask: themeDefinition.mask });
98
- } else {
99
- if (!this.state.palettes) {
100
- throw new Error(
101
- `No palettes defined for theme with palette expected: ${themeName}`
102
- );
103
- }
104
- let palette = this.state.palettes[themeDefinition.palette];
105
- if (!palette) {
106
- const fullPaletteName = `${parentName}_${themeDefinition.palette}`;
107
- palette = this.state.palettes[fullPaletteName];
108
- }
109
- if (!palette) {
110
- throw new Error(`No palette for theme ${themeName}: ${themeDefinition.palette}`);
111
- }
112
- const template = (_a = this.state.templates) == null ? void 0 : _a[themeDefinition.template];
113
- if (!template) {
114
- throw new Error(
115
- `No template for theme ${themeName}: ${themeDefinition.template}`
116
- );
117
- }
118
- out[themeName] = createTheme(palette, template);
119
- }
120
- }
121
- for (const { mask, themeName, parentName } of maskedThemes) {
122
- const parent = out[parentName];
123
- if (!parent) {
124
- throw new Error(
125
- `No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
126
- );
127
- }
128
- const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[mask];
129
- if (!maskFunction) {
130
- throw new Error(`No mask ${maskFunction}`);
131
- }
132
- out[themeName] = applyMask(parent, maskFunction);
133
- }
134
- return out;
135
- }
136
- }
137
- function createThemeBuilder() {
138
- return new ThemeBuilder({});
139
- }
140
- export {
141
- createThemeBuilder
142
- };
143
- //# sourceMappingURL=ThemeBuilder.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ThemeBuilder.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,136 +0,0 @@
1
- import { createTheme } from "./createTheme";
2
- import { objectFromEntries, objectKeys } from "./helpers";
3
- import { applyMask } from "./masks";
4
- class ThemeBuilder {
5
- constructor(state = {}) {
6
- this.state = state;
7
- }
8
- addPalettes(palettes) {
9
- return new ThemeBuilder({
10
- ...this.state,
11
- palettes: {
12
- // as {} prevents generic string key merge messing up types
13
- ...this.state.palettes,
14
- ...palettes
15
- }
16
- });
17
- }
18
- addTemplates(templates) {
19
- return new ThemeBuilder({
20
- ...this.state,
21
- templates: {
22
- // as {} prevents generic string key merge messing up types
23
- ...this.state.templates,
24
- ...templates
25
- }
26
- });
27
- }
28
- addMasks(masks) {
29
- return new ThemeBuilder({
30
- ...this.state,
31
- masks: {
32
- // as {} prevents generic string key merge messing up types
33
- ...this.state.masks,
34
- ...masks
35
- }
36
- });
37
- }
38
- addThemes(themes) {
39
- return new ThemeBuilder({
40
- ...this.state,
41
- themes: {
42
- // as {} prevents generic string key merge messing up types
43
- ...this.state.themes,
44
- ...themes
45
- }
46
- });
47
- }
48
- addChildThemes(childThemeDefinition, options) {
49
- const currentThemes = this.state.themes;
50
- if (!currentThemes) {
51
- throw new Error(
52
- `No themes defined yet, use addThemes first to set your base themes`
53
- );
54
- }
55
- const currentThemeNames = objectKeys(currentThemes);
56
- const incomingThemeNames = objectKeys(childThemeDefinition);
57
- const namesWithDefinitions = currentThemeNames.flatMap((prefix) => {
58
- return incomingThemeNames.map((subName) => {
59
- const fullName = `${prefix}_${subName}`;
60
- const definition = childThemeDefinition[subName];
61
- return [fullName, definition];
62
- });
63
- });
64
- const childThemes = objectFromEntries(namesWithDefinitions);
65
- return new ThemeBuilder({
66
- ...this.state,
67
- themes: {
68
- // as {} prevents generic string key merge messing up types
69
- ...this.state.themes,
70
- ...childThemes
71
- }
72
- });
73
- }
74
- build() {
75
- var _a, _b;
76
- if (!this.state.themes) {
77
- return {};
78
- }
79
- const out = {};
80
- const maskedThemes = [];
81
- for (const themeName in this.state.themes) {
82
- const nameParts = themeName.split("_");
83
- const parentName = nameParts.slice(0, nameParts.length - 1).join("_");
84
- const definitions = this.state.themes[themeName];
85
- const themeDefinition = Array.isArray(definitions) ? (() => {
86
- const found = definitions.find((d) => parentName.startsWith(d.parent));
87
- if (!found) {
88
- throw new Error(`No parent for ${themeName}: ${parentName}`);
89
- }
90
- return found;
91
- })() : definitions;
92
- if ("mask" in themeDefinition) {
93
- maskedThemes.push({ parentName, themeName, mask: themeDefinition.mask });
94
- } else {
95
- if (!this.state.palettes) {
96
- throw new Error(
97
- `No palettes defined for theme with palette expected: ${themeName}`
98
- );
99
- }
100
- let palette = this.state.palettes[themeDefinition.palette];
101
- if (!palette) {
102
- const fullPaletteName = `${parentName}_${themeDefinition.palette}`;
103
- palette = this.state.palettes[fullPaletteName];
104
- }
105
- if (!palette) {
106
- throw new Error(`No palette for theme ${themeName}: ${themeDefinition.palette}`);
107
- }
108
- const template = (_a = this.state.templates) == null ? void 0 : _a[themeDefinition.template];
109
- if (!template) {
110
- throw new Error(
111
- `No template for theme ${themeName}: ${themeDefinition.template}`
112
- );
113
- }
114
- out[themeName] = createTheme(palette, template);
115
- }
116
- }
117
- for (const { mask, themeName, parentName } of maskedThemes) {
118
- const parent = out[parentName];
119
- if (!parent) {
120
- throw new Error(
121
- `No parent theme found with name ${parentName} for theme ${themeName} to use as a mask target`
122
- );
123
- }
124
- const maskFunction = (_b = this.state.masks) == null ? void 0 : _b[mask];
125
- if (!maskFunction) {
126
- throw new Error(`No mask ${maskFunction}`);
127
- }
128
- out[themeName] = applyMask(parent, maskFunction);
129
- }
130
- return out;
131
- }
132
- }
133
- export {
134
- ThemeBuilder
135
- };
136
- //# sourceMappingURL=buildThemes.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/buildThemes.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }
@@ -1,44 +0,0 @@
1
- import { isMinusZero } from "./isMinusZero";
2
- import { setThemeInfo } from "./themeInfo";
3
- const identityCache = /* @__PURE__ */ new Map();
4
- function createTheme(palette, definition, options) {
5
- const cacheKey = JSON.stringify([palette, definition, options]);
6
- if (identityCache.has(cacheKey)) {
7
- return identityCache.get(cacheKey);
8
- }
9
- const theme = {
10
- ...Object.fromEntries(
11
- Object.entries(definition).map(([key, offset]) => {
12
- return [key, getValue(palette, offset)];
13
- })
14
- ),
15
- ...options == null ? void 0 : options.nonInheritedValues
16
- };
17
- setThemeInfo(theme, { palette, definition });
18
- identityCache.set(cacheKey, theme);
19
- return theme;
20
- }
21
- const getValue = (palette, value) => {
22
- if (typeof value === "string")
23
- return value;
24
- const max = palette.length - 1;
25
- const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
26
- const next = isPositive ? value : max + value;
27
- const index = Math.min(Math.max(0, next), max);
28
- return palette[index];
29
- };
30
- function addChildren(themes, getChildren) {
31
- const out = { ...themes };
32
- for (const key in themes) {
33
- const subThemes = getChildren(key, themes[key]);
34
- for (const sKey in subThemes) {
35
- out[`${key}_${sKey}`] = subThemes[sKey];
36
- }
37
- }
38
- return out;
39
- }
40
- export {
41
- addChildren,
42
- createTheme
43
- };
44
- //# sourceMappingURL=createTheme.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/createTheme.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAG7B,MAAM,gBAAgB,oBAAI,IAAI;AAEvB,SAAS,YAId,SACA,YACA,SAKA;AACA,QAAM,WAAW,KAAK,UAAU,CAAC,SAAS,YAAY,OAAO,CAAC;AAC9D,MAAI,cAAc,IAAI,QAAQ,GAAG;AAC/B,WAAO,cAAc,IAAI,QAAQ;AAAA,EACnC;AAEA,QAAM,QAAQ;AAAA,IACZ,GAAI,OAAO;AAAA,MACT,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,KAAK,MAAM,MAAM;AAChD,eAAO,CAAC,KAAK,SAAS,SAAS,MAAM,CAAC;AAAA,MACxC,CAAC;AAAA,IACH;AAAA,IACA,GAAG,mCAAS;AAAA,EACd;AAEA,eAAa,OAAO,EAAE,SAAS,WAAW,CAAC;AAC3C,gBAAc,IAAI,UAAU,KAAK;AAEjC,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,SAA6B,UAA2B;AACxE,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,MAAM,QAAQ,SAAS;AAC7B,QAAM,aAAa,UAAU,IAAI,CAAC,YAAY,KAAK,IAAI,SAAS;AAChE,QAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,QAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAG;AAC7C,SAAO,QAAQ,KAAK;AACtB;AAWO,SAAS,YAId,QACA,aAGA;AACA,QAAM,MAAM,EAAE,GAAG,OAAO;AACxB,aAAW,OAAO,QAAQ;AACxB,UAAM,YAAY,YAAY,KAAK,OAAO,GAAG,CAAC;AAC9C,eAAW,QAAQ,WAAW;AAC5B,UAAI,GAAG,OAAO,MAAM,IAAI,UAAU,IAAI;AAAA,IACxC;AAAA,EACF;AACA,SAAO;AACT;",
5
- "names": []
6
- }
@@ -1,13 +0,0 @@
1
- const objectKeys = (obj) => Object.keys(obj);
2
- function objectEntries(obj) {
3
- return Object.entries(obj);
4
- }
5
- function objectFromEntries(arr) {
6
- return Object.fromEntries(arr);
7
- }
8
- export {
9
- objectEntries,
10
- objectFromEntries,
11
- objectKeys
12
- };
13
- //# sourceMappingURL=helpers.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/helpers.tsx"],
4
- "mappings": "AAQO,MAAM,aAAa,CAAmB,QAAW,OAAO,KAAK,GAAG;AAEhE,SAAS,cACd,KACsB;AACtB,SAAO,OAAO,QAAQ,GAAG;AAC3B;AAyBO,SAAS,kBACd,KACwB;AACxB,SAAO,OAAO,YAAY,GAAG;AAC/B;",
5
- "names": []
6
- }
@@ -1,7 +0,0 @@
1
- function isMinusZero(value) {
2
- return 1 / value === -Infinity;
3
- }
4
- export {
5
- isMinusZero
6
- };
7
- //# sourceMappingURL=isMinusZero.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/isMinusZero.tsx"],
4
- "mappings": "AAAO,SAAS,YAAY,OAAO;AACjC,SAAO,IAAI,UAAU;AACvB;",
5
- "names": []
6
- }
package/dist/esm/masks.js DELETED
@@ -1,118 +0,0 @@
1
- import { createTheme } from "./createTheme";
2
- import { objectEntries, objectFromEntries } from "./helpers";
3
- import { isMinusZero } from "./isMinusZero";
4
- import { getThemeInfo, setThemeInfo } from "./themeInfo";
5
- const createMask = (createMask2) => typeof createMask2 === "function" ? { name: createMask2.name || "unnamed", mask: createMask2 } : createMask2;
6
- const combineMasks = (...masks) => {
7
- const mask = {
8
- name: "combine-mask",
9
- mask: (template, opts) => {
10
- let current = template;
11
- for (const mask2 of masks) {
12
- current = applyMask(current, mask2, opts);
13
- }
14
- return current;
15
- }
16
- };
17
- return mask;
18
- };
19
- const skipMask = {
20
- name: "skip-mask",
21
- mask: (template, { skip }) => {
22
- if (!skip)
23
- return template;
24
- return Object.fromEntries(
25
- Object.entries(template).filter(([k]) => !(k in skip))
26
- );
27
- }
28
- };
29
- const createIdentityMask = () => ({
30
- name: "identity-mask",
31
- mask: (template) => template
32
- });
33
- const createInverseMask = () => {
34
- const mask = {
35
- name: "inverse-mask",
36
- mask: (template, opts) => {
37
- const inversed = objectFromEntries(
38
- objectEntries(template).map(([k, v]) => [k, -v])
39
- );
40
- return skipMask.mask(inversed, opts);
41
- }
42
- };
43
- return mask;
44
- };
45
- const createShiftMask = ({ inverse } = {}, defaultOptions) => {
46
- const mask = {
47
- name: "shift-mask",
48
- mask: (template, opts) => {
49
- const {
50
- override,
51
- max: maxIn,
52
- palette,
53
- min = 0,
54
- strength = 1
55
- } = { ...defaultOptions, ...opts };
56
- const values = Object.entries(template);
57
- const max = maxIn ?? (palette ? Object.values(palette).length - 1 : Infinity);
58
- const out = {};
59
- for (const [key, value] of values) {
60
- if (typeof value === "string")
61
- continue;
62
- if (typeof (override == null ? void 0 : override[key]) === "number") {
63
- const overrideShift = override[key];
64
- out[key] = value + overrideShift;
65
- continue;
66
- }
67
- const isPositive = value === 0 ? !isMinusZero(value) : value >= 0;
68
- const direction = isPositive ? 1 : -1;
69
- const invert = inverse ? -1 : 1;
70
- const next = value + strength * direction * invert;
71
- const clamped = isPositive ? Math.max(min, Math.min(max, next)) : Math.min(-min, Math.max(-max, next));
72
- out[key] = clamped;
73
- }
74
- return skipMask.mask(out, opts);
75
- }
76
- };
77
- return mask;
78
- };
79
- const createWeakenMask = (defaultOptions) => ({
80
- name: "soften-mask",
81
- mask: createShiftMask({}, defaultOptions).mask
82
- });
83
- const createSoftenMask = createWeakenMask;
84
- const createStrengthenMask = (defaultOptions) => ({
85
- name: "strengthen-mask",
86
- mask: createShiftMask({ inverse: true }, defaultOptions).mask
87
- });
88
- function applyMask(theme, mask, options = {}) {
89
- const info = getThemeInfo(theme);
90
- if (!info) {
91
- throw new Error(
92
- process.env.NODE_ENV !== "production" ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme` : `\u274C Err2`
93
- );
94
- }
95
- const template = mask.mask(info.definition, {
96
- palette: info.palette,
97
- ...options
98
- });
99
- const next = createTheme(info.palette, template);
100
- setThemeInfo(next, {
101
- definition: template,
102
- palette: info.palette
103
- });
104
- return next;
105
- }
106
- export {
107
- applyMask,
108
- combineMasks,
109
- createIdentityMask,
110
- createInverseMask,
111
- createMask,
112
- createShiftMask,
113
- createSoftenMask,
114
- createStrengthenMask,
115
- createWeakenMask,
116
- skipMask
117
- };
118
- //# sourceMappingURL=masks.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/masks.tsx"],
4
- "mappings": "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",
5
- "names": ["createMask", "mask"]
6
- }
@@ -1,78 +0,0 @@
1
- import { colorTokens } from "@tamagui/themes";
2
- import { objectFromEntries, objectKeys } from "./helpers";
3
- const palettes = (() => {
4
- const lightTransparent = "rgba(255,255,255,0)";
5
- const darkTransparent = "rgba(10,10,10,0)";
6
- const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
7
- const getColorPalette = (colors, color = colors[0]) => {
8
- const colorPalette = Object.values(colors);
9
- const [head, tail] = [
10
- colorPalette.slice(0, 6),
11
- colorPalette.slice(colorPalette.length - 5)
12
- ];
13
- return [
14
- transparent(colorPalette[0]),
15
- ...head,
16
- ...tail,
17
- color,
18
- transparent(colorPalette[colorPalette.length - 1])
19
- ];
20
- };
21
- const lightColor = "hsl(0, 0%, 9.0%)";
22
- const lightPalette = [
23
- lightTransparent,
24
- "#fff",
25
- "#f9f9f9",
26
- "hsl(0, 0%, 97.3%)",
27
- "hsl(0, 0%, 95.1%)",
28
- "hsl(0, 0%, 94.0%)",
29
- "hsl(0, 0%, 92.0%)",
30
- "hsl(0, 0%, 89.5%)",
31
- "hsl(0, 0%, 81.0%)",
32
- "hsl(0, 0%, 56.1%)",
33
- "hsl(0, 0%, 50.3%)",
34
- "hsl(0, 0%, 42.5%)",
35
- lightColor,
36
- darkTransparent
37
- ];
38
- const darkColor = "#fff";
39
- const darkPalette = [
40
- darkTransparent,
41
- "#050505",
42
- "#151515",
43
- "#191919",
44
- "#232323",
45
- "#282828",
46
- "#323232",
47
- "#424242",
48
- "#494949",
49
- "#545454",
50
- "#626262",
51
- "#a5a5a5",
52
- darkColor,
53
- lightTransparent
54
- ];
55
- const lightPalettes = objectFromEntries(
56
- objectKeys(colorTokens.light).map(
57
- (key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]
58
- )
59
- );
60
- const darkPalettes = objectFromEntries(
61
- objectKeys(colorTokens.dark).map(
62
- (key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]
63
- )
64
- );
65
- const colorPalettes = {
66
- ...lightPalettes,
67
- ...darkPalettes
68
- };
69
- return {
70
- light: lightPalette,
71
- dark: darkPalette,
72
- ...colorPalettes
73
- };
74
- })();
75
- export {
76
- palettes
77
- };
78
- //# sourceMappingURL=palettes.js.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/palettes.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB,kBAAkB;AAEvC,MAAM,YAAY,MAAM;AAC7B,QAAM,mBAAmB;AACzB,QAAM,kBAAkB;AAExB,QAAM,cAAc,CAAC,KAAa,UAAU,MAC1C,IAAI,QAAQ,MAAM,MAAM,UAAU,EAAE,QAAQ,QAAQ,OAAO;AAE7D,QAAM,kBAAkB,CAAC,QAAgB,QAAQ,OAAO,CAAC,MAAgB;AACvE,UAAM,eAAe,OAAO,OAAO,MAAM;AAGzC,UAAM,CAAC,MAAM,IAAI,IAAI;AAAA,MACnB,aAAa,MAAM,GAAG,CAAC;AAAA,MACvB,aAAa,MAAM,aAAa,SAAS,CAAC;AAAA,IAC5C;AAKA,WAAO;AAAA,MACL,YAAY,aAAa,CAAC,CAAC;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,YAAY,aAAa,aAAa,SAAS,CAAC,CAAC;AAAA,IACnD;AAAA,EACF;AAEA,QAAM,aAAa;AACnB,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,YAAY;AAClB,QAAM,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB,WAAW,YAAY,KAAK,EAAE;AAAA,MAC5B,CAAC,QACC,CAAC,SAAS,OAAO,gBAAgB,YAAY,MAAM,GAAG,GAAG,UAAU,CAAC;AAAA,IACxE;AAAA,EACF;AAEA,QAAM,eAAe;AAAA,IACnB,WAAW,YAAY,IAAI,EAAE;AAAA,MAC3B,CAAC,QAAQ,CAAC,QAAQ,OAAO,gBAAgB,YAAY,KAAK,GAAG,GAAG,SAAS,CAAC;AAAA,IAC5E;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,GAAG;AAAA,EACL;AACF,GAAG;",
5
- "names": []
6
- }
@@ -1,72 +0,0 @@
1
- const templates = (() => {
2
- const templateColors = {
3
- color1: 1,
4
- color2: 2,
5
- color3: 3,
6
- color4: 4,
7
- color5: 5,
8
- color6: 6,
9
- color7: 7,
10
- color8: 8,
11
- color9: 9,
12
- color10: 10,
13
- color11: 11,
14
- color12: 12
15
- };
16
- const templateShadows = {
17
- shadowColor: 1,
18
- shadowColorHover: 1,
19
- shadowColorPress: 2,
20
- shadowColorFocus: 2
21
- };
22
- const toSkip = {
23
- ...templateShadows
24
- };
25
- const template = {
26
- ...templateColors,
27
- ...toSkip,
28
- // the background, color, etc keys here work like generics - they make it so you
29
- // can publish components for others to use without mandating a specific color scale
30
- // the @tamagui/button Button component looks for `$background`, so you set the
31
- // dark_red_Button theme to have a stronger background than the dark_red theme.
32
- background: 2,
33
- backgroundHover: 3,
34
- backgroundPress: 4,
35
- backgroundFocus: 5,
36
- backgroundStrong: 1,
37
- backgroundTransparent: 0,
38
- color: -1,
39
- colorHover: -2,
40
- colorPress: -1,
41
- colorFocus: -2,
42
- colorTransparent: -0,
43
- borderColor: 4,
44
- borderColorHover: 5,
45
- borderColorPress: 3,
46
- borderColorFocus: 4,
47
- placeholderColor: -4
48
- };
49
- const baseTemplate = {
50
- ...template,
51
- // our light color palette is... a bit unique
52
- borderColor: 6,
53
- borderColorHover: 7,
54
- borderColorFocus: 5,
55
- borderColorPress: 6
56
- };
57
- return {
58
- base: baseTemplate,
59
- colorLight: {
60
- ...baseTemplate,
61
- // light color themes are a bit less sensitive
62
- borderColor: 4,
63
- borderColorHover: 5,
64
- borderColorFocus: 4,
65
- borderColorPress: 4
66
- }
67
- };
68
- })();
69
- export {
70
- templates
71
- };
72
- //# sourceMappingURL=templates.js.map