@helpwave/hightide 0.6.8 → 0.6.9
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 +68 -26
- package/dist/index.d.ts +68 -26
- package/dist/index.js +559 -466
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +555 -466
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +17 -8
- package/dist/style/uncompiled/theme/components/form-field.css +4 -4
- package/dist/style/uncompiled/theme/components/table.css +4 -1
- package/package.json +1 -1
package/dist/style/globals.css
CHANGED
|
@@ -750,9 +750,6 @@
|
|
|
750
750
|
.max-w-4 {
|
|
751
751
|
max-width: calc(var(--spacing) * 4);
|
|
752
752
|
}
|
|
753
|
-
.max-w-6 {
|
|
754
|
-
max-width: calc(var(--spacing) * 6);
|
|
755
|
-
}
|
|
756
753
|
.max-w-8 {
|
|
757
754
|
max-width: calc(var(--spacing) * 8);
|
|
758
755
|
}
|
|
@@ -3121,6 +3118,18 @@
|
|
|
3121
3118
|
cursor: not-allowed;
|
|
3122
3119
|
}
|
|
3123
3120
|
}
|
|
3121
|
+
&[data-clickable] {
|
|
3122
|
+
&:hover {
|
|
3123
|
+
@media (hover: hover) {
|
|
3124
|
+
cursor: pointer;
|
|
3125
|
+
}
|
|
3126
|
+
}
|
|
3127
|
+
&:hover {
|
|
3128
|
+
@media (hover: hover) {
|
|
3129
|
+
background-color: var(--color-table-row-hover-background);
|
|
3130
|
+
}
|
|
3131
|
+
}
|
|
3132
|
+
}
|
|
3124
3133
|
}
|
|
3125
3134
|
.table-body-cell, .table-body-filler-cell {
|
|
3126
3135
|
padding-inline: calc(var(--spacing) * 3);
|
|
@@ -3182,7 +3191,7 @@
|
|
|
3182
3191
|
}
|
|
3183
3192
|
}
|
|
3184
3193
|
}
|
|
3185
|
-
.table-body-row:last-child > .table-body-cell {
|
|
3194
|
+
.table-body-row:last-child > .table-body-cell, .table-body-filler-row:last-child > .table-body-filler-cell {
|
|
3186
3195
|
&:first-child {
|
|
3187
3196
|
border-bottom-left-radius: var(--radius-lg);
|
|
3188
3197
|
}
|
|
@@ -4394,18 +4403,18 @@
|
|
|
4394
4403
|
}
|
|
4395
4404
|
}
|
|
4396
4405
|
@layer components {
|
|
4397
|
-
|
|
4406
|
+
.form-field-container {
|
|
4398
4407
|
position: relative;
|
|
4399
4408
|
display: flex;
|
|
4400
4409
|
flex-direction: column;
|
|
4401
4410
|
row-gap: calc(var(--spacing) * 1);
|
|
4402
4411
|
}
|
|
4403
|
-
|
|
4412
|
+
.form-field-description {
|
|
4404
4413
|
font-size: var(--text-sm);
|
|
4405
4414
|
line-height: var(--tw-leading, var(--text-sm--line-height));
|
|
4406
4415
|
color: var(--color-description);
|
|
4407
4416
|
}
|
|
4408
|
-
|
|
4417
|
+
.form-field-error {
|
|
4409
4418
|
position: absolute;
|
|
4410
4419
|
top: calc(100% + 0.25rem);
|
|
4411
4420
|
left: calc(var(--spacing) * 0);
|
|
@@ -4415,7 +4424,7 @@
|
|
|
4415
4424
|
font-weight: var(--font-weight-medium);
|
|
4416
4425
|
color: var(--color-negative);
|
|
4417
4426
|
}
|
|
4418
|
-
|
|
4427
|
+
.form-field-label {
|
|
4419
4428
|
display: flex;
|
|
4420
4429
|
flex-direction: row;
|
|
4421
4430
|
column-gap: calc(var(--spacing) * 1);
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
|
|
2
|
+
.form-field-container {
|
|
3
3
|
@apply relative flex-col-1;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
.form-field-description {
|
|
7
7
|
@apply text-description text-sm;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
.form-field-error {
|
|
11
11
|
@apply absolute top-[calc(100%_+_0.25rem)] left-0 text-negative text-sm font-medium;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
.form-field-label {
|
|
15
15
|
@apply flex-row-1 items-start typography-label-lg text-label;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
@@ -37,6 +37,9 @@
|
|
|
37
37
|
|
|
38
38
|
.table-body-filler-row {
|
|
39
39
|
@apply hover:cursor-not-allowed;
|
|
40
|
+
&[data-clickable] {
|
|
41
|
+
@apply hover:cursor-pointer hover:bg-table-row-hover-background;
|
|
42
|
+
}
|
|
40
43
|
}
|
|
41
44
|
|
|
42
45
|
.table-body-cell, .table-body-filler-cell {
|
|
@@ -64,7 +67,7 @@
|
|
|
64
67
|
}
|
|
65
68
|
}
|
|
66
69
|
|
|
67
|
-
.table-body-row:last-child > .table-body-cell {
|
|
70
|
+
.table-body-row:last-child > .table-body-cell, .table-body-filler-row:last-child > .table-body-filler-cell {
|
|
68
71
|
@apply first:rounded-bl-lg last:rounded-br-lg;
|
|
69
72
|
}
|
|
70
73
|
}
|