@signozhq/design-tokens 1.1.1 → 1.1.2

package/dist/design-tokens.js

@@ -1,4 +1,4 @@
-const _ = {
+const A = {
   BG_ROBIN_100: "#CAD5FD",
   BG_ROBIN_200: "#B8C7FC",
   BG_ROBIN_300: "#95ACFB",
@@ -121,7 +121,7 @@ const _ = {
   TEXT_FOREST_400: "#51E7A8",
   TEXT_FOREST_500: "#25E192",
   TEXT_FOREST_600: "#1EB475"
-}, A = {
+}, F = {
   "robin-100": "#CAD5FD",
   "robin-200": "#B8C7FC",
   "robin-300": "#95ACFB",
@@ -221,7 +221,7 @@ const _ = {
   MARGIN_48: "12rem",
   MARGIN_56: "14rem",
   MARGIN_64: "16rem"
-}, T = {
+}, t = {
   FONTSIZE_XS: "0.75rem",
   FONTSIZE_SM: "0.875rem",
   FONTSIZE_LG: "1.125rem",
@@ -243,10 +243,788 @@ const _ = {
   FONTWEIGHT_BOLD: "700",
   FONTWEIGHT_EXTRABOLD: "800",
   FONTWEIGHT_BLACK: "900"
+}, e = {
+  Robin: {
+    100: {
+      value: "#CAD5FD",
+      type: "color"
+    },
+    200: {
+      value: "#B8C7FC",
+      type: "color"
+    },
+    300: {
+      value: "#95ACFB",
+      type: "color"
+    },
+    400: {
+      value: "#7190F9",
+      type: "color"
+    },
+    500: {
+      value: "#4E74F8",
+      type: "color"
+    },
+    600: {
+      value: "#3F5ECC",
+      type: "color"
+    }
+  },
+  Sienna: {
+    100: {
+      value: "#E6D9CD",
+      type: "color"
+    },
+    200: {
+      value: "#DECCBC",
+      type: "color"
+    },
+    300: {
+      value: "#CEB29B",
+      type: "color"
+    },
+    400: {
+      value: "#BD9979",
+      type: "color"
+    },
+    500: {
+      value: "#AD7F58",
+      type: "color"
+    },
+    600: {
+      value: "#8A6646",
+      type: "color"
+    }
+  },
+  Cherry: {
+    100: {
+      value: "#FADADB",
+      type: "color"
+    },
+    200: {
+      value: "#F7C8CA",
+      type: "color"
+    },
+    300: {
+      value: "#F5B6B8",
+      type: "color"
+    },
+    400: {
+      value: "#EA6D71",
+      type: "color"
+    },
+    500: {
+      value: "#E5484D",
+      type: "color"
+    },
+    600: {
+      value: "#B83A3E",
+      type: "color"
+    }
+  },
+  Aqua: {
+    100: {
+      value: "#C1EEFD",
+      type: "color"
+    },
+    200: {
+      value: "#9AE4FC",
+      type: "color"
+    },
+    300: {
+      value: "#72D9FB",
+      type: "color"
+    },
+    400: {
+      value: "#4BCFF9",
+      type: "color"
+    },
+    500: {
+      value: "#23C4F8",
+      type: "color"
+    },
+    600: {
+      value: "#07AFE6",
+      type: "color"
+    }
+  },
+  Sakura: {
+    100: {
+      value: "#FBC8D2",
+      type: "color"
+    },
+    200: {
+      value: "#FAB5C3",
+      type: "color"
+    },
+    300: {
+      value: "#F791A5",
+      type: "color"
+    },
+    400: {
+      value: "#F56C87",
+      type: "color"
+    },
+    500: {
+      value: "#F24769",
+      type: "color"
+    },
+    600: {
+      value: "#C53955",
+      type: "color"
+    }
+  },
+  Amber: {
+    100: {
+      value: "#FFF0CC",
+      type: "color"
+    },
+    200: {
+      value: "#FFEBBB",
+      type: "color"
+    },
+    300: {
+      value: "#FFE19A",
+      type: "color"
+    },
+    400: {
+      value: "#FFD778",
+      type: "color"
+    },
+    500: {
+      value: "#FFCD56",
+      type: "color"
+    },
+    600: {
+      value: "#D5AA45",
+      type: "color"
+    }
+  },
+  Ink: {
+    100: {
+      value: "#2A2E37",
+      type: "color"
+    },
+    200: {
+      value: "#23262E",
+      type: "color"
+    },
+    300: {
+      value: "#16181D",
+      type: "color"
+    },
+    400: {
+      value: "#121317",
+      type: "color"
+    },
+    500: {
+      value: "#0B0C0E",
+      type: "color"
+    }
+  },
+  Vanilla: {
+    100: {
+      value: "#FFFFFF",
+      type: "color"
+    },
+    200: {
+      value: "#F5F5F5",
+      type: "color"
+    },
+    300: {
+      value: "#E9E9E9",
+      type: "color"
+    },
+    400: {
+      value: "#C0C1C3",
+      type: "color"
+    }
+  },
+  Slate: {
+    50: {
+      value: "#62687C",
+      type: "color"
+    },
+    100: {
+      value: "#3C4152",
+      type: "color"
+    },
+    200: {
+      value: "#2C3140",
+      type: "color"
+    },
+    300: {
+      value: "#242834",
+      type: "color"
+    },
+    400: {
+      value: "#1D212D",
+      type: "color"
+    },
+    500: {
+      value: "#161922",
+      type: "color"
+    }
+  },
+  Gradient: {
+    Coral: {
+      value: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
+      type: "color"
+    },
+    "Dark-Shadow": {
+      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+      type: "color"
+    },
+    Dawn: {
+      value: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
+      type: "color"
+    },
+    Ocean: {
+      value: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
+      type: "color"
+    },
+    Splash: {
+      value: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
+      type: "color"
+    },
+    Flamingo: {
+      value: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
+      type: "color"
+    }
+  },
+  Forest: {
+    200: {
+      value: "#A8F3D3",
+      type: "color"
+    },
+    300: {
+      value: "#7CEDBE",
+      type: "color"
+    },
+    400: {
+      value: "#51E7A8",
+      type: "color"
+    },
+    500: {
+      value: "#25E192",
+      type: "color"
+    },
+    600: {
+      value: "#1EB475",
+      type: "color"
+    }
+  }
+}, a = {
+  Robin: {
+    100: {
+      value: "#CAD5FD",
+      type: "color"
+    },
+    200: {
+      value: "#B8C7FC",
+      type: "color"
+    },
+    300: {
+      value: "#95ACFB",
+      type: "color"
+    },
+    400: {
+      value: "#7190F9",
+      type: "color"
+    },
+    500: {
+      value: "#4E74F8",
+      type: "color"
+    },
+    600: {
+      value: "#3F5ECC",
+      type: "color"
+    }
+  },
+  Sienna: {
+    100: {
+      value: "#E6D9CD",
+      type: "color"
+    },
+    200: {
+      value: "#DECCBC",
+      type: "color"
+    },
+    300: {
+      value: "#CEB29B",
+      type: "color"
+    },
+    400: {
+      value: "#BD9979",
+      type: "color"
+    },
+    500: {
+      value: "#AD7F58",
+      type: "color"
+    },
+    600: {
+      value: "#8A6646",
+      type: "color"
+    }
+  },
+  Cherry: {
+    100: {
+      value: "#FADADB",
+      type: "color"
+    },
+    200: {
+      value: "#F7C8CA",
+      type: "color"
+    },
+    300: {
+      value: "#F5B6B8",
+      type: "color"
+    },
+    400: {
+      value: "#EA6D71",
+      type: "color"
+    },
+    500: {
+      value: "#E5484D",
+      type: "color"
+    },
+    600: {
+      value: "#B83A3E",
+      type: "color"
+    }
+  },
+  Aqua: {
+    100: {
+      value: "#C1EEFD",
+      type: "color"
+    },
+    200: {
+      value: "#9AE4FC",
+      type: "color"
+    },
+    300: {
+      value: "#72D9FB",
+      type: "color"
+    },
+    400: {
+      value: "#4BCFF9",
+      type: "color"
+    },
+    500: {
+      value: "#23C4F8",
+      type: "color"
+    },
+    600: {
+      value: "#07AFE6",
+      type: "color"
+    }
+  },
+  Sakura: {
+    100: {
+      value: "#FBC8D2",
+      type: "color"
+    },
+    200: {
+      value: "#FAB5C3",
+      type: "color"
+    },
+    300: {
+      value: "#F791A5",
+      type: "color"
+    },
+    400: {
+      value: "#F56C87",
+      type: "color"
+    },
+    500: {
+      value: "#F24769",
+      type: "color"
+    },
+    600: {
+      value: "#C53955",
+      type: "color"
+    }
+  },
+  Amber: {
+    100: {
+      value: "#FFF0CC",
+      type: "color"
+    },
+    200: {
+      value: "#FFEBBB",
+      type: "color"
+    },
+    300: {
+      value: "#FFE19A",
+      type: "color"
+    },
+    400: {
+      value: "#FFD778",
+      type: "color"
+    },
+    500: {
+      value: "#FFCD56",
+      type: "color"
+    },
+    600: {
+      value: "#D5AA45",
+      type: "color"
+    }
+  },
+  Ink: {
+    100: {
+      value: "#2A2E37",
+      type: "color"
+    },
+    200: {
+      value: "#23262E",
+      type: "color"
+    },
+    300: {
+      value: "#16181D",
+      type: "color"
+    },
+    400: {
+      value: "#121317",
+      type: "color"
+    },
+    500: {
+      value: "#0B0C0E",
+      type: "color"
+    }
+  },
+  Vanilla: {
+    100: {
+      value: "#FFFFFF",
+      type: "color"
+    },
+    200: {
+      value: "#F5F5F5",
+      type: "color"
+    },
+    300: {
+      value: "#E9E9E9",
+      type: "color"
+    },
+    400: {
+      value: "#C0C1C3",
+      type: "color"
+    }
+  },
+  Slate: {
+    200: {
+      value: "#2C3140",
+      type: "color"
+    },
+    300: {
+      value: "#242834",
+      type: "color"
+    },
+    400: {
+      value: "#1D212D",
+      type: "color"
+    },
+    500: {
+      value: "#161922",
+      type: "color"
+    }
+  },
+  Gradient: {
+    Coral: {
+      value: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
+      type: "color"
+    },
+    "Dark-Shadow": {
+      value: "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+      type: "color"
+    },
+    Dawn: {
+      value: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
+      type: "color"
+    },
+    Ocean: {
+      value: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
+      type: "color"
+    },
+    Splash: {
+      value: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
+      type: "color"
+    },
+    Flamingo: {
+      value: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
+      type: "color"
+    }
+  },
+  Forest: {
+    200: {
+      value: "#A8F3D3",
+      type: "color"
+    },
+    300: {
+      value: "#7CEDBE",
+      type: "color"
+    },
+    400: {
+      value: "#51E7A8",
+      type: "color"
+    },
+    500: {
+      value: "#25E192",
+      type: "color"
+    },
+    600: {
+      value: "#1EB475",
+      type: "color"
+    }
+  }
+}, p = {
+  bg: e,
+  text: a
+}, l = {
+  1: {
+    value: "0.25rem",
+    type: "spacing"
+  },
+  2: {
+    value: "0.5rem",
+    type: "spacing"
+  },
+  3: {
+    value: "0.75rem",
+    type: "spacing"
+  },
+  4: {
+    value: "1rem",
+    type: "spacing"
+  },
+  5: {
+    value: "1.25rem",
+    type: "spacing"
+  },
+  6: {
+    value: "1.5rem",
+    type: "spacing"
+  },
+  7: {
+    value: "1.75rem",
+    type: "spacing"
+  },
+  8: {
+    value: "2rem",
+    type: "spacing"
+  },
+  10: {
+    value: "2.5rem",
+    type: "spacing"
+  },
+  12: {
+    value: "3rem",
+    type: "spacing"
+  },
+  16: {
+    value: "4rem",
+    type: "spacing"
+  },
+  20: {
+    value: "5rem",
+    type: "spacing"
+  },
+  24: {
+    value: "6rem",
+    type: "spacing"
+  },
+  32: {
+    value: "8rem",
+    type: "spacing"
+  },
+  40: {
+    value: "10rem",
+    type: "spacing"
+  },
+  48: {
+    value: "12rem",
+    type: "spacing"
+  },
+  56: {
+    value: "14rem",
+    type: "spacing"
+  },
+  64: {
+    value: "16rem",
+    type: "spacing"
+  }
+}, r = {
+  1: {
+    value: "0.25rem",
+    type: "spacing"
+  },
+  2: {
+    value: "0.5rem",
+    type: "spacing"
+  },
+  3: {
+    value: "0.75rem",
+    type: "spacing"
+  },
+  4: {
+    value: "1rem",
+    type: "spacing"
+  },
+  5: {
+    value: "1.25rem",
+    type: "spacing"
+  },
+  6: {
+    value: "1.5rem",
+    type: "spacing"
+  },
+  7: {
+    value: "1.75rem",
+    type: "spacing"
+  },
+  8: {
+    value: "2rem",
+    type: "spacing"
+  },
+  10: {
+    value: "2.5rem",
+    type: "spacing"
+  },
+  12: {
+    value: "3rem",
+    type: "spacing"
+  },
+  16: {
+    value: "4rem",
+    type: "spacing"
+  },
+  20: {
+    value: "5rem",
+    type: "spacing"
+  },
+  24: {
+    value: "6rem",
+    type: "spacing"
+  },
+  32: {
+    value: "8rem",
+    type: "spacing"
+  },
+  40: {
+    value: "10rem",
+    type: "spacing"
+  },
+  48: {
+    value: "12rem",
+    type: "spacing"
+  },
+  56: {
+    value: "14rem",
+    type: "spacing"
+  },
+  64: {
+    value: "16rem",
+    type: "spacing"
+  }
+}, y = {
+  padding: l,
+  margin: r
+}, o = {
+  xs: {
+    value: "0.75rem",
+    type: "typography"
+  },
+  sm: {
+    value: "0.875rem",
+    type: "typography"
+  },
+  lg: {
+    value: "1.125rem",
+    type: "typography"
+  },
+  xl: {
+    value: "1.25rem",
+    type: "typography"
+  },
+  "2xl": {
+    value: "1.5rem",
+    type: "typography"
+  },
+  "3xl": {
+    value: "1.875rem",
+    type: "typography"
+  },
+  "4xl": {
+    value: "2.25rem",
+    type: "typography"
+  },
+  "5xl": {
+    value: "3rem",
+    type: "typography"
+  },
+  "6xl": {
+    value: "3.75rem",
+    type: "typography"
+  },
+  "7xl": {
+    value: "4.5rem",
+    type: "typography"
+  },
+  "8xl": {
+    value: "6rem",
+    type: "typography"
+  },
+  "9xl": {
+    value: "8rem",
+    type: "typography"
+  }
+}, _ = {
+  thin: {
+    value: "100",
+    type: "typography"
+  },
+  extralight: {
+    value: "200",
+    type: "typography"
+  },
+  light: {
+    value: "300",
+    type: "typography"
+  },
+  normal: {
+    value: "400",
+    type: "typography"
+  },
+  medium: {
+    value: "500",
+    type: "typography"
+  },
+  semibold: {
+    value: "600",
+    type: "typography"
+  },
+  bold: {
+    value: "700",
+    type: "typography"
+  },
+  extrabold: {
+    value: "800",
+    type: "typography"
+  },
+  black: {
+    value: "900",
+    type: "typography"
+  }
+}, C = {
+  fontSize: o,
+  fontWeight: _
 };
 export {
-  _ as Color,
-  A as ColorTailwind,
+  A as Color,
+  F as ColorTailwind,
   E as Spacing,
-  T as Typography
+  t as Typography,
+  p as colorTokens,
+  y as spacingTokens,
+  C as typographyTokens
 };