@helpwave/hightide 0.12.4 → 0.12.6
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 +32 -13
- package/dist/index.d.ts +32 -13
- package/dist/index.js +172 -92
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +250 -171
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +20 -3
- package/dist/style/uncompiled/theme/components/app-page.css +2 -2
- package/dist/style/uncompiled/theme/components/vertical-navigation.css +5 -1
- package/package.json +1 -1
package/dist/style/globals.css
CHANGED
|
@@ -6134,7 +6134,7 @@
|
|
|
6134
6134
|
[data-name="vertical-navigation-node-header"] {
|
|
6135
6135
|
justify-content: space-between;
|
|
6136
6136
|
transition: var(--focus-outline-transition);
|
|
6137
|
-
&[data-
|
|
6137
|
+
&[data-focused] {
|
|
6138
6138
|
background-color: color-mix(in srgb, #694BB4 15%, transparent);
|
|
6139
6139
|
@supports (color: color-mix(in lab, red, red)) {
|
|
6140
6140
|
background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
|
|
@@ -6156,6 +6156,23 @@
|
|
|
6156
6156
|
justify-content: space-between;
|
|
6157
6157
|
text-decoration-line: none;
|
|
6158
6158
|
}
|
|
6159
|
+
.vertical-navigation-item-link-external-icon {
|
|
6160
|
+
height: calc(var(--spacing) * 5);
|
|
6161
|
+
min-height: calc(var(--spacing) * 5);
|
|
6162
|
+
max-height: calc(var(--spacing) * 5);
|
|
6163
|
+
width: calc(var(--spacing) * 5);
|
|
6164
|
+
min-width: calc(var(--spacing) * 5);
|
|
6165
|
+
max-width: calc(var(--spacing) * 5);
|
|
6166
|
+
color: var(--color-description);
|
|
6167
|
+
&:is(:where(.group\/tree-leaf):hover *) {
|
|
6168
|
+
@media (hover: hover) {
|
|
6169
|
+
color: var(--color-on-surface);
|
|
6170
|
+
}
|
|
6171
|
+
}
|
|
6172
|
+
&:is(:where(.group\/tree-leaf)[data-focused] *) {
|
|
6173
|
+
color: var(--color-on-surface);
|
|
6174
|
+
}
|
|
6175
|
+
}
|
|
6159
6176
|
}
|
|
6160
6177
|
@layer components {
|
|
6161
6178
|
[data-name="app-page"] {
|
|
@@ -6336,9 +6353,9 @@
|
|
|
6336
6353
|
display: flex;
|
|
6337
6354
|
flex-direction: row;
|
|
6338
6355
|
column-gap: calc(var(--spacing) * 2);
|
|
6356
|
+
width: 100%;
|
|
6339
6357
|
align-items: center;
|
|
6340
|
-
|
|
6341
|
-
&[data-active] {
|
|
6358
|
+
&[data-active-page] {
|
|
6342
6359
|
color: var(--color-primary);
|
|
6343
6360
|
}
|
|
6344
6361
|
}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
@apply justify-between;
|
|
25
25
|
transition: var(--focus-outline-transition);
|
|
26
26
|
|
|
27
|
-
&[data-
|
|
27
|
+
&[data-focused] {
|
|
28
28
|
@apply bg-primary/15;
|
|
29
29
|
|
|
30
30
|
&:is(:where(.group\/tree-node):focus-visible *) {
|
|
@@ -39,4 +39,8 @@
|
|
|
39
39
|
[data-name="vertical-navigation-item-link"] {
|
|
40
40
|
@apply flex-row-2 w-full items-center justify-between no-underline;
|
|
41
41
|
}
|
|
42
|
+
|
|
43
|
+
.vertical-navigation-item-link-external-icon {
|
|
44
|
+
@apply size-force-5 text-description group-hover/tree-leaf:text-on-surface group-data-[focused]/tree-leaf:text-on-surface;
|
|
45
|
+
}
|
|
42
46
|
}
|