@ertugrulozcan97/apexui 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/package.json +3 -3
- package/src/{main.css → tokens.css} +8 -59
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ertugrulozcan97/apexui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist",
|
|
8
|
-
"src/
|
|
8
|
+
"src/tokens.css"
|
|
9
9
|
],
|
|
10
10
|
"main": "./dist/apexui.umd.js",
|
|
11
11
|
"module": "./dist/apexui.es.js",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"import": "./dist/apexui.es.js",
|
|
16
16
|
"require": "./dist/apexui.umd.js"
|
|
17
17
|
},
|
|
18
|
-
"./style": "./src/
|
|
18
|
+
"./style": "./src/tokens.css"
|
|
19
19
|
},
|
|
20
20
|
"scripts": {
|
|
21
21
|
"dev": "vite",
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
|
|
2
|
-
@import "tailwindcss";
|
|
3
|
-
|
|
4
1
|
/* ============================================================
|
|
5
|
-
|
|
2
|
+
ApexUI — Design Tokens (Tailwind v4 CSS theme)
|
|
3
|
+
Import this AFTER @import "tailwindcss" in your project.
|
|
6
4
|
============================================================ */
|
|
5
|
+
|
|
6
|
+
/* Tell Tailwind to scan apexui's compiled output for class names */
|
|
7
|
+
@source "../dist/apexui.es.js";
|
|
8
|
+
|
|
7
9
|
@theme {
|
|
8
10
|
/* Brand colors */
|
|
9
11
|
--color-brand-50: #fff6ee;
|
|
@@ -75,7 +77,7 @@
|
|
|
75
77
|
*,
|
|
76
78
|
*::before,
|
|
77
79
|
*::after {
|
|
78
|
-
border-radius: 0 !important;
|
|
80
|
+
border-radius: 0 !important;
|
|
79
81
|
}
|
|
80
82
|
|
|
81
83
|
html {
|
|
@@ -93,7 +95,7 @@
|
|
|
93
95
|
}
|
|
94
96
|
|
|
95
97
|
/* ============================================================
|
|
96
|
-
Utility classes
|
|
98
|
+
Utility classes
|
|
97
99
|
============================================================ */
|
|
98
100
|
@layer utilities {
|
|
99
101
|
.font-display {
|
|
@@ -127,57 +129,4 @@
|
|
|
127
129
|
.h-input {
|
|
128
130
|
height: var(--height-input);
|
|
129
131
|
}
|
|
130
|
-
|
|
131
|
-
/* Focus ring in brand color */
|
|
132
|
-
.focus-brand:focus-visible {
|
|
133
|
-
outline: none;
|
|
134
|
-
border-color: var(--color-brand-500) !important;
|
|
135
|
-
box-shadow: 0 0 0 3px rgb(255 133 52 / 0.2);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
/* Custom select arrow */
|
|
139
|
-
.select-arrow {
|
|
140
|
-
appearance: none;
|
|
141
|
-
background-image:
|
|
142
|
-
linear-gradient(45deg, transparent 50%, var(--color-ink-700) 50%),
|
|
143
|
-
linear-gradient(135deg, var(--color-ink-700) 50%, transparent 50%);
|
|
144
|
-
background-position:
|
|
145
|
-
calc(100% - 18px) 17px,
|
|
146
|
-
calc(100% - 13px) 17px;
|
|
147
|
-
background-size:
|
|
148
|
-
5px 5px,
|
|
149
|
-
5px 5px;
|
|
150
|
-
background-repeat: no-repeat;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/* Eyebrow label */
|
|
154
|
-
.eyebrow {
|
|
155
|
-
font-family: var(--font-display);
|
|
156
|
-
font-size: 10px;
|
|
157
|
-
font-weight: 600;
|
|
158
|
-
letter-spacing: 0.08em;
|
|
159
|
-
text-transform: uppercase;
|
|
160
|
-
color: var(--color-ink-500);
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
/* Col-label inside list cards */
|
|
164
|
-
.col-label {
|
|
165
|
-
font-family: var(--font-mono);
|
|
166
|
-
font-size: 10px;
|
|
167
|
-
color: var(--color-ink-500);
|
|
168
|
-
text-transform: uppercase;
|
|
169
|
-
letter-spacing: 0.06em;
|
|
170
|
-
margin-bottom: 3px;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
/* Metric sizes */
|
|
174
|
-
.metric-lg {
|
|
175
|
-
font-family: var(--font-display);
|
|
176
|
-
font-size: 40px;
|
|
177
|
-
font-weight: 700;
|
|
178
|
-
line-height: 1.05;
|
|
179
|
-
letter-spacing: -0.015em;
|
|
180
|
-
color: var(--color-ink-900);
|
|
181
|
-
font-variant-numeric: tabular-nums;
|
|
182
|
-
}
|
|
183
132
|
}
|