mainstack-design-system 1.12.2 → 1.12.3
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.
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
--color-primary: var(--mds-color-neutral-400);
|
|
11
11
|
--color-secondary: var(--mds-color-neutral-300);
|
|
12
12
|
--color-tertiary: var(--mds-color-neutral-275);
|
|
13
|
-
--color-accent: var(--mds-color-
|
|
13
|
+
--color-accent: var(--mds-color-indigo-275);
|
|
14
14
|
|
|
15
|
-
--color-accent-hover: var(--mds-color-
|
|
15
|
+
--color-accent-hover: var(--mds-color-indigo-350);
|
|
16
16
|
--color-disabled: var(--mds-color-neutral-250);
|
|
17
17
|
--color-success: var(--mds-color-green-400);
|
|
18
18
|
--color-success-hover: var(--mds-color-green-450);
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--color-on-secondary-disabled: var(--mds-color-neutral-250);
|
|
31
31
|
--color-on-ghost: var(--mds-color-neutral-400);
|
|
32
32
|
|
|
33
|
-
--color-on-accent: var(--mds-color-
|
|
33
|
+
--color-on-accent: var(--mds-color-indigo-50);
|
|
34
34
|
--color-on-success: var(--mds-color-green-50);
|
|
35
35
|
--color-on-success-disabled: var(--mds-color-muted-green-325);
|
|
36
36
|
--color-on-success-light: var(--mds-color-green-425);
|
|
@@ -65,10 +65,10 @@
|
|
|
65
65
|
--color-interactive-ghost-hover: var(--mds-color-neutral-150);
|
|
66
66
|
--color-interactive-ghost-pressed: var(--mds-color-neutral-175);
|
|
67
67
|
|
|
68
|
-
--color-interactive-accent: var(--mds-color-
|
|
69
|
-
--color-interactive-accent-hover: var(--mds-color-
|
|
70
|
-
--color-interactive-accent-pressed: var(--mds-color-
|
|
71
|
-
--color-interactive-accent-disabled: var(--mds-color-
|
|
68
|
+
--color-interactive-accent: var(--mds-color-indigo-275);
|
|
69
|
+
--color-interactive-accent-hover: var(--mds-color-indigo-350);
|
|
70
|
+
--color-interactive-accent-pressed: var(--mds-color-indigo-400);
|
|
71
|
+
--color-interactive-accent-disabled: var(--mds-color-indigo-125);
|
|
72
72
|
|
|
73
73
|
--color-interactive-success: var(--mds-color-green-400);
|
|
74
74
|
--color-interactive-success-hover: var(--mds-color-green-450);
|
|
@@ -122,17 +122,17 @@
|
|
|
122
122
|
--color-surface-neutral-invert-l4: var(--mds-color-neutral-425);
|
|
123
123
|
--color-surface-neutral-invert-l5: var(--mds-color-neutral-400);
|
|
124
124
|
|
|
125
|
-
--color-surface-accent-l1: var(--mds-color-
|
|
126
|
-
--color-surface-accent-l2: var(--mds-color-
|
|
127
|
-
--color-surface-accent-l3: var(--mds-color-
|
|
128
|
-
--color-surface-accent-l4: var(--mds-color-
|
|
129
|
-
--color-surface-accent-l5: var(--mds-color-
|
|
130
|
-
|
|
131
|
-
--color-surface-accent-invert-l1: var(--mds-color-
|
|
132
|
-
--color-surface-accent-invert-l2: var(--mds-color-
|
|
133
|
-
--color-surface-accent-invert-l3: var(--mds-color-
|
|
134
|
-
--color-surface-accent-invert-l4: var(--mds-color-
|
|
135
|
-
--color-surface-accent-invert-l5: var(--mds-color-
|
|
125
|
+
--color-surface-accent-l1: var(--mds-color-indigo-50);
|
|
126
|
+
--color-surface-accent-l2: var(--mds-color-indigo-75);
|
|
127
|
+
--color-surface-accent-l3: var(--mds-color-indigo-100);
|
|
128
|
+
--color-surface-accent-l4: var(--mds-color-indigo-125);
|
|
129
|
+
--color-surface-accent-l5: var(--mds-color-indigo-150);
|
|
130
|
+
|
|
131
|
+
--color-surface-accent-invert-l1: var(--mds-color-indigo-500);
|
|
132
|
+
--color-surface-accent-invert-l2: var(--mds-color-indigo-475);
|
|
133
|
+
--color-surface-accent-invert-l3: var(--mds-color-indigo-450);
|
|
134
|
+
--color-surface-accent-invert-l4: var(--mds-color-indigo-425);
|
|
135
|
+
--color-surface-accent-invert-l5: var(--mds-color-indigo-400);
|
|
136
136
|
|
|
137
137
|
--color-surface-success-l1: var(--mds-color-green-50);
|
|
138
138
|
--color-surface-success-l2: var(--mds-color-green-75);
|