@madgex/design-system 1.41.0 → 1.42.1

package/coverage/js/index.js.html

@@ -24,7 +24,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/4</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
@@ -45,7 +45,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/4</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
@@ -75,7 +75,9 @@
 <a name='L17'></a><a href='#L17'>17</a>
 <a name='L18'></a><a href='#L18'>18</a>
 <a name='L19'></a><a href='#L19'>19</a>
-<a name='L20'></a><a href='#L20'>20</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -89,6 +91,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -107,11 +111,13 @@ import './common';
 import tabs from '../components/tabs/tabs';
 import accordion from '../components/accordion/accordion';
 import popovers from '../components/popover/popover';
+import modals from '../components/modal/modal';
 &nbsp;
 <span class="cstat-no" title="statement not covered" >document.addEventListener('DOMContentLoaded', <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >  tabs.init();</span>
 <span class="cstat-no" title="statement not covered" >  accordion.init();</span>
 <span class="cstat-no" title="statement not covered" >  popovers.init();</span>
+<span class="cstat-no" title="statement not covered" >  modals.init();</span>
 });
 &nbsp;</pre></td></tr></table></pre>
 
@@ -120,7 +126,7 @@ import popovers from '../components/popover/popover';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/js/polyfills/closest.js.html

@@ -111,7 +111,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/index.html

@@ -109,7 +109,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/js/polyfills/remove.js.html

@@ -84,7 +84,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../../prettify.js"></script>

package/coverage/tokens/_config.js.html

@@ -552,7 +552,7 @@ const config = <span class="cstat-no" title="statement not covered" >{</span>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/coverage/tokens/index.html

@@ -94,7 +94,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank">istanbul</a>
-                at Fri Mar 20 2020 15:10:11 GMT+0000 (Greenwich Mean Time)
+                at Thu Mar 26 2020 16:45:25 GMT+0000 (Greenwich Mean Time)
             </div>
         </div>
         <script src="../prettify.js"></script>

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Mar 2020 15:10:33 GMT
+ * Generated on Thu, 26 Mar 2020 16:45:46 GMT
  */
 
 :root {
@@ -57,8 +57,13 @@
   --mds-color-branded-container-1-background: #1b75bb;
   --mds-color-branded-container-1-text: #ffffff;
   --mds-color-ad-container-leaderboard-background: #ffffff;
+  --mds-color-input-shadow-disabled: 0px 0px 0px 3px rgba(176, 176, 176, 0.5);
+  --mds-color-input-shadow-focus: 0px 0px 0px 3px #5092fd;
+  --mds-color-input-checked: #000000;
+  --mds-color-input-border: 1px solid #5C5C5C;
   --mds-color-input-focus: #5092fd;
-  --mds-color-input-disabled: #979797;
+  --mds-color-input-disabled-label: rgba(84, 84, 84, 0.5);
+  --mds-color-input-disabled-field: rgba(176, 176, 176, 0.5);
   --mds-font-family-base: "Helvetica", Arial, sans-serif;
   --mds-font-family-heading-1: "Helvetica", Arial, sans-serif;
   --mds-font-family-heading-2: "Helvetica", Arial, sans-serif;

package/dist/_tokens/js/_tokens-module.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 20 Mar 2020 15:10:33 GMT
+ * Generated on Thu, 26 Mar 2020 16:45:46 GMT
  */
 
 module.exports = {
@@ -1019,39 +1019,142 @@ module.exports = {
       }
     },
     "input": {
-      "focus": {
-        "value": "#5092fd",
+      "shadow": {
+        "disabled": {
+          "value": "0px 0px 0px 3px #b0b0b0",
+          "original": {
+            "value": "0px 0px 0px 3px {color.input.disabled.field.value}"
+          },
+          "name": "MdsColorInputShadowDisabled",
+          "attributes": {
+            "category": "color",
+            "type": "input",
+            "item": "shadow",
+            "subitem": "disabled"
+          },
+          "path": [
+            "color",
+            "input",
+            "shadow",
+            "disabled"
+          ]
+        },
+        "focus": {
+          "value": "0px 0px 0px 3px #5092fd",
+          "original": {
+            "value": "0px 0px 0px 3px {color.input.focus.value}"
+          },
+          "name": "MdsColorInputShadowFocus",
+          "attributes": {
+            "category": "color",
+            "type": "input",
+            "item": "shadow",
+            "subitem": "focus"
+          },
+          "path": [
+            "color",
+            "input",
+            "shadow",
+            "focus"
+          ]
+        }
+      },
+      "checked": {
+        "value": "#000000",
         "original": {
-          "value": "#5092fd"
+          "value": "{color.neutral.black.value}"
         },
-        "name": "MdsColorInputFocus",
+        "name": "MdsColorInputChecked",
         "attributes": {
           "category": "color",
           "type": "input",
-          "item": "focus"
+          "item": "checked"
         },
         "path": [
           "color",
           "input",
-          "focus"
+          "checked"
         ]
       },
-      "disabled": {
-        "value": "#979797",
+      "border": {
+        "color": {
+          "value": "#5C5C5C"
+        },
+        "value": "1px solid #5C5C5C",
+        "original": {
+          "color": {
+            "value": "#5C5C5C"
+          },
+          "value": "1px solid {color.input.border.color.value}"
+        },
+        "name": "MdsColorInputBorder",
+        "attributes": {
+          "category": "color",
+          "type": "input",
+          "item": "border"
+        },
+        "path": [
+          "color",
+          "input",
+          "border"
+        ]
+      },
+      "focus": {
+        "value": "#5092fd",
         "original": {
-          "value": "rgb(151, 151, 151)"
+          "value": "#5092fd"
         },
-        "name": "MdsColorInputDisabled",
+        "name": "MdsColorInputFocus",
         "attributes": {
           "category": "color",
           "type": "input",
-          "item": "disabled"
+          "item": "focus"
         },
         "path": [
           "color",
           "input",
-          "disabled"
+          "focus"
         ]
+      },
+      "disabled": {
+        "label": {
+          "value": "#545454",
+          "original": {
+            "value": "rgba(84, 84, 84, 0.5)"
+          },
+          "name": "MdsColorInputDisabledLabel",
+          "attributes": {
+            "category": "color",
+            "type": "input",
+            "item": "disabled",
+            "subitem": "label"
+          },
+          "path": [
+            "color",
+            "input",
+            "disabled",
+            "label"
+          ]
+        },
+        "field": {
+          "value": "#b0b0b0",
+          "original": {
+            "value": "rgba(176, 176, 176, 0.5)"
+          },
+          "name": "MdsColorInputDisabledField",
+          "attributes": {
+            "category": "color",
+            "type": "input",
+            "item": "disabled",
+            "subitem": "field"
+          },
+          "path": [
+            "color",
+            "input",
+            "disabled",
+            "field"
+          ]
+        }
       }
     }
   },

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Fri, 20 Mar 2020 15:10:33 GMT
+  Generated on Thu, 26 Mar 2020 16:45:46 GMT
 */
 
 $mds-color-brand-1-light: #2990e0 !default;
@@ -57,8 +57,13 @@ $mds-color-box-shadow-base: 0 2px 5px 0 #dddddd !default;
 $mds-color-branded-container-1-background: #1b75bb !default;
 $mds-color-branded-container-1-text: #ffffff !default;
 $mds-color-ad-container-leaderboard-background: #ffffff !default;
+$mds-color-input-shadow-disabled: 0px 0px 0px 3px rgba(176, 176, 176, 0.5) !default;
+$mds-color-input-shadow-focus: 0px 0px 0px 3px #5092fd !default;
+$mds-color-input-checked: #000000 !default;
+$mds-color-input-border: 1px solid #5C5C5C !default;
 $mds-color-input-focus: #5092fd !default;
-$mds-color-input-disabled: #979797 !default;
+$mds-color-input-disabled-label: rgba(84, 84, 84, 0.5) !default;
+$mds-color-input-disabled-field: rgba(176, 176, 176, 0.5) !default;
 $mds-font-family-base: "Helvetica", Arial, sans-serif !default;
 $mds-font-family-heading-1: "Helvetica", Arial, sans-serif !default;
 $mds-font-family-heading-2: "Helvetica", Arial, sans-serif !default;
@@ -271,8 +276,17 @@ $tokens: (
       )
     ),
     'input': (
+      'shadow': (
+        'disabled': $mds-color-input-shadow-disabled,
+        'focus': $mds-color-input-shadow-focus
+      ),
+      'checked': $mds-color-input-checked,
+      'border': $mds-color-input-border,
       'focus': $mds-color-input-focus,
-      'disabled': $mds-color-input-disabled
+      'disabled': (
+        'label': $mds-color-input-disabled-label,
+        'field': $mds-color-input-disabled-field
+      )
     )
   ),
   'font': (

package/dist/assets/icons.json

@@ -1 +1 @@
-[{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"cross"},{"name":"doc"},{"name":"doc-pdf"},{"name":"email"},{"name":"job"},{"name":"menu"},{"name":"question-mark"},{"name":"search"},{"name":"location-pin"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"}]
+[{"name":"check"},{"name":"chevron-down"},{"name":"chevron-right"},{"name":"chevron-left"},{"name":"chevron-up"},{"name":"cross"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"job"},{"name":"location-pin"},{"name":"menu"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"user"}]