@l3mpire/ui 3.0.0 → 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 +25 -4
  2. package/dist/index.d.mts +11 -3
  3. package/dist/index.d.ts +11 -3
  4. package/dist/index.js +302 -189
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +303 -190
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +5 -5
  9. package/src/styles/globals.css +92 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@l3mpire/ui",
3
- "version": "3.0.0",
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.0"
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.12.0",
65
- "@l3mpire/icons": "0.6.0"
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.0"
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,6 +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 — 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);
162
223
 
163
224
  /* ── Colors: Button ────────────────────────────────────────────────────── */
164
225
  --color-btn-solid-brand-bg-default: var(--comp-btn-solid-brand-bg-default);
@@ -473,6 +534,37 @@ body {
473
534
  --color-tag-brand-text: var(--comp-tag-brand-text);
474
535
  --color-tag-neutral-bg: var(--comp-tag-neutral-bg);
475
536
  --color-tag-neutral-text: var(--comp-tag-neutral-text);
537
+ /* Categorical tones */
538
+ --color-tag-indigo-bg: var(--comp-tag-indigo-bg);
539
+ --color-tag-indigo-text: var(--comp-tag-indigo-text);
540
+ --color-tag-indigo-border: var(--comp-tag-indigo-border);
541
+ --color-tag-rose-bg: var(--comp-tag-rose-bg);
542
+ --color-tag-rose-text: var(--comp-tag-rose-text);
543
+ --color-tag-rose-border: var(--comp-tag-rose-border);
544
+ --color-tag-lime-bg: var(--comp-tag-lime-bg);
545
+ --color-tag-lime-text: var(--comp-tag-lime-text);
546
+ --color-tag-lime-border: var(--comp-tag-lime-border);
547
+ --color-tag-violet-bg: var(--comp-tag-violet-bg);
548
+ --color-tag-violet-text: var(--comp-tag-violet-text);
549
+ --color-tag-violet-border: var(--comp-tag-violet-border);
550
+ --color-tag-cyan-bg: var(--comp-tag-cyan-bg);
551
+ --color-tag-cyan-text: var(--comp-tag-cyan-text);
552
+ --color-tag-cyan-border: var(--comp-tag-cyan-border);
553
+ --color-tag-orange-bg: var(--comp-tag-orange-bg);
554
+ --color-tag-orange-text: var(--comp-tag-orange-text);
555
+ --color-tag-orange-border: var(--comp-tag-orange-border);
556
+ --color-tag-emerald-bg: var(--comp-tag-emerald-bg);
557
+ --color-tag-emerald-text: var(--comp-tag-emerald-text);
558
+ --color-tag-emerald-border: var(--comp-tag-emerald-border);
559
+ --color-tag-fuchsia-bg: var(--comp-tag-fuchsia-bg);
560
+ --color-tag-fuchsia-text: var(--comp-tag-fuchsia-text);
561
+ --color-tag-fuchsia-border: var(--comp-tag-fuchsia-border);
562
+ --color-tag-amber-bg: var(--comp-tag-amber-bg);
563
+ --color-tag-amber-text: var(--comp-tag-amber-text);
564
+ --color-tag-amber-border: var(--comp-tag-amber-border);
565
+ --color-tag-slate-bg: var(--comp-tag-slate-bg);
566
+ --color-tag-slate-text: var(--comp-tag-slate-text);
567
+ --color-tag-slate-border: var(--comp-tag-slate-border);
476
568
 
477
569
  /* ── Colors: TextInput ─────────────────────────────────────────────────── */
478
570
  --color-text-input-bg-default: var(--comp-text-input-bg-default);