@cryptlex/web-components 6.6.29 → 6.6.31

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/lib/index.css CHANGED
@@ -1,3 +1,6 @@
1
+ @import '@fontsource-variable/dm-sans';
2
+ @import '@fontsource/dm-mono/400.css';
3
+ @import '@fontsource/dm-mono/500.css';
1
4
  @import 'tailwindcss';
2
5
  @plugin 'tailwindcss-react-aria-components';
3
6
  @import './tokens.css';
@@ -6,6 +9,10 @@
6
9
  /* No shadows needed so far, just don't use them. */
7
10
  --shadow-*: initial;
8
11
 
12
+ /* Fonts */
13
+ --font-sans: 'DM Sans Variable', ui-sans-serif, system-ui, sans-serif;
14
+ --font-mono: 'DM Mono', ui-monospace, monospace;
15
+
9
16
  /* Colors */
10
17
  --color-*: initial;
11
18
  --color-primary-50: var(--primary-50);
@@ -96,6 +103,7 @@
96
103
  --color-chart-5: var(--color-neutral-600);
97
104
 
98
105
  --spacing-input: --spacing(9);
106
+ --spacing-input-sm: --spacing(7);
99
107
  --spacing-icon: --spacing(4);
100
108
  --spacing-table: --spacing(100);
101
109
 
@@ -275,6 +283,10 @@
275
283
  @apply bg-elevation-1/20 backdrop-blur-xl;
276
284
  }
277
285
 
286
+ @utility bg-elevation-mid {
287
+ background: color-mix(in oklch, var(--color-background) 70%, var(--color-neutral-200) 30%);
288
+ }
289
+
278
290
  /* Fluid grid with minimum width */
279
291
  @utility grid-fluid {
280
292
  @apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
@@ -357,7 +369,7 @@
357
369
  }
358
370
 
359
371
  @utility table {
360
- @apply caption-bottom whitespace-nowrap border w-full p-icon;
372
+ @apply caption-bottom whitespace-nowrap border w-full py-2 px-icon;
361
373
 
362
374
  & tr:last-child {
363
375
  @apply border-0;
@@ -376,11 +388,11 @@
376
388
  }
377
389
 
378
390
  & th {
379
- @apply text-left align-middle font-medium p-icon;
391
+ @apply text-left align-middle font-medium py-2 px-icon;
380
392
  }
381
393
 
382
394
  & td {
383
- @apply animate-in fade-in slide-in-from-top-10 p-icon;
395
+ @apply animate-in fade-in slide-in-from-top-10 py-2 px-icon;
384
396
  }
385
397
 
386
398
  & caption {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptlex/web-components",
3
- "version": "6.6.29",
3
+ "version": "6.6.31",
4
4
  "description": "React component library for Cryptlex web applications",
5
5
  "author": "Cryptlex",
6
6
  "type": "module",
@@ -52,7 +52,10 @@
52
52
  "@dnd-kit/core": "6.3.1",
53
53
  "@dnd-kit/sortable": "10.0.0",
54
54
  "@dnd-kit/utilities": "3.2.2",
55
+ "@fontsource-variable/dm-sans": "5.2.8",
56
+ "@fontsource/dm-mono": "5.2.7",
55
57
  "@internationalized/date": "3.10.1",
58
+ "@shikijs/colorized-brackets": "^4.0.2",
56
59
  "@tanstack/react-form": "1.27.7",
57
60
  "@tanstack/react-query": "5.90.2",
58
61
  "@tanstack/react-table": "8.20.5",
@@ -67,11 +70,10 @@
67
70
  "react-aria-components": "1.12.0",
68
71
  "react-dom": "^19.1.0",
69
72
  "recharts": "3.2.1",
73
+ "shiki": "^3.22.0",
70
74
  "tailwindcss": "4.1.12",
71
75
  "tw-animate-css": "1.3.0",
72
- "zod": "4.1.1",
73
- "shiki": "^3.22.0",
74
- "@shikijs/colorized-brackets": "^4.0.2"
76
+ "zod": "4.1.1"
75
77
  },
76
78
  "devDependencies": {
77
79
  "@rollup/plugin-node-resolve": "16.0.1",