@bergetai/ui 0.1.91 → 0.2.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 (8) hide show
  1. package/dist/index.cjs +1306 -392
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +85 -1
  4. package/dist/index.d.ts +85 -1
  5. package/dist/index.js +1295 -415
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles/index.css +75 -0
  8. package/package.json +4 -1
package/dist/styles/index.css CHANGED
@@ -229,6 +229,11 @@
229
229
  --berget-codeblock-bg: var(--berget-surface-01);
230
230
  --berget-codeblock-header-bg: color-mix(in oklch, var(--berget-surface-02) 40%, transparent);
231
231
 
232
+ /* ── Dialog component-scoped tokens ──────────────────────────────── */
233
+ --berget-dialog-overlay-bg: color-mix(in oklch, var(--berget-brand-granite-950) 60%, transparent);
234
+ --berget-dialog-bg: var(--berget-surface-01);
235
+ --berget-dialog-border: var(--berget-border);
236
+
232
237
  /* ── Shiki syntax-highlighting tokens ─────────────────────────────── */
233
238
  --berget-shiki-foreground: var(--berget-brand-sandstone-100);
234
239
  --berget-shiki-background: var(--berget-brand-granite-800);
@@ -282,6 +287,32 @@
282
287
  /* link */
283
288
  --berget-button-link-fg: var(--berget-brand-moss-400);
284
289
 
290
+ /* ── Table component-scoped tokens ─────────────────────────────── */
291
+ --berget-table-border: var(--berget-border);
292
+ --berget-table-row-hover: var(--berget-surface-hover);
293
+ --berget-table-row-selected: var(--berget-surface-subtle);
294
+ --berget-table-footer-bg: var(--berget-surface-hover);
295
+ --berget-table-head-text: var(--berget-muted-foreground);
296
+ --berget-table-caption-text: var(--berget-muted-foreground);
297
+
298
+ /* ── Item component-scoped tokens ─────────────────────────────────── */
299
+ --berget-item-default-bg: transparent;
300
+ --berget-item-default-fg: var(--berget-foreground);
301
+ --berget-item-outline-bg: transparent;
302
+ --berget-item-outline-border: var(--berget-border-subtle);
303
+ --berget-item-muted-bg: var(--berget-surface-subtle);
304
+ --berget-item-muted-fg: var(--berget-foreground);
305
+ --berget-item-hover-surface: var(--berget-surface-hover);
306
+ --berget-item-link-hover-surface: var(--berget-surface-raised);
307
+ --berget-item-focus-ring: var(--berget-focus-ring);
308
+ --berget-item-media-icon-bg: var(--berget-surface-subtle);
309
+ --berget-item-media-icon-fg: var(--berget-foreground);
310
+ --berget-item-media-image-radius: var(--berget-radius-xs);
311
+ --berget-item-description-fg: var(--berget-muted-foreground);
312
+ --berget-item-header-fg: var(--berget-muted-foreground);
313
+ --berget-item-footer-fg: var(--berget-muted-foreground);
314
+ --berget-item-separator: var(--berget-separator);
315
+
285
316
  /* ── WCAG 1.4.8 Visual Presentation — Line heights ──────────────── */
286
317
  --berget-heading-leading: 1.5;
287
318
  --berget-body-leading: 1.6;
@@ -461,6 +492,11 @@
461
492
  --berget-codeblock-bg: var(--berget-surface-01);
462
493
  --berget-codeblock-header-bg: color-mix(in oklch, var(--berget-surface-02) 40%, transparent);
463
494
 
495
+ /* ── Dialog component-scoped tokens ──────────────────────────────── */
496
+ --berget-dialog-overlay-bg: color-mix(in oklch, var(--berget-brand-granite-900) 40%, transparent);
497
+ --berget-dialog-bg: var(--berget-surface-01);
498
+ --berget-dialog-border: var(--berget-border);
499
+
464
500
  /* ── Shiki syntax-highlighting tokens (light mode) ──────────────── */
465
501
  --berget-shiki-foreground: var(--berget-brand-granite-900);
466
502
  --berget-shiki-background: var(--berget-brand-granite-100);
@@ -510,6 +546,14 @@
510
546
  --berget-button-destructive-fg: var(--berget-brand-granite-950);
511
547
  --berget-button-link-fg: var(--berget-brand-moss-500);
512
548
 
549
+ /* ── Table component-scoped tokens ─────────────────────────────── */
550
+ --berget-table-border: var(--berget-border);
551
+ --berget-table-row-hover: var(--berget-surface-hover);
552
+ --berget-table-row-selected: var(--berget-surface-subtle);
553
+ --berget-table-footer-bg: var(--berget-surface-hover);
554
+ --berget-table-head-text: var(--berget-muted-foreground);
555
+ --berget-table-caption-text: var(--berget-muted-foreground);
556
+
513
557
  /* ── Shadows ─────────────────────────────────────────────────────·─ */
514
558
  --berget-shadow-sm: 0 4px 4px color-mix(in oklch, var(--berget-brand-granite-300) 5%, transparent);
515
559
  --berget-shadow-md: 0 8px 8px 4px
@@ -931,6 +975,11 @@
931
975
  --color-berget-codeblock-bg: var(--berget-codeblock-bg);
932
976
  --color-berget-codeblock-header-bg: var(--berget-codeblock-header-bg);
933
977
 
978
+ /* Dialog component-scoped aliases */
979
+ --color-berget-dialog-overlay-bg: var(--berget-dialog-overlay-bg);
980
+ --color-berget-dialog-bg: var(--berget-dialog-bg);
981
+ --color-berget-dialog-border: var(--berget-dialog-border);
982
+
934
983
  /* Badge component-scoped aliases */
935
984
  --color-berget-badge-default-bg: var(--berget-badge-default-bg);
936
985
  --color-berget-badge-default-fg: var(--berget-badge-default-fg);
@@ -947,6 +996,14 @@
947
996
  --color-berget-switch-primary-checked: var(--berget-switch-primary-checked);
948
997
  --color-berget-switch-subtle-checked: var(--berget-switch-subtle-checked);
949
998
 
999
+ /* Table component-scoped aliases */
1000
+ --color-berget-table-border: var(--berget-table-border);
1001
+ --color-berget-table-row-hover: var(--berget-table-row-hover);
1002
+ --color-berget-table-row-selected: var(--berget-table-row-selected);
1003
+ --color-berget-table-footer-bg: var(--berget-table-footer-bg);
1004
+ --color-berget-table-head-text: var(--berget-table-head-text);
1005
+ --color-berget-table-caption-text: var(--berget-table-caption-text);
1006
+
950
1007
  /* Logo tokens */
951
1008
  --color-berget-logo-light: var(--berget-logo-light);
952
1009
  --color-berget-logo-dark: var(--berget-logo-dark);
@@ -958,6 +1015,24 @@
958
1015
  /* Section component-scoped aliases */
959
1016
  --color-berget-section-muted-bg: var(--berget-section-muted-bg);
960
1017
 
1018
+ /* Item component-scoped aliases */
1019
+ --color-berget-item-default-bg: var(--berget-item-default-bg);
1020
+ --color-berget-item-default-fg: var(--berget-item-default-fg);
1021
+ --color-berget-item-outline-bg: var(--berget-item-outline-bg);
1022
+ --color-berget-item-outline-border: var(--berget-item-outline-border);
1023
+ --color-berget-item-muted-bg: var(--berget-item-muted-bg);
1024
+ --color-berget-item-muted-fg: var(--berget-item-muted-fg);
1025
+ --color-berget-item-hover-surface: var(--berget-item-hover-surface);
1026
+ --color-berget-item-link-hover-surface: var(--berget-item-link-hover-surface);
1027
+ --color-berget-item-focus-ring: var(--berget-item-focus-ring);
1028
+ --color-berget-item-media-icon-bg: var(--berget-item-media-icon-bg);
1029
+ --color-berget-item-media-icon-fg: var(--berget-item-media-icon-fg);
1030
+ --color-berget-item-media-image-radius: var(--berget-item-media-image-radius);
1031
+ --color-berget-item-description-fg: var(--berget-item-description-fg);
1032
+ --color-berget-item-header-fg: var(--berget-item-header-fg);
1033
+ --color-berget-item-footer-fg: var(--berget-item-footer-fg);
1034
+ --color-berget-item-separator: var(--berget-item-separator);
1035
+
961
1036
  /* Sidebar aliases */
962
1037
  --color-berget-sidebar: var(--berget-sidebar);
963
1038
  --color-berget-sidebar-foreground: var(--berget-sidebar-foreground);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bergetai/ui",
3
- "version": "0.1.91",
3
+ "version": "0.2.0",
4
4
  "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -32,9 +32,12 @@
32
32
  "access": "public"
33
33
  },
34
34
  "dependencies": {
35
+ "@radix-ui/react-dialog": "^1.1.18",
36
+ "@radix-ui/react-popover": "^1.1.18",
35
37
  "@radix-ui/react-switch": "^1.3.2",
36
38
  "class-variance-authority": "^0.7.1",
37
39
  "clsx": "^2.1.1",
40
+ "cmdk": "^1.1.1",
38
41
  "tailwind-merge": "^3.5.0"
39
42
  },
40
43
  "peerDependencies": {