@l3mpire/ui 3.2.1 → 3.3.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 (9) hide show
  1. package/USAGE.md +8 -3
  2. package/dist/index.d.mts +6 -0
  3. package/dist/index.d.ts +6 -0
  4. package/dist/index.js +249 -179
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +250 -180
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +5 -5
  9. package/src/styles/globals.css +61 -31
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/ui",
3
- "version": "3.2.1",
3
+ "version": "3.3.0",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"
@@ -37,7 +37,7 @@
37
37
  "peerDependencies": {
38
38
  "react": ">=18",
39
39
  "react-dom": ">=18",
40
- "@l3mpire/icons": "0.6.1"
40
+ "@l3mpire/icons": "0.6.2"
41
41
  },
42
42
  "dependencies": {
43
43
  "@dnd-kit/core": "^6.3.1",
@@ -61,8 +61,8 @@
61
61
  "class-variance-authority": "^0.7",
62
62
  "clsx": "^2",
63
63
  "tailwind-merge": "^3",
64
- "@l3mpire/tokens": "0.13.0",
65
- "@l3mpire/icons": "0.6.1"
64
+ "@l3mpire/icons": "0.6.2",
65
+ "@l3mpire/tokens": "0.14.0"
66
66
  },
67
67
  "devDependencies": {
68
68
  "@types/react": "^19",
@@ -72,7 +72,7 @@
72
72
  "tailwindcss": "^4",
73
73
  "tsup": "^8",
74
74
  "typescript": "^5",
75
- "@l3mpire/icons": "0.6.1"
75
+ "@l3mpire/icons": "0.6.2"
76
76
  },
77
77
  "scripts": {
78
78
  "build": "cp ../../USAGE.md ./USAGE.md && tsup",
package/src/styles/globals.css CHANGED
@@ -159,37 +159,67 @@ body {
159
159
  --color-badge-outlined-warning-text: var(--comp-badge-outlined-warning-text);
160
160
  --color-badge-outlined-neutral-border: var(--comp-badge-outlined-neutral-border);
161
161
  --color-badge-outlined-neutral-text: var(--comp-badge-outlined-neutral-text);
162
- /* Categorical tones (tonal soft tags) */
163
- --color-badge-indigo-bg: var(--comp-badge-indigo-bg);
164
- --color-badge-indigo-text: var(--comp-badge-indigo-text);
165
- --color-badge-indigo-border: var(--comp-badge-indigo-border);
166
- --color-badge-rose-bg: var(--comp-badge-rose-bg);
167
- --color-badge-rose-text: var(--comp-badge-rose-text);
168
- --color-badge-rose-border: var(--comp-badge-rose-border);
169
- --color-badge-lime-bg: var(--comp-badge-lime-bg);
170
- --color-badge-lime-text: var(--comp-badge-lime-text);
171
- --color-badge-lime-border: var(--comp-badge-lime-border);
172
- --color-badge-violet-bg: var(--comp-badge-violet-bg);
173
- --color-badge-violet-text: var(--comp-badge-violet-text);
174
- --color-badge-violet-border: var(--comp-badge-violet-border);
175
- --color-badge-cyan-bg: var(--comp-badge-cyan-bg);
176
- --color-badge-cyan-text: var(--comp-badge-cyan-text);
177
- --color-badge-cyan-border: var(--comp-badge-cyan-border);
178
- --color-badge-orange-bg: var(--comp-badge-orange-bg);
179
- --color-badge-orange-text: var(--comp-badge-orange-text);
180
- --color-badge-orange-border: var(--comp-badge-orange-border);
181
- --color-badge-emerald-bg: var(--comp-badge-emerald-bg);
182
- --color-badge-emerald-text: var(--comp-badge-emerald-text);
183
- --color-badge-emerald-border: var(--comp-badge-emerald-border);
184
- --color-badge-fuchsia-bg: var(--comp-badge-fuchsia-bg);
185
- --color-badge-fuchsia-text: var(--comp-badge-fuchsia-text);
186
- --color-badge-fuchsia-border: var(--comp-badge-fuchsia-border);
187
- --color-badge-amber-bg: var(--comp-badge-amber-bg);
188
- --color-badge-amber-text: var(--comp-badge-amber-text);
189
- --color-badge-amber-border: var(--comp-badge-amber-border);
190
- --color-badge-slate-bg: var(--comp-badge-slate-bg);
191
- --color-badge-slate-text: var(--comp-badge-slate-text);
192
- --color-badge-slate-border: var(--comp-badge-slate-border);
162
+ /* Categorical tones — solid / light / outlined per hue */
163
+ --color-badge-solid-indigo-bg: var(--comp-badge-solid-indigo-bg);
164
+ --color-badge-solid-indigo-text: var(--comp-badge-solid-indigo-text);
165
+ --color-badge-solid-rose-bg: var(--comp-badge-solid-rose-bg);
166
+ --color-badge-solid-rose-text: var(--comp-badge-solid-rose-text);
167
+ --color-badge-solid-lime-bg: var(--comp-badge-solid-lime-bg);
168
+ --color-badge-solid-lime-text: var(--comp-badge-solid-lime-text);
169
+ --color-badge-solid-violet-bg: var(--comp-badge-solid-violet-bg);
170
+ --color-badge-solid-violet-text: var(--comp-badge-solid-violet-text);
171
+ --color-badge-solid-cyan-bg: var(--comp-badge-solid-cyan-bg);
172
+ --color-badge-solid-cyan-text: var(--comp-badge-solid-cyan-text);
173
+ --color-badge-solid-orange-bg: var(--comp-badge-solid-orange-bg);
174
+ --color-badge-solid-orange-text: var(--comp-badge-solid-orange-text);
175
+ --color-badge-solid-emerald-bg: var(--comp-badge-solid-emerald-bg);
176
+ --color-badge-solid-emerald-text: var(--comp-badge-solid-emerald-text);
177
+ --color-badge-solid-fuchsia-bg: var(--comp-badge-solid-fuchsia-bg);
178
+ --color-badge-solid-fuchsia-text: var(--comp-badge-solid-fuchsia-text);
179
+ --color-badge-solid-amber-bg: var(--comp-badge-solid-amber-bg);
180
+ --color-badge-solid-amber-text: var(--comp-badge-solid-amber-text);
181
+ --color-badge-solid-slate-bg: var(--comp-badge-solid-slate-bg);
182
+ --color-badge-solid-slate-text: var(--comp-badge-solid-slate-text);
183
+ --color-badge-light-indigo-bg: var(--comp-badge-light-indigo-bg);
184
+ --color-badge-light-indigo-text: var(--comp-badge-light-indigo-text);
185
+ --color-badge-light-rose-bg: var(--comp-badge-light-rose-bg);
186
+ --color-badge-light-rose-text: var(--comp-badge-light-rose-text);
187
+ --color-badge-light-lime-bg: var(--comp-badge-light-lime-bg);
188
+ --color-badge-light-lime-text: var(--comp-badge-light-lime-text);
189
+ --color-badge-light-violet-bg: var(--comp-badge-light-violet-bg);
190
+ --color-badge-light-violet-text: var(--comp-badge-light-violet-text);
191
+ --color-badge-light-cyan-bg: var(--comp-badge-light-cyan-bg);
192
+ --color-badge-light-cyan-text: var(--comp-badge-light-cyan-text);
193
+ --color-badge-light-orange-bg: var(--comp-badge-light-orange-bg);
194
+ --color-badge-light-orange-text: var(--comp-badge-light-orange-text);
195
+ --color-badge-light-emerald-bg: var(--comp-badge-light-emerald-bg);
196
+ --color-badge-light-emerald-text: var(--comp-badge-light-emerald-text);
197
+ --color-badge-light-fuchsia-bg: var(--comp-badge-light-fuchsia-bg);
198
+ --color-badge-light-fuchsia-text: var(--comp-badge-light-fuchsia-text);
199
+ --color-badge-light-amber-bg: var(--comp-badge-light-amber-bg);
200
+ --color-badge-light-amber-text: var(--comp-badge-light-amber-text);
201
+ --color-badge-light-slate-bg: var(--comp-badge-light-slate-bg);
202
+ --color-badge-light-slate-text: var(--comp-badge-light-slate-text);
203
+ --color-badge-outlined-indigo-border: var(--comp-badge-outlined-indigo-border);
204
+ --color-badge-outlined-indigo-text: var(--comp-badge-outlined-indigo-text);
205
+ --color-badge-outlined-rose-border: var(--comp-badge-outlined-rose-border);
206
+ --color-badge-outlined-rose-text: var(--comp-badge-outlined-rose-text);
207
+ --color-badge-outlined-lime-border: var(--comp-badge-outlined-lime-border);
208
+ --color-badge-outlined-lime-text: var(--comp-badge-outlined-lime-text);
209
+ --color-badge-outlined-violet-border: var(--comp-badge-outlined-violet-border);
210
+ --color-badge-outlined-violet-text: var(--comp-badge-outlined-violet-text);
211
+ --color-badge-outlined-cyan-border: var(--comp-badge-outlined-cyan-border);
212
+ --color-badge-outlined-cyan-text: var(--comp-badge-outlined-cyan-text);
213
+ --color-badge-outlined-orange-border: var(--comp-badge-outlined-orange-border);
214
+ --color-badge-outlined-orange-text: var(--comp-badge-outlined-orange-text);
215
+ --color-badge-outlined-emerald-border: var(--comp-badge-outlined-emerald-border);
216
+ --color-badge-outlined-emerald-text: var(--comp-badge-outlined-emerald-text);
217
+ --color-badge-outlined-fuchsia-border: var(--comp-badge-outlined-fuchsia-border);
218
+ --color-badge-outlined-fuchsia-text: var(--comp-badge-outlined-fuchsia-text);
219
+ --color-badge-outlined-amber-border: var(--comp-badge-outlined-amber-border);
220
+ --color-badge-outlined-amber-text: var(--comp-badge-outlined-amber-text);
221
+ --color-badge-outlined-slate-border: var(--comp-badge-outlined-slate-border);
222
+ --color-badge-outlined-slate-text: var(--comp-badge-outlined-slate-text);
193
223
 
194
224
  /* ── Colors: Button ────────────────────────────────────────────────────── */
195
225
  --color-btn-solid-brand-bg-default: var(--comp-btn-solid-brand-bg-default);