@madgex/design-system 1.15.0 → 1.15.2

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.
Files changed (7) hide show
  1. package/dist/_tokens/css/_tokens.css +5 -4
  2. package/dist/_tokens/js/_tokens-module.js +23 -6
  3. package/dist/_tokens/scss/_tokens.scss +6 -4
  4. package/dist/css/index.css +551 -551
  5. package/package.json +1 -1
  6. package/src/scss/helpers/_spacing.scss +7 -0
  7. package/src/tokens/color.json +3 -2
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 11 Jul 2019 14:20:25 GMT
3
+ * Generated on Thu, 11 Jul 2019 15:30:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -20,16 +20,17 @@
20
20
  --mds-color-brand-3-dark: #119389;
21
21
  --mds-color-brand-3-darkest: #063733;
22
22
  --mds-color-background-body: #ffffff;
23
- --mds-color-background-site-container: #f0f0f0;
23
+ --mds-color-background-site-container: #f8f8f8;
24
24
  --mds-color-background-surface: #ffffff;
25
25
  --mds-color-neutral-white: #ffffff;
26
26
  --mds-color-neutral-black: #000000;
27
27
  --mds-color-neutral-base: #979797;
28
- --mds-color-neutral-lightest: #f0f0f0;
28
+ --mds-color-neutral-lighter: #dddddd;
29
+ --mds-color-neutral-lightest: #f8f8f8;
29
30
  --mds-color-neutral-darker: #333333;
30
31
  --mds-color-text-base: #222222;
31
32
  --mds-color-text-invert: #ffffff;
32
- --mds-color-border: #979797;
33
+ --mds-color-border: #dddddd;
33
34
  --mds-font-family-base: "Helvetica", Arial, sans-serif;
34
35
  --mds-font-size-base: 16px;
35
36
  --mds-font-type-canon-default-size: 28px;
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 11 Jul 2019 14:20:25 GMT
3
+ * Generated on Thu, 11 Jul 2019 15:30:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -341,7 +341,7 @@ module.exports = {
341
341
  ]
342
342
  },
343
343
  "site-container": {
344
- "value": "#f0f0f0",
344
+ "value": "#f8f8f8",
345
345
  "original": {
346
346
  "value": "{color.neutral.lightest.value}"
347
347
  },
@@ -427,10 +427,27 @@ module.exports = {
427
427
  "base"
428
428
  ]
429
429
  },
430
+ "lighter": {
431
+ "value": "#dddddd",
432
+ "original": {
433
+ "value": "#DDDDDD"
434
+ },
435
+ "name": "MdsColorNeutralLighter",
436
+ "attributes": {
437
+ "category": "color",
438
+ "type": "neutral",
439
+ "item": "lighter"
440
+ },
441
+ "path": [
442
+ "color",
443
+ "neutral",
444
+ "lighter"
445
+ ]
446
+ },
430
447
  "lightest": {
431
- "value": "#f0f0f0",
448
+ "value": "#f8f8f8",
432
449
  "original": {
433
- "value": "#F0F0F0"
450
+ "value": "#F8F8F8"
434
451
  },
435
452
  "name": "MdsColorNeutralLightest",
436
453
  "attributes": {
@@ -499,9 +516,9 @@ module.exports = {
499
516
  }
500
517
  },
501
518
  "border": {
502
- "value": "#979797",
519
+ "value": "#dddddd",
503
520
  "original": {
504
- "value": "{color.neutral.base.value}"
521
+ "value": "{color.neutral.lighter.value}"
505
522
  },
506
523
  "name": "MdsColorBorder",
507
524
  "attributes": {
package/dist/_tokens/scss/_tokens.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 11 Jul 2019 14:20:25 GMT
4
+ Generated on Thu, 11 Jul 2019 15:30:24 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-base: #1b75bb !default;
@@ -20,16 +20,17 @@ $mds-color-brand-3-lightest: lighten($mds-color-brand-3-base,(95% - lightness($m
20
20
  $mds-color-brand-3-dark: darken($mds-color-brand-3-base,10%) !default;
21
21
  $mds-color-brand-3-darkest: darken($mds-color-brand-3-base,(lightness($mds-color-brand-3-base) - 12%)) !default;
22
22
  $mds-color-background-body: #ffffff !default;
23
- $mds-color-background-site-container: #f0f0f0 !default;
23
+ $mds-color-background-site-container: #f8f8f8 !default;
24
24
  $mds-color-background-surface: #ffffff !default;
25
25
  $mds-color-neutral-white: #ffffff !default;
26
26
  $mds-color-neutral-black: #000000 !default;
27
27
  $mds-color-neutral-base: #979797 !default;
28
- $mds-color-neutral-lightest: #f0f0f0 !default;
28
+ $mds-color-neutral-lighter: #dddddd !default;
29
+ $mds-color-neutral-lightest: #f8f8f8 !default;
29
30
  $mds-color-neutral-darker: #333333 !default;
30
31
  $mds-color-text-base: #222222 !default;
31
32
  $mds-color-text-invert: #ffffff !default;
32
- $mds-color-border: #979797 !default;
33
+ $mds-color-border: #dddddd !default;
33
34
  $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
34
35
  $mds-font-size-base: 16px !default;
35
36
  $mds-font-type-canon-default-size: 28px !default;
@@ -162,6 +163,7 @@ $tokens: (
162
163
  'white': $mds-color-neutral-white,
163
164
  'black': $mds-color-neutral-black,
164
165
  'base': $mds-color-neutral-base,
166
+ 'lighter': $mds-color-neutral-lighter,
165
167
  'lightest': $mds-color-neutral-lightest,
166
168
  'darker': $mds-color-neutral-darker
167
169
  ),