@7onic-ui/tokens 0.1.0

package/json/tokens.json

@@ -0,0 +1,447 @@
+{
+  "color": {
+    "white": "#FFFFFF",
+    "black": "#000000",
+    "gray-50": "#F9F9FA",
+    "gray-100": "#F4F4F5",
+    "gray-200": "#E4E4E6",
+    "gray-300": "#D4D4D5",
+    "gray-400": "#9A9A9B",
+    "gray-500": "#6B6B6C",
+    "gray-600": "#4A4A4B",
+    "gray-700": "#3A3A3E",
+    "gray-800": "#2D2D31",
+    "gray-900": "#222225",
+    "primary-50": "#DBF8FB",
+    "primary-100": "#B2F0F5",
+    "primary-200": "#89E8F0",
+    "primary-300": "#60E0EB",
+    "primary-400": "#37D8E6",
+    "primary-500": "#1AC6D5",
+    "primary-600": "#15A0AC",
+    "primary-700": "#107A84",
+    "primary-800": "#0B545B",
+    "primary-900": "#062E32",
+    "secondary-50": "#F5F5FB",
+    "secondary-100": "#EBEBF5",
+    "secondary-200": "#D9D9E9",
+    "secondary-300": "#BCBCD2",
+    "secondary-400": "#8F8FA9",
+    "secondary-500": "#69697F",
+    "secondary-600": "#4E4E60",
+    "secondary-700": "#3B3B4A",
+    "secondary-800": "#2F2F3B",
+    "secondary-900": "#23232D",
+    "blue-50": "#EFF6FF",
+    "blue-100": "#DBEAFE",
+    "blue-200": "#BFDBFE",
+    "blue-300": "#93C5FD",
+    "blue-400": "#60A5FA",
+    "blue-500": "#3B82F6",
+    "blue-600": "#2563EB",
+    "blue-700": "#1D4ED8",
+    "blue-800": "#1E40AF",
+    "blue-900": "#1E3A8A",
+    "green-50": "#ECFDF5",
+    "green-100": "#D1FAE5",
+    "green-200": "#A7F3D0",
+    "green-300": "#6EE7B7",
+    "green-400": "#34D399",
+    "green-500": "#10B981",
+    "green-600": "#059669",
+    "green-700": "#047857",
+    "green-800": "#065F46",
+    "green-900": "#064E3B",
+    "yellow-50": "#FFFBEB",
+    "yellow-100": "#FEF3C7",
+    "yellow-200": "#FDE68A",
+    "yellow-300": "#FCD34D",
+    "yellow-400": "#FBBF24",
+    "yellow-500": "#F59E0B",
+    "yellow-600": "#D97706",
+    "yellow-700": "#B45309",
+    "yellow-800": "#92400E",
+    "yellow-900": "#78350F",
+    "red-50": "#FEF2F2",
+    "red-100": "#FEE2E2",
+    "red-200": "#FECACA",
+    "red-300": "#FCA5A5",
+    "red-400": "#F87171",
+    "red-500": "#EF4444",
+    "red-600": "#DC2626",
+    "red-700": "#B91C1C",
+    "red-800": "#991B1B",
+    "red-900": "#7F1D1D",
+    "chart-blue-light": "#4570E8",
+    "chart-blue-dark": "#6B8FF5",
+    "chart-pink-light": "#D94F9A",
+    "chart-pink-dark": "#E870B8",
+    "chart-lavender-light": "#A888F0",
+    "chart-lavender-dark": "#C4A8F8",
+    "chart-sky-light": "#68C8F5",
+    "chart-sky-dark": "#8DD8F8",
+    "chart-rose-light": "#F0A0CC",
+    "chart-rose-dark": "#F8C0DE"
+  },
+  "spacing": {
+    "0": "0",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "10": "2.5rem",
+    "12": "3rem",
+    "14": "3.5rem",
+    "16": "4rem",
+    "20": "5rem",
+    "24": "6rem",
+    "0.5": "0.125rem",
+    "1.5": "0.375rem",
+    "2.5": "0.625rem"
+  },
+  "fontSize": {
+    "2xs": "0.6875rem",
+    "xs": "0.75rem",
+    "sm": "0.8125rem",
+    "md": "0.875rem",
+    "base": "1rem",
+    "lg": "1.125rem",
+    "xl": "1.25rem",
+    "2xl": "1.5rem",
+    "3xl": "1.875rem",
+    "4xl": "2.25rem",
+    "5xl": "3rem"
+  },
+  "lineHeight": {
+    "2xs": "1rem",
+    "xs": "1.125rem",
+    "sm": "1.25rem",
+    "md": "1.375rem",
+    "base": "1.625rem",
+    "lg": "1.75rem",
+    "xl": "1.875rem",
+    "2xl": "2.125rem",
+    "3xl": "2.5rem",
+    "4xl": "2.875rem",
+    "5xl": "3.625rem"
+  },
+  "borderRadius": {
+    "none": "0px",
+    "sm": "2px",
+    "base": "4px",
+    "md": "6px",
+    "lg": "8px",
+    "xl": "12px",
+    "2xl": "16px",
+    "3xl": "24px",
+    "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)",
+    "md": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    "lg": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    "xl": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+    "primary-glow": "0 0 0 4px color-mix(in srgb, var(--color-primary) 15%, transparent)"
+  },
+  "iconSize": {
+    "2xs": "0.75rem",
+    "xs": "0.875rem",
+    "sm": "1rem",
+    "md": "1.25rem",
+    "lg": "1.5rem",
+    "xl": "2rem"
+  },
+  "zIndex": {
+    "0": "0",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
+    "sticky": "100",
+    "dropdown": "1000",
+    "overlay": "1100",
+    "modal": "2000",
+    "popover": "2100",
+    "tooltip": "2200",
+    "toast": "3000"
+  },
+  "duration": {
+    "instant": "0ms",
+    "fast": "100ms",
+    "micro": "150ms",
+    "normal": "200ms",
+    "slow": "300ms",
+    "slower": "400ms",
+    "slowest": "500ms",
+    "spin": "1000ms"
+  },
+  "opacity": {
+    "0": "0",
+    "5": "0.05",
+    "10": "0.1",
+    "15": "0.15",
+    "20": "0.2",
+    "25": "0.25",
+    "30": "0.3",
+    "35": "0.35",
+    "40": "0.4",
+    "45": "0.45",
+    "50": "0.5",
+    "55": "0.55",
+    "60": "0.6",
+    "65": "0.65",
+    "70": "0.7",
+    "75": "0.75",
+    "80": "0.8",
+    "85": "0.85",
+    "90": "0.9",
+    "95": "0.95",
+    "100": "1"
+  },
+  "fontWeight": {
+    "normal": "400",
+    "semibold": "600",
+    "bold": "700"
+  },
+  "borderWidth": {
+    "0": "0px",
+    "1": "1px",
+    "2": "2px",
+    "4": "4px",
+    "8": "8px"
+  },
+  "scale": {
+    "50": "0.5",
+    "75": "0.75",
+    "95": "0.95",
+    "pressed": "0.98"
+  },
+  "easing": {
+    "linear": "linear",
+    "ease": "ease",
+    "easeIn": "ease-in",
+    "easeOut": "ease-out",
+    "easeInOut": "ease-in-out"
+  },
+  "breakpoint": {
+    "sm": "640px",
+    "md": "768px",
+    "lg": "1024px",
+    "xl": "1280px",
+    "2xl": "1536px"
+  },
+  "fontFamily": {
+    "sans": "Inter, -apple-system, BlinkMacSystemFont, sans-serif",
+    "mono": "'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace"
+  },
+  "componentSize": {
+    "switch-track-sm-width": "24px",
+    "switch-track-sm-height": "14px",
+    "switch-track-default-width": "32px",
+    "switch-track-default-height": "18px",
+    "switch-track-lg-width": "40px",
+    "switch-track-lg-height": "22px",
+    "switch-thumb-sm": "12px",
+    "switch-thumb-default": "16px",
+    "switch-thumb-lg": "20px",
+    "slider-thumb-sm": "14px",
+    "slider-thumb-default": "18px",
+    "slider-thumb-lg": "22px"
+  },
+  "animation": {
+    "checkbox-enter-duration": "150ms",
+    "checkbox-enter-easing": "ease-out",
+    "checkbox-enter-opacity": "0",
+    "checkbox-enter-scale": "0.75",
+    "radio-enter-duration": "150ms",
+    "radio-enter-easing": "ease-out",
+    "radio-enter-opacity": "0",
+    "radio-enter-scale": "0.5",
+    "fade-in-duration": "200ms",
+    "fade-in-easing": "ease-out",
+    "fade-in-opacity": "0",
+    "fade-out-duration": "200ms",
+    "fade-out-easing": "ease-out",
+    "fade-out-opacity": "0",
+    "modal-overlay-enter-duration": "200ms",
+    "modal-overlay-enter-easing": "ease-out",
+    "modal-overlay-enter-opacity": "0",
+    "modal-overlay-exit-duration": "100ms",
+    "modal-overlay-exit-easing": "ease-out",
+    "modal-overlay-exit-opacity": "0",
+    "modal-content-enter-duration": "200ms",
+    "modal-content-enter-easing": "ease-out",
+    "modal-content-enter-opacity": "0",
+    "modal-content-enter-scale": "0.95",
+    "modal-content-enter-translateY": "8",
+    "modal-content-exit-duration": "100ms",
+    "modal-content-exit-easing": "ease-out",
+    "modal-content-exit-opacity": "0",
+    "modal-content-exit-scale": "0.95",
+    "modal-content-exit-translateY": "8",
+    "nav-viewport-enter-duration": "150ms",
+    "nav-viewport-enter-easing": "ease-out",
+    "nav-viewport-enter-opacity": "0",
+    "nav-viewport-enter-scale": "0.98",
+    "nav-viewport-enter-translateY": "2",
+    "nav-viewport-exit-duration": "100ms",
+    "nav-viewport-exit-easing": "ease-out",
+    "nav-viewport-exit-opacity": "0",
+    "nav-viewport-exit-scale": "0.98",
+    "nav-viewport-exit-translateY": "2",
+    "accordion-down-duration": "200ms",
+    "accordion-down-easing": "ease-out",
+    "accordion-down-heightVar": "--radix-accordion-content-height",
+    "accordion-up-duration": "200ms",
+    "accordion-up-easing": "ease-out",
+    "accordion-up-heightVar": "--radix-accordion-content-height",
+    "collapsible-down-duration": "200ms",
+    "collapsible-down-easing": "ease-out",
+    "collapsible-down-heightVar": "--radix-collapsible-content-height",
+    "collapsible-up-duration": "200ms",
+    "collapsible-up-easing": "ease-out",
+    "collapsible-up-heightVar": "--radix-collapsible-content-height",
+    "drawer-right-enter-duration": "300ms",
+    "drawer-right-enter-easing": "ease-out",
+    "drawer-right-enter-translateX": "100%",
+    "drawer-right-exit-duration": "200ms",
+    "drawer-right-exit-easing": "ease-out",
+    "drawer-right-exit-translateX": "100%",
+    "drawer-left-enter-duration": "300ms",
+    "drawer-left-enter-easing": "ease-out",
+    "drawer-left-enter-translateX": "100%",
+    "drawer-left-exit-duration": "200ms",
+    "drawer-left-exit-easing": "ease-out",
+    "drawer-left-exit-translateX": "100%",
+    "drawer-top-enter-duration": "300ms",
+    "drawer-top-enter-easing": "ease-out",
+    "drawer-top-enter-translateY": "100%",
+    "drawer-top-exit-duration": "200ms",
+    "drawer-top-exit-easing": "ease-out",
+    "drawer-top-exit-translateY": "100%",
+    "drawer-bottom-enter-duration": "300ms",
+    "drawer-bottom-enter-easing": "ease-out",
+    "drawer-bottom-enter-translateY": "100%",
+    "drawer-bottom-exit-duration": "200ms",
+    "drawer-bottom-exit-easing": "ease-out",
+    "drawer-bottom-exit-translateY": "100%",
+    "tooltip-top-enter-duration": "150ms",
+    "tooltip-top-enter-easing": "ease-out",
+    "tooltip-top-enter-opacity": "0",
+    "tooltip-top-enter-translateY": "4",
+    "tooltip-top-exit-duration": "100ms",
+    "tooltip-top-exit-easing": "ease-out",
+    "tooltip-top-exit-opacity": "0",
+    "tooltip-top-exit-translateY": "4",
+    "tooltip-bottom-enter-duration": "150ms",
+    "tooltip-bottom-enter-easing": "ease-out",
+    "tooltip-bottom-enter-opacity": "0",
+    "tooltip-bottom-enter-translateY": "4",
+    "tooltip-bottom-exit-duration": "100ms",
+    "tooltip-bottom-exit-easing": "ease-out",
+    "tooltip-bottom-exit-opacity": "0",
+    "tooltip-bottom-exit-translateY": "4",
+    "tooltip-right-enter-duration": "150ms",
+    "tooltip-right-enter-easing": "ease-out",
+    "tooltip-right-enter-opacity": "0",
+    "tooltip-right-enter-translateX": "4",
+    "tooltip-right-exit-duration": "100ms",
+    "tooltip-right-exit-easing": "ease-out",
+    "tooltip-right-exit-opacity": "0",
+    "tooltip-right-exit-translateX": "4",
+    "tooltip-left-enter-duration": "150ms",
+    "tooltip-left-enter-easing": "ease-out",
+    "tooltip-left-enter-opacity": "0",
+    "tooltip-left-enter-translateX": "4",
+    "tooltip-left-exit-duration": "100ms",
+    "tooltip-left-exit-easing": "ease-out",
+    "tooltip-left-exit-opacity": "0",
+    "tooltip-left-exit-translateX": "4",
+    "popover-top-enter-duration": "200ms",
+    "popover-top-enter-easing": "ease-out",
+    "popover-top-enter-opacity": "0",
+    "popover-top-enter-translateY": "4",
+    "popover-top-exit-duration": "100ms",
+    "popover-top-exit-easing": "ease-out",
+    "popover-top-exit-opacity": "0",
+    "popover-top-exit-translateY": "4",
+    "popover-bottom-enter-duration": "200ms",
+    "popover-bottom-enter-easing": "ease-out",
+    "popover-bottom-enter-opacity": "0",
+    "popover-bottom-enter-translateY": "4",
+    "popover-bottom-exit-duration": "100ms",
+    "popover-bottom-exit-easing": "ease-out",
+    "popover-bottom-exit-opacity": "0",
+    "popover-bottom-exit-translateY": "4",
+    "popover-right-enter-duration": "200ms",
+    "popover-right-enter-easing": "ease-out",
+    "popover-right-enter-opacity": "0",
+    "popover-right-enter-translateX": "4",
+    "popover-right-exit-duration": "100ms",
+    "popover-right-exit-easing": "ease-out",
+    "popover-right-exit-opacity": "0",
+    "popover-right-exit-translateX": "4",
+    "popover-left-enter-duration": "200ms",
+    "popover-left-enter-easing": "ease-out",
+    "popover-left-enter-opacity": "0",
+    "popover-left-enter-translateX": "4",
+    "popover-left-exit-duration": "100ms",
+    "popover-left-exit-easing": "ease-out",
+    "popover-left-exit-opacity": "0",
+    "popover-left-exit-translateX": "4",
+    "toast-slide-in-right-duration": "300ms",
+    "toast-slide-in-right-easing": "ease-out",
+    "toast-slide-in-right-opacity": "0",
+    "toast-slide-in-right-translateX": "100%",
+    "toast-slide-out-right-duration": "200ms",
+    "toast-slide-out-right-easing": "ease-out",
+    "toast-slide-out-right-opacity": "0",
+    "toast-slide-out-right-translateX": "100%",
+    "toast-slide-in-left-duration": "300ms",
+    "toast-slide-in-left-easing": "ease-out",
+    "toast-slide-in-left-opacity": "0",
+    "toast-slide-in-left-translateX": "100%",
+    "toast-slide-out-left-duration": "200ms",
+    "toast-slide-out-left-easing": "ease-out",
+    "toast-slide-out-left-opacity": "0",
+    "toast-slide-out-left-translateX": "100%",
+    "toast-slide-in-top-duration": "300ms",
+    "toast-slide-in-top-easing": "ease-out",
+    "toast-slide-in-top-opacity": "0",
+    "toast-slide-in-top-translateY": "100%",
+    "toast-slide-out-top-duration": "200ms",
+    "toast-slide-out-top-easing": "ease-out",
+    "toast-slide-out-top-opacity": "0",
+    "toast-slide-out-top-translateY": "100%",
+    "toast-slide-in-bottom-duration": "300ms",
+    "toast-slide-in-bottom-easing": "ease-out",
+    "toast-slide-in-bottom-opacity": "0",
+    "toast-slide-in-bottom-translateY": "100%",
+    "toast-slide-out-bottom-duration": "200ms",
+    "toast-slide-out-bottom-easing": "ease-out",
+    "toast-slide-out-bottom-opacity": "0",
+    "toast-slide-out-bottom-translateY": "100%",
+    "spin-duration": "1000ms",
+    "spin-easing": "linear",
+    "progress-stripe-duration": "1000ms",
+    "progress-stripe-easing": "linear",
+    "spinner-orbit-duration": "1000ms",
+    "spinner-orbit-easing": "linear",
+    "spinner-dot-duration": "1000ms",
+    "spinner-dot-easing": "ease-in-out",
+    "spinner-bar-duration": "1000ms",
+    "spinner-bar-easing": "ease-in-out",
+    "spinner-morph-duration": "1000ms",
+    "spinner-morph-easing": "ease-in-out",
+    "skeleton-pulse-duration": "1000ms",
+    "skeleton-pulse-easing": "ease-in-out",
+    "skeleton-wave-duration": "1000ms",
+    "skeleton-wave-easing": "linear"
+  }
+}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@7onic-ui/tokens",
+  "version": "0.1.0",
+  "description": "Design tokens for 7onic Design System — CSS variables, Tailwind presets, JS, TypeScript",
+  "author": "7onic",
+  "license": "MIT",
+  "homepage": "https://7onic.design",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/itonys/7onic.git",
+    "directory": "tokens"
+  },
+  "bugs": {
+    "url": "https://github.com/itonys/7onic/issues"
+  },
+  "main": "./js/index.js",
+  "module": "./js/index.mjs",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./js/index.mjs",
+      "require": "./js/index.js"
+    },
+    "./css": "./css/variables.css",
+    "./css/all.css": "./css/all.css",
+    "./css/variables.css": "./css/variables.css",
+    "./css/themes/light.css": "./css/themes/light.css",
+    "./css/themes/dark.css": "./css/themes/dark.css",
+    "./tailwind/v3-preset": "./tailwind/v3-preset.js",
+    "./tailwind/v3-preset.js": "./tailwind/v3-preset.js",
+    "./tailwind/v4-theme": "./tailwind/v4-theme.css",
+    "./tailwind/v4-theme.css": "./tailwind/v4-theme.css",
+    "./tailwind/v4.css": "./tailwind/v4.css",
+    "./json/tokens.json": "./json/tokens.json",
+    "./figma-tokens.json": "./figma-tokens.json"
+  },
+  "files": [
+    "css",
+    "tailwind",
+    "js",
+    "json",
+    "types",
+    "cli",
+    "figma-tokens.json"
+  ],
+  "bin": {
+    "sync-tokens": "./cli/sync.js"
+  },
+  "keywords": [
+    "design-tokens",
+    "css-variables",
+    "tailwindcss",
+    "design-system",
+    "7onic"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "sideEffects": [
+    "*.css"
+  ]
+}