@tamagui/theme-base 1.26.0 → 1.27.0-1684163004699

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/theme-base",
3
- "version": "1.26.0",
3
+ "version": "1.27.0-1684163004699",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -27,12 +27,12 @@
27
27
  }
28
28
  },
29
29
  "dependencies": {
30
- "@tamagui/colors": "1.26.0",
31
- "@tamagui/core": "1.26.0",
32
- "@tamagui/create-themes": "1.26.0"
30
+ "@tamagui/colors": "1.27.0-1684163004699",
31
+ "@tamagui/core": "1.27.0-1684163004699",
32
+ "@tamagui/create-themes": "1.27.0-1684163004699"
33
33
  },
34
34
  "devDependencies": {
35
- "@tamagui/build": "1.26.0"
35
+ "@tamagui/build": "1.27.0-1684163004699"
36
36
  },
37
37
  "publishConfig": {
38
38
  "access": "public"
@@ -1,40 +0,0 @@
1
- import { getVariableValue } from "@tamagui/core";
2
- const hexToRGBA = (hex, alpha = 1) => {
3
- if (!isValidHex(hex)) {
4
- throw new Error("Invalid HEX");
5
- }
6
- const chunkSize = Math.floor((hex.length - 1) / 3);
7
- const hexArr = getChunksFromString(hex.slice(1), chunkSize);
8
- const [r, g, b, a] = (hexArr == null ? void 0 : hexArr.map(convertHexUnitTo256)) ?? [];
9
- return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`;
10
- };
11
- const setColorAlpha = (colorIn, alpha = 1) => {
12
- const color = `${getVariableValue(colorIn)}`;
13
- if (color.startsWith("hsl(")) {
14
- return color.replace("hsl", "hsla").replace(")", `, ${alpha})`);
15
- }
16
- if (color.startsWith("#")) {
17
- return hexToRGBA(color, alpha);
18
- }
19
- if (color.startsWith("rgb(")) {
20
- return color.replace("rgb", "rgba").replace(")", `, ${alpha})`);
21
- }
22
- return color;
23
- };
24
- const isValidHex = (hex) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex);
25
- const getChunksFromString = (st, chunkSize = 0) => st.match(new RegExp(`.{${chunkSize}}`, "g"));
26
- const convertHexUnitTo256 = (hexStr) => parseInt(hexStr.repeat(2 / hexStr.length), 16);
27
- const getAlphaFloat = (a, alpha = 1) => {
28
- if (a !== void 0) {
29
- return a / 255;
30
- }
31
- if (typeof alpha !== "number" || alpha < 0 || alpha > 1) {
32
- return 1;
33
- }
34
- return alpha;
35
- };
36
- export {
37
- hexToRGBA,
38
- setColorAlpha
39
- };
40
- //# sourceMappingURL=colorUtils.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/colorUtils.tsx"],
4
- "mappings": "AAAA,SAAmB,wBAAwB;AAEpC,MAAM,YAAY,CAAC,KAAa,QAAQ,MAAM;AACnD,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,IAAI,MAAM,aAAa;AAAA,EAC/B;AACA,QAAM,YAAY,KAAK,OAAO,IAAI,SAAS,KAAK,CAAC;AACjD,QAAM,SAAS,oBAAoB,IAAI,MAAM,CAAC,GAAG,SAAS;AAC1D,QAAM,CAAC,GAAG,GAAG,GAAG,CAAC,KAAI,iCAAQ,IAAI,yBAAwB,CAAC;AAC1D,SAAO,QAAQ,MAAM,MAAM,MAAM,cAAc,GAAG,KAAK;AACzD;AAEO,MAAM,gBAAgB,CAAC,SAA4B,QAAQ,MAAM;AACtE,QAAM,QAAQ,GAAG,iBAAiB,OAAO;AACzC,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,MAAI,MAAM,WAAW,GAAG,GAAG;AACzB,WAAO,UAAU,OAAO,KAAK;AAAA,EAC/B;AACA,MAAI,MAAM,WAAW,MAAM,GAAG;AAC5B,WAAO,MAAM,QAAQ,OAAO,MAAM,EAAE,QAAQ,KAAK,KAAK,QAAQ;AAAA,EAChE;AACA,SAAO;AACT;AAEA,MAAM,aAAa,CAAC,QAAgB,6BAA6B,KAAK,GAAG;AAEzE,MAAM,sBAAsB,CAAC,IAAY,YAAY,MACnD,GAAG,MAAM,IAAI,OAAO,KAAK,cAAc,GAAG,CAAC;AAE7C,MAAM,sBAAsB,CAAC,WAC3B,SAAS,OAAO,OAAO,IAAI,OAAO,MAAM,GAAG,EAAE;AAE/C,MAAM,gBAAgB,CAAC,GAAQ,QAAQ,MAAM;AAC3C,MAAI,MAAM,QAAW;AACnB,WAAO,IAAI;AAAA,EACb;AACA,MAAI,OAAO,UAAU,YAAY,QAAQ,KAAK,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AACA,SAAO;AACT;",
5
- "names": []
6
- }
@@ -1,9 +0,0 @@
1
- export * from "./themes";
2
- export * from "./tokens";
3
- export * from "@tamagui/colors";
4
- if (process.env.NODE_ENV === "development") {
5
- console.log(
6
- `Note: We've moved @tamagui/theme-base over to @tamagui/themes. They are much improved and easier to use. If you really want to keep this package, copy and paste the contents into your app as it will be removed eventually.`
7
- );
8
- }
9
- //# sourceMappingURL=index.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,UAAQ;AAAA,IACN;AAAA,EACF;AACF;",
5
- "names": []
6
- }
@@ -1,41 +0,0 @@
1
- import { createThemes } from "@tamagui/create-themes";
2
- import { colorTokens } from "./tokens";
3
- const themes = createThemes({
4
- activeColor: "blue",
5
- light: [
6
- "#fff",
7
- "#f4f4f4",
8
- "hsl(0, 0%, 99.0%)",
9
- "hsl(0, 0%, 97.3%)",
10
- "hsl(0, 0%, 95.1%)",
11
- "hsl(0, 0%, 93.0%)",
12
- "hsl(0, 0%, 90.9%)",
13
- "hsl(0, 0%, 88.7%)",
14
- "hsl(0, 0%, 85.8%)",
15
- "hsl(0, 0%, 78.0%)",
16
- "hsl(0, 0%, 56.1%)",
17
- "hsl(0, 0%, 52.3%)",
18
- "hsl(0, 0%, 43.5%)",
19
- "hsl(0, 0%, 9.0%)"
20
- ],
21
- dark: [
22
- "#111111",
23
- "#151515",
24
- "#191919",
25
- "#232323",
26
- "#282828",
27
- "#323232",
28
- "#383838",
29
- "#424242",
30
- "#494949",
31
- "#545454",
32
- "#626262",
33
- "#a5a5a5"
34
- ],
35
- colorsLight: colorTokens.light,
36
- colorsDark: colorTokens.dark
37
- });
38
- export {
39
- themes
40
- };
41
- //# sourceMappingURL=themes.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/themes.tsx"],
4
- "mappings": "AAAA,SAA0B,oBAAoB;AAE9C,SAAS,mBAAmB;AAOrB,MAAM,SAAmD,aAAa;AAAA,EAC3E,aAAa;AAAA,EACb,OAAO;AAAA,IACL;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;AAAA,EACA,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,aAAa,YAAY;AAAA,EACzB,YAAY,YAAY;AAC1B,CAAC;",
5
- "names": []
6
- }
@@ -1,165 +0,0 @@
1
- import {
2
- blue,
3
- blueDark,
4
- gray,
5
- grayDark,
6
- green,
7
- greenDark,
8
- orange,
9
- orangeDark,
10
- pink,
11
- pinkDark,
12
- purple,
13
- purpleDark,
14
- red,
15
- redDark,
16
- yellow,
17
- yellowDark
18
- } from "@tamagui/colors";
19
- import { createTokens } from "@tamagui/core";
20
- const size = {
21
- $0: 0,
22
- "$0.25": 2,
23
- "$0.5": 4,
24
- "$0.75": 8,
25
- $1: 20,
26
- "$1.5": 24,
27
- $2: 28,
28
- "$2.5": 32,
29
- $3: 36,
30
- "$3.5": 40,
31
- $4: 44,
32
- $true: 44,
33
- "$4.5": 48,
34
- $5: 52,
35
- $6: 64,
36
- $7: 74,
37
- $8: 84,
38
- $9: 94,
39
- $10: 104,
40
- $11: 124,
41
- $12: 144,
42
- $13: 164,
43
- $14: 184,
44
- $15: 204,
45
- $16: 224,
46
- $17: 224,
47
- $18: 244,
48
- $19: 264,
49
- $20: 284
50
- };
51
- const spaces = Object.entries(size).map(([k, v]) => {
52
- return [k, sizeToSpace(v)];
53
- });
54
- function sizeToSpace(v) {
55
- if (v === 0)
56
- return 0;
57
- if (v === 2)
58
- return 0.5;
59
- if (v === 4)
60
- return 1;
61
- if (v === 8)
62
- return 1.5;
63
- if (v <= 16)
64
- return Math.round(v * 0.333);
65
- return Math.floor(v * 0.7 - 12);
66
- }
67
- const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
68
- const space = {
69
- ...Object.fromEntries(spaces),
70
- ...Object.fromEntries(spacesNegative)
71
- };
72
- const zIndex = {
73
- 0: 0,
74
- 1: 100,
75
- 2: 200,
76
- 3: 300,
77
- 4: 400,
78
- 5: 500
79
- };
80
- const colorTokens = {
81
- light: {
82
- blue,
83
- gray,
84
- green,
85
- orange,
86
- pink,
87
- purple,
88
- red,
89
- yellow
90
- },
91
- dark: {
92
- blue: blueDark,
93
- gray: grayDark,
94
- green: greenDark,
95
- orange: orangeDark,
96
- pink: pinkDark,
97
- purple: purpleDark,
98
- red: redDark,
99
- yellow: yellowDark
100
- }
101
- };
102
- const darkColors = {
103
- ...colorTokens.dark.blue,
104
- ...colorTokens.dark.gray,
105
- ...colorTokens.dark.green,
106
- ...colorTokens.dark.orange,
107
- ...colorTokens.dark.pink,
108
- ...colorTokens.dark.purple,
109
- ...colorTokens.dark.red,
110
- ...colorTokens.dark.yellow
111
- };
112
- const lightColors = {
113
- ...colorTokens.light.blue,
114
- ...colorTokens.light.gray,
115
- ...colorTokens.light.green,
116
- ...colorTokens.light.orange,
117
- ...colorTokens.light.pink,
118
- ...colorTokens.light.purple,
119
- ...colorTokens.light.red,
120
- ...colorTokens.light.yellow
121
- };
122
- const color = {
123
- ...postfixObjKeys(lightColors, "Light"),
124
- ...postfixObjKeys(darkColors, "Dark")
125
- };
126
- function postfixObjKeys(obj, postfix) {
127
- return Object.fromEntries(
128
- Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
129
- );
130
- }
131
- const radius = {
132
- 0: 0,
133
- 1: 3,
134
- 2: 5,
135
- 3: 7,
136
- 4: 9,
137
- true: 9,
138
- 5: 10,
139
- 6: 16,
140
- 7: 19,
141
- 8: 22,
142
- 9: 26,
143
- 10: 34,
144
- 11: 42,
145
- 12: 50
146
- };
147
- const tokens = createTokens({
148
- color,
149
- radius,
150
- zIndex,
151
- space,
152
- size
153
- });
154
- export {
155
- color,
156
- colorTokens,
157
- darkColors,
158
- lightColors,
159
- radius,
160
- size,
161
- space,
162
- tokens,
163
- zIndex
164
- };
165
- //# sourceMappingURL=tokens.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/tokens.tsx"],
4
- "mappings": "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",
5
- "names": []
6
- }