@everchron/ec-shards 0.0.12

package/src/tokens/src/color.json

@@ -0,0 +1,107 @@
+{
+  "color": {
+    "white": { "value": "#FFFFFF" },
+    "gray": {
+      "1": { "value": "rgb(249,250,252)" },
+      "2": { "value": "rgb(243,244,247)" },
+      "3": { "value": "rgb(236,237,242)" },
+      "4": { "value": "rgb(215,218,225)" },
+      "5": { "value": "rgb(185,188,194)" },
+      "6": { "value": "rgb(161,166,176)" },
+      "7": { "value": "rgb(146,154,169)" },
+      "8": { "value": "rgb(133,142,158)" },
+      "9": { "value": "rgb(117,121,143)" },
+      "10": { "value": "rgb(101,104,122)" },
+      "11": { "value": "rgb(71,75,96)" },
+      "12": { "value": "rgb(60,64,81)" },
+      "13": { "value": "rgb(42,45,61)" },
+      "14": { "value": "rgb(29,31,40)" },
+      "15": { "value": "rgb(32,33,39)" }
+    },
+    "blue":{
+      "1": { "value": "rgb(244,249,255)" },
+      "2": { "value": "rgb(233,243,255)" },
+      "3": { "value": "rgb(223,238,255)" },
+      "4": { "value": "rgb(203,227,255)" },
+      "5": { "value": "rgb(167,207,255)" },
+      "6": { "value": "rgb(107,175,255)" },
+      "7": { "value": "rgb(56,147,255)" },
+      "8": { "value": "rgb(21,126,251)" },
+      "9": { "value": "rgb(11,113,235)" },
+      "10": { "value": "rgb(9,97,235)" },
+      "11": { "value": "rgb(0,80,206)" },
+      "12": { "value": "rgb(0,69,178)" },
+      "13": { "value": "rgb(0,57,146)" },
+      "14": { "value": "rgb(0,44,113)" },
+      "15": { "value": "rgb(0,29,75)" }
+    },
+    "red": {
+      "1": { "value": "rgb(255,247,249)" },
+      "2": { "value": "rgb(255,243,245)" },
+      "3": { "value": "rgb(255,233,236)" },
+      "4": { "value": "rgb(255,218,223)" },
+      "5": { "value": "rgb(255,190,198)" },
+      "6": { "value": "rgb(255,153,166)" },
+      "7": { "value": "rgb(255,111,129)" },
+      "8": { "value": "rgb(255,75,98)" },
+      "9": { "value": "rgb(255,55,80)" },
+      "10": { "value": "rgb(237,34,60)" },
+      "11": { "value": "rgb(209,17,42)" },
+      "12": { "value": "rgb(179,5,28)" },
+      "13": { "value": "rgb(148,0,20)" },
+      "14": { "value": "rgb(101,0,14)" },
+      "15": { "value": "rgb(69,0,10)" }
+    },
+    "yellow": {
+      "1": { "value": "rgb(255,252,242)" },
+      "2": { "value": "rgb(255,249,228)" },
+      "3": { "value": "rgb(255,246,213)" },
+      "4": { "value": "rgb(246,227,199)" },
+      "5": { "value": "rgb(245,218,174)" },
+      "6": { "value": "rgb(246,205,144)" },
+      "7": { "value": "rgb(244,191,110)" },
+      "8": { "value": "rgb(241,178,81)" },
+      "9": { "value": "rgb(233,160,50)" },
+      "10": { "value": "rgb(193,134,47)" },
+      "11": { "value": "rgb(162,114,45)" },
+      "12": { "value": "rgb(131,93,42)" },
+      "13": { "value": "rgb(102,75,41)" },
+      "14": { "value": "rgb(68,54,38)" },
+      "15": { "value": "rgb(49,40,36)" }
+    },
+    "green": {
+      "1": { "value": "rgb(245,253,249)" },
+      "2": { "value": "rgb(236,253,245)" },
+      "3": { "value": "rgb(224,251,238)" },
+      "4": { "value": "rgb(211,244,228)" },
+      "5": { "value": "rgb(172,237,205)" },
+      "6": { "value": "rgb(118,226,173)" },
+      "7": { "value": "rgb(74,211,144)" },
+      "8": { "value": "rgb(25,204,116)" },
+      "9": { "value": "rgb(14,186,101)" },
+      "10": { "value": "rgb(8,175,92)" },
+      "11": { "value": "rgb(1,144,73)" },
+      "12": { "value": "rgb(0,100,50)" },
+      "13": { "value": "rgb(0,73,37)" },
+      "14": { "value": "rgb(0,51,26)" },
+      "15": { "value": "rgb(0,26,13)" }
+    },
+    "party": {
+      "client-background": { "value": "rgb(196,223,247)" },
+      "client-icon": { "value": "rgb(34,127,211)" },
+      "client-content": { "value":  "rgb(15,92,162)" },
+      "opposing-background": { "value": "rgb(198,234,165)" },
+      "opposing-icon": { "value": "rgb(93,175,0)" },
+      "opposing-content": { "value": "rgb(61,115,1)" },
+      "joint-background": { "value": "rgb(238,233,229)" },
+      "joint-icon": { "value": "rgb(164,146,122)" },
+      "joint-content": { "value": "rgb(129,113,91)" },
+      "other-background": { "value": "rgb(228,233,238)" },
+      "other-icon": { "value": "rgb(149,152,156)" },
+      "other-content": { "value": "rgb(124,126,130)" },
+      "court-background": { "value": "rgb(253,228,192)" },
+      "court-icon": { "value": "rgb(215,139,33)" },
+      "court-content": { "value": "rgb(192,112,1)" }
+    }
+  }
+}

package/src/tokens/src/layout.json

@@ -0,0 +1,13 @@
+{
+  "layout": {
+    "header-height": {
+      "value": "41px"
+    },
+    "toolbar-height": {
+      "value": "60px"
+    },
+    "actionbar-height": {
+      "value": "41px"
+    }
+  }
+}

package/src/tokens/src/spacing.json

@@ -0,0 +1,37 @@
+{
+  "spacing": {
+    "5": {
+      "value": "4px"
+    },
+    "10": {
+      "value": "8px"
+    },
+    "15": {
+      "value": "12px"
+    },
+    "20": {
+      "value": "16px"
+    },
+    "25": {
+      "value": "20px"
+    },
+    "30": {
+      "value": "24px"
+    },
+    "40": {
+      "value": "32px"
+    },
+    "50": {
+      "value": "40px"
+    },
+    "60": {
+      "value": "48px"
+    },
+    "70": {
+      "value": "56px"
+    },
+    "80": {
+      "value": "64px"
+    }
+  }
+}

package/src/tokens/src/typography.json

@@ -0,0 +1,73 @@
+{
+  "font": {
+    "family": {
+      "system": {
+        "value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif"
+      },
+      "monospace": {
+        "value":"\"SFMono-Regular\", Consolas, \"Liberation Mono\", \"Menlo\", \"Courier\", monospace"
+      }
+    },
+    "weight": {
+      "normal": {
+        "value": "normal"
+      },
+      "medium": {
+        "value": 500
+      },
+      "bold": {
+        "value": "bold"
+      }
+    }
+  },
+  "type-scale": {
+    "1": {
+      "font-size": {
+        "value": "10px"
+      },
+      "line-height": {
+        "value": "14px"
+      }
+    },
+    "2": {
+      "font-size": {
+        "value": "12px"
+      },
+      "line-height": {
+        "value": "16px"
+      }
+    },
+    "3": {
+      "font-size": {
+        "value": "14px"
+      },
+      "line-height": {
+        "value": "20px"
+      }
+    },
+    "4": {
+      "font-size": {
+        "value": "16px"
+      },
+      "line-height": {
+        "value": "24px"
+      }
+    },
+    "5": {
+      "font-size": {
+        "value": "20px"
+      },
+      "line-height": {
+        "value": "28px"
+      }
+    },
+    "6": {
+      "font-size": {
+        "value": "24px"
+      },
+      "line-height": {
+        "value": "32px"
+      }
+    }
+  }
+}