@signozhq/design-tokens 0.0.7 → 0.0.8

package/dist/{design-tokens.mjs → design-tokens.js}

@@ -1,5 +1,5 @@
 import "./index.css";
-const D = {
+const C = {
   BG_ROBIN_100: "#CAD5FD",
   BG_ROBIN_200: "#B8C7FC",
   BG_ROBIN_300: "#95ACFB",
@@ -120,25 +120,101 @@ const D = {
   TEXT_FOREST_400: "#51E7A8",
   TEXT_FOREST_500: "#25E192",
   TEXT_FOREST_600: "#1EB475"
-}, B = "_main_1taid_5", G = {
-  main: B
-}, F = ["color"];
-function C(E, A) {
+}, X = {
+  PADDING_1: "0.25rem",
+  PADDING_2: "0.5rem",
+  PADDING_3: "0.75rem",
+  PADDING_4: "1rem",
+  PADDING_5: "1.25rem",
+  PADDING_6: "1.5rem",
+  PADDING_7: "1.75rem",
+  PADDING_8: "2rem",
+  PADDING_10: "2.5rem",
+  PADDING_12: "3rem",
+  PADDING_16: "4rem",
+  PADDING_20: "5rem",
+  PADDING_24: "6rem",
+  PADDING_32: "8rem",
+  PADDING_40: "10rem",
+  PADDING_48: "12rem",
+  PADDING_56: "14rem",
+  PADDING_64: "16rem",
+  MARGIN_1: "0.25rem",
+  MARGIN_2: "0.5rem",
+  MARGIN_3: "0.75rem",
+  MARGIN_4: "1rem",
+  MARGIN_5: "1.25rem",
+  MARGIN_6: "1.5rem",
+  MARGIN_7: "1.75rem",
+  MARGIN_8: "2rem",
+  MARGIN_10: "2.5rem",
+  MARGIN_12: "3rem",
+  MARGIN_16: "4rem",
+  MARGIN_20: "5rem",
+  MARGIN_24: "6rem",
+  MARGIN_32: "8rem",
+  MARGIN_40: "10rem",
+  MARGIN_48: "12rem",
+  MARGIN_56: "14rem",
+  MARGIN_64: "16rem"
+}, S = {
+  FONTSIZE_XS: "0.75rem",
+  FONTSIZE_SM: "0.875rem",
+  FONTSIZE_LG: "1.125rem",
+  FONTSIZE_XL: "1.25rem",
+  FONTSIZE_2XL: "1.5rem",
+  FONTSIZE_3XL: "1.875rem",
+  FONTSIZE_4XL: "2.25rem",
+  FONTSIZE_5XL: "3rem",
+  FONTSIZE_6XL: "3.75rem",
+  FONTSIZE_7XL: "4.5rem",
+  FONTSIZE_8XL: "6rem",
+  FONTSIZE_9XL: "8rem",
+  FONTWEIGHT_THIN: "100",
+  FONTWEIGHT_EXTRALIGHT: "200",
+  FONTWEIGHT_LIGHT: "300",
+  FONTWEIGHT_NORMAL: "400",
+  FONTWEIGHT_MEDIUM: "500",
+  FONTWEIGHT_SEMIBOLD: "600",
+  FONTWEIGHT_BOLD: "700",
+  FONTWEIGHT_EXTRABOLD: "800",
+  FONTWEIGHT_BLACK: "900"
+}, I = "_main_1taid_5", F = {
+  main: I
+}, G = ["color"];
+function D(A) {
+  return A && typeof A == "object" && A.constructor === Object;
+}
+function t(A, ...T) {
+  const _ = new Set(T);
+  return _.add(F.main), _.add(A.className || ""), Object.keys(A).forEach((E) => {
+    if (!G.includes(E))
+      return;
+    _.add(F[E]);
+    const N = A[E];
+    Array.isArray(N) ? N.forEach((B) => _.add(F[`${E}-${B}`])) : D(N) ? Object.entries(N).forEach(([B, e]) => {
+      _.add(F[`${E}-${B}`]), _.add(F[`${E}-${B}-${e}`]);
+    }) : _.add(F[`${E}-${N}`]);
+  }), Array.from(_).filter((E) => !!E).join(" ");
+}
+function R(A, T) {
   const _ = {};
-  return E.width && (_.width = E.width), E.height && (_.height = E.height), _.width || _.height ? Object.assign(A || {}, _) : A;
+  return A.width && (_.width = A.width), A.height && (_.height = A.height), _.width || _.height ? Object.assign(T || {}, _) : T;
 }
-function N(E, ...A) {
-  return Object.keys(E).filter(
-    (_) => E[_] !== void 0 && !F.includes(_) && !A.includes(_)
+function i(A, ...T) {
+  return Object.keys(A).filter(
+    (_) => A[_] !== void 0 && !G.includes(_) && !T.includes(_)
   ).reduce(
-    (_, T) => (_[T] = E[T], _),
+    (_, E) => (_[E] = A[E], _),
     {
-      style: C(E, E.style)
+      style: R(A, A.style)
     }
   );
 }
 export {
-  D as Color,
-  N as omitStyledProps,
-  G as styledClasses
+  C as Color,
+  X as Spacing,
+  S as Typography,
+  i as omitStyledProps,
+  t as styledClasses
 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export * from "../src/Colors/Colors";
+export * from "./Colors/Colors";
+export * from "./Spacing/Spacing";
+export * from "./Typography/Typography";
 export * from "./utils";
-import styledClasses from "./index.module.css";
-export { styledClasses };

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@signozhq/design-tokens",
-  "version": "0.0.7",
-  "main": "dist/index.d.ts",
+  "version": "0.0.8",
+  "module": "./dist/design-tokens.js",
   "private": false,
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
   "exports": {
-    ".": "./dist/index.d.ts",
+    ".": "./dist/design-tokens.js",
     "./dist/style.css": "./dist/index.css"
   },
+  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build",
     "build-style-dictionary": "style-dictionary build",
     "generate-tokens": "node ./scripts/generate-types-from-json.mjs"
   },
   "files": [
-    "dist/"
+    "dist"
   ],
   "author": "",
   "license": "ISC",