@madgex/design-system 1.27.2 → 1.28.0

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.
@@ -1,37 +1,16 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 07 Nov 2019 11:36:58 GMT
3
+ * Generated on Tue, 12 Nov 2019 14:32:12 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
7
  "color": {
8
8
  "brand": {
9
9
  "1": {
10
- "base": {
11
- "value": "#1b75bb",
12
- "original": {
13
- "value": "#1B75BB"
14
- },
15
- "name": "MdsColorBrand1Base",
16
- "attributes": {
17
- "category": "color",
18
- "type": "brand",
19
- "item": "1",
20
- "subitem": "base"
21
- },
22
- "path": [
23
- "color",
24
- "brand",
25
- "1",
26
- "base"
27
- ]
28
- },
29
10
  "light": {
30
11
  "value": "#2990e0",
31
- "scssColorFunction": "lighten($mds-color-brand-1-base,10%)",
32
12
  "original": {
33
- "value": "#2990e0",
34
- "scssColorFunction": "lighten($mds-color-brand-1-base,10%)"
13
+ "value": "#2990e0"
35
14
  },
36
15
  "name": "MdsColorBrand1Light",
37
16
  "attributes": {
@@ -49,10 +28,8 @@ module.exports = {
49
28
  },
50
29
  "lightest": {
51
30
  "value": "#e9f3fc",
52
- "scssColorFunction": "lighten($mds-color-brand-1-base,(95% - lightness($mds-color-brand-1-base)))",
53
31
  "original": {
54
- "value": "#e9f3fc",
55
- "scssColorFunction": "lighten($mds-color-brand-1-base,(95% - lightness($mds-color-brand-1-base)))"
32
+ "value": "#e9f3fc"
56
33
  },
57
34
  "name": "MdsColorBrand1Lightest",
58
35
  "attributes": {
@@ -70,10 +47,8 @@ module.exports = {
70
47
  },
71
48
  "dark": {
72
49
  "value": "#15598e",
73
- "scssColorFunction": "darken($mds-color-brand-1-base,10%)",
74
50
  "original": {
75
- "value": "#15598e",
76
- "scssColorFunction": "darken($mds-color-brand-1-base,10%)"
51
+ "value": "#15598e"
77
52
  },
78
53
  "name": "MdsColorBrand1Dark",
79
54
  "attributes": {
@@ -91,10 +66,8 @@ module.exports = {
91
66
  },
92
67
  "darkest": {
93
68
  "value": "#082135",
94
- "scssColorFunction": "darken($mds-color-brand-1-base,(lightness($mds-color-brand-1-base) - 12%))",
95
69
  "original": {
96
- "value": "#082135",
97
- "scssColorFunction": "darken($mds-color-brand-1-base,(lightness($mds-color-brand-1-base) - 12%))"
70
+ "value": "#082135"
98
71
  },
99
72
  "name": "MdsColorBrand1Darkest",
100
73
  "attributes": {
@@ -109,34 +82,32 @@ module.exports = {
109
82
  "1",
110
83
  "darkest"
111
84
  ]
112
- }
113
- },
114
- "2": {
85
+ },
115
86
  "base": {
116
- "value": "#f0af11",
87
+ "value": "#1b75bb",
117
88
  "original": {
118
- "value": "#f0af11"
89
+ "value": "#1B75BB"
119
90
  },
120
- "name": "MdsColorBrand2Base",
91
+ "name": "MdsColorBrand1Base",
121
92
  "attributes": {
122
93
  "category": "color",
123
94
  "type": "brand",
124
- "item": "2",
95
+ "item": "1",
125
96
  "subitem": "base"
126
97
  },
127
98
  "path": [
128
99
  "color",
129
100
  "brand",
130
- "2",
101
+ "1",
131
102
  "base"
132
103
  ]
133
- },
104
+ }
105
+ },
106
+ "2": {
134
107
  "light": {
135
108
  "value": "#f3c03f",
136
- "scssColorFunction": "lighten($mds-color-brand-2-base,10%)",
137
109
  "original": {
138
- "value": "#f3c03f",
139
- "scssColorFunction": "lighten($mds-color-brand-2-base,10%)"
110
+ "value": "#f3c03f"
140
111
  },
141
112
  "name": "MdsColorBrand2Light",
142
113
  "attributes": {
@@ -154,10 +125,8 @@ module.exports = {
154
125
  },
155
126
  "lightest": {
156
127
  "value": "#fdf7e7",
157
- "scssColorFunction": "lighten($mds-color-brand-2-base,(95% - lightness($mds-color-brand-2-base)))",
158
128
  "original": {
159
- "value": "#fdf7e7",
160
- "scssColorFunction": "lighten($mds-color-brand-2-base,(95% - lightness($mds-color-brand-2-base)))"
129
+ "value": "#fdf7e7"
161
130
  },
162
131
  "name": "MdsColorBrand2Lightest",
163
132
  "attributes": {
@@ -175,10 +144,8 @@ module.exports = {
175
144
  },
176
145
  "dark": {
177
146
  "value": "#c28d0c",
178
- "scssColorFunction": "darken($mds-color-brand-2-base,10%)",
179
147
  "original": {
180
- "value": "#c28d0c",
181
- "scssColorFunction": "darken($mds-color-brand-2-base,10%)"
148
+ "value": "#c28d0c"
182
149
  },
183
150
  "name": "MdsColorBrand2Dark",
184
151
  "attributes": {
@@ -196,10 +163,8 @@ module.exports = {
196
163
  },
197
164
  "darkest": {
198
165
  "value": "#3a2a04",
199
- "scssColorFunction": "darken($mds-color-brand-2-base,(lightness($mds-color-brand-2-base) - 12%))",
200
166
  "original": {
201
- "value": "#3a2a04",
202
- "scssColorFunction": "darken($mds-color-brand-2-base,(lightness($mds-color-brand-2-base) - 12%))"
167
+ "value": "#3a2a04"
203
168
  },
204
169
  "name": "MdsColorBrand2Darkest",
205
170
  "attributes": {
@@ -214,34 +179,32 @@ module.exports = {
214
179
  "2",
215
180
  "darkest"
216
181
  ]
217
- }
218
- },
219
- "3": {
182
+ },
220
183
  "base": {
221
- "value": "#16c1b4",
184
+ "value": "#f0af11",
222
185
  "original": {
223
- "value": "#16C1B4"
186
+ "value": "#f0af11"
224
187
  },
225
- "name": "MdsColorBrand3Base",
188
+ "name": "MdsColorBrand2Base",
226
189
  "attributes": {
227
190
  "category": "color",
228
191
  "type": "brand",
229
- "item": "3",
192
+ "item": "2",
230
193
  "subitem": "base"
231
194
  },
232
195
  "path": [
233
196
  "color",
234
197
  "brand",
235
- "3",
198
+ "2",
236
199
  "base"
237
200
  ]
238
- },
201
+ }
202
+ },
203
+ "3": {
239
204
  "light": {
240
205
  "value": "#24e6d7",
241
- "scssColorFunction": "lighten($mds-color-brand-3-base,10%)",
242
206
  "original": {
243
- "value": "#24e6d7",
244
- "scssColorFunction": "lighten($mds-color-brand-3-base,10%)"
207
+ "value": "#24e6d7"
245
208
  },
246
209
  "name": "MdsColorBrand3Light",
247
210
  "attributes": {
@@ -259,10 +222,8 @@ module.exports = {
259
222
  },
260
223
  "lightest": {
261
224
  "value": "#e8fcfb",
262
- "scssColorFunction": "lighten($mds-color-brand-3-base,(95% - lightness($mds-color-brand-3-base)))",
263
225
  "original": {
264
- "value": "#e8fcfb",
265
- "scssColorFunction": "lighten($mds-color-brand-3-base,(95% - lightness($mds-color-brand-3-base)))"
226
+ "value": "#e8fcfb"
266
227
  },
267
228
  "name": "MdsColorBrand3Lightest",
268
229
  "attributes": {
@@ -280,10 +241,8 @@ module.exports = {
280
241
  },
281
242
  "dark": {
282
243
  "value": "#119389",
283
- "scssColorFunction": "darken($mds-color-brand-3-base,10%)",
284
244
  "original": {
285
- "value": "#119389",
286
- "scssColorFunction": "darken($mds-color-brand-3-base,10%)"
245
+ "value": "#119389"
287
246
  },
288
247
  "name": "MdsColorBrand3Dark",
289
248
  "attributes": {
@@ -301,10 +260,8 @@ module.exports = {
301
260
  },
302
261
  "darkest": {
303
262
  "value": "#063733",
304
- "scssColorFunction": "darken($mds-color-brand-3-base,(lightness($mds-color-brand-3-base) - 12%))",
305
263
  "original": {
306
- "value": "#063733",
307
- "scssColorFunction": "darken($mds-color-brand-3-base,(lightness($mds-color-brand-3-base) - 12%))"
264
+ "value": "#063733"
308
265
  },
309
266
  "name": "MdsColorBrand3Darkest",
310
267
  "attributes": {
@@ -319,36 +276,34 @@ module.exports = {
319
276
  "3",
320
277
  "darkest"
321
278
  ]
322
- }
323
- }
324
- },
325
- "status": {
326
- "error": {
279
+ },
327
280
  "base": {
328
- "value": "#e1021d",
281
+ "value": "#16c1b4",
329
282
  "original": {
330
- "value": "#e1021d"
283
+ "value": "#16C1B4"
331
284
  },
332
- "name": "MdsColorStatusErrorBase",
285
+ "name": "MdsColorBrand3Base",
333
286
  "attributes": {
334
287
  "category": "color",
335
- "type": "status",
336
- "item": "error",
288
+ "type": "brand",
289
+ "item": "3",
337
290
  "subitem": "base"
338
291
  },
339
292
  "path": [
340
293
  "color",
341
- "status",
342
- "error",
294
+ "brand",
295
+ "3",
343
296
  "base"
344
297
  ]
345
- },
298
+ }
299
+ }
300
+ },
301
+ "status": {
302
+ "error": {
346
303
  "light": {
347
304
  "value": "#fd0826",
348
- "scssColorFunction": "lighten($mds-color-status-error-base,10%)",
349
305
  "original": {
350
- "value": "#fd0826",
351
- "scssColorFunction": "lighten($mds-color-status-error-base,10%)"
306
+ "value": "#fd0826"
352
307
  },
353
308
  "name": "MdsColorStatusErrorLight",
354
309
  "attributes": {
@@ -366,10 +321,8 @@ module.exports = {
366
321
  },
367
322
  "lightest": {
368
323
  "value": "#ffe3e6",
369
- "scssColorFunction": "lighten($mds-color-status-error-base,(95% - lightness($mds-color-status-error-base)))",
370
324
  "original": {
371
- "value": "#ffe3e6",
372
- "scssColorFunction": "lighten($mds-color-status-error-base,(95% - lightness($mds-color-status-error-base)))"
325
+ "value": "#ffe3e6"
373
326
  },
374
327
  "name": "MdsColorStatusErrorLightest",
375
328
  "attributes": {
@@ -387,10 +340,8 @@ module.exports = {
387
340
  },
388
341
  "dark": {
389
342
  "value": "#d0021b",
390
- "scssColorFunction": "darken($mds-color-status-error-base,10%)",
391
343
  "original": {
392
- "value": "#d0021b",
393
- "scssColorFunction": "darken($mds-color-status-error-base,10%)"
344
+ "value": "#d0021b"
394
345
  },
395
346
  "name": "MdsColorStatusErrorDark",
396
347
  "attributes": {
@@ -408,10 +359,8 @@ module.exports = {
408
359
  },
409
360
  "darkest": {
410
361
  "value": "#ae0216",
411
- "scssColorFunction": "darken($mds-color-status-error-base,(lightness($mds-color-status-error-base) - 12%))",
412
362
  "original": {
413
- "value": "#ae0216",
414
- "scssColorFunction": "darken($mds-color-status-error-base,(lightness($mds-color-status-error-base) - 12%))"
363
+ "value": "#ae0216"
415
364
  },
416
365
  "name": "MdsColorStatusErrorDarkest",
417
366
  "attributes": {
@@ -426,34 +375,32 @@ module.exports = {
426
375
  "error",
427
376
  "darkest"
428
377
  ]
429
- }
430
- },
431
- "success": {
378
+ },
432
379
  "base": {
433
- "value": "#5ba927",
380
+ "value": "#e1021d",
434
381
  "original": {
435
- "value": "#5ba927"
382
+ "value": "#e1021d"
436
383
  },
437
- "name": "MdsColorStatusSuccessBase",
384
+ "name": "MdsColorStatusErrorBase",
438
385
  "attributes": {
439
386
  "category": "color",
440
387
  "type": "status",
441
- "item": "success",
388
+ "item": "error",
442
389
  "subitem": "base"
443
390
  },
444
391
  "path": [
445
392
  "color",
446
393
  "status",
447
- "success",
394
+ "error",
448
395
  "base"
449
396
  ]
450
- },
397
+ }
398
+ },
399
+ "success": {
451
400
  "light": {
452
401
  "value": "#6ac52d",
453
- "scssColorFunction": "lighten($mds-color-status-success-base,10%)",
454
402
  "original": {
455
- "value": "#6ac52d",
456
- "scssColorFunction": "lighten($mds-color-status-success-base,10%)"
403
+ "value": "#6ac52d"
457
404
  },
458
405
  "name": "MdsColorStatusSuccessLight",
459
406
  "attributes": {
@@ -471,10 +418,8 @@ module.exports = {
471
418
  },
472
419
  "lightest": {
473
420
  "value": "#f0faea",
474
- "scssColorFunction": "lighten($mds-color-status-success-base,(95% - lightness($mds-color-status-success-base)))",
475
421
  "original": {
476
- "value": "#f0faea",
477
- "scssColorFunction": "lighten($mds-color-status-success-base,(95% - lightness($mds-color-status-success-base)))"
422
+ "value": "#f0faea"
478
423
  },
479
424
  "name": "MdsColorStatusSuccessLightest",
480
425
  "attributes": {
@@ -492,10 +437,8 @@ module.exports = {
492
437
  },
493
438
  "dark": {
494
439
  "value": "#549b24",
495
- "scssColorFunction": "darken($mds-color-status-success-base,10%)",
496
440
  "original": {
497
- "value": "#549b24",
498
- "scssColorFunction": "darken($mds-color-status-success-base,10%)"
441
+ "value": "#549b24"
499
442
  },
500
443
  "name": "MdsColorStatusSuccessDark",
501
444
  "attributes": {
@@ -513,10 +456,8 @@ module.exports = {
513
456
  },
514
457
  "darkest": {
515
458
  "value": "#45801d",
516
- "scssColorFunction": "darken($mds-color-status-success-base,(lightness($mds-color-status-success-base) - 12%))",
517
459
  "original": {
518
- "value": "#45801d",
519
- "scssColorFunction": "darken($mds-color-status-success-base,(lightness($mds-color-status-success-base) - 12%))"
460
+ "value": "#45801d"
520
461
  },
521
462
  "name": "MdsColorStatusSuccessDarkest",
522
463
  "attributes": {
@@ -531,34 +472,32 @@ module.exports = {
531
472
  "success",
532
473
  "darkest"
533
474
  ]
534
- }
535
- },
536
- "info": {
475
+ },
537
476
  "base": {
538
- "value": "#ffb411",
477
+ "value": "#5ba927",
539
478
  "original": {
540
- "value": "#ffb411"
479
+ "value": "#5ba927"
541
480
  },
542
- "name": "MdsColorStatusInfoBase",
481
+ "name": "MdsColorStatusSuccessBase",
543
482
  "attributes": {
544
483
  "category": "color",
545
484
  "type": "status",
546
- "item": "info",
485
+ "item": "success",
547
486
  "subitem": "base"
548
487
  },
549
488
  "path": [
550
489
  "color",
551
490
  "status",
552
- "info",
491
+ "success",
553
492
  "base"
554
493
  ]
555
- },
494
+ }
495
+ },
496
+ "info": {
556
497
  "light": {
557
498
  "value": "#ffc442",
558
- "scssColorFunction": "lighten($mds-color-status-info-base,10%)",
559
499
  "original": {
560
- "value": "#ffc442",
561
- "scssColorFunction": "lighten($mds-color-status-info-base,10%)"
500
+ "value": "#ffc442"
562
501
  },
563
502
  "name": "MdsColorStatusInfoLight",
564
503
  "attributes": {
@@ -576,10 +515,8 @@ module.exports = {
576
515
  },
577
516
  "lightest": {
578
517
  "value": "#fff7e5",
579
- "scssColorFunction": "lighten($mds-color-status-info-base,(95% - lightness($mds-color-status-info-base)))",
580
518
  "original": {
581
- "value": "#fff7e5",
582
- "scssColorFunction": "lighten($mds-color-status-info-base,(95% - lightness($mds-color-status-info-base)))"
519
+ "value": "#fff7e5"
583
520
  },
584
521
  "name": "MdsColorStatusInfoLightest",
585
522
  "attributes": {
@@ -597,10 +534,8 @@ module.exports = {
597
534
  },
598
535
  "dark": {
599
536
  "value": "#f4aa08",
600
- "scssColorFunction": "darken($mds-color-status-info-base,10%)",
601
537
  "original": {
602
- "value": "#f4aa08",
603
- "scssColorFunction": "darken($mds-color-status-info-base,10%)"
538
+ "value": "#f4aa08"
604
539
  },
605
540
  "name": "MdsColorStatusInfoDark",
606
541
  "attributes": {
@@ -618,10 +553,8 @@ module.exports = {
618
553
  },
619
554
  "darkest": {
620
555
  "value": "#d99500",
621
- "scssColorFunction": "darken($mds-color-status-info-base,(lightness($mds-color-status-info-base) - 12%))",
622
556
  "original": {
623
- "value": "#d99500",
624
- "scssColorFunction": "darken($mds-color-status-info-base,(lightness($mds-color-status-info-base) - 12%))"
557
+ "value": "#d99500"
625
558
  },
626
559
  "name": "MdsColorStatusInfoDarkest",
627
560
  "attributes": {
@@ -636,6 +569,25 @@ module.exports = {
636
569
  "info",
637
570
  "darkest"
638
571
  ]
572
+ },
573
+ "base": {
574
+ "value": "#ffb411",
575
+ "original": {
576
+ "value": "#ffb411"
577
+ },
578
+ "name": "MdsColorStatusInfoBase",
579
+ "attributes": {
580
+ "category": "color",
581
+ "type": "status",
582
+ "item": "info",
583
+ "subitem": "base"
584
+ },
585
+ "path": [
586
+ "color",
587
+ "status",
588
+ "info",
589
+ "base"
590
+ ]
639
591
  }
640
592
  }
641
593
  },
@@ -1,39 +1,39 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 07 Nov 2019 11:36:58 GMT
4
+ Generated on Tue, 12 Nov 2019 14:32:12 GMT
5
5
  */
6
6
 
7
+ $mds-color-brand-1-light: #2990e0 !default;
8
+ $mds-color-brand-1-lightest: #e9f3fc !default;
9
+ $mds-color-brand-1-dark: #15598e !default;
10
+ $mds-color-brand-1-darkest: #082135 !default;
7
11
  $mds-color-brand-1-base: #1b75bb !default;
8
- $mds-color-brand-1-light: lighten($mds-color-brand-1-base,10%) !default;
9
- $mds-color-brand-1-lightest: lighten($mds-color-brand-1-base,(95% - lightness($mds-color-brand-1-base))) !default;
10
- $mds-color-brand-1-dark: darken($mds-color-brand-1-base,10%) !default;
11
- $mds-color-brand-1-darkest: darken($mds-color-brand-1-base,(lightness($mds-color-brand-1-base) - 12%)) !default;
12
+ $mds-color-brand-2-light: #f3c03f !default;
13
+ $mds-color-brand-2-lightest: #fdf7e7 !default;
14
+ $mds-color-brand-2-dark: #c28d0c !default;
15
+ $mds-color-brand-2-darkest: #3a2a04 !default;
12
16
  $mds-color-brand-2-base: #f0af11 !default;
13
- $mds-color-brand-2-light: lighten($mds-color-brand-2-base,10%) !default;
14
- $mds-color-brand-2-lightest: lighten($mds-color-brand-2-base,(95% - lightness($mds-color-brand-2-base))) !default;
15
- $mds-color-brand-2-dark: darken($mds-color-brand-2-base,10%) !default;
16
- $mds-color-brand-2-darkest: darken($mds-color-brand-2-base,(lightness($mds-color-brand-2-base) - 12%)) !default;
17
+ $mds-color-brand-3-light: #24e6d7 !default;
18
+ $mds-color-brand-3-lightest: #e8fcfb !default;
19
+ $mds-color-brand-3-dark: #119389 !default;
20
+ $mds-color-brand-3-darkest: #063733 !default;
17
21
  $mds-color-brand-3-base: #16c1b4 !default;
18
- $mds-color-brand-3-light: lighten($mds-color-brand-3-base,10%) !default;
19
- $mds-color-brand-3-lightest: lighten($mds-color-brand-3-base,(95% - lightness($mds-color-brand-3-base))) !default;
20
- $mds-color-brand-3-dark: darken($mds-color-brand-3-base,10%) !default;
21
- $mds-color-brand-3-darkest: darken($mds-color-brand-3-base,(lightness($mds-color-brand-3-base) - 12%)) !default;
22
+ $mds-color-status-error-light: #fd0826 !default;
23
+ $mds-color-status-error-lightest: #ffe3e6 !default;
24
+ $mds-color-status-error-dark: #d0021b !default;
25
+ $mds-color-status-error-darkest: #ae0216 !default;
22
26
  $mds-color-status-error-base: #e1021d !default;
23
- $mds-color-status-error-light: lighten($mds-color-status-error-base,10%) !default;
24
- $mds-color-status-error-lightest: lighten($mds-color-status-error-base,(95% - lightness($mds-color-status-error-base))) !default;
25
- $mds-color-status-error-dark: darken($mds-color-status-error-base,10%) !default;
26
- $mds-color-status-error-darkest: darken($mds-color-status-error-base,(lightness($mds-color-status-error-base) - 12%)) !default;
27
+ $mds-color-status-success-light: #6ac52d !default;
28
+ $mds-color-status-success-lightest: #f0faea !default;
29
+ $mds-color-status-success-dark: #549b24 !default;
30
+ $mds-color-status-success-darkest: #45801d !default;
27
31
  $mds-color-status-success-base: #5ba927 !default;
28
- $mds-color-status-success-light: lighten($mds-color-status-success-base,10%) !default;
29
- $mds-color-status-success-lightest: lighten($mds-color-status-success-base,(95% - lightness($mds-color-status-success-base))) !default;
30
- $mds-color-status-success-dark: darken($mds-color-status-success-base,10%) !default;
31
- $mds-color-status-success-darkest: darken($mds-color-status-success-base,(lightness($mds-color-status-success-base) - 12%)) !default;
32
+ $mds-color-status-info-light: #ffc442 !default;
33
+ $mds-color-status-info-lightest: #fff7e5 !default;
34
+ $mds-color-status-info-dark: #f4aa08 !default;
35
+ $mds-color-status-info-darkest: #d99500 !default;
32
36
  $mds-color-status-info-base: #ffb411 !default;
33
- $mds-color-status-info-light: lighten($mds-color-status-info-base,10%) !default;
34
- $mds-color-status-info-lightest: lighten($mds-color-status-info-base,(95% - lightness($mds-color-status-info-base))) !default;
35
- $mds-color-status-info-dark: darken($mds-color-status-info-base,10%) !default;
36
- $mds-color-status-info-darkest: darken($mds-color-status-info-base,(lightness($mds-color-status-info-base) - 12%)) !default;
37
37
  $mds-color-background-body: #ffffff !default;
38
38
  $mds-color-background-site-container: #f8f8f8 !default;
39
39
  $mds-color-background-surface: #ffffff !default;
@@ -48,11 +48,11 @@ $mds-color-text-invert: #ffffff !default;
48
48
  $mds-color-text-headers: #222222 !default;
49
49
  $mds-color-border: #dddddd !default;
50
50
  $mds-color-button-bg-base: #f0af11 !default;
51
- $mds-color-button-bg-hover: lighten($mds-color-brand-2-base,10%) !default;
51
+ $mds-color-button-bg-hover: #f3c03f !default;
52
52
  $mds-color-button-text-base: #ffffff !default;
53
53
  $mds-color-button-text-hover: #ffffff !default;
54
54
  $mds-color-link-base: #1b75bb !default;
55
- $mds-color-link-hover: darken($mds-color-brand-1-base,10%) !default;
55
+ $mds-color-link-hover: #15598e !default;
56
56
  $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
57
57
  $mds-font-family-heading-1: "Helvetica", Arial, sans-serif !default;
58
58
  $mds-font-family-heading-2: "Helvetica", Arial, sans-serif !default;
@@ -172,48 +172,48 @@ $tokens: (
172
172
  'color': (
173
173
  'brand': (
174
174
  '1': (
175
- 'base': $mds-color-brand-1-base,
176
175
  'light': $mds-color-brand-1-light,
177
176
  'lightest': $mds-color-brand-1-lightest,
178
177
  'dark': $mds-color-brand-1-dark,
179
- 'darkest': $mds-color-brand-1-darkest
178
+ 'darkest': $mds-color-brand-1-darkest,
179
+ 'base': $mds-color-brand-1-base
180
180
  ),
181
181
  '2': (
182
- 'base': $mds-color-brand-2-base,
183
182
  'light': $mds-color-brand-2-light,
184
183
  'lightest': $mds-color-brand-2-lightest,
185
184
  'dark': $mds-color-brand-2-dark,
186
- 'darkest': $mds-color-brand-2-darkest
185
+ 'darkest': $mds-color-brand-2-darkest,
186
+ 'base': $mds-color-brand-2-base
187
187
  ),
188
188
  '3': (
189
- 'base': $mds-color-brand-3-base,
190
189
  'light': $mds-color-brand-3-light,
191
190
  'lightest': $mds-color-brand-3-lightest,
192
191
  'dark': $mds-color-brand-3-dark,
193
- 'darkest': $mds-color-brand-3-darkest
192
+ 'darkest': $mds-color-brand-3-darkest,
193
+ 'base': $mds-color-brand-3-base
194
194
  )
195
195
  ),
196
196
  'status': (
197
197
  'error': (
198
- 'base': $mds-color-status-error-base,
199
198
  'light': $mds-color-status-error-light,
200
199
  'lightest': $mds-color-status-error-lightest,
201
200
  'dark': $mds-color-status-error-dark,
202
- 'darkest': $mds-color-status-error-darkest
201
+ 'darkest': $mds-color-status-error-darkest,
202
+ 'base': $mds-color-status-error-base
203
203
  ),
204
204
  'success': (
205
- 'base': $mds-color-status-success-base,
206
205
  'light': $mds-color-status-success-light,
207
206
  'lightest': $mds-color-status-success-lightest,
208
207
  'dark': $mds-color-status-success-dark,
209
- 'darkest': $mds-color-status-success-darkest
208
+ 'darkest': $mds-color-status-success-darkest,
209
+ 'base': $mds-color-status-success-base
210
210
  ),
211
211
  'info': (
212
- 'base': $mds-color-status-info-base,
213
212
  'light': $mds-color-status-info-light,
214
213
  'lightest': $mds-color-status-info-lightest,
215
214
  'dark': $mds-color-status-info-dark,
216
- 'darkest': $mds-color-status-info-darkest
215
+ 'darkest': $mds-color-status-info-darkest,
216
+ 'base': $mds-color-status-info-base
217
217
  )
218
218
  ),
219
219
  'background': (