mn-angular-lib 1.0.127 → 1.0.129
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.
|
@@ -281,7 +281,7 @@ const mnButtonVariants = tv({
|
|
|
281
281
|
compoundVariants: [
|
|
282
282
|
// Fill — base
|
|
283
283
|
{ variant: 'fill', color: 'primary', class: 'bg-primary text-primary-content border border-primary' },
|
|
284
|
-
{ variant: 'fill', color: 'secondary', class: 'bg-
|
|
284
|
+
{ variant: 'fill', color: 'secondary', class: 'bg-secondary text-secondary-content border border-secondary' },
|
|
285
285
|
{ variant: 'fill', color: 'danger', class: 'bg-error text-error-content border border-error' },
|
|
286
286
|
{ variant: 'fill', color: 'warning', class: 'bg-warning text-warning-content border border-warning' },
|
|
287
287
|
{ variant: 'fill', color: 'success', class: 'bg-success text-success-content border border-success' },
|
|
@@ -297,7 +297,7 @@ const mnButtonVariants = tv({
|
|
|
297
297
|
{ variant: 'fill', color: 'gray', hover: true, class: 'hover:bg-base-content/20' },
|
|
298
298
|
// Outline — base
|
|
299
299
|
{ variant: 'outline', color: 'primary', class: 'border-primary text-primary' },
|
|
300
|
-
{ variant: 'outline', color: 'secondary', class: 'border-
|
|
300
|
+
{ variant: 'outline', color: 'secondary', class: 'border-secondary text-secondary' },
|
|
301
301
|
{ variant: 'outline', color: 'danger', class: 'border-error text-error' },
|
|
302
302
|
{ variant: 'outline', color: 'warning', class: 'border-warning text-warning' },
|
|
303
303
|
{ variant: 'outline', color: 'success', class: 'border-success text-success' },
|
|
@@ -305,7 +305,7 @@ const mnButtonVariants = tv({
|
|
|
305
305
|
{ variant: 'outline', color: 'gray', class: 'border-base-content/70 text-base-content/70' },
|
|
306
306
|
// Outline — hover
|
|
307
307
|
{ variant: 'outline', color: 'primary', hover: true, class: 'hover:bg-primary/10' },
|
|
308
|
-
{ variant: 'outline', color: 'secondary', hover: true, class: 'hover:bg-
|
|
308
|
+
{ variant: 'outline', color: 'secondary', hover: true, class: 'hover:bg-secondary/10' },
|
|
309
309
|
{ variant: 'outline', color: 'danger', hover: true, class: 'hover:bg-error/10' },
|
|
310
310
|
{ variant: 'outline', color: 'warning', hover: true, class: 'hover:bg-warning/10' },
|
|
311
311
|
{ variant: 'outline', color: 'success', hover: true, class: 'hover:bg-success/10' },
|
|
@@ -313,7 +313,7 @@ const mnButtonVariants = tv({
|
|
|
313
313
|
{ variant: 'outline', color: 'gray', hover: true, class: 'hover:bg-base-content/10' },
|
|
314
314
|
// Text — base
|
|
315
315
|
{ variant: 'text', color: 'primary', class: 'text-primary' },
|
|
316
|
-
{ variant: 'text', color: 'secondary', class: 'text-
|
|
316
|
+
{ variant: 'text', color: 'secondary', class: 'text-secondary' },
|
|
317
317
|
{ variant: 'text', color: 'danger', class: 'text-error' },
|
|
318
318
|
{ variant: 'text', color: 'warning', class: 'text-warning' },
|
|
319
319
|
{ variant: 'text', color: 'success', class: 'text-success' },
|
|
@@ -321,7 +321,7 @@ const mnButtonVariants = tv({
|
|
|
321
321
|
{ variant: 'text', color: 'gray', class: 'text-base-content/70' },
|
|
322
322
|
// Text — hover
|
|
323
323
|
{ variant: 'text', color: 'primary', hover: true, class: 'hover:bg-primary/10' },
|
|
324
|
-
{ variant: 'text', color: 'secondary', hover: true, class: 'hover:bg-
|
|
324
|
+
{ variant: 'text', color: 'secondary', hover: true, class: 'hover:bg-secondary/10' },
|
|
325
325
|
{ variant: 'text', color: 'danger', hover: true, class: 'hover:bg-error/10' },
|
|
326
326
|
{ variant: 'text', color: 'warning', hover: true, class: 'hover:bg-warning/10' },
|
|
327
327
|
{ variant: 'text', color: 'success', hover: true, class: 'hover:bg-success/10' },
|
|
@@ -329,7 +329,7 @@ const mnButtonVariants = tv({
|
|
|
329
329
|
{ variant: 'text', color: 'gray', hover: true, class: 'hover:bg-base-content/10' },
|
|
330
330
|
// Text Underline — base
|
|
331
331
|
{ variant: 'textUnderline', color: 'primary', class: 'text-primary underline underline-offset-2' },
|
|
332
|
-
{ variant: 'textUnderline', color: 'secondary', class: 'text-
|
|
332
|
+
{ variant: 'textUnderline', color: 'secondary', class: 'text-secondary underline underline-offset-2' },
|
|
333
333
|
{ variant: 'textUnderline', color: 'danger', class: 'text-error underline underline-offset-2' },
|
|
334
334
|
{ variant: 'textUnderline', color: 'warning', class: 'text-warning underline underline-offset-2' },
|
|
335
335
|
{ variant: 'textUnderline', color: 'success', class: 'text-success underline underline-offset-2' },
|
|
@@ -337,7 +337,7 @@ const mnButtonVariants = tv({
|
|
|
337
337
|
{ variant: 'textUnderline', color: 'gray', class: 'text-base-content/70 underline underline-offset-2' },
|
|
338
338
|
// Text Underline — hover
|
|
339
339
|
{ variant: 'textUnderline', color: 'primary', hover: true, class: 'hover:bg-primary/10' },
|
|
340
|
-
{ variant: 'textUnderline', color: 'secondary', hover: true, class: 'hover:bg-
|
|
340
|
+
{ variant: 'textUnderline', color: 'secondary', hover: true, class: 'hover:bg-secondary/10' },
|
|
341
341
|
{ variant: 'textUnderline', color: 'danger', hover: true, class: 'hover:bg-error/10' },
|
|
342
342
|
{ variant: 'textUnderline', color: 'warning', hover: true, class: 'hover:bg-warning/10' },
|
|
343
343
|
{ variant: 'textUnderline', color: 'success', hover: true, class: 'hover:bg-success/10' },
|
|
@@ -345,7 +345,7 @@ const mnButtonVariants = tv({
|
|
|
345
345
|
{ variant: 'textUnderline', color: 'gray', hover: true, class: 'hover:bg-base-content/10' },
|
|
346
346
|
// Ghost — base (transparent, colored text/icon)
|
|
347
347
|
{ variant: 'ghost', color: 'primary', class: 'text-primary' },
|
|
348
|
-
{ variant: 'ghost', color: 'secondary', class: 'text-
|
|
348
|
+
{ variant: 'ghost', color: 'secondary', class: 'text-secondary' },
|
|
349
349
|
{ variant: 'ghost', color: 'danger', class: 'text-error' },
|
|
350
350
|
{ variant: 'ghost', color: 'warning', class: 'text-warning' },
|
|
351
351
|
{ variant: 'ghost', color: 'success', class: 'text-success' },
|
|
@@ -353,7 +353,7 @@ const mnButtonVariants = tv({
|
|
|
353
353
|
{ variant: 'ghost', color: 'gray', class: 'text-base-content' },
|
|
354
354
|
// Ghost — hover (reveal a subtle surface in the button's own hue)
|
|
355
355
|
{ variant: 'ghost', color: 'primary', hover: true, class: 'hover:bg-primary/10' },
|
|
356
|
-
{ variant: 'ghost', color: 'secondary', hover: true, class: 'hover:bg-
|
|
356
|
+
{ variant: 'ghost', color: 'secondary', hover: true, class: 'hover:bg-secondary/10' },
|
|
357
357
|
{ variant: 'ghost', color: 'danger', hover: true, class: 'hover:bg-error/10' },
|
|
358
358
|
{ variant: 'ghost', color: 'warning', hover: true, class: 'hover:bg-warning/10' },
|
|
359
359
|
{ variant: 'ghost', color: 'success', hover: true, class: 'hover:bg-success/10' },
|
|
@@ -501,7 +501,7 @@ const mnBadgeVariants = tv({
|
|
|
501
501
|
compoundVariants: [
|
|
502
502
|
// Default (light/transparent)
|
|
503
503
|
{ variant: 'default', color: 'primary', class: 'bg-primary/20 border-primary text-primary' },
|
|
504
|
-
{ variant: 'default', color: 'secondary', class: 'bg-
|
|
504
|
+
{ variant: 'default', color: 'secondary', class: 'bg-secondary/20 border-secondary text-secondary' },
|
|
505
505
|
{ variant: 'default', color: 'danger', class: 'bg-error/20 border-error text-error' },
|
|
506
506
|
{ variant: 'default', color: 'warning', class: 'bg-warning/20 border-warning text-warning' },
|
|
507
507
|
{ variant: 'default', color: 'success', class: 'bg-success/20 border-success text-success' },
|
|
@@ -509,7 +509,7 @@ const mnBadgeVariants = tv({
|
|
|
509
509
|
{ variant: 'default', color: 'lightgray', class: 'bg-base-content/10 border-base-content/70 text-base-content/70' },
|
|
510
510
|
// Fill (solid)
|
|
511
511
|
{ variant: 'fill', color: 'primary', class: 'bg-primary border-primary text-primary-content' },
|
|
512
|
-
{ variant: 'fill', color: 'secondary', class: 'bg-
|
|
512
|
+
{ variant: 'fill', color: 'secondary', class: 'bg-secondary border-secondary text-secondary-content' },
|
|
513
513
|
{ variant: 'fill', color: 'danger', class: 'bg-error border-error text-error-content' },
|
|
514
514
|
{ variant: 'fill', color: 'warning', class: 'bg-warning border-warning text-warning-content' },
|
|
515
515
|
{ variant: 'fill', color: 'success', class: 'bg-success border-success text-success-content' },
|
|
@@ -10031,7 +10031,7 @@ const mnIconVariants = tv({
|
|
|
10031
10031
|
color: {
|
|
10032
10032
|
current: 'text-current',
|
|
10033
10033
|
primary: 'text-primary',
|
|
10034
|
-
secondary: 'text-
|
|
10034
|
+
secondary: 'text-secondary',
|
|
10035
10035
|
danger: 'text-error',
|
|
10036
10036
|
warning: 'text-warning',
|
|
10037
10037
|
success: 'text-success',
|