@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.
- package/dist/index.d.mts +97 -37
- package/dist/index.d.ts +97 -37
- package/dist/index.js +688 -295
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +651 -259
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +45 -11
- package/dist/style/uncompiled/theme/colors/semantic.css +1 -1
- package/dist/style/uncompiled/theme/components.css +1 -1
- package/package.json +18 -17
package/dist/style/globals.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
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,
|
|
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-
|
|
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-
|
|
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) *
|
|
2489
|
+
height: calc(var(--spacing) * 6);
|
|
2456
2490
|
align-items: center;
|
|
2457
2491
|
justify-content: center;
|
|
2458
2492
|
border-radius: calc(var(--spacing) * 1);
|
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.
|
|
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
|
-
"@
|
|
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.
|
|
45
|
+
"lucide-react": "0.561.0",
|
|
45
46
|
"postcss": "8.5.3",
|
|
46
|
-
"react": "
|
|
47
|
-
"react-dom": "
|
|
48
|
-
"tailwindcss": "4.1.
|
|
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": "
|
|
57
|
-
"@helpwave/eslint-config": "0.0.
|
|
58
|
-
"@storybook/addon-docs": "
|
|
59
|
-
"@storybook/addon-links": "
|
|
60
|
-
"@storybook/nextjs": "
|
|
61
|
-
"@tailwindcss/postcss": "4.
|
|
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": "
|
|
65
|
-
"@types/react-dom": "
|
|
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": "
|
|
69
|
+
"eslint-plugin-storybook": "10.1.9",
|
|
69
70
|
"jest": "30.2.0",
|
|
70
|
-
"storybook": "
|
|
71
|
+
"storybook": "10.1.9",
|
|
71
72
|
"ts-jest": "29.4.5",
|
|
72
73
|
"tsup": "8.5.0",
|
|
73
74
|
"typescript": "5.7.2",
|