mn-angular-lib 1.0.22 → 1.0.24
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.
|
@@ -256,8 +256,9 @@ const mnButtonVariants = tv({
|
|
|
256
256
|
disabled: {
|
|
257
257
|
true: 'opacity-50 pointer-events-none',
|
|
258
258
|
},
|
|
259
|
-
|
|
260
|
-
true: 'whitespace-
|
|
259
|
+
wrap: {
|
|
260
|
+
true: 'whitespace-normal',
|
|
261
|
+
false: 'whitespace-nowrap',
|
|
261
262
|
}
|
|
262
263
|
},
|
|
263
264
|
compoundVariants: [
|
|
@@ -296,7 +297,7 @@ const mnButtonVariants = tv({
|
|
|
296
297
|
color: 'primary',
|
|
297
298
|
borderRadius: 'lg',
|
|
298
299
|
disabled: false,
|
|
299
|
-
|
|
300
|
+
wrap: false,
|
|
300
301
|
},
|
|
301
302
|
});
|
|
302
303
|
|
|
@@ -310,7 +311,7 @@ class MnButton {
|
|
|
310
311
|
color: this.data.color,
|
|
311
312
|
borderRadius: this.data.borderRadius,
|
|
312
313
|
disabled: this.data.disabled,
|
|
313
|
-
|
|
314
|
+
wrap: this.data.wrap,
|
|
314
315
|
});
|
|
315
316
|
}
|
|
316
317
|
// For accessibility (works for both <button> and <a>)
|
|
@@ -385,6 +386,10 @@ const mnBadgeVariants = tv({
|
|
|
385
386
|
lg: 'px-2.5 py-1 text-base',
|
|
386
387
|
xl: 'px-3 py-1.5 text-lg',
|
|
387
388
|
},
|
|
389
|
+
wrap: {
|
|
390
|
+
true: 'whitespace-normal',
|
|
391
|
+
false: 'whitespace-nowrap',
|
|
392
|
+
},
|
|
388
393
|
color: {
|
|
389
394
|
primary: 'bg-primary/20 border-primary text-primary',
|
|
390
395
|
secondary: 'bg-neutral/20 border-neutral text-neutral',
|
|
@@ -392,12 +397,13 @@ const mnBadgeVariants = tv({
|
|
|
392
397
|
warning: 'bg-warning/20 border-warning text-warning',
|
|
393
398
|
success: 'bg-success/20 border-success text-success',
|
|
394
399
|
accent: 'bg-accent/20 border-accent text-accent',
|
|
395
|
-
lightgray: 'bg-base-content/
|
|
400
|
+
lightgray: 'bg-base-content/10 border-base-content/70 text-base-content/70',
|
|
396
401
|
},
|
|
397
402
|
},
|
|
398
403
|
defaultVariants: {
|
|
399
404
|
size: 'md',
|
|
400
405
|
color: 'primary',
|
|
406
|
+
wrap: false,
|
|
401
407
|
},
|
|
402
408
|
});
|
|
403
409
|
|
|
@@ -407,6 +413,7 @@ class MnBadge {
|
|
|
407
413
|
return mnBadgeVariants({
|
|
408
414
|
size: this.data.size,
|
|
409
415
|
color: this.data.color,
|
|
416
|
+
wrap: this.data.wrap,
|
|
410
417
|
});
|
|
411
418
|
}
|
|
412
419
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|