@madgex/design-system 5.0.1-alpha.1 → 5.1.0-alpha.0

package/dist/_tokens/css/_tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Jun 2022 10:01:02 GMT
+ * Generated on Thu, 30 Jun 2022 11:35:11 GMT
  */
 
 :root {
@@ -76,6 +76,14 @@
   --mds-color-input-focus: #5092fd;
   --mds-color-input-disabled-label: rgba(84, 84, 84, 0.5);
   --mds-color-input-disabled-field: rgba(176, 176, 176, 0.5);
+  --mds-color-pill-bg-base: #1b75bb;
+  --mds-color-pill-bg-hover: #2990e0;
+  --mds-color-pill-text-base: #ffffff;
+  --mds-color-pill-text-hover: #ffffff;
+  --mds-custom-badge-1-background: #000000;
+  --mds-custom-badge-1-color: #fff;
+  --mds-custom-badge-2-background: #40791B;
+  --mds-custom-badge-2-color: #fff;
   --mds-shadow-base: 0 2px 5px 0 #dddddd;
   --mds-shadow-site-container: none;
   --mds-shadow-main: none;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 22 Jun 2022 10:01:02 GMT
+ * Generated on Thu, 30 Jun 2022 11:35:11 GMT
  */
 
 module.exports = {
@@ -1534,6 +1534,188 @@ module.exports = {
           ]
         }
       }
+    },
+    "pill": {
+      "bg": {
+        "base": {
+          "value": "#1b75bb",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/color.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.brand.1.base.value}"
+          },
+          "name": "MdsColorPillBgBase",
+          "attributes": {
+            "category": "color",
+            "type": "pill",
+            "item": "bg",
+            "subitem": "base"
+          },
+          "path": [
+            "color",
+            "pill",
+            "bg",
+            "base"
+          ]
+        },
+        "hover": {
+          "value": "#2990e0",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/color.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.brand.1.light.value}"
+          },
+          "name": "MdsColorPillBgHover",
+          "attributes": {
+            "category": "color",
+            "type": "pill",
+            "item": "bg",
+            "subitem": "hover"
+          },
+          "path": [
+            "color",
+            "pill",
+            "bg",
+            "hover"
+          ]
+        }
+      },
+      "text": {
+        "base": {
+          "value": "#ffffff",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/color.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff"
+          },
+          "name": "MdsColorPillTextBase",
+          "attributes": {
+            "category": "color",
+            "type": "pill",
+            "item": "text",
+            "subitem": "base"
+          },
+          "path": [
+            "color",
+            "pill",
+            "text",
+            "base"
+          ]
+        },
+        "hover": {
+          "value": "#ffffff",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/color.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.pill.text.base.value}"
+          },
+          "name": "MdsColorPillTextHover",
+          "attributes": {
+            "category": "color",
+            "type": "pill",
+            "item": "text",
+            "subitem": "hover"
+          },
+          "path": [
+            "color",
+            "pill",
+            "text",
+            "hover"
+          ]
+        }
+      }
+    }
+  },
+  "custom": {
+    "badge": {
+      "1": {
+        "background": {
+          "value": "#000000",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/custom.json",
+          "isSource": true,
+          "original": {
+            "value": "{color.neutral.black.value}"
+          },
+          "name": "MdsCustomBadge1Background",
+          "attributes": {
+            "category": "custom",
+            "type": "badge",
+            "item": "1",
+            "subitem": "background"
+          },
+          "path": [
+            "custom",
+            "badge",
+            "1",
+            "background"
+          ]
+        },
+        "color": {
+          "value": "#fff",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/custom.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff"
+          },
+          "name": "MdsCustomBadge1Color",
+          "attributes": {
+            "category": "custom",
+            "type": "badge",
+            "item": "1",
+            "subitem": "color"
+          },
+          "path": [
+            "custom",
+            "badge",
+            "1",
+            "color"
+          ]
+        }
+      },
+      "2": {
+        "background": {
+          "value": "#40791B",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/custom.json",
+          "isSource": true,
+          "original": {
+            "value": "#40791B"
+          },
+          "name": "MdsCustomBadge2Background",
+          "attributes": {
+            "category": "custom",
+            "type": "badge",
+            "item": "2",
+            "subitem": "background"
+          },
+          "path": [
+            "custom",
+            "badge",
+            "2",
+            "background"
+          ]
+        },
+        "color": {
+          "value": "#fff",
+          "filePath": "/Users/rphipps/Repos/madgex-design-system/packages/@madgex.design-system/src/tokens/custom.json",
+          "isSource": true,
+          "original": {
+            "value": "#fff"
+          },
+          "name": "MdsCustomBadge2Color",
+          "attributes": {
+            "category": "custom",
+            "type": "badge",
+            "item": "2",
+            "subitem": "color"
+          },
+          "path": [
+            "custom",
+            "badge",
+            "2",
+            "color"
+          ]
+        }
+      }
     }
   },
   "shadow": {

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /**
  * Do not edit directly
- * Generated on Wed, 22 Jun 2022 10:01:02 GMT
+ * Generated on Thu, 30 Jun 2022 11:35:11 GMT
  */
 
 $mds-color-brand-1-light: #2990e0 !default;
@@ -76,6 +76,14 @@ $mds-color-input-border: #949494 !default;
 $mds-color-input-focus: #5092fd !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-color-pill-bg-base: #1b75bb !default;
+$mds-color-pill-bg-hover: #2990e0 !default;
+$mds-color-pill-text-base: #ffffff !default;
+$mds-color-pill-text-hover: #ffffff !default;
+$mds-custom-badge-1-background: #000000 !default;
+$mds-custom-badge-1-color: #fff !default;
+$mds-custom-badge-2-background: #40791B !default;
+$mds-custom-badge-2-color: #fff !default;
 $mds-shadow-base: 0 2px 5px 0 #dddddd !default;
 $mds-shadow-site-container: none !default;
 $mds-shadow-main: none !default;
@@ -353,6 +361,28 @@ $tokens: (
         'label': $mds-color-input-disabled-label,
         'field': $mds-color-input-disabled-field
       )
+    ),
+    'pill': (
+      'bg': (
+        'base': $mds-color-pill-bg-base,
+        'hover': $mds-color-pill-bg-hover
+      ),
+      'text': (
+        'base': $mds-color-pill-text-base,
+        'hover': $mds-color-pill-text-hover
+      )
+    )
+  ),
+  'custom': (
+    'badge': (
+      '1': (
+        'background': $mds-custom-badge-1-background,
+        'color': $mds-custom-badge-1-color
+      ),
+      '2': (
+        'background': $mds-custom-badge-2-background,
+        'color': $mds-custom-badge-2-color
+      )
     )
   ),
   'shadow': (

package/dist/assets/icons.json

@@ -1 +1 @@
-[{"name":"asterisk"},{"name":"calendar"},{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"cross"},{"name":"close"},{"name":"doc-pdf"},{"name":"doc"},{"name":"email"},{"name":"external"},{"name":"job"},{"name":"location-pin"},{"name":"minus"},{"name":"menu"},{"name":"plus-small"},{"name":"plus"},{"name":"chevron-up"},{"name":"question-mark"},{"name":"search"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-pinterest"},{"name":"social-reddit"},{"name":"social-twitter"},{"name":"spinner"},{"name":"star-fill"},{"name":"star-outline"},{"name":"upload"},{"name":"user"}]
+[{"name":"asterisk"},{"name":"calendar"},{"name":"check"},{"name":"chevron-down"},{"name":"chevron-left"},{"name":"chevron-right"},{"name":"chevron-up"},{"name":"close"},{"name":"doc-pdf"},{"name":"doc"},{"name":"cross"},{"name":"email"},{"name":"job"},{"name":"menu"},{"name":"minus"},{"name":"plus-small"},{"name":"location-pin"},{"name":"plus"},{"name":"search"},{"name":"question-mark"},{"name":"external"},{"name":"social-facebook"},{"name":"social-linkedin"},{"name":"social-pinterest"},{"name":"social-reddit"},{"name":"social-twitter"},{"name":"star-fill"},{"name":"upload"},{"name":"user"},{"name":"spinner"},{"name":"star-outline"}]