@helpwave/hightide 0.4.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -280,6 +280,9 @@
280
280
  ::-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 {
281
281
  padding-block: 0;
282
282
  }
283
+ ::-webkit-calendar-picker-indicator {
284
+ line-height: 1;
285
+ }
283
286
  :-moz-ui-invalid {
284
287
  box-shadow: none;
285
288
  }
@@ -345,12 +348,18 @@
345
348
  .right-1 {
346
349
  right: calc(var(--spacing) * 1);
347
350
  }
351
+ .right-1\/2 {
352
+ right: calc(1/2 * 100%);
353
+ }
348
354
  .right-2 {
349
355
  right: calc(var(--spacing) * 2);
350
356
  }
351
357
  .right-full {
352
358
  right: 100%;
353
359
  }
360
+ .bottom-0 {
361
+ bottom: calc(var(--spacing) * 0);
362
+ }
354
363
  .bottom-full {
355
364
  bottom: 100%;
356
365
  }
@@ -426,9 +435,6 @@
426
435
  .my-2 {
427
436
  margin-block: calc(var(--spacing) * 2);
428
437
  }
429
- .mt-1 {
430
- margin-top: calc(var(--spacing) * 1);
431
- }
432
438
  .mt-2 {
433
439
  margin-top: calc(var(--spacing) * 2);
434
440
  }
@@ -557,6 +563,10 @@
557
563
  width: calc(var(--spacing) * 3.5);
558
564
  height: calc(var(--spacing) * 3.5);
559
565
  }
566
+ .size-4 {
567
+ width: calc(var(--spacing) * 4);
568
+ height: calc(var(--spacing) * 4);
569
+ }
560
570
  .size-4\.5 {
561
571
  width: calc(var(--spacing) * 4.5);
562
572
  height: calc(var(--spacing) * 4.5);
@@ -661,6 +671,9 @@
661
671
  .min-h-60 {
662
672
  min-height: calc(var(--spacing) * 60);
663
673
  }
674
+ .min-h-64 {
675
+ min-height: calc(var(--spacing) * 64);
676
+ }
664
677
  .min-h-71 {
665
678
  min-height: calc(var(--spacing) * 71);
666
679
  }
@@ -679,6 +692,9 @@
679
692
  .w-4 {
680
693
  width: calc(var(--spacing) * 4);
681
694
  }
695
+ .w-5 {
696
+ width: calc(var(--spacing) * 5);
697
+ }
682
698
  .w-6 {
683
699
  width: calc(var(--spacing) * 6);
684
700
  }
@@ -787,9 +803,6 @@
787
803
  .min-w-\[40px\] {
788
804
  min-width: 40px;
789
805
  }
790
- .min-w-\[150px\] {
791
- min-width: 150px;
792
- }
793
806
  .min-w-\[220px\] {
794
807
  min-width: 220px;
795
808
  }
@@ -814,10 +827,18 @@
814
827
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
815
828
  translate: var(--tw-translate-x) var(--tw-translate-y);
816
829
  }
830
+ .translate-x-1\/2 {
831
+ --tw-translate-x: calc(1/2 * 100%);
832
+ translate: var(--tw-translate-x) var(--tw-translate-y);
833
+ }
817
834
  .-translate-y-1\/2 {
818
835
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
819
836
  translate: var(--tw-translate-x) var(--tw-translate-y);
820
837
  }
838
+ .translate-y-2\/3 {
839
+ --tw-translate-y: calc(2/3 * 100%);
840
+ translate: var(--tw-translate-x) var(--tw-translate-y);
841
+ }
821
842
  .rotate-180 {
822
843
  rotate: 180deg;
823
844
  }
@@ -1089,6 +1110,9 @@
1089
1110
  --tw-border-style: dashed;
1090
1111
  border-style: dashed;
1091
1112
  }
1113
+ .border-divider {
1114
+ border-color: var(--color-divider);
1115
+ }
1092
1116
  .border-divider\/50 {
1093
1117
  border-color: color-mix(in srgb, #E6E6E6 50%, transparent);
1094
1118
  @supports (color: color-mix(in lab, red, red)) {
@@ -1257,6 +1281,9 @@
1257
1281
  .bg-surface {
1258
1282
  background-color: var(--color-surface);
1259
1283
  }
1284
+ .bg-surface-variant {
1285
+ background-color: var(--color-surface-variant);
1286
+ }
1260
1287
  .bg-surface-warning {
1261
1288
  background-color: var(--color-surface-warning);
1262
1289
  }
@@ -1356,6 +1383,9 @@
1356
1383
  .stroke-3 {
1357
1384
  stroke-width: 3;
1358
1385
  }
1386
+ .\!p-2 {
1387
+ padding: calc(var(--spacing) * 2) !important;
1388
+ }
1359
1389
  .p-1 {
1360
1390
  padding: calc(var(--spacing) * 1);
1361
1391
  }
@@ -1695,6 +1725,10 @@
1695
1725
  --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));
1696
1726
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1697
1727
  }
1728
+ .shadow-xl {
1729
+ --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));
1730
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1731
+ }
1698
1732
  .ring {
1699
1733
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1700
1734
  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 +1803,7 @@
1769
1803
  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,);
1770
1804
  }
1771
1805
  .transition {
1772
- 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;
1806
+ 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;
1773
1807
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1774
1808
  transition-duration: var(--tw-duration, var(--default-transition-duration));
1775
1809
  }
@@ -2405,7 +2439,7 @@
2405
2439
  --color-label: var(--color-gray-300);
2406
2440
  --color-primary: var(--color-purple-400);
2407
2441
  --color-neutral: var(--color-gray-700);
2408
- --color-neutral-hover: var(--color-gray-800);
2442
+ --color-neutral-hover: var(--color-gray-600);
2409
2443
  --color-neutral-outline-hover: var(--color-gray-200);
2410
2444
  }
2411
2445
  }
@@ -2429,7 +2463,7 @@
2429
2463
  --color-label: var(--color-gray-300);
2430
2464
  --color-primary: var(--color-purple-400);
2431
2465
  --color-neutral: var(--color-gray-700);
2432
- --color-neutral-hover: var(--color-gray-800);
2466
+ --color-neutral-hover: var(--color-gray-600);
2433
2467
  --color-neutral-outline-hover: var(--color-gray-200);
2434
2468
  }
2435
2469
  }
@@ -2452,7 +2486,7 @@
2452
2486
  display: flex;
2453
2487
  flex-direction: row;
2454
2488
  column-gap: calc(var(--spacing) * 1);
2455
- height: calc(var(--spacing) * 7);
2489
+ height: calc(var(--spacing) * 6);
2456
2490
  align-items: center;
2457
2491
  justify-content: center;
2458
2492
  border-radius: calc(var(--spacing) * 1);
@@ -93,7 +93,7 @@
93
93
  --color-primary: var(--color-purple-400);
94
94
 
95
95
  --color-neutral: var(--color-gray-700);
96
- --color-neutral-hover: var(--color-gray-800);
96
+ --color-neutral-hover: var(--color-gray-600);
97
97
  --color-neutral-outline-hover: var(--color-gray-200);
98
98
  }
99
99
  }
@@ -1,7 +1,7 @@
1
1
  /* Button */
2
2
  @layer components {
3
3
  .btn-xs {
4
- @apply flex-row-1 items-center justify-center px-1 py-0.75 rounded-1 h-7 text-sm;
4
+ @apply flex-row-1 items-center justify-center px-1 py-0.75 rounded-1 h-6 text-sm;
5
5
  }
6
6
 
7
7
  .btn-sm {
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "git+https://github.com/helpwave/hightide.git"
8
8
  },
9
9
  "license": "MPL-2.0",
10
- "version": "0.4.0",
10
+ "version": "0.5.1",
11
11
  "files": [
12
12
  "dist"
13
13
  ],
@@ -38,36 +38,37 @@
38
38
  "test": "jest"
39
39
  },
40
40
  "dependencies": {
41
- "@tailwindcss/cli": "4.1.7",
41
+ "@helpwave/internationalization": "0.4.0",
42
+ "@tailwindcss/cli": "4.1.18",
42
43
  "@tanstack/react-table": "8.21.3",
43
44
  "clsx": "2.1.1",
44
- "lucide-react": "0.468.0",
45
+ "lucide-react": "0.561.0",
45
46
  "postcss": "8.5.3",
46
- "react": "18.3.1",
47
- "react-dom": "18.3.1",
48
- "tailwindcss": "4.1.3",
49
- "@helpwave/internationalization": "0.4.0"
47
+ "react": "19.2.3",
48
+ "react-dom": "19.2.3",
49
+ "tailwindcss": "4.1.18"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@babel/core": "7.26.0",
53
53
  "@babel/preset-env": "7.26.0",
54
54
  "@babel/preset-react": "7.26.3",
55
55
  "@babel/preset-typescript": "7.26.0",
56
- "@faker-js/faker": "9.9.0",
57
- "@helpwave/eslint-config": "0.0.7",
58
- "@storybook/addon-docs": "9.0.12",
59
- "@storybook/addon-links": "9.0.12",
60
- "@storybook/nextjs": "9.0.12",
61
- "@tailwindcss/postcss": "4.0.17",
56
+ "@faker-js/faker": "10.1.0",
57
+ "@helpwave/eslint-config": "0.0.11",
58
+ "@storybook/addon-docs": "10.1.9",
59
+ "@storybook/addon-links": "10.1.9",
60
+ "@storybook/nextjs": "10.1.9",
61
+ "@tailwindcss/postcss": "4.1.18",
62
62
  "@types/jest": "30.0.0",
63
63
  "@types/node": "20.17.10",
64
- "@types/react": "18.3.17",
65
- "@types/react-dom": "18.3.5",
64
+ "@types/react": "19.2.3",
65
+ "@types/react-dom": "19.2.3",
66
66
  "@types/tinycolor2": "1.4.6",
67
+ "@vitest/mocker": "^4.0.16",
67
68
  "eslint": "9.31.0",
68
- "eslint-plugin-storybook": "9.0.12",
69
+ "eslint-plugin-storybook": "10.1.9",
69
70
  "jest": "30.2.0",
70
- "storybook": "9.0.12",
71
+ "storybook": "10.1.9",
71
72
  "ts-jest": "29.4.5",
72
73
  "tsup": "8.5.0",
73
74
  "typescript": "5.7.2",