feat: tshirt size spacings (#645)

Author: montezume

materials/custom-properties.css

@@ -90,6 +90,11 @@
   --spacing-16: 16px;
   --spacing-24: 24px;
   --spacing-32: 32px;
+  --spacing-xs: 4px;
+  --spacing-s: 8px;
+  --spacing-m: 16px;
+  --spacing-l: 24px;
+  --spacing-xl: 32px;
   --transition-linear-80ms: 80ms linear;
   --transition-easeinout-150ms: 150ms ease-in-out;
   --transition-standard: all 0.2s ease;

materials/custom-properties.js

@@ -89,6 +89,11 @@ export default {
   spacing16: '16px',
   spacing24: '24px',
   spacing32: '32px',
+  spacingXs: '4px',
+  spacingS: '8px',
+  spacingM: '16px',
+  spacingL: '24px',
+  spacingXl: '32px',
   transitionLinear80Ms: '80ms linear',
   transitionEaseinout150Ms: '150ms ease-in-out',
   transitionStandard: 'all 0.2s ease',

materials/custom-properties.json

@@ -79,6 +79,11 @@
   "--spacing-16": "16px",
   "--spacing-24": "24px",
   "--spacing-32": "32px",
+  "--spacing-xs": "4px",
+  "--spacing-s": "8px",
+  "--spacing-m": "16px",
+  "--spacing-l": "24px",
+  "--spacing-xl": "32px",
   "--transition-linear-80ms": "80ms linear",
   "--transition-easeinout-150ms": "150ms ease-in-out",
   "--transition-standard": "all 0.2s ease",

materials/internals/definition.yaml

@@ -136,6 +136,11 @@ choiceGroups:
       spacing-16: 16px
       spacing-24: 24px
       spacing-32: 32px
+      spacing-xs: 4px
+      spacing-s: 8px
+      spacing-m: 16px
+      spacing-l: 24px
+      spacing-xl: 32px
   transitions:
     label: Transitions
     prefix: transition