@konstructio/ui 0.1.7 → 0.1.8

package/dist/ui/utilities.css

@@ -4,6 +4,7 @@
   --animate-hide: hide;
   --animate-slide-in: slideIn;
   --animate-swipe-out: swipeOut;
+  --animate-tooltip-pop: tooltipPop;
   --animate-duration-time: 1s;
 
   @keyframes hide {
@@ -33,6 +34,21 @@
     }
   }
 
+  @keyframes tooltipPop {
+    0% {
+      opacity: 0;
+      transform: scale(0);
+    }
+    50% {
+      opacity: 0.5;
+      transform: scale(0.99);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
   @keyframes enter {
     from {
       opacity: var(--tw-enter-opacity, 1);
@@ -158,6 +174,13 @@
   animation-duration: 0.15s;
 }
 
+@utility animate-tooltip-pop {
+  animation-name: var(--animate-tooltip-pop);
+  animation-duration: 100ms;
+  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  animation-fill-mode: both;
+}
+
 @utility animate-hide {
   animation-name: var(--animate-hide);
   animation-duration: 0.15s;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -102,7 +102,7 @@
     "google-libphonenumber": "^3.2.48",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.68.0",
+    "lucide-react": "^1.71.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.2",
     "react-feather": "^2.0.10",
@@ -111,7 +111,7 @@
     "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
-    "@tanstack/react-query": "^5.105",
+    "@tanstack/react-query": "^5.107",
     "@types/react": "*",
     "@types/react-dom": "*",
     "motion": "^14",
@@ -146,22 +146,22 @@
   "devDependencies": {
     "@faker-js/faker": "^10.6.0",
     "@rollup/plugin-alias": "^6.0.1",
-    "@storybook/addon-docs": "^10.6.5",
-    "@storybook/addon-links": "^10.6.5",
-    "@storybook/react-vite": "^10.6.5",
-    "@tailwindcss/vite": "^4.3.4",
-    "@tanstack/react-query": "^5.105.3",
+    "@storybook/addon-docs": "^10.6.7",
+    "@storybook/addon-links": "^10.6.7",
+    "@storybook/react-vite": "^10.6.7",
+    "@tailwindcss/vite": "^4.3.5",
+    "@tanstack/react-query": "^5.107.1",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@testing-library/user-event": "^14.6.8",
+    "@testing-library/user-event": "^14.6.9",
     "@types/google-libphonenumber": "^7.4.31",
     "@types/jest-axe": "^3.5.9",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.27",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@typescript-eslint/eslint-plugin": "^8.72.1",
-    "@typescript-eslint/parser": "^8.72.1",
+    "@typescript-eslint/eslint-plugin": "^8.72.2",
+    "@typescript-eslint/parser": "^8.72.2",
     "@vitejs/plugin-react": "^6.2.1",
     "@vitest/coverage-v8": "^5.1.0",
     "autoprefixer": "^10.6.2",
@@ -169,22 +169,22 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.7",
-    "eslint-plugin-storybook": "^10.6.5",
+    "eslint-plugin-storybook": "^10.6.7",
     "eslint-plugin-vitest": "^0.5.4",
-    "glob": "^14.0.3",
+    "glob": "^14.0.4",
     "husky": "^9.1.7",
     "jest-axe": "^11.0.0",
-    "jsdom": "^30.1.3",
+    "jsdom": "^31.0.0",
     "lodash": "^4.18.1",
-    "motion": "^14.9.1",
+    "motion": "^14.12.0",
     "postcss": "^8.5.32",
     "prettier": "^3.9.10",
     "rimraf": "^6.1.4",
-    "storybook": "^10.6.5",
-    "tailwindcss": "^4.3.4",
+    "storybook": "^10.6.7",
+    "tailwindcss": "^4.3.5",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
-    "vite": "^8.3.5",
+    "vite": "^8.3.7",
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",

package/dist/StepIndicatorContent-C6MILk4c.js

@@ -1,36 +0,0 @@
-import { t as d } from "./createLucideIcon-C7E_xycG.js";
-import { ExclamationIcon as m } from "./assets/icons/components/Exclamation.js";
-import { t as p } from "./utils-DnIJruo0.js";
-import { CHECK_ICON_SIZE_MAP as c, ICON_SIZE_MAP as f } from "./components/Stepper/constants/index.js";
-import { memo as h } from "react";
-import { jsx as e } from "react/jsx-runtime";
-var i = {
-  name: "check",
-  size: 24,
-  node: [["path", {
-    d: "M20 6 9 17l-5-5",
-    key: "1gmf2c"
-  }]]
-};
-i.node;
-var I = d(i), u = ({ className: r, icons: t, index: a, size: o, status: n }) => n === "completed" ? t?.completed ? /* @__PURE__ */ e("span", {
-  className: r,
-  children: t.completed
-}) : /* @__PURE__ */ e(I, {
-  className: p(c[o], r),
-  strokeWidth: 2.5,
-  "aria-hidden": "true"
-}) : n === "error" ? t?.error ? /* @__PURE__ */ e("span", {
-  className: r,
-  children: t.error
-}) : /* @__PURE__ */ e(m, {
-  size: f[o],
-  className: r
-}) : /* @__PURE__ */ e("span", {
-  className: r,
-  "aria-hidden": "true",
-  children: a + 1
-}), S = h(u);
-export {
-  S as t
-};