feat: add border tokens

sbb-design-systems · Aug 13, 2021 · 85b6ea4 · 85b6ea4
1 parent 7a37954
commit 85b6ea4
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/designTokens/border.js b/designTokens/border.js
@@ -0,0 +1,31 @@
+/* eslint-disable sort-keys */
+
+const baseBorderWidth = 1;
+const baseBorderRadius = 2;
+
+const borderWidth = (width) => width * Number(baseBorderWidth);
+const borderRadius = (width) => width * Number(baseBorderRadius);
+
+module.exports = {
+  width: {
+    1: {
+      value: borderWidth(1)
+    },
+    2: {
+      value: borderWidth(2)
+    }
+  },
+  radius: {
+    1: {
+      value: borderRadius(1)
+    },
+    8: {
+      value: borderRadius(8)
+    },
+    16: {
+      value: borderRadius(16)
+    }
+  }
+};
+
+/* eslint-enable sort-keys */