kaleido-ui 0.1.2 → 0.1.3

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.
@@ -1,202 +0,0 @@
1
- // src/tokens/colors.ts
2
- var darkSemanticColors = {
3
- background: "hsl(158 58% 7%)",
4
- foreground: "#ffffff",
5
- border: "hsl(150 20% 24%)",
6
- input: "rgba(255, 255, 255, 0.15)",
7
- destructive: "hsl(0 62% 50%)",
8
- secondary: "hsl(154 26% 17%)",
9
- secondaryFg: "#ffffff",
10
- muted: "hsl(156 32% 12%)",
11
- mutedFg: "rgba(255, 255, 255, 0.55)",
12
- primary: "#2BEE79",
13
- primaryFg: "#051B10",
14
- accent: "hsl(154 26% 17%)",
15
- accentFg: "#ffffff",
16
- ring: "#2BEE79",
17
- card: "hsl(156 32% 12%)",
18
- cardFg: "#ffffff",
19
- popover: "hsl(154 26% 17%)",
20
- popoverFg: "#ffffff",
21
- chart1: "#2BEE79",
22
- chart2: "#F6C343",
23
- chart3: "#F7931A",
24
- chart4: "#7C3AED",
25
- chart5: "#DD352E",
26
- semanticBackground: "hsl(156 32% 12%)",
27
- semanticBorder: "hsl(150 20% 24%)"
28
- };
29
- var colors = {
30
- ...darkSemanticColors,
31
- textPrimary: darkSemanticColors.foreground,
32
- textSecondary: darkSemanticColors.mutedFg,
33
- textMuted: darkSemanticColors.border,
34
- textDimmed: darkSemanticColors.ring,
35
- /** Semantic */
36
- success: darkSemanticColors.primary,
37
- warning: darkSemanticColors.chart3,
38
- error: darkSemanticColors.destructive,
39
- info: darkSemanticColors.chart1,
40
- /** Network / Layer */
41
- network: {
42
- bitcoin: "#F7931A",
43
- rgb: "#DD352E",
44
- arkade: "#7C3AED",
45
- spark: "#FF6D00",
46
- lightning: "#F6C343"
47
- },
48
- /** Transaction direction */
49
- tx: {
50
- sent: "#F94040",
51
- receive: "#2BEE79",
52
- swap: "#4290FF"
53
- }
54
- };
55
-
56
- // src/tokens/typography.ts
57
- var fontFamily = {
58
- display: "'Satoshi', system-ui, -apple-system, sans-serif",
59
- mono: "'Geist Mono', monospace"
60
- };
61
- var typeScale = {
62
- xxs: ["10px", "14px"],
63
- tiny: ["11px", "16px"],
64
- caption: ["13px", "18px"],
65
- body: ["15px", "22px"],
66
- subhead: ["17px", "24px"],
67
- title: ["20px", "28px"],
68
- headline: ["28px", "34px"],
69
- display: ["36px", "40px"]
70
- };
71
-
72
- // src/tokens/radius.ts
73
- var radius = {
74
- sm: "4px",
75
- md: "6px",
76
- lg: "8px",
77
- xl: "12px",
78
- card: "16px",
79
- panel: "24px",
80
- pill: "9999px",
81
- nav: "32px",
82
- full: "9999px"
83
- };
84
-
85
- // src/tailwind/index.ts
86
- var preset = {
87
- darkMode: ["class"],
88
- theme: {
89
- extend: {
90
- colors: {
91
- border: "var(--border)",
92
- input: "var(--input)",
93
- ring: "var(--ring)",
94
- background: "var(--background)",
95
- foreground: "var(--foreground)",
96
- primary: {
97
- DEFAULT: "var(--primary)",
98
- foreground: "var(--primary-foreground)"
99
- },
100
- secondary: {
101
- DEFAULT: "var(--secondary)",
102
- foreground: "var(--secondary-foreground)"
103
- },
104
- destructive: {
105
- DEFAULT: "var(--destructive)",
106
- foreground: "var(--destructive-foreground)"
107
- },
108
- muted: {
109
- DEFAULT: "var(--muted)",
110
- foreground: "var(--muted-foreground)"
111
- },
112
- accent: {
113
- DEFAULT: "var(--accent)",
114
- foreground: "var(--accent-foreground)"
115
- },
116
- popover: {
117
- DEFAULT: "var(--popover)",
118
- foreground: "var(--popover-foreground)"
119
- },
120
- card: {
121
- DEFAULT: "var(--card)",
122
- foreground: "var(--card-foreground)"
123
- },
124
- network: colors.network,
125
- tx: colors.tx
126
- },
127
- fontFamily: {
128
- sans: fontFamily.display.split(", "),
129
- display: fontFamily.display.split(", "),
130
- mono: fontFamily.mono.split(", ")
131
- },
132
- fontSize: Object.fromEntries(
133
- Object.entries(typeScale).map(([key, [size, lh]]) => [
134
- key,
135
- [size, { lineHeight: lh }]
136
- ])
137
- ),
138
- borderRadius: {
139
- lg: "var(--radius)",
140
- md: "calc(var(--radius) - 2px)",
141
- sm: "calc(var(--radius) - 4px)",
142
- xl: "0.75rem",
143
- "2xl": "1rem",
144
- "3xl": "1.5rem",
145
- "4xl": "var(--radius-4xl)",
146
- card: radius.card,
147
- panel: radius.panel,
148
- pill: radius.pill,
149
- nav: radius.nav
150
- },
151
- keyframes: {
152
- "accordion-down": {
153
- from: { height: "0" },
154
- to: { height: "var(--radix-accordion-content-height)" }
155
- },
156
- "accordion-up": {
157
- from: { height: "var(--radix-accordion-content-height)" },
158
- to: { height: "0" }
159
- },
160
- "fade-in": {
161
- from: { opacity: "0" },
162
- to: { opacity: "1" }
163
- },
164
- "slide-up": {
165
- from: { opacity: "0", transform: "translateY(10px)" },
166
- to: { opacity: "1", transform: "translateY(0)" }
167
- },
168
- "slide-in-from-bottom": {
169
- from: { opacity: "0", transform: "translateY(20px)" },
170
- to: { opacity: "1", transform: "translateY(0)" }
171
- },
172
- shimmer: {
173
- "0%": { backgroundPosition: "-200% 0" },
174
- "100%": { backgroundPosition: "200% 0" }
175
- },
176
- "stagger-up": {
177
- "0%": { opacity: "0", transform: "translateY(15px)" },
178
- "100%": { opacity: "1", transform: "translateY(0)" }
179
- },
180
- "bounce-slight": {
181
- "0%, 100%": { transform: "translateY(-5%)" },
182
- "50%": { transform: "translateY(0)" }
183
- }
184
- },
185
- animation: {
186
- "accordion-down": "accordion-down 0.2s ease-out",
187
- "accordion-up": "accordion-up 0.2s ease-out",
188
- "fade-in": "fade-in 0.3s ease-out",
189
- "slide-up": "slide-up 0.3s ease-out",
190
- "slide-in-from-bottom": "slide-in-from-bottom 0.4s ease-out",
191
- "stagger-up": "stagger-up 0.5s cubic-bezier(0.16, 1, 0.3, 1) backwards",
192
- shimmer: "shimmer 2s linear infinite",
193
- "bounce-slight": "bounce-slight 2s infinite"
194
- }
195
- }
196
- },
197
- plugins: []
198
- };
199
- var tailwind_default = preset;
200
- export {
201
- tailwind_default as default
202
- };
@@ -1 +0,0 @@
1
- export * from '../dist/tailwind/index';
package/tailwind/index.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('../dist/tailwind/index.cjs');