From 0b6e703be83a9b602d9ab1e1a6de44743496cafa Mon Sep 17 00:00:00 2001 From: sjoerdbeentjes <11621275+sjoerdbeentjes@users.noreply.github.com> Date: Mon, 29 Jun 2026 11:36:34 +0200 Subject: [PATCH 1/3] feat(tokens): support Figma branch sync and apply alternative token setup Add Figma branch support to the sync script and apply the redesigned "Alternative token setup" branch token set, migrating the React button and theme bridge to the new role-based taxonomy. - sync-figma: --branch/FIGMA_BRANCH to pull from a branch (key or name), plus auto-detection of the redesigned single-collection layout - tokens: regenerate from the branch (SURF Blue only for now) - react: repoint @theme bridge to the new tokens, keeping shadcn utility names stable; update button to the dedicated hover tokens --- .env.example | 5 + .../react/src/components/ui/button/button.tsx | 4 +- packages/react/src/index.css | 69 +- packages/tokens/src/tokens.dark.json | 802 +++++++++------ .../src/tokens.groenvermogen-nkph2.dark.json | 930 ------------------ .../src/tokens.groenvermogen-nkph2.json | 930 ------------------ packages/tokens/src/tokens.json | 832 +++++++++------- .../src/tokens.shadcn-default.dark.json | 930 ------------------ .../tokens/src/tokens.shadcn-default.json | 930 ------------------ .../src/tokens.studielink-aii.dark.json | 930 ------------------ .../tokens/src/tokens.studielink-aii.json | 930 ------------------ .../src/tokens.surf-blue-purple.dark.json | 930 ------------------ .../tokens/src/tokens.surf-blue-purple.json | 930 ------------------ .../src/tokens.surf-blue-turquoise.dark.json | 930 ------------------ .../src/tokens.surf-blue-turquoise.json | 930 ------------------ .../tokens/src/tokens.surf-green.dark.json | 930 ------------------ packages/tokens/src/tokens.surf-green.json | 930 ------------------ .../tokens/src/tokens.surf-orange.dark.json | 930 ------------------ packages/tokens/src/tokens.surf-orange.json | 930 ------------------ .../src/tokens.surf-purple-orange.dark.json | 930 ------------------ .../tokens/src/tokens.surf-purple-orange.json | 930 ------------------ .../tokens/src/tokens.surf-purple.dark.json | 930 ------------------ packages/tokens/src/tokens.surf-purple.json | 930 ------------------ .../tokens/src/tokens.surf-yellow.dark.json | 930 ------------------ packages/tokens/src/tokens.surf-yellow.json | 930 ------------------ scripts/sync-figma.ts | 471 ++++++--- 26 files changed, 1359 insertions(+), 19424 deletions(-) delete mode 100644 packages/tokens/src/tokens.groenvermogen-nkph2.dark.json delete mode 100644 packages/tokens/src/tokens.groenvermogen-nkph2.json delete mode 100644 packages/tokens/src/tokens.shadcn-default.dark.json delete mode 100644 packages/tokens/src/tokens.shadcn-default.json delete mode 100644 packages/tokens/src/tokens.studielink-aii.dark.json delete mode 100644 packages/tokens/src/tokens.studielink-aii.json delete mode 100644 packages/tokens/src/tokens.surf-blue-purple.dark.json delete mode 100644 packages/tokens/src/tokens.surf-blue-purple.json delete mode 100644 packages/tokens/src/tokens.surf-blue-turquoise.dark.json delete mode 100644 packages/tokens/src/tokens.surf-blue-turquoise.json delete mode 100644 packages/tokens/src/tokens.surf-green.dark.json delete mode 100644 packages/tokens/src/tokens.surf-green.json delete mode 100644 packages/tokens/src/tokens.surf-orange.dark.json delete mode 100644 packages/tokens/src/tokens.surf-orange.json delete mode 100644 packages/tokens/src/tokens.surf-purple-orange.dark.json delete mode 100644 packages/tokens/src/tokens.surf-purple-orange.json delete mode 100644 packages/tokens/src/tokens.surf-purple.dark.json delete mode 100644 packages/tokens/src/tokens.surf-purple.json delete mode 100644 packages/tokens/src/tokens.surf-yellow.dark.json delete mode 100644 packages/tokens/src/tokens.surf-yellow.json diff --git a/.env.example b/.env.example index 34cea6f..8c851c1 100644 --- a/.env.example +++ b/.env.example @@ -8,3 +8,8 @@ FIGMA_TOKEN= # Figma file key — the segment after /design/ (or /file/) in the file URL: # https://www.figma.com/design//Your-File-Name FIGMA_FILE_ID= + +# Optional: pull tokens from a Figma branch instead of the main file. Set to the +# branch name (as shown in Figma); overridable per-run with --branch "". +# Leave empty to read from the main file. +FIGMA_BRANCH= diff --git a/packages/react/src/components/ui/button/button.tsx b/packages/react/src/components/ui/button/button.tsx index 55ede2a..dc8dca7 100644 --- a/packages/react/src/components/ui/button/button.tsx +++ b/packages/react/src/components/ui/button/button.tsx @@ -5,11 +5,11 @@ import type { ButtonSizeName, ButtonVariantName } from '@surfnet/contracts'; import { cn } from '@/lib/utils'; const buttonVariantClasses = { - default: 'bg-primary text-primary-foreground hover:bg-primary/80', + default: 'bg-primary text-primary-foreground hover:bg-primary-hover', outline: 'border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50', secondary: - 'bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground', + 'bg-secondary text-secondary-foreground hover:bg-secondary-hover aria-expanded:bg-secondary aria-expanded:text-secondary-foreground', ghost: 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50', destructive: diff --git a/packages/react/src/index.css b/packages/react/src/index.css index d51ff8c..98c1d68 100644 --- a/packages/react/src/index.css +++ b/packages/react/src/index.css @@ -8,37 +8,44 @@ @theme inline { --font-heading: var(--font-sans); --font-sans: 'Geist Variable', sans-serif; - --color-sidebar-ring: var(--sidebar-ring); - --color-sidebar-border: var(--sidebar-border); - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); - --color-sidebar-accent: var(--sidebar-accent); - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); - --color-sidebar-primary: var(--sidebar-primary); - --color-sidebar-foreground: var(--sidebar-foreground); - --color-sidebar: var(--sidebar); - --color-chart-5: var(--chart-5); - --color-chart-4: var(--chart-4); - --color-chart-3: var(--chart-3); - --color-chart-2: var(--chart-2); - --color-chart-1: var(--chart-1); - --color-ring: var(--ring); - --color-input: var(--input); - --color-border: var(--border); - --color-destructive: var(--destructive); - --color-accent-foreground: var(--accent-foreground); - --color-accent: var(--accent); - --color-muted-foreground: var(--muted-foreground); - --color-muted: var(--muted); - --color-secondary-foreground: var(--secondary-foreground); - --color-secondary: var(--secondary); - --color-primary-foreground: var(--primary-foreground); - --color-primary: var(--primary); - --color-popover-foreground: var(--popover-foreground); - --color-popover: var(--popover); - --color-card-foreground: var(--card-foreground); - --color-card: var(--card); - --color-foreground: var(--foreground); - --color-background: var(--background); + /* Tailwind utility names are kept stable (shadcn convention); they bridge to the + redesigned @surfnet/tokens role-based taxonomy. The sidebar utilities map to + the token set's "alt" surface, muted → subtle, accent → item-hover, + destructive → error. */ + --color-sidebar-ring: var(--ring-alt); + --color-sidebar-border: var(--border-alt); + --color-sidebar-accent-foreground: var(--foreground-alt-item-hover); + --color-sidebar-accent: var(--background-alt-item-hover); + --color-sidebar-primary-foreground: var(--foreground-alt-primary); + --color-sidebar-primary: var(--background-alt-primary); + --color-sidebar-foreground: var(--foreground-alt); + --color-sidebar: var(--background-alt); + --color-chart-5: var(--charts-chart-5); + --color-chart-4: var(--charts-chart-4); + --color-chart-3: var(--charts-chart-3); + --color-chart-2: var(--charts-chart-2); + --color-chart-1: var(--charts-chart-1); + --color-ring: var(--ring-default); + --color-input: var(--border-default); + --color-border: var(--border-default); + --color-destructive-foreground: var(--foreground-error); + --color-destructive: var(--background-error); + --color-accent-foreground: var(--foreground-item-hover); + --color-accent: var(--background-item-hover); + --color-muted-foreground: var(--foreground-subtle); + --color-muted: var(--background-subtle); + --color-secondary-hover: var(--background-secondary-hover); + --color-secondary-foreground: var(--foreground-secondary); + --color-secondary: var(--background-secondary); + --color-primary-hover: var(--background-primary-hover); + --color-primary-foreground: var(--foreground-primary); + --color-primary: var(--background-primary); + --color-popover-foreground: var(--foreground-popover); + --color-popover: var(--background-popover); + --color-card-foreground: var(--foreground-card); + --color-card: var(--background-card); + --color-foreground: var(--foreground-default); + --color-background: var(--background-default); --radius-sm: calc(var(--radius) * 0.6); --radius-md: calc(var(--radius) * 0.8); --radius-lg: var(--radius); diff --git a/packages/tokens/src/tokens.dark.json b/packages/tokens/src/tokens.dark.json index eaa4fdc..bd20334 100644 --- a/packages/tokens/src/tokens.dark.json +++ b/packages/tokens/src/tokens.dark.json @@ -1,139 +1,159 @@ { - "background": { + "font-sans": { + "$type": "fontFamily", + "$value": "Source Sans 3, sans-serif" + }, + "font-mono": { + "$type": "fontFamily", + "$value": "Geist Mono, monospace" + }, + "background-default": { "$type": "color", "$value": "rgba(10, 10, 10, 1)" }, - "foreground": { + "background-subtle": { "$type": "color", - "$value": "rgba(250, 250, 250, 1)" + "$value": "rgba(38, 38, 38, 1)" }, - "card": { + "background-primary": { "$type": "color", - "$value": "rgba(23, 23, 23, 1)" + "$value": "rgba(5, 62, 170, 1)" }, - "card-foreground": { + "background-primary-hover": { "$type": "color", - "$value": "rgba(250, 250, 250, 1)" + "$value": "rgba(6, 75, 203, 1)" }, - "popover": { + "background-secondary": { "$type": "color", - "$value": "rgba(41, 37, 36, 1)" + "$value": "rgba(3, 37, 97, 1)" }, - "popover-foreground": { + "background-secondary-hover": { "$type": "color", - "$value": "rgba(250, 250, 250, 1)" + "$value": "rgba(4, 50, 134, 1)" }, - "primary": { + "background-error": { "$type": "color", - "$value": "rgba(4, 56, 154, 1)" + "$value": "rgba(227, 92, 84, 1)" }, - "primary-foreground": { + "background-error-subtle": { "$type": "color", - "$value": "rgba(255, 255, 255, 1)" + "$value": "rgba(114, 28, 24, 1)" }, - "secondary": { + "background-error-subtle-hover": { "$type": "color", - "$value": "rgba(46, 110, 229, 1)" + "$value": "rgba(131, 32, 27, 1)" }, - "secondary-foreground": { + "background-card": { "$type": "color", - "$value": "rgba(255, 255, 255, 1)" + "$value": "rgba(23, 23, 23, 1)" }, - "muted": { + "background-popover": { "$type": "color", - "$value": "rgba(38, 38, 38, 1)" + "$value": "rgba(41, 37, 36, 1)" }, - "muted-foreground": { + "background-item-hover": { "$type": "color", - "$value": "rgba(212, 212, 212, 1)" + "$value": "rgba(38, 38, 38, 1)" }, - "accent": { + "background-item-selected": { "$type": "color", "$value": "rgba(38, 38, 38, 1)" }, - "accent-foreground": { + "background-alt": { "$type": "color", - "$value": "rgba(250, 250, 250, 1)" + "$value": "rgba(23, 23, 23, 1)" }, - "destructive": { + "background-alt-primary": { "$type": "color", - "$value": "rgba(248, 113, 113, 1)" + "$value": "rgba(6, 75, 203, 1)" }, - "border": { + "background-alt-item-hover": { "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" + "$value": "rgba(38, 38, 38, 1)" }, - "input": { + "foreground-default": { "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" + "$value": "rgba(250, 250, 250, 1)" }, - "ring": { + "foreground-default-primary": { "$type": "color", - "$value": "rgba(115, 115, 115, 1)" + "$value": "rgba(5, 62, 170, 1)" }, - "chart-1": { + "foreground-default-error": { "$type": "color", - "$value": "rgba(29, 78, 216, 1)" + "$value": "rgba(227, 92, 84, 1)" }, - "chart-2": { + "foreground-subtle": { "$type": "color", - "$value": "rgba(16, 185, 129, 1)" + "$value": "rgba(212, 212, 212, 1)" }, - "chart-3": { + "foreground-secondary": { "$type": "color", - "$value": "rgba(245, 158, 11, 1)" + "$value": "rgba(255, 255, 255, 1)" }, - "chart-4": { + "foreground-primary": { "$type": "color", - "$value": "rgba(168, 85, 247, 1)" + "$value": "rgba(255, 255, 255, 1)" }, - "chart-5": { + "foreground-error": { "$type": "color", - "$value": "rgba(244, 63, 94, 1)" + "$value": "rgba(255, 236, 235, 1)" }, - "sidebar": { + "foreground-card": { "$type": "color", - "$value": "rgba(23, 23, 23, 1)" + "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-foreground": { + "foreground-popover": { "$type": "color", "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-primary": { + "foreground-item-hover": { "$type": "color", - "$value": "rgba(29, 78, 216, 1)" + "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-primary-foreground": { + "foreground-item-selected": { "$type": "color", "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-accent": { + "foreground-alt": { "$type": "color", - "$value": "rgba(38, 38, 38, 1)" + "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-accent-foreground": { + "foreground-alt-primary": { "$type": "color", "$value": "rgba(250, 250, 250, 1)" }, - "sidebar-border": { + "foreground-alt-item-hover": { + "$type": "color", + "$value": "rgba(250, 250, 250, 1)" + }, + "border-subtle": { "$type": "color", "$value": "rgba(255, 255, 255, 0.1)" }, - "sidebar-ring": { + "border-default": { "$type": "color", - "$value": "rgba(82, 82, 82, 1)" + "$value": "rgba(255, 255, 255, 0.15)" }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" + "border-error": { + "$type": "color", + "$value": "rgba(227, 92, 84, 1)" }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" + "border-alt": { + "$type": "color", + "$value": "rgba(255, 255, 255, 0.1)" + }, + "ring-default": { + "$type": "color", + "$value": "rgba(115, 115, 115, 1)" + }, + "ring-default-error": { + "$type": "color", + "$value": "rgba(227, 92, 84, 0.2)" }, - "destructive-foreground": { + "ring-alt": { "$type": "color", - "$value": "rgba(254, 242, 242, 1)" + "$value": "rgba(82, 82, 82, 1)" }, "ring-offset": { "$type": "color", @@ -143,6 +163,26 @@ "$type": "color", "$value": "rgba(10, 10, 10, 0.95)" }, + "charts-chart-1": { + "$type": "color", + "$value": "rgba(6, 75, 203, 1)" + }, + "charts-chart-2": { + "$type": "color", + "$value": "rgba(19, 195, 103, 1)" + }, + "charts-chart-3": { + "$type": "color", + "$value": "rgba(255, 166, 120, 1)" + }, + "charts-chart-4": { + "$type": "color", + "$value": "rgba(193, 107, 255, 1)" + }, + "charts-chart-5": { + "$type": "color", + "$value": "rgba(217, 53, 44, 1)" + }, "alpha-10": { "$type": "color", "$value": "rgba(10, 10, 10, 0.9)" @@ -167,10 +207,6 @@ "$type": "color", "$value": "rgba(10, 10, 10, 0.4)" }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, "alpha-80": { "$type": "color", "$value": "rgba(10, 10, 10, 0.2)" @@ -207,10 +243,6 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.12)" }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, "custom-input50-dark-input80": { "$type": "color", "$value": "rgba(255, 255, 255, 0.15)" @@ -223,22 +255,6 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.15)" }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, "custom-destructive10-dark-destructive20": { "$type": "color", "$value": "rgba(248, 113, 113, 0.2)" @@ -247,34 +263,6 @@ "$type": "color", "$value": "rgba(248, 113, 113, 0.4)" }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, "custom-dark-input": { "$type": "color", "$value": "rgba(255, 255, 255, 0.15)" @@ -283,14 +271,6 @@ "$type": "color", "$value": "rgba(115, 115, 115, 0.5)" }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, "custom-border-dark-input-dark": { "$type": "color", "$value": "rgba(255, 255, 255, 0.15)" @@ -299,10 +279,6 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.15)" }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, "custom-popover70": { "$type": "color", "$value": "rgba(38, 38, 38, 0.7)" @@ -311,10 +287,6 @@ "$type": "color", "$value": "rgba(250, 250, 250, 0.1)" }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, "custom-bg-background20-dark-bg-background10": { "$type": "color", "$value": "rgba(10, 10, 10, 0.1)" @@ -327,6 +299,46 @@ "$type": "color", "$value": "rgba(10, 10, 10, 0.8)" }, + "border-radius-rounded-none": { + "$type": "dimension", + "$value": "0rem" + }, + "border-radius-rounded-xs": { + "$type": "dimension", + "$value": "0.125rem" + }, + "border-radius-rounded-sm": { + "$type": "dimension", + "$value": "0.375rem" + }, + "border-radius-rounded-md": { + "$type": "dimension", + "$value": "0.5rem" + }, + "border-radius-rounded-lg": { + "$type": "dimension", + "$value": "0.625rem" + }, + "border-radius-rounded-xl": { + "$type": "dimension", + "$value": "0.875rem" + }, + "border-radius-rounded-2xl": { + "$type": "dimension", + "$value": "1.125rem" + }, + "border-radius-rounded-3xl": { + "$type": "dimension", + "$value": "1.375rem" + }, + "border-radius-rounded-4xl": { + "$type": "dimension", + "$value": "1.625rem" + }, + "border-radius-rounded-full": { + "$type": "dimension", + "$value": "624.9375rem" + }, "breakpoint-sm": { "$type": "dimension", "$value": "640px" @@ -351,6 +363,54 @@ "$type": "dimension", "$value": "256px" }, + "container-2xs": { + "$type": "dimension", + "$value": "288px" + }, + "container-xs": { + "$type": "dimension", + "$value": "320px" + }, + "container-sm": { + "$type": "dimension", + "$value": "384px" + }, + "container-md": { + "$type": "dimension", + "$value": "448px" + }, + "container-lg": { + "$type": "dimension", + "$value": "512px" + }, + "container-xl": { + "$type": "dimension", + "$value": "576px" + }, + "container-2xl": { + "$type": "dimension", + "$value": "672px" + }, + "container-3xl": { + "$type": "dimension", + "$value": "768px" + }, + "container-4xl": { + "$type": "dimension", + "$value": "896px" + }, + "container-5xl": { + "$type": "dimension", + "$value": "1024px" + }, + "container-6xl": { + "$type": "dimension", + "$value": "1152px" + }, + "container-7xl": { + "$type": "dimension", + "$value": "1280px" + }, "text-xs-font-size": { "$type": "dimension", "$value": "0.875rem" @@ -455,54 +515,6 @@ "$type": "dimension", "$value": "10rem" }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, "font-weight-thin": { "$type": "number", "$value": "100" @@ -539,38 +551,6 @@ "$type": "number", "$value": "900" }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, "shadow-2xs-offset-x": { "$type": "dimension", "$value": "0px" @@ -587,6 +567,10 @@ "$type": "dimension", "$value": "0px" }, + "shadow-2xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "shadow-xs-offset-x": { "$type": "dimension", "$value": "0px" @@ -603,6 +587,10 @@ "$type": "dimension", "$value": "0px" }, + "shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "shadow-sm-1-offset-x": { "$type": "dimension", "$value": "0px" @@ -619,6 +607,10 @@ "$type": "dimension", "$value": "0px" }, + "shadow-sm-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-sm-2-offset-x": { "$type": "dimension", "$value": "0px" @@ -635,113 +627,9 @@ "$type": "dimension", "$value": "-1px" }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" + "shadow-sm-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" }, "shadow-md-1-offset-x": { "$type": "dimension", @@ -759,6 +647,10 @@ "$type": "dimension", "$value": "-1px" }, + "shadow-md-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-md-2-offset-x": { "$type": "dimension", "$value": "0px" @@ -775,6 +667,10 @@ "$type": "dimension", "$value": "-2px" }, + "shadow-md-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-lg-1-offset-x": { "$type": "dimension", "$value": "0px" @@ -791,6 +687,10 @@ "$type": "dimension", "$value": "-3px" }, + "shadow-lg-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-lg-2-offset-x": { "$type": "dimension", "$value": "0px" @@ -807,6 +707,10 @@ "$type": "dimension", "$value": "-4px" }, + "shadow-lg-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-xl-1-offset-x": { "$type": "dimension", "$value": "0px" @@ -823,6 +727,10 @@ "$type": "dimension", "$value": "-5px" }, + "shadow-xl-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-xl-2-offset-x": { "$type": "dimension", "$value": "0px" @@ -839,6 +747,10 @@ "$type": "dimension", "$value": "-6px" }, + "shadow-xl-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "shadow-2xl-offset-x": { "$type": "dimension", "$value": "0px" @@ -855,6 +767,110 @@ "$type": "dimension", "$value": "-12px" }, + "shadow-2xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.25)" + }, + "inset-shadow-2xs-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-2xs-offset-y": { + "$type": "dimension", + "$value": "1px" + }, + "inset-shadow-2xs-blur-radius": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-2xs-spread-radius": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-2xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, + "inset-shadow-xs-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-xs-offset-y": { + "$type": "dimension", + "$value": "1px" + }, + "inset-shadow-xs-blur-radius": { + "$type": "dimension", + "$value": "1px" + }, + "inset-shadow-xs-spread-radius": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, + "inset-shadow-sm-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-sm-offset-y": { + "$type": "dimension", + "$value": "2px" + }, + "inset-shadow-sm-blur-radius": { + "$type": "dimension", + "$value": "4px" + }, + "inset-shadow-sm-spread-radius": { + "$type": "dimension", + "$value": "0px" + }, + "inset-shadow-sm-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, + "drop-shadow-xs-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "drop-shadow-xs-offset-y": { + "$type": "dimension", + "$value": "1px" + }, + "drop-shadow-xs-blur-radius": { + "$type": "dimension", + "$value": "1px" + }, + "drop-shadow-xs-spread-radius": { + "$type": "dimension", + "$value": "0px" + }, + "drop-shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, + "drop-shadow-sm-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "drop-shadow-sm-offset-y": { + "$type": "dimension", + "$value": "1px" + }, + "drop-shadow-sm-blur-radius": { + "$type": "dimension", + "$value": "2px" + }, + "drop-shadow-sm-spread-radius": { + "$type": "dimension", + "$value": "0px" + }, + "drop-shadow-sm-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" + }, "drop-shadow-md-offset-x": { "$type": "dimension", "$value": "0px" @@ -871,6 +887,10 @@ "$type": "dimension", "$value": "0px" }, + "drop-shadow-md-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.12)" + }, "drop-shadow-lg-offset-x": { "$type": "dimension", "$value": "0px" @@ -887,6 +907,10 @@ "$type": "dimension", "$value": "0px" }, + "drop-shadow-lg-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" + }, "drop-shadow-xl-offset-x": { "$type": "dimension", "$value": "0px" @@ -903,6 +927,10 @@ "$type": "dimension", "$value": "0px" }, + "drop-shadow-xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, "drop-shadow-2xl-offset-x": { "$type": "dimension", "$value": "0px" @@ -919,12 +947,140 @@ "$type": "dimension", "$value": "0px" }, - "radius-none": { + "drop-shadow-2xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" + }, + "blur-xs": { "$type": "dimension", - "$value": "0rem" + "$value": "4px" }, - "radius-full": { + "blur-sm": { "$type": "dimension", - "$value": "624.9375rem" + "$value": "8px" + }, + "blur-md": { + "$type": "dimension", + "$value": "12px" + }, + "blur-lg": { + "$type": "dimension", + "$value": "16px" + }, + "blur-xl": { + "$type": "dimension", + "$value": "24px" + }, + "blur-2xl": { + "$type": "dimension", + "$value": "40px" + }, + "blur-3xl": { + "$type": "dimension", + "$value": "64px" + }, + "heading-xl-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" + }, + "heading-xl-font-size": { + "$type": "dimension", + "$value": "4.5rem" + }, + "heading-xl-line-height": { + "$type": "dimension", + "$value": "4.5rem" + }, + "heading-xl-font-weight": { + "$type": "number", + "$value": "600" + }, + "heading-xl-letter-spacing": { + "$type": "dimension", + "$value": "-1.5px" + }, + "heading-lg-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" + }, + "heading-lg-font-size": { + "$type": "dimension", + "$value": "3.75rem" + }, + "heading-lg-line-height": { + "$type": "dimension", + "$value": "3.75rem" + }, + "heading-lg-font-weight": { + "$type": "number", + "$value": "600" + }, + "heading-lg-letter-spacing": { + "$type": "dimension", + "$value": "-1.2000000476837158px" + }, + "heading-md-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" + }, + "heading-md-font-size": { + "$type": "dimension", + "$value": "3rem" + }, + "heading-md-line-height": { + "$type": "dimension", + "$value": "3rem" + }, + "heading-md-font-weight": { + "$type": "number", + "$value": "600" + }, + "heading-md-letter-spacing": { + "$type": "dimension", + "$value": "-0.8999999761581421px" + }, + "heading-sm-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" + }, + "heading-sm-font-size": { + "$type": "dimension", + "$value": "1.875rem" + }, + "heading-sm-line-height": { + "$type": "dimension", + "$value": "2.25rem" + }, + "heading-sm-font-weight": { + "$type": "number", + "$value": "600" + }, + "heading-sm-letter-spacing": { + "$type": "dimension", + "$value": "-0.6000000238418579px" + }, + "container-padding-x": { + "$type": "dimension", + "$value": "24px" + }, + "section-padding-y": { + "$type": "dimension", + "$value": "96px" + }, + "section-title-gap-sm": { + "$type": "dimension", + "$value": "16px" + }, + "section-title-gap-md": { + "$type": "dimension", + "$value": "20px" + }, + "section-title-gap-lg": { + "$type": "dimension", + "$value": "20px" + }, + "section-title-gap-xl": { + "$type": "dimension", + "$value": "24px" } } diff --git a/packages/tokens/src/tokens.groenvermogen-nkph2.dark.json b/packages/tokens/src/tokens.groenvermogen-nkph2.dark.json deleted file mode 100644 index e987804..0000000 --- a/packages/tokens/src/tokens.groenvermogen-nkph2.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(163, 230, 53, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(64, 64, 64, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "General Sans, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.groenvermogen-nkph2.json b/packages/tokens/src/tokens.groenvermogen-nkph2.json deleted file mode 100644 index f32c6dd..0000000 --- a/packages/tokens/src/tokens.groenvermogen-nkph2.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(132, 204, 22, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "General Sans, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.json b/packages/tokens/src/tokens.json index 02c8327..a648d3f 100644 --- a/packages/tokens/src/tokens.json +++ b/packages/tokens/src/tokens.json @@ -1,139 +1,159 @@ { - "background": { + "font-sans": { + "$type": "fontFamily", + "$value": "Source Sans 3, sans-serif" + }, + "font-mono": { + "$type": "fontFamily", + "$value": "Geist Mono, monospace" + }, + "background-default": { "$type": "color", "$value": "rgba(255, 255, 255, 1)" }, - "foreground": { + "background-subtle": { "$type": "color", - "$value": "rgba(10, 10, 10, 1)" + "$value": "rgba(245, 245, 244, 1)" }, - "card": { + "background-primary": { "$type": "color", - "$value": "rgba(255, 255, 255, 1)" + "$value": "rgba(6, 75, 203, 1)" }, - "card-foreground": { + "background-primary-hover": { "$type": "color", - "$value": "rgba(12, 10, 9, 1)" + "$value": "rgba(110, 154, 232, 1)" }, - "popover": { + "background-secondary": { "$type": "color", - "$value": "rgba(255, 255, 255, 1)" + "$value": "rgba(234, 240, 252, 1)" }, - "popover-foreground": { + "background-secondary-hover": { "$type": "color", - "$value": "rgba(12, 10, 9, 1)" + "$value": "rgba(213, 226, 250, 1)" }, - "primary": { + "background-error": { "$type": "color", - "$value": "rgba(6, 75, 203, 1)" + "$value": "rgba(217, 53, 44, 1)" }, - "primary-foreground": { + "background-error-subtle": { + "$type": "color", + "$value": "rgba(255, 236, 235, 1)" + }, + "background-error-subtle-hover": { + "$type": "color", + "$value": "rgba(255, 205, 202, 1)" + }, + "background-card": { "$type": "color", "$value": "rgba(255, 255, 255, 1)" }, - "secondary": { + "background-popover": { "$type": "color", - "$value": "rgba(46, 110, 229, 1)" + "$value": "rgba(255, 255, 255, 1)" }, - "secondary-foreground": { + "background-item-hover": { "$type": "color", - "$value": "rgba(0, 0, 0, 1)" + "$value": "rgba(245, 245, 245, 1)" }, - "muted": { + "background-item-selected": { "$type": "color", - "$value": "rgba(245, 245, 244, 1)" + "$value": "rgba(234, 240, 252, 1)" }, - "muted-foreground": { + "background-alt": { "$type": "color", - "$value": "rgba(82, 82, 82, 1)" + "$value": "rgba(255, 255, 255, 1)" + }, + "background-alt-primary": { + "$type": "color", + "$value": "rgba(28, 25, 23, 1)" }, - "accent": { + "background-alt-item-hover": { "$type": "color", "$value": "rgba(245, 245, 244, 1)" }, - "accent-foreground": { + "foreground-default": { "$type": "color", - "$value": "rgba(23, 23, 23, 1)" + "$value": "rgba(10, 10, 10, 1)" }, - "destructive": { + "foreground-default-primary": { "$type": "color", - "$value": "rgba(220, 38, 38, 1)" + "$value": "rgba(6, 75, 203, 1)" }, - "border": { + "foreground-default-error": { "$type": "color", - "$value": "rgba(214, 211, 209, 1)" + "$value": "rgba(217, 53, 44, 1)" }, - "input": { + "foreground-subtle": { "$type": "color", - "$value": "rgba(214, 211, 209, 1)" + "$value": "rgba(82, 82, 82, 1)" }, - "ring": { + "foreground-secondary": { "$type": "color", - "$value": "rgba(168, 162, 158, 1)" + "$value": "rgba(0, 0, 0, 1)" }, - "chart-1": { + "foreground-primary": { "$type": "color", - "$value": "rgba(234, 88, 12, 1)" + "$value": "rgba(255, 255, 255, 1)" }, - "chart-2": { + "foreground-error": { "$type": "color", - "$value": "rgba(13, 148, 136, 1)" + "$value": "rgba(255, 236, 235, 1)" }, - "chart-3": { + "foreground-card": { "$type": "color", - "$value": "rgba(22, 78, 99, 1)" + "$value": "rgba(12, 10, 9, 1)" }, - "chart-4": { + "foreground-popover": { "$type": "color", - "$value": "rgba(251, 191, 36, 1)" + "$value": "rgba(12, 10, 9, 1)" }, - "chart-5": { + "foreground-item-hover": { "$type": "color", - "$value": "rgba(245, 158, 11, 1)" + "$value": "rgba(23, 23, 23, 1)" }, - "sidebar": { + "foreground-item-selected": { "$type": "color", - "$value": "rgba(255, 255, 255, 1)" + "$value": "rgba(23, 23, 23, 1)" }, - "sidebar-foreground": { + "foreground-alt": { "$type": "color", "$value": "rgba(12, 10, 9, 1)" }, - "sidebar-primary": { + "foreground-alt-primary": { + "$type": "color", + "$value": "rgba(250, 250, 249, 1)" + }, + "foreground-alt-item-hover": { "$type": "color", "$value": "rgba(28, 25, 23, 1)" }, - "sidebar-primary-foreground": { + "border-subtle": { "$type": "color", - "$value": "rgba(250, 250, 249, 1)" + "$value": "rgba(0, 0, 0, 0.1)" }, - "sidebar-accent": { + "border-default": { "$type": "color", - "$value": "rgba(245, 245, 244, 1)" + "$value": "rgba(214, 211, 209, 1)" }, - "sidebar-accent-foreground": { + "border-error": { "$type": "color", - "$value": "rgba(28, 25, 23, 1)" + "$value": "rgba(217, 53, 44, 1)" }, - "sidebar-border": { + "border-alt": { "$type": "color", "$value": "rgba(214, 211, 209, 1)" }, - "sidebar-ring": { + "ring-default": { "$type": "color", "$value": "rgba(168, 162, 158, 1)" }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" + "ring-default-error": { + "$type": "color", + "$value": "rgba(217, 53, 44, 0.2)" }, - "destructive-foreground": { + "ring-alt": { "$type": "color", - "$value": "rgba(254, 242, 242, 1)" + "$value": "rgba(168, 162, 158, 1)" }, "ring-offset": { "$type": "color", @@ -143,6 +163,26 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.95)" }, + "charts-chart-1": { + "$type": "color", + "$value": "rgba(240, 93, 0, 1)" + }, + "charts-chart-2": { + "$type": "color", + "$value": "rgba(15, 169, 86, 1)" + }, + "charts-chart-3": { + "$type": "color", + "$value": "rgba(5, 62, 170, 1)" + }, + "charts-chart-4": { + "$type": "color", + "$value": "rgba(217, 195, 0, 1)" + }, + "charts-chart-5": { + "$type": "color", + "$value": "rgba(255, 166, 120, 1)" + }, "alpha-10": { "$type": "color", "$value": "rgba(255, 255, 255, 0.9)" @@ -167,10 +207,6 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.4)" }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, "alpha-80": { "$type": "color", "$value": "rgba(255, 255, 255, 0.2)" @@ -197,20 +233,16 @@ }, "custom-accent-dark-input50": { "$type": "color", - "$value": "rgba(245, 245, 244, 1)" + "$value": "rgba(245, 245, 245, 1)" }, "custom-accent-dark-calendar50": { "$type": "color", - "$value": "rgba(245, 245, 244, 1)" + "$value": "rgba(245, 245, 245, 1)" }, "custom-input-dark-input80": { "$type": "color", "$value": "rgba(214, 211, 209, 1)" }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, "custom-input50-dark-input80": { "$type": "color", "$value": "rgba(229, 229, 229, 0.5)" @@ -223,57 +255,13 @@ "$type": "color", "$value": "rgba(229, 229, 229, 0.3)" }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, "custom-destructive10-dark-destructive20": { "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" + "$value": "rgba(217, 53, 44, 0.1)" }, "custom-destructive20-dark-destructive40": { "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" + "$value": "rgba(217, 53, 44, 0.2)" }, "custom-dark-input": { "$type": "color", @@ -283,26 +271,14 @@ "$type": "color", "$value": "rgba(163, 163, 163, 0.5)" }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, "custom-border-dark-input-dark": { "$type": "color", - "$value": "rgba(214, 211, 209, 1)" + "$value": "rgba(0, 0, 0, 0.1)" }, "custom-ring-dark-input-dark": { "$type": "color", "$value": "rgba(168, 162, 158, 1)" }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, "custom-popover70": { "$type": "color", "$value": "rgba(255, 255, 255, 0.7)" @@ -311,10 +287,6 @@ "$type": "color", "$value": "rgba(10, 10, 10, 0.1)" }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, "custom-bg-background20-dark-bg-background10": { "$type": "color", "$value": "rgba(255, 255, 255, 0.2)" @@ -327,6 +299,46 @@ "$type": "color", "$value": "rgba(255, 255, 255, 0.7)" }, + "border-radius-rounded-none": { + "$type": "dimension", + "$value": "0rem" + }, + "border-radius-rounded-xs": { + "$type": "dimension", + "$value": "0.125rem" + }, + "border-radius-rounded-sm": { + "$type": "dimension", + "$value": "0.375rem" + }, + "border-radius-rounded-md": { + "$type": "dimension", + "$value": "0.5rem" + }, + "border-radius-rounded-lg": { + "$type": "dimension", + "$value": "0.625rem" + }, + "border-radius-rounded-xl": { + "$type": "dimension", + "$value": "0.875rem" + }, + "border-radius-rounded-2xl": { + "$type": "dimension", + "$value": "1.125rem" + }, + "border-radius-rounded-3xl": { + "$type": "dimension", + "$value": "1.375rem" + }, + "border-radius-rounded-4xl": { + "$type": "dimension", + "$value": "1.625rem" + }, + "border-radius-rounded-full": { + "$type": "dimension", + "$value": "624.9375rem" + }, "breakpoint-sm": { "$type": "dimension", "$value": "640px" @@ -351,6 +363,54 @@ "$type": "dimension", "$value": "256px" }, + "container-2xs": { + "$type": "dimension", + "$value": "288px" + }, + "container-xs": { + "$type": "dimension", + "$value": "320px" + }, + "container-sm": { + "$type": "dimension", + "$value": "384px" + }, + "container-md": { + "$type": "dimension", + "$value": "448px" + }, + "container-lg": { + "$type": "dimension", + "$value": "512px" + }, + "container-xl": { + "$type": "dimension", + "$value": "576px" + }, + "container-2xl": { + "$type": "dimension", + "$value": "672px" + }, + "container-3xl": { + "$type": "dimension", + "$value": "768px" + }, + "container-4xl": { + "$type": "dimension", + "$value": "896px" + }, + "container-5xl": { + "$type": "dimension", + "$value": "1024px" + }, + "container-6xl": { + "$type": "dimension", + "$value": "1152px" + }, + "container-7xl": { + "$type": "dimension", + "$value": "1280px" + }, "text-xs-font-size": { "$type": "dimension", "$value": "0.875rem" @@ -455,54 +515,6 @@ "$type": "dimension", "$value": "10rem" }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, "font-weight-thin": { "$type": "number", "$value": "100" @@ -539,101 +551,225 @@ "$type": "number", "$value": "900" }, - "radius-xs": { + "shadow-2xs-offset-x": { "$type": "dimension", - "$value": "0.125rem" + "$value": "0px" }, - "radius-sm": { + "shadow-2xs-offset-y": { "$type": "dimension", - "$value": "0.375rem" + "$value": "1px" }, - "radius-md": { + "shadow-2xs-blur-radius": { "$type": "dimension", - "$value": "0.5rem" + "$value": "0px" }, - "radius-lg": { + "shadow-2xs-spread-radius": { "$type": "dimension", - "$value": "0.625rem" + "$value": "0px" }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" + "shadow-2xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" }, - "radius-2xl": { + "shadow-xs-offset-x": { "$type": "dimension", - "$value": "1.125rem" + "$value": "0px" }, - "radius-3xl": { + "shadow-xs-offset-y": { "$type": "dimension", - "$value": "1.375rem" + "$value": "1px" }, - "radius-4xl": { + "shadow-xs-blur-radius": { "$type": "dimension", - "$value": "1.625rem" + "$value": "2px" }, - "shadow-2xs-offset-x": { + "shadow-xs-spread-radius": { "$type": "dimension", "$value": "0px" }, - "shadow-2xs-offset-y": { + "shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, + "shadow-sm-1-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "shadow-sm-1-offset-y": { "$type": "dimension", "$value": "1px" }, - "shadow-2xs-blur-radius": { + "shadow-sm-1-blur-radius": { "$type": "dimension", - "$value": "0px" + "$value": "3px" }, - "shadow-2xs-spread-radius": { + "shadow-sm-1-spread-radius": { "$type": "dimension", "$value": "0px" }, - "shadow-xs-offset-x": { + "shadow-sm-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-sm-2-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-xs-offset-y": { + "shadow-sm-2-offset-y": { "$type": "dimension", "$value": "1px" }, - "shadow-xs-blur-radius": { + "shadow-sm-2-blur-radius": { "$type": "dimension", "$value": "2px" }, - "shadow-xs-spread-radius": { + "shadow-sm-2-spread-radius": { + "$type": "dimension", + "$value": "-1px" + }, + "shadow-sm-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-md-1-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-sm-1-offset-x": { + "shadow-md-1-offset-y": { + "$type": "dimension", + "$value": "4px" + }, + "shadow-md-1-blur-radius": { + "$type": "dimension", + "$value": "6px" + }, + "shadow-md-1-spread-radius": { + "$type": "dimension", + "$value": "-1px" + }, + "shadow-md-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-md-2-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-sm-1-offset-y": { + "shadow-md-2-offset-y": { "$type": "dimension", - "$value": "1px" + "$value": "2px" }, - "shadow-sm-1-blur-radius": { + "shadow-md-2-blur-radius": { "$type": "dimension", - "$value": "3px" + "$value": "4px" }, - "shadow-sm-1-spread-radius": { + "shadow-md-2-spread-radius": { + "$type": "dimension", + "$value": "-2px" + }, + "shadow-md-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-lg-1-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-sm-2-offset-x": { + "shadow-lg-1-offset-y": { + "$type": "dimension", + "$value": "10px" + }, + "shadow-lg-1-blur-radius": { + "$type": "dimension", + "$value": "15px" + }, + "shadow-lg-1-spread-radius": { + "$type": "dimension", + "$value": "-3px" + }, + "shadow-lg-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-lg-2-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-sm-2-offset-y": { + "shadow-lg-2-offset-y": { "$type": "dimension", - "$value": "1px" + "$value": "4px" }, - "shadow-sm-2-blur-radius": { + "shadow-lg-2-blur-radius": { "$type": "dimension", - "$value": "2px" + "$value": "6px" }, - "shadow-sm-2-spread-radius": { + "shadow-lg-2-spread-radius": { "$type": "dimension", - "$value": "-1px" + "$value": "-4px" + }, + "shadow-lg-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-xl-1-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "shadow-xl-1-offset-y": { + "$type": "dimension", + "$value": "20px" + }, + "shadow-xl-1-blur-radius": { + "$type": "dimension", + "$value": "25px" + }, + "shadow-xl-1-spread-radius": { + "$type": "dimension", + "$value": "-5px" + }, + "shadow-xl-1-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-xl-2-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "shadow-xl-2-offset-y": { + "$type": "dimension", + "$value": "8px" + }, + "shadow-xl-2-blur-radius": { + "$type": "dimension", + "$value": "10px" + }, + "shadow-xl-2-spread-radius": { + "$type": "dimension", + "$value": "-6px" + }, + "shadow-xl-2-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "shadow-2xl-offset-x": { + "$type": "dimension", + "$value": "0px" + }, + "shadow-2xl-offset-y": { + "$type": "dimension", + "$value": "25px" + }, + "shadow-2xl-blur-radius": { + "$type": "dimension", + "$value": "50px" + }, + "shadow-2xl-spread-radius": { + "$type": "dimension", + "$value": "-12px" + }, + "shadow-2xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.25)" }, "inset-shadow-2xs-offset-x": { "$type": "dimension", @@ -651,6 +787,10 @@ "$type": "dimension", "$value": "0px" }, + "inset-shadow-2xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "inset-shadow-xs-offset-x": { "$type": "dimension", "$value": "0px" @@ -667,6 +807,10 @@ "$type": "dimension", "$value": "0px" }, + "inset-shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "inset-shadow-sm-offset-x": { "$type": "dimension", "$value": "0px" @@ -683,6 +827,10 @@ "$type": "dimension", "$value": "0px" }, + "inset-shadow-sm-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "drop-shadow-xs-offset-x": { "$type": "dimension", "$value": "0px" @@ -699,6 +847,10 @@ "$type": "dimension", "$value": "0px" }, + "drop-shadow-xs-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.05)" + }, "drop-shadow-sm-offset-x": { "$type": "dimension", "$value": "0px" @@ -715,216 +867,220 @@ "$type": "dimension", "$value": "0px" }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" + "drop-shadow-sm-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" }, - "blur-md": { + "drop-shadow-md-offset-x": { "$type": "dimension", - "$value": "12px" + "$value": "0px" }, - "blur-lg": { + "drop-shadow-md-offset-y": { "$type": "dimension", - "$value": "16px" + "$value": "3px" }, - "blur-xl": { + "drop-shadow-md-blur-radius": { "$type": "dimension", - "$value": "24px" + "$value": "3px" }, - "blur-2xl": { + "drop-shadow-md-spread-radius": { "$type": "dimension", - "$value": "40px" + "$value": "0px" }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" + "drop-shadow-md-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.12)" }, - "shadow-md-1-offset-x": { + "drop-shadow-lg-offset-x": { "$type": "dimension", "$value": "0px" }, - "shadow-md-1-offset-y": { + "drop-shadow-lg-offset-y": { "$type": "dimension", "$value": "4px" }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { + "drop-shadow-lg-blur-radius": { "$type": "dimension", - "$value": "-1px" + "$value": "4px" }, - "shadow-md-2-offset-x": { + "drop-shadow-lg-spread-radius": { "$type": "dimension", "$value": "0px" }, - "shadow-md-2-offset-y": { + "drop-shadow-lg-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" + }, + "drop-shadow-xl-offset-x": { "$type": "dimension", - "$value": "2px" + "$value": "0px" }, - "shadow-md-2-blur-radius": { + "drop-shadow-xl-offset-y": { "$type": "dimension", - "$value": "4px" + "$value": "9px" }, - "shadow-md-2-spread-radius": { + "drop-shadow-xl-blur-radius": { "$type": "dimension", - "$value": "-2px" + "$value": "7px" }, - "shadow-lg-1-offset-x": { + "drop-shadow-xl-spread-radius": { "$type": "dimension", "$value": "0px" }, - "shadow-lg-1-offset-y": { + "drop-shadow-xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.1)" + }, + "drop-shadow-2xl-offset-x": { "$type": "dimension", - "$value": "10px" + "$value": "0px" }, - "shadow-lg-1-blur-radius": { + "drop-shadow-2xl-offset-y": { "$type": "dimension", - "$value": "15px" + "$value": "25px" }, - "shadow-lg-1-spread-radius": { + "drop-shadow-2xl-blur-radius": { "$type": "dimension", - "$value": "-3px" + "$value": "25px" }, - "shadow-lg-2-offset-x": { + "drop-shadow-2xl-spread-radius": { "$type": "dimension", "$value": "0px" }, - "shadow-lg-2-offset-y": { + "drop-shadow-2xl-color": { + "$type": "color", + "$value": "rgba(0, 0, 0, 0.15)" + }, + "blur-xs": { "$type": "dimension", "$value": "4px" }, - "shadow-lg-2-blur-radius": { + "blur-sm": { "$type": "dimension", - "$value": "6px" + "$value": "8px" }, - "shadow-lg-2-spread-radius": { + "blur-md": { "$type": "dimension", - "$value": "-4px" + "$value": "12px" }, - "shadow-xl-1-offset-x": { + "blur-lg": { "$type": "dimension", - "$value": "0px" + "$value": "16px" }, - "shadow-xl-1-offset-y": { + "blur-xl": { "$type": "dimension", - "$value": "20px" + "$value": "24px" }, - "shadow-xl-1-blur-radius": { + "blur-2xl": { "$type": "dimension", - "$value": "25px" + "$value": "40px" }, - "shadow-xl-1-spread-radius": { + "blur-3xl": { "$type": "dimension", - "$value": "-5px" + "$value": "64px" }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" + "heading-xl-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" }, - "shadow-xl-2-offset-y": { + "heading-xl-font-size": { "$type": "dimension", - "$value": "8px" + "$value": "4.5rem" }, - "shadow-xl-2-blur-radius": { + "heading-xl-line-height": { "$type": "dimension", - "$value": "10px" + "$value": "4.5rem" }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" + "heading-xl-font-weight": { + "$type": "number", + "$value": "600" }, - "shadow-2xl-offset-x": { + "heading-xl-letter-spacing": { "$type": "dimension", - "$value": "0px" + "$value": "-1.5px" }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" + "heading-lg-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" }, - "shadow-2xl-blur-radius": { + "heading-lg-font-size": { "$type": "dimension", - "$value": "50px" + "$value": "3.75rem" }, - "shadow-2xl-spread-radius": { + "heading-lg-line-height": { "$type": "dimension", - "$value": "-12px" + "$value": "3.75rem" }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" + "heading-lg-font-weight": { + "$type": "number", + "$value": "600" }, - "drop-shadow-md-offset-y": { + "heading-lg-letter-spacing": { "$type": "dimension", - "$value": "3px" + "$value": "-1.2000000476837158px" }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" + "heading-md-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" }, - "drop-shadow-md-spread-radius": { + "heading-md-font-size": { "$type": "dimension", - "$value": "0px" + "$value": "3rem" }, - "drop-shadow-lg-offset-x": { + "heading-md-line-height": { "$type": "dimension", - "$value": "0px" + "$value": "3rem" }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" + "heading-md-font-weight": { + "$type": "number", + "$value": "600" }, - "drop-shadow-lg-blur-radius": { + "heading-md-letter-spacing": { "$type": "dimension", - "$value": "4px" + "$value": "-0.8999999761581421px" }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" + "heading-sm-font-family": { + "$type": "fontFamily", + "$value": "Source Sans 3" }, - "drop-shadow-xl-offset-x": { + "heading-sm-font-size": { "$type": "dimension", - "$value": "0px" + "$value": "1.875rem" }, - "drop-shadow-xl-offset-y": { + "heading-sm-line-height": { "$type": "dimension", - "$value": "9px" + "$value": "2.25rem" }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" + "heading-sm-font-weight": { + "$type": "number", + "$value": "600" }, - "drop-shadow-xl-spread-radius": { + "heading-sm-letter-spacing": { "$type": "dimension", - "$value": "0px" + "$value": "-0.6000000238418579px" }, - "drop-shadow-2xl-offset-x": { + "container-padding-x": { "$type": "dimension", - "$value": "0px" + "$value": "24px" }, - "drop-shadow-2xl-offset-y": { + "section-padding-y": { "$type": "dimension", - "$value": "25px" + "$value": "96px" }, - "drop-shadow-2xl-blur-radius": { + "section-title-gap-sm": { "$type": "dimension", - "$value": "25px" + "$value": "16px" }, - "drop-shadow-2xl-spread-radius": { + "section-title-gap-md": { "$type": "dimension", - "$value": "0px" + "$value": "20px" }, - "radius-none": { + "section-title-gap-lg": { "$type": "dimension", - "$value": "0rem" + "$value": "20px" }, - "radius-full": { + "section-title-gap-xl": { "$type": "dimension", - "$value": "624.9375rem" + "$value": "24px" } } diff --git a/packages/tokens/src/tokens.shadcn-default.dark.json b/packages/tokens/src/tokens.shadcn-default.dark.json deleted file mode 100644 index 3cf8442..0000000 --- a/packages/tokens/src/tokens.shadcn-default.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(64, 64, 64, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Inter, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.shadcn-default.json b/packages/tokens/src/tokens.shadcn-default.json deleted file mode 100644 index 3f4f222..0000000 --- a/packages/tokens/src/tokens.shadcn-default.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Inter, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.studielink-aii.dark.json b/packages/tokens/src/tokens.studielink-aii.dark.json deleted file mode 100644 index 33146a2..0000000 --- a/packages/tokens/src/tokens.studielink-aii.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(42, 55, 149, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(248, 250, 252, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(64, 64, 64, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Inter, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.studielink-aii.json b/packages/tokens/src/tokens.studielink-aii.json deleted file mode 100644 index 9579831..0000000 --- a/packages/tokens/src/tokens.studielink-aii.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(60, 83, 217, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(233, 237, 239, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Inter, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 245, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(229, 229, 229, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(163, 163, 163, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-blue-purple.dark.json b/packages/tokens/src/tokens.surf-blue-purple.dark.json deleted file mode 100644 index 5583967..0000000 --- a/packages/tokens/src/tokens.surf-blue-purple.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(4, 56, 154, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(157, 93, 231, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-blue-purple.json b/packages/tokens/src/tokens.surf-blue-purple.json deleted file mode 100644 index 7cf8bb3..0000000 --- a/packages/tokens/src/tokens.surf-blue-purple.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(6, 75, 203, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(157, 93, 231, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-blue-turquoise.dark.json b/packages/tokens/src/tokens.surf-blue-turquoise.dark.json deleted file mode 100644 index 1f60ced..0000000 --- a/packages/tokens/src/tokens.surf-blue-turquoise.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(4, 56, 154, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(57, 188, 177, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-blue-turquoise.json b/packages/tokens/src/tokens.surf-blue-turquoise.json deleted file mode 100644 index 3b02f76..0000000 --- a/packages/tokens/src/tokens.surf-blue-turquoise.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(6, 75, 203, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(57, 188, 177, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-green.dark.json b/packages/tokens/src/tokens.surf-green.dark.json deleted file mode 100644 index 0a703b9..0000000 --- a/packages/tokens/src/tokens.surf-green.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(3, 171, 104, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(49, 225, 155, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-green.json b/packages/tokens/src/tokens.surf-green.json deleted file mode 100644 index b97ee88..0000000 --- a/packages/tokens/src/tokens.surf-green.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(0, 211, 127, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(49, 225, 155, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-orange.dark.json b/packages/tokens/src/tokens.surf-orange.dark.json deleted file mode 100644 index e4f6a71..0000000 --- a/packages/tokens/src/tokens.surf-orange.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(233, 119, 47, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 136, 63, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-orange.json b/packages/tokens/src/tokens.surf-orange.json deleted file mode 100644 index 9014fe7..0000000 --- a/packages/tokens/src/tokens.surf-orange.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(255, 136, 63, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 136, 63, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-purple-orange.dark.json b/packages/tokens/src/tokens.surf-purple-orange.dark.json deleted file mode 100644 index dc0d521..0000000 --- a/packages/tokens/src/tokens.surf-purple-orange.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(66, 9, 132, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 136, 63, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-purple-orange.json b/packages/tokens/src/tokens.surf-purple-orange.json deleted file mode 100644 index 4e42c6c..0000000 --- a/packages/tokens/src/tokens.surf-purple-orange.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(86, 11, 173, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 136, 63, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-purple.dark.json b/packages/tokens/src/tokens.surf-purple.dark.json deleted file mode 100644 index 7cd6c08..0000000 --- a/packages/tokens/src/tokens.surf-purple.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(66, 9, 132, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(157, 93, 231, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-purple.json b/packages/tokens/src/tokens.surf-purple.json deleted file mode 100644 index 11c5c5c..0000000 --- a/packages/tokens/src/tokens.surf-purple.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(86, 11, 173, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(157, 93, 231, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-yellow.dark.json b/packages/tokens/src/tokens.surf-yellow.dark.json deleted file mode 100644 index 75516a5..0000000 --- a/packages/tokens/src/tokens.surf-yellow.dark.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(217, 195, 0, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 232, 74, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(41, 37, 36, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(248, 113, 113, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "ring": { - "$type": "color", - "$value": "rgba(115, 115, 115, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(16, 185, 129, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(168, 85, 247, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(244, 63, 94, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(29, 78, 216, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 250, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.05)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.12)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.08)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.7)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.9)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.2)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.3)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.6)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(248, 113, 113, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(69, 26, 3, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(212, 212, 212, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(115, 115, 115, 0.2)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(37, 99, 235, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(38, 38, 38, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(250, 250, 250, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.15)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.8)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/packages/tokens/src/tokens.surf-yellow.json b/packages/tokens/src/tokens.surf-yellow.json deleted file mode 100644 index d74ed4e..0000000 --- a/packages/tokens/src/tokens.surf-yellow.json +++ /dev/null @@ -1,930 +0,0 @@ -{ - "background": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "foreground": { - "$type": "color", - "$value": "rgba(10, 10, 10, 1)" - }, - "card": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "card-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "popover": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "popover-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "primary": { - "$type": "color", - "$value": "rgba(255, 229, 0, 1)" - }, - "primary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "secondary": { - "$type": "color", - "$value": "rgba(255, 229, 0, 1)" - }, - "secondary-foreground": { - "$type": "color", - "$value": "rgba(0, 0, 0, 1)" - }, - "muted": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "muted-foreground": { - "$type": "color", - "$value": "rgba(82, 82, 82, 1)" - }, - "accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "accent-foreground": { - "$type": "color", - "$value": "rgba(23, 23, 23, 1)" - }, - "destructive": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "input": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "chart-1": { - "$type": "color", - "$value": "rgba(234, 88, 12, 1)" - }, - "chart-2": { - "$type": "color", - "$value": "rgba(13, 148, 136, 1)" - }, - "chart-3": { - "$type": "color", - "$value": "rgba(22, 78, 99, 1)" - }, - "chart-4": { - "$type": "color", - "$value": "rgba(251, 191, 36, 1)" - }, - "chart-5": { - "$type": "color", - "$value": "rgba(245, 158, 11, 1)" - }, - "sidebar": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "sidebar-foreground": { - "$type": "color", - "$value": "rgba(12, 10, 9, 1)" - }, - "sidebar-primary": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-primary-foreground": { - "$type": "color", - "$value": "rgba(250, 250, 249, 1)" - }, - "sidebar-accent": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "sidebar-accent-foreground": { - "$type": "color", - "$value": "rgba(28, 25, 23, 1)" - }, - "sidebar-border": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "sidebar-ring": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "font-sans": { - "$type": "fontFamily", - "$value": "Source Sans 3, sans-serif" - }, - "font-mono": { - "$type": "fontFamily", - "$value": "Geist Mono, monospace" - }, - "destructive-foreground": { - "$type": "color", - "$value": "rgba(254, 242, 242, 1)" - }, - "ring-offset": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "alpha-5": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.95)" - }, - "alpha-10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.9)" - }, - "alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.8)" - }, - "alpha-30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "alpha-40": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.6)" - }, - "alpha-50": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.5)" - }, - "alpha-60": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.4)" - }, - "alpha-70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.3)" - }, - "alpha-80": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "alpha-90": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.1)" - }, - "custom-background-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-transparent-dark-input30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-transparent": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-background-dark-calendar30": { - "$type": "color", - "$value": "rgba(255, 255, 255, 1)" - }, - "custom-accent-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-accent-dark-calendar50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-input-dark-input80": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input-dark-input30": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-input50-dark-input80": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.5)" - }, - "custom-input30-dark-transparent": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-input30-dark-input30": { - "$type": "color", - "$value": "rgba(229, 229, 229, 0.3)" - }, - "custom-muted-dark-input50": { - "$type": "color", - "$value": "rgba(245, 245, 244, 1)" - }, - "custom-destructive-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive70": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive-dark-destructive90": { - "$type": "color", - "$value": "rgba(220, 38, 38, 1)" - }, - "custom-destructive10-dark-destructive20": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.1)" - }, - "custom-destructive20-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive20-dark-destructive30": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.2)" - }, - "custom-destructive40-dark-destructive60": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-destructive40-dark-destructive40": { - "$type": "color", - "$value": "rgba(220, 38, 38, 0.4)" - }, - "custom-amber900-dark-amber50": { - "$type": "color", - "$value": "rgba(120, 53, 15, 1)" - }, - "custom-amber50-dark-amber950": { - "$type": "color", - "$value": "rgba(255, 251, 235, 1)" - }, - "custom-amber200-dark-amber900": { - "$type": "color", - "$value": "rgba(253, 230, 138, 1)" - }, - "custom-neutral800-dark-neutral300": { - "$type": "color", - "$value": "rgba(38, 38, 38, 1)" - }, - "custom-dark-input": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0)" - }, - "custom-outline": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.5)" - }, - "custom-outline10-dark-outline20": { - "$type": "color", - "$value": "rgba(163, 163, 163, 0.1)" - }, - "custom-blue-500-dark-blue-600": { - "$type": "color", - "$value": "rgba(59, 130, 246, 1)" - }, - "custom-border-dark-input-dark": { - "$type": "color", - "$value": "rgba(214, 211, 209, 1)" - }, - "custom-ring-dark-input-dark": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-ring-dark-input-dark-2": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-popover70": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "custom-foreground10": { - "$type": "color", - "$value": "rgba(10, 10, 10, 0.1)" - }, - "custom-ring-dark-input-dark-3": { - "$type": "color", - "$value": "rgba(168, 162, 158, 1)" - }, - "custom-bg-background20-dark-bg-background10": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.2)" - }, - "custom-bg-primary5-dark-bg-primary10": { - "$type": "color", - "$value": "rgba(23, 23, 23, 0.05)" - }, - "custom-alpha-30-dark-alpha-20": { - "$type": "color", - "$value": "rgba(255, 255, 255, 0.7)" - }, - "breakpoint-sm": { - "$type": "dimension", - "$value": "640px" - }, - "breakpoint-md": { - "$type": "dimension", - "$value": "768px" - }, - "breakpoint-lg": { - "$type": "dimension", - "$value": "1024px" - }, - "breakpoint-xl": { - "$type": "dimension", - "$value": "1280px" - }, - "breakpoint-2xl": { - "$type": "dimension", - "$value": "1536px" - }, - "container-3xs": { - "$type": "dimension", - "$value": "256px" - }, - "text-xs-font-size": { - "$type": "dimension", - "$value": "0.75rem" - }, - "text-xs-line-height": { - "$type": "dimension", - "$value": "1rem" - }, - "text-sm-font-size": { - "$type": "dimension", - "$value": "0.875rem" - }, - "text-sm-line-height": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-base-font-size": { - "$type": "dimension", - "$value": "1rem" - }, - "text-base-line-height": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-lg-font-size": { - "$type": "dimension", - "$value": "1.125rem" - }, - "text-lg-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-xl-font-size": { - "$type": "dimension", - "$value": "1.25rem" - }, - "text-xl-line-height": { - "$type": "dimension", - "$value": "1.75rem" - }, - "text-2xl-font-size": { - "$type": "dimension", - "$value": "1.5rem" - }, - "text-2xl-line-height": { - "$type": "dimension", - "$value": "2rem" - }, - "text-3xl-font-size": { - "$type": "dimension", - "$value": "1.875rem" - }, - "text-3xl-line-height": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-font-size": { - "$type": "dimension", - "$value": "2.25rem" - }, - "text-4xl-line-height": { - "$type": "dimension", - "$value": "2.5rem" - }, - "text-5xl-font-size": { - "$type": "dimension", - "$value": "3rem" - }, - "text-5xl-line-height": { - "$type": "dimension", - "$value": "3rem" - }, - "text-6xl-font-size": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-6xl-line-height": { - "$type": "dimension", - "$value": "3.75rem" - }, - "text-7xl-font-size": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-7xl-line-height": { - "$type": "dimension", - "$value": "4.5rem" - }, - "text-8xl-font-size": { - "$type": "dimension", - "$value": "6rem" - }, - "text-8xl-line-height": { - "$type": "dimension", - "$value": "6rem" - }, - "text-9xl-font-size": { - "$type": "dimension", - "$value": "8rem" - }, - "text-9xl-line-height": { - "$type": "dimension", - "$value": "8rem" - }, - "container-2xs": { - "$type": "dimension", - "$value": "288px" - }, - "container-xs": { - "$type": "dimension", - "$value": "320px" - }, - "container-sm": { - "$type": "dimension", - "$value": "384px" - }, - "container-md": { - "$type": "dimension", - "$value": "448px" - }, - "container-lg": { - "$type": "dimension", - "$value": "512px" - }, - "container-xl": { - "$type": "dimension", - "$value": "576px" - }, - "container-2xl": { - "$type": "dimension", - "$value": "672px" - }, - "container-3xl": { - "$type": "dimension", - "$value": "768px" - }, - "container-4xl": { - "$type": "dimension", - "$value": "896px" - }, - "container-5xl": { - "$type": "dimension", - "$value": "1024px" - }, - "container-6xl": { - "$type": "dimension", - "$value": "1152px" - }, - "container-7xl": { - "$type": "dimension", - "$value": "1280px" - }, - "font-weight-thin": { - "$type": "number", - "$value": "100" - }, - "font-weight-extralight": { - "$type": "number", - "$value": "200" - }, - "font-weight-light": { - "$type": "number", - "$value": "300" - }, - "font-weight-normal": { - "$type": "number", - "$value": "400" - }, - "font-weight-medium": { - "$type": "number", - "$value": "500" - }, - "font-weight-semibold": { - "$type": "number", - "$value": "600" - }, - "font-weight-bold": { - "$type": "number", - "$value": "700" - }, - "font-weight-extrabold": { - "$type": "number", - "$value": "800" - }, - "font-weight-black": { - "$type": "number", - "$value": "900" - }, - "radius-xs": { - "$type": "dimension", - "$value": "0.125rem" - }, - "radius-sm": { - "$type": "dimension", - "$value": "0.375rem" - }, - "radius-md": { - "$type": "dimension", - "$value": "0.5rem" - }, - "radius-lg": { - "$type": "dimension", - "$value": "0.625rem" - }, - "radius-xl": { - "$type": "dimension", - "$value": "0.875rem" - }, - "radius-2xl": { - "$type": "dimension", - "$value": "1.125rem" - }, - "radius-3xl": { - "$type": "dimension", - "$value": "1.375rem" - }, - "radius-4xl": { - "$type": "dimension", - "$value": "1.625rem" - }, - "shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-1-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-1-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "shadow-sm-1-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-sm-2-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "shadow-sm-2-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-sm-2-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "inset-shadow-2xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-2xs-blur-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-2xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "inset-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "inset-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "inset-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "inset-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xs-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-blur-radius": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-xs-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-sm-offset-y": { - "$type": "dimension", - "$value": "1px" - }, - "drop-shadow-sm-blur-radius": { - "$type": "dimension", - "$value": "2px" - }, - "drop-shadow-sm-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "blur-xs": { - "$type": "dimension", - "$value": "4px" - }, - "blur-sm": { - "$type": "dimension", - "$value": "8px" - }, - "blur-md": { - "$type": "dimension", - "$value": "12px" - }, - "blur-lg": { - "$type": "dimension", - "$value": "16px" - }, - "blur-xl": { - "$type": "dimension", - "$value": "24px" - }, - "blur-2xl": { - "$type": "dimension", - "$value": "40px" - }, - "blur-3xl": { - "$type": "dimension", - "$value": "64px" - }, - "shadow-md-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-1-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-1-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-md-1-spread-radius": { - "$type": "dimension", - "$value": "-1px" - }, - "shadow-md-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-md-2-offset-y": { - "$type": "dimension", - "$value": "2px" - }, - "shadow-md-2-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-md-2-spread-radius": { - "$type": "dimension", - "$value": "-2px" - }, - "shadow-lg-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-1-offset-y": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-lg-1-blur-radius": { - "$type": "dimension", - "$value": "15px" - }, - "shadow-lg-1-spread-radius": { - "$type": "dimension", - "$value": "-3px" - }, - "shadow-lg-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-lg-2-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "shadow-lg-2-blur-radius": { - "$type": "dimension", - "$value": "6px" - }, - "shadow-lg-2-spread-radius": { - "$type": "dimension", - "$value": "-4px" - }, - "shadow-xl-1-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-1-offset-y": { - "$type": "dimension", - "$value": "20px" - }, - "shadow-xl-1-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-xl-1-spread-radius": { - "$type": "dimension", - "$value": "-5px" - }, - "shadow-xl-2-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-xl-2-offset-y": { - "$type": "dimension", - "$value": "8px" - }, - "shadow-xl-2-blur-radius": { - "$type": "dimension", - "$value": "10px" - }, - "shadow-xl-2-spread-radius": { - "$type": "dimension", - "$value": "-6px" - }, - "shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "50px" - }, - "shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "-12px" - }, - "drop-shadow-md-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-md-offset-y": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-blur-radius": { - "$type": "dimension", - "$value": "3px" - }, - "drop-shadow-md-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-lg-offset-y": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-blur-radius": { - "$type": "dimension", - "$value": "4px" - }, - "drop-shadow-lg-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-xl-offset-y": { - "$type": "dimension", - "$value": "9px" - }, - "drop-shadow-xl-blur-radius": { - "$type": "dimension", - "$value": "7px" - }, - "drop-shadow-xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-x": { - "$type": "dimension", - "$value": "0px" - }, - "drop-shadow-2xl-offset-y": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-blur-radius": { - "$type": "dimension", - "$value": "25px" - }, - "drop-shadow-2xl-spread-radius": { - "$type": "dimension", - "$value": "0px" - }, - "radius-none": { - "$type": "dimension", - "$value": "0rem" - }, - "radius-full": { - "$type": "dimension", - "$value": "624.9375rem" - } -} diff --git a/scripts/sync-figma.ts b/scripts/sync-figma.ts index 872eac7..8ab7d76 100644 --- a/scripts/sync-figma.ts +++ b/scripts/sync-figma.ts @@ -4,7 +4,13 @@ * per extra theme). JSON only — the @surfnet/tokens build turns these into CSS. * Needs FIGMA_TOKEN + FIGMA_FILE_ID in .env. * - * Usage: pnpm sync:figma [--theme "SURF Blue"] + * By default it reads from the main file. Pass --branch "" (or set + * FIGMA_BRANCH) to pull variables from a Figma branch instead. A branch key (the + * segment after /branch/ in the branch URL) is used directly; anything else is + * treated as a branch name and resolved to its key via the file's branch + * metadata (which needs the file_content:read token scope). + * + * Usage: pnpm sync:figma [--theme "SURF Blue"] [--branch "my-branch"] */ import 'dotenv/config'; @@ -25,11 +31,15 @@ type TokenMap = Record; type DtcgType = 'color' | 'number' | 'fontFamily' | 'dimension' | 'other'; const { values: args } = parseArgs({ - options: { theme: { type: 'string', default: 'SURF Blue' } }, + options: { + theme: { type: 'string', default: 'SURF Blue' }, + branch: { type: 'string' }, + }, strict: false, }); const DEFAULT_THEME = args.theme as string; +const BRANCH = (args.branch as string | undefined) ?? process.env.FIGMA_BRANCH; const FIGMA_TOKEN = process.env.FIGMA_TOKEN; const FIGMA_FILE_ID = process.env.FIGMA_FILE_ID; @@ -40,9 +50,44 @@ if (!FIGMA_TOKEN || !FIGMA_FILE_ID) { const outDir = resolve(fileURLToPath(import.meta.url), '..', '..', 'packages/tokens/src'); -console.log(`\nFetching variables from Figma file ${FIGMA_FILE_ID}…`); +/** Resolve a Figma branch name to its own file key (branches are separate files). */ +async function resolveBranchFileKey(branchName: string): Promise { + const metaResp = await fetch( + `https://api.figma.com/v1/files/${FIGMA_FILE_ID}?branch_data=true&depth=1`, + { headers: { 'X-Figma-Token': FIGMA_TOKEN! } }, + ); + if (!metaResp.ok) { + console.error(`Figma API error ${metaResp.status}: ${await metaResp.text()}`); + process.exit(1); + } + const { branches = [] } = (await metaResp.json()) as { + branches?: { key: string; name: string }[]; + }; + const branch = branches.find((b) => b.name === branchName); + if (!branch) { + const available = branches.map((b) => `"${b.name}"`).join(', ') || '(none)'; + console.error(`Branch "${branchName}" not found. Available branches: ${available}`); + process.exit(1); + } + return branch.key; +} + +/** Figma file/branch keys are ~22-char base62 strings (no spaces). */ +const looksLikeKey = (s: string): boolean => /^[A-Za-z0-9]{15,}$/.test(s); + +const fileKey = BRANCH + ? looksLikeKey(BRANCH) + ? BRANCH + : await resolveBranchFileKey(BRANCH) + : FIGMA_FILE_ID; + +console.log( + BRANCH + ? `\nFetching variables from Figma branch "${BRANCH}" (${fileKey})…` + : `\nFetching variables from Figma file ${fileKey}…`, +); -const resp = await fetch(`https://api.figma.com/v1/files/${FIGMA_FILE_ID}/variables/local`, { +const resp = await fetch(`https://api.figma.com/v1/files/${fileKey}/variables/local`, { headers: { 'X-Figma-Token': FIGMA_TOKEN }, }); if (!resp.ok) { @@ -74,35 +119,37 @@ function findCollection( return best; } +// Layout detection. The original ("v1") file separates Light/Dark and theme into +// two collections ("3. Mode" × "2. Theme"). The redesigned ("v2") layout folds +// them into one themes collection whose modes are per-theme + per-scheme +// (e.g. "SURF Blue - Light"), with primitives in a Tailwind collection and +// typography in a Typography collection. The v2 collections are detected +// structurally rather than by name/number — the branch renumbers them as it +// evolves (e.g. "3. Themes" → "4. Themes"). +const SCHEME_MODE = /[-–]\s*(light|dark)\s*$/i; + +/** The largest collection whose modes carry a " - Light/Dark" suffix. */ +const findThemesV2 = (): LocalVariableCollection | null => { + let best: LocalVariableCollection | null = null; + for (const col of Object.values(collections)) { + if (!col.modes.some((m) => SCHEME_MODE.test(m.name))) continue; + if (!best || col.variableIds.length > best.variableIds.length) best = col; + } + return best; +}; + const modeCol = findCollection('3. Mode', ['Light', 'Dark']); -if (!modeCol) { - console.error('Could not find "3. Mode" collection with Light/Dark modes'); - process.exit(1); -} -const lightModeId = modeCol.modes.find((m) => m.name === 'Light')!.modeId; -const darkModeId = modeCol.modes.find((m) => m.name === 'Dark')!.modeId; - -const themeCol = findCollection('2. Theme', [DEFAULT_THEME]); -if (!themeCol) { - const available = Object.values(collections) - .filter((c) => c.name.includes('Theme')) - .flatMap((c) => c.modes.map((m) => m.name)) - .filter((v, i, a) => a.indexOf(v) === i) - .join(', '); - console.error(`Theme "${DEFAULT_THEME}" not found. Available themes: ${available}`); +const themesCol = findThemesV2(); +if (!modeCol && !themesCol) { + console.error( + 'Could not find a "3. Mode" (Light/Dark) collection or a themes collection with " - Light/Dark" modes', + ); process.exit(1); } - -const allThemeModes = themeCol.modes; -console.log(`Default theme: "${DEFAULT_THEME}" — syncing ${allThemeModes.length} theme(s)`); - -// "1. TailwindCSS" — border-radius + font-family tokens (single mode) -const twCol = findCollection('1. TailwindCSS'); -const twModeId = twCol?.modes[0]?.modeId ?? null; - -// Stop boundary so resolveAlias doesn't cross into the theme layer with a -// semantic mode ID; a second pass then applies the correct theme mode. -const themeModeIds = new Set(themeCol.modes.map((m) => m.modeId)); +const layout: 'v1' | 'v2' = modeCol ? 'v1' : 'v2'; +console.log( + `Variable layout: ${layout === 'v1' ? 'standard ("3. Mode" × "2. Theme")' : `redesigned ("${themesCol!.name}")`}`, +); /** Resolve VARIABLE_ALIAS chains to a concrete value. `preferredModeId` is tried * first, falling back to the first mode. If `stopAtModes` is given, return the @@ -130,14 +177,6 @@ function resolveAlias( const figmaColorToRgba = ({ r, g, b, a = 1 }: RGBA): string => `rgba(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)}, ${parseFloat(a.toFixed(2))})`; -/** Resolve a colour through "3. Mode" (semantic) into a "2. Theme" palette. */ -function resolveColor(varId: string, semanticModeId: string, themeModeId: string): string | null { - const raw = variables[varId]?.valuesByMode[semanticModeId]; - if (raw === undefined) return null; - const resolved = resolveAlias(resolveAlias(raw, semanticModeId, themeModeIds), themeModeId); - return isColor(resolved) ? figmaColorToRgba(resolved) : null; -} - const pxToRem = (px: number): string => `${parseFloat((px / 16).toFixed(4).replace(/\.?0+$/, ''))}rem`; @@ -162,108 +201,284 @@ function figmaNameToCssProp(name: string): string { // Collectors return flat { cssProp → value } maps (key = CSS prop minus `--`). -/** All colour vars in "3. Mode" resolved through the given theme mode. */ -function collectColorTokens(semanticModeId: string, themeModeId: string): TokenMap { - const tokens: TokenMap = {}; - for (const varId of modeCol!.variableIds) { - const v = variables[varId]; - if (!v || v.resolvedType !== 'COLOR') continue; - const val = resolveColor(varId, semanticModeId, themeModeId); - if (val) tokens[figmaNameToCssProp(v.name)] = val; +type ThemeOutput = { name: string; light: TokenMap; dark: TokenMap }; + +/** v1 layout: "3. Mode" (Light/Dark) resolved through each "2. Theme" palette. */ +function collectV1(): ThemeOutput[] { + const lightModeId = modeCol!.modes.find((m) => m.name === 'Light')!.modeId; + const darkModeId = modeCol!.modes.find((m) => m.name === 'Dark')!.modeId; + + const themeCol = findCollection('2. Theme', [DEFAULT_THEME]); + if (!themeCol) { + const available = Object.values(collections) + .filter((c) => c.name.includes('Theme')) + .flatMap((c) => c.modes.map((m) => m.name)) + .filter((v, i, a) => a.indexOf(v) === i) + .join(', '); + console.error(`Theme "${DEFAULT_THEME}" not found. Available themes: ${available}`); + process.exit(1); } - return tokens; -} -/** Radius + font-family tokens from "1. TailwindCSS" (theme-independent). */ -function collectTailwindTokens(): { radius: TokenMap; font: TokenMap } { - const radius: TokenMap = {}; - const font: TokenMap = {}; - if (!twCol || !twModeId) return { radius, font }; - - for (const varId of twCol.variableIds) { - const v = variables[varId]; - const raw = v?.valuesByMode[twModeId]; - if (!v || raw === undefined) continue; - const val = resolveAlias(raw, twModeId); - - if ( - v.resolvedType === 'FLOAT' && - v.name.startsWith('border-radius/') && - typeof val === 'number' - ) { - const step = v.name.slice('border-radius/'.length).replace(/^rounded-/, ''); - radius[`radius-${step}`] = - val === 9999 ? '624.9375rem' : `${(val / 16).toFixed(4).replace(/\.?0+$/, '')}rem`; + // "1. TailwindCSS" — border-radius + font-family tokens (single mode) + const twCol = findCollection('1. TailwindCSS'); + const twModeId = twCol?.modes[0]?.modeId ?? null; + + // Stop boundary so resolveAlias doesn't cross into the theme layer with a + // semantic mode ID; a second pass then applies the correct theme mode. + const themeModeIds = new Set(themeCol.modes.map((m) => m.modeId)); + + /** Resolve a colour through "3. Mode" (semantic) into a "2. Theme" palette. */ + const resolveColor = ( + varId: string, + semanticModeId: string, + themeModeId: string, + ): string | null => { + const raw = variables[varId]?.valuesByMode[semanticModeId]; + if (raw === undefined) return null; + const resolved = resolveAlias(resolveAlias(raw, semanticModeId, themeModeIds), themeModeId); + return isColor(resolved) ? figmaColorToRgba(resolved) : null; + }; + + /** All colour vars in "3. Mode" resolved through the given theme mode. */ + const collectColorTokens = (semanticModeId: string, themeModeId: string): TokenMap => { + const tokens: TokenMap = {}; + for (const varId of modeCol!.variableIds) { + const v = variables[varId]; + if (!v || v.resolvedType !== 'COLOR') continue; + const val = resolveColor(varId, semanticModeId, themeModeId); + if (val) tokens[figmaNameToCssProp(v.name)] = val; } - if ( - v.resolvedType === 'STRING' && - v.name.startsWith('font-family/') && - typeof val === 'string' - ) { - font[`font-${v.name.slice('font-family/'.length)}`] = val; + return tokens; + }; + + /** Radius + font-family tokens from "1. TailwindCSS" (theme-independent). */ + const collectTailwindTokens = (): { radius: TokenMap; font: TokenMap } => { + const radius: TokenMap = {}; + const font: TokenMap = {}; + if (!twCol || !twModeId) return { radius, font }; + + for (const varId of twCol.variableIds) { + const v = variables[varId]; + const raw = v?.valuesByMode[twModeId]; + if (!v || raw === undefined) continue; + const val = resolveAlias(raw, twModeId); + + if ( + v.resolvedType === 'FLOAT' && + v.name.startsWith('border-radius/') && + typeof val === 'number' + ) { + const step = v.name.slice('border-radius/'.length).replace(/^rounded-/, ''); + radius[`radius-${step}`] = + val === 9999 ? '624.9375rem' : `${(val / 16).toFixed(4).replace(/\.?0+$/, '')}rem`; + } + if ( + v.resolvedType === 'STRING' && + v.name.startsWith('font-family/') && + typeof val === 'string' + ) { + font[`font-${v.name.slice('font-family/'.length)}`] = val; + } } - } - return { radius, font }; + return { radius, font }; + }; + + /** Non-colour tokens (typography, radius, blur, …) from "2. Theme" for the given + * theme mode, plus the resolved font stacks. */ + const collectThemeNonColorTokens = (themeModeId: string): TokenMap => { + const tokens: TokenMap = {}; + + for (const varId of themeCol.variableIds) { + const v = variables[varId]; + if (!v || v.resolvedType === 'COLOR') continue; + const raw = v.valuesByMode[themeModeId]; + if (raw === undefined) continue; + const val = resolveAlias(raw, themeModeId); + + const parts = v.name.split('/'); + const top = parts[0] ?? ''; + const name = parts[1] ?? ''; + + if (top === 'text' && parts.length === 3 && typeof val === 'number') { + const prop = parts[2]; + if (prop === 'font-size' || prop === 'line-height') + tokens[`text-${name}-${prop}`] = pxToRem(val); + } else if (top === 'font' && parts.length === 2 && typeof val === 'string') { + tokens[`font-${name}`] = val; + } else if (top === 'font-weight' && parts.length === 2 && typeof val === 'number') { + tokens[`font-weight-${name}`] = String(val); + } else if (top === 'radius' && parts.length === 2 && typeof val === 'number') { + tokens[`radius-${name}`] = pxToRem(val); + } else if (top === 'blur' && parts.length === 2 && typeof val === 'number') { + tokens[`blur-${name}`] = `${val}px`; + } else if (top === 'breakpoint' && parts.length === 2 && typeof val === 'number') { + tokens[`breakpoint-${name}`] = `${val}px`; + } else if (top === 'container' && parts.length === 2 && typeof val === 'number') { + tokens[`container-${name}`] = `${val}px`; + } else if ( + (top === 'shadow' || top === 'drop-shadow' || top === 'inset-shadow') && + typeof val === 'number' + ) { + tokens[figmaNameToCssProp(v.name)] = `${val}px`; + } + } + + // Collapse font stacks (font/font-sans, font/font-mono) → --font-sans / --font-mono. + const sans = tokens['font-font-sans'] ?? 'Source Sans 3'; + const mono = tokens['font-font-mono'] ?? 'Geist Mono'; + delete tokens['font-font-sans']; + delete tokens['font-font-serif']; + delete tokens['font-font-mono']; + tokens['font-sans'] = `${sans}, sans-serif`; + tokens['font-mono'] = `${mono}, monospace`; + + return tokens; + }; + + const { radius: twRadius, font: twFont } = collectTailwindTokens(); + console.log(`Default theme: "${DEFAULT_THEME}" — syncing ${themeCol.modes.length} theme(s)`); + + return themeCol.modes.map(({ modeId, name }) => { + const shared = { ...collectThemeNonColorTokens(modeId), ...twFont, ...twRadius }; + return { + name, + light: { ...collectColorTokens(lightModeId, modeId), ...shared }, + dark: { ...collectColorTokens(darkModeId, modeId), ...shared }, + }; + }); } -/** Non-colour tokens (typography, radius, blur, …) from "2. Theme" for the given - * theme mode, plus the resolved font stacks. */ -function collectThemeNonColorTokens(themeModeId: string): TokenMap { - const tokens: TokenMap = {}; - - for (const varId of themeCol!.variableIds) { - const v = variables[varId]; - if (!v || v.resolvedType === 'COLOR') continue; - const raw = v.valuesByMode[themeModeId]; - if (raw === undefined) continue; - const val = resolveAlias(raw, themeModeId); - - const parts = v.name.split('/'); - const top = parts[0] ?? ''; - const name = parts[1] ?? ''; - - if (top === 'text' && parts.length === 3 && typeof val === 'number') { - const prop = parts[2]; - if (prop === 'font-size' || prop === 'line-height') - tokens[`text-${name}-${prop}`] = pxToRem(val); - } else if (top === 'font' && parts.length === 2 && typeof val === 'string') { - tokens[`font-${name}`] = val; - } else if (top === 'font-weight' && parts.length === 2 && typeof val === 'number') { - tokens[`font-weight-${name}`] = String(val); - } else if (top === 'radius' && parts.length === 2 && typeof val === 'number') { - tokens[`radius-${name}`] = pxToRem(val); - } else if (top === 'blur' && parts.length === 2 && typeof val === 'number') { - tokens[`blur-${name}`] = `${val}px`; - } else if (top === 'breakpoint' && parts.length === 2 && typeof val === 'number') { - tokens[`breakpoint-${name}`] = `${val}px`; - } else if (top === 'container' && parts.length === 2 && typeof val === 'number') { - tokens[`container-${name}`] = `${val}px`; - } else if ( - (top === 'shadow' || top === 'drop-shadow' || top === 'inset-shadow') && - typeof val === 'number' - ) { - tokens[figmaNameToCssProp(v.name)] = `${val}px`; +/** v2 layout: a single themes collection (modes = " - Light/Dark"), with + * primitives in a Tailwind collection and typography in a Typography collection. + * Names are emitted verbatim (via figmaNameToCssProp) — the branch's redesigned + * taxonomy, not the v1 shadcn-flat names. Collections are matched by keyword with + * a content-based fallback, since the branch renumbers them as it evolves. */ +function collectV2(): ThemeOutput[] { + const largestWith = (pred: (name: string) => boolean): LocalVariableCollection | null => + Object.values(collections) + .filter((c) => c.variableIds.some((id) => pred(variables[id]?.name ?? ''))) + .sort((a, b) => b.variableIds.length - a.variableIds.length)[0] ?? null; + + const twCol = largestWith((n) => n.startsWith('border-radius/')) ?? findCollection('Tailwind'); + const typoCol = largestWith((n) => n.startsWith('heading-')) ?? findCollection('Typography'); + + // Primitive families that belong to the design-system token contract. The rest + // of the Tailwind collection (spacing, width, height, opacity, …) is skipped. + const KEEP = new Set([ + 'text', + 'font-weight', + 'border-radius', + 'blur', + 'breakpoint', + 'container', + 'shadow', + 'drop-shadow', + 'inset-shadow', + ]); + + /** Primitive + typography tokens — theme-independent on the branch. */ + const collectNonColor = (): TokenMap => { + const tokens: TokenMap = {}; + + if (twCol) { + const modeId = twCol.modes[0]!.modeId; + for (const varId of twCol.variableIds) { + const v = variables[varId]; + if (!v) continue; + const raw = v.valuesByMode[modeId]; + if (raw === undefined) continue; + const val = resolveAlias(raw, modeId); + + // Font stacks → --font-sans / --font-mono (match the v1 output shape). + if (v.name === 'font/font-sans' && typeof val === 'string') { + tokens['font-sans'] = `${val}, sans-serif`; + continue; + } + if (v.name === 'font/font-mono' && typeof val === 'string') { + tokens['font-mono'] = `${val}, monospace`; + continue; + } + + const top = v.name.split('/')[0] ?? ''; + if (!KEEP.has(top)) continue; + + const key = figmaNameToCssProp(v.name); + if (isColor(val)) + tokens[key] = figmaColorToRgba(val); // shadow colour parts + else if (typeof val === 'number') { + if (top === 'font-weight') tokens[key] = String(val); + else if (top === 'text' || top === 'border-radius') tokens[key] = pxToRem(val); + else tokens[key] = `${val}px`; + } else if (typeof val === 'string') tokens[key] = val; + } + } + + if (typoCol) { + const modeId = + typoCol.modes.find((m) => m.name === 'Desktop')?.modeId ?? typoCol.modes[0]!.modeId; + for (const varId of typoCol.variableIds) { + const v = variables[varId]; + if (!v) continue; + const raw = v.valuesByMode[modeId]; + if (raw === undefined) continue; + const val = resolveAlias(raw, modeId); + + const key = figmaNameToCssProp(v.name); + if (typeof val === 'number') { + if (/font-weight/.test(v.name)) tokens[key] = String(val); + else if (/font-size|line-height/.test(v.name)) tokens[key] = pxToRem(val); + else tokens[key] = `${val}px`; + } else if (typeof val === 'string') tokens[key] = val; + } + } + + return tokens; + }; + + /** Colour vars in the themes collection for one (theme + scheme) mode. */ + const collectColors = (modeId: string): TokenMap => { + const tokens: TokenMap = {}; + for (const varId of themesCol!.variableIds) { + const v = variables[varId]; + if (!v || v.resolvedType !== 'COLOR') continue; + const raw = v.valuesByMode[modeId]; + if (raw === undefined) continue; + const val = resolveAlias(raw, modeId); + if (isColor(val)) tokens[figmaNameToCssProp(v.name)] = figmaColorToRgba(val); } + return tokens; + }; + + // Group modes by theme; mode names look like "SURF Blue - Light". + const byTheme = new Map(); + for (const m of themesCol!.modes) { + const match = /^(.*?)\s*[-–]\s*(light|dark)\s*$/i.exec(m.name); + const theme = match ? match[1]!.trim() : m.name; + const scheme = (match ? match[2]!.toLowerCase() : 'light') as 'light' | 'dark'; + const entry = byTheme.get(theme) ?? {}; + entry[scheme] = m.modeId; + byTheme.set(theme, entry); } - // Collapse font stacks (font/font-sans, font/font-mono) → --font-sans / --font-mono. - const sans = tokens['font-font-sans'] ?? 'Source Sans 3'; - const mono = tokens['font-font-mono'] ?? 'Geist Mono'; - delete tokens['font-font-sans']; - delete tokens['font-font-serif']; - delete tokens['font-font-mono']; - tokens['font-sans'] = `${sans}, sans-serif`; - tokens['font-mono'] = `${mono}, monospace`; + const shared = collectNonColor(); + console.log( + `Themes in "${themesCol!.name}": ${[...byTheme.keys()].map((t) => `"${t}"`).join(', ')}`, + ); - return tokens; + return [...byTheme].map(([name, modes]) => ({ + name, + light: { ...collectColors(modes.light ?? modes.dark!), ...shared }, + dark: { ...collectColors(modes.dark ?? modes.light!), ...shared }, + })); } /** Infer a DTCG $type from a resolved CSS value string. */ function inferType(key: string, value: string): DtcgType { if (/^rgba?\(|^#|^oklch\(|^hsl/.test(value)) return 'color'; - if (key.startsWith('font-weight')) return 'number'; - if (key.startsWith('font-')) return 'fontFamily'; + if (/font-weight/.test(key)) return 'number'; + if (/font-family/.test(key) || key.startsWith('font-')) return 'fontFamily'; if (/(rem|px|em)$/.test(value)) return 'dimension'; + if (/^-?\d+(\.\d+)?$/.test(value)) return 'number'; return 'other'; } @@ -321,7 +536,7 @@ function writeJson(filename: string, map: TokenMap): number { return Object.keys(map).length; } -const { radius: twRadius, font: twFont } = collectTailwindTokens(); +const themes = layout === 'v1' ? collectV1() : collectV2(); // Drop stale per-theme files from previous syncs (keep the default dark pair). for (const f of readdirSync(outDir)) { @@ -331,11 +546,7 @@ mkdirSync(outDir, { recursive: true }); console.log('\nWriting token files:'); -for (const { modeId, name } of allThemeModes) { - const shared = { ...collectThemeNonColorTokens(modeId), ...twFont, ...twRadius }; - const light = { ...collectColorTokens(lightModeId, modeId), ...shared }; - const dark = { ...collectColorTokens(darkModeId, modeId), ...shared }; - +for (const { name, light, dark } of themes) { const cls = themeNameToClass(name); const isDefault = name === DEFAULT_THEME; const lightFile = isDefault ? 'tokens.json' : `tokens.${cls}.json`; From 969f0ff02ea352165529f1188af2961fbdf7fe57 Mon Sep 17 00:00:00 2001 From: sjoerdbeentjes <11621275+sjoerdbeentjes@users.noreply.github.com> Date: Mon, 29 Jun 2026 13:00:57 +0200 Subject: [PATCH 2/3] feat(angular): migrate button to redesigned token taxonomy Override the Spartan Tailwind preset's color bridge in styles.css to point at the new @surfnet/tokens role-based names, and switch the button to the dedicated hover tokens. Mirrors the React change for parity. --- .claude/launch.json | 6 +++ .../src/lib/ui/button/src/lib/hlm-button.ts | 4 +- packages/angular/src/styles.css | 41 +++++++++++++++++++ 3 files changed, 49 insertions(+), 2 deletions(-) diff --git a/.claude/launch.json b/.claude/launch.json index f8ca2e8..eaea9b1 100644 --- a/.claude/launch.json +++ b/.claude/launch.json @@ -6,6 +6,12 @@ "runtimeExecutable": "pnpm", "runtimeArgs": ["--filter", "@surfnet/react-app", "dev"], "port": 3000 + }, + { + "name": "angular-storybook", + "runtimeExecutable": "pnpm", + "runtimeArgs": ["--filter", "@surfnet/angular", "storybook"], + "port": 6007 } ] } diff --git a/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts b/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts index 448a112..2e3ed5e 100644 --- a/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts +++ b/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts @@ -7,11 +7,11 @@ import type { ClassValue } from 'clsx'; import { injectBrnButtonConfig } from './hlm-button.token'; const variantClasses = { - default: 'bg-primary text-primary-foreground hover:bg-primary/80', + default: 'bg-primary text-primary-foreground hover:bg-primary-hover', outline: 'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs', secondary: - 'bg-secondary text-secondary-foreground aria-expanded:bg-secondary aria-expanded:text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]', + 'bg-secondary text-secondary-foreground aria-expanded:bg-secondary aria-expanded:text-secondary-foreground hover:bg-secondary-hover', ghost: 'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground', destructive: diff --git a/packages/angular/src/styles.css b/packages/angular/src/styles.css index dc26903..7e7dbaf 100644 --- a/packages/angular/src/styles.css +++ b/packages/angular/src/styles.css @@ -7,6 +7,47 @@ @import '@surfnet/tokens/tokens.css'; /* You can add global styles to this file, and also import other style files */ +/* Bridge the Spartan preset's utility names to the redesigned @surfnet/tokens + role-based taxonomy (overrides hlm-tailwind-preset.css, which still points at + the old flat token names). Keep in sync with packages/react/src/index.css: + muted → subtle, accent → item-hover, destructive → error, sidebar-* → alt. */ +@theme inline { + --color-sidebar-ring: var(--ring-alt); + --color-sidebar-border: var(--border-alt); + --color-sidebar-accent-foreground: var(--foreground-alt-item-hover); + --color-sidebar-accent: var(--background-alt-item-hover); + --color-sidebar-primary-foreground: var(--foreground-alt-primary); + --color-sidebar-primary: var(--background-alt-primary); + --color-sidebar-foreground: var(--foreground-alt); + --color-sidebar: var(--background-alt); + --color-chart-5: var(--charts-chart-5); + --color-chart-4: var(--charts-chart-4); + --color-chart-3: var(--charts-chart-3); + --color-chart-2: var(--charts-chart-2); + --color-chart-1: var(--charts-chart-1); + --color-ring: var(--ring-default); + --color-input: var(--border-default); + --color-border: var(--border-default); + --color-destructive-foreground: var(--foreground-error); + --color-destructive: var(--background-error); + --color-accent-foreground: var(--foreground-item-hover); + --color-accent: var(--background-item-hover); + --color-muted-foreground: var(--foreground-subtle); + --color-muted: var(--background-subtle); + --color-secondary-hover: var(--background-secondary-hover); + --color-secondary-foreground: var(--foreground-secondary); + --color-secondary: var(--background-secondary); + --color-primary-hover: var(--background-primary-hover); + --color-primary-foreground: var(--foreground-primary); + --color-primary: var(--background-primary); + --color-popover-foreground: var(--foreground-popover); + --color-popover: var(--background-popover); + --color-card-foreground: var(--foreground-card); + --color-card: var(--background-card); + --color-foreground: var(--foreground-default); + --color-background: var(--background-default); +} + :root { color-scheme: light; From 4b6eeb1db850f78f61d53610873fd7e59b01d327 Mon Sep 17 00:00:00 2001 From: sjoerdbeentjes <11621275+sjoerdbeentjes@users.noreply.github.com> Date: Mon, 29 Jun 2026 13:39:10 +0200 Subject: [PATCH 3/3] refactor(tokens): use literal Figma token names as Tailwind utilities Drop the shadcn-alias bridge. Expose the @surfnet/tokens variables to Tailwind under their literal Figma role names (bg-background-primary, text-foreground-primary, hover:bg-background-item-hover, ...) in both the React @theme block and the Angular styles.css override. Rewrite both button components to the dedicated role tokens, which removes the opacity/dark hacks the redesign makes unnecessary (primary/80 -> background-primary-hover, destructive/10 -> background-error-subtle, the dark:input outline treatment -> theme-aware background-item-hover). --- .../src/lib/ui/button/src/lib/hlm-button.ts | 14 +-- packages/angular/src/styles.css | 89 ++++++++++--------- .../react/src/components/ui/button/button.tsx | 14 +-- packages/react/src/index.css | 88 +++++++++--------- 4 files changed, 111 insertions(+), 94 deletions(-) diff --git a/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts b/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts index 2e3ed5e..d5c7ffe 100644 --- a/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts +++ b/packages/angular/src/lib/ui/button/src/lib/hlm-button.ts @@ -7,16 +7,16 @@ import type { ClassValue } from 'clsx'; import { injectBrnButtonConfig } from './hlm-button.token'; const variantClasses = { - default: 'bg-primary text-primary-foreground hover:bg-primary-hover', + default: 'bg-background-primary text-foreground-primary hover:bg-background-primary-hover', outline: - 'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs', + 'border-border-default bg-background-default hover:bg-background-item-hover hover:text-foreground-item-hover aria-expanded:bg-background-item-hover aria-expanded:text-foreground-item-hover shadow-xs', secondary: - 'bg-secondary text-secondary-foreground aria-expanded:bg-secondary aria-expanded:text-secondary-foreground hover:bg-secondary-hover', + 'bg-background-secondary text-foreground-secondary aria-expanded:bg-background-secondary aria-expanded:text-foreground-secondary hover:bg-background-secondary-hover', ghost: - 'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground', + 'hover:bg-background-item-hover hover:text-foreground-item-hover aria-expanded:bg-background-item-hover aria-expanded:text-foreground-item-hover', destructive: - 'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30', - link: 'text-primary underline-offset-4 hover:underline', + 'bg-background-error-subtle hover:bg-background-error-subtle-hover text-foreground-error focus-visible:border-border-error focus-visible:ring-ring-default-error/20', + link: 'text-background-primary underline-offset-4 hover:underline', } satisfies Record; const sizeClasses = { @@ -33,7 +33,7 @@ const sizeClasses = { } satisfies Record; export const buttonVariants = cva( - "focus-visible:border-ring focus-visible:ring-ring/50 data-[matches-spartan-invalid=true]:ring-destructive/20 dark:data-[matches-spartan-invalid=true]:ring-destructive/40 data-[matches-spartan-invalid=true]:border-destructive dark:data-[matches-spartan-invalid=true]:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)] group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0", + "focus-visible:border-ring-default focus-visible:ring-ring-default/50 data-[matches-spartan-invalid=true]:ring-ring-default-error/20 data-[matches-spartan-invalid=true]:border-border-error rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px data-[matches-spartan-invalid=true]:ring-3 [&_ng-icon:not([class*='text-'])]:text-[calc(var(--spacing)*4)] group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_ng-icon]:pointer-events-none [&_ng-icon]:shrink-0", { variants: { variant: variantClasses, diff --git a/packages/angular/src/styles.css b/packages/angular/src/styles.css index 7e7dbaf..5af2428 100644 --- a/packages/angular/src/styles.css +++ b/packages/angular/src/styles.css @@ -7,45 +7,54 @@ @import '@surfnet/tokens/tokens.css'; /* You can add global styles to this file, and also import other style files */ -/* Bridge the Spartan preset's utility names to the redesigned @surfnet/tokens - role-based taxonomy (overrides hlm-tailwind-preset.css, which still points at - the old flat token names). Keep in sync with packages/react/src/index.css: - muted → subtle, accent → item-hover, destructive → error, sidebar-* → alt. */ +/* Expose the @surfnet/tokens variables to Tailwind under their literal Figma role + names (e.g. bg-background-primary, text-foreground-primary). The @spartan-ng + preset still registers the old flat names; we don't use those. Keep in sync + with packages/react/src/index.css. */ @theme inline { - --color-sidebar-ring: var(--ring-alt); - --color-sidebar-border: var(--border-alt); - --color-sidebar-accent-foreground: var(--foreground-alt-item-hover); - --color-sidebar-accent: var(--background-alt-item-hover); - --color-sidebar-primary-foreground: var(--foreground-alt-primary); - --color-sidebar-primary: var(--background-alt-primary); - --color-sidebar-foreground: var(--foreground-alt); - --color-sidebar: var(--background-alt); - --color-chart-5: var(--charts-chart-5); - --color-chart-4: var(--charts-chart-4); - --color-chart-3: var(--charts-chart-3); - --color-chart-2: var(--charts-chart-2); - --color-chart-1: var(--charts-chart-1); - --color-ring: var(--ring-default); - --color-input: var(--border-default); - --color-border: var(--border-default); - --color-destructive-foreground: var(--foreground-error); - --color-destructive: var(--background-error); - --color-accent-foreground: var(--foreground-item-hover); - --color-accent: var(--background-item-hover); - --color-muted-foreground: var(--foreground-subtle); - --color-muted: var(--background-subtle); - --color-secondary-hover: var(--background-secondary-hover); - --color-secondary-foreground: var(--foreground-secondary); - --color-secondary: var(--background-secondary); - --color-primary-hover: var(--background-primary-hover); - --color-primary-foreground: var(--foreground-primary); - --color-primary: var(--background-primary); - --color-popover-foreground: var(--foreground-popover); - --color-popover: var(--background-popover); - --color-card-foreground: var(--foreground-card); - --color-card: var(--background-card); - --color-foreground: var(--foreground-default); - --color-background: var(--background-default); + --color-background-default: var(--background-default); + --color-background-subtle: var(--background-subtle); + --color-background-primary: var(--background-primary); + --color-background-primary-hover: var(--background-primary-hover); + --color-background-secondary: var(--background-secondary); + --color-background-secondary-hover: var(--background-secondary-hover); + --color-background-error: var(--background-error); + --color-background-error-subtle: var(--background-error-subtle); + --color-background-error-subtle-hover: var(--background-error-subtle-hover); + --color-background-card: var(--background-card); + --color-background-popover: var(--background-popover); + --color-background-item-hover: var(--background-item-hover); + --color-background-item-selected: var(--background-item-selected); + --color-background-alt: var(--background-alt); + --color-background-alt-primary: var(--background-alt-primary); + --color-background-alt-item-hover: var(--background-alt-item-hover); + --color-foreground-default: var(--foreground-default); + --color-foreground-default-primary: var(--foreground-default-primary); + --color-foreground-default-error: var(--foreground-default-error); + --color-foreground-subtle: var(--foreground-subtle); + --color-foreground-secondary: var(--foreground-secondary); + --color-foreground-primary: var(--foreground-primary); + --color-foreground-error: var(--foreground-error); + --color-foreground-card: var(--foreground-card); + --color-foreground-popover: var(--foreground-popover); + --color-foreground-item-hover: var(--foreground-item-hover); + --color-foreground-item-selected: var(--foreground-item-selected); + --color-foreground-alt: var(--foreground-alt); + --color-foreground-alt-primary: var(--foreground-alt-primary); + --color-foreground-alt-item-hover: var(--foreground-alt-item-hover); + --color-border-subtle: var(--border-subtle); + --color-border-default: var(--border-default); + --color-border-error: var(--border-error); + --color-border-alt: var(--border-alt); + --color-ring-default: var(--ring-default); + --color-ring-default-error: var(--ring-default-error); + --color-ring-alt: var(--ring-alt); + --color-ring-offset: var(--ring-offset); + --color-charts-chart-1: var(--charts-chart-1); + --color-charts-chart-2: var(--charts-chart-2); + --color-charts-chart-3: var(--charts-chart-3); + --color-charts-chart-4: var(--charts-chart-4); + --color-charts-chart-5: var(--charts-chart-5); } :root { @@ -64,9 +73,9 @@ @layer base { * { - @apply border-border outline-ring/50; + @apply border-border-default outline-ring-default/50; } body { - @apply bg-background text-foreground; + @apply bg-background-default text-foreground-default; } } diff --git a/packages/react/src/components/ui/button/button.tsx b/packages/react/src/components/ui/button/button.tsx index dc8dca7..19d45a4 100644 --- a/packages/react/src/components/ui/button/button.tsx +++ b/packages/react/src/components/ui/button/button.tsx @@ -5,16 +5,16 @@ import type { ButtonSizeName, ButtonVariantName } from '@surfnet/contracts'; import { cn } from '@/lib/utils'; const buttonVariantClasses = { - default: 'bg-primary text-primary-foreground hover:bg-primary-hover', + default: 'bg-background-primary text-foreground-primary hover:bg-background-primary-hover', outline: - 'border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50', + 'border-border-default bg-background-default shadow-xs hover:bg-background-item-hover hover:text-foreground-item-hover aria-expanded:bg-background-item-hover aria-expanded:text-foreground-item-hover', secondary: - 'bg-secondary text-secondary-foreground hover:bg-secondary-hover aria-expanded:bg-secondary aria-expanded:text-secondary-foreground', + 'bg-background-secondary text-foreground-secondary hover:bg-background-secondary-hover aria-expanded:bg-background-secondary aria-expanded:text-foreground-secondary', ghost: - 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50', + 'hover:bg-background-item-hover hover:text-foreground-item-hover aria-expanded:bg-background-item-hover aria-expanded:text-foreground-item-hover', destructive: - 'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40', - link: 'text-primary underline-offset-4 hover:underline', + 'bg-background-error-subtle text-foreground-error hover:bg-background-error-subtle-hover focus-visible:border-border-error focus-visible:ring-ring-default-error/20', + link: 'text-background-primary underline-offset-4 hover:underline', } satisfies Record; const buttonSizeClasses = { @@ -31,7 +31,7 @@ const buttonSizeClasses = { } satisfies Record; const buttonVariants = cva( - "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring-default focus-visible:ring-3 focus-visible:ring-ring-default/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-border-error aria-invalid:ring-3 aria-invalid:ring-ring-default-error/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: { variant: buttonVariantClasses, diff --git a/packages/react/src/index.css b/packages/react/src/index.css index 98c1d68..9e469ba 100644 --- a/packages/react/src/index.css +++ b/packages/react/src/index.css @@ -8,44 +8,52 @@ @theme inline { --font-heading: var(--font-sans); --font-sans: 'Geist Variable', sans-serif; - /* Tailwind utility names are kept stable (shadcn convention); they bridge to the - redesigned @surfnet/tokens role-based taxonomy. The sidebar utilities map to - the token set's "alt" surface, muted → subtle, accent → item-hover, - destructive → error. */ - --color-sidebar-ring: var(--ring-alt); - --color-sidebar-border: var(--border-alt); - --color-sidebar-accent-foreground: var(--foreground-alt-item-hover); - --color-sidebar-accent: var(--background-alt-item-hover); - --color-sidebar-primary-foreground: var(--foreground-alt-primary); - --color-sidebar-primary: var(--background-alt-primary); - --color-sidebar-foreground: var(--foreground-alt); - --color-sidebar: var(--background-alt); - --color-chart-5: var(--charts-chart-5); - --color-chart-4: var(--charts-chart-4); - --color-chart-3: var(--charts-chart-3); - --color-chart-2: var(--charts-chart-2); - --color-chart-1: var(--charts-chart-1); - --color-ring: var(--ring-default); - --color-input: var(--border-default); - --color-border: var(--border-default); - --color-destructive-foreground: var(--foreground-error); - --color-destructive: var(--background-error); - --color-accent-foreground: var(--foreground-item-hover); - --color-accent: var(--background-item-hover); - --color-muted-foreground: var(--foreground-subtle); - --color-muted: var(--background-subtle); - --color-secondary-hover: var(--background-secondary-hover); - --color-secondary-foreground: var(--foreground-secondary); - --color-secondary: var(--background-secondary); - --color-primary-hover: var(--background-primary-hover); - --color-primary-foreground: var(--foreground-primary); - --color-primary: var(--background-primary); - --color-popover-foreground: var(--foreground-popover); - --color-popover: var(--background-popover); - --color-card-foreground: var(--foreground-card); - --color-card: var(--background-card); - --color-foreground: var(--foreground-default); - --color-background: var(--background-default); + /* Expose the @surfnet/tokens variables to Tailwind under their literal Figma + role names, so utilities read exactly like the tokens (e.g. bg-background-primary, + text-foreground-primary, hover:bg-background-item-hover). */ + --color-background-default: var(--background-default); + --color-background-subtle: var(--background-subtle); + --color-background-primary: var(--background-primary); + --color-background-primary-hover: var(--background-primary-hover); + --color-background-secondary: var(--background-secondary); + --color-background-secondary-hover: var(--background-secondary-hover); + --color-background-error: var(--background-error); + --color-background-error-subtle: var(--background-error-subtle); + --color-background-error-subtle-hover: var(--background-error-subtle-hover); + --color-background-card: var(--background-card); + --color-background-popover: var(--background-popover); + --color-background-item-hover: var(--background-item-hover); + --color-background-item-selected: var(--background-item-selected); + --color-background-alt: var(--background-alt); + --color-background-alt-primary: var(--background-alt-primary); + --color-background-alt-item-hover: var(--background-alt-item-hover); + --color-foreground-default: var(--foreground-default); + --color-foreground-default-primary: var(--foreground-default-primary); + --color-foreground-default-error: var(--foreground-default-error); + --color-foreground-subtle: var(--foreground-subtle); + --color-foreground-secondary: var(--foreground-secondary); + --color-foreground-primary: var(--foreground-primary); + --color-foreground-error: var(--foreground-error); + --color-foreground-card: var(--foreground-card); + --color-foreground-popover: var(--foreground-popover); + --color-foreground-item-hover: var(--foreground-item-hover); + --color-foreground-item-selected: var(--foreground-item-selected); + --color-foreground-alt: var(--foreground-alt); + --color-foreground-alt-primary: var(--foreground-alt-primary); + --color-foreground-alt-item-hover: var(--foreground-alt-item-hover); + --color-border-subtle: var(--border-subtle); + --color-border-default: var(--border-default); + --color-border-error: var(--border-error); + --color-border-alt: var(--border-alt); + --color-ring-default: var(--ring-default); + --color-ring-default-error: var(--ring-default-error); + --color-ring-alt: var(--ring-alt); + --color-ring-offset: var(--ring-offset); + --color-charts-chart-1: var(--charts-chart-1); + --color-charts-chart-2: var(--charts-chart-2); + --color-charts-chart-3: var(--charts-chart-3); + --color-charts-chart-4: var(--charts-chart-4); + --color-charts-chart-5: var(--charts-chart-5); --radius-sm: calc(var(--radius) * 0.6); --radius-md: calc(var(--radius) * 0.8); --radius-lg: var(--radius); @@ -63,10 +71,10 @@ @layer base { * { - @apply border-border outline-ring/50; + @apply border-border-default outline-ring-default/50; } body { - @apply bg-background text-foreground; + @apply bg-background-default text-foreground-default; } html { @apply font-sans;