kaleido-ui 0.1.2 → 0.1.4
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/css/kaleido-ui.css +339 -72
- package/dist/native/index.cjs +68 -15
- package/dist/native/index.d.cts +68 -16
- package/dist/native/index.d.ts +68 -16
- package/dist/native/index.js +68 -15
- package/dist/tokens/index.cjs +188 -6
- package/dist/tokens/index.d.cts +236 -6
- package/dist/tokens/index.d.ts +236 -6
- package/dist/tokens/index.js +181 -6
- package/dist/web/index.cjs +5074 -343
- package/dist/web/index.d.cts +939 -16
- package/dist/web/index.d.ts +939 -16
- package/dist/web/index.js +4996 -339
- package/package.json +16 -13
- package/dist/tailwind/index.cjs +0 -225
- package/dist/tailwind/index.d.cts +0 -162
- package/dist/tailwind/index.d.ts +0 -162
- package/dist/tailwind/index.js +0 -202
- package/tailwind/index.d.ts +0 -1
- package/tailwind/index.js +0 -1
package/dist/tailwind/index.js
DELETED
|
@@ -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
|
-
};
|
package/tailwind/index.d.ts
DELETED
|
@@ -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');
|