noph-ui 0.17.3 → 0.17.5
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.
|
@@ -64,7 +64,9 @@
|
|
|
64
64
|
'np-icon-button',
|
|
65
65
|
disabled ? `${variant}-disabled disabled` : `${variant} enabled`,
|
|
66
66
|
toggle && 'toggle',
|
|
67
|
-
selectedState &&
|
|
67
|
+
selectedState &&
|
|
68
|
+
((variant !== 'outlined' && variant !== 'text') || toggle || selected) &&
|
|
69
|
+
'selected',
|
|
68
70
|
attributes.class,
|
|
69
71
|
]}
|
|
70
72
|
>
|
|
@@ -80,7 +82,9 @@
|
|
|
80
82
|
'np-icon-button',
|
|
81
83
|
variant,
|
|
82
84
|
'enabled',
|
|
83
|
-
selectedState &&
|
|
85
|
+
selectedState &&
|
|
86
|
+
((variant !== 'outlined' && variant !== 'text') || toggle || selected) &&
|
|
87
|
+
'selected',
|
|
84
88
|
attributes.class,
|
|
85
89
|
]}
|
|
86
90
|
>
|
package/dist/chip/ChipSet.svelte
CHANGED
|
@@ -115,6 +115,7 @@
|
|
|
115
115
|
border-radius: var(--np-filter-chip-container-shape, var(--np-shape-corner-small));
|
|
116
116
|
--np-icon-button-icon-color: var(--np-color-on-surface-variant);
|
|
117
117
|
--np-icon-size: 1.125rem;
|
|
118
|
+
min-width: 0;
|
|
118
119
|
}
|
|
119
120
|
.np-filter-chip-label input {
|
|
120
121
|
opacity: 0;
|
|
@@ -301,6 +301,7 @@
|
|
|
301
301
|
min-height: 100%;
|
|
302
302
|
min-width: min-content;
|
|
303
303
|
position: relative;
|
|
304
|
+
min-width: 0;
|
|
304
305
|
}
|
|
305
306
|
.outlined .container-overflow {
|
|
306
307
|
border-start-start-radius: var(
|
|
@@ -404,6 +405,7 @@
|
|
|
404
405
|
display: flex;
|
|
405
406
|
flex-wrap: wrap;
|
|
406
407
|
align-items: baseline;
|
|
408
|
+
min-width: 0;
|
|
407
409
|
}
|
|
408
410
|
|
|
409
411
|
.input-wrapper > * {
|
|
@@ -415,6 +417,7 @@
|
|
|
415
417
|
align-items: stretch;
|
|
416
418
|
align-self: baseline;
|
|
417
419
|
flex: 1;
|
|
420
|
+
min-width: 0;
|
|
418
421
|
}
|
|
419
422
|
|
|
420
423
|
.input {
|
|
@@ -455,6 +458,7 @@
|
|
|
455
458
|
flex: 1 1 0%;
|
|
456
459
|
opacity: 0;
|
|
457
460
|
transition: opacity 83ms cubic-bezier(0.2, 0, 0, 1);
|
|
461
|
+
min-width: 0;
|
|
458
462
|
}
|
|
459
463
|
.disabled .content {
|
|
460
464
|
color: var(--np-color-on-surface);
|