@infomaximum/ui-kit 0.9.1

package/dist/themes/baseTokens/baseColorTokens/baseColorTokens.js

@@ -0,0 +1,35 @@
+import { blueColors } from "./colorGroups/blueColors.js";
+import { cyanColors } from "./colorGroups/cyanColors.js";
+import { goldColors } from "./colorGroups/goldColors.js";
+import { greenColors } from "./colorGroups/greenColors.js";
+import { limeColors } from "./colorGroups/limeColors.js";
+import { magentaColors } from "./colorGroups/magentaColors.js";
+import { neutralColors } from "./colorGroups/neutralColors.js";
+import { orangeColors } from "./colorGroups/orangeColors.js";
+import { purpleColors } from "./colorGroups/purpleColors.js";
+import { redColors } from "./colorGroups/redColors.js";
+import { thrushColors } from "./colorGroups/thrushColor.js";
+import { transparentBlackColors } from "./colorGroups/transparentBlackColors.js";
+import { transparentWhiteColors } from "./colorGroups/transparentWhiteColors.js";
+import { volcanoColors } from "./colorGroups/volcanoColors.js";
+import { yellowColors } from "./colorGroups/yellowColors.js";
+const baseColorTokens = {
+  ...neutralColors,
+  ...transparentBlackColors,
+  ...transparentWhiteColors,
+  ...thrushColors,
+  ...redColors,
+  ...volcanoColors,
+  ...orangeColors,
+  ...goldColors,
+  ...yellowColors,
+  ...limeColors,
+  ...greenColors,
+  ...cyanColors,
+  ...blueColors,
+  ...purpleColors,
+  ...magentaColors
+};
+export {
+  baseColorTokens
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/blueColors.d.ts

@@ -0,0 +1,12 @@
+export declare const blueColors: {
+    readonly blue100: "#001D66";
+    readonly blue90: "#002C8C";
+    readonly blue80: "#003EB3";
+    readonly blue70: "#0958D9";
+    readonly blue60: "#1677FF";
+    readonly blue50: "#4096FF";
+    readonly blue40: "#69B1FF";
+    readonly blue30: "#91CAFF";
+    readonly blue20: "#BAE0FF";
+    readonly blue10: "#E6F4FF";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/blueColors.js

@@ -0,0 +1,15 @@
+const blueColors = {
+  blue100: "#001D66",
+  blue90: "#002C8C",
+  blue80: "#003EB3",
+  blue70: "#0958D9",
+  blue60: "#1677FF",
+  blue50: "#4096FF",
+  blue40: "#69B1FF",
+  blue30: "#91CAFF",
+  blue20: "#BAE0FF",
+  blue10: "#E6F4FF"
+};
+export {
+  blueColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/cyanColors.d.ts

@@ -0,0 +1,12 @@
+export declare const cyanColors: {
+    readonly cyan100: "#002329";
+    readonly cyan90: "#00474F";
+    readonly cyan80: "#006D75";
+    readonly cyan70: "#08979C";
+    readonly cyan60: "#13C2C2";
+    readonly cyan50: "#36CFC9";
+    readonly cyan40: "#5CDBD3";
+    readonly cyan30: "#87E8DE";
+    readonly cyan20: "#B5F5EC";
+    readonly cyan10: "#E6FFFB";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/cyanColors.js

@@ -0,0 +1,15 @@
+const cyanColors = {
+  cyan100: "#002329",
+  cyan90: "#00474F",
+  cyan80: "#006D75",
+  cyan70: "#08979C",
+  cyan60: "#13C2C2",
+  cyan50: "#36CFC9",
+  cyan40: "#5CDBD3",
+  cyan30: "#87E8DE",
+  cyan20: "#B5F5EC",
+  cyan10: "#E6FFFB"
+};
+export {
+  cyanColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/goldColors.d.ts

@@ -0,0 +1,12 @@
+export declare const goldColors: {
+    readonly gold100: "#613400";
+    readonly gold90: "#613400";
+    readonly gold80: "#613400";
+    readonly gold70: "#613400";
+    readonly gold60: "#613400";
+    readonly gold50: "#613400";
+    readonly gold40: "#613400";
+    readonly gold30: "#613400";
+    readonly gold20: "#613400";
+    readonly gold10: "#613400";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/goldColors.js

@@ -0,0 +1,15 @@
+const goldColors = {
+  gold100: "#613400",
+  gold90: "#613400",
+  gold80: "#613400",
+  gold70: "#613400",
+  gold60: "#613400",
+  gold50: "#613400",
+  gold40: "#613400",
+  gold30: "#613400",
+  gold20: "#613400",
+  gold10: "#613400"
+};
+export {
+  goldColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/greenColors.d.ts

@@ -0,0 +1,12 @@
+export declare const greenColors: {
+    readonly green100: "#092B00";
+    readonly green90: "#135200";
+    readonly green80: "#237804";
+    readonly green70: "#389E0D";
+    readonly green60: "#52C41A";
+    readonly green50: "#73D13D";
+    readonly green40: "#95DE64";
+    readonly green30: "#B7EB8F";
+    readonly green20: "#D9F7BE";
+    readonly green10: "#F6FFED";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/greenColors.js

@@ -0,0 +1,15 @@
+const greenColors = {
+  green100: "#092B00",
+  green90: "#135200",
+  green80: "#237804",
+  green70: "#389E0D",
+  green60: "#52C41A",
+  green50: "#73D13D",
+  green40: "#95DE64",
+  green30: "#B7EB8F",
+  green20: "#D9F7BE",
+  green10: "#F6FFED"
+};
+export {
+  greenColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/limeColors.d.ts

@@ -0,0 +1,12 @@
+export declare const limeColors: {
+    readonly lime100: "#254000";
+    readonly lime90: "#254000";
+    readonly lime80: "#254000";
+    readonly lime70: "#254000";
+    readonly lime60: "#254000";
+    readonly lime50: "#254000";
+    readonly lime40: "#254000";
+    readonly lime30: "#254000";
+    readonly lime20: "#254000";
+    readonly lime10: "#254000";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/limeColors.js

@@ -0,0 +1,15 @@
+const limeColors = {
+  lime100: "#254000",
+  lime90: "#254000",
+  lime80: "#254000",
+  lime70: "#254000",
+  lime60: "#254000",
+  lime50: "#254000",
+  lime40: "#254000",
+  lime30: "#254000",
+  lime20: "#254000",
+  lime10: "#254000"
+};
+export {
+  limeColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/magentaColors.d.ts

@@ -0,0 +1,12 @@
+export declare const magentaColors: {
+    readonly magenta100: "#520339";
+    readonly magenta90: "#780650";
+    readonly magenta80: "#9E1068";
+    readonly magenta70: "#C41D7F";
+    readonly magenta60: "#EB2F96";
+    readonly magenta50: "#F759AB";
+    readonly magenta40: "#FF85C0";
+    readonly magenta30: "#FFADD2";
+    readonly magenta20: "#FFD6E7";
+    readonly magenta10: "#FFF0F6";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/magentaColors.js

@@ -0,0 +1,15 @@
+const magentaColors = {
+  magenta100: "#520339",
+  magenta90: "#780650",
+  magenta80: "#9E1068",
+  magenta70: "#C41D7F",
+  magenta60: "#EB2F96",
+  magenta50: "#F759AB",
+  magenta40: "#FF85C0",
+  magenta30: "#FFADD2",
+  magenta20: "#FFD6E7",
+  magenta10: "#FFF0F6"
+};
+export {
+  magentaColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/neutralColors.d.ts

@@ -0,0 +1,18 @@
+export declare const neutralColors: {
+    readonly neutral130: "#000000";
+    readonly neutral120: "#141414";
+    readonly neutral110: "#1F1F1F";
+    readonly neutral100: "#262626";
+    readonly neutral90: "#434343";
+    readonly neutral80: "#595959";
+    readonly neutral75: "#737373";
+    readonly neutral70: "#8C8C8C";
+    readonly neutral65: "#ABABAB";
+    readonly neutral60: "#BFBFBF";
+    readonly neutral50: "#D9D9D9";
+    readonly neutral45: "#E5E5E5";
+    readonly neutral40: "#F0F0F0";
+    readonly neutral30: "#F5F5F5";
+    readonly neutral20: "#FAFAFA";
+    readonly neutral10: "#FFFFFF";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/neutralColors.js

@@ -0,0 +1,21 @@
+const neutralColors = {
+  neutral130: "#000000",
+  neutral120: "#141414",
+  neutral110: "#1F1F1F",
+  neutral100: "#262626",
+  neutral90: "#434343",
+  neutral80: "#595959",
+  neutral75: "#737373",
+  neutral70: "#8C8C8C",
+  neutral65: "#ABABAB",
+  neutral60: "#BFBFBF",
+  neutral50: "#D9D9D9",
+  neutral45: "#E5E5E5",
+  neutral40: "#F0F0F0",
+  neutral30: "#F5F5F5",
+  neutral20: "#FAFAFA",
+  neutral10: "#FFFFFF"
+};
+export {
+  neutralColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/orangeColors.d.ts

@@ -0,0 +1,12 @@
+export declare const orangeColors: {
+    readonly orange100: "#612500";
+    readonly orange90: "#873800";
+    readonly orange80: "#AD4E00";
+    readonly orange70: "#D46B08";
+    readonly orange60: "#FA8C16";
+    readonly orange50: "#FFA940";
+    readonly orange40: "#FFC069";
+    readonly orange30: "#FFD591";
+    readonly orange20: "#FFE7BA";
+    readonly orange10: "#FFF7E6";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/orangeColors.js

@@ -0,0 +1,15 @@
+const orangeColors = {
+  orange100: "#612500",
+  orange90: "#873800",
+  orange80: "#AD4E00",
+  orange70: "#D46B08",
+  orange60: "#FA8C16",
+  orange50: "#FFA940",
+  orange40: "#FFC069",
+  orange30: "#FFD591",
+  orange20: "#FFE7BA",
+  orange10: "#FFF7E6"
+};
+export {
+  orangeColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/purpleColors.d.ts

@@ -0,0 +1,12 @@
+export declare const purpleColors: {
+    readonly purple100: "#120338";
+    readonly purple90: "#22075E";
+    readonly purple80: "#391085";
+    readonly purple70: "#531DAB";
+    readonly purple60: "#722ED1";
+    readonly purple50: "#9254DE";
+    readonly purple40: "#B37FEB";
+    readonly purple30: "#D3ADF7";
+    readonly purple20: "#EFDBFF";
+    readonly purple10: "#F9F0FF";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/purpleColors.js

@@ -0,0 +1,15 @@
+const purpleColors = {
+  purple100: "#120338",
+  purple90: "#22075E",
+  purple80: "#391085",
+  purple70: "#531DAB",
+  purple60: "#722ED1",
+  purple50: "#9254DE",
+  purple40: "#B37FEB",
+  purple30: "#D3ADF7",
+  purple20: "#EFDBFF",
+  purple10: "#F9F0FF"
+};
+export {
+  purpleColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/redColors.d.ts

@@ -0,0 +1,12 @@
+export declare const redColors: {
+    readonly red100: "#5C0011";
+    readonly red90: "#820014";
+    readonly red80: "#A8071A";
+    readonly red70: "#CF1322";
+    readonly red60: "#F5222D";
+    readonly red50: "#FF4D4F";
+    readonly red40: "#FF7875";
+    readonly red30: "#FFA39E";
+    readonly red20: "#FFCCC7";
+    readonly red10: "#FFF1F0";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/redColors.js

@@ -0,0 +1,15 @@
+const redColors = {
+  red100: "#5C0011",
+  red90: "#820014",
+  red80: "#A8071A",
+  red70: "#CF1322",
+  red60: "#F5222D",
+  red50: "#FF4D4F",
+  red40: "#FF7875",
+  red30: "#FFA39E",
+  red20: "#FFCCC7",
+  red10: "#FFF1F0"
+};
+export {
+  redColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/thrushColor.d.ts

@@ -0,0 +1,12 @@
+export declare const thrushColors: {
+    readonly thrush100: "#00161A";
+    readonly thrush90: "#003940";
+    readonly thrush80: "#005F66";
+    readonly thrush70: "#03888C";
+    readonly thrush60: "#0CB3B3";
+    readonly thrush50: "#2CBFBA";
+    readonly thrush40: "#50CCC4";
+    readonly thrush30: "#77D9CF";
+    readonly thrush20: "#A3E6DD";
+    readonly thrush10: "#E1FAF6";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/thrushColor.js

@@ -0,0 +1,15 @@
+const thrushColors = {
+  thrush100: "#00161A",
+  thrush90: "#003940",
+  thrush80: "#005F66",
+  thrush70: "#03888C",
+  thrush60: "#0CB3B3",
+  thrush50: "#2CBFBA",
+  thrush40: "#50CCC4",
+  thrush30: "#77D9CF",
+  thrush20: "#A3E6DD",
+  thrush10: "#E1FAF6"
+};
+export {
+  thrushColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentBlackColors.d.ts

@@ -0,0 +1,12 @@
+export declare const transparentBlackColors: {
+    readonly transparentBlack90: `rgba(${number}, ${number}, ${number}, 0.9)`;
+    readonly transparentBlack80: `rgba(${number}, ${number}, ${number}, 0.8)`;
+    readonly transparentBlack70: `rgba(${number}, ${number}, ${number}, 0.7)`;
+    readonly transparentBlack60: `rgba(${number}, ${number}, ${number}, 0.6)`;
+    readonly transparentBlack50: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    readonly transparentBlack40: `rgba(${number}, ${number}, ${number}, 0.4)`;
+    readonly transparentBlack30: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    readonly transparentBlack20: `rgba(${number}, ${number}, ${number}, 0.2)`;
+    readonly transparentBlack10: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    readonly transparentBlack5: `rgba(${number}, ${number}, ${number}, 0.05)`;
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentBlackColors.js

@@ -0,0 +1,16 @@
+import { black2Rgba } from "../../const.js";
+const transparentBlackColors = {
+  transparentBlack90: black2Rgba(0.9),
+  transparentBlack80: black2Rgba(0.8),
+  transparentBlack70: black2Rgba(0.7),
+  transparentBlack60: black2Rgba(0.6),
+  transparentBlack50: black2Rgba(0.5),
+  transparentBlack40: black2Rgba(0.4),
+  transparentBlack30: black2Rgba(0.3),
+  transparentBlack20: black2Rgba(0.2),
+  transparentBlack10: black2Rgba(0.1),
+  transparentBlack5: black2Rgba(0.05)
+};
+export {
+  transparentBlackColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentWhiteColors.d.ts

@@ -0,0 +1,12 @@
+export declare const transparentWhiteColors: {
+    readonly transparentWhite90: `rgba(${number}, ${number}, ${number}, 0.9)`;
+    readonly transparentWhite80: `rgba(${number}, ${number}, ${number}, 0.8)`;
+    readonly transparentWhite70: `rgba(${number}, ${number}, ${number}, 0.7)`;
+    readonly transparentWhite60: `rgba(${number}, ${number}, ${number}, 0.6)`;
+    readonly transparentWhite50: `rgba(${number}, ${number}, ${number}, 0.5)`;
+    readonly transparentWhite40: `rgba(${number}, ${number}, ${number}, 0.4)`;
+    readonly transparentWhite30: `rgba(${number}, ${number}, ${number}, 0.3)`;
+    readonly transparentWhite20: `rgba(${number}, ${number}, ${number}, 0.2)`;
+    readonly transparentWhite10: `rgba(${number}, ${number}, ${number}, 0.1)`;
+    readonly transparentWhite5: `rgba(${number}, ${number}, ${number}, 0.05)`;
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/transparentWhiteColors.js

@@ -0,0 +1,16 @@
+import { white2Rgba } from "../../const.js";
+const transparentWhiteColors = {
+  transparentWhite90: white2Rgba(0.9),
+  transparentWhite80: white2Rgba(0.8),
+  transparentWhite70: white2Rgba(0.7),
+  transparentWhite60: white2Rgba(0.6),
+  transparentWhite50: white2Rgba(0.5),
+  transparentWhite40: white2Rgba(0.4),
+  transparentWhite30: white2Rgba(0.3),
+  transparentWhite20: white2Rgba(0.2),
+  transparentWhite10: white2Rgba(0.1),
+  transparentWhite5: white2Rgba(0.05)
+};
+export {
+  transparentWhiteColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/volcanoColors.d.ts

@@ -0,0 +1,12 @@
+export declare const volcanoColors: {
+    readonly volcano100: "#610B00";
+    readonly volcano90: "#871400";
+    readonly volcano80: "#AD2102";
+    readonly volcano70: "#D4380D";
+    readonly volcano60: "#FA541C";
+    readonly volcano50: "#FF7A45";
+    readonly volcano40: "#FF9C6E";
+    readonly volcano30: "#FFBB96";
+    readonly volcano20: "#FFD8BF";
+    readonly volcano10: "#FFF2E8";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/volcanoColors.js

@@ -0,0 +1,15 @@
+const volcanoColors = {
+  volcano100: "#610B00",
+  volcano90: "#871400",
+  volcano80: "#AD2102",
+  volcano70: "#D4380D",
+  volcano60: "#FA541C",
+  volcano50: "#FF7A45",
+  volcano40: "#FF9C6E",
+  volcano30: "#FFBB96",
+  volcano20: "#FFD8BF",
+  volcano10: "#FFF2E8"
+};
+export {
+  volcanoColors
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/yellowColors.d.ts

@@ -0,0 +1,12 @@
+export declare const yellowColors: {
+    readonly yellow100: "#614700";
+    readonly yellow90: "#876800";
+    readonly yellow80: "#AD8B00";
+    readonly yellow70: "#D4B106";
+    readonly yellow60: "#FADB14";
+    readonly yellow50: "#FFEC3D";
+    readonly yellow40: "#FFF566";
+    readonly yellow30: "#FFFB8F";
+    readonly yellow20: "#FFFFB8";
+    readonly yellow10: "#FEFFE6";
+};

package/dist/themes/baseTokens/baseColorTokens/colorGroups/yellowColors.js

@@ -0,0 +1,15 @@
+const yellowColors = {
+  yellow100: "#614700",
+  yellow90: "#876800",
+  yellow80: "#AD8B00",
+  yellow70: "#D4B106",
+  yellow60: "#FADB14",
+  yellow50: "#FFEC3D",
+  yellow40: "#FFF566",
+  yellow30: "#FFFB8F",
+  yellow20: "#FFFFB8",
+  yellow10: "#FEFFE6"
+};
+export {
+  yellowColors
+};

package/dist/themes/baseTokens/baseShadowTokens/baseShadowTokens.d.ts

@@ -0,0 +1,5 @@
+export declare const baseShadowTokens: {
+    readonly shadow1: `0 1px 2px -2px rgba(${number}, ${number}, ${number}, 0.16), 0 3px 6px 0 rgba(${number}, ${number}, ${number}, 0.12), 0 5px 12px 4px rgba(${number}, ${number}, ${number}, 0.09)`;
+    readonly shadow2: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
+    readonly shadow3: `0 6px 16px -8px rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 0 rgba(${number}, ${number}, ${number}, 0.05), 0 12px 48px 16px rgba(${number}, ${number}, ${number}, 0.03)`;
+};

package/dist/themes/baseTokens/baseShadowTokens/baseShadowTokens.js

@@ -0,0 +1,9 @@
+import { black2Rgba } from "../const.js";
+const baseShadowTokens = {
+  shadow1: `0 1px 2px -2px ${black2Rgba(0.16)}, 0 3px 6px 0 ${black2Rgba(0.12)}, 0 5px 12px 4px ${black2Rgba(0.09)}`,
+  shadow2: `0 3px 6px -4px ${black2Rgba(0.12)}, 0 6px 16px 0 ${black2Rgba(0.08)}, 0 9px 28px 8px ${black2Rgba(0.05)}`,
+  shadow3: `0 6px 16px -8px ${black2Rgba(0.08)}, 0 9px 28px 0 ${black2Rgba(0.05)}, 0 12px 48px 16px ${black2Rgba(0.03)}`
+};
+export {
+  baseShadowTokens
+};

package/dist/themes/baseTokens/baseSizeTokens/baseSizeTokens.d.ts

@@ -0,0 +1,17 @@
+export declare const baseSizeTokens: {
+    readonly x0: 0;
+    readonly x05: 2;
+    readonly x1: 4;
+    readonly x1AndHalf: 6;
+    readonly x2: 8;
+    readonly x3: 12;
+    readonly x3AndHalf: 14;
+    readonly x4: 16;
+    readonly x5: 20;
+    readonly x6: 24;
+    readonly x7: 28;
+    readonly x8: 32;
+    readonly x10: 40;
+    readonly x12: 48;
+    readonly x16: 64;
+};

package/dist/themes/baseTokens/baseSizeTokens/baseSizeTokens.js

@@ -0,0 +1,21 @@
+const BASE_SIZE = 4;
+const baseSizeTokens = {
+  x0: BASE_SIZE * 0,
+  x05: BASE_SIZE * 0.5,
+  x1: BASE_SIZE,
+  x1AndHalf: BASE_SIZE * 1.5,
+  x2: BASE_SIZE * 2,
+  x3: BASE_SIZE * 3,
+  x3AndHalf: BASE_SIZE * 3.5,
+  x4: BASE_SIZE * 4,
+  x5: BASE_SIZE * 5,
+  x6: BASE_SIZE * 6,
+  x7: BASE_SIZE * 7,
+  x8: BASE_SIZE * 8,
+  x10: BASE_SIZE * 10,
+  x12: BASE_SIZE * 12,
+  x16: BASE_SIZE * 16
+};
+export {
+  baseSizeTokens
+};

package/dist/themes/baseTokens/baseTypographyTokens/baseTypographyTokens.d.ts

@@ -0,0 +1,42 @@
+export declare const baseTypographyTokens: {
+    readonly header1: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 24;
+        readonly lineHeight: "32px";
+    };
+    readonly header2: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 16;
+        readonly lineHeight: "24px";
+    };
+    readonly subheader1: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 14;
+        readonly lineHeight: "20px";
+    };
+    readonly subheader2: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 12;
+        readonly lineHeight: "20px";
+    };
+    readonly body1: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 16;
+        readonly lineHeight: "24px";
+    };
+    readonly body2: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 14;
+        readonly lineHeight: "20px";
+    };
+    readonly body3: {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 12;
+        readonly lineHeight: "20px";
+    };
+    readonly code1: {
+        readonly fontFamily: "JetBrains-Mono";
+        readonly fontSize: 13;
+        readonly lineHeight: "18px";
+    };
+};

package/dist/themes/baseTokens/baseTypographyTokens/baseTypographyTokens.js

@@ -0,0 +1,49 @@
+const fonts = {
+  mainFontFamily: "Roboto",
+  monoFontFamily: "JetBrains-Mono"
+};
+const baseTypographyTokens = {
+  header1: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 24,
+    lineHeight: "32px"
+  },
+  header2: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 16,
+    lineHeight: "24px"
+  },
+  subheader1: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 14,
+    lineHeight: "20px"
+  },
+  subheader2: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 12,
+    lineHeight: "20px"
+  },
+  body1: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 16,
+    lineHeight: "24px"
+  },
+  body2: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 14,
+    lineHeight: "20px"
+  },
+  body3: {
+    fontFamily: fonts.mainFontFamily,
+    fontSize: 12,
+    lineHeight: "20px"
+  },
+  code1: {
+    fontFamily: fonts.monoFontFamily,
+    fontSize: 13,
+    lineHeight: "18px"
+  }
+};
+export {
+  baseTypographyTokens
+};

package/dist/themes/baseTokens/const.d.ts

@@ -0,0 +1,2 @@
+export declare const white2Rgba: <O extends number>(opacity: O) => `rgba(${number}, ${number}, ${number}, ${O})`;
+export declare const black2Rgba: <O extends number>(opacity: O) => `rgba(${number}, ${number}, ${number}, ${O})`;