@helpwave/hightide 0.4.0 → 0.5.0

package/dist/style/globals.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -280,6 +280,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -345,12 +348,18 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\/2 {
+    right: calc(1/2 * 100%);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
   .right-full {
     right: 100%;
   }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
   .bottom-full {
     bottom: 100%;
   }
@@ -426,9 +435,6 @@
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
-  .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
-  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -557,6 +563,10 @@
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
   }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
   .size-4\.5 {
     width: calc(var(--spacing) * 4.5);
     height: calc(var(--spacing) * 4.5);
@@ -679,6 +689,9 @@
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
@@ -787,9 +800,6 @@
   .min-w-\[40px\] {
     min-width: 40px;
   }
-  .min-w-\[150px\] {
-    min-width: 150px;
-  }
   .min-w-\[220px\] {
     min-width: 220px;
   }
@@ -814,10 +824,18 @@
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-1\/2 {
+    --tw-translate-x: calc(1/2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-2\/3 {
+    --tw-translate-y: calc(2/3 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -1089,6 +1107,9 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-divider {
+    border-color: var(--color-divider);
+  }
   .border-divider\/50 {
     border-color: color-mix(in srgb, #E6E6E6 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1257,6 +1278,9 @@
   .bg-surface {
     background-color: var(--color-surface);
   }
+  .bg-surface-variant {
+    background-color: var(--color-surface-variant);
+  }
   .bg-surface-warning {
     background-color: var(--color-surface-warning);
   }
@@ -1356,6 +1380,9 @@
   .stroke-3 {
     stroke-width: 3;
   }
+  .\!p-2 {
+    padding: calc(var(--spacing) * 2) !important;
+  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -1695,6 +1722,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1769,7 +1800,7 @@
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2405,7 +2436,7 @@
     --color-label: var(--color-gray-300);
     --color-primary: var(--color-purple-400);
     --color-neutral: var(--color-gray-700);
-    --color-neutral-hover: var(--color-gray-800);
+    --color-neutral-hover: var(--color-gray-600);
     --color-neutral-outline-hover: var(--color-gray-200);
   }
 }
@@ -2429,7 +2460,7 @@
     --color-label: var(--color-gray-300);
     --color-primary: var(--color-purple-400);
     --color-neutral: var(--color-gray-700);
-    --color-neutral-hover: var(--color-gray-800);
+    --color-neutral-hover: var(--color-gray-600);
     --color-neutral-outline-hover: var(--color-gray-200);
   }
 }
@@ -2452,7 +2483,7 @@
     display: flex;
     flex-direction: row;
     column-gap: calc(var(--spacing) * 1);
-    height: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 6);
     align-items: center;
     justify-content: center;
     border-radius: calc(var(--spacing) * 1);

package/dist/style/uncompiled/theme/colors/semantic.css

@@ -93,7 +93,7 @@
     --color-primary: var(--color-purple-400);
 
     --color-neutral: var(--color-gray-700);
-    --color-neutral-hover: var(--color-gray-800);
+    --color-neutral-hover: var(--color-gray-600);
     --color-neutral-outline-hover: var(--color-gray-200);
   }
 }

package/dist/style/uncompiled/theme/components.css

@@ -1,7 +1,7 @@
 /* Button */
 @layer components {
   .btn-xs {
-    @apply flex-row-1 items-center justify-center px-1 py-0.75 rounded-1 h-7 text-sm;
+    @apply flex-row-1 items-center justify-center px-1 py-0.75 rounded-1 h-6 text-sm;
   }
 
   .btn-sm {

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/helpwave/hightide.git"
   },
   "license": "MPL-2.0",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "files": [
     "dist"
   ],
@@ -38,36 +38,37 @@
     "test": "jest"
   },
   "dependencies": {
-    "@tailwindcss/cli": "4.1.7",
+    "@helpwave/internationalization": "0.4.0",
+    "@tailwindcss/cli": "4.1.18",
     "@tanstack/react-table": "8.21.3",
     "clsx": "2.1.1",
-    "lucide-react": "0.468.0",
+    "lucide-react": "0.561.0",
     "postcss": "8.5.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "tailwindcss": "4.1.3",
-    "@helpwave/internationalization": "0.4.0"
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwindcss": "4.1.18"
   },
   "devDependencies": {
     "@babel/core": "7.26.0",
     "@babel/preset-env": "7.26.0",
     "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@faker-js/faker": "9.9.0",
-    "@helpwave/eslint-config": "0.0.7",
-    "@storybook/addon-docs": "9.0.12",
-    "@storybook/addon-links": "9.0.12",
-    "@storybook/nextjs": "9.0.12",
-    "@tailwindcss/postcss": "4.0.17",
+    "@faker-js/faker": "10.1.0",
+    "@helpwave/eslint-config": "0.0.11",
+    "@storybook/addon-docs": "10.1.9",
+    "@storybook/addon-links": "10.1.9",
+    "@storybook/nextjs": "10.1.9",
+    "@tailwindcss/postcss": "4.1.18",
     "@types/jest": "30.0.0",
     "@types/node": "20.17.10",
-    "@types/react": "18.3.17",
-    "@types/react-dom": "18.3.5",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
     "@types/tinycolor2": "1.4.6",
+    "@vitest/mocker": "^4.0.16",
     "eslint": "9.31.0",
-    "eslint-plugin-storybook": "9.0.12",
+    "eslint-plugin-storybook": "10.1.9",
     "jest": "30.2.0",
-    "storybook": "9.0.12",
+    "storybook": "10.1.9",
     "ts-jest": "29.4.5",
     "tsup": "8.5.0",
     "typescript": "5.7.2",