mn-angular-lib 1.0.169 → 1.0.170
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.
|
@@ -1091,13 +1091,16 @@ const mnBadgeVariants = tv({
|
|
|
1091
1091
|
},
|
|
1092
1092
|
},
|
|
1093
1093
|
compoundVariants: [
|
|
1094
|
-
// Default (
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
{ variant: 'default', color: '
|
|
1099
|
-
{ variant: 'default', color: '
|
|
1100
|
-
{ variant: 'default', color: '
|
|
1094
|
+
// Default (tinted). A 10% wash with a 40% border, and the text in `--color-<colour>-text`
|
|
1095
|
+
// when the consuming app defines one (the darker/lighter shade it uses for readable coloured
|
|
1096
|
+
// text), falling back to the base colour otherwise. The former 20% wash with the base colour
|
|
1097
|
+
// as text sat at 2–4:1 on both light and dark grounds, under the WCAG AA 4.5:1 minimum.
|
|
1098
|
+
{ variant: 'default', color: 'primary', class: 'bg-primary/10 border-primary/40 text-(--color-primary-text,var(--color-primary))' },
|
|
1099
|
+
{ variant: 'default', color: 'secondary', class: 'bg-secondary/10 border-secondary/40 text-(--color-secondary-text,var(--color-secondary))' },
|
|
1100
|
+
{ variant: 'default', color: 'danger', class: 'bg-error/10 border-error/40 text-(--color-error-text,var(--color-error))' },
|
|
1101
|
+
{ variant: 'default', color: 'warning', class: 'bg-warning/10 border-warning/40 text-(--color-warning-text,var(--color-warning))' },
|
|
1102
|
+
{ variant: 'default', color: 'success', class: 'bg-success/10 border-success/40 text-(--color-success-text,var(--color-success))' },
|
|
1103
|
+
{ variant: 'default', color: 'accent', class: 'bg-accent/10 border-accent/40 text-(--color-accent-text,var(--color-accent))' },
|
|
1101
1104
|
{ variant: 'default', color: 'lightgray', class: 'bg-base-content/10 border-base-content/70 text-base-content/70' },
|
|
1102
1105
|
// Fill (solid)
|
|
1103
1106
|
{ variant: 'fill', color: 'primary', class: 'bg-primary border-primary text-primary-content' },
|