@tomaszjarosz/react-visualizers 0.2.13 → 0.3.0

package/dist/react-visualizers.css

@@ -176,6 +176,7 @@
     --color-pink-500: oklch(65.6% .241 354.308);
     --color-pink-600: oklch(59.2% .249 .584);
     --color-pink-700: oklch(52.5% .223 3.958);
+    --color-rose-50: oklch(96.9% .015 12.422);
     --color-gray-50: oklch(98.5% .002 247.839);
     --color-gray-100: oklch(96.7% .003 264.542);
     --color-gray-200: oklch(92.8% .006 264.531);
@@ -721,6 +722,10 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
@@ -889,6 +894,10 @@
     scale: var(--tw-scale-x) var(--tw-scale-y);
   }
 
+  .rotate-90 {
+    rotate: 90deg;
+  }
+
   .transform {
     transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
   }
@@ -1197,6 +1206,10 @@
     border-color: var(--color-green-600);
   }
 
+  .border-indigo-100 {
+    border-color: var(--color-indigo-100);
+  }
+
   .border-indigo-200 {
     border-color: var(--color-indigo-200);
   }
@@ -1429,6 +1442,16 @@
     background-color: var(--color-indigo-100);
   }
 
+  .bg-indigo-100\/50 {
+    background-color: #e0e7ff80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-indigo-100\/50 {
+      background-color: color-mix(in oklab, var(--color-indigo-100) 50%, transparent);
+    }
+  }
+
   .bg-indigo-500 {
     background-color: var(--color-indigo-500);
   }
@@ -1477,6 +1500,10 @@
     background-color: var(--color-orange-600);
   }
 
+  .bg-pink-50 {
+    background-color: var(--color-pink-50);
+  }
+
   .bg-pink-100 {
     background-color: var(--color-pink-100);
   }
@@ -1533,6 +1560,10 @@
     background-color: var(--color-red-600);
   }
 
+  .bg-rose-50 {
+    background-color: var(--color-rose-50);
+  }
+
   .bg-teal-50 {
     background-color: var(--color-teal-50);
   }
@@ -1994,6 +2025,10 @@
     padding-top: calc(var(--spacing) * 2);
   }
 
+  .pr-4 {
+    padding-right: calc(var(--spacing) * 4);
+  }
+
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -2323,6 +2358,10 @@
     color: var(--color-purple-900);
   }
 
+  .text-red-400 {
+    color: var(--color-red-400);
+  }
+
   .text-red-500 {
     color: var(--color-red-500);
   }
@@ -2484,6 +2523,10 @@
     --tw-ring-color: var(--color-green-300);
   }
 
+  .ring-green-400 {
+    --tw-ring-color: var(--color-green-400);
+  }
+
   .ring-green-500 {
     --tw-ring-color: var(--color-green-500);
   }
@@ -2567,6 +2610,12 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .duration-150 {
     --tw-duration: .15s;
     transition-duration: .15s;
@@ -2776,6 +2825,10 @@
       color: var(--color-gray-800);
     }
 
+    .hover\:text-indigo-800:hover {
+      color: var(--color-indigo-800);
+    }
+
     .hover\:text-yellow-700:hover {
       color: var(--color-yellow-700);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomaszjarosz/react-visualizers",
-  "version": "0.2.13",
+  "version": "0.3.0",
   "description": "Interactive algorithm and data structure visualizers for React",
   "author": "Tomasz Jarosz <tomaszjarosz1994@gmail.com>",
   "license": "MIT",
@@ -52,6 +52,9 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint src/",
     "clean": "rm -rf dist",
+    "test": "vitest run --project unit",
+    "test:watch": "vitest --project unit",
+    "test:coverage": "vitest run --project unit --coverage",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes"
@@ -68,6 +71,8 @@
     "@storybook/addon-vitest": "^10.1.4",
     "@storybook/react-vite": "^10.1.4",
     "@tailwindcss/vite": "^4.0.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.0.0",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^4.3.4",