UNPKG

@flanksource/clicky-ui

Version:

Flanksource Clicky UI — React component library built on shadcn/ui with light/dark and density theming.

1 lines 3.11 kB
{"version":3,"file":"tailwind-preset.cjs","names":[],"sources":["../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\n\nconst preset: Partial<Config> = {\n darkMode: [\"selector\", '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n border: \"hsl(var(--border))\",\n input: \"hsl(var(--input))\",\n ring: \"hsl(var(--ring))\",\n background: \"hsl(var(--background))\",\n foreground: \"hsl(var(--foreground))\",\n primary: {\n DEFAULT: \"hsl(var(--primary))\",\n foreground: \"hsl(var(--primary-foreground))\",\n },\n secondary: {\n DEFAULT: \"hsl(var(--secondary))\",\n foreground: \"hsl(var(--secondary-foreground))\",\n },\n destructive: {\n DEFAULT: \"hsl(var(--destructive))\",\n foreground: \"hsl(var(--destructive-foreground))\",\n },\n muted: {\n DEFAULT: \"hsl(var(--muted))\",\n foreground: \"hsl(var(--muted-foreground))\",\n },\n accent: {\n DEFAULT: \"hsl(var(--accent))\",\n foreground: \"hsl(var(--accent-foreground))\",\n },\n popover: {\n DEFAULT: \"hsl(var(--popover))\",\n foreground: \"hsl(var(--popover-foreground))\",\n },\n card: {\n DEFAULT: \"hsl(var(--card))\",\n foreground: \"hsl(var(--card-foreground))\",\n },\n },\n borderRadius: {\n lg: \"var(--radius)\",\n md: \"calc(var(--radius) - 2px)\",\n sm: \"calc(var(--radius) - 4px)\",\n },\n spacing: {\n \"control-h\": \"var(--control-height)\",\n \"control-px\": \"var(--control-padding-x)\",\n \"density-1\": \"var(--spacing-unit)\",\n \"density-2\": \"calc(var(--spacing-unit) * 2)\",\n \"density-3\": \"calc(var(--spacing-unit) * 3)\",\n \"density-4\": \"calc(var(--spacing-unit) * 4)\",\n },\n fontSize: {\n \"density-base\": \"var(--font-size-base)\",\n },\n },\n },\n plugins: [\n ({ addVariant }: { addVariant: (name: string, selector: string) => void }) => {\n addVariant(\"density-compact\", '[data-density=\"compact\"] &');\n addVariant(\"density-comfortable\", '[data-density=\"comfortable\"] &');\n addVariant(\"density-spacious\", '[data-density=\"spacious\"] &');\n },\n ],\n};\n\nexport default preset;\n"],"mappings":";;AAEA,MAAM,SAA0B;CAC9B,UAAU,CAAC,YAAY,wBAAsB;CAC7C,OAAO,EACL,QAAQ;EACN,QAAQ;GACN,QAAQ;GACR,OAAO;GACP,MAAM;GACN,YAAY;GACZ,YAAY;GACZ,SAAS;IACP,SAAS;IACT,YAAY;IACb;GACD,WAAW;IACT,SAAS;IACT,YAAY;IACb;GACD,aAAa;IACX,SAAS;IACT,YAAY;IACb;GACD,OAAO;IACL,SAAS;IACT,YAAY;IACb;GACD,QAAQ;IACN,SAAS;IACT,YAAY;IACb;GACD,SAAS;IACP,SAAS;IACT,YAAY;IACb;GACD,MAAM;IACJ,SAAS;IACT,YAAY;IACb;GACF;EACD,cAAc;GACZ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,aAAa;GACb,cAAc;GACd,aAAa;GACb,aAAa;GACb,aAAa;GACb,aAAa;GACd;EACD,UAAU,EACR,gBAAgB,yBACjB;EACF,EACF;CACD,SAAS,EACN,EAAE,iBAA2E;AAC5E,aAAW,mBAAmB,+BAA6B;AAC3D,aAAW,uBAAuB,mCAAiC;AACnE,aAAW,oBAAoB,gCAA8B;GAEhE;CACF"}