@madgex/design-system 1.21.5 → 1.21.6

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 (8) hide show
  1. package/dist/_tokens/css/_tokens.css +3 -2
  2. package/dist/_tokens/js/_tokens-module.js +20 -3
  3. package/dist/_tokens/scss/_tokens.scss +5 -3
  4. package/dist/css/index.css +14 -4
  5. package/package.json +1 -1
  6. package/src/components/tabs/tabs.scss +1 -1
  7. package/src/scss/core/_typography.scss +10 -0
  8. package/src/tokens/color.json +4 -1
package/dist/_tokens/css/_tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2019 17:23:54 GMT
3
+ * Generated on Fri, 16 Aug 2019 09:00:35 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -43,8 +43,9 @@
43
43
  --mds-color-neutral-lighter: #dddddd;
44
44
  --mds-color-neutral-lightest: #f8f8f8;
45
45
  --mds-color-neutral-darker: #333333;
46
- --mds-color-text-base: #222222;
46
+ --mds-color-text-base: #343433;
47
47
  --mds-color-text-invert: #ffffff;
48
+ --mds-color-text-headers: #222222;
48
49
  --mds-color-border: #dddddd;
49
50
  --mds-font-family-base: "Helvetica", Arial, sans-serif;
50
51
  --mds-font-size-base: 16px;
package/dist/_tokens/js/_tokens-module.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2019 17:23:54 GMT
3
+ * Generated on Fri, 16 Aug 2019 09:00:35 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -798,9 +798,9 @@ module.exports = {
798
798
  },
799
799
  "text": {
800
800
  "base": {
801
- "value": "#222222",
801
+ "value": "#343433",
802
802
  "original": {
803
- "value": "#222"
803
+ "value": "#343433"
804
804
  },
805
805
  "name": "MdsColorTextBase",
806
806
  "attributes": {
@@ -830,6 +830,23 @@ module.exports = {
830
830
  "text",
831
831
  "invert"
832
832
  ]
833
+ },
834
+ "headers": {
835
+ "value": "#222222",
836
+ "original": {
837
+ "value": "#222222"
838
+ },
839
+ "name": "MdsColorTextHeaders",
840
+ "attributes": {
841
+ "category": "color",
842
+ "type": "text",
843
+ "item": "headers"
844
+ },
845
+ "path": [
846
+ "color",
847
+ "text",
848
+ "headers"
849
+ ]
833
850
  }
834
851
  },
835
852
  "border": {
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, 15 Aug 2019 17:23:54 GMT
4
+ Generated on Fri, 16 Aug 2019 09:00:35 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-base: #1b75bb !default;
@@ -43,8 +43,9 @@ $mds-color-neutral-base: #979797 !default;
43
43
  $mds-color-neutral-lighter: #dddddd !default;
44
44
  $mds-color-neutral-lightest: #f8f8f8 !default;
45
45
  $mds-color-neutral-darker: #333333 !default;
46
- $mds-color-text-base: #222222 !default;
46
+ $mds-color-text-base: #343433 !default;
47
47
  $mds-color-text-invert: #ffffff !default;
48
+ $mds-color-text-headers: #222222 !default;
48
49
  $mds-color-border: #dddddd !default;
49
50
  $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
50
51
  $mds-font-size-base: 16px !default;
@@ -220,7 +221,8 @@ $tokens: (
220
221
  ),
221
222
  'text': (
222
223
  'base': $mds-color-text-base,
223
- 'invert': $mds-color-text-invert
224
+ 'invert': $mds-color-text-invert,
225
+ 'headers': $mds-color-text-headers
224
226
  ),
225
227
  'border': $mds-color-border
226
228
  ),
package/dist/css/index.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  Do not edit directly
3
- Generated on Thu, 15 Aug 2019 17:23:54 GMT
3
+ Generated on Fri, 16 Aug 2019 09:00:35 GMT
4
4
  */
5
5
  html,
6
6
  body,
@@ -464,6 +464,16 @@ img {
464
464
 
465
465
  body {
466
466
  font-family: "Helvetica", Arial, sans-serif;
467
+ color: #343433;
468
+ }
469
+
470
+ h1,
471
+ h2,
472
+ h3,
473
+ h4,
474
+ h5,
475
+ h6,
476
+ dl dt {
467
477
  color: #222222;
468
478
  }
469
479
 
@@ -1456,7 +1466,7 @@ body {
1456
1466
  width: 100%;
1457
1467
  display: inline-block;
1458
1468
  text-align: center;
1459
- color: #222222;
1469
+ color: #343433;
1460
1470
  line-height: 1.15;
1461
1471
  }
1462
1472
 
@@ -1468,13 +1478,13 @@ body {
1468
1478
 
1469
1479
  .mds-button:link, .mds-button:visited, .mds-button:active {
1470
1480
  text-decoration: none;
1471
- color: #222222;
1481
+ color: #343433;
1472
1482
  }
1473
1483
 
1474
1484
  .mds-button:hover, .mds-button:focus {
1475
1485
  background-color: #f3bf41;
1476
1486
  text-decoration: none;
1477
- color: #222222;
1487
+ color: #343433;
1478
1488
  }
1479
1489
 
1480
1490
  .mds-card {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madgex/design-system",
3
- "version": "1.21.5",
3
+ "version": "1.21.6",
4
4
  "scripts": {
5
5
  "clean": "rimraf dist public tokens/build",
6
6
  "commit": "commit",
package/src/components/tabs/tabs.scss CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  .js .mds-tabs__tab.mds-tabs__tab--selected {
34
34
  border-bottom: 6px solid $mds-color-brand-1-base;
35
- color: $mds-color-text-base;
35
+ color: $mds-color-text-headers;
36
36
  }
37
37
 
38
38
  .js .mds-tabs__panel {
package/src/scss/core/_typography.scss CHANGED
@@ -19,3 +19,13 @@ h3 {
19
19
  h4 {
20
20
  @extend .mds-font-body-copy;
21
21
  }
22
+
23
+ h1,
24
+ h2,
25
+ h3,
26
+ h4,
27
+ h5,
28
+ h6,
29
+ dl dt {
30
+ color: $mds-color-text-headers;
31
+ }
package/src/tokens/color.json CHANGED
@@ -133,10 +133,13 @@
133
133
  },
134
134
  "text": {
135
135
  "base": {
136
- "value": "#222"
136
+ "value": "#343433"
137
137
  },
138
138
  "invert": {
139
139
  "value": "{color.neutral.white.value}"
140
+ },
141
+ "headers": {
142
+ "value": "#222222"
140
143
  }
141
144
  },
142
145
  "border": {