@madgex/design-system 2.2.1 → 2.4.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "2.2.1",
+  "version": "2.4.0",
   "scripts": {
     "clean": "rimraf dist public tokens/build",
     "commit": "commit",

package/src/components/icons/icons.njk

@@ -65,6 +65,22 @@
       }) -}}
       </a>
     </li>
+    <li class="mds-list__item">
+      <a href="#">
+      {{- MdsIcon({
+        iconName: 'social-pinterest',
+        visuallyHiddenLabel: 'Pinterest'
+      }) -}}
+      </a>
+    </li>
+    <li class="mds-list__item">
+      <a href="#">
+      {{- MdsIcon({
+        iconName: 'social-reddit',
+        visuallyHiddenLabel: 'Reddit'
+      }) -}}
+      </a>
+    </li>
   </ul>
 </div>
 

package/src/icons/social-pinterest.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icon/32/Social/Pinterest</title>
+    <g id="Icon/32/Social/Pinterest" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="streamline-icon-social-pinterest@140x140" transform="translate(3.000000, 0.000000)" fill="#000000" fill-rule="nonzero">
+            <path d="M4.79281437,28.5534298 C4.82339536,28.76723 4.98035666,28.9427283 5.19221557,29 L5.34371257,29 C5.54376454,28.9937426 5.72842602,28.8929408 5.83952096,28.7293514 C7.16655774,27.1169659 8.18815686,25.2835506 8.85568862,23.3163789 C8.97964072,22.8698087 9.39281437,21.2594494 9.69580838,20.1091927 C9.72559756,19.9978586 9.81095981,19.9090485 9.92238221,19.8734673 C10.0338046,19.8378862 10.1559946,19.8604174 10.2467066,19.9332711 C11.2407642,20.7004927 12.4670869,21.119606 13.7311377,21.1241251 C19.1023952,21.1241251 23,16.2930471 23,9.64862343 C23,4.89874008 18.9508982,0 12.1748503,0 C4.61377246,0.0405972935 0,5.37237517 0,10.4741017 C0,13.6542231 1.37724551,16.0900607 3.60838323,16.9967336 C3.86327264,17.1199764 4.16214493,17.1190445 4.41623311,16.9942145 C4.67032129,16.8693845 4.85040345,16.6350128 4.90299401,16.3607093 L5.23353293,15.0074662 C5.39799306,14.578955 5.27764172,14.0951892 4.93053892,13.7895474 C4.23439125,12.9523188 3.87647919,11.8924781 3.9251497,10.8124125 C3.91251059,8.79437576 4.73897142,6.85875506 6.21320881,5.45364121 C7.6874462,4.04852736 9.68163705,3.29575013 11.7341317,3.36957536 C15.7694611,3.36957536 18.2760479,5.62949137 18.2760479,9.26971535 C18.2760479,14.0060663 16.1688623,17.5786281 13.3730539,17.5786281 C12.6672542,17.615795 11.9810905,17.3431384 11.5,16.8343444 C11.0806498,16.3056577 10.9378947,15.614341 11.1143713,14.9668689 C11.2934132,14.2361176 11.5275449,13.4783014 11.7616766,12.7340177 C12.1918134,11.5703268 12.4604955,10.3550183 12.560479,9.12085861 C12.6234826,8.41431513 12.376846,7.71490234 11.8824572,7.19812294 C11.3880685,6.68134355 10.692852,6.39624707 9.97125749,6.41437238 C7.98802395,6.41437238 6.44550898,8.34951003 6.44550898,10.8936071 C6.44444133,11.7203866 6.59369167,12.5407058 6.88622754,13.3159123 C6.92568412,13.4438533 6.92568412,13.5804117 6.88622754,13.7083528 L4.84790419,22.2473168 C4.45425776,24.3300046 4.43561173,26.4644093 4.79281437,28.5534298 L4.79281437,28.5534298 Z" id="Path"></path>
+        </g>
+    </g>
+</svg>

package/src/icons/social-reddit.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="29px" height="29px" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icon/32/Social/Reddit</title>
+    <g id="Icon/32/Social/Reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="streamline-icon-social-media-reddit@140x140" transform="translate(0.000000, 3.000000)" fill="#000000" fill-rule="nonzero">
+            <path d="M28.9999731,10.7799568 C28.9931743,9.27272432 27.9829554,7.93982578 26.4945632,7.47431572 C25.0061709,7.00880565 23.3756488,7.51578509 22.4508037,8.73164476 C20.316401,7.50728515 17.900211,6.81153123 15.4183299,6.70660902 C15.4908296,5.47296656 15.8654116,3.33154946 17.0858237,2.65653755 C17.8470709,2.23756464 18.9587334,2.43541296 20.3603948,3.19189183 C20.5100026,4.60673195 21.703457,5.70792353 23.1774795,5.79119494 C24.6515019,5.87446636 25.9704316,4.91520599 26.2907415,3.52691276 C26.6110514,2.13861953 25.8380711,0.731616189 24.4661633,0.205757529 C23.0942555,-0.320101131 21.5289001,0.190607224 20.7712266,1.41125696 C19.3921635,0.561942838 17.6549274,0.460668041 16.1795771,1.14357982 C14.040835,2.30739346 13.6541698,5.39149961 13.5937534,6.70660902 C11.1078255,6.81010611 8.68736888,7.5058931 6.54919632,8.73164476 C5.62435124,7.51578509 3.99382905,7.00880565 2.50543684,7.47431572 C1.01704463,7.93982578 0.00682574927,9.27272432 2.69158917e-05,10.7799568 C-0.00588781605,12.2645104 0.963510504,13.5903437 2.41671173,14.0851875 C2.39914765,14.3409471 2.39914765,14.5975449 2.41671173,14.8533045 C2.41671173,19.3456252 7.84210816,23 14.5,23 C21.1578918,23 26.5832883,19.3456252 26.5832883,14.8533045 C26.6008524,14.5975449 26.6008524,14.3409471 26.5832883,14.0851875 C28.0364895,13.5903437 29.0058878,12.2645104 28.9999731,10.7799568 Z M7.85419145,13.107584 C7.85419145,12.1434493 8.66567232,11.3618636 9.66668469,11.3618636 C10.6676971,11.3618636 11.4791779,12.1434493 11.4791779,13.107584 C11.4791779,14.0717188 10.6676971,14.8533045 9.66668469,14.8533045 C8.66567232,14.8533045 7.85419145,14.0717188 7.85419145,13.107584 Z M19.2245657,18.9266523 C17.7788569,19.6971107 16.1522411,20.0977988 14.5,20.0904659 C12.8391832,20.1049625 11.202905,19.7039454 9.75126771,18.9266523 C9.3174957,18.6856185 9.16872423,18.151535 9.41897732,17.7337433 C9.6692304,17.3159516 10.2237423,17.1726608 10.6575143,17.4136945 C13.0647551,18.5913472 15.9110783,18.5913472 18.3183191,17.4136945 C18.7520911,17.1726608 19.306603,17.3159516 19.5568561,17.7337433 C19.8071092,18.151535 19.6583377,18.6856185 19.2245657,18.9266523 L19.2245657,18.9266523 Z M19.3333153,14.8533045 C18.3323029,14.8533045 17.5208221,14.0717188 17.5208221,13.107584 C17.5208221,12.1434493 18.3323029,11.3618636 19.3333153,11.3618636 C20.3343277,11.3618636 21.1458085,12.1434493 21.1458085,13.107584 C21.1458085,14.0717188 20.3343277,14.8533045 19.3333153,14.8533045 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>

package/src/scss/core/_containers.scss

@@ -135,6 +135,7 @@ $space-between-wrapper-and-edge: (100% - $mds-size-wrapper-width) / 2 + 0.01;
 .mds-ad-container {
   &.mds-ad-container--leaderboard {
     background: $mds-color-ad-container-leaderboard-background;
+    min-height: $mds-size-height-ad-container-leaderboard-min;
   }
   & > * {
     margin: 0 auto;

package/src/tokens/size.json

@@ -71,6 +71,15 @@
       "lg": { "value": "32px" },
       "xl": { "value": "48px" },
       "xxl": { "value": "72px" }
+    },
+    "height": {
+      "ad-container": {
+        "leaderboard": {
+          "min": {
+            "value": "0"
+          }
+        }
+      }
     }
   }
 }