@expcat/tigercat-core 1.0.7 → 1.2.0

package/tokens/tokens.json

@@ -0,0 +1,395 @@
+{
+  "primitive": {
+    "color": {
+      "primary": {
+        "50": "#f0f9ff",
+        "100": "#e0f2fe",
+        "200": "#bae6fd",
+        "300": "#7dd3fc",
+        "400": "#38bdf8",
+        "500": "#0ea5e9",
+        "600": "#0284c7",
+        "700": "#0369a1",
+        "800": "#075985",
+        "950": "#0c3d66"
+      },
+      "secondary": {
+        "50": "#f8fafc",
+        "100": "#f1f5f9",
+        "200": "#e2e8f0",
+        "300": "#cbd5e1",
+        "400": "#94a3b8",
+        "500": "#64748b",
+        "600": "#475569",
+        "700": "#334155",
+        "800": "#1e293b",
+        "950": "#0f172a"
+      },
+      "success": {
+        "50": "#f0fdf4",
+        "100": "#dcfce7",
+        "200": "#bbf7d0",
+        "300": "#86efac",
+        "400": "#4ade80",
+        "500": "#22c55e",
+        "600": "#16a34a",
+        "700": "#15803d",
+        "800": "#166534",
+        "950": "#052e16"
+      },
+      "warning": {
+        "50": "#fffbeb",
+        "100": "#fef3c7",
+        "200": "#fde68a",
+        "300": "#fcd34d",
+        "400": "#fbbf24",
+        "500": "#f59e0b",
+        "600": "#d97706",
+        "700": "#b45309",
+        "800": "#92400e",
+        "950": "#451a03"
+      },
+      "error": {
+        "50": "#fef2f2",
+        "100": "#fee2e2",
+        "200": "#fecaca",
+        "300": "#fca5a5",
+        "400": "#f87171",
+        "500": "#ef4444",
+        "600": "#dc2626",
+        "700": "#b91c1c",
+        "800": "#991b1b",
+        "950": "#450a0a"
+      },
+      "info": {
+        "50": "#eff6ff",
+        "100": "#dbeafe",
+        "200": "#bfdbfe",
+        "300": "#93c5fd",
+        "400": "#60a5fa",
+        "500": "#3b82f6",
+        "600": "#2563eb",
+        "700": "#1d4ed8",
+        "800": "#1e40af",
+        "950": "#172554"
+      },
+      "neutral": {
+        "50": "#fafafa",
+        "100": "#f5f5f5",
+        "200": "#e5e5e5",
+        "300": "#d4d4d4",
+        "400": "#a3a3a3",
+        "500": "#737373",
+        "600": "#525252",
+        "700": "#404040",
+        "800": "#262626",
+        "950": "#0a0a0a"
+      }
+    },
+    "space": {
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "16px",
+      "xl": "24px",
+      "2xl": "32px",
+      "3xl": "48px",
+      "4xl": "64px"
+    },
+    "radius": {
+      "none": "0",
+      "sm": "2px",
+      "md": "4px",
+      "lg": "8px",
+      "xl": "12px",
+      "full": "9999px"
+    },
+    "shadow": {
+      "xs": "0 1px 2px 0 rgba(0,0,0,0.05)",
+      "sm": "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",
+      "md": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
+      "lg": "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",
+      "xl": "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)"
+    },
+    "font": {
+      "family": {
+        "base": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        "mono": "'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+      },
+      "size": {
+        "xs": "12px",
+        "sm": "14px",
+        "base": "16px",
+        "lg": "18px",
+        "xl": "20px",
+        "2xl": "24px",
+        "3xl": "30px",
+        "4xl": "36px"
+      },
+      "weight": {
+        "normal": "400",
+        "medium": "500",
+        "semibold": "600",
+        "bold": "700"
+      },
+      "lineHeight": {
+        "tight": "1.25",
+        "normal": "1.5",
+        "relaxed": "1.625",
+        "loose": "2"
+      }
+    },
+    "duration": {
+      "fast": "100ms",
+      "base": "200ms",
+      "slow": "300ms",
+      "slower": "500ms"
+    },
+    "easing": {
+      "in": "cubic-bezier(0.4, 0, 1, 1)",
+      "out": "cubic-bezier(0, 0, 0.2, 1)",
+      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+      "smooth": "cubic-bezier(0.25, 0.1, 0.25, 1)"
+    }
+  },
+  "semantic": {
+    "color": {
+      "bg-primary": "primitive.color.primary.50",
+      "bg-secondary": "primitive.color.neutral.50",
+      "bg-success": "primitive.color.success.50",
+      "bg-warning": "primitive.color.warning.50",
+      "bg-error": "primitive.color.error.50",
+      "bg-info": "primitive.color.info.50",
+      "bg-surface": "primitive.color.neutral.50",
+      "bg-surface-raised": "#ffffff",
+      "bg-overlay": "rgba(0,0,0,0.45)",
+      "text-primary": "primitive.color.neutral.950",
+      "text-secondary": "primitive.color.neutral.600",
+      "text-tertiary": "primitive.color.neutral.400",
+      "text-disabled": "primitive.color.neutral.300",
+      "text-inverse": "#ffffff",
+      "text-link": "primitive.color.primary.600",
+      "text-link-hover": "primitive.color.primary.700",
+      "text-success": "primitive.color.success.700",
+      "text-warning": "primitive.color.warning.700",
+      "text-error": "primitive.color.error.600",
+      "border-default": "primitive.color.neutral.200",
+      "border-strong": "primitive.color.neutral.400",
+      "border-focus": "primitive.color.primary.500",
+      "border-error": "primitive.color.error.500",
+      "border-success": "primitive.color.success.500",
+      "icon-primary": "primitive.color.neutral.700",
+      "icon-secondary": "primitive.color.neutral.400",
+      "icon-disabled": "primitive.color.neutral.300",
+      "interactive-primary": "primitive.color.primary.600",
+      "interactive-primary-hover": "primitive.color.primary.700",
+      "interactive-primary-active": "primitive.color.primary.800",
+      "interactive-secondary": "primitive.color.secondary.600",
+      "interactive-secondary-hover": "primitive.color.secondary.700",
+      "interactive-danger": "primitive.color.error.600",
+      "interactive-danger-hover": "primitive.color.error.700",
+      "focus-ring": "primitive.color.primary.500"
+    },
+    "space": {
+      "component-gap": "primitive.space.md",
+      "section-gap": "primitive.space.xl",
+      "page-padding": "primitive.space.2xl"
+    },
+    "radius": {
+      "component": "primitive.radius.lg",
+      "card": "primitive.radius.xl",
+      "pill": "primitive.radius.full"
+    }
+  },
+  "component": {
+    "button": {
+      "height-sm": "32px",
+      "height-md": "36px",
+      "height-lg": "40px",
+      "padding-x-sm": "primitive.space.md",
+      "padding-x-md": "primitive.space.lg",
+      "padding-x-lg": "primitive.space.xl",
+      "border-radius": "semantic.radius.component",
+      "font-size-sm": "primitive.font.size.sm",
+      "font-size-md": "primitive.font.size.base",
+      "font-size-lg": "primitive.font.size.lg",
+      "font-weight": "primitive.font.weight.medium"
+    },
+    "input": {
+      "height-sm": "32px",
+      "height-md": "36px",
+      "height-lg": "40px",
+      "padding-x": "primitive.space.lg",
+      "border-radius": "semantic.radius.component",
+      "font-size": "primitive.font.size.base",
+      "border-color": "semantic.color.border-default",
+      "border-color-focus": "semantic.color.border-focus",
+      "border-color-error": "semantic.color.border-error"
+    },
+    "select": {
+      "height-sm": "32px",
+      "height-md": "36px",
+      "height-lg": "40px",
+      "padding-x": "primitive.space.lg",
+      "border-radius": "semantic.radius.component",
+      "dropdown-shadow": "primitive.shadow.lg",
+      "option-height": "36px",
+      "option-padding-x": "primitive.space.lg"
+    },
+    "modal": {
+      "border-radius": "semantic.radius.card",
+      "padding": "primitive.space.xl",
+      "shadow": "primitive.shadow.xl",
+      "header-font-size": "primitive.font.size.lg",
+      "header-font-weight": "primitive.font.weight.semibold",
+      "overlay-bg": "semantic.color.bg-overlay",
+      "width-sm": "400px",
+      "width-md": "520px",
+      "width-lg": "680px",
+      "width-xl": "860px"
+    },
+    "drawer": {
+      "padding": "primitive.space.xl",
+      "shadow": "primitive.shadow.xl",
+      "header-font-size": "primitive.font.size.lg",
+      "header-font-weight": "primitive.font.weight.semibold",
+      "overlay-bg": "semantic.color.bg-overlay",
+      "width-sm": "256px",
+      "width-md": "378px",
+      "width-lg": "520px",
+      "width-xl": "680px"
+    },
+    "card": {
+      "border-radius": "semantic.radius.card",
+      "padding": "primitive.space.xl",
+      "shadow": "primitive.shadow.sm",
+      "border-color": "semantic.color.border-default"
+    },
+    "badge": {
+      "font-size": "primitive.font.size.xs",
+      "font-weight": "primitive.font.weight.medium",
+      "padding-x": "primitive.space.md",
+      "border-radius": "semantic.radius.pill"
+    },
+    "avatar": {
+      "size-sm": "32px",
+      "size-md": "40px",
+      "size-lg": "48px",
+      "size-xl": "64px",
+      "border-radius": "semantic.radius.pill",
+      "font-size-sm": "primitive.font.size.xs",
+      "font-size-md": "primitive.font.size.sm",
+      "font-size-lg": "primitive.font.size.base"
+    },
+    "table": {
+      "header-bg": "semantic.color.bg-surface",
+      "header-font-weight": "primitive.font.weight.semibold",
+      "cell-padding-x": "primitive.space.lg",
+      "cell-padding-y-sm": "primitive.space.md",
+      "cell-padding-y-md": "primitive.space.lg",
+      "cell-padding-y-lg": "primitive.space.xl",
+      "border-color": "semantic.color.border-default",
+      "stripe-bg": "semantic.color.bg-surface",
+      "hover-bg": "semantic.color.bg-primary"
+    },
+    "tooltip": {
+      "bg": "primitive.color.neutral.800",
+      "text-color": "#ffffff",
+      "font-size": "primitive.font.size.sm",
+      "padding-x": "primitive.space.md",
+      "padding-y": "primitive.space.sm",
+      "border-radius": "semantic.radius.component",
+      "shadow": "primitive.shadow.md",
+      "max-width": "280px"
+    },
+    "alert": {
+      "border-radius": "semantic.radius.component",
+      "padding-x": "primitive.space.lg",
+      "padding-y": "primitive.space.lg",
+      "font-size": "primitive.font.size.base",
+      "icon-size": "20px"
+    },
+    "tabs": {
+      "height": "40px",
+      "font-size": "primitive.font.size.base",
+      "font-weight-active": "primitive.font.weight.medium",
+      "indicator-height": "2px",
+      "gap": "primitive.space.xl"
+    },
+    "pagination": {
+      "item-size": "32px",
+      "font-size": "primitive.font.size.sm",
+      "border-radius": "semantic.radius.component",
+      "gap": "primitive.space.sm"
+    },
+    "tag": {
+      "height-sm": "22px",
+      "height-md": "26px",
+      "height-lg": "32px",
+      "padding-x": "primitive.space.md",
+      "font-size": "primitive.font.size.xs",
+      "border-radius": "6px"
+    },
+    "progress": {
+      "height-sm": "4px",
+      "height-md": "8px",
+      "height-lg": "12px",
+      "border-radius": "semantic.radius.pill",
+      "track-bg": "primitive.color.neutral.200"
+    },
+    "skeleton": {
+      "bg": "primitive.color.neutral.200",
+      "shimmer-bg": "primitive.color.neutral.100",
+      "border-radius": "semantic.radius.component"
+    },
+    "divider": {
+      "color": "semantic.color.border-default",
+      "text-padding": "primitive.space.lg"
+    },
+    "collapse": {
+      "header-padding-x": "primitive.space.lg",
+      "header-padding-y": "primitive.space.lg",
+      "content-padding": "primitive.space.lg",
+      "border-color": "semantic.color.border-default"
+    },
+    "steps": {
+      "icon-size": "32px",
+      "font-size": "primitive.font.size.base",
+      "connector-width": "1px"
+    },
+    "breadcrumb": {
+      "font-size": "primitive.font.size.sm",
+      "separator-margin": "primitive.space.md"
+    },
+    "dropdown": {
+      "min-width": "120px",
+      "padding-y": "primitive.space.sm",
+      "item-height": "36px",
+      "item-padding-x": "primitive.space.lg",
+      "border-radius": "semantic.radius.card",
+      "shadow": "primitive.shadow.lg"
+    },
+    "menu": {
+      "item-height": "40px",
+      "item-padding-x": "primitive.space.lg",
+      "group-title-padding": "primitive.space.md",
+      "indent-width": "primitive.space.xl",
+      "border-radius": "semantic.radius.component"
+    },
+    "notification": {
+      "width": "384px",
+      "padding": "primitive.space.lg",
+      "border-radius": "semantic.radius.card",
+      "shadow": "primitive.shadow.lg",
+      "title-font-size": "primitive.font.size.base",
+      "title-font-weight": "primitive.font.weight.medium"
+    },
+    "popover": {
+      "padding": "primitive.space.lg",
+      "border-radius": "semantic.radius.card",
+      "shadow": "primitive.shadow.lg",
+      "max-width": "320px"
+    }
+  }
+}