1mpacto-react-ui 0.0.141 → 0.0.143

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.
@@ -0,0 +1,241 @@
1
+ $black: #212121;
2
+ $white: #FFFFFF;
3
+ $primary-50: #E3F2FD;
4
+ $primary-100: #BBDEFB;
5
+ $primary-200: #90CAF9;
6
+ $primary-300: #64B5F6;
7
+ $primary-400: #42A5F5;
8
+ $primary-500: #2196F3;
9
+ $primary-600: #1E88E5;
10
+ $primary-700: #1976D2;
11
+ $primary-800: #1565C0;
12
+ $primary-900: #0D47A1;
13
+ $blue-gray-50: #ECEFF1;
14
+ $blue-gray-100: #CFD8DC;
15
+ $blue-gray-200: #B0BEC5;
16
+ $blue-gray-300: #90A4AE;
17
+ $blue-gray-400: #78909C;
18
+ $blue-gray-500: #607D8B;
19
+ $blue-gray-600: #546E7A;
20
+ $blue-gray-700: #455A64;
21
+ $blue-gray-800: #37474F;
22
+ $blue-gray-900: #263238;
23
+ $gray-50: #FAFAFA;
24
+ $gray-100: #F5F5F5;
25
+ $gray-200: #EEEEEE;
26
+ $gray-300: #E0E0E0;
27
+ $gray-400: #BDBDBD;
28
+ $gray-500: #9E9E9E;
29
+ $gray-600: #757575;
30
+ $gray-700: #616161;
31
+ $gray-800: #424242;
32
+ $gray-900: #212121;
33
+ $brown-50: #EFEBE9;
34
+ $brown-100: #D7CCC8;
35
+ $brown-200: #BCAAA4;
36
+ $brown-300: #A1887F;
37
+ $brown-400: #8D6E63;
38
+ $brown-500: #795548;
39
+ $brown-600: #6D4C41;
40
+ $brown-700: #5D4037;
41
+ $brown-800: #4E342E;
42
+ $brown-900: #3E2723;
43
+ $deep-orange-50: #FBE9E7;
44
+ $deep-orange-100: #FFCCBC;
45
+ $deep-orange-200: #FFAB91;
46
+ $deep-orange-300: #FF8A65;
47
+ $deep-orange-400: #FF7043;
48
+ $deep-orange-500: #FF5722;
49
+ $deep-orange-600: #F4511E;
50
+ $deep-orange-700: #E64A19;
51
+ $deep-orange-800: #D84315;
52
+ $deep-orange-900: #BF360C;
53
+ $orange-50: #FFF3E0;
54
+ $orange-100: #FFE0B2;
55
+ $orange-200: #FFCC80;
56
+ $orange-300: #FFB74D;
57
+ $orange-400: #FFA726;
58
+ $orange-500: #FF9800;
59
+ $orange-600: #FB8C00;
60
+ $orange-700: #F57C00;
61
+ $orange-800: #EF6C00;
62
+ $orange-900: #E65100;
63
+ $amber-50: #FFF8E1;
64
+ $amber-100: #FFECB3;
65
+ $amber-200: #FFE082;
66
+ $amber-300: #FFD54F;
67
+ $amber-400: #FFCA28;
68
+ $amber-500: #FFC107;
69
+ $amber-600: #FFB300;
70
+ $amber-700: #FFA000;
71
+ $amber-800: #FF8F00;
72
+ $amber-900: #FF6F00;
73
+ $yellow-50: #FFFDE7;
74
+ $yellow-100: #FFF9C4;
75
+ $yellow-200: #FFF59D;
76
+ $yellow-300: #FFF176;
77
+ $yellow-400: #FFEE58;
78
+ $yellow-500: #FFEB3B;
79
+ $yellow-600: #FDD835;
80
+ $yellow-700: #FBC02D;
81
+ $yellow-800: #F9A825;
82
+ $yellow-900: #F57F17;
83
+ $lime-50: #F9FBE7;
84
+ $lime-100: #F0F4C3;
85
+ $lime-200: #E6EE9C;
86
+ $lime-300: #DCE775;
87
+ $lime-400: #D4E157;
88
+ $lime-500: #CDDC39;
89
+ $lime-600: #C0CA33;
90
+ $lime-700: #AFB42B;
91
+ $lime-800: #9E9D24;
92
+ $lime-900: #827717;
93
+ $light-green-50: #F1F8E9;
94
+ $light-green-100: #DCEDC8;
95
+ $light-green-200: #C5E1A5;
96
+ $light-green-300: #AED581;
97
+ $light-green-400: #9CCC65;
98
+ $light-green-500: #8BC34A;
99
+ $light-green-600: #7CB342;
100
+ $light-green-700: #689F38;
101
+ $light-green-800: #558B2F;
102
+ $light-green-900: #33691E;
103
+ $green-50: #E8F5E9;
104
+ $green-100: #C8E6C9;
105
+ $green-200: #A5D6A7;
106
+ $green-300: #81C784;
107
+ $green-400: #66BB6A;
108
+ $green-500: #4CAF50;
109
+ $green-600: #43A047;
110
+ $green-700: #388E3C;
111
+ $green-800: #2E7D32;
112
+ $green-900: #1B5E20;
113
+ $teal-50: #E0F2F1;
114
+ $teal-100: #B2DFDB;
115
+ $teal-200: #80CBC4;
116
+ $teal-300: #4DB6AC;
117
+ $teal-400: #26A69A;
118
+ $teal-500: #009688;
119
+ $teal-600: #00897B;
120
+ $teal-700: #00796B;
121
+ $teal-800: #00695C;
122
+ $teal-900: #004D40;
123
+ $cyan-50: #E0F7FA;
124
+ $cyan-100: #B2EBF2;
125
+ $cyan-200: #80DEEA;
126
+ $cyan-300: #4DD0E1;
127
+ $cyan-400: #26C6DA;
128
+ $cyan-500: #00BCD4;
129
+ $cyan-600: #00ACC1;
130
+ $cyan-700: #0097A7;
131
+ $cyan-800: #00838F;
132
+ $cyan-900: #006064;
133
+ $light-blue-50: #E1F5FE;
134
+ $light-blue-100: #B3E5FC;
135
+ $light-blue-200: #81D4FA;
136
+ $light-blue-300: #4FC3F7;
137
+ $light-blue-400: #29B6F6;
138
+ $light-blue-500: #03A9F4;
139
+ $light-blue-600: #039BE5;
140
+ $light-blue-700: #0288D1;
141
+ $light-blue-800: #0277BD;
142
+ $light-blue-900: #01579B;
143
+ $blue-50: #E3F2FD;
144
+ $blue-100: #BBDEFB;
145
+ $blue-200: #90CAF9;
146
+ $blue-300: #64B5F6;
147
+ $blue-400: #42A5F5;
148
+ $blue-500: #2196F3;
149
+ $blue-600: #1E88E5;
150
+ $blue-700: #1976D2;
151
+ $blue-800: #1565C0;
152
+ $blue-900: #0D47A1;
153
+ $indigo-50: #E8EAF6;
154
+ $indigo-100: #C5CAE9;
155
+ $indigo-200: #9FA8DA;
156
+ $indigo-300: #7986CB;
157
+ $indigo-400: #5C6BC0;
158
+ $indigo-500: #3F51B5;
159
+ $indigo-600: #3949AB;
160
+ $indigo-700: #303F9F;
161
+ $indigo-800: #283593;
162
+ $indigo-900: #1A237E;
163
+ $deep-purple-50: #EDE7F6;
164
+ $deep-purple-100: #D1C4E9;
165
+ $deep-purple-200: #B39DDB;
166
+ $deep-purple-300: #9575CD;
167
+ $deep-purple-400: #7E57C2;
168
+ $deep-purple-500: #673AB7;
169
+ $deep-purple-600: #5E35B1;
170
+ $deep-purple-700: #512DA8;
171
+ $deep-purple-800: #4527A0;
172
+ $deep-purple-900: #311B92;
173
+ $purple-50: #F3E5F5;
174
+ $purple-100: #E1BEE7;
175
+ $purple-200: #CE93D8;
176
+ $purple-300: #BA68C8;
177
+ $purple-400: #AB47BC;
178
+ $purple-500: #9C27B0;
179
+ $purple-600: #8E24AA;
180
+ $purple-700: #7B1FA2;
181
+ $purple-800: #6A1B9A;
182
+ $purple-900: #4A148C;
183
+ $pink-50: #FCE4EC;
184
+ $pink-100: #F8BBD0;
185
+ $pink-200: #F48FB1;
186
+ $pink-300: #F06292;
187
+ $pink-400: #EC407A;
188
+ $pink-500: #E91E63;
189
+ $pink-600: #D81B60;
190
+ $pink-700: #C2185B;
191
+ $pink-800: #AD1457;
192
+ $pink-900: #880E4F;
193
+ $red-50: #FFEBEE;
194
+ $red-100: #FFCDD2;
195
+ $red-200: #EF9A9A;
196
+ $red-300: #E57373;
197
+ $red-400: #EF5350;
198
+ $red-500: #F44336;
199
+ $red-600: #E53935;
200
+ $red-700: #D32F2F;
201
+ $red-800: #C62828;
202
+ $red-900: #B71C1C;
203
+ $payhere-brand-base: #102A4D;
204
+ $payhere-brand-10: #CFD4DB;
205
+ $payhere-brand-20: #AFB8C4;
206
+ $payhere-brand-30: #8794A6;
207
+ $payhere-brand-40: #607188;
208
+ $payhere-brand-50: #384E6B;
209
+ $payhere-brand-60: #0D2340;
210
+ $laba-black: #212529;
211
+ $laba-white: #FFFFFF;
212
+ $laba-blue-10: #0163C8;
213
+ $laba-blue-08: #006DFF;
214
+ $laba-blue-06: #2899FF;
215
+ $laba-blue-05: #73A4D6;
216
+ $laba-blue-02: #DBECFF;
217
+ $laba-blue-01: #F0F7FF;
218
+ $laba-green-10: #038C67;
219
+ $laba-green-08: #04BA27;
220
+ $laba-green-06: #78D798;
221
+ $laba-green-05: #ABF3CC;
222
+ $laba-green-02: #CAEEE5;
223
+ $laba-green-01: #DFF6F6;
224
+ $laba-grey-10: #898989;
225
+ $laba-grey-08: #AEAEAE;
226
+ $laba-grey-06: #D6D6D6;
227
+ $laba-grey-05: #EEEEEE;
228
+ $laba-grey-02: #F2F2F2;
229
+ $laba-grey-01: #FDFDFD;
230
+ $laba-orange-10: #C05000;
231
+ $laba-orange-08: #FF7200;
232
+ $laba-orange-06: #FF9300;
233
+ $laba-orange-05: #FFBD78;
234
+ $laba-orange-02: #FFDDBB;
235
+ $laba-orange-01: #FFF5EB;
236
+ $laba-red-10: #9E101F;
237
+ $laba-red-08: #ED0019;
238
+ $laba-red-06: #FB004E;
239
+ $laba-red-05: #FF5378;
240
+ $laba-red-02: #FFAEBF;
241
+ $laba-red-01: #FFEBEF;
@@ -0,0 +1,203 @@
1
+ .text-payhere-h1 {
2
+ font-size: 60px;
3
+ line-height: 72px;
4
+ font-weight: 700;
5
+ }
6
+
7
+ .text-payhere-h2 {
8
+ font-size: 48px;
9
+ line-height: 58px;
10
+ font-weight: 700;
11
+ }
12
+
13
+ .text-payhere-h3 {
14
+ font-size: 40px;
15
+ line-height: 48px;
16
+ font-weight: 700;
17
+ }
18
+
19
+ .text-payhere-h4 {
20
+ font-size: 30px;
21
+ line-height: 38px;
22
+ font-weight: 700;
23
+ }
24
+
25
+ .text-payhere-h5 {
26
+ font-size: 28px;
27
+ line-height: 40px;
28
+ font-weight: 600;
29
+ }
30
+
31
+ .text-payhere-h6 {
32
+ font-size: 24px;
33
+ line-height: 30px;
34
+ font-weight: 600;
35
+ }
36
+
37
+ .text-payhere-body-lr {
38
+ font-size: 18px;
39
+ line-height: 26px;
40
+ font-weight: 400;
41
+ }
42
+
43
+ .text-payhere-body-lm {
44
+ font-size: 18px;
45
+ line-height: 26px;
46
+ font-weight: 500;
47
+ }
48
+
49
+ .text-payhere-body-ls {
50
+ font-size: 18px;
51
+ line-height: 26px;
52
+ font-weight: 600;
53
+ }
54
+
55
+ .text-payhere-body-lb {
56
+ font-size: 18px;
57
+ line-height: 26px;
58
+ font-weight: 700;
59
+ }
60
+
61
+ .text-payhere-body-mr {
62
+ font-size: 16px;
63
+ line-height: 24px;
64
+ font-weight: 400;
65
+ }
66
+
67
+ .text-payhere-body-mm {
68
+ font-size: 16px;
69
+ line-height: 24px;
70
+ font-weight: 500;
71
+ }
72
+
73
+ .text-payhere-body-ms {
74
+ font-size: 16px;
75
+ line-height: 24px;
76
+ font-weight: 600;
77
+ }
78
+
79
+ .text-payhere-body-mb {
80
+ font-size: 16px;
81
+ line-height: 24px;
82
+ font-weight: 700;
83
+ }
84
+
85
+ .text-payhere-label-r {
86
+ font-size: 15px;
87
+ line-height: 26px;
88
+ font-weight: 400;
89
+ }
90
+
91
+ .text-payhere-label-m {
92
+ font-size: 15px;
93
+ line-height: 26px;
94
+ font-weight: 500;
95
+ }
96
+
97
+ .text-payhere-body-sr {
98
+ font-size: 14px;
99
+ line-height: 22px;
100
+ font-weight: 400;
101
+ }
102
+
103
+ .text-payhere-body-sm {
104
+ font-size: 14px;
105
+ line-height: 22px;
106
+ font-weight: 500;
107
+ }
108
+
109
+ .text-payhere-body-esr {
110
+ font-size: 12px;
111
+ line-height: 20px;
112
+ font-weight: 400;
113
+ }
114
+
115
+ .text-payhere-body-esm {
116
+ font-size: 12px;
117
+ line-height: 20px;
118
+ font-weight: 500;
119
+ }
120
+
121
+ .text-laba-h1 {
122
+ font-size: 24px;
123
+ line-height: 30px;
124
+ font-weight: 700;
125
+ }
126
+
127
+ .text-laba-h2 {
128
+ font-size: 18px;
129
+ line-height: 26px;
130
+ font-weight: 700;
131
+ }
132
+
133
+ .text-laba-base-rb {
134
+ font-size: 16px;
135
+ line-height: 24px;
136
+ font-weight: 700;
137
+ }
138
+
139
+ .text-laba-base-rs {
140
+ font-size: 16px;
141
+ line-height: 24px;
142
+ font-weight: 600;
143
+ }
144
+
145
+ .text-laba-base-rr {
146
+ font-size: 16px;
147
+ line-height: 24px;
148
+ font-weight: 400;
149
+ }
150
+
151
+ .text-laba-base-sb {
152
+ font-size: 14px;
153
+ line-height: 20px;
154
+ font-weight: 700;
155
+ }
156
+
157
+ .text-laba-base-ss {
158
+ font-size: 14px;
159
+ line-height: 20px;
160
+ font-weight: 600;
161
+ }
162
+
163
+ .text-laba-base-sr {
164
+ font-size: 14px;
165
+ line-height: 20px;
166
+ font-weight: 400;
167
+ }
168
+
169
+ .text-laba-subtitle-rb {
170
+ font-size: 12px;
171
+ line-height: 16px;
172
+ font-weight: 700;
173
+ }
174
+
175
+ .text-laba-subtitle-rs {
176
+ font-size: 12px;
177
+ line-height: 16px;
178
+ font-weight: 600;
179
+ }
180
+
181
+ .text-laba-subtitle-rr {
182
+ font-size: 12px;
183
+ line-height: 16px;
184
+ font-weight: 400;
185
+ }
186
+
187
+ .text-laba-subtitle-sb {
188
+ font-size: 10px;
189
+ line-height: 12px;
190
+ font-weight: 700;
191
+ }
192
+
193
+ .text-laba-subtitle-ss {
194
+ font-size: 10px;
195
+ line-height: 12px;
196
+ font-weight: 600;
197
+ }
198
+
199
+ .text-laba-subtitle-sr {
200
+ font-size: 10px;
201
+ line-height: 12px;
202
+ font-weight: 400;
203
+ }
@@ -0,0 +1,243 @@
1
+ @theme {
2
+ --color-black: #212121;
3
+ --color-white: #FFFFFF;
4
+ --color-primary-50: #E3F2FD;
5
+ --color-primary-100: #BBDEFB;
6
+ --color-primary-200: #90CAF9;
7
+ --color-primary-300: #64B5F6;
8
+ --color-primary-400: #42A5F5;
9
+ --color-primary-500: #2196F3;
10
+ --color-primary-600: #1E88E5;
11
+ --color-primary-700: #1976D2;
12
+ --color-primary-800: #1565C0;
13
+ --color-primary-900: #0D47A1;
14
+ --color-blue-gray-50: #ECEFF1;
15
+ --color-blue-gray-100: #CFD8DC;
16
+ --color-blue-gray-200: #B0BEC5;
17
+ --color-blue-gray-300: #90A4AE;
18
+ --color-blue-gray-400: #78909C;
19
+ --color-blue-gray-500: #607D8B;
20
+ --color-blue-gray-600: #546E7A;
21
+ --color-blue-gray-700: #455A64;
22
+ --color-blue-gray-800: #37474F;
23
+ --color-blue-gray-900: #263238;
24
+ --color-gray-50: #FAFAFA;
25
+ --color-gray-100: #F5F5F5;
26
+ --color-gray-200: #EEEEEE;
27
+ --color-gray-300: #E0E0E0;
28
+ --color-gray-400: #BDBDBD;
29
+ --color-gray-500: #9E9E9E;
30
+ --color-gray-600: #757575;
31
+ --color-gray-700: #616161;
32
+ --color-gray-800: #424242;
33
+ --color-gray-900: #212121;
34
+ --color-brown-50: #EFEBE9;
35
+ --color-brown-100: #D7CCC8;
36
+ --color-brown-200: #BCAAA4;
37
+ --color-brown-300: #A1887F;
38
+ --color-brown-400: #8D6E63;
39
+ --color-brown-500: #795548;
40
+ --color-brown-600: #6D4C41;
41
+ --color-brown-700: #5D4037;
42
+ --color-brown-800: #4E342E;
43
+ --color-brown-900: #3E2723;
44
+ --color-deep-orange-50: #FBE9E7;
45
+ --color-deep-orange-100: #FFCCBC;
46
+ --color-deep-orange-200: #FFAB91;
47
+ --color-deep-orange-300: #FF8A65;
48
+ --color-deep-orange-400: #FF7043;
49
+ --color-deep-orange-500: #FF5722;
50
+ --color-deep-orange-600: #F4511E;
51
+ --color-deep-orange-700: #E64A19;
52
+ --color-deep-orange-800: #D84315;
53
+ --color-deep-orange-900: #BF360C;
54
+ --color-orange-50: #FFF3E0;
55
+ --color-orange-100: #FFE0B2;
56
+ --color-orange-200: #FFCC80;
57
+ --color-orange-300: #FFB74D;
58
+ --color-orange-400: #FFA726;
59
+ --color-orange-500: #FF9800;
60
+ --color-orange-600: #FB8C00;
61
+ --color-orange-700: #F57C00;
62
+ --color-orange-800: #EF6C00;
63
+ --color-orange-900: #E65100;
64
+ --color-amber-50: #FFF8E1;
65
+ --color-amber-100: #FFECB3;
66
+ --color-amber-200: #FFE082;
67
+ --color-amber-300: #FFD54F;
68
+ --color-amber-400: #FFCA28;
69
+ --color-amber-500: #FFC107;
70
+ --color-amber-600: #FFB300;
71
+ --color-amber-700: #FFA000;
72
+ --color-amber-800: #FF8F00;
73
+ --color-amber-900: #FF6F00;
74
+ --color-yellow-50: #FFFDE7;
75
+ --color-yellow-100: #FFF9C4;
76
+ --color-yellow-200: #FFF59D;
77
+ --color-yellow-300: #FFF176;
78
+ --color-yellow-400: #FFEE58;
79
+ --color-yellow-500: #FFEB3B;
80
+ --color-yellow-600: #FDD835;
81
+ --color-yellow-700: #FBC02D;
82
+ --color-yellow-800: #F9A825;
83
+ --color-yellow-900: #F57F17;
84
+ --color-lime-50: #F9FBE7;
85
+ --color-lime-100: #F0F4C3;
86
+ --color-lime-200: #E6EE9C;
87
+ --color-lime-300: #DCE775;
88
+ --color-lime-400: #D4E157;
89
+ --color-lime-500: #CDDC39;
90
+ --color-lime-600: #C0CA33;
91
+ --color-lime-700: #AFB42B;
92
+ --color-lime-800: #9E9D24;
93
+ --color-lime-900: #827717;
94
+ --color-light-green-50: #F1F8E9;
95
+ --color-light-green-100: #DCEDC8;
96
+ --color-light-green-200: #C5E1A5;
97
+ --color-light-green-300: #AED581;
98
+ --color-light-green-400: #9CCC65;
99
+ --color-light-green-500: #8BC34A;
100
+ --color-light-green-600: #7CB342;
101
+ --color-light-green-700: #689F38;
102
+ --color-light-green-800: #558B2F;
103
+ --color-light-green-900: #33691E;
104
+ --color-green-50: #E8F5E9;
105
+ --color-green-100: #C8E6C9;
106
+ --color-green-200: #A5D6A7;
107
+ --color-green-300: #81C784;
108
+ --color-green-400: #66BB6A;
109
+ --color-green-500: #4CAF50;
110
+ --color-green-600: #43A047;
111
+ --color-green-700: #388E3C;
112
+ --color-green-800: #2E7D32;
113
+ --color-green-900: #1B5E20;
114
+ --color-teal-50: #E0F2F1;
115
+ --color-teal-100: #B2DFDB;
116
+ --color-teal-200: #80CBC4;
117
+ --color-teal-300: #4DB6AC;
118
+ --color-teal-400: #26A69A;
119
+ --color-teal-500: #009688;
120
+ --color-teal-600: #00897B;
121
+ --color-teal-700: #00796B;
122
+ --color-teal-800: #00695C;
123
+ --color-teal-900: #004D40;
124
+ --color-cyan-50: #E0F7FA;
125
+ --color-cyan-100: #B2EBF2;
126
+ --color-cyan-200: #80DEEA;
127
+ --color-cyan-300: #4DD0E1;
128
+ --color-cyan-400: #26C6DA;
129
+ --color-cyan-500: #00BCD4;
130
+ --color-cyan-600: #00ACC1;
131
+ --color-cyan-700: #0097A7;
132
+ --color-cyan-800: #00838F;
133
+ --color-cyan-900: #006064;
134
+ --color-light-blue-50: #E1F5FE;
135
+ --color-light-blue-100: #B3E5FC;
136
+ --color-light-blue-200: #81D4FA;
137
+ --color-light-blue-300: #4FC3F7;
138
+ --color-light-blue-400: #29B6F6;
139
+ --color-light-blue-500: #03A9F4;
140
+ --color-light-blue-600: #039BE5;
141
+ --color-light-blue-700: #0288D1;
142
+ --color-light-blue-800: #0277BD;
143
+ --color-light-blue-900: #01579B;
144
+ --color-blue-50: #E3F2FD;
145
+ --color-blue-100: #BBDEFB;
146
+ --color-blue-200: #90CAF9;
147
+ --color-blue-300: #64B5F6;
148
+ --color-blue-400: #42A5F5;
149
+ --color-blue-500: #2196F3;
150
+ --color-blue-600: #1E88E5;
151
+ --color-blue-700: #1976D2;
152
+ --color-blue-800: #1565C0;
153
+ --color-blue-900: #0D47A1;
154
+ --color-indigo-50: #E8EAF6;
155
+ --color-indigo-100: #C5CAE9;
156
+ --color-indigo-200: #9FA8DA;
157
+ --color-indigo-300: #7986CB;
158
+ --color-indigo-400: #5C6BC0;
159
+ --color-indigo-500: #3F51B5;
160
+ --color-indigo-600: #3949AB;
161
+ --color-indigo-700: #303F9F;
162
+ --color-indigo-800: #283593;
163
+ --color-indigo-900: #1A237E;
164
+ --color-deep-purple-50: #EDE7F6;
165
+ --color-deep-purple-100: #D1C4E9;
166
+ --color-deep-purple-200: #B39DDB;
167
+ --color-deep-purple-300: #9575CD;
168
+ --color-deep-purple-400: #7E57C2;
169
+ --color-deep-purple-500: #673AB7;
170
+ --color-deep-purple-600: #5E35B1;
171
+ --color-deep-purple-700: #512DA8;
172
+ --color-deep-purple-800: #4527A0;
173
+ --color-deep-purple-900: #311B92;
174
+ --color-purple-50: #F3E5F5;
175
+ --color-purple-100: #E1BEE7;
176
+ --color-purple-200: #CE93D8;
177
+ --color-purple-300: #BA68C8;
178
+ --color-purple-400: #AB47BC;
179
+ --color-purple-500: #9C27B0;
180
+ --color-purple-600: #8E24AA;
181
+ --color-purple-700: #7B1FA2;
182
+ --color-purple-800: #6A1B9A;
183
+ --color-purple-900: #4A148C;
184
+ --color-pink-50: #FCE4EC;
185
+ --color-pink-100: #F8BBD0;
186
+ --color-pink-200: #F48FB1;
187
+ --color-pink-300: #F06292;
188
+ --color-pink-400: #EC407A;
189
+ --color-pink-500: #E91E63;
190
+ --color-pink-600: #D81B60;
191
+ --color-pink-700: #C2185B;
192
+ --color-pink-800: #AD1457;
193
+ --color-pink-900: #880E4F;
194
+ --color-red-50: #FFEBEE;
195
+ --color-red-100: #FFCDD2;
196
+ --color-red-200: #EF9A9A;
197
+ --color-red-300: #E57373;
198
+ --color-red-400: #EF5350;
199
+ --color-red-500: #F44336;
200
+ --color-red-600: #E53935;
201
+ --color-red-700: #D32F2F;
202
+ --color-red-800: #C62828;
203
+ --color-red-900: #B71C1C;
204
+ --color-payhere-brand-base: #102A4D;
205
+ --color-payhere-brand-10: #CFD4DB;
206
+ --color-payhere-brand-20: #AFB8C4;
207
+ --color-payhere-brand-30: #8794A6;
208
+ --color-payhere-brand-40: #607188;
209
+ --color-payhere-brand-50: #384E6B;
210
+ --color-payhere-brand-60: #0D2340;
211
+ --color-laba-black: #212529;
212
+ --color-laba-white: #FFFFFF;
213
+ --color-laba-blue-10: #0163C8;
214
+ --color-laba-blue-08: #006DFF;
215
+ --color-laba-blue-06: #2899FF;
216
+ --color-laba-blue-05: #73A4D6;
217
+ --color-laba-blue-02: #DBECFF;
218
+ --color-laba-blue-01: #F0F7FF;
219
+ --color-laba-green-10: #038C67;
220
+ --color-laba-green-08: #04BA27;
221
+ --color-laba-green-06: #78D798;
222
+ --color-laba-green-05: #ABF3CC;
223
+ --color-laba-green-02: #CAEEE5;
224
+ --color-laba-green-01: #DFF6F6;
225
+ --color-laba-grey-10: #898989;
226
+ --color-laba-grey-08: #AEAEAE;
227
+ --color-laba-grey-06: #D6D6D6;
228
+ --color-laba-grey-05: #EEEEEE;
229
+ --color-laba-grey-02: #F2F2F2;
230
+ --color-laba-grey-01: #FDFDFD;
231
+ --color-laba-orange-10: #C05000;
232
+ --color-laba-orange-08: #FF7200;
233
+ --color-laba-orange-06: #FF9300;
234
+ --color-laba-orange-05: #FFBD78;
235
+ --color-laba-orange-02: #FFDDBB;
236
+ --color-laba-orange-01: #FFF5EB;
237
+ --color-laba-red-10: #9E101F;
238
+ --color-laba-red-08: #ED0019;
239
+ --color-laba-red-06: #FB004E;
240
+ --color-laba-red-05: #FF5378;
241
+ --color-laba-red-02: #FFAEBF;
242
+ --color-laba-red-01: #FFEBEF;
243
+ }