@prokodo/ui 0.1.14 → 1.0.0

package/dist/components/tooltip/Tooltip.css

@@ -164,11 +164,12 @@
   max-width: min(360px, 100vw - 16px);
   white-space: normal;
   overflow-wrap: anywhere;
-  padding: 0.25rem 0.5rem;
-  border-radius: 10px;
-  box-shadow: var(--elevation-2);
-  background: var(--color-grey-900);
-  color: var(--color-white);
+  padding: var(--pk-space-xs) var(--pk-space-sm);
+  border-radius: var(--pk-tooltip-radius);
+  border: var(--pk-border-width) solid var(--pk-tooltip-border);
+  box-shadow: var(--pk-tooltip-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
@@ -213,28 +214,64 @@
   top: 100%;
   transform: translateX(-50%);
   border-width: 8px 8px 0 8px;
-  border-color: var(--color-grey-900) transparent transparent transparent;
+  border-color: var(--pk-tooltip-bg) transparent transparent transparent;
 }
 .prokodo-Tooltip__bubble--bottom::after {
   left: var(--pk-tt-arrow-x, 50%);
   bottom: 100%;
   transform: translateX(-50%);
   border-width: 0 8px 8px 8px;
-  border-color: transparent transparent var(--color-grey-900) transparent;
+  border-color: transparent transparent var(--pk-tooltip-bg) transparent;
 }
 .prokodo-Tooltip__bubble--left::after {
   top: var(--pk-tt-arrow-y, 50%);
   left: 100%;
   transform: translateY(-50%);
   border-width: 8px 0 8px 8px;
-  border-color: transparent transparent transparent var(--color-grey-900);
+  border-color: transparent transparent transparent var(--pk-tooltip-bg);
 }
 .prokodo-Tooltip__bubble--right::after {
   top: var(--pk-tt-arrow-y, 50%);
   right: 100%;
   transform: translateY(-50%);
   border-width: 8px 8px 8px 0;
-  border-color: transparent var(--color-grey-900) transparent transparent;
+  border-color: transparent var(--pk-tooltip-bg) transparent transparent;
+}
+.prokodo-Tooltip__bubble--success {
+  --pk-tooltip-bg: var(--pk-tooltip-success-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-success-fg);
+  --pk-tooltip-border: var(--pk-tooltip-success-border);
+  box-shadow: var(--pk-tooltip-success-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--error {
+  --pk-tooltip-bg: var(--pk-tooltip-error-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-error-fg);
+  --pk-tooltip-border: var(--pk-tooltip-error-border);
+  box-shadow: var(--pk-tooltip-error-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--warning {
+  --pk-tooltip-bg: var(--pk-tooltip-warning-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-warning-fg);
+  --pk-tooltip-border: var(--pk-tooltip-warning-border);
+  box-shadow: var(--pk-tooltip-warning-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--info {
+  --pk-tooltip-bg: var(--pk-tooltip-info-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-info-fg);
+  --pk-tooltip-border: var(--pk-tooltip-info-border);
+  box-shadow: var(--pk-tooltip-info-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
 }
 .prokodo-Tooltip:hover .prokodo-Tooltip__bubble, .prokodo-Tooltip:focus-within .prokodo-Tooltip__bubble {
   opacity: 1;

package/dist/components/tooltip/Tooltip.js

@@ -5,11 +5,17 @@ import TooltipServer from "./Tooltip.server.js";
 const Tooltip = createIsland({
   name: "Tooltip",
   Server: TooltipServer,
-  loadLazy: /* @__PURE__ */ __name(() => import("./Tooltip.client.js"), "loadLazy"),
+  loadLazy: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name(() => import("./Tooltip.client.js"), "loadLazy")
+  ),
   // Hydrate only when you actually need JS timing/controlled state/etc.
-  isInteractive: /* @__PURE__ */ __name((p) => Boolean(
-    (p.portal ?? true) || p.preventOverflow || p.open !== void 0 || p.defaultOpen !== void 0 || typeof p.onOpenChange === "function" || typeof p.delay === "number" || typeof p.closeDelay === "number"
-  ), "isInteractive")
+  isInteractive: (
+    /* istanbul ignore next */
+    /* @__PURE__ */ __name((p) => Boolean(
+      (p.portal ?? true) || p.preventOverflow || p.open !== void 0 || p.defaultOpen !== void 0 || typeof p.onOpenChange === "function" || typeof p.delay === "number" || typeof p.closeDelay === "number"
+    ), "isInteractive")
+  )
 });
 export {
   Tooltip

package/dist/components/tooltip/Tooltip.module.css

@@ -164,11 +164,12 @@
   max-width: min(360px, 100vw - 16px);
   white-space: normal;
   overflow-wrap: anywhere;
-  padding: 0.25rem 0.5rem;
-  border-radius: 10px;
-  box-shadow: var(--elevation-2);
-  background: var(--color-grey-900);
-  color: var(--color-white);
+  padding: var(--pk-space-xs) var(--pk-space-sm);
+  border-radius: var(--pk-tooltip-radius);
+  border: var(--pk-border-width) solid var(--pk-tooltip-border);
+  box-shadow: var(--pk-tooltip-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
@@ -213,28 +214,64 @@
   top: 100%;
   transform: translateX(-50%);
   border-width: 8px 8px 0 8px;
-  border-color: var(--color-grey-900) transparent transparent transparent;
+  border-color: var(--pk-tooltip-bg) transparent transparent transparent;
 }
 .prokodo-Tooltip__bubble--bottom::after {
   left: var(--pk-tt-arrow-x, 50%);
   bottom: 100%;
   transform: translateX(-50%);
   border-width: 0 8px 8px 8px;
-  border-color: transparent transparent var(--color-grey-900) transparent;
+  border-color: transparent transparent var(--pk-tooltip-bg) transparent;
 }
 .prokodo-Tooltip__bubble--left::after {
   top: var(--pk-tt-arrow-y, 50%);
   left: 100%;
   transform: translateY(-50%);
   border-width: 8px 0 8px 8px;
-  border-color: transparent transparent transparent var(--color-grey-900);
+  border-color: transparent transparent transparent var(--pk-tooltip-bg);
 }
 .prokodo-Tooltip__bubble--right::after {
   top: var(--pk-tt-arrow-y, 50%);
   right: 100%;
   transform: translateY(-50%);
   border-width: 8px 8px 8px 0;
-  border-color: transparent var(--color-grey-900) transparent transparent;
+  border-color: transparent var(--pk-tooltip-bg) transparent transparent;
+}
+.prokodo-Tooltip__bubble--success {
+  --pk-tooltip-bg: var(--pk-tooltip-success-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-success-fg);
+  --pk-tooltip-border: var(--pk-tooltip-success-border);
+  box-shadow: var(--pk-tooltip-success-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--error {
+  --pk-tooltip-bg: var(--pk-tooltip-error-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-error-fg);
+  --pk-tooltip-border: var(--pk-tooltip-error-border);
+  box-shadow: var(--pk-tooltip-error-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--warning {
+  --pk-tooltip-bg: var(--pk-tooltip-warning-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-warning-fg);
+  --pk-tooltip-border: var(--pk-tooltip-warning-border);
+  box-shadow: var(--pk-tooltip-warning-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
+}
+.prokodo-Tooltip__bubble--info {
+  --pk-tooltip-bg: var(--pk-tooltip-info-bg);
+  --pk-tooltip-fg: var(--pk-tooltip-info-fg);
+  --pk-tooltip-border: var(--pk-tooltip-info-border);
+  box-shadow: var(--pk-tooltip-info-shadow);
+  background: var(--pk-tooltip-bg);
+  color: var(--pk-tooltip-fg);
+  border-color: var(--pk-tooltip-border);
 }
 .prokodo-Tooltip:hover .prokodo-Tooltip__bubble, .prokodo-Tooltip:focus-within .prokodo-Tooltip__bubble {
   opacity: 1;

package/dist/components/tooltip/Tooltip.module.scss.js

@@ -8,7 +8,11 @@ const styles = {
   "prokodo-Tooltip__bubble--top": "prokodo-Tooltip__bubble--top",
   "prokodo-Tooltip__bubble--bottom": "prokodo-Tooltip__bubble--bottom",
   "prokodo-Tooltip__bubble--left": "prokodo-Tooltip__bubble--left",
-  "prokodo-Tooltip__bubble--right": "prokodo-Tooltip__bubble--right"
+  "prokodo-Tooltip__bubble--right": "prokodo-Tooltip__bubble--right",
+  "prokodo-Tooltip__bubble--success": "prokodo-Tooltip__bubble--success",
+  "prokodo-Tooltip__bubble--error": "prokodo-Tooltip__bubble--error",
+  "prokodo-Tooltip__bubble--warning": "prokodo-Tooltip__bubble--warning",
+  "prokodo-Tooltip__bubble--info": "prokodo-Tooltip__bubble--info"
 };
 export {
   styles as default

package/dist/components/tooltip/Tooltip.view.js

@@ -38,6 +38,7 @@ function TooltipView(props) {
     content,
     children,
     placement = "top",
+    color = "default",
     disabled,
     open,
     className,
@@ -64,6 +65,7 @@ function TooltipView(props) {
     ...childProps.style ?? {},
     ...(triggerProps == null ? void 0 : triggerProps.style) ?? {},
     // ✅ critical: prevent full-width triggers (global button resets, flex rules, etc.)
+    /* istanbul ignore next */
     display: ((_a = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _a.display) ?? ((_b = childProps.style) == null ? void 0 : _b.display) ?? "inline-flex",
     width: ((_c = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _c.width) ?? ((_d = childProps.style) == null ? void 0 : _d.width) ?? "max-content",
     maxWidth: ((_e = triggerProps == null ? void 0 : triggerProps.style) == null ? void 0 : _e.maxWidth) ?? ((_f = childProps.style) == null ? void 0 : _f.maxWidth) ?? "max-content",
@@ -93,7 +95,11 @@ function TooltipView(props) {
   };
   const inlineBubbleClass = bem(
     "bubble",
-    { open: Boolean(effectiveOpen), [effectivePlacement]: true },
+    {
+      open: Boolean(effectiveOpen),
+      [effectivePlacement]: true,
+      ...color !== "default" ? { [color]: true } : {}
+    },
     tooltipClassName
   );
   return /* @__PURE__ */ jsxs(

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.1.14";
+const PROKODO_UI_VERSION = "1.0.0";
 export {
   PROKODO_UI_VERSION
 };

package/dist/helpers/createIsland.js

@@ -12,6 +12,7 @@ function createIsland({
   name,
   Server,
   loadLazy,
+  /* istanbul ignore next */
   isInteractive: customInteractive
 }) {
   const LazyComp = lazy(() => loadLazy().then((m) => ({ default: m.default })));

package/dist/helpers/createLazyWrapper.js

@@ -9,6 +9,7 @@ function createLazyWrapper({
   Server,
   hydrateOnVisible = false,
   ioOptions,
+  /* istanbul ignore next */
   isInteractive: customInteractive
 }) {
   const LazyWrapper = /* @__PURE__ */ __name(({

package/dist/hooks/useGoogleMaps.js

@@ -15,7 +15,6 @@ const useGoogleMaps = /* @__PURE__ */ __name((apiKey, reload) => {
         setLoaded(true);
       }).catch((err) => {
         console.error("Error loading Google Maps", err);
-        throw new Error("Error loading Google Map: ", err);
       });
     }, "loader");
     void loader();