@lumen-dapps-kit/tokens 0.1.0

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 (10) hide show
  1. package/dist/index.cjs +103 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.d.cts +160 -0
  4. package/dist/index.d.ts +160 -0
  5. package/dist/index.js +89 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/tokens.css +59 -0
  8. package/package.json +41 -0
  9. package/src/index.ts +107 -0
  10. package/src/tokens.css +59 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,103 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ // src/index.ts
6
+ var ink = {
7
+ 0: "#000000",
8
+ 50: "#0a0a0a",
9
+ 100: "#0f0f10",
10
+ 200: "#161618",
11
+ 300: "#1c1c1f",
12
+ 400: "#26262b",
13
+ 500: "#3a3a40",
14
+ 600: "#5a5a62",
15
+ 700: "#8a8a92",
16
+ 800: "#b8b8bf",
17
+ 900: "#e8e8ec"
18
+ };
19
+ var signal = {
20
+ ok: "#9aff9a",
21
+ warn: "#ffd479",
22
+ err: "#ff7a7a",
23
+ data: "#cfcfd6"
24
+ };
25
+ var font = {
26
+ sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif",
27
+ mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace"
28
+ };
29
+ var radius = {
30
+ sharp: "4px",
31
+ none: "0px"
32
+ };
33
+ var space = {
34
+ 0: "0px",
35
+ px: "1px",
36
+ 0.5: "2px",
37
+ 1: "4px",
38
+ 1.5: "6px",
39
+ 2: "8px",
40
+ 3: "12px",
41
+ 4: "16px",
42
+ 5: "20px",
43
+ 6: "24px",
44
+ 8: "32px",
45
+ 10: "40px",
46
+ 12: "48px",
47
+ 16: "64px"
48
+ };
49
+ var motion = {
50
+ pulse: "1.8s",
51
+ ticker: "22s",
52
+ fast: "120ms",
53
+ base: "180ms",
54
+ slow: "320ms",
55
+ ease: "cubic-bezier(0.16, 1, 0.3, 1)"
56
+ };
57
+ var z = {
58
+ base: 0,
59
+ raised: 10,
60
+ sticky: 40,
61
+ overlay: 80,
62
+ modal: 100,
63
+ toast: 120
64
+ };
65
+ var hairline = {
66
+ default: "rgba(255,255,255,0.06)",
67
+ panel: "rgba(255,255,255,0.07)",
68
+ strong: "rgba(255,255,255,0.1)",
69
+ hover: "rgba(255,255,255,0.15)"
70
+ };
71
+ var surface = {
72
+ glassTop: "rgba(255,255,255,0.025)",
73
+ glassBottom: "rgba(255,255,255,0.01)",
74
+ hoverFaint: "rgba(255,255,255,0.02)",
75
+ hover: "rgba(255,255,255,0.04)",
76
+ active: "rgba(255,255,255,0.06)"
77
+ };
78
+ var tokens = {
79
+ ink,
80
+ signal,
81
+ font,
82
+ radius,
83
+ space,
84
+ motion,
85
+ z,
86
+ hairline,
87
+ surface
88
+ };
89
+ var index_default = tokens;
90
+
91
+ exports.default = index_default;
92
+ exports.font = font;
93
+ exports.hairline = hairline;
94
+ exports.ink = ink;
95
+ exports.motion = motion;
96
+ exports.radius = radius;
97
+ exports.signal = signal;
98
+ exports.space = space;
99
+ exports.surface = surface;
100
+ exports.tokens = tokens;
101
+ exports.z = z;
102
+ //# sourceMappingURL=index.cjs.map
103
+ //# sourceMappingURL=index.cjs.map
package/dist/index.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAQO,IAAM,GAAA,GAAM;AAAA,EACjB,CAAA,EAAG,SAAA;AAAA,EACH,EAAA,EAAI,SAAA;AAAA,EACJ,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK;AACP;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,EAAA,EAAI,SAAA;AAAA,EACJ,IAAA,EAAM,SAAA;AAAA,EACN,GAAA,EAAK,SAAA;AAAA,EACL,IAAA,EAAM;AACR;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,8DAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,KAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,IAAM,KAAA,GAAQ;AAAA,EACnB,CAAA,EAAG,KAAA;AAAA,EACH,EAAA,EAAI,KAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,CAAA,EAAG,KAAA;AAAA,EACH,GAAA,EAAK,KAAA;AAAA,EACL,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,MAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EACR,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,CAAA,GAAI;AAAA,EACf,IAAA,EAAM,CAAA;AAAA,EACN,MAAA,EAAQ,EAAA;AAAA,EACR,MAAA,EAAQ,EAAA;AAAA,EACR,OAAA,EAAS,EAAA;AAAA,EACT,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO;AACT;AAMO,IAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS,wBAAA;AAAA,EACT,KAAA,EAAO,wBAAA;AAAA,EACP,MAAA,EAAQ,uBAAA;AAAA,EACR,KAAA,EAAO;AACT;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,QAAA,EAAU,yBAAA;AAAA,EACV,WAAA,EAAa,wBAAA;AAAA,EACb,UAAA,EAAY,wBAAA;AAAA,EACZ,KAAA,EAAO,wBAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAGA,IAAO,aAAA,GAAQ","file":"index.cjs","sourcesContent":["/**\n * Fortress Vault — design tokens\n *\n * The visual language: terminal precision. Sharp 4px corners, monochrome ink\n * scale, narrow signal palette, monospace + sans pairing. Built for high-density\n * dApp surfaces where state legibility wins over decoration.\n */\n\nexport const ink = {\n 0: '#000000',\n 50: '#0a0a0a',\n 100: '#0f0f10',\n 200: '#161618',\n 300: '#1c1c1f',\n 400: '#26262b',\n 500: '#3a3a40',\n 600: '#5a5a62',\n 700: '#8a8a92',\n 800: '#b8b8bf',\n 900: '#e8e8ec',\n} as const;\n\nexport const signal = {\n ok: '#9aff9a',\n warn: '#ffd479',\n err: '#ff7a7a',\n data: '#cfcfd6',\n} as const;\n\nexport const font = {\n sans: \"'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif\",\n mono: \"'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace\",\n} as const;\n\nexport const radius = {\n sharp: '4px',\n none: '0px',\n} as const;\n\nexport const space = {\n 0: '0px',\n px: '1px',\n 0.5: '2px',\n 1: '4px',\n 1.5: '6px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '20px',\n 6: '24px',\n 8: '32px',\n 10: '40px',\n 12: '48px',\n 16: '64px',\n} as const;\n\nexport const motion = {\n pulse: '1.8s',\n ticker: '22s',\n fast: '120ms',\n base: '180ms',\n slow: '320ms',\n ease: 'cubic-bezier(0.16, 1, 0.3, 1)',\n} as const;\n\nexport const z = {\n base: 0,\n raised: 10,\n sticky: 40,\n overlay: 80,\n modal: 100,\n toast: 120,\n} as const;\n\n/**\n * Border/hairline opacities. The hairline is the system's primary divider:\n * 1px solid rgba(255,255,255,0.06). Glass surfaces use 0.07. Hover lifts to 0.1.\n */\nexport const hairline = {\n default: 'rgba(255,255,255,0.06)',\n panel: 'rgba(255,255,255,0.07)',\n strong: 'rgba(255,255,255,0.1)',\n hover: 'rgba(255,255,255,0.15)',\n} as const;\n\nexport const surface = {\n glassTop: 'rgba(255,255,255,0.025)',\n glassBottom: 'rgba(255,255,255,0.01)',\n hoverFaint: 'rgba(255,255,255,0.02)',\n hover: 'rgba(255,255,255,0.04)',\n active: 'rgba(255,255,255,0.06)',\n} as const;\n\nexport const tokens = {\n ink,\n signal,\n font,\n radius,\n space,\n motion,\n z,\n hairline,\n surface,\n} as const;\n\nexport type Tokens = typeof tokens;\nexport default tokens;\n"]}
package/dist/index.d.cts ADDED
@@ -0,0 +1,160 @@
1
+ /**
2
+ * Fortress Vault — design tokens
3
+ *
4
+ * The visual language: terminal precision. Sharp 4px corners, monochrome ink
5
+ * scale, narrow signal palette, monospace + sans pairing. Built for high-density
6
+ * dApp surfaces where state legibility wins over decoration.
7
+ */
8
+ declare const ink: {
9
+ readonly 0: "#000000";
10
+ readonly 50: "#0a0a0a";
11
+ readonly 100: "#0f0f10";
12
+ readonly 200: "#161618";
13
+ readonly 300: "#1c1c1f";
14
+ readonly 400: "#26262b";
15
+ readonly 500: "#3a3a40";
16
+ readonly 600: "#5a5a62";
17
+ readonly 700: "#8a8a92";
18
+ readonly 800: "#b8b8bf";
19
+ readonly 900: "#e8e8ec";
20
+ };
21
+ declare const signal: {
22
+ readonly ok: "#9aff9a";
23
+ readonly warn: "#ffd479";
24
+ readonly err: "#ff7a7a";
25
+ readonly data: "#cfcfd6";
26
+ };
27
+ declare const font: {
28
+ readonly sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif";
29
+ readonly mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace";
30
+ };
31
+ declare const radius: {
32
+ readonly sharp: "4px";
33
+ readonly none: "0px";
34
+ };
35
+ declare const space: {
36
+ readonly 0: "0px";
37
+ readonly px: "1px";
38
+ readonly 0.5: "2px";
39
+ readonly 1: "4px";
40
+ readonly 1.5: "6px";
41
+ readonly 2: "8px";
42
+ readonly 3: "12px";
43
+ readonly 4: "16px";
44
+ readonly 5: "20px";
45
+ readonly 6: "24px";
46
+ readonly 8: "32px";
47
+ readonly 10: "40px";
48
+ readonly 12: "48px";
49
+ readonly 16: "64px";
50
+ };
51
+ declare const motion: {
52
+ readonly pulse: "1.8s";
53
+ readonly ticker: "22s";
54
+ readonly fast: "120ms";
55
+ readonly base: "180ms";
56
+ readonly slow: "320ms";
57
+ readonly ease: "cubic-bezier(0.16, 1, 0.3, 1)";
58
+ };
59
+ declare const z: {
60
+ readonly base: 0;
61
+ readonly raised: 10;
62
+ readonly sticky: 40;
63
+ readonly overlay: 80;
64
+ readonly modal: 100;
65
+ readonly toast: 120;
66
+ };
67
+ /**
68
+ * Border/hairline opacities. The hairline is the system's primary divider:
69
+ * 1px solid rgba(255,255,255,0.06). Glass surfaces use 0.07. Hover lifts to 0.1.
70
+ */
71
+ declare const hairline: {
72
+ readonly default: "rgba(255,255,255,0.06)";
73
+ readonly panel: "rgba(255,255,255,0.07)";
74
+ readonly strong: "rgba(255,255,255,0.1)";
75
+ readonly hover: "rgba(255,255,255,0.15)";
76
+ };
77
+ declare const surface: {
78
+ readonly glassTop: "rgba(255,255,255,0.025)";
79
+ readonly glassBottom: "rgba(255,255,255,0.01)";
80
+ readonly hoverFaint: "rgba(255,255,255,0.02)";
81
+ readonly hover: "rgba(255,255,255,0.04)";
82
+ readonly active: "rgba(255,255,255,0.06)";
83
+ };
84
+ declare const tokens: {
85
+ readonly ink: {
86
+ readonly 0: "#000000";
87
+ readonly 50: "#0a0a0a";
88
+ readonly 100: "#0f0f10";
89
+ readonly 200: "#161618";
90
+ readonly 300: "#1c1c1f";
91
+ readonly 400: "#26262b";
92
+ readonly 500: "#3a3a40";
93
+ readonly 600: "#5a5a62";
94
+ readonly 700: "#8a8a92";
95
+ readonly 800: "#b8b8bf";
96
+ readonly 900: "#e8e8ec";
97
+ };
98
+ readonly signal: {
99
+ readonly ok: "#9aff9a";
100
+ readonly warn: "#ffd479";
101
+ readonly err: "#ff7a7a";
102
+ readonly data: "#cfcfd6";
103
+ };
104
+ readonly font: {
105
+ readonly sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif";
106
+ readonly mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace";
107
+ };
108
+ readonly radius: {
109
+ readonly sharp: "4px";
110
+ readonly none: "0px";
111
+ };
112
+ readonly space: {
113
+ readonly 0: "0px";
114
+ readonly px: "1px";
115
+ readonly 0.5: "2px";
116
+ readonly 1: "4px";
117
+ readonly 1.5: "6px";
118
+ readonly 2: "8px";
119
+ readonly 3: "12px";
120
+ readonly 4: "16px";
121
+ readonly 5: "20px";
122
+ readonly 6: "24px";
123
+ readonly 8: "32px";
124
+ readonly 10: "40px";
125
+ readonly 12: "48px";
126
+ readonly 16: "64px";
127
+ };
128
+ readonly motion: {
129
+ readonly pulse: "1.8s";
130
+ readonly ticker: "22s";
131
+ readonly fast: "120ms";
132
+ readonly base: "180ms";
133
+ readonly slow: "320ms";
134
+ readonly ease: "cubic-bezier(0.16, 1, 0.3, 1)";
135
+ };
136
+ readonly z: {
137
+ readonly base: 0;
138
+ readonly raised: 10;
139
+ readonly sticky: 40;
140
+ readonly overlay: 80;
141
+ readonly modal: 100;
142
+ readonly toast: 120;
143
+ };
144
+ readonly hairline: {
145
+ readonly default: "rgba(255,255,255,0.06)";
146
+ readonly panel: "rgba(255,255,255,0.07)";
147
+ readonly strong: "rgba(255,255,255,0.1)";
148
+ readonly hover: "rgba(255,255,255,0.15)";
149
+ };
150
+ readonly surface: {
151
+ readonly glassTop: "rgba(255,255,255,0.025)";
152
+ readonly glassBottom: "rgba(255,255,255,0.01)";
153
+ readonly hoverFaint: "rgba(255,255,255,0.02)";
154
+ readonly hover: "rgba(255,255,255,0.04)";
155
+ readonly active: "rgba(255,255,255,0.06)";
156
+ };
157
+ };
158
+ type Tokens = typeof tokens;
159
+
160
+ export { type Tokens, tokens as default, font, hairline, ink, motion, radius, signal, space, surface, tokens, z };
package/dist/index.d.ts ADDED
@@ -0,0 +1,160 @@
1
+ /**
2
+ * Fortress Vault — design tokens
3
+ *
4
+ * The visual language: terminal precision. Sharp 4px corners, monochrome ink
5
+ * scale, narrow signal palette, monospace + sans pairing. Built for high-density
6
+ * dApp surfaces where state legibility wins over decoration.
7
+ */
8
+ declare const ink: {
9
+ readonly 0: "#000000";
10
+ readonly 50: "#0a0a0a";
11
+ readonly 100: "#0f0f10";
12
+ readonly 200: "#161618";
13
+ readonly 300: "#1c1c1f";
14
+ readonly 400: "#26262b";
15
+ readonly 500: "#3a3a40";
16
+ readonly 600: "#5a5a62";
17
+ readonly 700: "#8a8a92";
18
+ readonly 800: "#b8b8bf";
19
+ readonly 900: "#e8e8ec";
20
+ };
21
+ declare const signal: {
22
+ readonly ok: "#9aff9a";
23
+ readonly warn: "#ffd479";
24
+ readonly err: "#ff7a7a";
25
+ readonly data: "#cfcfd6";
26
+ };
27
+ declare const font: {
28
+ readonly sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif";
29
+ readonly mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace";
30
+ };
31
+ declare const radius: {
32
+ readonly sharp: "4px";
33
+ readonly none: "0px";
34
+ };
35
+ declare const space: {
36
+ readonly 0: "0px";
37
+ readonly px: "1px";
38
+ readonly 0.5: "2px";
39
+ readonly 1: "4px";
40
+ readonly 1.5: "6px";
41
+ readonly 2: "8px";
42
+ readonly 3: "12px";
43
+ readonly 4: "16px";
44
+ readonly 5: "20px";
45
+ readonly 6: "24px";
46
+ readonly 8: "32px";
47
+ readonly 10: "40px";
48
+ readonly 12: "48px";
49
+ readonly 16: "64px";
50
+ };
51
+ declare const motion: {
52
+ readonly pulse: "1.8s";
53
+ readonly ticker: "22s";
54
+ readonly fast: "120ms";
55
+ readonly base: "180ms";
56
+ readonly slow: "320ms";
57
+ readonly ease: "cubic-bezier(0.16, 1, 0.3, 1)";
58
+ };
59
+ declare const z: {
60
+ readonly base: 0;
61
+ readonly raised: 10;
62
+ readonly sticky: 40;
63
+ readonly overlay: 80;
64
+ readonly modal: 100;
65
+ readonly toast: 120;
66
+ };
67
+ /**
68
+ * Border/hairline opacities. The hairline is the system's primary divider:
69
+ * 1px solid rgba(255,255,255,0.06). Glass surfaces use 0.07. Hover lifts to 0.1.
70
+ */
71
+ declare const hairline: {
72
+ readonly default: "rgba(255,255,255,0.06)";
73
+ readonly panel: "rgba(255,255,255,0.07)";
74
+ readonly strong: "rgba(255,255,255,0.1)";
75
+ readonly hover: "rgba(255,255,255,0.15)";
76
+ };
77
+ declare const surface: {
78
+ readonly glassTop: "rgba(255,255,255,0.025)";
79
+ readonly glassBottom: "rgba(255,255,255,0.01)";
80
+ readonly hoverFaint: "rgba(255,255,255,0.02)";
81
+ readonly hover: "rgba(255,255,255,0.04)";
82
+ readonly active: "rgba(255,255,255,0.06)";
83
+ };
84
+ declare const tokens: {
85
+ readonly ink: {
86
+ readonly 0: "#000000";
87
+ readonly 50: "#0a0a0a";
88
+ readonly 100: "#0f0f10";
89
+ readonly 200: "#161618";
90
+ readonly 300: "#1c1c1f";
91
+ readonly 400: "#26262b";
92
+ readonly 500: "#3a3a40";
93
+ readonly 600: "#5a5a62";
94
+ readonly 700: "#8a8a92";
95
+ readonly 800: "#b8b8bf";
96
+ readonly 900: "#e8e8ec";
97
+ };
98
+ readonly signal: {
99
+ readonly ok: "#9aff9a";
100
+ readonly warn: "#ffd479";
101
+ readonly err: "#ff7a7a";
102
+ readonly data: "#cfcfd6";
103
+ };
104
+ readonly font: {
105
+ readonly sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif";
106
+ readonly mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace";
107
+ };
108
+ readonly radius: {
109
+ readonly sharp: "4px";
110
+ readonly none: "0px";
111
+ };
112
+ readonly space: {
113
+ readonly 0: "0px";
114
+ readonly px: "1px";
115
+ readonly 0.5: "2px";
116
+ readonly 1: "4px";
117
+ readonly 1.5: "6px";
118
+ readonly 2: "8px";
119
+ readonly 3: "12px";
120
+ readonly 4: "16px";
121
+ readonly 5: "20px";
122
+ readonly 6: "24px";
123
+ readonly 8: "32px";
124
+ readonly 10: "40px";
125
+ readonly 12: "48px";
126
+ readonly 16: "64px";
127
+ };
128
+ readonly motion: {
129
+ readonly pulse: "1.8s";
130
+ readonly ticker: "22s";
131
+ readonly fast: "120ms";
132
+ readonly base: "180ms";
133
+ readonly slow: "320ms";
134
+ readonly ease: "cubic-bezier(0.16, 1, 0.3, 1)";
135
+ };
136
+ readonly z: {
137
+ readonly base: 0;
138
+ readonly raised: 10;
139
+ readonly sticky: 40;
140
+ readonly overlay: 80;
141
+ readonly modal: 100;
142
+ readonly toast: 120;
143
+ };
144
+ readonly hairline: {
145
+ readonly default: "rgba(255,255,255,0.06)";
146
+ readonly panel: "rgba(255,255,255,0.07)";
147
+ readonly strong: "rgba(255,255,255,0.1)";
148
+ readonly hover: "rgba(255,255,255,0.15)";
149
+ };
150
+ readonly surface: {
151
+ readonly glassTop: "rgba(255,255,255,0.025)";
152
+ readonly glassBottom: "rgba(255,255,255,0.01)";
153
+ readonly hoverFaint: "rgba(255,255,255,0.02)";
154
+ readonly hover: "rgba(255,255,255,0.04)";
155
+ readonly active: "rgba(255,255,255,0.06)";
156
+ };
157
+ };
158
+ type Tokens = typeof tokens;
159
+
160
+ export { type Tokens, tokens as default, font, hairline, ink, motion, radius, signal, space, surface, tokens, z };
package/dist/index.js ADDED
@@ -0,0 +1,89 @@
1
+ // src/index.ts
2
+ var ink = {
3
+ 0: "#000000",
4
+ 50: "#0a0a0a",
5
+ 100: "#0f0f10",
6
+ 200: "#161618",
7
+ 300: "#1c1c1f",
8
+ 400: "#26262b",
9
+ 500: "#3a3a40",
10
+ 600: "#5a5a62",
11
+ 700: "#8a8a92",
12
+ 800: "#b8b8bf",
13
+ 900: "#e8e8ec"
14
+ };
15
+ var signal = {
16
+ ok: "#9aff9a",
17
+ warn: "#ffd479",
18
+ err: "#ff7a7a",
19
+ data: "#cfcfd6"
20
+ };
21
+ var font = {
22
+ sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif",
23
+ mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace"
24
+ };
25
+ var radius = {
26
+ sharp: "4px",
27
+ none: "0px"
28
+ };
29
+ var space = {
30
+ 0: "0px",
31
+ px: "1px",
32
+ 0.5: "2px",
33
+ 1: "4px",
34
+ 1.5: "6px",
35
+ 2: "8px",
36
+ 3: "12px",
37
+ 4: "16px",
38
+ 5: "20px",
39
+ 6: "24px",
40
+ 8: "32px",
41
+ 10: "40px",
42
+ 12: "48px",
43
+ 16: "64px"
44
+ };
45
+ var motion = {
46
+ pulse: "1.8s",
47
+ ticker: "22s",
48
+ fast: "120ms",
49
+ base: "180ms",
50
+ slow: "320ms",
51
+ ease: "cubic-bezier(0.16, 1, 0.3, 1)"
52
+ };
53
+ var z = {
54
+ base: 0,
55
+ raised: 10,
56
+ sticky: 40,
57
+ overlay: 80,
58
+ modal: 100,
59
+ toast: 120
60
+ };
61
+ var hairline = {
62
+ default: "rgba(255,255,255,0.06)",
63
+ panel: "rgba(255,255,255,0.07)",
64
+ strong: "rgba(255,255,255,0.1)",
65
+ hover: "rgba(255,255,255,0.15)"
66
+ };
67
+ var surface = {
68
+ glassTop: "rgba(255,255,255,0.025)",
69
+ glassBottom: "rgba(255,255,255,0.01)",
70
+ hoverFaint: "rgba(255,255,255,0.02)",
71
+ hover: "rgba(255,255,255,0.04)",
72
+ active: "rgba(255,255,255,0.06)"
73
+ };
74
+ var tokens = {
75
+ ink,
76
+ signal,
77
+ font,
78
+ radius,
79
+ space,
80
+ motion,
81
+ z,
82
+ hairline,
83
+ surface
84
+ };
85
+ var index_default = tokens;
86
+
87
+ export { index_default as default, font, hairline, ink, motion, radius, signal, space, surface, tokens, z };
88
+ //# sourceMappingURL=index.js.map
89
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";AAQO,IAAM,GAAA,GAAM;AAAA,EACjB,CAAA,EAAG,SAAA;AAAA,EACH,EAAA,EAAI,SAAA;AAAA,EACJ,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK,SAAA;AAAA,EACL,GAAA,EAAK;AACP;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,EAAA,EAAI,SAAA;AAAA,EACJ,IAAA,EAAM,SAAA;AAAA,EACN,GAAA,EAAK,SAAA;AAAA,EACL,IAAA,EAAM;AACR;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,8DAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,KAAA;AAAA,EACP,IAAA,EAAM;AACR;AAEO,IAAM,KAAA,GAAQ;AAAA,EACnB,CAAA,EAAG,KAAA;AAAA,EACH,EAAA,EAAI,KAAA;AAAA,EACJ,GAAA,EAAK,KAAA;AAAA,EACL,CAAA,EAAG,KAAA;AAAA,EACH,GAAA,EAAK,KAAA;AAAA,EACL,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO,MAAA;AAAA,EACP,MAAA,EAAQ,KAAA;AAAA,EACR,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,CAAA,GAAI;AAAA,EACf,IAAA,EAAM,CAAA;AAAA,EACN,MAAA,EAAQ,EAAA;AAAA,EACR,MAAA,EAAQ,EAAA;AAAA,EACR,OAAA,EAAS,EAAA;AAAA,EACT,KAAA,EAAO,GAAA;AAAA,EACP,KAAA,EAAO;AACT;AAMO,IAAM,QAAA,GAAW;AAAA,EACtB,OAAA,EAAS,wBAAA;AAAA,EACT,KAAA,EAAO,wBAAA;AAAA,EACP,MAAA,EAAQ,uBAAA;AAAA,EACR,KAAA,EAAO;AACT;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,QAAA,EAAU,yBAAA;AAAA,EACV,WAAA,EAAa,wBAAA;AAAA,EACb,UAAA,EAAY,wBAAA;AAAA,EACZ,KAAA,EAAO,wBAAA;AAAA,EACP,MAAA,EAAQ;AACV;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;AAGA,IAAO,aAAA,GAAQ","file":"index.js","sourcesContent":["/**\n * Fortress Vault — design tokens\n *\n * The visual language: terminal precision. Sharp 4px corners, monochrome ink\n * scale, narrow signal palette, monospace + sans pairing. Built for high-density\n * dApp surfaces where state legibility wins over decoration.\n */\n\nexport const ink = {\n 0: '#000000',\n 50: '#0a0a0a',\n 100: '#0f0f10',\n 200: '#161618',\n 300: '#1c1c1f',\n 400: '#26262b',\n 500: '#3a3a40',\n 600: '#5a5a62',\n 700: '#8a8a92',\n 800: '#b8b8bf',\n 900: '#e8e8ec',\n} as const;\n\nexport const signal = {\n ok: '#9aff9a',\n warn: '#ffd479',\n err: '#ff7a7a',\n data: '#cfcfd6',\n} as const;\n\nexport const font = {\n sans: \"'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif\",\n mono: \"'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace\",\n} as const;\n\nexport const radius = {\n sharp: '4px',\n none: '0px',\n} as const;\n\nexport const space = {\n 0: '0px',\n px: '1px',\n 0.5: '2px',\n 1: '4px',\n 1.5: '6px',\n 2: '8px',\n 3: '12px',\n 4: '16px',\n 5: '20px',\n 6: '24px',\n 8: '32px',\n 10: '40px',\n 12: '48px',\n 16: '64px',\n} as const;\n\nexport const motion = {\n pulse: '1.8s',\n ticker: '22s',\n fast: '120ms',\n base: '180ms',\n slow: '320ms',\n ease: 'cubic-bezier(0.16, 1, 0.3, 1)',\n} as const;\n\nexport const z = {\n base: 0,\n raised: 10,\n sticky: 40,\n overlay: 80,\n modal: 100,\n toast: 120,\n} as const;\n\n/**\n * Border/hairline opacities. The hairline is the system's primary divider:\n * 1px solid rgba(255,255,255,0.06). Glass surfaces use 0.07. Hover lifts to 0.1.\n */\nexport const hairline = {\n default: 'rgba(255,255,255,0.06)',\n panel: 'rgba(255,255,255,0.07)',\n strong: 'rgba(255,255,255,0.1)',\n hover: 'rgba(255,255,255,0.15)',\n} as const;\n\nexport const surface = {\n glassTop: 'rgba(255,255,255,0.025)',\n glassBottom: 'rgba(255,255,255,0.01)',\n hoverFaint: 'rgba(255,255,255,0.02)',\n hover: 'rgba(255,255,255,0.04)',\n active: 'rgba(255,255,255,0.06)',\n} as const;\n\nexport const tokens = {\n ink,\n signal,\n font,\n radius,\n space,\n motion,\n z,\n hairline,\n surface,\n} as const;\n\nexport type Tokens = typeof tokens;\nexport default tokens;\n"]}
package/dist/tokens.css ADDED
@@ -0,0 +1,59 @@
1
+ /**
2
+ * lumen-dapps-kit — design tokens as CSS custom properties.
3
+ * Import this file once at your app root for framework-agnostic access.
4
+ *
5
+ * Usage:
6
+ * import "@lumen-dapps-kit/tokens/css";
7
+ * color: var(--fv-ink-900);
8
+ */
9
+
10
+ :root {
11
+ color-scheme: dark;
12
+
13
+ /* ink scale — monochrome backbone */
14
+ --fv-ink-0: #000000;
15
+ --fv-ink-50: #0a0a0a;
16
+ --fv-ink-100: #0f0f10;
17
+ --fv-ink-200: #161618;
18
+ --fv-ink-300: #1c1c1f;
19
+ --fv-ink-400: #26262b;
20
+ --fv-ink-500: #3a3a40;
21
+ --fv-ink-600: #5a5a62;
22
+ --fv-ink-700: #8a8a92;
23
+ --fv-ink-800: #b8b8bf;
24
+ --fv-ink-900: #e8e8ec;
25
+
26
+ /* signal — reserved for state, not decoration */
27
+ --fv-signal-ok: #9aff9a;
28
+ --fv-signal-warn: #ffd479;
29
+ --fv-signal-err: #ff7a7a;
30
+ --fv-signal-data: #cfcfd6;
31
+
32
+ /* surfaces */
33
+ --fv-glass-top: rgba(255, 255, 255, 0.025);
34
+ --fv-glass-bottom: rgba(255, 255, 255, 0.01);
35
+ --fv-surface-hover-faint: rgba(255, 255, 255, 0.02);
36
+ --fv-surface-hover: rgba(255, 255, 255, 0.04);
37
+ --fv-surface-active: rgba(255, 255, 255, 0.06);
38
+
39
+ /* hairlines */
40
+ --fv-hairline: rgba(255, 255, 255, 0.06);
41
+ --fv-hairline-panel: rgba(255, 255, 255, 0.07);
42
+ --fv-hairline-strong: rgba(255, 255, 255, 0.1);
43
+ --fv-hairline-hover: rgba(255, 255, 255, 0.15);
44
+
45
+ /* type */
46
+ --fv-font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;
47
+ --fv-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
48
+
49
+ /* radius — the system is sharp */
50
+ --fv-radius: 4px;
51
+
52
+ /* motion */
53
+ --fv-motion-pulse: 1.8s;
54
+ --fv-motion-ticker: 22s;
55
+ --fv-motion-fast: 120ms;
56
+ --fv-motion-base: 180ms;
57
+ --fv-motion-slow: 320ms;
58
+ --fv-ease: cubic-bezier(0.16, 1, 0.3, 1);
59
+ }
package/package.json ADDED
@@ -0,0 +1,41 @@
1
+ {
2
+ "name": "@lumen-dapps-kit/tokens",
3
+ "version": "0.1.0",
4
+ "description": "Design tokens for lumen-dapps-kit — terminal precision aesthetic for dApps",
5
+ "license": "Apache-2.0",
6
+ "homepage": "https://github.com/Bayanichain/lumen-dapps-developer-kit#readme",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/Bayanichain/lumen-dapps-developer-kit.git",
10
+ "directory": "packages/tokens"
11
+ },
12
+ "bugs": {
13
+ "url": "https://github.com/Bayanichain/lumen-dapps-developer-kit/issues"
14
+ },
15
+ "keywords": ["design-tokens", "css-variables", "lumen", "dapps", "design-system"],
16
+ "type": "module",
17
+ "main": "./dist/index.cjs",
18
+ "module": "./dist/index.js",
19
+ "types": "./dist/index.d.ts",
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/index.d.ts",
23
+ "import": "./dist/index.js",
24
+ "require": "./dist/index.cjs"
25
+ },
26
+ "./css": "./dist/tokens.css"
27
+ },
28
+ "files": ["dist", "src"],
29
+ "scripts": {
30
+ "build": "tsup",
31
+ "dev": "tsup --watch",
32
+ "typecheck": "tsc --noEmit"
33
+ },
34
+ "devDependencies": {
35
+ "tsup": "^8.3.5",
36
+ "typescript": "^5.6.3"
37
+ },
38
+ "publishConfig": {
39
+ "access": "public"
40
+ }
41
+ }
package/src/index.ts ADDED
@@ -0,0 +1,107 @@
1
+ /**
2
+ * Fortress Vault — design tokens
3
+ *
4
+ * The visual language: terminal precision. Sharp 4px corners, monochrome ink
5
+ * scale, narrow signal palette, monospace + sans pairing. Built for high-density
6
+ * dApp surfaces where state legibility wins over decoration.
7
+ */
8
+
9
+ export const ink = {
10
+ 0: '#000000',
11
+ 50: '#0a0a0a',
12
+ 100: '#0f0f10',
13
+ 200: '#161618',
14
+ 300: '#1c1c1f',
15
+ 400: '#26262b',
16
+ 500: '#3a3a40',
17
+ 600: '#5a5a62',
18
+ 700: '#8a8a92',
19
+ 800: '#b8b8bf',
20
+ 900: '#e8e8ec',
21
+ } as const;
22
+
23
+ export const signal = {
24
+ ok: '#9aff9a',
25
+ warn: '#ffd479',
26
+ err: '#ff7a7a',
27
+ data: '#cfcfd6',
28
+ } as const;
29
+
30
+ export const font = {
31
+ sans: "'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif",
32
+ mono: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace",
33
+ } as const;
34
+
35
+ export const radius = {
36
+ sharp: '4px',
37
+ none: '0px',
38
+ } as const;
39
+
40
+ export const space = {
41
+ 0: '0px',
42
+ px: '1px',
43
+ 0.5: '2px',
44
+ 1: '4px',
45
+ 1.5: '6px',
46
+ 2: '8px',
47
+ 3: '12px',
48
+ 4: '16px',
49
+ 5: '20px',
50
+ 6: '24px',
51
+ 8: '32px',
52
+ 10: '40px',
53
+ 12: '48px',
54
+ 16: '64px',
55
+ } as const;
56
+
57
+ export const motion = {
58
+ pulse: '1.8s',
59
+ ticker: '22s',
60
+ fast: '120ms',
61
+ base: '180ms',
62
+ slow: '320ms',
63
+ ease: 'cubic-bezier(0.16, 1, 0.3, 1)',
64
+ } as const;
65
+
66
+ export const z = {
67
+ base: 0,
68
+ raised: 10,
69
+ sticky: 40,
70
+ overlay: 80,
71
+ modal: 100,
72
+ toast: 120,
73
+ } as const;
74
+
75
+ /**
76
+ * Border/hairline opacities. The hairline is the system's primary divider:
77
+ * 1px solid rgba(255,255,255,0.06). Glass surfaces use 0.07. Hover lifts to 0.1.
78
+ */
79
+ export const hairline = {
80
+ default: 'rgba(255,255,255,0.06)',
81
+ panel: 'rgba(255,255,255,0.07)',
82
+ strong: 'rgba(255,255,255,0.1)',
83
+ hover: 'rgba(255,255,255,0.15)',
84
+ } as const;
85
+
86
+ export const surface = {
87
+ glassTop: 'rgba(255,255,255,0.025)',
88
+ glassBottom: 'rgba(255,255,255,0.01)',
89
+ hoverFaint: 'rgba(255,255,255,0.02)',
90
+ hover: 'rgba(255,255,255,0.04)',
91
+ active: 'rgba(255,255,255,0.06)',
92
+ } as const;
93
+
94
+ export const tokens = {
95
+ ink,
96
+ signal,
97
+ font,
98
+ radius,
99
+ space,
100
+ motion,
101
+ z,
102
+ hairline,
103
+ surface,
104
+ } as const;
105
+
106
+ export type Tokens = typeof tokens;
107
+ export default tokens;
package/src/tokens.css ADDED
@@ -0,0 +1,59 @@
1
+ /**
2
+ * lumen-dapps-kit — design tokens as CSS custom properties.
3
+ * Import this file once at your app root for framework-agnostic access.
4
+ *
5
+ * Usage:
6
+ * import "@lumen-dapps-kit/tokens/css";
7
+ * color: var(--fv-ink-900);
8
+ */
9
+
10
+ :root {
11
+ color-scheme: dark;
12
+
13
+ /* ink scale — monochrome backbone */
14
+ --fv-ink-0: #000000;
15
+ --fv-ink-50: #0a0a0a;
16
+ --fv-ink-100: #0f0f10;
17
+ --fv-ink-200: #161618;
18
+ --fv-ink-300: #1c1c1f;
19
+ --fv-ink-400: #26262b;
20
+ --fv-ink-500: #3a3a40;
21
+ --fv-ink-600: #5a5a62;
22
+ --fv-ink-700: #8a8a92;
23
+ --fv-ink-800: #b8b8bf;
24
+ --fv-ink-900: #e8e8ec;
25
+
26
+ /* signal — reserved for state, not decoration */
27
+ --fv-signal-ok: #9aff9a;
28
+ --fv-signal-warn: #ffd479;
29
+ --fv-signal-err: #ff7a7a;
30
+ --fv-signal-data: #cfcfd6;
31
+
32
+ /* surfaces */
33
+ --fv-glass-top: rgba(255, 255, 255, 0.025);
34
+ --fv-glass-bottom: rgba(255, 255, 255, 0.01);
35
+ --fv-surface-hover-faint: rgba(255, 255, 255, 0.02);
36
+ --fv-surface-hover: rgba(255, 255, 255, 0.04);
37
+ --fv-surface-active: rgba(255, 255, 255, 0.06);
38
+
39
+ /* hairlines */
40
+ --fv-hairline: rgba(255, 255, 255, 0.06);
41
+ --fv-hairline-panel: rgba(255, 255, 255, 0.07);
42
+ --fv-hairline-strong: rgba(255, 255, 255, 0.1);
43
+ --fv-hairline-hover: rgba(255, 255, 255, 0.15);
44
+
45
+ /* type */
46
+ --fv-font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;
47
+ --fv-font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;
48
+
49
+ /* radius — the system is sharp */
50
+ --fv-radius: 4px;
51
+
52
+ /* motion */
53
+ --fv-motion-pulse: 1.8s;
54
+ --fv-motion-ticker: 22s;
55
+ --fv-motion-fast: 120ms;
56
+ --fv-motion-base: 180ms;
57
+ --fv-motion-slow: 320ms;
58
+ --fv-ease: cubic-bezier(0.16, 1, 0.3, 1);
59
+ }