@rainersoft/design-tokens 2.0.0 → 2.3.0

package/tokens/colors/dark.json

@@ -1,296 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/theme.json",
-  "$description": "Dark theme color palette - Cyberpunk neon style with WCAG AA compliance",
-  "colors": {
-    "primary": {
-      "base": "#00e6ff",
-      "hover": "#1affff",
-      "active": "#4dffff",
-      "disabled": "#404040",
-      "focus": "#00e6ff",
-      "background": "rgba(0, 230, 255, 0.1)",
-      "backgroundHover": "rgba(0, 230, 255, 0.15)",
-      "backgroundActive": "rgba(0, 230, 255, 0.2)",
-      "border": "#00e6ff",
-      "borderHover": "#1affff",
-      "borderFocus": "#4dffff",
-      "text": "#0a0a0f",
-      "textHover": "#0a0a0f",
-      "textDisabled": "#525252"
-    },
-    "secondary": {
-      "base": "#7d00ff",
-      "hover": "#941aff",
-      "active": "#ab4dff",
-      "disabled": "#404040",
-      "focus": "#7d00ff",
-      "background": "rgba(125, 0, 255, 0.1)",
-      "backgroundHover": "rgba(125, 0, 255, 0.15)",
-      "backgroundActive": "rgba(125, 0, 255, 0.2)",
-      "border": "#7d00ff",
-      "borderHover": "#941aff",
-      "borderFocus": "#ab4dff",
-      "text": "#ffffff",
-      "textHover": "#ffffff",
-      "textDisabled": "#525252"
-    },
-    "accent": {
-      "base": "#ff00ff",
-      "hover": "#ff1aff",
-      "active": "#ff4dff",
-      "disabled": "#404040",
-      "focus": "#ff00ff",
-      "background": "rgba(255, 0, 255, 0.1)",
-      "backgroundHover": "rgba(255, 0, 255, 0.15)",
-      "backgroundActive": "rgba(255, 0, 255, 0.2)",
-      "border": "#ff00ff",
-      "borderHover": "#ff1aff",
-      "borderFocus": "#ff4dff",
-      "text": "#0a0a0f",
-      "textHover": "#0a0a0f",
-      "textDisabled": "#525252"
-    },
-    "background": {
-      "primary": "#0a0a0f",
-      "secondary": "#0f0f1a",
-      "tertiary": "#171717",
-      "inverse": "#ffffff",
-      "overlay": "rgba(0, 0, 0, 0.8)",
-      "muted": "#0f0f1a"
-    },
-    "surface": {
-      "primary": "#171717",
-      "secondary": "#262626",
-      "tertiary": "#404040",
-      "elevated": "#262626",
-      "overlay": "rgba(0, 0, 0, 0.8)",
-      "glass": "rgba(15, 15, 26, 0.7)",
-      "glassHover": "rgba(15, 15, 26, 0.85)",
-      "hover": "#262626",
-      "active": "#404040"
-    },
-    "text": {
-      "primary": "#b3ffff",
-      "secondary": "#4dffff",
-      "tertiary": "#00e6ff",
-      "inverse": "#0a0a0f",
-      "disabled": "#525252",
-      "link": "#1affff",
-      "linkHover": "#4dffff",
-      "linkActive": "#80ffff",
-      "linkVisited": "#941aff",
-      "onPrimary": "#0a0a0f",
-      "onSecondary": "#ffffff",
-      "onAccent": "#0a0a0f",
-      "onBackground": "#b3ffff",
-      "onSurface": "#b3ffff",
-      "glow": "#00e6ff",
-      "neonCyan": "#00e6ff",
-      "neonPink": "#ff00ff",
-      "neonPurple": "#7d00ff",
-      "neonGreen": "#00ff00"
-    },
-    "border": {
-      "primary": "#262626",
-      "secondary": "#404040",
-      "tertiary": "#525252",
-      "focus": "#00e6ff",
-      "focusRing": "#1affff",
-      "inverse": "#e5e5e5",
-      "neon": "#00e6ff",
-      "neonGlow": "rgba(0, 230, 255, 0.3)",
-      "hover": "#404040",
-      "active": "#525252",
-      "disabled": "#262626"
-    },
-    "status": {
-      "success": {
-        "base": "#00ff00",
-        "hover": "#4dff4d",
-        "active": "#80ff80",
-        "background": "rgba(0, 255, 0, 0.1)",
-        "backgroundHover": "rgba(0, 255, 0, 0.15)",
-        "border": "#4dff4d",
-        "text": "#0a0a0f",
-        "textOnBackground": "#4dff4d"
-      },
-      "warning": {
-        "base": "#ff7d00",
-        "hover": "#ffab4d",
-        "active": "#ffc880",
-        "background": "rgba(255, 125, 0, 0.1)",
-        "backgroundHover": "rgba(255, 125, 0, 0.15)",
-        "border": "#ffab4d",
-        "text": "#0a0a0f",
-        "textOnBackground": "#ffab4d"
-      },
-      "error": {
-        "base": "#f87171",
-        "hover": "#fca5a5",
-        "active": "#fecaca",
-        "background": "rgba(239, 68, 68, 0.1)",
-        "backgroundHover": "rgba(239, 68, 68, 0.15)",
-        "border": "#fca5a5",
-        "text": "#ffffff",
-        "textOnBackground": "#fca5a5"
-      },
-      "info": {
-        "base": "#007dff",
-        "hover": "#4dabff",
-        "active": "#80c7ff",
-        "background": "rgba(0, 125, 255, 0.1)",
-        "backgroundHover": "rgba(0, 125, 255, 0.15)",
-        "border": "#4dabff",
-        "text": "#ffffff",
-        "textOnBackground": "#4dabff"
-      }
-    },
-    "interactive": {
-      "default": "#00e6ff",
-      "hover": "#1affff",
-      "active": "#4dffff",
-      "disabled": "#404040",
-      "disabledText": "#525252",
-      "focus": "#00e6ff",
-      "focusRing": "#1affff"
-    },
-    "effects": {
-      "glowCyan": "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
-      "glowPink": "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
-      "glowPurple": "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
-      "glowGreen": "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)",
-      "shadowSm": "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
-      "shadowMd": "0 4px 6px -1px rgba(0, 0, 0, 0.5)",
-      "shadowLg": "0 10px 15px -3px rgba(0, 0, 0, 0.5)"
-    },
-    "gradients": {
-      "primary": "linear-gradient(135deg, #00e6ff 0%, #7d00ff 100%)",
-      "secondary": "linear-gradient(135deg, #ff00ff 0%, #00e6ff 100%)",
-      "accent": "linear-gradient(135deg, #ff7d00 0%, #ff00ff 100%)",
-      "background": "linear-gradient(180deg, #0a0a0f 0%, #0f0f1a 100%)"
-    },
-    "primitive": {
-      "cyan": {
-        "50": "rgba(0, 230, 255, 0.1)",
-        "100": "rgba(0, 230, 255, 0.15)",
-        "200": "rgba(0, 230, 255, 0.2)",
-        "300": "#4dffff",
-        "400": "#1affff",
-        "500": "#00e6ff",
-        "600": "#00b8cc",
-        "700": "#008a99",
-        "800": "#005c66",
-        "900": "#003d44"
-      },
-      "purple": {
-        "50": "rgba(125, 0, 255, 0.1)",
-        "100": "rgba(125, 0, 255, 0.15)",
-        "200": "rgba(125, 0, 255, 0.2)",
-        "300": "#ab4dff",
-        "400": "#941aff",
-        "500": "#7d00ff",
-        "600": "#6400cc",
-        "700": "#4b0099",
-        "800": "#320066",
-        "900": "#190033"
-      },
-      "pink": {
-        "50": "rgba(255, 0, 255, 0.1)",
-        "100": "rgba(255, 0, 255, 0.15)",
-        "200": "rgba(255, 0, 255, 0.2)",
-        "300": "#ff4dff",
-        "400": "#ff1aff",
-        "500": "#ff00ff",
-        "600": "#cc00cc",
-        "700": "#990099",
-        "800": "#660066",
-        "900": "#330033"
-      },
-      "blue": {
-        "50": "rgba(0, 125, 255, 0.1)",
-        "100": "rgba(0, 125, 255, 0.15)",
-        "200": "rgba(0, 125, 255, 0.2)",
-        "300": "#80c7ff",
-        "400": "#4dabff",
-        "500": "#007dff",
-        "600": "#0064cc",
-        "700": "#004b99",
-        "800": "#003266",
-        "900": "#001933"
-      },
-      "green": {
-        "50": "rgba(0, 255, 0, 0.1)",
-        "100": "rgba(0, 255, 0, 0.15)",
-        "200": "rgba(0, 255, 0, 0.2)",
-        "300": "#80ff80",
-        "400": "#4dff4d",
-        "500": "#00ff00",
-        "600": "#00cc00",
-        "700": "#009900",
-        "800": "#006600",
-        "900": "#003300"
-      },
-      "orange": {
-        "50": "rgba(255, 125, 0, 0.1)",
-        "100": "rgba(255, 125, 0, 0.15)",
-        "200": "rgba(255, 125, 0, 0.2)",
-        "300": "#ffc880",
-        "400": "#ffab4d",
-        "500": "#ff7d00",
-        "600": "#cc6400",
-        "700": "#994b00",
-        "800": "#663200",
-        "900": "#331900"
-      },
-      "red": {
-        "50": "rgba(239, 68, 68, 0.1)",
-        "100": "rgba(239, 68, 68, 0.15)",
-        "200": "rgba(239, 68, 68, 0.2)",
-        "300": "#fecaca",
-        "400": "#fca5a5",
-        "500": "#f87171",
-        "600": "#c55a5a",
-        "700": "#924343",
-        "800": "#5f2c2c",
-        "900": "#2c1515"
-      },
-      "amber": {
-        "50": "rgba(255, 125, 0, 0.1)",
-        "100": "rgba(255, 125, 0, 0.15)",
-        "200": "rgba(255, 125, 0, 0.2)",
-        "300": "#ffc880",
-        "400": "#ffab4d",
-        "500": "#ff7d00",
-        "600": "#cc6400",
-        "700": "#994b00",
-        "800": "#663200",
-        "900": "#331900"
-      },
-      "emerald": {
-        "50": "rgba(0, 255, 0, 0.1)",
-        "100": "rgba(0, 255, 0, 0.15)",
-        "200": "rgba(0, 255, 0, 0.2)",
-        "300": "#80ff80",
-        "400": "#4dff4d",
-        "500": "#00ff00",
-        "600": "#00cc00",
-        "700": "#009900",
-        "800": "#006600",
-        "900": "#003300"
-      },
-      "neutral": {
-        "50": "#0f0f1a",
-        "100": "#171717",
-        "200": "#262626",
-        "300": "#404040",
-        "400": "#525252",
-        "500": "#737373",
-        "600": "#a3a3a3",
-        "700": "#d4d4d4",
-        "800": "#e5e5e5",
-        "900": "#f5f5f5",
-        "950": "#ffffff"
-      }
-    }
-  }
-}

package/tokens/colors/light.json

@@ -1,272 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/theme.json",
-  "$description": "Light theme color palette - Modern and professional design with WCAG AA compliance",
-  "colors": {
-    "primary": {
-      "base": "#0891b2",
-      "hover": "#0e7490",
-      "active": "#155e75",
-      "disabled": "#d4d4d4",
-      "focus": "#0891b2",
-      "background": "#ecfeff",
-      "backgroundHover": "#cffafe",
-      "backgroundActive": "#a5f3fc",
-      "border": "#0891b2",
-      "borderHover": "#0e7490",
-      "borderFocus": "#06b6d4",
-      "text": "#ffffff",
-      "textHover": "#ffffff",
-      "textDisabled": "#a3a3a3"
-    },
-    "secondary": {
-      "base": "#9333ea",
-      "hover": "#7e22ce",
-      "active": "#6b21a8",
-      "disabled": "#d4d4d4",
-      "focus": "#9333ea",
-      "background": "#faf5ff",
-      "backgroundHover": "#f3e8ff",
-      "backgroundActive": "#e9d5ff",
-      "border": "#9333ea",
-      "borderHover": "#7e22ce",
-      "borderFocus": "#a855f7",
-      "text": "#ffffff",
-      "textHover": "#ffffff",
-      "textDisabled": "#a3a3a3"
-    },
-    "accent": {
-      "base": "#db2777",
-      "hover": "#be185d",
-      "active": "#9f1239",
-      "disabled": "#d4d4d4",
-      "focus": "#db2777",
-      "background": "#fdf2f8",
-      "backgroundHover": "#fce7f3",
-      "backgroundActive": "#fbcfe8",
-      "border": "#db2777",
-      "borderHover": "#be185d",
-      "borderFocus": "#ec4899",
-      "text": "#ffffff",
-      "textHover": "#ffffff",
-      "textDisabled": "#a3a3a3"
-    },
-    "background": {
-      "primary": "#ffffff",
-      "secondary": "#fafafa",
-      "tertiary": "#f5f5f5",
-      "inverse": "#0a0a0f",
-      "overlay": "rgba(0, 0, 0, 0.5)",
-      "muted": "#f9fafb"
-    },
-    "surface": {
-      "primary": "#ffffff",
-      "secondary": "#fafafa",
-      "tertiary": "#f5f5f5",
-      "elevated": "#ffffff",
-      "overlay": "rgba(0, 0, 0, 0.5)",
-      "hover": "#f9fafb",
-      "active": "#f3f4f6"
-    },
-    "text": {
-      "primary": "#171717",
-      "secondary": "#404040",
-      "tertiary": "#737373",
-      "inverse": "#ffffff",
-      "disabled": "#a3a3a3",
-      "link": "#0891b2",
-      "linkHover": "#0e7490",
-      "linkActive": "#155e75",
-      "linkVisited": "#7e22ce",
-      "onPrimary": "#ffffff",
-      "onSecondary": "#ffffff",
-      "onAccent": "#ffffff",
-      "onBackground": "#171717",
-      "onSurface": "#171717"
-    },
-    "border": {
-      "primary": "#e5e5e5",
-      "secondary": "#d4d4d4",
-      "tertiary": "#a3a3a3",
-      "focus": "#0891b2",
-      "focusRing": "#06b6d4",
-      "inverse": "#404040",
-      "hover": "#d4d4d4",
-      "active": "#a3a3a3",
-      "disabled": "#e5e5e5"
-    },
-    "status": {
-      "success": {
-        "base": "#22c55e",
-        "hover": "#16a34a",
-        "active": "#15803d",
-        "background": "#f0fdf4",
-        "backgroundHover": "#dcfce7",
-        "border": "#86efac",
-        "text": "#ffffff",
-        "textOnBackground": "#166534"
-      },
-      "warning": {
-        "base": "#f59e0b",
-        "hover": "#d97706",
-        "active": "#b45309",
-        "background": "#fffbeb",
-        "backgroundHover": "#fef3c7",
-        "border": "#fcd34d",
-        "text": "#ffffff",
-        "textOnBackground": "#92400e"
-      },
-      "error": {
-        "base": "#ef4444",
-        "hover": "#dc2626",
-        "active": "#b91c1c",
-        "background": "#fef2f2",
-        "backgroundHover": "#fee2e2",
-        "border": "#fca5a5",
-        "text": "#ffffff",
-        "textOnBackground": "#991b1b"
-      },
-      "info": {
-        "base": "#3b82f6",
-        "hover": "#2563eb",
-        "active": "#1d4ed8",
-        "background": "#eff6ff",
-        "backgroundHover": "#dbeafe",
-        "border": "#93c5fd",
-        "text": "#ffffff",
-        "textOnBackground": "#1e40af"
-      }
-    },
-    "interactive": {
-      "default": "#0891b2",
-      "hover": "#0e7490",
-      "active": "#155e75",
-      "disabled": "#d4d4d4",
-      "disabledText": "#a3a3a3",
-      "focus": "#0891b2",
-      "focusRing": "#06b6d4"
-    },
-    "primitive": {
-      "cyan": {
-        "50": "#ecfeff",
-        "100": "#cffafe",
-        "200": "#a5f3fc",
-        "300": "#67e8f9",
-        "400": "#22d3ee",
-        "500": "#06b6d4",
-        "600": "#0891b2",
-        "700": "#0e7490",
-        "800": "#155e75",
-        "900": "#164e63"
-      },
-      "purple": {
-        "50": "#faf5ff",
-        "100": "#f3e8ff",
-        "200": "#e9d5ff",
-        "300": "#d8b4fe",
-        "400": "#c084fc",
-        "500": "#a855f7",
-        "600": "#9333ea",
-        "700": "#7e22ce",
-        "800": "#6b21a8",
-        "900": "#581c87"
-      },
-      "pink": {
-        "50": "#fdf2f8",
-        "100": "#fce7f3",
-        "200": "#fbcfe8",
-        "300": "#f9a8d4",
-        "400": "#f472b6",
-        "500": "#ec4899",
-        "600": "#db2777",
-        "700": "#be185d",
-        "800": "#9f1239",
-        "900": "#831843"
-      },
-      "blue": {
-        "50": "#eff6ff",
-        "100": "#dbeafe",
-        "200": "#bfdbfe",
-        "300": "#93c5fd",
-        "400": "#60a5fa",
-        "500": "#3b82f6",
-        "600": "#2563eb",
-        "700": "#1d4ed8",
-        "800": "#1e40af",
-        "900": "#1e3a8a"
-      },
-      "green": {
-        "50": "#f0fdf4",
-        "100": "#dcfce7",
-        "200": "#bbf7d0",
-        "300": "#86efac",
-        "400": "#4ade80",
-        "500": "#22c55e",
-        "600": "#16a34a",
-        "700": "#15803d",
-        "800": "#166534",
-        "900": "#14532d"
-      },
-      "orange": {
-        "50": "#fff7ed",
-        "100": "#ffedd5",
-        "200": "#fed7aa",
-        "300": "#fdba74",
-        "400": "#fb923c",
-        "500": "#f97316",
-        "600": "#ea580c",
-        "700": "#c2410c",
-        "800": "#9a3412",
-        "900": "#7c2d12"
-      },
-      "red": {
-        "50": "#fef2f2",
-        "100": "#fee2e2",
-        "200": "#fecaca",
-        "300": "#fca5a5",
-        "400": "#f87171",
-        "500": "#ef4444",
-        "600": "#dc2626",
-        "700": "#b91c1c",
-        "800": "#991b1b",
-        "900": "#7f1d1d"
-      },
-      "amber": {
-        "50": "#fffbeb",
-        "100": "#fef3c7",
-        "200": "#fde68a",
-        "300": "#fcd34d",
-        "400": "#fbbf24",
-        "500": "#f59e0b",
-        "600": "#d97706",
-        "700": "#b45309",
-        "800": "#92400e",
-        "900": "#78350f"
-      },
-      "emerald": {
-        "50": "#ecfdf5",
-        "100": "#d1fae5",
-        "200": "#a7f3d0",
-        "300": "#6ee7b7",
-        "400": "#34d399",
-        "500": "#10b981",
-        "600": "#059669",
-        "700": "#047857",
-        "800": "#065f46",
-        "900": "#064e3b"
-      },
-      "neutral": {
-        "50": "#fafafa",
-        "100": "#f5f5f5",
-        "200": "#e5e5e5",
-        "300": "#d4d4d4",
-        "400": "#a3a3a3",
-        "500": "#737373",
-        "600": "#525252",
-        "700": "#404040",
-        "800": "#262626",
-        "900": "#171717",
-        "950": "#0a0a0f"
-      }
-    }
-  }
-}

package/tokens/components/celestial-background.json

@@ -1,106 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$description": "Tokens para componente de background celestial - configurações de estrelas, nebulosas e efeitos espaciais",
-  "celestialBackground": {
-    "stars": {
-      "default": {
-        "count": 150,
-        "sizes": [1, 1.5, 2],
-        "opacity": [0.35, 0.55, 0.75],
-        "glow": {
-          "color": "rgba(255, 255, 255, 0.8)",
-          "radius": 2
-        }
-      },
-      "dense": {
-        "count": 250,
-        "sizes": [1, 1.5, 2, 2.5],
-        "opacity": [0.25, 0.45, 0.65, 0.85],
-        "glow": {
-          "color": "rgba(255, 255, 255, 0.8)",
-          "radius": 2
-        }
-      },
-      "sparse": {
-        "count": 80,
-        "sizes": [1, 1.5],
-        "opacity": [0.45, 0.65],
-        "glow": {
-          "color": "rgba(255, 255, 255, 0.8)",
-          "radius": 2
-        }
-      }
-    },
-    "nebula": {
-      "cyan": {
-        "position": {
-          "top": "0%",
-          "left": "0%"
-        },
-        "size": {
-          "width": "40%",
-          "height": "40%"
-        },
-        "gradient": {
-          "type": "radial",
-          "center": "0% 0%",
-          "colorStops": [
-            { "color": "cyan.400", "alpha": 0.06, "position": "0%" },
-            { "color": "cyan.400", "alpha": 0.04, "position": "30%" },
-            { "color": "transparent", "alpha": 0, "position": "70%" }
-          ]
-        },
-        "blur": "3xl"
-      },
-      "purple": {
-        "position": {
-          "top": "50%",
-          "right": "0%"
-        },
-        "size": {
-          "width": "35%",
-          "height": "35%"
-        },
-        "gradient": {
-          "type": "radial",
-          "center": "100% 50%",
-          "colorStops": [
-            { "color": "purple.400", "alpha": 0.06, "position": "0%" },
-            { "color": "purple.400", "alpha": 0.04, "position": "30%" },
-            { "color": "transparent", "alpha": 0, "position": "70%" }
-          ]
-        },
-        "blur": "3xl"
-      },
-      "pink": {
-        "position": {
-          "bottom": "0%",
-          "left": "25%"
-        },
-        "size": {
-          "width": "30%",
-          "height": "30%"
-        },
-        "gradient": {
-          "type": "radial",
-          "center": "25% 100%",
-          "colorStops": [
-            { "color": "pink.500", "alpha": 0.06, "position": "0%" },
-            { "color": "pink.500", "alpha": 0.04, "position": "30%" },
-            { "color": "transparent", "alpha": 0, "position": "70%" }
-          ]
-        },
-        "blur": "3xl"
-      }
-    },
-    "baseGradient": {
-      "direction": "to-bottom",
-      "from": "black",
-      "via": {
-        "color": "purple-950",
-        "alpha": 0.35
-      },
-      "to": "black"
-    }
-  }
-}