@madgex/design-system 2.0.7 → 2.1.0

package/dist/_tokens/scss/_tokens.scss

@@ -1,7 +1,7 @@
 
 /*
   Do not edit directly
-  Generated on Wed, 21 Apr 2021 15:56:52 GMT
+  Generated on Fri, 07 May 2021 12:26:49 GMT
 */
 
 $mds-color-brand-1-light: #2990e0 !default;
@@ -67,17 +67,17 @@ $mds-color-button-border-hover-bottom: rgba(0, 0, 0, 0) !default;
 $mds-color-button-border-hover-left: rgba(0, 0, 0, 0) !default;
 $mds-color-link-base: #1b75bb !default;
 $mds-color-link-hover: #15598e !default;
-$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: #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-shadow-base: 0 2px 5px 0 #dddddd !default;
+$mds-shadow-site-container: none !default;
+$mds-shadow-main: none !default;
 $mds-email-color-link-base: #1b75bb !default;
 $mds-email-color-link-hover: #15598e !default;
 $mds-email-color-button-bg-base: #fa7c1e !default;
@@ -100,6 +100,32 @@ $mds-email-font-family-heading-3: "Helvetica", Arial, sans-serif !default;
 $mds-email-font-family-heading-base: "Helvetica", Arial, sans-serif !default;
 $mds-email-size-button-border-radius: 4px !default;
 $mds-email-size-button-border-width: 1px !default;
+$mds-size-baseline: 4px !default;
+$mds-size-breakpoint-sm: 400px !default;
+$mds-size-breakpoint-md: 600px !default;
+$mds-size-breakpoint-lg: 1008px !default;
+$mds-size-breakpoint-xl: 1280px !default;
+$mds-size-border-width-base: 1px !default;
+$mds-size-border-width-button: 1px !default;
+$mds-size-border-radius-base: 4px !default;
+$mds-size-border-radius-button: 4px !default;
+$mds-size-border-radius-main: 0 !default;
+$mds-size-gutter-width: 20px !default;
+$mds-size-container-width: 100% !default;
+$mds-size-container-min-width: 0 !default;
+$mds-size-container-max-width: 100% !default;
+$mds-size-wrapper-width: 97% !default;
+$mds-size-wrapper-max-width: 1240px !default;
+$mds-size-surface-padding: 16px !default;
+$mds-size-main-max-width: 100% !default;
+$mds-size-main-padding: 0 !default;
+$mds-size-main-margin: 0 auto !default;
+$mds-size-icon-default: 1em !default;
+$mds-size-icon-sm: 16px !default;
+$mds-size-icon-md: 24px !default;
+$mds-size-icon-lg: 32px !default;
+$mds-size-icon-xl: 48px !default;
+$mds-size-icon-xxl: 72px !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;
@@ -203,31 +229,6 @@ $mds-font-type-minion-md-line-height: 1.24 !default;
 $mds-font-type-minion-lg-size: 12px !default;
 $mds-font-type-minion-lg-line-height: 1.34 !default;
 $mds-text-transform-button: none !default;
-$mds-size-baseline: 4px !default;
-$mds-size-breakpoint-sm: 400px !default;
-$mds-size-breakpoint-md: 600px !default;
-$mds-size-breakpoint-lg: 1008px !default;
-$mds-size-breakpoint-xl: 1280px !default;
-$mds-size-border-width-base: 1px !default;
-$mds-size-border-width-button: 1px !default;
-$mds-size-border-radius-base: 4px !default;
-$mds-size-border-radius-button: 4px !default;
-$mds-size-gutter-width: 20px !default;
-$mds-size-container-width: 100% !default;
-$mds-size-container-min-width: 0 !default;
-$mds-size-container-max-width: 100% !default;
-$mds-size-wrapper-width: 100% !default;
-$mds-size-wrapper-max-width: 1280px !default;
-$mds-size-wrapper-padding: 1.5% !default;
-$mds-size-surface-padding: 16px !default;
-$mds-size-main-padding: 0 !default;
-$mds-size-main-margin: 0 !default;
-$mds-size-icon-default: 1em !default;
-$mds-size-icon-sm: 16px !default;
-$mds-size-icon-md: 24px !default;
-$mds-size-icon-lg: 32px !default;
-$mds-size-icon-xl: 48px !default;
-$mds-size-icon-xxl: 72px !default;
 
 $tokens: (
   'color': (
@@ -330,9 +331,6 @@ $tokens: (
       'base': $mds-color-link-base,
       'hover': $mds-color-link-hover
     ),
-    'box-shadow': (
-      'base': $mds-color-box-shadow-base
-    ),
     'branded-container': (
       '1': (
         'background': $mds-color-branded-container-1-background,
@@ -345,10 +343,6 @@ $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,
@@ -358,6 +352,11 @@ $tokens: (
       )
     )
   ),
+  'shadow': (
+    'base': $mds-shadow-base,
+    'site-container': $mds-shadow-site-container,
+    'main': $mds-shadow-main
+  ),
   'email': (
     'color': (
       'link': (
@@ -408,6 +407,52 @@ $tokens: (
       )
     )
   ),
+  'size': (
+    'baseline': $mds-size-baseline,
+    'breakpoint': (
+      'sm': $mds-size-breakpoint-sm,
+      'md': $mds-size-breakpoint-md,
+      'lg': $mds-size-breakpoint-lg,
+      'xl': $mds-size-breakpoint-xl
+    ),
+    'border': (
+      'width': (
+        'base': $mds-size-border-width-base,
+        'button': $mds-size-border-width-button
+      ),
+      'radius': (
+        'base': $mds-size-border-radius-base,
+        'button': $mds-size-border-radius-button,
+        'main': $mds-size-border-radius-main
+      )
+    ),
+    'gutter-width': $mds-size-gutter-width,
+    'container': (
+      'width': $mds-size-container-width,
+      'min-width': $mds-size-container-min-width,
+      'max-width': $mds-size-container-max-width
+    ),
+    'wrapper': (
+      'width': $mds-size-wrapper-width,
+      'max-width': $mds-size-wrapper-max-width
+    ),
+    'surface': (
+      'padding': $mds-size-surface-padding
+    ),
+    'main': (
+      'max-width': $mds-size-main-max-width,
+      'padding': $mds-size-main-padding,
+      'margin': $mds-size-main-margin
+    ),
+    'icon': (
+      'default': $mds-size-icon-default,
+      'sm': $mds-size-icon-sm,
+      'md': $mds-size-icon-md,
+      'lg': $mds-size-icon-lg,
+      'xl': $mds-size-icon-xl,
+      'xxl': $mds-size-icon-xxl
+    )
+  ),
   'font': (
     'family': (
       'base': $mds-font-family-base,
@@ -644,50 +689,5 @@ $tokens: (
     'transform': (
       'button': $mds-text-transform-button
     )
-  ),
-  'size': (
-    'baseline': $mds-size-baseline,
-    'breakpoint': (
-      'sm': $mds-size-breakpoint-sm,
-      'md': $mds-size-breakpoint-md,
-      'lg': $mds-size-breakpoint-lg,
-      'xl': $mds-size-breakpoint-xl
-    ),
-    'border': (
-      'width': (
-        'base': $mds-size-border-width-base,
-        'button': $mds-size-border-width-button
-      ),
-      'radius': (
-        'base': $mds-size-border-radius-base,
-        'button': $mds-size-border-radius-button
-      )
-    ),
-    'gutter-width': $mds-size-gutter-width,
-    'container': (
-      'width': $mds-size-container-width,
-      'min-width': $mds-size-container-min-width,
-      'max-width': $mds-size-container-max-width
-    ),
-    'wrapper': (
-      'width': $mds-size-wrapper-width,
-      'max-width': $mds-size-wrapper-max-width,
-      'padding': $mds-size-wrapper-padding
-    ),
-    'surface': (
-      'padding': $mds-size-surface-padding
-    ),
-    'main': (
-      'padding': $mds-size-main-padding,
-      'margin': $mds-size-main-margin
-    ),
-    'icon': (
-      'default': $mds-size-icon-default,
-      'sm': $mds-size-icon-sm,
-      'md': $mds-size-icon-md,
-      'lg': $mds-size-icon-lg,
-      'xl': $mds-size-icon-xl,
-      'xxl': $mds-size-icon-xxl
-    )
   )
 );

package/dist/assets/icons.json

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