@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/{theme.provider-BC_aCvPM.js → theme.provider-CvL6sqHq.js}

@@ -1,4 +1,4 @@
-import { r as v } from "./utils-COaoD3PI.js";
+import { i as v } from "./utils-DnIJruo0.js";
 import { ThemeContext as h } from "./contexts/theme.context.js";
 import { useEffect as a, useState as g } from "react";
 import { jsx as l } from "react/jsx-runtime";
@@ -58,7 +58,7 @@ function d(r, o) {
     converter: { value: Object.freeze(r) }
   });
 }
-var x = d(C, { path: "/" }), R = ({ children: r, theme: o }) => {
+var x = d(C, { path: "/" }), k = ({ children: r, theme: o }) => {
   const [t, i] = g(() => o || (v ? x.get("konstruct-theme") : "kubefirst"));
   return a(() => {
     document.querySelector("body")?.setAttribute("data-theme", t);
@@ -71,5 +71,5 @@ var x = d(C, { path: "/" }), R = ({ children: r, theme: o }) => {
   });
 };
 export {
-  R as t
+  k as t
 };

package/dist/ui/civo-theme.css

@@ -312,7 +312,11 @@
 
   --color-kubefirst-primary: #8851c8;
   --color-kubefirst-secondary: #7037ae;
+  --color-kubefirst-dark-blue-200: #abadc6;
+  --color-kubefirst-dark-blue-300: #9ea2c6;
+  --color-kubefirst-dark-blue-800: #252a41;
   --color-kubefirst-dark-blue-900: #1e2235;
+  --color-mistery: #81e2b4;
 
   --color-kubefirst-pro-primary: #1fb4d5;
   --color-kubefirst-pro-secondary: #3dc3e2;

package/dist/ui/kubefirst-theme.css

@@ -288,7 +288,11 @@
 
   --color-kubefirst-primary: #8851c8;
   --color-kubefirst-secondary: #7037ae;
+  --color-kubefirst-dark-blue-200: #abadc6;
+  --color-kubefirst-dark-blue-300: #9ea2c6;
+  --color-kubefirst-dark-blue-800: #252a41;
   --color-kubefirst-dark-blue-900: #1e2235;
+  --color-mistery: #81e2b4;
 
   --color-kubefirst-pro-primary: #1fb4d5;
   --color-kubefirst-pro-secondary: #3dc3e2;

package/dist/ui/utilities.css

@@ -172,3 +172,22 @@
   animation-duration: var(--animate-duration-time, 1s);
   animation-iteration-count: infinite;
 }
+
+@utility tap-target {
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+@utility touch-hit-area {
+  @media (pointer: coarse) {
+    &::after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: max(100%, 44px);
+      height: max(100%, 44px);
+      transform: translate(-50%, -50%);
+    }
+  }
+}