feat(preset): add m1, m2, m3 presets

Author: tenphi

package.json

@@ -3,6 +3,10 @@
   "version": "0.59.13",
   "type": "module",
   "description": "UIKit for Cube Projects",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cube-js/cube-ui-kit.git"
+  },
   "module": "dist/es/index.js",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,

src/stories/Typography.stories.tsx

@@ -60,6 +60,15 @@ export const Presets = {
       <Block preset="p3">
         <CubeIcon /> The quick brown fox jumps over the lazy dog - p3
       </Block>
+      <Block preset="m1">
+        <CubeIcon /> The quick brown fox jumps over the lazy dog - m1
+      </Block>
+      <Block preset="m2">
+        <CubeIcon /> The quick brown fox jumps over the lazy dog - m2
+      </Block>
+      <Block preset="m3">
+        <CubeIcon /> The quick brown fox jumps over the lazy dog - m3
+      </Block>
       <Block preset="p4">
         <CubeIcon /> The quick brown fox jumps over the lazy dog - p4
       </Block>

src/tokens.ts

@@ -182,6 +182,24 @@ const TOKENS = {
   't4m-font-weight': '600',
   't4m-bold-font-weight': '700',
   't4m-icon-size': '16px',
+  // m1
+  'm1-font-size': '18px',
+  'm1-line-height': '32px',
+  'm1-letter-spacing': '0',
+  'm1-font-weight': '400',
+  'm1-icon-size': '22px',
+  // m2
+  'm2-font-size': '16px',
+  'm2-line-height': '28px',
+  'm2-letter-spacing': '0',
+  'm2-font-weight': '400',
+  'm2-icon-size': '20px',
+  // m2
+  'm3-font-size': '14px',
+  'm3-line-height': '24px',
+  'm3-letter-spacing': '0',
+  'm3-font-weight': '400',
+  'm3-icon-size': '20px',
   // p1
   'p1-font-size': '18px',
   'p1-line-height': '28px',