@akenzhetayev/theme 0.0.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.
Files changed (5) hide show
  1. package/dist/index.d.mts +95 -0
  2. package/dist/index.d.ts +95 -0
  3. package/dist/index.js +132 -0
  4. package/dist/index.mjs +100 -0
  5. package/package.json +23 -0
package/dist/index.d.mts ADDED
@@ -0,0 +1,95 @@
1
+ declare const colors: {
2
+ readonly gray1: "#0B0B0C";
3
+ readonly gray2: "#141416";
4
+ readonly gray3: "#1E1F22";
5
+ readonly gray11: "#EDEEF0";
6
+ readonly gray12: "#FFFFFF";
7
+ readonly brand: "#6D5EF6";
8
+ readonly brandHover: "#5B4CE6";
9
+ readonly success: "#2ECC71";
10
+ readonly warning: "#F5A524";
11
+ readonly danger: "#FF4D4F";
12
+ };
13
+
14
+ declare const space: {
15
+ readonly 0: 0;
16
+ readonly 1: 4;
17
+ readonly 2: 8;
18
+ readonly 3: 12;
19
+ readonly 4: 16;
20
+ readonly 5: 20;
21
+ readonly 6: 24;
22
+ readonly 8: 32;
23
+ readonly 10: 40;
24
+ readonly 12: 48;
25
+ };
26
+
27
+ declare const radius: {
28
+ readonly 0: 0;
29
+ readonly 1: 6;
30
+ readonly 2: 10;
31
+ readonly 3: 14;
32
+ readonly 4: 18;
33
+ };
34
+
35
+ declare const lightTheme: {
36
+ readonly background: "#FFFFFF";
37
+ readonly color: "#0B0B0C";
38
+ readonly cardBackground: "#FFFFFF";
39
+ readonly borderColor: "#E6E7EB";
40
+ readonly brand: "#6D5EF6";
41
+ };
42
+
43
+ declare const darkTheme: {
44
+ readonly background: "#0B0B0C";
45
+ readonly color: "#FFFFFF";
46
+ readonly cardBackground: "#141416";
47
+ readonly borderColor: "#1E1F22";
48
+ readonly brand: "#6D5EF6";
49
+ };
50
+
51
+ declare const interFont: {
52
+ family: string;
53
+ size: {
54
+ 1: number;
55
+ 2: number;
56
+ 3: number;
57
+ 4: number;
58
+ 5: number;
59
+ 6: number;
60
+ };
61
+ lineHeight: {
62
+ 1: number;
63
+ 2: number;
64
+ 3: number;
65
+ 4: number;
66
+ 5: number;
67
+ 6: number;
68
+ };
69
+ weight: {
70
+ 4: string;
71
+ 5: string;
72
+ 6: string;
73
+ 7: string;
74
+ };
75
+ letterSpacing: {
76
+ 1: number;
77
+ 2: number;
78
+ };
79
+ face: {
80
+ 400: {
81
+ normal: string;
82
+ };
83
+ 500: {
84
+ normal: string;
85
+ };
86
+ 600: {
87
+ normal: string;
88
+ };
89
+ 700: {
90
+ normal: string;
91
+ };
92
+ };
93
+ };
94
+
95
+ export { colors, darkTheme, interFont, lightTheme, radius, space };
package/dist/index.d.ts ADDED
@@ -0,0 +1,95 @@
1
+ declare const colors: {
2
+ readonly gray1: "#0B0B0C";
3
+ readonly gray2: "#141416";
4
+ readonly gray3: "#1E1F22";
5
+ readonly gray11: "#EDEEF0";
6
+ readonly gray12: "#FFFFFF";
7
+ readonly brand: "#6D5EF6";
8
+ readonly brandHover: "#5B4CE6";
9
+ readonly success: "#2ECC71";
10
+ readonly warning: "#F5A524";
11
+ readonly danger: "#FF4D4F";
12
+ };
13
+
14
+ declare const space: {
15
+ readonly 0: 0;
16
+ readonly 1: 4;
17
+ readonly 2: 8;
18
+ readonly 3: 12;
19
+ readonly 4: 16;
20
+ readonly 5: 20;
21
+ readonly 6: 24;
22
+ readonly 8: 32;
23
+ readonly 10: 40;
24
+ readonly 12: 48;
25
+ };
26
+
27
+ declare const radius: {
28
+ readonly 0: 0;
29
+ readonly 1: 6;
30
+ readonly 2: 10;
31
+ readonly 3: 14;
32
+ readonly 4: 18;
33
+ };
34
+
35
+ declare const lightTheme: {
36
+ readonly background: "#FFFFFF";
37
+ readonly color: "#0B0B0C";
38
+ readonly cardBackground: "#FFFFFF";
39
+ readonly borderColor: "#E6E7EB";
40
+ readonly brand: "#6D5EF6";
41
+ };
42
+
43
+ declare const darkTheme: {
44
+ readonly background: "#0B0B0C";
45
+ readonly color: "#FFFFFF";
46
+ readonly cardBackground: "#141416";
47
+ readonly borderColor: "#1E1F22";
48
+ readonly brand: "#6D5EF6";
49
+ };
50
+
51
+ declare const interFont: {
52
+ family: string;
53
+ size: {
54
+ 1: number;
55
+ 2: number;
56
+ 3: number;
57
+ 4: number;
58
+ 5: number;
59
+ 6: number;
60
+ };
61
+ lineHeight: {
62
+ 1: number;
63
+ 2: number;
64
+ 3: number;
65
+ 4: number;
66
+ 5: number;
67
+ 6: number;
68
+ };
69
+ weight: {
70
+ 4: string;
71
+ 5: string;
72
+ 6: string;
73
+ 7: string;
74
+ };
75
+ letterSpacing: {
76
+ 1: number;
77
+ 2: number;
78
+ };
79
+ face: {
80
+ 400: {
81
+ normal: string;
82
+ };
83
+ 500: {
84
+ normal: string;
85
+ };
86
+ 600: {
87
+ normal: string;
88
+ };
89
+ 700: {
90
+ normal: string;
91
+ };
92
+ };
93
+ };
94
+
95
+ export { colors, darkTheme, interFont, lightTheme, radius, space };
package/dist/index.js ADDED
@@ -0,0 +1,132 @@
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: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.ts
21
+ var index_exports = {};
22
+ __export(index_exports, {
23
+ colors: () => colors,
24
+ darkTheme: () => darkTheme,
25
+ interFont: () => interFont,
26
+ lightTheme: () => lightTheme,
27
+ radius: () => radius,
28
+ space: () => space
29
+ });
30
+ module.exports = __toCommonJS(index_exports);
31
+
32
+ // src/tokens/colors.ts
33
+ var colors = {
34
+ gray1: "#0B0B0C",
35
+ gray2: "#141416",
36
+ gray3: "#1E1F22",
37
+ gray11: "#EDEEF0",
38
+ gray12: "#FFFFFF",
39
+ brand: "#6D5EF6",
40
+ brandHover: "#5B4CE6",
41
+ success: "#2ECC71",
42
+ warning: "#F5A524",
43
+ danger: "#FF4D4F"
44
+ };
45
+
46
+ // src/tokens/space.ts
47
+ var space = {
48
+ 0: 0,
49
+ 1: 4,
50
+ 2: 8,
51
+ 3: 12,
52
+ 4: 16,
53
+ 5: 20,
54
+ 6: 24,
55
+ 8: 32,
56
+ 10: 40,
57
+ 12: 48
58
+ };
59
+
60
+ // src/tokens/radius.ts
61
+ var radius = {
62
+ 0: 0,
63
+ 1: 6,
64
+ 2: 10,
65
+ 3: 14,
66
+ 4: 18
67
+ };
68
+
69
+ // src/themes/light.ts
70
+ var lightTheme = {
71
+ background: colors.gray12,
72
+ color: colors.gray1,
73
+ cardBackground: "#FFFFFF",
74
+ borderColor: "#E6E7EB",
75
+ brand: colors.brand
76
+ };
77
+
78
+ // src/themes/dark.ts
79
+ var darkTheme = {
80
+ background: colors.gray1,
81
+ color: colors.gray12,
82
+ cardBackground: colors.gray2,
83
+ borderColor: colors.gray3,
84
+ brand: colors.brand
85
+ };
86
+
87
+ // src/fonts/inter.ts
88
+ var import_tamagui = require("tamagui");
89
+ var interFont = (0, import_tamagui.createFont)({
90
+ family: "Inter",
91
+ size: {
92
+ 1: 12,
93
+ 2: 14,
94
+ 3: 16,
95
+ 4: 18,
96
+ 5: 20,
97
+ 6: 24
98
+ },
99
+ lineHeight: {
100
+ 1: 16,
101
+ 2: 20,
102
+ 3: 24,
103
+ 4: 26,
104
+ 5: 28,
105
+ 6: 32
106
+ },
107
+ weight: {
108
+ 4: "400",
109
+ 5: "500",
110
+ 6: "600",
111
+ 7: "700"
112
+ },
113
+ letterSpacing: {
114
+ 1: 0,
115
+ 2: -0.2
116
+ },
117
+ face: {
118
+ 400: { normal: "Inter-Regular" },
119
+ 500: { normal: "Inter-Medium" },
120
+ 600: { normal: "Inter-SemiBold" },
121
+ 700: { normal: "Inter-Bold" }
122
+ }
123
+ });
124
+ // Annotate the CommonJS export names for ESM import in node:
125
+ 0 && (module.exports = {
126
+ colors,
127
+ darkTheme,
128
+ interFont,
129
+ lightTheme,
130
+ radius,
131
+ space
132
+ });
package/dist/index.mjs ADDED
@@ -0,0 +1,100 @@
1
+ // src/tokens/colors.ts
2
+ var colors = {
3
+ gray1: "#0B0B0C",
4
+ gray2: "#141416",
5
+ gray3: "#1E1F22",
6
+ gray11: "#EDEEF0",
7
+ gray12: "#FFFFFF",
8
+ brand: "#6D5EF6",
9
+ brandHover: "#5B4CE6",
10
+ success: "#2ECC71",
11
+ warning: "#F5A524",
12
+ danger: "#FF4D4F"
13
+ };
14
+
15
+ // src/tokens/space.ts
16
+ var space = {
17
+ 0: 0,
18
+ 1: 4,
19
+ 2: 8,
20
+ 3: 12,
21
+ 4: 16,
22
+ 5: 20,
23
+ 6: 24,
24
+ 8: 32,
25
+ 10: 40,
26
+ 12: 48
27
+ };
28
+
29
+ // src/tokens/radius.ts
30
+ var radius = {
31
+ 0: 0,
32
+ 1: 6,
33
+ 2: 10,
34
+ 3: 14,
35
+ 4: 18
36
+ };
37
+
38
+ // src/themes/light.ts
39
+ var lightTheme = {
40
+ background: colors.gray12,
41
+ color: colors.gray1,
42
+ cardBackground: "#FFFFFF",
43
+ borderColor: "#E6E7EB",
44
+ brand: colors.brand
45
+ };
46
+
47
+ // src/themes/dark.ts
48
+ var darkTheme = {
49
+ background: colors.gray1,
50
+ color: colors.gray12,
51
+ cardBackground: colors.gray2,
52
+ borderColor: colors.gray3,
53
+ brand: colors.brand
54
+ };
55
+
56
+ // src/fonts/inter.ts
57
+ import { createFont } from "tamagui";
58
+ var interFont = createFont({
59
+ family: "Inter",
60
+ size: {
61
+ 1: 12,
62
+ 2: 14,
63
+ 3: 16,
64
+ 4: 18,
65
+ 5: 20,
66
+ 6: 24
67
+ },
68
+ lineHeight: {
69
+ 1: 16,
70
+ 2: 20,
71
+ 3: 24,
72
+ 4: 26,
73
+ 5: 28,
74
+ 6: 32
75
+ },
76
+ weight: {
77
+ 4: "400",
78
+ 5: "500",
79
+ 6: "600",
80
+ 7: "700"
81
+ },
82
+ letterSpacing: {
83
+ 1: 0,
84
+ 2: -0.2
85
+ },
86
+ face: {
87
+ 400: { normal: "Inter-Regular" },
88
+ 500: { normal: "Inter-Medium" },
89
+ 600: { normal: "Inter-SemiBold" },
90
+ 700: { normal: "Inter-Bold" }
91
+ }
92
+ });
93
+ export {
94
+ colors,
95
+ darkTheme,
96
+ interFont,
97
+ lightTheme,
98
+ radius,
99
+ space
100
+ };
package/package.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "name": "@akenzhetayev/theme",
3
+ "version": "0.0.1",
4
+ "private": false,
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.mjs",
7
+ "types": "dist/index.d.ts",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "sideEffects": false,
12
+ "scripts": {
13
+ "build": "tsup src/index.ts --format esm,cjs --dts",
14
+ "typecheck": "tsc -p tsconfig.json --noEmit"
15
+ },
16
+ "peerDependencies": {
17
+ "tamagui": "*"
18
+ },
19
+ "devDependencies": {
20
+ "tsup": "^8.0.0",
21
+ "typescript": "^5.4.0"
22
+ }
23
+ }