@tamagui/theme-base 1.26.0 → 1.26.1

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.26.1",
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.26.1",
31
+ "@tamagui/core": "1.26.1",
32
+ "@tamagui/create-themes": "1.26.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@tamagui/build": "1.26.0"
35
+ "@tamagui/build": "1.26.1"
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
- }