@everchron/ec-shards 0.8.31 → 1.0.2

package/src/tokens/build/scss/tokens.scss

@@ -0,0 +1,127 @@
+$border-radius-x-small: 2px;
+$border-radius-small: 4px;
+$border-radius-medium: 6px;
+$border-radius-large: 8px;
+$border-radius-x-large: 12px;
+$color-white: #FFFFFF;
+$color-gray-1: rgb(249,250,252);
+$color-gray-2: rgb(243,244,247);
+$color-gray-3: rgb(236,237,242);
+$color-gray-4: rgb(215,218,225);
+$color-gray-5: rgb(185,188,194);
+$color-gray-6: rgb(161,166,176);
+$color-gray-7: rgb(146,154,169);
+$color-gray-8: rgb(133,142,158);
+$color-gray-9: rgb(117,121,143);
+$color-gray-10: rgb(101,104,122);
+$color-gray-11: rgb(71,75,96);
+$color-gray-12: rgb(60,64,81);
+$color-gray-13: rgb(42,45,61);
+$color-gray-14: rgb(29,31,40);
+$color-gray-15: rgb(32,33,39);
+$color-blue-1: rgb(244,249,255);
+$color-blue-2: rgb(233,243,255);
+$color-blue-3: rgb(223,238,255);
+$color-blue-4: rgb(203,227,255);
+$color-blue-5: rgb(167,207,255);
+$color-blue-6: rgb(107,175,255);
+$color-blue-7: rgb(56,147,255);
+$color-blue-8: rgb(21,126,251);
+$color-blue-9: rgb(11,113,235);
+$color-blue-10: rgb(9,97,235);
+$color-blue-11: rgb(0,80,206);
+$color-blue-12: rgb(0,69,178);
+$color-blue-13: rgb(0,57,146);
+$color-blue-14: rgb(0,44,113);
+$color-blue-15: rgb(0,29,75);
+$color-red-1: rgb(255,247,249);
+$color-red-2: rgb(255,243,245);
+$color-red-3: rgb(255,233,236);
+$color-red-4: rgb(255,218,223);
+$color-red-5: rgb(255,190,198);
+$color-red-6: rgb(255,153,166);
+$color-red-7: rgb(255,111,129);
+$color-red-8: rgb(255,75,98);
+$color-red-9: rgb(255,55,80);
+$color-red-10: rgb(237,34,60);
+$color-red-11: rgb(209,17,42);
+$color-red-12: rgb(179,5,28);
+$color-red-13: rgb(148,0,20);
+$color-red-14: rgb(101,0,14);
+$color-red-15: rgb(69,0,10);
+$color-yellow-1: rgb(255,252,242);
+$color-yellow-2: rgb(255,249,228);
+$color-yellow-3: rgb(255,246,213);
+$color-yellow-4: rgb(246,227,199);
+$color-yellow-5: rgb(245,218,174);
+$color-yellow-6: rgb(246,205,144);
+$color-yellow-7: rgb(244,191,110);
+$color-yellow-8: rgb(241,178,81);
+$color-yellow-9: rgb(233,160,50);
+$color-yellow-10: rgb(193,134,47);
+$color-yellow-11: rgb(162,114,45);
+$color-yellow-12: rgb(131,93,42);
+$color-yellow-13: rgb(102,75,41);
+$color-yellow-14: rgb(68,54,38);
+$color-yellow-15: rgb(49,40,36);
+$color-green-1: rgb(245,253,249);
+$color-green-2: rgb(236,253,245);
+$color-green-3: rgb(224,251,238);
+$color-green-4: rgb(211,244,228);
+$color-green-5: rgb(172,237,205);
+$color-green-6: rgb(118,226,173);
+$color-green-7: rgb(74,211,144);
+$color-green-8: rgb(25,204,116);
+$color-green-9: rgb(14,186,101);
+$color-green-10: rgb(8,175,92);
+$color-green-11: rgb(1,144,73);
+$color-green-12: rgb(0,100,50);
+$color-green-13: rgb(0,73,37);
+$color-green-14: rgb(0,51,26);
+$color-green-15: rgb(0,26,13);
+$color-party-client-background: rgb(196,223,247);
+$color-party-client-icon: rgb(34,127,211);
+$color-party-client-content: rgb(15,92,162);
+$color-party-opposing-background: rgb(198,234,165);
+$color-party-opposing-icon: rgb(93,175,0);
+$color-party-opposing-content: rgb(61,115,1);
+$color-party-joint-background: rgb(238,233,229);
+$color-party-joint-icon: rgb(164,146,122);
+$color-party-joint-content: rgb(129,113,91);
+$color-party-other-background: rgb(228,233,238);
+$color-party-other-icon: rgb(149,152,156);
+$color-party-other-content: rgb(124,126,130);
+$color-party-court-background: rgb(253,228,192);
+$color-party-court-icon: rgb(215,139,33);
+$color-party-court-content: rgb(192,112,1);
+$layout-header-height: 41px;
+$layout-toolbar-height: 60px;
+$layout-actionbar-height: 41px;
+$spacing-5: 4px;
+$spacing-10: 8px;
+$spacing-15: 12px;
+$spacing-20: 16px;
+$spacing-25: 20px;
+$spacing-30: 24px;
+$spacing-40: 32px;
+$spacing-50: 40px;
+$spacing-60: 48px;
+$spacing-70: 56px;
+$spacing-80: 64px;
+$font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+$font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", "Menlo", "Courier", monospace;
+$font-weight-normal: normal;
+$font-weight-medium: 500;
+$font-weight-bold: bold;
+$type-scale-1-font-size: 10px;
+$type-scale-1-line-height: 14px;
+$type-scale-2-font-size: 12px;
+$type-scale-2-line-height: 16px;
+$type-scale-3-font-size: 14px;
+$type-scale-3-line-height: 20px;
+$type-scale-4-font-size: 16px;
+$type-scale-4-line-height: 24px;
+$type-scale-5-font-size: 20px;
+$type-scale-5-line-height: 28px;
+$type-scale-6-font-size: 24px;
+$type-scale-6-line-height: 32px;

package/src/tokens/config.json

@@ -0,0 +1,56 @@
+{
+  "source": [
+    "src/tokens/src/**/*.json"
+  ],
+  "platforms": {
+    "scss": {
+      "transforms": [
+        "attribute/cti",
+        "name/cti/kebab"
+      ],
+      "buildPath": "src/tokens/build/scss/",
+      "files": [
+        {
+          "destination": "tokens.scss",
+          "format": "scss/variables",
+          "options": {
+            "showFileHeader": false
+          }
+        }
+      ]
+    },
+    "css": {
+      "transforms": [
+        "attribute/cti",
+        "name/cti/kebab"
+      ],
+      "buildPath": "src/tokens/build/css/",
+      "files": [
+        {
+          "destination": "tokens.css",
+          "format": "css/variables",
+          "options": {
+            "showFileHeader": false,
+            "outputReferences": true
+          }
+        }
+      ]
+    },
+    "json": {
+      "transforms": [
+        "attribute/cti",
+        "name/cti/pascal"
+      ],
+      "buildPath": "src/tokens/build/json/",
+      "files": [
+        {
+          "destination": "tokens.json",
+          "format": "json/flat",
+          "options": {
+            "showFileHeader": false
+          }
+        }
+      ]
+    }
+  }
+}

package/src/tokens/src/border-radius.json

@@ -0,0 +1,19 @@
+{
+  "border-radius": {
+    "x-small": {
+      "value": "2px"
+    },
+    "small": {
+      "value": "4px"
+    },
+    "medium": {
+      "value": "6px"
+    },
+    "large": {
+      "value": "8px"
+    },
+    "x-large": {
+      "value": "12px"
+    }
+  }
+}

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"
+      }
+    }
+  }
+}