@nordmanai/nif 0.2.19 → 0.2.21
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nordmanai/nif",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.21",
|
|
4
4
|
"description": "Nordman Interface Framework: the one UI and UX system for every Nordman product. Base UI, in the shadcn composition, styled by NIF tokens.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
package/registry/index.json
CHANGED
|
@@ -215,6 +215,13 @@
|
|
|
215
215
|
.nm-sidebar__trigger {
|
|
216
216
|
flex-shrink: 0;
|
|
217
217
|
}
|
|
218
|
+
/* The toggle is a bare icon: no fill on hover, focus or while its peek is open. Focus keeps its ring. */
|
|
219
|
+
.nm-icon-button.nm-sidebar__trigger:hover:not(:disabled):not([aria-disabled='true']),
|
|
220
|
+
.nm-icon-button.nm-sidebar__trigger:focus-visible:not(:disabled):not([aria-disabled='true']),
|
|
221
|
+
.nm-icon-button.nm-sidebar__trigger[aria-expanded='true']:not(:disabled):not([aria-disabled='true']),
|
|
222
|
+
.nm-icon-button.nm-sidebar__trigger[aria-pressed='true']:not(:disabled):not([aria-disabled='true']) {
|
|
223
|
+
background: transparent;
|
|
224
|
+
}
|
|
218
225
|
/* Anchored: one toggle at the provider's top start corner, above the sidebar, that never moves. */
|
|
219
226
|
.nm-sidebar-provider > .nm-sidebar__trigger--anchored {
|
|
220
227
|
position: absolute;
|
|
@@ -320,6 +327,10 @@
|
|
|
320
327
|
gap: var(--nm-space-8);
|
|
321
328
|
padding: var(--nm-space-8);
|
|
322
329
|
}
|
|
330
|
+
/* A group in the footer takes the footer's padding, so its rows line up with the rows above. */
|
|
331
|
+
.nm-sidebar__footer > .nm-sidebar__group {
|
|
332
|
+
padding: 0;
|
|
333
|
+
}
|
|
323
334
|
.nm-sidebar__content {
|
|
324
335
|
display: flex;
|
|
325
336
|
flex: 1;
|
|
@@ -565,7 +576,25 @@
|
|
|
565
576
|
height: var(--nm-icon-sm);
|
|
566
577
|
color: var(--nm-fg-subtle);
|
|
567
578
|
transform: rotate(-90deg);
|
|
568
|
-
|
|
579
|
+
/* Hidden until the row is hovered, focused or open. */
|
|
580
|
+
opacity: 0;
|
|
581
|
+
transition:
|
|
582
|
+
transform var(--reveal) var(--ease),
|
|
583
|
+
opacity var(--reveal) var(--ease);
|
|
584
|
+
}
|
|
585
|
+
.nm-sidebar__menu-button:hover > .nm-sidebar__chevron,
|
|
586
|
+
.nm-sidebar__menu-button:focus-visible > .nm-sidebar__chevron,
|
|
587
|
+
.nm-sidebar__menu-button[data-popup-open] > .nm-sidebar__chevron,
|
|
588
|
+
.nm-sidebar__menu-button[aria-expanded='true'] > .nm-sidebar__chevron,
|
|
589
|
+
.nm-sidebar__menu-button[data-panel-open] > .nm-sidebar__chevron,
|
|
590
|
+
.nm-sidebar__menu-button[data-open] > .nm-sidebar__chevron {
|
|
591
|
+
opacity: 1;
|
|
592
|
+
}
|
|
593
|
+
/* Nothing to hover on a touch screen: the chevrons stay. */
|
|
594
|
+
@media (hover: none) {
|
|
595
|
+
.nm-sidebar__chevron {
|
|
596
|
+
opacity: 1;
|
|
597
|
+
}
|
|
569
598
|
}
|
|
570
599
|
[aria-expanded='true'] > .nm-sidebar__chevron,
|
|
571
600
|
[data-panel-open] > .nm-sidebar__chevron,
|