@licklist/design 0.78.5-dev.107 → 0.78.5-dev.108

package/src/v2/shadcn/index.ts

@@ -0,0 +1,76 @@
+// Utility
+export { cn } from './lib/utils'
+
+// Components
+export { Button, buttonVariants } from './components/ui/button'
+export type { ButtonProps } from './components/ui/button'
+export { Input } from './components/ui/input'
+export type { InputProps } from './components/ui/input'
+export { Label } from './components/ui/label'
+export { Badge, badgeVariants } from './components/ui/badge'
+export type { BadgeProps } from './components/ui/badge'
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+} from './components/ui/card'
+export { Separator } from './components/ui/separator'
+export { Avatar, AvatarImage, AvatarFallback } from './components/ui/avatar'
+export { Checkbox } from './components/ui/checkbox'
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+} from './components/ui/select'
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+} from './components/ui/dialog'
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+} from './components/ui/dropdown-menu'
+export { Skeleton } from './components/ui/skeleton'
+export { Switch } from './components/ui/switch'
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from './components/ui/tooltip'
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+} from './components/ui/table'

package/src/v2/shadcn/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/src/v2/shadcn/styles/globals.css

@@ -0,0 +1,112 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    /* ─── Bridge: shadcn CSS variables → BKIT design tokens ───────────────────
+     * shadcn components use HSL values via Tailwind (e.g. bg-primary = hsl(var(--primary))).
+     * We keep HSL values here that approximate BKIT tokens, so shadcn components
+     * look correct. The BKIT SCSS tokens (_colors.scss) remain the source of truth
+     * for all custom v2 components.
+     * ────────────────────────────────────────────────────────────────────────── */
+
+    /* Backgrounds / Surfaces */
+    --background: 0 0% 100%;            /* #FFFFFF = --surface-primary */
+    --foreground: 228 65% 20%;          /* #121E52 = --label-primary */
+
+    /* Card */
+    --card: 0 0% 100%;                  /* #FFFFFF = --surface-primary */
+    --card-foreground: 228 65% 20%;     /* #121E52 = --label-primary */
+
+    /* Popover */
+    --popover: 0 0% 100%;              /* #FFFFFF */
+    --popover-foreground: 228 65% 20%; /* #121E52 */
+
+    /* Primary = BKIT purple (#6200EE) */
+    --primary: 270 100% 47%;           /* #6200EE = --actions-regular */
+    --primary-foreground: 0 0% 100%;   /* #FFFFFF */
+
+    /* Secondary = BKIT action soft (#EFE6FD) */
+    --secondary: 270 90% 95%;          /* ~--surface-action-soft */
+    --secondary-foreground: 270 100% 47%; /* #6200EE = --label-action */
+
+    /* Muted = BKIT surface-secondary (#F8F8FA) */
+    --muted: 240 14% 97%;              /* #F8F8FA = --surface-secondary */
+    --muted-foreground: 227 16% 47%;   /* #626A90 = --label-secondary */
+
+    /* Accent = hover states */
+    --accent: 240 14% 97%;             /* #F8F8FA */
+    --accent-foreground: 228 65% 20%;  /* #121E52 */
+
+    /* Destructive = BKIT red (#E0423A) */
+    --destructive: 3 73% 55%;          /* #E0423A = --errors-regular */
+    --destructive-foreground: 0 0% 100%; /* #FFFFFF */
+
+    /* Border / Input = BKIT --border-primary (#E8E9EF) */
+    --border: 234 20% 93%;             /* #E8E9EF */
+    --input: 234 20% 93%;              /* #E8E9EF */
+
+    /* Ring = BKIT purple for focus rings */
+    --ring: 270 100% 47%;              /* #6200EE */
+
+    --radius: 0.5rem;
+
+    /* Chart colors */
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+
+    /* BKIT design token fallbacks — used by shadcn Switch and other components
+       that reference BKIT semantic tokens directly. These are overridden when the
+       full BKIT token stylesheet (_colors.scss) is also loaded. */
+    --fill-primary: #14215A;
+    --fill-selected: #6200EE;
+    --surface-tertiary: #E8E9EF;
+    --surface-primary: #FFFFFF;
+    --surface-secondary: #F8F8FA;
+    --border-primary: #E8E9EF;
+    --label-primary: #121E52;
+    --label-secondary: #626A90;
+    --label-action: #6200EE;
+    --surface-action-soft: #EFE6FD;
+  }
+
+  .dark {
+    --background: 228 50% 10%;
+    --foreground: 240 14% 97%;
+    --card: 228 50% 10%;
+    --card-foreground: 240 14% 97%;
+    --popover: 228 50% 10%;
+    --popover-foreground: 240 14% 97%;
+    --primary: 240 14% 97%;
+    --primary-foreground: 228 65% 20%;
+    --secondary: 228 25% 18%;
+    --secondary-foreground: 240 14% 97%;
+    --muted: 228 25% 18%;
+    --muted-foreground: 228 16% 65%;
+    --accent: 228 25% 18%;
+    --accent-foreground: 240 14% 97%;
+    --destructive: 0 63% 31%;
+    --destructive-foreground: 240 14% 97%;
+    --border: 228 25% 18%;
+    --input: 228 25% 18%;
+    --ring: 228 27% 84%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-    "snyk.advanced.autoSelectOrganization": true
-}