@tamagui/theme-base 1.0.1-beta.54 → 1.0.1-beta.55
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/dist/cjs/tokens.js +40 -34
- package/dist/cjs/tokens.js.map +2 -2
- package/dist/esm/tokens.js +40 -34
- package/dist/esm/tokens.js.map +2 -2
- package/dist/jsx/tokens.js +40 -34
- package/package.json +4 -4
- package/types/tokens.d.ts +35 -14
- package/types/tokens.d.ts.map +1 -1
package/dist/cjs/tokens.js
CHANGED
|
@@ -40,40 +40,46 @@ __export(tokens_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(tokens_exports);
|
|
41
41
|
var import_colors = require("@tamagui/colors");
|
|
42
42
|
var import_core = require("@tamagui/core");
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
43
|
+
const size = {
|
|
44
|
+
0: 0,
|
|
45
|
+
0.25: 2,
|
|
46
|
+
0.5: 4,
|
|
47
|
+
0.75: 8,
|
|
48
|
+
1: 20,
|
|
49
|
+
1.5: 24,
|
|
50
|
+
2: 28,
|
|
51
|
+
2.5: 32,
|
|
52
|
+
3: 36,
|
|
53
|
+
3.5: 40,
|
|
54
|
+
4: 44,
|
|
55
|
+
true: 44,
|
|
56
|
+
4.5: 48,
|
|
57
|
+
5: 52,
|
|
58
|
+
5.5: 59,
|
|
59
|
+
6: 64,
|
|
60
|
+
6.5: 69,
|
|
61
|
+
7: 74,
|
|
62
|
+
7.6: 79,
|
|
63
|
+
8: 84,
|
|
64
|
+
8.5: 89,
|
|
65
|
+
9: 94,
|
|
66
|
+
9.5: 99,
|
|
67
|
+
10: 104,
|
|
68
|
+
11: 124,
|
|
69
|
+
12: 144,
|
|
70
|
+
13: 164,
|
|
71
|
+
14: 184,
|
|
72
|
+
15: 204,
|
|
73
|
+
16: 224,
|
|
74
|
+
17: 224,
|
|
75
|
+
18: 244,
|
|
76
|
+
19: 264,
|
|
77
|
+
20: 284
|
|
78
|
+
};
|
|
79
|
+
const spaces = Object.entries(size).map(([k, v]) => [
|
|
80
|
+
k,
|
|
81
|
+
Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12))
|
|
82
|
+
]);
|
|
77
83
|
const spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v]);
|
|
78
84
|
const space = __spreadValues(__spreadValues({}, Object.fromEntries(spaces)), Object.fromEntries(spacesNegative));
|
|
79
85
|
const zIndex = {
|
package/dist/cjs/tokens.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tokens.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n teal,\n tealDark,\n violet,\n violetDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens, createVariables } from '@tamagui/core'\n\n//
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAuBO;AACP,kBAAwD;
|
|
4
|
+
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n teal,\n tealDark,\n violet,\n violetDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens, createVariables } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n// - at sizes <1, used for fine grained things (borders, smallest paddingY)\n// - so smallest padY should be roughly 1-4px so it can join with lineHeight\n// - at sizes >=1, have to consider \"pressability\" (jumps up)\n// - after that it should go upwards somewhat naturally\n// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n// but also one more wrinkle...\n// space is used in conjunction with size\n// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nconst size = {\n 0: 0,\n 0.25: 2,\n 0.5: 4,\n 0.75: 8,\n 1: 20,\n 1.5: 24,\n 2: 28,\n 2.5: 32,\n 3: 36,\n 3.5: 40,\n 4: 44,\n true: 44,\n 4.5: 48,\n 5: 52,\n 5.5: 59,\n 6: 64,\n 6.5: 69,\n 7: 74,\n 7.6: 79,\n 8: 84,\n 8.5: 89,\n 9: 94,\n 9.5: 99,\n 10: 104,\n 11: 124,\n 12: 144,\n 13: 164,\n 14: 184,\n 15: 204,\n 16: 224,\n 17: 224,\n 18: 244,\n 19: 264,\n 20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n k,\n Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nconst space: {\n [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n ...Object.fromEntries(spaces),\n ...Object.fromEntries(spacesNegative),\n} as any\n\nconst zIndex = {\n 0: 0,\n 1: 100,\n 2: 200,\n 3: 300,\n 4: 400,\n 5: 500,\n}\n\nexport const colorTokens = createVariables({\n light: {\n blue,\n gray,\n grayA,\n green,\n orange,\n pink,\n purple,\n red,\n violet,\n yellow,\n teal,\n },\n dark: {\n blue: blueDark,\n gray: grayDark,\n grayA: grayDarkA,\n green: greenDark,\n orange: orangeDark,\n pink: pinkDark,\n purple: purpleDark,\n red: redDark,\n violet: violetDark,\n yellow: yellowDark,\n teal: tealDark,\n },\n})\n\nexport const darkColors = {\n ...colorTokens.dark.blue,\n ...colorTokens.dark.gray,\n ...colorTokens.dark.grayA,\n ...colorTokens.dark.green,\n ...colorTokens.dark.orange,\n ...colorTokens.dark.pink,\n ...colorTokens.dark.purple,\n ...colorTokens.dark.red,\n ...colorTokens.dark.violet,\n ...colorTokens.dark.yellow,\n ...colorTokens.dark.teal,\n}\n\nexport const lightColors = {\n ...colorTokens.light.blue,\n ...colorTokens.light.gray,\n ...colorTokens.light.grayA,\n ...colorTokens.light.green,\n ...colorTokens.light.orange,\n ...colorTokens.light.pink,\n ...colorTokens.light.purple,\n ...colorTokens.light.red,\n ...colorTokens.light.violet,\n ...colorTokens.light.yellow,\n ...colorTokens.light.teal,\n}\n\nconst allColors = {\n ...lightColors,\n ...darkPostfix(darkColors),\n}\n\nfunction darkPostfix<A extends { [key: string]: Variable<string> }>(\n obj: A\n): {\n [Key in `${keyof A extends string ? keyof A : never}Dark`]: Variable<string>\n} {\n return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}Dark`, v])) as any\n}\n\nconst radius = {\n 0: 0,\n 1: 3,\n 2: 5,\n 3: 7,\n 4: 9,\n 5: 10,\n 6: 16,\n 7: 19,\n 8: 22,\n 9: 26,\n 10: 34,\n 11: 42,\n 12: 50,\n}\n\nexport const tokens = createTokens({\n color: allColors,\n radius,\n zIndex,\n space,\n size,\n})\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/tokens.js
CHANGED
|
@@ -25,40 +25,46 @@ import {
|
|
|
25
25
|
yellowDark
|
|
26
26
|
} from "@tamagui/colors";
|
|
27
27
|
import { createTokens, createVariables } from "@tamagui/core";
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
28
|
+
const size = {
|
|
29
|
+
0: 0,
|
|
30
|
+
0.25: 2,
|
|
31
|
+
0.5: 4,
|
|
32
|
+
0.75: 8,
|
|
33
|
+
1: 20,
|
|
34
|
+
1.5: 24,
|
|
35
|
+
2: 28,
|
|
36
|
+
2.5: 32,
|
|
37
|
+
3: 36,
|
|
38
|
+
3.5: 40,
|
|
39
|
+
4: 44,
|
|
40
|
+
true: 44,
|
|
41
|
+
4.5: 48,
|
|
42
|
+
5: 52,
|
|
43
|
+
5.5: 59,
|
|
44
|
+
6: 64,
|
|
45
|
+
6.5: 69,
|
|
46
|
+
7: 74,
|
|
47
|
+
7.6: 79,
|
|
48
|
+
8: 84,
|
|
49
|
+
8.5: 89,
|
|
50
|
+
9: 94,
|
|
51
|
+
9.5: 99,
|
|
52
|
+
10: 104,
|
|
53
|
+
11: 124,
|
|
54
|
+
12: 144,
|
|
55
|
+
13: 164,
|
|
56
|
+
14: 184,
|
|
57
|
+
15: 204,
|
|
58
|
+
16: 224,
|
|
59
|
+
17: 224,
|
|
60
|
+
18: 244,
|
|
61
|
+
19: 264,
|
|
62
|
+
20: 284
|
|
63
|
+
};
|
|
64
|
+
const spaces = Object.entries(size).map(([k, v]) => [
|
|
65
|
+
k,
|
|
66
|
+
Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12))
|
|
67
|
+
]);
|
|
62
68
|
const spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v]);
|
|
63
69
|
const space = {
|
|
64
70
|
...Object.fromEntries(spaces),
|
package/dist/esm/tokens.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/tokens.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n teal,\n tealDark,\n violet,\n violetDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens, createVariables } from '@tamagui/core'\n\n//
|
|
5
|
-
"mappings": ";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBA;
|
|
4
|
+
"sourcesContent": ["import {\n blue,\n blueDark,\n gray,\n grayA,\n grayDark,\n grayDarkA,\n green,\n greenDark,\n orange,\n orangeDark,\n pink,\n pinkDark,\n purple,\n purpleDark,\n red,\n redDark,\n teal,\n tealDark,\n violet,\n violetDark,\n yellow,\n yellowDark,\n} from '@tamagui/colors'\nimport { Variable, createTokens, createVariables } from '@tamagui/core'\n\n// should roughly map to button/input etc height at each level\n// fonts should match that height/lineHeight at each stop\n// so these are really non-linear on purpose\n// why?\n// - at sizes <1, used for fine grained things (borders, smallest paddingY)\n// - so smallest padY should be roughly 1-4px so it can join with lineHeight\n// - at sizes >=1, have to consider \"pressability\" (jumps up)\n// - after that it should go upwards somewhat naturally\n// - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster\n// but also one more wrinkle...\n// space is used in conjunction with size\n// i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)\nconst size = {\n 0: 0,\n 0.25: 2,\n 0.5: 4,\n 0.75: 8,\n 1: 20,\n 1.5: 24,\n 2: 28,\n 2.5: 32,\n 3: 36,\n 3.5: 40,\n 4: 44,\n true: 44,\n 4.5: 48,\n 5: 52,\n 5.5: 59,\n 6: 64,\n 6.5: 69,\n 7: 74,\n 7.6: 79,\n 8: 84,\n 8.5: 89,\n 9: 94,\n 9.5: 99,\n 10: 104,\n 11: 124,\n 12: 144,\n 13: 164,\n 14: 184,\n 15: 204,\n 16: 224,\n 17: 224,\n 18: 244,\n 19: 264,\n 20: 284,\n}\n\ntype Sizes = typeof size\ntype SizeKeys = `${keyof Sizes}`\n\nconst spaces = Object.entries(size).map(([k, v]) => [\n k,\n Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),\n])\n\nconst spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])\n\nconst space: {\n [Key in `-${SizeKeys}` | SizeKeys]: Key extends keyof Sizes ? Sizes[Key] : number\n} = {\n ...Object.fromEntries(spaces),\n ...Object.fromEntries(spacesNegative),\n} as any\n\nconst zIndex = {\n 0: 0,\n 1: 100,\n 2: 200,\n 3: 300,\n 4: 400,\n 5: 500,\n}\n\nexport const colorTokens = createVariables({\n light: {\n blue,\n gray,\n grayA,\n green,\n orange,\n pink,\n purple,\n red,\n violet,\n yellow,\n teal,\n },\n dark: {\n blue: blueDark,\n gray: grayDark,\n grayA: grayDarkA,\n green: greenDark,\n orange: orangeDark,\n pink: pinkDark,\n purple: purpleDark,\n red: redDark,\n violet: violetDark,\n yellow: yellowDark,\n teal: tealDark,\n },\n})\n\nexport const darkColors = {\n ...colorTokens.dark.blue,\n ...colorTokens.dark.gray,\n ...colorTokens.dark.grayA,\n ...colorTokens.dark.green,\n ...colorTokens.dark.orange,\n ...colorTokens.dark.pink,\n ...colorTokens.dark.purple,\n ...colorTokens.dark.red,\n ...colorTokens.dark.violet,\n ...colorTokens.dark.yellow,\n ...colorTokens.dark.teal,\n}\n\nexport const lightColors = {\n ...colorTokens.light.blue,\n ...colorTokens.light.gray,\n ...colorTokens.light.grayA,\n ...colorTokens.light.green,\n ...colorTokens.light.orange,\n ...colorTokens.light.pink,\n ...colorTokens.light.purple,\n ...colorTokens.light.red,\n ...colorTokens.light.violet,\n ...colorTokens.light.yellow,\n ...colorTokens.light.teal,\n}\n\nconst allColors = {\n ...lightColors,\n ...darkPostfix(darkColors),\n}\n\nfunction darkPostfix<A extends { [key: string]: Variable<string> }>(\n obj: A\n): {\n [Key in `${keyof A extends string ? keyof A : never}Dark`]: Variable<string>\n} {\n return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}Dark`, v])) as any\n}\n\nconst radius = {\n 0: 0,\n 1: 3,\n 2: 5,\n 3: 7,\n 4: 9,\n 5: 10,\n 6: 16,\n 7: 19,\n 8: 22,\n 9: 26,\n 10: 34,\n 11: 42,\n 12: 50,\n}\n\nexport const tokens = createTokens({\n color: allColors,\n radius,\n zIndex,\n space,\n size,\n})\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/tokens.js
CHANGED
|
@@ -25,40 +25,46 @@ import {
|
|
|
25
25
|
yellowDark
|
|
26
26
|
} from "@tamagui/colors";
|
|
27
27
|
import { createTokens, createVariables } from "@tamagui/core";
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
28
|
+
const size = {
|
|
29
|
+
0: 0,
|
|
30
|
+
0.25: 2,
|
|
31
|
+
0.5: 4,
|
|
32
|
+
0.75: 8,
|
|
33
|
+
1: 20,
|
|
34
|
+
1.5: 24,
|
|
35
|
+
2: 28,
|
|
36
|
+
2.5: 32,
|
|
37
|
+
3: 36,
|
|
38
|
+
3.5: 40,
|
|
39
|
+
4: 44,
|
|
40
|
+
true: 44,
|
|
41
|
+
4.5: 48,
|
|
42
|
+
5: 52,
|
|
43
|
+
5.5: 59,
|
|
44
|
+
6: 64,
|
|
45
|
+
6.5: 69,
|
|
46
|
+
7: 74,
|
|
47
|
+
7.6: 79,
|
|
48
|
+
8: 84,
|
|
49
|
+
8.5: 89,
|
|
50
|
+
9: 94,
|
|
51
|
+
9.5: 99,
|
|
52
|
+
10: 104,
|
|
53
|
+
11: 124,
|
|
54
|
+
12: 144,
|
|
55
|
+
13: 164,
|
|
56
|
+
14: 184,
|
|
57
|
+
15: 204,
|
|
58
|
+
16: 224,
|
|
59
|
+
17: 224,
|
|
60
|
+
18: 244,
|
|
61
|
+
19: 264,
|
|
62
|
+
20: 284
|
|
63
|
+
};
|
|
64
|
+
const spaces = Object.entries(size).map(([k, v]) => [
|
|
65
|
+
k,
|
|
66
|
+
Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12))
|
|
67
|
+
]);
|
|
62
68
|
const spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v]);
|
|
63
69
|
const space = {
|
|
64
70
|
...Object.fromEntries(spaces),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/theme-base",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.55",
|
|
4
4
|
"types": "./types/index.d.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -16,11 +16,11 @@
|
|
|
16
16
|
"clean:build": "tamagui-build clean:build"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@tamagui/colors": "^1.0.1-beta.
|
|
20
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
19
|
+
"@tamagui/colors": "^1.0.1-beta.55",
|
|
20
|
+
"@tamagui/core": "^1.0.1-beta.55"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
23
|
+
"@tamagui/build": "^1.0.1-beta.55"
|
|
24
24
|
},
|
|
25
25
|
"publishConfig": {
|
|
26
26
|
"access": "public"
|
package/types/tokens.d.ts
CHANGED
|
@@ -851,23 +851,26 @@ export declare const tokens: {
|
|
|
851
851
|
space: {
|
|
852
852
|
true: Variable<any>;
|
|
853
853
|
0: Variable<any>;
|
|
854
|
+
1: Variable<any>;
|
|
855
|
+
4: Variable<any>;
|
|
856
|
+
2: Variable<any>;
|
|
857
|
+
16: Variable<any>;
|
|
858
|
+
3: Variable<any>;
|
|
859
|
+
8: Variable<any>;
|
|
860
|
+
20: Variable<any>;
|
|
854
861
|
0.25: Variable<any>;
|
|
855
862
|
0.5: Variable<any>;
|
|
856
|
-
|
|
863
|
+
0.75: Variable<any>;
|
|
857
864
|
1.5: Variable<any>;
|
|
858
|
-
2: Variable<any>;
|
|
859
865
|
2.5: Variable<any>;
|
|
860
|
-
3: Variable<any>;
|
|
861
866
|
3.5: Variable<any>;
|
|
862
|
-
4: Variable<any>;
|
|
863
867
|
4.5: Variable<any>;
|
|
864
868
|
5: Variable<any>;
|
|
865
869
|
5.5: Variable<any>;
|
|
866
870
|
6: Variable<any>;
|
|
867
871
|
6.5: Variable<any>;
|
|
868
872
|
7: Variable<any>;
|
|
869
|
-
7.
|
|
870
|
-
8: Variable<any>;
|
|
873
|
+
7.6: Variable<any>;
|
|
871
874
|
8.5: Variable<any>;
|
|
872
875
|
9: Variable<any>;
|
|
873
876
|
9.5: Variable<any>;
|
|
@@ -876,25 +879,32 @@ export declare const tokens: {
|
|
|
876
879
|
12: Variable<any>;
|
|
877
880
|
13: Variable<any>;
|
|
878
881
|
14: Variable<any>;
|
|
882
|
+
15: Variable<any>;
|
|
883
|
+
17: Variable<any>;
|
|
884
|
+
18: Variable<any>;
|
|
885
|
+
19: Variable<any>;
|
|
879
886
|
"-true": Variable<any>;
|
|
880
887
|
"-0": Variable<any>;
|
|
888
|
+
[-1]: Variable<any>;
|
|
889
|
+
[-4]: Variable<any>;
|
|
890
|
+
[-2]: Variable<any>;
|
|
891
|
+
[-16]: Variable<any>;
|
|
892
|
+
[-3]: Variable<any>;
|
|
893
|
+
[-8]: Variable<any>;
|
|
894
|
+
[-20]: Variable<any>;
|
|
881
895
|
[-0.25]: Variable<any>;
|
|
882
896
|
[-0.5]: Variable<any>;
|
|
883
|
-
[-
|
|
897
|
+
[-0.75]: Variable<any>;
|
|
884
898
|
[-1.5]: Variable<any>;
|
|
885
|
-
[-2]: Variable<any>;
|
|
886
899
|
[-2.5]: Variable<any>;
|
|
887
|
-
[-3]: Variable<any>;
|
|
888
900
|
[-3.5]: Variable<any>;
|
|
889
|
-
[-4]: Variable<any>;
|
|
890
901
|
[-4.5]: Variable<any>;
|
|
891
902
|
[-5]: Variable<any>;
|
|
892
903
|
[-5.5]: Variable<any>;
|
|
893
904
|
[-6]: Variable<any>;
|
|
894
905
|
[-6.5]: Variable<any>;
|
|
895
906
|
[-7]: Variable<any>;
|
|
896
|
-
[-7.
|
|
897
|
-
[-8]: Variable<any>;
|
|
907
|
+
[-7.6]: Variable<any>;
|
|
898
908
|
[-8.5]: Variable<any>;
|
|
899
909
|
[-9]: Variable<any>;
|
|
900
910
|
[-9.5]: Variable<any>;
|
|
@@ -903,12 +913,16 @@ export declare const tokens: {
|
|
|
903
913
|
[-12]: Variable<any>;
|
|
904
914
|
[-13]: Variable<any>;
|
|
905
915
|
[-14]: Variable<any>;
|
|
916
|
+
[-15]: Variable<any>;
|
|
917
|
+
[-17]: Variable<any>;
|
|
918
|
+
[-18]: Variable<any>;
|
|
919
|
+
[-19]: Variable<any>;
|
|
906
920
|
};
|
|
907
921
|
size: {
|
|
908
|
-
true: Variable<any>;
|
|
909
922
|
0: Variable<any>;
|
|
910
923
|
0.25: Variable<any>;
|
|
911
924
|
0.5: Variable<any>;
|
|
925
|
+
0.75: Variable<any>;
|
|
912
926
|
1: Variable<any>;
|
|
913
927
|
1.5: Variable<any>;
|
|
914
928
|
2: Variable<any>;
|
|
@@ -916,13 +930,14 @@ export declare const tokens: {
|
|
|
916
930
|
3: Variable<any>;
|
|
917
931
|
3.5: Variable<any>;
|
|
918
932
|
4: Variable<any>;
|
|
933
|
+
true: Variable<any>;
|
|
919
934
|
4.5: Variable<any>;
|
|
920
935
|
5: Variable<any>;
|
|
921
936
|
5.5: Variable<any>;
|
|
922
937
|
6: Variable<any>;
|
|
923
938
|
6.5: Variable<any>;
|
|
924
939
|
7: Variable<any>;
|
|
925
|
-
7.
|
|
940
|
+
7.6: Variable<any>;
|
|
926
941
|
8: Variable<any>;
|
|
927
942
|
8.5: Variable<any>;
|
|
928
943
|
9: Variable<any>;
|
|
@@ -932,6 +947,12 @@ export declare const tokens: {
|
|
|
932
947
|
12: Variable<any>;
|
|
933
948
|
13: Variable<any>;
|
|
934
949
|
14: Variable<any>;
|
|
950
|
+
15: Variable<any>;
|
|
951
|
+
16: Variable<any>;
|
|
952
|
+
17: Variable<any>;
|
|
953
|
+
18: Variable<any>;
|
|
954
|
+
19: Variable<any>;
|
|
955
|
+
20: Variable<any>;
|
|
935
956
|
};
|
|
936
957
|
radius: {
|
|
937
958
|
0: Variable<any>;
|
package/types/tokens.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,QAAQ,EAAiC,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,QAAQ,EAAiC,MAAM,eAAe,CAAA;AA6EvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BtB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYvB,CAAA;AA+BD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAA"}
|