@uncinq/css-components 1.15.0 → 1.15.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/css/components/alert.css +10 -10
- package/package.json +1 -1
package/css/components/alert.css
CHANGED
|
@@ -41,52 +41,52 @@
|
|
|
41
41
|
/* Variants */
|
|
42
42
|
.alert-brand {
|
|
43
43
|
--alert-color-background: var(--color-brand-muted);
|
|
44
|
-
--alert-color-border: var(--color-brand-
|
|
44
|
+
--alert-color-border: var(--color-brand-muted);
|
|
45
45
|
--alert-color-text: var(--color-brand-strong);
|
|
46
46
|
}
|
|
47
47
|
.alert-danger {
|
|
48
48
|
--alert-color-background: var(--color-danger-muted);
|
|
49
|
-
--alert-color-border: var(--color-danger-
|
|
49
|
+
--alert-color-border: var(--color-danger-muted);
|
|
50
50
|
--alert-color-text: var(--color-danger-strong);
|
|
51
51
|
}
|
|
52
52
|
.alert-dark {
|
|
53
53
|
--alert-color-background: var(--color-dark-muted);
|
|
54
|
-
--alert-color-border: var(--color-dark-
|
|
54
|
+
--alert-color-border: var(--color-dark-muted);
|
|
55
55
|
--alert-color-text: var(--color-dark-strong);
|
|
56
56
|
}
|
|
57
57
|
.alert-info {
|
|
58
58
|
--alert-color-background: var(--color-info-muted);
|
|
59
|
-
--alert-color-border: var(--color-info-
|
|
59
|
+
--alert-color-border: var(--color-info-muted);
|
|
60
60
|
--alert-color-text: var(--color-info-strong);
|
|
61
61
|
}
|
|
62
62
|
.alert-light {
|
|
63
63
|
--alert-color-background: var(--color-light-muted);
|
|
64
|
-
--alert-color-border: var(--color-light-
|
|
64
|
+
--alert-color-border: var(--color-light-muted);
|
|
65
65
|
--alert-color-text: var(--color-light-strong);
|
|
66
66
|
}
|
|
67
67
|
.alert-neutral {
|
|
68
68
|
--alert-color-background: var(--color-neutral-muted);
|
|
69
|
-
--alert-color-border: var(--color-neutral-
|
|
69
|
+
--alert-color-border: var(--color-neutral-muted);
|
|
70
70
|
--alert-color-text: var(--color-neutral-strong);
|
|
71
71
|
}
|
|
72
72
|
.alert-primary {
|
|
73
73
|
--alert-color-background: var(--color-brand-muted);
|
|
74
|
-
--alert-color-border: var(--color-brand-
|
|
74
|
+
--alert-color-border: var(--color-brand-muted);
|
|
75
75
|
--alert-color-text: var(--color-brand-strong);
|
|
76
76
|
}
|
|
77
77
|
.alert-secondary {
|
|
78
78
|
--alert-color-background: var(--color-neutral-muted);
|
|
79
|
-
--alert-color-border: var(--color-neutral-
|
|
79
|
+
--alert-color-border: var(--color-neutral-muted);
|
|
80
80
|
--alert-color-text: var(--color-neutral-strong);
|
|
81
81
|
}
|
|
82
82
|
.alert-success {
|
|
83
83
|
--alert-color-background: var(--color-success-muted);
|
|
84
|
-
--alert-color-border: var(--color-success-
|
|
84
|
+
--alert-color-border: var(--color-success-muted);
|
|
85
85
|
--alert-color-text: var(--color-success-strong);
|
|
86
86
|
}
|
|
87
87
|
.alert-warning {
|
|
88
88
|
--alert-color-background: var(--color-warning-muted);
|
|
89
|
-
--alert-color-border: var(--color-warning-
|
|
89
|
+
--alert-color-border: var(--color-warning-muted);
|
|
90
90
|
--alert-color-text: var(--color-warning-strong);
|
|
91
91
|
}
|
|
92
92
|
}
|