@tuwaio/docs-ui 0.5.4 → 0.5.5

package/dist/components/Orb.cjs

@@ -38,20 +38,20 @@ var import_react = __toESM(require("react"), 1);
 const packageColors = {
   siwx: "#10b981",
   orbit: "#0d9488",
-  satellite: "#2563eb",
+  satellite: "#0052ff",
   pulsar: "#f59e0b",
-  quasar: "#06b6d4",
-  nova: "#00d2ff",
-  sdk: "#3b82f6"
+  quasar: "#2563eb",
+  nova: "#0284c7",
+  sdk: "#1d4ed8"
 };
 const packageTints = {
   siwx: "rgba(16,185,129,0.12)",
   orbit: "rgba(13,148,136,0.12)",
-  satellite: "rgba(37,99,235,0.12)",
+  satellite: "rgba(0,82,255,0.12)",
   pulsar: "rgba(245,158,11,0.12)",
-  quasar: "rgba(6,182,212,0.12)",
-  nova: "rgba(0,210,255,0.12)",
-  sdk: "rgba(59,130,246,0.12)"
+  quasar: "rgba(37,99,235,0.12)",
+  nova: "rgba(2,132,199,0.12)",
+  sdk: "rgba(29,78,216,0.12)"
 };
 const getCosmicFilter = (type, id) => {
   const starField = (freq, seed, dur) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [

package/dist/components/Orb.js

@@ -5,20 +5,20 @@ import React from "react";
 const packageColors = {
   siwx: "#10b981",
   orbit: "#0d9488",
-  satellite: "#2563eb",
+  satellite: "#0052ff",
   pulsar: "#f59e0b",
-  quasar: "#06b6d4",
-  nova: "#00d2ff",
-  sdk: "#3b82f6"
+  quasar: "#2563eb",
+  nova: "#0284c7",
+  sdk: "#1d4ed8"
 };
 const packageTints = {
   siwx: "rgba(16,185,129,0.12)",
   orbit: "rgba(13,148,136,0.12)",
-  satellite: "rgba(37,99,235,0.12)",
+  satellite: "rgba(0,82,255,0.12)",
   pulsar: "rgba(245,158,11,0.12)",
-  quasar: "rgba(6,182,212,0.12)",
-  nova: "rgba(0,210,255,0.12)",
-  sdk: "rgba(59,130,246,0.12)"
+  quasar: "rgba(37,99,235,0.12)",
+  nova: "rgba(2,132,199,0.12)",
+  sdk: "rgba(29,78,216,0.12)"
 };
 const getCosmicFilter = (type, id) => {
   const starField = (freq, seed, dur) => /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/ThemeSwitcher.cjs

@@ -82,7 +82,7 @@ function ThemeSwitcher({ theme, onToggle, ariaLabel = "Toggle theme" }) {
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:flex-1 tuwadocs:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_solid.MoonIcon,
             {
-              className: `tuwadocs:h-6 tuwadocs:w-6 tuwadocs:relative tuwadocs:left-[2px] tuwadocs:md:h-5 tuwadocs:md:w-5 tuwadocs:transition-colors tuwadocs:duration-300 ${isDark ? "tuwadocs:text-cyan-400" : "tuwadocs:text-slate-500 tuwadocs:group-hover:text-cyan-300"}`
+              className: `tuwadocs:h-6 tuwadocs:w-6 tuwadocs:relative tuwadocs:left-[2px] tuwadocs:md:h-5 tuwadocs:md:w-5 tuwadocs:transition-colors tuwadocs:duration-300 ${isDark ? "tuwadocs:text-[#0052ff]" : "tuwadocs:text-slate-500 tuwadocs:group-hover:text-[#0052ff]"}`
             }
           ) })
         ] })

package/dist/components/ThemeSwitcher.js

@@ -59,7 +59,7 @@ function ThemeSwitcher({ theme, onToggle, ariaLabel = "Toggle theme" }) {
           /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:flex-1 tuwadocs:justify-center", children: /* @__PURE__ */ jsx(
             MoonIcon,
             {
-              className: `tuwadocs:h-6 tuwadocs:w-6 tuwadocs:relative tuwadocs:left-[2px] tuwadocs:md:h-5 tuwadocs:md:w-5 tuwadocs:transition-colors tuwadocs:duration-300 ${isDark ? "tuwadocs:text-cyan-400" : "tuwadocs:text-slate-500 tuwadocs:group-hover:text-cyan-300"}`
+              className: `tuwadocs:h-6 tuwadocs:w-6 tuwadocs:relative tuwadocs:left-[2px] tuwadocs:md:h-5 tuwadocs:md:w-5 tuwadocs:transition-colors tuwadocs:duration-300 ${isDark ? "tuwadocs:text-[#0052ff]" : "tuwadocs:text-slate-500 tuwadocs:group-hover:text-[#0052ff]"}`
             }
           ) })
         ] })

package/dist/index.css

@@ -651,8 +651,6 @@ html {
     --tuwadocs-color-red-600: oklch(57.7% 0.245 27.325);
     --tuwadocs-color-yellow-400: oklch(85.2% 0.199 91.936);
     --tuwadocs-color-yellow-500: oklch(79.5% 0.184 86.047);
-    --tuwadocs-color-cyan-300: oklch(86.5% 0.127 207.078);
-    --tuwadocs-color-cyan-400: oklch(78.9% 0.154 211.53);
     --tuwadocs-color-slate-200: oklch(92.9% 0.013 255.508);
     --tuwadocs-color-slate-500: oklch(55.4% 0.046 257.417);
     --tuwadocs-color-black: #000;
@@ -1166,6 +1164,9 @@ html {
     --tw-tracking: var(--tuwadocs-tracking-widest);
     letter-spacing: var(--tuwadocs-tracking-widest);
   }
+  .tuwadocs\:text-\[\#0052ff\] {
+    color: #0052ff;
+  }
   .tuwadocs\:text-\[var\(--tuwa-text-accent\)\] {
     color: var(--tuwa-text-accent);
   }
@@ -1178,9 +1179,6 @@ html {
   .tuwadocs\:text-\[var\(--tuwa-text-tertiary\)\] {
     color: var(--tuwa-text-tertiary);
   }
-  .tuwadocs\:text-cyan-400 {
-    color: var(--tuwadocs-color-cyan-400);
-  }
   .tuwadocs\:text-slate-500 {
     color: var(--tuwadocs-color-slate-500);
   }
@@ -1259,12 +1257,12 @@ html {
     outline-style: none;
   }
   @media (hover: hover) {
+    .tuwadocs\:group-hover\:text-\[\#0052ff\]:is(:where(.tuwadocs\:group):hover *) {
+      color: #0052ff;
+    }
     .tuwadocs\:group-hover\:text-\[var\(--tuwa-text-primary\)\]:is(:where(.tuwadocs\:group):hover *) {
       color: var(--tuwa-text-primary);
     }
-    .tuwadocs\:group-hover\:text-cyan-300:is(:where(.tuwadocs\:group):hover *) {
-      color: var(--tuwadocs-color-cyan-300);
-    }
     .tuwadocs\:group-hover\:text-yellow-400:is(:where(.tuwadocs\:group):hover *) {
       color: var(--tuwadocs-color-yellow-400);
     }
@@ -1472,11 +1470,14 @@ html {
 }
 :root {
   --tuwa-primary: #0052ff;
-  --tuwa-secondary: #00d2ff;
+  --tuwa-secondary: #0284c7;
   --tuwa-success: #10b981;
   --tuwa-warning: #f59e0b;
   --tuwa-error: #ef4444;
-  --tuwa-gradient: linear-gradient(135deg, #0052ff 0%, #00d2ff 100%);
+  --tuwa-gradient: linear-gradient(135deg, #0052ff 0%, #1d4ed8 50%, #0284c7 100%);
+  --tuwa-hero-gradient-from: #0052ff;
+  --tuwa-hero-gradient-via: #1d4ed8;
+  --tuwa-hero-gradient-to: #0284c7;
   --tuwa-button-gradient-from: #0052ff;
   --tuwa-button-gradient-to: #00d2ff;
   --tuwa-button-gradient-from-hover: #0045d8;
@@ -1506,9 +1507,13 @@ html {
 }
 .dark {
   --tuwa-primary: #38bdf8;
-  --tuwa-secondary: #00d2ff;
+  --tuwa-secondary: #7dd3fc;
   --nextra-bg: 10 14 39;
   --tuwa-bg-dark: #0a0e27;
+  --tuwa-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #7dd3fc 100%);
+  --tuwa-hero-gradient-from: #2563eb;
+  --tuwa-hero-gradient-via: #3b82f6;
+  --tuwa-hero-gradient-to: #7dd3fc;
   --tuwa-button-gradient-from: #2563eb;
   --tuwa-button-gradient-to: #00d2ff;
   --tuwa-button-gradient-from-hover: #1d4ed8;
@@ -1669,17 +1674,17 @@ html.dark .nextra-border {
   border-color: var(--tuwa-primary) !important;
 }
 .dark .nextra-sidebar a[data-active] {
-  color: var(--tuwa-secondary) !important;
-  background-color: rgb(0 210 255 / 0.1) !important;
-  border-color: var(--tuwa-secondary) !important;
+  color: var(--tuwa-primary) !important;
+  background-color: rgb(56 189 248 / 0.1) !important;
+  border-color: var(--tuwa-primary) !important;
 }
 .nextra-sidebar a:hover {
   color: var(--tuwa-primary) !important;
   background-color: rgb(0 82 255 / 0.05) !important;
 }
 .dark .nextra-sidebar a:hover {
-  color: var(--tuwa-secondary) !important;
-  background-color: rgb(0 210 255 / 0.05) !important;
+  color: var(--tuwa-primary) !important;
+  background-color: rgb(56 189 248 / 0.05) !important;
 }
 .nextra-search input {
   border-color: rgb(229 231 235);
@@ -1691,8 +1696,8 @@ html.dark .nextra-border {
   box-shadow: 0 0 0 3px rgb(0 82 255 / 0.15) !important;
 }
 .dark .nextra-search input:focus {
-  border-color: var(--tuwa-secondary) !important;
-  box-shadow: 0 0 0 3px rgb(0 210 255 / 0.15) !important;
+  border-color: var(--tuwa-primary) !important;
+  box-shadow: 0 0 0 3px rgb(56 189 248 / 0.15) !important;
 }
 .nextra-breadcrumb,
 .nextra-breadcrumbs {
@@ -1809,7 +1814,7 @@ article a:hover {
 }
 .nextra-callout[class*='border-blue-'] {
   border-color: var(--tuwa-primary) !important;
-  background: rgb(99 102 241 / 0.05) !important;
+  background: rgb(0 82 255 / 0.05) !important;
 }
 .nextra-callout[class*='border-yellow-'] {
   border-color: var(--tuwa-warning) !important;
@@ -1840,7 +1845,7 @@ article .nextra-border a:hover {
   color: var(--tuwa-primary) !important;
 }
 .nextra-hamburger:hover {
-  background-color: rgb(99 102 241 / 0.1) !important;
+  background-color: rgb(0 82 255 / 0.1) !important;
 }
 .nextra-toc .nextra-border a {
   color: var(--tuwa-primary) !important;
@@ -1954,7 +1959,7 @@ article .nextra-border a:hover {
 }
 .tuwa-button:hover {
   transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgb(99 102 241 / 0.3);
+  box-shadow: 0 4px 12px rgb(0 82 255 / 0.3);
 }
 @keyframes slideToDark {
   from {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/docs-ui",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",