Skip to content

Commit 735352f

Browse files
RomanPogorovRomanPogorov
committed
Hover from icons was removed
1 parent 47385ef commit 735352f

2 files changed

Lines changed: 223 additions & 226 deletions

File tree

‎packages/react-components/src/index.css‎

Lines changed: 86 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -4,94 +4,94 @@
44
@import "./typography.css";
55

66
@theme {
7-
--color-selection: var(--color-blue-300);
8-
--color-ring-red: var(--color-red-200);
9-
--color-ring-green: var(--color-green-200);
10-
--color-ring-yellow: var(--color-yellow-200);
11-
--color-ring-purple: var(--color-purple-200);
12-
--color-ring-orange: var(--color-orange-200);
13-
--color-ring-pink: var(--color-pink-200);
14-
--color-ring-blue: var(--color-blue-300);
15-
--color-ring-red: var(--color-red-200);
16-
--color-text-primary: var(--color-neutral-900);
17-
--color-text-secondary: var(--color-neutral-500);
18-
--color-text-secondary_hover: var(--color-neutral-600);
19-
--color-text-primary_on-brand: var(--color-neutral-50);
20-
--color-text-secondary_on-brand: var(--color-neutral-100);
21-
--color-text-tertiary: var(--color-neutral-400);
22-
--color-text-quternary: var(--color-neutral-400);
23-
--color-text-quternary_hover: var(--color-neutral-500);
24-
--color-text-quternary_on-brand: var(--color-neutral-200);
25-
--color-text-disabled: var(--color-neutral-300);
26-
--color-text-link: var(--color-blue-500);
27-
--color-text-link_hover: var(--color-blue-600);
28-
--color-text-link_disabled: var(--color-blue-400);
29-
--color-text-brand-primary: var(--color-brand-500);
30-
--color-text-brand-secondary: var(--color-brand-300);
31-
--color-text-brand-secondary_hover: var(--color-brand-400);
32-
--color-text-error-primary: var(--color-red-500);
33-
--color-text-error-secondary: var(--color-red-400);
34-
--color-text-success-primary: var(--color-green-500);
35-
--color-text-warning-primary: var(--color-yellow-500);
36-
--color-white: #ffffff;
37-
--color-border-primary: var(--color-neutral-300);
38-
--color-border-primary_hover: var(--color-neutral-400);
39-
--color-border-secondary: var(--color-neutral-200);
40-
--color-border-separator: var(--color-neutral-200);
41-
--color-border-disabled: var(--color-neutral-100);
42-
--color-border-brand: var(--color-brand-500);
43-
--color-border-link: var(--color-blue-500);
44-
--color-border-error: var(--color-red-500);
45-
--color-border-error_inverse: var(--color-red-400);
46-
--color-border-error_inverse_hover: var(--color-red-300);
47-
--color-border-success: var(--color-green-500);
48-
--color-bg-primary: #ffffff;
49-
--color-bg-primary_inverse: var(--color-neutral-900);
50-
--color-bg-secondary: var(--color-neutral-50);
51-
--color-bg-tertiary: var(--color-neutral-100);
52-
--color-bg-quaternary: var(--color-neutral-200);
53-
--color-bg-overlay: var(--color-neutral-900);
54-
--color-bg-disabled: var(--color-neutral-300);
55-
--color-bg-brand-primary: var(--color-brand-50);
56-
--color-bg-brand-primary_inverse: var(--color-brand-500);
57-
--color-bg-brand-secondary: var(--color-brand-100);
58-
--color-bg-brand-tertiary: var(--color-brand-200);
7+
--color-selection: var(--color-blue-300);
8+
--color-ring-red: var(--color-red-200);
9+
--color-ring-green: var(--color-green-200);
10+
--color-ring-yellow: var(--color-yellow-200);
11+
--color-ring-purple: var(--color-purple-200);
12+
--color-ring-orange: var(--color-orange-200);
13+
--color-ring-pink: var(--color-pink-200);
14+
--color-ring-blue: var(--color-blue-200);
15+
--color-ring-red: var(--color-red-200);
16+
--color-text-primary: var(--color-neutral-900);
17+
--color-text-secondary: var(--color-neutral-500);
18+
--color-text-secondary_hover: var(--color-neutral-600);
19+
--color-text-primary_on-brand: var(--color-neutral-50);
20+
--color-text-secondary_on-brand: var(--color-neutral-100);
21+
--color-text-tertiary: var(--color-neutral-400);
22+
--color-text-quternary: var(--color-neutral-400);
23+
--color-text-quternary_hover: var(--color-neutral-500);
24+
--color-text-quternary_on-brand: var(--color-neutral-200);
25+
--color-text-disabled: var(--color-neutral-300);
26+
--color-text-link: var(--color-blue-500);
27+
--color-text-link_hover: var(--color-blue-600);
28+
--color-text-link_disabled: var(--color-blue-400);
29+
--color-text-brand-primary: var(--color-brand-500);
30+
--color-text-brand-secondary: var(--color-brand-300);
31+
--color-text-brand-secondary_hover: var(--color-brand-400);
32+
--color-text-error-primary: var(--color-red-500);
33+
--color-text-error-secondary: var(--color-red-400);
34+
--color-text-success-primary: var(--color-green-500);
35+
--color-text-warning-primary: var(--color-yellow-500);
36+
--color-white: #ffffff;
37+
--color-border-primary: var(--color-neutral-300);
38+
--color-border-primary_hover: var(--color-neutral-400);
39+
--color-border-secondary: var(--color-neutral-200);
40+
--color-border-separator: var(--color-neutral-200);
41+
--color-border-disabled: var(--color-neutral-100);
42+
--color-border-brand: var(--color-brand-500);
43+
--color-border-link: var(--color-blue-500);
44+
--color-border-error: var(--color-red-500);
45+
--color-border-error_inverse: var(--color-red-400);
46+
--color-border-error_inverse_hover: var(--color-red-300);
47+
--color-border-success: var(--color-green-500);
48+
--color-bg-primary: #ffffff;
49+
--color-bg-primary_inverse: var(--color-neutral-900);
50+
--color-bg-secondary: var(--color-neutral-50);
51+
--color-bg-tertiary: var(--color-neutral-100);
52+
--color-bg-quaternary: var(--color-neutral-200);
53+
--color-bg-overlay: var(--color-neutral-900);
54+
--color-bg-disabled: var(--color-neutral-300);
55+
--color-bg-brand-primary: var(--color-brand-50);
56+
--color-bg-brand-primary_inverse: var(--color-brand-500);
57+
--color-bg-brand-secondary: var(--color-brand-100);
58+
--color-bg-brand-tertiary: var(--color-brand-200);
5959

60-
--color-bg-link: var(--color-blue-500);
61-
--color-bg-link_hover: var(--color-blue-600);
62-
--color-bg-error-primary: var(--color-red-50);
63-
--color-bg-error-primary_inverse: var(--color-red-500);
64-
--color-bg-error-primary_inverse_hover: var(--color-red-700);
65-
--color-bg-error-secondary: var(--color-red-100);
66-
--color-bg-error-tertiary: var(--color-red-200);
67-
--color-bg-success-primary: var(--color-green-50);
68-
--color-bg-success-primary_inverse: var(--color-green-500);
69-
--color-bg-success-secondary: var(--color-green-100);
70-
--color-bg-warning-primary: var(--color-yellow-50);
71-
--color-bg-warning-primary_inverse: var(--color-yellow-500);
72-
--color-bg-warning-secondary: var(--color-yellow-100);
73-
--color-fg-primary: var(--color-neutral-900);
74-
--color-fg-primary_inverse: var(--white);
75-
--color-fg-primary_on-brand: var(--color-neutral-50);
76-
--color-fg-secondary: var(--color-neutral-700);
77-
--color-fg-secondary_inverse: var(--color-neutral-400);
78-
--color-fg-secondary_hover: var(--color-neutral-800);
79-
--color-fg-secondary_on-brand: var(--color-neutral-100);
80-
--color-fg-tertiary: var(--color-neutral-400);
81-
--color-fg-tertiary_hover: var(--color-neutral-600);
82-
--color-fg-tertiary_on-brand: var(--color-neutral-200);
83-
--color-fg-disabled: var(--color-neutral-300);
84-
--color-fg-brand-primary: var(--color-brand-500);
85-
--color-fg-brand-secondary: var(--color-brand-300);
86-
--color-fg-link: var(--color-blue-500);
87-
--color-fg-error-primary: var(--color-red-500);
88-
--color-fg-error-secondary: var(--color-red-400);
89-
--color-fg-success-primary: var(--color-green-500);
90-
--color-fg-success-secondary: var(--color-green-400);
91-
--color-fg-warning-primary: var(--color-yellow-500);
92-
--color-fg-warning-secondary: var(--color-yellow-400);
60+
--color-bg-link: var(--color-blue-500);
61+
--color-bg-link_hover: var(--color-blue-600);
62+
--color-bg-error-primary: var(--color-red-50);
63+
--color-bg-error-primary_inverse: var(--color-red-500);
64+
--color-bg-error-primary_inverse_hover: var(--color-red-700);
65+
--color-bg-error-secondary: var(--color-red-100);
66+
--color-bg-error-tertiary: var(--color-red-200);
67+
--color-bg-success-primary: var(--color-green-50);
68+
--color-bg-success-primary_inverse: var(--color-green-500);
69+
--color-bg-success-secondary: var(--color-green-100);
70+
--color-bg-warning-primary: var(--color-yellow-50);
71+
--color-bg-warning-primary_inverse: var(--color-yellow-500);
72+
--color-bg-warning-secondary: var(--color-yellow-100);
73+
--color-fg-primary: var(--color-neutral-900);
74+
--color-fg-primary_inverse: var(--white);
75+
--color-fg-primary_on-brand: var(--color-neutral-50);
76+
--color-fg-secondary: var(--color-neutral-700);
77+
--color-fg-secondary_inverse: var(--color-neutral-400);
78+
--color-fg-secondary_hover: var(--color-neutral-800);
79+
--color-fg-secondary_on-brand: var(--color-neutral-100);
80+
--color-fg-tertiary: var(--color-neutral-400);
81+
--color-fg-tertiary_hover: var(--color-neutral-600);
82+
--color-fg-tertiary_on-brand: var(--color-neutral-200);
83+
--color-fg-disabled: var(--color-neutral-300);
84+
--color-fg-brand-primary: var(--color-brand-500);
85+
--color-fg-brand-secondary: var(--color-brand-300);
86+
--color-fg-link: var(--color-blue-500);
87+
--color-fg-error-primary: var(--color-red-500);
88+
--color-fg-error-secondary: var(--color-red-400);
89+
--color-fg-success-primary: var(--color-green-500);
90+
--color-fg-success-secondary: var(--color-green-400);
91+
--color-fg-warning-primary: var(--color-yellow-500);
92+
--color-fg-warning-secondary: var(--color-yellow-400);
9393
}
9494

9595
@theme inline {
96-
--font-family-sans: "Inter", system-ui, sans-serif;
96+
--font-family-sans: "Inter", system-ui, sans-serif;
9797
}

0 commit comments

Comments
 (0)