@nordmanai/nif 0.2.0 → 0.2.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nordmanai/nif",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
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
|
@@ -30,20 +30,6 @@
|
|
|
30
30
|
height: var(--control-h-lg);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
/* An icon alone is a square the height of the button. */
|
|
34
|
-
.nm-button--icon {
|
|
35
|
-
width: var(--control-h);
|
|
36
|
-
padding: 0;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.nm-button--icon.nm-button--chip {
|
|
40
|
-
width: var(--control-h-sm);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.nm-button--icon.nm-button--large {
|
|
44
|
-
width: var(--control-h-lg);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
33
|
.nm-button--block {
|
|
48
34
|
width: 100%;
|
|
49
35
|
}
|
|
@@ -98,11 +84,21 @@
|
|
|
98
84
|
cursor: default;
|
|
99
85
|
}
|
|
100
86
|
|
|
87
|
+
/* An icon alone is a square the height of the button, in every size. */
|
|
88
|
+
.nm-button--icon,
|
|
101
89
|
.nm-button:has(.nm-button__icon):not(:has(.nm-button__label)) {
|
|
102
90
|
width: var(--control-h);
|
|
103
91
|
padding: 0;
|
|
104
92
|
}
|
|
105
93
|
|
|
94
|
+
:is(.nm-button--icon, .nm-button:has(.nm-button__icon):not(:has(.nm-button__label))).nm-button--chip {
|
|
95
|
+
width: var(--control-h-sm);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
:is(.nm-button--icon, .nm-button:has(.nm-button__icon):not(:has(.nm-button__label))).nm-button--large {
|
|
99
|
+
width: var(--control-h-lg);
|
|
100
|
+
}
|
|
101
|
+
|
|
106
102
|
.nm-button__icon {
|
|
107
103
|
width: var(--nm-icon-button);
|
|
108
104
|
height: var(--nm-icon-button);
|
|
@@ -51,6 +51,17 @@
|
|
|
51
51
|
margin-block-start: 0;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
/* Buttons, text and selects keep their size. Only a field gives way when the bar is narrow. */
|
|
55
|
+
.nm-button-group > :not(.nm-button-group, .nm-button-group__separator, .nm-input, .nm-input-group, .nm-combobox__group) {
|
|
56
|
+
flex-shrink: 0;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* A select in a bar is as wide as its choices, not the whole bar. */
|
|
60
|
+
.nm-button-group > .nm-select__trigger {
|
|
61
|
+
width: auto;
|
|
62
|
+
min-width: var(--nm-width-date);
|
|
63
|
+
}
|
|
64
|
+
|
|
54
65
|
.nm-button-group > :is(.nm-input, .nm-input-group, .nm-combobox__group) {
|
|
55
66
|
flex: 1;
|
|
56
67
|
min-width: var(--nm-width-popup-sm);
|