@signozhq/design-tokens 0.0.10 → 1.1.0

package/README.md

@@ -1,181 +1 @@
-# Basic Style Dictionary
-
-This example code is bare-bones to show you what this framework can do. If you have the style-dictionary module installed globally, you can `cd` into this directory and run:
-```bash
-style-dictionary build
-```
-
-You should see something like this output:
-```
-Copying starter files...
-
-Source style dictionary starter files created!
-
-Running `style-dictionary build` for the first time to generate build artifacts.
-
-
-scss
-✔︎  build/scss/_variables.scss
-
-android
-✔︎  build/android/font_dimens.xml
-✔︎  build/android/colors.xml
-
-compose
-✔︎ build/compose/StyleDictionaryColor.kt
-✔︎ build/compose/StyleDictionarySize.kt
-
-ios
-✔︎  build/ios/StyleDictionaryColor.h
-✔︎  build/ios/StyleDictionaryColor.m
-✔︎  build/ios/StyleDictionarySize.h
-✔︎  build/ios/StyleDictionarySize.m
-
-ios-swift
-✔︎  build/ios-swift/StyleDictionary.swift
-
-ios-swift-separate-enums
-✔︎  build/ios-swift/StyleDictionaryColor.swift
-✔︎  build/ios-swift/StyleDictionarySize.swift
-```
-
-Good for you! You have now built your first style dictionary! Moving on, take a look at what we have built. This should have created a build directory and it should look like this:
-```
-├── README.md
-├── config.json
-├── tokens/
-│   ├── color/
-│       ├── base.json
-│       ├── font.json
-│   ├── size/
-│       ├── font.json
-├── build/
-│   ├── android/
-│      ├── font_dimens.xml
-│      ├── colors.xml
-│   ├── compose/
-│      ├── StyleDictionaryColor.kt
-│      ├── StyleDictionarySize.kt
-│   ├── scss/
-│      ├── _variables.scss
-│   ├── ios/
-│      ├── StyleDictionaryColor.h
-│      ├── StyleDictionaryColor.m
-│      ├── StyleDictionarySize.h
-│      ├── StyleDictionarySize.m
-│   ├── ios-swift/
-│      ├── StyleDictionary.swift
-│      ├── StyleDictionaryColor.swift
-│      ├── StyleDictionarySize.swift
-```
-
-If you open `config.json` you will see there are 5 platforms defined: scss, android, compose, ios, and ios-swift. Each platform has a transformGroup, buildPath, and files. The buildPath and files of the platform should match up to the files what were built. The files built should look like these:
-
-**Android**
-```xml
-<!-- font_dimens.xml -->
-<resources>
-  <dimen name="size_font_small">12.00sp</dimen>
-  <dimen name="size_font_medium">16.00sp</dimen>
-  <dimen name="size_font_large">32.00sp</dimen>
-  <dimen name="size_font_base">16.00sp</dimen>
-</resources>
-
-<!-- colors.xml -->
-<resources>
-  <color name="color_base_gray_light">#ffcccccc</color>
-  <color name="color_base_gray_medium">#ff999999</color>
-  <color name="color_base_gray_dark">#ff111111</color>
-  <color name="color_base_red">#ffff0000</color>
-  <color name="color_base_green">#ff00ff00</color>
-  <color name="color_font_base">#ffff0000</color>
-  <color name="color_font_secondary">#ff00ff00</color>
-  <color name="color_font_tertiary">#ffcccccc</color>
-</resources>
-```
-
-**Compose**
-```kotlin
-object StyleDictionaryColor {
-  val colorBaseGrayDark = Color(0xff111111)
-  val colorBaseGrayLight = Color(0xffcccccc)
-  val colorBaseGrayMedium = Color(0xff999999)
-  val colorBaseGreen = Color(0xff00ff00)
-  val colorBaseRed = Color(0xffff0000)
-  val colorFontBase = Color(0xffff0000)
-  val colorFontSecondary = Color(0xff00ff00)
-  val colorFontTertiary = Color(0xffcccccc)
-}
-
-object StyleDictionarySize {
-  /** the base size of the font */
-  val sizeFontBase = 16.00.sp
-  /** the large size of the font */
-  val sizeFontLarge = 32.00.sp
-  /** the medium size of the font */
-  val sizeFontMedium = 16.00.sp
-  /** the small size of the font */
-  val sizeFontSmall = 12.00.sp
-}
-```
-
-**SCSS**
-```scss
-// variables.scss
-$color-base-gray-light: #cccccc;
-$color-base-gray-medium: #999999;
-$color-base-gray-dark: #111111;
-$color-base-red: #ff0000;
-$color-base-green: #00ff00;
-$color-font-base: #ff0000;
-$color-font-secondary: #00ff00;
-$color-font-tertiary: #cccccc;
-$size-font-small: 0.75rem;
-$size-font-medium: 1rem;
-$size-font-large: 2rem;
-$size-font-base: 1rem;
-```
-
-**iOS**
-```objc
-#import "StyleDictionaryColor.h"
-
-@implementation StyleDictionaryColor
-
-+ (UIColor *)color:(StyleDictionaryColorName)colorEnum{
-  return [[self values] objectAtIndex:colorEnum];
-}
-
-+ (NSArray *)values {
-  static NSArray* colorArray;
-  static dispatch_once_t onceToken;
-
-  dispatch_once(&onceToken, ^{
-    colorArray = @[
-[UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
-[UIColor colorWithRed:0.600f green:0.600f blue:0.600f alpha:1.000f],
-[UIColor colorWithRed:0.067f green:0.067f blue:0.067f alpha:1.000f],
-[UIColor colorWithRed:1.000f green:0.000f blue:0.000f alpha:1.000f],
-[UIColor colorWithRed:0.000f green:1.000f blue:0.000f alpha:1.000f],
-[UIColor colorWithRed:1.000f green:0.000f blue:0.000f alpha:1.000f],
-[UIColor colorWithRed:0.000f green:1.000f blue:0.000f alpha:1.000f],
-[UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f]
-    ];
-  });
-
-  return colorArray;
-}
-
-@end
-```
-
-Pretty nifty! This shows a few things happening:
-1. The build system does a deep merge of all the token JSON files defined in the `source` attribute of `config.json`. This allows you to split up the token JSON files however you want. There are 2 JSON files with `color` as the top level key, but they get merged properly.
-1. The build system resolves references to other design tokens. `{size.font.medium.value}` gets resolved properly.
-1. The build system handles references to token values in other files as well as you can see in `tokens/color/font.json`.
-
-Now let's make a change and see how that affects things. Open up `tokens/color/base.json` and change `"#111111"` to `"#000000"`. After you make that change, save the file and re-run the build command `style-dictionary build`. Open up the build files and take a look.
-
-**Huzzah!**
-
-Now go forth and create! Take a look at all the built-in [transforms](https://amzn.github.io/style-dictionary/#/transforms?id=pre-defined-transforms) and [formats](https://amzn.github.io/style-dictionary/#/formats?id=pre-defined-formats).
+# `design-tokens`

package/dist/design-tokens.js

@@ -1,5 +1,4 @@
-import "./index.css";
-const C = {
+const _ = {
   BG_ROBIN_100: "#CAD5FD",
   BG_ROBIN_200: "#B8C7FC",
   BG_ROBIN_300: "#95ACFB",
@@ -122,7 +121,70 @@ const C = {
   TEXT_FOREST_400: "#51E7A8",
   TEXT_FOREST_500: "#25E192",
   TEXT_FOREST_600: "#1EB475"
-}, X = {
+}, A = {
+  "robin-100": "#CAD5FD",
+  "robin-200": "#B8C7FC",
+  "robin-300": "#95ACFB",
+  "robin-400": "#7190F9",
+  "robin-500": "#4E74F8",
+  "robin-600": "#3F5ECC",
+  "sienna-100": "#E6D9CD",
+  "sienna-200": "#DECCBC",
+  "sienna-300": "#CEB29B",
+  "sienna-400": "#BD9979",
+  "sienna-500": "#AD7F58",
+  "sienna-600": "#8A6646",
+  "cherry-100": "#FADADB",
+  "cherry-200": "#F7C8CA",
+  "cherry-300": "#F5B6B8",
+  "cherry-400": "#EA6D71",
+  "cherry-500": "#E5484D",
+  "cherry-600": "#B83A3E",
+  "aqua-100": "#C1EEFD",
+  "aqua-200": "#9AE4FC",
+  "aqua-300": "#72D9FB",
+  "aqua-400": "#4BCFF9",
+  "aqua-500": "#23C4F8",
+  "aqua-600": "#07AFE6",
+  "sakura-100": "#FBC8D2",
+  "sakura-200": "#FAB5C3",
+  "sakura-300": "#F791A5",
+  "sakura-400": "#F56C87",
+  "sakura-500": "#F24769",
+  "sakura-600": "#C53955",
+  "amber-100": "#FFF0CC",
+  "amber-200": "#FFEBBB",
+  "amber-300": "#FFE19A",
+  "amber-400": "#FFD778",
+  "amber-500": "#FFCD56",
+  "amber-600": "#D5AA45",
+  "ink-100": "#2A2E37",
+  "ink-200": "#23262E",
+  "ink-300": "#16181D",
+  "ink-400": "#121317",
+  "ink-500": "#0B0C0E",
+  "vanilla-100": "#FFFFFF",
+  "vanilla-200": "#F5F5F5",
+  "vanilla-300": "#E9E9E9",
+  "vanilla-400": "#C0C1C3",
+  "slate-50": "#62687C",
+  "slate-100": "#3C4152",
+  "slate-200": "#2C3140",
+  "slate-300": "#242834",
+  "slate-400": "#1D212D",
+  "slate-500": "#161922",
+  "gradient-coral": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)",
+  "gradient-dark-shadow": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",
+  "gradient-dawn": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",
+  "gradient-ocean": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",
+  "gradient-splash": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",
+  "gradient-flamingo": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",
+  "forest-200": "#A8F3D3",
+  "forest-300": "#7CEDBE",
+  "forest-400": "#51E7A8",
+  "forest-500": "#25E192",
+  "forest-600": "#1EB475"
+}, E = {
   PADDING_1: "0.25rem",
   PADDING_2: "0.5rem",
   PADDING_3: "0.75rem",
@@ -159,7 +221,7 @@ const C = {
   MARGIN_48: "12rem",
   MARGIN_56: "14rem",
   MARGIN_64: "16rem"
-}, S = {
+}, T = {
   FONTSIZE_XS: "0.75rem",
   FONTSIZE_SM: "0.875rem",
   FONTSIZE_LG: "1.125rem",
@@ -181,42 +243,10 @@ const C = {
   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 B = A[E];
-    Array.isArray(B) ? B.forEach((N) => _.add(F[`${E}-${N}`])) : D(B) ? Object.entries(B).forEach(([N, e]) => {
-      _.add(F[`${E}-${N}`]), _.add(F[`${E}-${N}-${e}`]);
-    }) : _.add(F[`${E}-${B}`]);
-  }), Array.from(_).filter((E) => !!E).join(" ");
-}
-function R(A, T) {
-  const _ = {};
-  return A.width && (_.width = A.width), A.height && (_.height = A.height), _.width || _.height ? Object.assign(T || {}, _) : T;
-}
-function i(A, ...T) {
-  return Object.keys(A).filter(
-    (_) => A[_] !== void 0 && !G.includes(_) && !T.includes(_)
-  ).reduce(
-    (_, E) => (_[E] = A[E], _),
-    {
-      style: R(A, A.style)
-    }
-  );
-}
+};
 export {
-  C as Color,
-  X as Spacing,
-  S as Typography,
-  i as omitStyledProps,
-  t as styledClasses
+  _ as Color,
+  A as ColorTailwind,
+  E as Spacing,
+  T as Typography
 };

package/dist/design-tokens.umd.cjs

@@ -0,0 +1 @@
+(function(_,A){typeof exports=="object"&&typeof module<"u"?A(exports):typeof define=="function"&&define.amd?define(["exports"],A):(_=typeof globalThis<"u"?globalThis:_||self,A(_.designTokens={}))})(this,function(_){"use strict";const A={BG_ROBIN_100:"#CAD5FD",BG_ROBIN_200:"#B8C7FC",BG_ROBIN_300:"#95ACFB",BG_ROBIN_400:"#7190F9",BG_ROBIN_500:"#4E74F8",BG_ROBIN_600:"#3F5ECC",BG_SIENNA_100:"#E6D9CD",BG_SIENNA_200:"#DECCBC",BG_SIENNA_300:"#CEB29B",BG_SIENNA_400:"#BD9979",BG_SIENNA_500:"#AD7F58",BG_SIENNA_600:"#8A6646",BG_CHERRY_100:"#FADADB",BG_CHERRY_200:"#F7C8CA",BG_CHERRY_300:"#F5B6B8",BG_CHERRY_400:"#EA6D71",BG_CHERRY_500:"#E5484D",BG_CHERRY_600:"#B83A3E",BG_AQUA_100:"#C1EEFD",BG_AQUA_200:"#9AE4FC",BG_AQUA_300:"#72D9FB",BG_AQUA_400:"#4BCFF9",BG_AQUA_500:"#23C4F8",BG_AQUA_600:"#07AFE6",BG_SAKURA_100:"#FBC8D2",BG_SAKURA_200:"#FAB5C3",BG_SAKURA_300:"#F791A5",BG_SAKURA_400:"#F56C87",BG_SAKURA_500:"#F24769",BG_SAKURA_600:"#C53955",BG_AMBER_100:"#FFF0CC",BG_AMBER_200:"#FFEBBB",BG_AMBER_300:"#FFE19A",BG_AMBER_400:"#FFD778",BG_AMBER_500:"#FFCD56",BG_AMBER_600:"#D5AA45",BG_INK_100:"#2A2E37",BG_INK_200:"#23262E",BG_INK_300:"#16181D",BG_INK_400:"#121317",BG_INK_500:"#0B0C0E",BG_VANILLA_100:"#FFFFFF",BG_VANILLA_200:"#F5F5F5",BG_VANILLA_300:"#E9E9E9",BG_VANILLA_400:"#C0C1C3",BG_SLATE_50:"#62687C",BG_SLATE_100:"#3C4152",BG_SLATE_200:"#2C3140",BG_SLATE_300:"#242834",BG_SLATE_400:"#1D212D",BG_SLATE_500:"#161922",BG_GRADIENT_CORAL:"linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)","BG_GRADIENT_DARK-SHADOW":"linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",BG_GRADIENT_DAWN:"linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",BG_GRADIENT_OCEAN:"linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",BG_GRADIENT_SPLASH:"linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",BG_GRADIENT_FLAMINGO:"linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",BG_FOREST_200:"#A8F3D3",BG_FOREST_300:"#7CEDBE",BG_FOREST_400:"#51E7A8",BG_FOREST_500:"#25E192",BG_FOREST_600:"#1EB475",TEXT_ROBIN_100:"#CAD5FD",TEXT_ROBIN_200:"#B8C7FC",TEXT_ROBIN_300:"#95ACFB",TEXT_ROBIN_400:"#7190F9",TEXT_ROBIN_500:"#4E74F8",TEXT_ROBIN_600:"#3F5ECC",TEXT_SIENNA_100:"#E6D9CD",TEXT_SIENNA_200:"#DECCBC",TEXT_SIENNA_300:"#CEB29B",TEXT_SIENNA_400:"#BD9979",TEXT_SIENNA_500:"#AD7F58",TEXT_SIENNA_600:"#8A6646",TEXT_CHERRY_100:"#FADADB",TEXT_CHERRY_200:"#F7C8CA",TEXT_CHERRY_300:"#F5B6B8",TEXT_CHERRY_400:"#EA6D71",TEXT_CHERRY_500:"#E5484D",TEXT_CHERRY_600:"#B83A3E",TEXT_AQUA_100:"#C1EEFD",TEXT_AQUA_200:"#9AE4FC",TEXT_AQUA_300:"#72D9FB",TEXT_AQUA_400:"#4BCFF9",TEXT_AQUA_500:"#23C4F8",TEXT_AQUA_600:"#07AFE6",TEXT_SAKURA_100:"#FBC8D2",TEXT_SAKURA_200:"#FAB5C3",TEXT_SAKURA_300:"#F791A5",TEXT_SAKURA_400:"#F56C87",TEXT_SAKURA_500:"#F24769",TEXT_SAKURA_600:"#C53955",TEXT_AMBER_100:"#FFF0CC",TEXT_AMBER_200:"#FFEBBB",TEXT_AMBER_300:"#FFE19A",TEXT_AMBER_400:"#FFD778",TEXT_AMBER_500:"#FFCD56",TEXT_AMBER_600:"#D5AA45",TEXT_INK_100:"#2A2E37",TEXT_INK_200:"#23262E",TEXT_INK_300:"#16181D",TEXT_INK_400:"#121317",TEXT_INK_500:"#0B0C0E",TEXT_VANILLA_100:"#FFFFFF",TEXT_VANILLA_200:"#F5F5F5",TEXT_VANILLA_300:"#E9E9E9",TEXT_VANILLA_400:"#C0C1C3",TEXT_SLATE_200:"#2C3140",TEXT_SLATE_300:"#242834",TEXT_SLATE_400:"#1D212D",TEXT_SLATE_500:"#161922",TEXT_GRADIENT_CORAL:"linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)","TEXT_GRADIENT_DARK-SHADOW":"linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)",TEXT_GRADIENT_DAWN:"linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)",TEXT_GRADIENT_OCEAN:"linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)",TEXT_GRADIENT_SPLASH:"linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)",TEXT_GRADIENT_FLAMINGO:"linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)",TEXT_FOREST_200:"#A8F3D3",TEXT_FOREST_300:"#7CEDBE",TEXT_FOREST_400:"#51E7A8",TEXT_FOREST_500:"#25E192",TEXT_FOREST_600:"#1EB475"},E={"robin-100":"#CAD5FD","robin-200":"#B8C7FC","robin-300":"#95ACFB","robin-400":"#7190F9","robin-500":"#4E74F8","robin-600":"#3F5ECC","sienna-100":"#E6D9CD","sienna-200":"#DECCBC","sienna-300":"#CEB29B","sienna-400":"#BD9979","sienna-500":"#AD7F58","sienna-600":"#8A6646","cherry-100":"#FADADB","cherry-200":"#F7C8CA","cherry-300":"#F5B6B8","cherry-400":"#EA6D71","cherry-500":"#E5484D","cherry-600":"#B83A3E","aqua-100":"#C1EEFD","aqua-200":"#9AE4FC","aqua-300":"#72D9FB","aqua-400":"#4BCFF9","aqua-500":"#23C4F8","aqua-600":"#07AFE6","sakura-100":"#FBC8D2","sakura-200":"#FAB5C3","sakura-300":"#F791A5","sakura-400":"#F56C87","sakura-500":"#F24769","sakura-600":"#C53955","amber-100":"#FFF0CC","amber-200":"#FFEBBB","amber-300":"#FFE19A","amber-400":"#FFD778","amber-500":"#FFCD56","amber-600":"#D5AA45","ink-100":"#2A2E37","ink-200":"#23262E","ink-300":"#16181D","ink-400":"#121317","ink-500":"#0B0C0E","vanilla-100":"#FFFFFF","vanilla-200":"#F5F5F5","vanilla-300":"#E9E9E9","vanilla-400":"#C0C1C3","slate-50":"#62687C","slate-100":"#3C4152","slate-200":"#2C3140","slate-300":"#242834","slate-400":"#1D212D","slate-500":"#161922","gradient-coral":"linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)","gradient-dark-shadow":"linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)","gradient-dawn":"linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)","gradient-ocean":"linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)","gradient-splash":"linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)","gradient-flamingo":"linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)","forest-200":"#A8F3D3","forest-300":"#7CEDBE","forest-400":"#51E7A8","forest-500":"#25E192","forest-600":"#1EB475"},T={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"},F={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"};_.Color=A,_.ColorTailwind=E,_.Spacing=T,_.Typography=F,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/dist/scripts/generate-types-from-json.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-types-from-json.d.ts.map

package/dist/scripts/generate-types-from-json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-types-from-json.d.ts","sourceRoot":"","sources":["../../scripts/generate-types-from-json.ts"],"names":[],"mappings":""}

package/dist/src/Colors/Color.d.ts

@@ -0,0 +1,132 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Oct 2024 16:48:37 GMT
+ */
+export declare const Color: {
+    readonly BG_ROBIN_100: "#CAD5FD";
+    readonly BG_ROBIN_200: "#B8C7FC";
+    readonly BG_ROBIN_300: "#95ACFB";
+    readonly BG_ROBIN_400: "#7190F9";
+    readonly BG_ROBIN_500: "#4E74F8";
+    readonly BG_ROBIN_600: "#3F5ECC";
+    readonly BG_SIENNA_100: "#E6D9CD";
+    readonly BG_SIENNA_200: "#DECCBC";
+    readonly BG_SIENNA_300: "#CEB29B";
+    readonly BG_SIENNA_400: "#BD9979";
+    readonly BG_SIENNA_500: "#AD7F58";
+    readonly BG_SIENNA_600: "#8A6646";
+    readonly BG_CHERRY_100: "#FADADB";
+    readonly BG_CHERRY_200: "#F7C8CA";
+    readonly BG_CHERRY_300: "#F5B6B8";
+    readonly BG_CHERRY_400: "#EA6D71";
+    readonly BG_CHERRY_500: "#E5484D";
+    readonly BG_CHERRY_600: "#B83A3E";
+    readonly BG_AQUA_100: "#C1EEFD";
+    readonly BG_AQUA_200: "#9AE4FC";
+    readonly BG_AQUA_300: "#72D9FB";
+    readonly BG_AQUA_400: "#4BCFF9";
+    readonly BG_AQUA_500: "#23C4F8";
+    readonly BG_AQUA_600: "#07AFE6";
+    readonly BG_SAKURA_100: "#FBC8D2";
+    readonly BG_SAKURA_200: "#FAB5C3";
+    readonly BG_SAKURA_300: "#F791A5";
+    readonly BG_SAKURA_400: "#F56C87";
+    readonly BG_SAKURA_500: "#F24769";
+    readonly BG_SAKURA_600: "#C53955";
+    readonly BG_AMBER_100: "#FFF0CC";
+    readonly BG_AMBER_200: "#FFEBBB";
+    readonly BG_AMBER_300: "#FFE19A";
+    readonly BG_AMBER_400: "#FFD778";
+    readonly BG_AMBER_500: "#FFCD56";
+    readonly BG_AMBER_600: "#D5AA45";
+    readonly BG_INK_100: "#2A2E37";
+    readonly BG_INK_200: "#23262E";
+    readonly BG_INK_300: "#16181D";
+    readonly BG_INK_400: "#121317";
+    readonly BG_INK_500: "#0B0C0E";
+    readonly BG_VANILLA_100: "#FFFFFF";
+    readonly BG_VANILLA_200: "#F5F5F5";
+    readonly BG_VANILLA_300: "#E9E9E9";
+    readonly BG_VANILLA_400: "#C0C1C3";
+    readonly BG_SLATE_50: "#62687C";
+    readonly BG_SLATE_100: "#3C4152";
+    readonly BG_SLATE_200: "#2C3140";
+    readonly BG_SLATE_300: "#242834";
+    readonly BG_SLATE_400: "#1D212D";
+    readonly BG_SLATE_500: "#161922";
+    readonly BG_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
+    readonly 'BG_GRADIENT_DARK-SHADOW': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
+    readonly BG_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
+    readonly BG_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
+    readonly BG_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
+    readonly BG_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
+    readonly BG_FOREST_200: "#A8F3D3";
+    readonly BG_FOREST_300: "#7CEDBE";
+    readonly BG_FOREST_400: "#51E7A8";
+    readonly BG_FOREST_500: "#25E192";
+    readonly BG_FOREST_600: "#1EB475";
+    readonly TEXT_ROBIN_100: "#CAD5FD";
+    readonly TEXT_ROBIN_200: "#B8C7FC";
+    readonly TEXT_ROBIN_300: "#95ACFB";
+    readonly TEXT_ROBIN_400: "#7190F9";
+    readonly TEXT_ROBIN_500: "#4E74F8";
+    readonly TEXT_ROBIN_600: "#3F5ECC";
+    readonly TEXT_SIENNA_100: "#E6D9CD";
+    readonly TEXT_SIENNA_200: "#DECCBC";
+    readonly TEXT_SIENNA_300: "#CEB29B";
+    readonly TEXT_SIENNA_400: "#BD9979";
+    readonly TEXT_SIENNA_500: "#AD7F58";
+    readonly TEXT_SIENNA_600: "#8A6646";
+    readonly TEXT_CHERRY_100: "#FADADB";
+    readonly TEXT_CHERRY_200: "#F7C8CA";
+    readonly TEXT_CHERRY_300: "#F5B6B8";
+    readonly TEXT_CHERRY_400: "#EA6D71";
+    readonly TEXT_CHERRY_500: "#E5484D";
+    readonly TEXT_CHERRY_600: "#B83A3E";
+    readonly TEXT_AQUA_100: "#C1EEFD";
+    readonly TEXT_AQUA_200: "#9AE4FC";
+    readonly TEXT_AQUA_300: "#72D9FB";
+    readonly TEXT_AQUA_400: "#4BCFF9";
+    readonly TEXT_AQUA_500: "#23C4F8";
+    readonly TEXT_AQUA_600: "#07AFE6";
+    readonly TEXT_SAKURA_100: "#FBC8D2";
+    readonly TEXT_SAKURA_200: "#FAB5C3";
+    readonly TEXT_SAKURA_300: "#F791A5";
+    readonly TEXT_SAKURA_400: "#F56C87";
+    readonly TEXT_SAKURA_500: "#F24769";
+    readonly TEXT_SAKURA_600: "#C53955";
+    readonly TEXT_AMBER_100: "#FFF0CC";
+    readonly TEXT_AMBER_200: "#FFEBBB";
+    readonly TEXT_AMBER_300: "#FFE19A";
+    readonly TEXT_AMBER_400: "#FFD778";
+    readonly TEXT_AMBER_500: "#FFCD56";
+    readonly TEXT_AMBER_600: "#D5AA45";
+    readonly TEXT_INK_100: "#2A2E37";
+    readonly TEXT_INK_200: "#23262E";
+    readonly TEXT_INK_300: "#16181D";
+    readonly TEXT_INK_400: "#121317";
+    readonly TEXT_INK_500: "#0B0C0E";
+    readonly TEXT_VANILLA_100: "#FFFFFF";
+    readonly TEXT_VANILLA_200: "#F5F5F5";
+    readonly TEXT_VANILLA_300: "#E9E9E9";
+    readonly TEXT_VANILLA_400: "#C0C1C3";
+    readonly TEXT_SLATE_200: "#2C3140";
+    readonly TEXT_SLATE_300: "#242834";
+    readonly TEXT_SLATE_400: "#1D212D";
+    readonly TEXT_SLATE_500: "#161922";
+    readonly TEXT_GRADIENT_CORAL: "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
+    readonly 'TEXT_GRADIENT_DARK-SHADOW': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
+    readonly TEXT_GRADIENT_DAWN: "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
+    readonly TEXT_GRADIENT_OCEAN: "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
+    readonly TEXT_GRADIENT_SPLASH: "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
+    readonly TEXT_GRADIENT_FLAMINGO: "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
+    readonly TEXT_FOREST_200: "#A8F3D3";
+    readonly TEXT_FOREST_300: "#7CEDBE";
+    readonly TEXT_FOREST_400: "#51E7A8";
+    readonly TEXT_FOREST_500: "#25E192";
+    readonly TEXT_FOREST_600: "#1EB475";
+};
+export type ColorType = {
+    [key: string]: string;
+};
+//# sourceMappingURL=Color.d.ts.map

package/dist/src/Colors/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/Colors/Color.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HR,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC"}

package/dist/src/Colors/ColorTailwind.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Oct 2024 16:48:37 GMT
+ */
+export declare const ColorTailwind: {
+    readonly 'robin-100': "#CAD5FD";
+    readonly 'robin-200': "#B8C7FC";
+    readonly 'robin-300': "#95ACFB";
+    readonly 'robin-400': "#7190F9";
+    readonly 'robin-500': "#4E74F8";
+    readonly 'robin-600': "#3F5ECC";
+    readonly 'sienna-100': "#E6D9CD";
+    readonly 'sienna-200': "#DECCBC";
+    readonly 'sienna-300': "#CEB29B";
+    readonly 'sienna-400': "#BD9979";
+    readonly 'sienna-500': "#AD7F58";
+    readonly 'sienna-600': "#8A6646";
+    readonly 'cherry-100': "#FADADB";
+    readonly 'cherry-200': "#F7C8CA";
+    readonly 'cherry-300': "#F5B6B8";
+    readonly 'cherry-400': "#EA6D71";
+    readonly 'cherry-500': "#E5484D";
+    readonly 'cherry-600': "#B83A3E";
+    readonly 'aqua-100': "#C1EEFD";
+    readonly 'aqua-200': "#9AE4FC";
+    readonly 'aqua-300': "#72D9FB";
+    readonly 'aqua-400': "#4BCFF9";
+    readonly 'aqua-500': "#23C4F8";
+    readonly 'aqua-600': "#07AFE6";
+    readonly 'sakura-100': "#FBC8D2";
+    readonly 'sakura-200': "#FAB5C3";
+    readonly 'sakura-300': "#F791A5";
+    readonly 'sakura-400': "#F56C87";
+    readonly 'sakura-500': "#F24769";
+    readonly 'sakura-600': "#C53955";
+    readonly 'amber-100': "#FFF0CC";
+    readonly 'amber-200': "#FFEBBB";
+    readonly 'amber-300': "#FFE19A";
+    readonly 'amber-400': "#FFD778";
+    readonly 'amber-500': "#FFCD56";
+    readonly 'amber-600': "#D5AA45";
+    readonly 'ink-100': "#2A2E37";
+    readonly 'ink-200': "#23262E";
+    readonly 'ink-300': "#16181D";
+    readonly 'ink-400': "#121317";
+    readonly 'ink-500': "#0B0C0E";
+    readonly 'vanilla-100': "#FFFFFF";
+    readonly 'vanilla-200': "#F5F5F5";
+    readonly 'vanilla-300': "#E9E9E9";
+    readonly 'vanilla-400': "#C0C1C3";
+    readonly 'slate-50': "#62687C";
+    readonly 'slate-100': "#3C4152";
+    readonly 'slate-200': "#2C3140";
+    readonly 'slate-300': "#242834";
+    readonly 'slate-400': "#1D212D";
+    readonly 'slate-500': "#161922";
+    readonly 'gradient-coral': "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)";
+    readonly 'gradient-dark-shadow': "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)";
+    readonly 'gradient-dawn': "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)";
+    readonly 'gradient-ocean': "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)";
+    readonly 'gradient-splash': "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)";
+    readonly 'gradient-flamingo': "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)";
+    readonly 'forest-200': "#A8F3D3";
+    readonly 'forest-300': "#7CEDBE";
+    readonly 'forest-400': "#51E7A8";
+    readonly 'forest-500': "#25E192";
+    readonly 'forest-600': "#1EB475";
+};
+export type ColorTailwindType = {
+    [key: string]: string;
+};
+//# sourceMappingURL=ColorTailwind.d.ts.map

package/dist/src/Colors/ColorTailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTailwind.d.ts","sourceRoot":"","sources":["../../../src/Colors/ColorTailwind.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEhB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC"}

package/dist/src/Spacing/Spacing.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Oct 2024 16:48:37 GMT
+ */
+export declare const Spacing: {
+    readonly PADDING_1: "0.25rem";
+    readonly PADDING_2: "0.5rem";
+    readonly PADDING_3: "0.75rem";
+    readonly PADDING_4: "1rem";
+    readonly PADDING_5: "1.25rem";
+    readonly PADDING_6: "1.5rem";
+    readonly PADDING_7: "1.75rem";
+    readonly PADDING_8: "2rem";
+    readonly PADDING_10: "2.5rem";
+    readonly PADDING_12: "3rem";
+    readonly PADDING_16: "4rem";
+    readonly PADDING_20: "5rem";
+    readonly PADDING_24: "6rem";
+    readonly PADDING_32: "8rem";
+    readonly PADDING_40: "10rem";
+    readonly PADDING_48: "12rem";
+    readonly PADDING_56: "14rem";
+    readonly PADDING_64: "16rem";
+    readonly MARGIN_1: "0.25rem";
+    readonly MARGIN_2: "0.5rem";
+    readonly MARGIN_3: "0.75rem";
+    readonly MARGIN_4: "1rem";
+    readonly MARGIN_5: "1.25rem";
+    readonly MARGIN_6: "1.5rem";
+    readonly MARGIN_7: "1.75rem";
+    readonly MARGIN_8: "2rem";
+    readonly MARGIN_10: "2.5rem";
+    readonly MARGIN_12: "3rem";
+    readonly MARGIN_16: "4rem";
+    readonly MARGIN_20: "5rem";
+    readonly MARGIN_24: "6rem";
+    readonly MARGIN_32: "8rem";
+    readonly MARGIN_40: "10rem";
+    readonly MARGIN_48: "12rem";
+    readonly MARGIN_56: "14rem";
+    readonly MARGIN_64: "16rem";
+};
+export type SpacingType = {
+    [key: string]: string;
+};
+//# sourceMappingURL=Spacing.d.ts.map

package/dist/src/Spacing/Spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/Spacing/Spacing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCV,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC"}

package/dist/src/Typography/Typography.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 09 Oct 2024 16:48:37 GMT
+ */
+export declare const Typography: {
+    readonly FONTSIZE_XS: "0.75rem";
+    readonly FONTSIZE_SM: "0.875rem";
+    readonly FONTSIZE_LG: "1.125rem";
+    readonly FONTSIZE_XL: "1.25rem";
+    readonly FONTSIZE_2XL: "1.5rem";
+    readonly FONTSIZE_3XL: "1.875rem";
+    readonly FONTSIZE_4XL: "2.25rem";
+    readonly FONTSIZE_5XL: "3rem";
+    readonly FONTSIZE_6XL: "3.75rem";
+    readonly FONTSIZE_7XL: "4.5rem";
+    readonly FONTSIZE_8XL: "6rem";
+    readonly FONTSIZE_9XL: "8rem";
+    readonly FONTWEIGHT_THIN: "100";
+    readonly FONTWEIGHT_EXTRALIGHT: "200";
+    readonly FONTWEIGHT_LIGHT: "300";
+    readonly FONTWEIGHT_NORMAL: "400";
+    readonly FONTWEIGHT_MEDIUM: "500";
+    readonly FONTWEIGHT_SEMIBOLD: "600";
+    readonly FONTWEIGHT_BOLD: "700";
+    readonly FONTWEIGHT_EXTRABOLD: "800";
+    readonly FONTWEIGHT_BLACK: "900";
+};
+export type TypographyType = {
+    [key: string]: string;
+};
+//# sourceMappingURL=Typography.d.ts.map

package/dist/src/Typography/Typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/Typography/Typography.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAsBb,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Colors/Color';
+export * from './Colors/ColorTailwind';
+export * from './Spacing/Spacing';
+export * from './Typography/Typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -1,34 +1,54 @@
 {
   "name": "@signozhq/design-tokens",
-  "version": "0.0.10",
-  "module": "./dist/design-tokens.js",
-  "private": false,
+  "version": "1.1.0",
   "type": "module",
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    ".": "./dist/design-tokens.js",
-    "./dist/style.css": "./dist/index.css"
-  },
+  "main": "./dist/design-tokens.js",
+  "module": "./dist/design-tokens.js",
   "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"
   ],
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "style-dictionary": "3.8.0",
-    "vite-plugin-dts": "^3.6.4"
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,yml}": [
+      "prettier --write"
+    ]
   },
-  "gitHead": "dd9c59b3fa68b5b363aa74e56de9445a0f1433ca",
   "devDependencies": {
-    "vite": "^5.0.8",
-    "vite-plugin-lib-inject-css": "^1.3.0"
+    "@changesets/cli": "^2.27.8",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@eslint/js": "^8.0.0",
+    "@types/node": "^22.5.5",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "eslint": "^9.12.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "husky": "^8.0.0",
+    "lint-staged": "^15.2.10",
+    "prettier": "^3.0.0",
+    "style-dictionary": "3.8.0",
+    "tsx": "^4.19.1",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist node_modules",
+    "update-version": "changeset && changeset version",
+    "release": "pnpm build && changeset publish",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx --config eslint.config.js",
+    "format": "prettier --write .",
+    "pre-commit": "lint-staged",
+    "generate-tokens": "tsx ./scripts/generate-types-from-json.ts && style-dictionary build"
   }
-}
+}

package/dist/Colors/Colors.d.ts

@@ -1,125 +0,0 @@
-export declare const Color: {
-    BG_ROBIN_100: string;
-    BG_ROBIN_200: string;
-    BG_ROBIN_300: string;
-    BG_ROBIN_400: string;
-    BG_ROBIN_500: string;
-    BG_ROBIN_600: string;
-    BG_SIENNA_100: string;
-    BG_SIENNA_200: string;
-    BG_SIENNA_300: string;
-    BG_SIENNA_400: string;
-    BG_SIENNA_500: string;
-    BG_SIENNA_600: string;
-    BG_CHERRY_100: string;
-    BG_CHERRY_200: string;
-    BG_CHERRY_300: string;
-    BG_CHERRY_400: string;
-    BG_CHERRY_500: string;
-    BG_CHERRY_600: string;
-    BG_AQUA_100: string;
-    BG_AQUA_200: string;
-    BG_AQUA_300: string;
-    BG_AQUA_400: string;
-    BG_AQUA_500: string;
-    BG_AQUA_600: string;
-    BG_SAKURA_100: string;
-    BG_SAKURA_200: string;
-    BG_SAKURA_300: string;
-    BG_SAKURA_400: string;
-    BG_SAKURA_500: string;
-    BG_SAKURA_600: string;
-    BG_AMBER_100: string;
-    BG_AMBER_200: string;
-    BG_AMBER_300: string;
-    BG_AMBER_400: string;
-    BG_AMBER_500: string;
-    BG_AMBER_600: string;
-    BG_INK_100: string;
-    BG_INK_200: string;
-    BG_INK_300: string;
-    BG_INK_400: string;
-    BG_INK_500: string;
-    BG_VANILLA_100: string;
-    BG_VANILLA_200: string;
-    BG_VANILLA_300: string;
-    BG_VANILLA_400: string;
-    BG_SLATE_50: string;
-    BG_SLATE_100: string;
-    BG_SLATE_200: string;
-    BG_SLATE_300: string;
-    BG_SLATE_400: string;
-    BG_SLATE_500: string;
-    BG_GRADIENT_CORAL: string;
-    "BG_GRADIENT_DARK-SHADOW": string;
-    BG_GRADIENT_DAWN: string;
-    BG_GRADIENT_OCEAN: string;
-    BG_GRADIENT_SPLASH: string;
-    BG_GRADIENT_FLAMINGO: string;
-    BG_FOREST_200: string;
-    BG_FOREST_300: string;
-    BG_FOREST_400: string;
-    BG_FOREST_500: string;
-    BG_FOREST_600: string;
-    TEXT_ROBIN_100: string;
-    TEXT_ROBIN_200: string;
-    TEXT_ROBIN_300: string;
-    TEXT_ROBIN_400: string;
-    TEXT_ROBIN_500: string;
-    TEXT_ROBIN_600: string;
-    TEXT_SIENNA_100: string;
-    TEXT_SIENNA_200: string;
-    TEXT_SIENNA_300: string;
-    TEXT_SIENNA_400: string;
-    TEXT_SIENNA_500: string;
-    TEXT_SIENNA_600: string;
-    TEXT_CHERRY_100: string;
-    TEXT_CHERRY_200: string;
-    TEXT_CHERRY_300: string;
-    TEXT_CHERRY_400: string;
-    TEXT_CHERRY_500: string;
-    TEXT_CHERRY_600: string;
-    TEXT_AQUA_100: string;
-    TEXT_AQUA_200: string;
-    TEXT_AQUA_300: string;
-    TEXT_AQUA_400: string;
-    TEXT_AQUA_500: string;
-    TEXT_AQUA_600: string;
-    TEXT_SAKURA_100: string;
-    TEXT_SAKURA_200: string;
-    TEXT_SAKURA_300: string;
-    TEXT_SAKURA_400: string;
-    TEXT_SAKURA_500: string;
-    TEXT_SAKURA_600: string;
-    TEXT_AMBER_100: string;
-    TEXT_AMBER_200: string;
-    TEXT_AMBER_300: string;
-    TEXT_AMBER_400: string;
-    TEXT_AMBER_500: string;
-    TEXT_AMBER_600: string;
-    TEXT_INK_100: string;
-    TEXT_INK_200: string;
-    TEXT_INK_300: string;
-    TEXT_INK_400: string;
-    TEXT_INK_500: string;
-    TEXT_VANILLA_100: string;
-    TEXT_VANILLA_200: string;
-    TEXT_VANILLA_300: string;
-    TEXT_VANILLA_400: string;
-    TEXT_SLATE_200: string;
-    TEXT_SLATE_300: string;
-    TEXT_SLATE_400: string;
-    TEXT_SLATE_500: string;
-    TEXT_GRADIENT_CORAL: string;
-    "TEXT_GRADIENT_DARK-SHADOW": string;
-    TEXT_GRADIENT_DAWN: string;
-    TEXT_GRADIENT_OCEAN: string;
-    TEXT_GRADIENT_SPLASH: string;
-    TEXT_GRADIENT_FLAMINGO: string;
-    TEXT_FOREST_200: string;
-    TEXT_FOREST_300: string;
-    TEXT_FOREST_400: string;
-    TEXT_FOREST_500: string;
-    TEXT_FOREST_600: string;
-};
-export type Color = (typeof Color)[keyof typeof Color];

package/dist/Spacing/Spacing.d.ts

@@ -1,39 +0,0 @@
-export declare const Spacing: {
-    PADDING_1: string;
-    PADDING_2: string;
-    PADDING_3: string;
-    PADDING_4: string;
-    PADDING_5: string;
-    PADDING_6: string;
-    PADDING_7: string;
-    PADDING_8: string;
-    PADDING_10: string;
-    PADDING_12: string;
-    PADDING_16: string;
-    PADDING_20: string;
-    PADDING_24: string;
-    PADDING_32: string;
-    PADDING_40: string;
-    PADDING_48: string;
-    PADDING_56: string;
-    PADDING_64: string;
-    MARGIN_1: string;
-    MARGIN_2: string;
-    MARGIN_3: string;
-    MARGIN_4: string;
-    MARGIN_5: string;
-    MARGIN_6: string;
-    MARGIN_7: string;
-    MARGIN_8: string;
-    MARGIN_10: string;
-    MARGIN_12: string;
-    MARGIN_16: string;
-    MARGIN_20: string;
-    MARGIN_24: string;
-    MARGIN_32: string;
-    MARGIN_40: string;
-    MARGIN_48: string;
-    MARGIN_56: string;
-    MARGIN_64: string;
-};
-export type Spacing = (typeof Spacing)[keyof typeof Spacing];

package/dist/Typography/Typography.d.ts

@@ -1,24 +0,0 @@
-export declare const Typography: {
-    FONTSIZE_XS: string;
-    FONTSIZE_SM: string;
-    FONTSIZE_LG: string;
-    FONTSIZE_XL: string;
-    FONTSIZE_2XL: string;
-    FONTSIZE_3XL: string;
-    FONTSIZE_4XL: string;
-    FONTSIZE_5XL: string;
-    FONTSIZE_6XL: string;
-    FONTSIZE_7XL: string;
-    FONTSIZE_8XL: string;
-    FONTSIZE_9XL: string;
-    FONTWEIGHT_THIN: string;
-    FONTWEIGHT_EXTRALIGHT: string;
-    FONTWEIGHT_LIGHT: string;
-    FONTWEIGHT_NORMAL: string;
-    FONTWEIGHT_MEDIUM: string;
-    FONTWEIGHT_SEMIBOLD: string;
-    FONTWEIGHT_BOLD: string;
-    FONTWEIGHT_EXTRABOLD: string;
-    FONTWEIGHT_BLACK: string;
-};
-export type Typography = (typeof Typography)[keyof typeof Typography];

package/dist/index.css

@@ -1 +0,0 @@
-:root{--bg-robin-100: #CAD5FD;--bg-robin-200: #B8C7FC;--bg-robin-300: #95ACFB;--bg-robin-400: #7190F9;--bg-robin-500: #4E74F8;--bg-robin-600: #3F5ECC;--bg-sienna-100: #E6D9CD;--bg-sienna-200: #DECCBC;--bg-sienna-300: #CEB29B;--bg-sienna-400: #BD9979;--bg-sienna-500: #AD7F58;--bg-sienna-600: #8A6646;--bg-cherry-100: #FADADB;--bg-cherry-200: #F7C8CA;--bg-cherry-300: #F5B6B8;--bg-cherry-400: #EA6D71;--bg-cherry-500: #E5484D;--bg-cherry-600: #B83A3E;--bg-aqua-100: #C1EEFD;--bg-aqua-200: #9AE4FC;--bg-aqua-300: #72D9FB;--bg-aqua-400: #4BCFF9;--bg-aqua-500: #23C4F8;--bg-aqua-600: #07AFE6;--bg-sakura-100: #FBC8D2;--bg-sakura-200: #FAB5C3;--bg-sakura-300: #F791A5;--bg-sakura-400: #F56C87;--bg-sakura-500: #F24769;--bg-sakura-600: #C53955;--bg-amber-100: #FFF0CC;--bg-amber-200: #FFEBBB;--bg-amber-300: #FFE19A;--bg-amber-400: #FFD778;--bg-amber-500: #FFCD56;--bg-amber-600: #D5AA45;--bg-ink-100: #2A2E37;--bg-ink-200: #23262E;--bg-ink-300: #16181D;--bg-ink-400: #121317;--bg-ink-500: #0B0C0E;--bg-vanilla-100: #FFFFFF;--bg-vanilla-200: #F5F5F5;--bg-vanilla-300: #E9E9E9;--bg-vanilla-400: #C0C1C3;--bg-slate-50: #62687C;--bg-slate-100: #3C4152;--bg-slate-200: #2C3140;--bg-slate-300: #242834;--bg-slate-400: #1D212D;--bg-slate-500: #161922;--bg-gradient-coral: linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%);--bg-gradient-dark-shadow: linear-gradient(139deg, rgba(18, 19, 23, .8) 0%, rgba(18, 19, 23, .9) 98.68%);--bg-gradient-dawn: linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%);--bg-gradient-ocean: linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%);--bg-gradient-splash: linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%);--bg-gradient-flamingo: linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%);--bg-forest-200: #A8F3D3;--bg-forest-300: #7CEDBE;--bg-forest-400: #51E7A8;--bg-forest-500: #25E192;--bg-forest-600: #1EB475;--text-robin-100: #CAD5FD;--text-robin-200: #B8C7FC;--text-robin-300: #95ACFB;--text-robin-400: #7190F9;--text-robin-500: #4E74F8;--text-robin-600: #3F5ECC;--text-sienna-100: #E6D9CD;--text-sienna-200: #DECCBC;--text-sienna-300: #CEB29B;--text-sienna-400: #BD9979;--text-sienna-500: #AD7F58;--text-sienna-600: #8A6646;--text-cherry-100: #FADADB;--text-cherry-200: #F7C8CA;--text-cherry-300: #F5B6B8;--text-cherry-400: #EA6D71;--text-cherry-500: #E5484D;--text-cherry-600: #B83A3E;--text-aqua-100: #C1EEFD;--text-aqua-200: #9AE4FC;--text-aqua-300: #72D9FB;--text-aqua-400: #4BCFF9;--text-aqua-500: #23C4F8;--text-aqua-600: #07AFE6;--text-sakura-100: #FBC8D2;--text-sakura-200: #FAB5C3;--text-sakura-300: #F791A5;--text-sakura-400: #F56C87;--text-sakura-500: #F24769;--text-sakura-600: #C53955;--text-amber-100: #FFF0CC;--text-amber-200: #FFEBBB;--text-amber-300: #FFE19A;--text-amber-400: #FFD778;--text-amber-500: #FFCD56;--text-amber-600: #D5AA45;--text-ink-100: #2A2E37;--text-ink-200: #23262E;--text-ink-300: #16181D;--text-ink-400: #121317;--text-ink-500: #0B0C0E;--text-vanilla-100: #FFFFFF;--text-vanilla-200: #F5F5F5;--text-vanilla-300: #E9E9E9;--text-vanilla-400: #C0C1C3;--text-slate-200: #2C3140;--text-slate-300: #242834;--text-slate-400: #1D212D;--text-slate-500: #161922;--text-gradient-coral: linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%);--text-gradient-dark-shadow: linear-gradient(139deg, rgba(18, 19, 23, .8) 0%, rgba(18, 19, 23, .9) 98.68%);--text-gradient-dawn: linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%);--text-gradient-ocean: linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%);--text-gradient-splash: linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%);--text-gradient-flamingo: linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%);--text-forest-200: #A8F3D3;--text-forest-300: #7CEDBE;--text-forest-400: #51E7A8;--text-forest-500: #25E192;--text-forest-600: #1EB475}:root{--padding-1: .25rem;--padding-2: .5rem;--padding-3: .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: .25rem;--margin-2: .5rem;--margin-3: .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}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900}._main_1taid_5{border:0;margin:0;color:#fff}

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Colors/Colors';
-export * from './Spacing/Spacing';
-export * from './Typography/Typography';
-export * from './utils';

package/dist/utils.d.ts

@@ -1,15 +0,0 @@
-import { Color } from './Colors/Colors';
-
-export interface KVO<T = any> {
-    [key: string]: T;
-}
-export interface StyledProps {
-    /** Text Color */
-    color: Color;
-    /** Optional class name */
-    className?: string;
-}
-/** Generate classes from styled props */
-export declare function styledClasses(props: StyledProps, ...classes: string[]): string;
-/** Return all props that are not styled props */
-export declare function omitStyledProps(props: KVO, ...ignoredProps: string[]): KVO;