@nyanyanya777/tokens 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { tokens, type Tokens } from "../generated/tokens.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { tokens } from "../generated/tokens.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,wBAAwB,CAAC"}

package/generated/colors.json

@@ -0,0 +1,350 @@
+{
+  "black": {
+    "$value": "#000000",
+    "$type": "color"
+  },
+  "white": {
+    "$value": "#ffffff",
+    "$type": "color"
+  },
+  "red": {
+    "50": {
+      "$value": "#fff6f5",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#ffe5e4",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#ffbbb9",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#ff8182",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#fa4549",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#cf222e",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#a40e26",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#82071e",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#660018",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#4c0014",
+      "$type": "color"
+    }
+  },
+  "orange": {
+    "50": {
+      "$value": "#fff1e5",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#ffd8b5",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#ffb77c",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#fb8f44",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#e16f24",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#bc4c00",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#953800",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#762c00",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#5b2100",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#471600",
+      "$type": "color"
+    }
+  },
+  "yellow": {
+    "50": {
+      "$value": "#fffbe2",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#fdedba",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#fad573",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#f0b800",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#cc8f00",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#9a6700",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#7d4e00",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#633c01",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#4d2d00",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#3b2300",
+      "$type": "color"
+    }
+  },
+  "green": {
+    "50": {
+      "$value": "#edfdf0",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#c5f7d0",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#6fdd8b",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#4ac26b",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#2da44e",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#1a7f37",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#116329",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#044f1e",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#003d16",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#002d11",
+      "$type": "color"
+    }
+  },
+  "blue": {
+    "50": {
+      "$value": "#e5f6ff",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#ceedff",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#97d3ff",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#61b3ff",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#218bff",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#0969da",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#0550ae",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#033d8b",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#0a3069",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#002155",
+      "$type": "color"
+    }
+  },
+  "purple": {
+    "50": {
+      "$value": "#fbefff",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#ecd8ff",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#d8b9ff",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#c297ff",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#a475f9",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#8250df",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#6639ba",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#512a97",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#3e1f79",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#2d1361",
+      "$type": "color"
+    }
+  },
+  "pink": {
+    "50": {
+      "$value": "#ffeff7",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#ffd3eb",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#ffadda",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#ff80c8",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#e85aad",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#bf3989",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#99286e",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#772057",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#611347",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#4d0336",
+      "$type": "color"
+    }
+  },
+  "gray": {
+    "50": {
+      "$value": "#f6f8fa",
+      "$type": "color"
+    },
+    "100": {
+      "$value": "#eaeef2",
+      "$type": "color"
+    },
+    "200": {
+      "$value": "#d0d7de",
+      "$type": "color"
+    },
+    "300": {
+      "$value": "#afb8c1",
+      "$type": "color"
+    },
+    "400": {
+      "$value": "#8c959f",
+      "$type": "color"
+    },
+    "500": {
+      "$value": "#6e7781",
+      "$type": "color"
+    },
+    "600": {
+      "$value": "#57606a",
+      "$type": "color"
+    },
+    "700": {
+      "$value": "#424a53",
+      "$type": "color"
+    },
+    "800": {
+      "$value": "#32383f",
+      "$type": "color"
+    },
+    "900": {
+      "$value": "#24292f",
+      "$type": "color"
+    }
+  },
+  "ring/normal": {
+    "$value": "#096bdc",
+    "$type": "color"
+  }
+}

package/generated/effects.json

@@ -0,0 +1,42 @@
+{
+  "shadow-0": {
+    "$value": "0px 1px 2px rgba(0,0,0,0.05)",
+    "$type": "shadow",
+    "$description": "Doc/Box Shadow"
+  },
+  "shadow-1": {
+    "$value": "0px 0px 0px rgba(0,0,0,1.0)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-2": {
+    "$value": "0px 1px 0px rgba(0,0,0,0.05)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-3": {
+    "$value": "0px 1px 2px rgba(0,0,0,0.1)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-4": {
+    "$value": "0px 1px 3px rgba(0,0,0,0.1)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-5": {
+    "$value": "0px 2px 4px rgba(0,0,0,0.1)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-6": {
+    "$value": "0px 4px 6px rgba(0,0,0,0.1)",
+    "$type": "shadow",
+    "$description": "example"
+  },
+  "shadow-7": {
+    "$value": "0px 10px 15px rgba(0,0,0,0.1)",
+    "$type": "shadow",
+    "$description": "example"
+  }
+}

package/generated/spacing.json

@@ -0,0 +1,70 @@
+{
+  "0": {
+    "$value": 0,
+    "$type": "dimension"
+  },
+  "0.5": {
+    "$value": 2,
+    "$type": "dimension"
+  },
+  "1": {
+    "$value": 4,
+    "$type": "dimension"
+  },
+  "1.5": {
+    "$value": 6,
+    "$type": "dimension"
+  },
+  "2": {
+    "$value": 8,
+    "$type": "dimension"
+  },
+  "3": {
+    "$value": 12,
+    "$type": "dimension"
+  },
+  "4": {
+    "$value": 16,
+    "$type": "dimension"
+  },
+  "5": {
+    "$value": 20,
+    "$type": "dimension"
+  },
+  "6": {
+    "$value": 24,
+    "$type": "dimension"
+  },
+  "8": {
+    "$value": 32,
+    "$type": "dimension"
+  },
+  "10": {
+    "$value": 40,
+    "$type": "dimension"
+  },
+  "12": {
+    "$value": 48,
+    "$type": "dimension"
+  },
+  "14": {
+    "$value": 56,
+    "$type": "dimension"
+  },
+  "16": {
+    "$value": 64,
+    "$type": "dimension"
+  },
+  "20": {
+    "$value": 80,
+    "$type": "dimension"
+  },
+  "24": {
+    "$value": 96,
+    "$type": "dimension"
+  },
+  "32": {
+    "$value": 128,
+    "$type": "dimension"
+  }
+}

package/generated/tokens.css

@@ -0,0 +1,151 @@
+/* Auto-generated from Figma design tokens - Sparkle Design System */
+/* Do not edit manually. Run `pnpm sync:tokens` to regenerate. */
+
+:root {
+  --color-black: #000000;
+  --color-white: #ffffff;
+  --color-red-50: #fff6f5;
+  --color-red-100: #ffe5e4;
+  --color-red-200: #ffbbb9;
+  --color-red-300: #ff8182;
+  --color-red-400: #fa4549;
+  --color-red-500: #cf222e;
+  --color-red-600: #a40e26;
+  --color-red-700: #82071e;
+  --color-red-800: #660018;
+  --color-red-900: #4c0014;
+  --color-orange-50: #fff1e5;
+  --color-orange-100: #ffd8b5;
+  --color-orange-200: #ffb77c;
+  --color-orange-300: #fb8f44;
+  --color-orange-400: #e16f24;
+  --color-orange-500: #bc4c00;
+  --color-orange-600: #953800;
+  --color-orange-700: #762c00;
+  --color-orange-800: #5b2100;
+  --color-orange-900: #471600;
+  --color-yellow-50: #fffbe2;
+  --color-yellow-100: #fdedba;
+  --color-yellow-200: #fad573;
+  --color-yellow-300: #f0b800;
+  --color-yellow-400: #cc8f00;
+  --color-yellow-500: #9a6700;
+  --color-yellow-600: #7d4e00;
+  --color-yellow-700: #633c01;
+  --color-yellow-800: #4d2d00;
+  --color-yellow-900: #3b2300;
+  --color-green-50: #edfdf0;
+  --color-green-100: #c5f7d0;
+  --color-green-200: #6fdd8b;
+  --color-green-300: #4ac26b;
+  --color-green-400: #2da44e;
+  --color-green-500: #1a7f37;
+  --color-green-600: #116329;
+  --color-green-700: #044f1e;
+  --color-green-800: #003d16;
+  --color-green-900: #002d11;
+  --color-blue-50: #e5f6ff;
+  --color-blue-100: #ceedff;
+  --color-blue-200: #97d3ff;
+  --color-blue-300: #61b3ff;
+  --color-blue-400: #218bff;
+  --color-blue-500: #0969da;
+  --color-blue-600: #0550ae;
+  --color-blue-700: #033d8b;
+  --color-blue-800: #0a3069;
+  --color-blue-900: #002155;
+  --color-purple-50: #fbefff;
+  --color-purple-100: #ecd8ff;
+  --color-purple-200: #d8b9ff;
+  --color-purple-300: #c297ff;
+  --color-purple-400: #a475f9;
+  --color-purple-500: #8250df;
+  --color-purple-600: #6639ba;
+  --color-purple-700: #512a97;
+  --color-purple-800: #3e1f79;
+  --color-purple-900: #2d1361;
+  --color-pink-50: #ffeff7;
+  --color-pink-100: #ffd3eb;
+  --color-pink-200: #ffadda;
+  --color-pink-300: #ff80c8;
+  --color-pink-400: #e85aad;
+  --color-pink-500: #bf3989;
+  --color-pink-600: #99286e;
+  --color-pink-700: #772057;
+  --color-pink-800: #611347;
+  --color-pink-900: #4d0336;
+  --color-gray-50: #f6f8fa;
+  --color-gray-100: #eaeef2;
+  --color-gray-200: #d0d7de;
+  --color-gray-300: #afb8c1;
+  --color-gray-400: #8c959f;
+  --color-gray-500: #6e7781;
+  --color-gray-600: #57606a;
+  --color-gray-700: #424a53;
+  --color-gray-800: #32383f;
+  --color-gray-900: #24292f;
+  --color-ring/normal: #096bdc;
+
+  --typography-font-family-biz-udgothic: BIZ UDGothic;
+  --typography-font-family-biz-udpgothic: BIZ UDPGothic;
+  --typography-font-family-inter: Inter;
+  --typography-font-family-material-symbols-rounded: Material Symbols Rounded;
+  --typography-font-size-xs: 12.0px;
+  --typography-font-size-sm: 14.0px;
+  --typography-font-size-md: 16.0px;
+  --typography-font-size-lg: 18.0px;
+  --typography-font-size-xl: 20.0px;
+  --typography-font-size-2xl: 24.0px;
+  --typography-font-size-3xl: 28.0px;
+  --typography-font-size-4xl: 32.0px;
+  --typography-font-size-5xl: 36.0px;
+  --typography-font-size-6xl: 42.0px;
+  --typography-font-size-7xl: 48.0px;
+  --typography-font-size-8xl: 54.0px;
+  --typography-line-height-xs: 12.0px;
+  --typography-line-height-sm: 14.0px;
+  --typography-line-height-md: 16.0px;
+  --typography-line-height-lg: 18.0px;
+  --typography-line-height-xl: 20.0px;
+  --typography-line-height-2xl: 24.0px;
+  --typography-line-height-3xl: 28.0px;
+  --typography-line-height-4xl: 32.0px;
+  --typography-line-height-5xl: 36.0px;
+  --typography-line-height-6xl: 42.0px;
+  --typography-line-height-7xl: 44.0px;
+  --typography-line-height-8xl: 48.0px;
+  --typography-line-height-lh-54: 54.0px;
+  --typography-line-height-lh-56: 56.0px;
+  --typography-line-height-lh-64: 64.0px;
+  --typography-line-height-lh-72: 72.0px;
+  --typography-line-height-lh-84: 84.0px;
+  --typography-font-weight-regular: 400;
+  --typography-font-weight-bold: 700;
+
+  --spacing-0: 0px;
+  --spacing-0.5: 2px;
+  --spacing-1: 4px;
+  --spacing-1.5: 6px;
+  --spacing-2: 8px;
+  --spacing-3: 12px;
+  --spacing-4: 16px;
+  --spacing-5: 20px;
+  --spacing-6: 24px;
+  --spacing-8: 32px;
+  --spacing-10: 40px;
+  --spacing-12: 48px;
+  --spacing-14: 56px;
+  --spacing-16: 64px;
+  --spacing-20: 80px;
+  --spacing-24: 96px;
+  --spacing-32: 128px;
+
+  --effect-shadow-0: 0px 1px 2px rgba(0,0,0,0.05);
+  --effect-shadow-1: 0px 0px 0px rgba(0,0,0,1.0);
+  --effect-shadow-2: 0px 1px 0px rgba(0,0,0,0.05);
+  --effect-shadow-3: 0px 1px 2px rgba(0,0,0,0.1);
+  --effect-shadow-4: 0px 1px 3px rgba(0,0,0,0.1);
+  --effect-shadow-5: 0px 2px 4px rgba(0,0,0,0.1);
+  --effect-shadow-6: 0px 4px 6px rgba(0,0,0,0.1);
+  --effect-shadow-7: 0px 10px 15px rgba(0,0,0,0.1);
+}