@factorialco/f0-core 1.25.1

package/dist/index.mjs

@@ -0,0 +1,351 @@
+// src/tokens/borderRadius.ts
+var borderRadius = {
+  none: "0px",
+  "2xs": "0.25rem",
+  xs: "0.375rem",
+  sm: "0.5rem",
+  DEFAULT: "0.625rem",
+  md: "0.75rem",
+  lg: "0.875rem",
+  xl: "1rem",
+  "2xl": "1.5rem",
+  full: "9999px"
+};
+
+// src/tokens/colors.ts
+var baseColors = {
+  white: {
+    3: "0 0% 100% / 0.03",
+    5: "0 0% 100% / 0.05",
+    10: "0 0% 100% / 0.1",
+    20: "0 0% 100% / 0.2",
+    30: "0 0% 100% / 0.3",
+    40: "0 0% 100% / 0.4",
+    50: "0 0% 100% / 0.5",
+    60: "0 0% 100% / 0.6",
+    70: "0 0% 100% / 0.7",
+    80: "0 0% 100% / 0.8",
+    90: "0 0% 100% / 0.9",
+    100: "0 0% 100%"
+  },
+  current: "currentColor",
+  transparent: "transparent",
+  grey: {
+    0: "210 91% 22% / 0.02",
+    5: "220 88% 17% / 0.04",
+    10: "216 89% 18% / 0.06",
+    20: "214 70% 20% / 0.1",
+    30: "213 87% 15% / 0.14",
+    40: "219 97% 15% / 0.37",
+    50: "217 96% 11% / 0.61",
+    60: "220 88% 10% / 0.82",
+    70: "219 91% 8% / 0.88",
+    80: "219 94% 7% / 0.9",
+    90: "219 88% 6% / 0.92",
+    100: "218 48% 10%",
+    solid: {
+      40: "219 18% 69%",
+      50: "218 14% 45%"
+    }
+  },
+  lilac: {
+    50: "340 49% 60%",
+    60: "341 34% 50%",
+    70: "340 33% 41%"
+  },
+  barbie: {
+    50: "331 84% 63%",
+    60: "331 55% 53%",
+    70: "330 49% 43%"
+  },
+  smoke: {
+    50: "192 26% 54%",
+    60: "192 22% 45%",
+    70: "192 22% 37%"
+  },
+  army: {
+    50: "162 44% 33%",
+    60: "163 45% 28%",
+    70: "162 44% 23%"
+  },
+  flubber: {
+    50: "84 55% 53%",
+    60: "84 48% 45%",
+    70: "83 48% 33%"
+  },
+  indigo: {
+    50: "239 91% 64%",
+    60: "239 59% 54%",
+    70: "239 51% 44%"
+  },
+  camel: {
+    50: "25 46% 53%",
+    60: "25 42% 44%",
+    70: "25 42% 36%"
+  },
+  radical: {
+    50: "348 80% 50%",
+    60: "348 80% 42%",
+    70: "347 80% 34%"
+  },
+  viridian: {
+    50: "184 92% 35%",
+    60: "184 92% 28%",
+    70: "184 92% 24%"
+  },
+  orange: {
+    50: "25 95% 53%",
+    60: "24 69% 49%",
+    70: "24 69% 40%"
+  },
+  red: {
+    50: "5 100% 65%",
+    60: "4 61% 49%",
+    70: "3 71% 41%"
+  },
+  grass: {
+    50: "160 84% 39%",
+    60: "160 85% 33%",
+    70: "161 84% 27%"
+  },
+  malibu: {
+    50: "216 90% 65%",
+    60: "216 59% 55%",
+    70: "216 48% 44%"
+  },
+  yellow: {
+    50: "38 92% 54%",
+    60: "38 79% 45%",
+    70: "38 80% 36%"
+  },
+  purple: {
+    50: "258 88% 67%",
+    60: "258 56% 56%",
+    70: "258 43% 46%"
+  }
+};
+var f1Colors = {
+  foreground: {
+    DEFAULT: "hsl(var(--neutral-100))",
+    secondary: "hsl(var(--neutral-50))",
+    tertiary: "hsl(var(--neutral-40))",
+    inverse: {
+      DEFAULT: "hsl(var(--white-100))",
+      secondary: "hsl(var(--white-80))"
+    },
+    disabled: "hsl(var(--neutral-30))",
+    accent: "hsl(var(--accent-70))",
+    critical: "hsl(var(--critical-70))",
+    info: "hsl(var(--info-70))",
+    warning: "hsl(var(--warning-70))",
+    positive: "hsl(var(--positive-70))",
+    selected: "hsl(var(--selected-70))"
+  },
+  background: {
+    DEFAULT: "hsl(var(--neutral-0))",
+    hover: "hsl(var(--neutral-5))",
+    secondary: {
+      DEFAULT: "hsl(var(--neutral-10))",
+      hover: "hsl(var(--neutral-20))"
+    },
+    tertiary: "hsl(var(--neutral-5))",
+    inverse: {
+      DEFAULT: "hsl(var(--neutral-90))",
+      secondary: "hsl(var(--white-60))"
+    },
+    bold: "hsl(var(--neutral-90))",
+    accent: {
+      DEFAULT: "hsl(var(--accent-50) / 0.05)",
+      bold: {
+        DEFAULT: "hsl(var(--accent-50))",
+        hover: "hsl(var(--accent-60))"
+      }
+    },
+    promote: {
+      DEFAULT: "hsl(var(--promote-50) / 0.3)",
+      hover: "hsl(var(--promote-50) / 0.4)"
+    },
+    critical: {
+      DEFAULT: "hsl(var(--critical-50) / 0.1)",
+      bold: "hsl(var(--critical-60))"
+    },
+    info: {
+      DEFAULT: "hsl(var(--info-50) / 0.1)",
+      bold: "hsl(var(--info-50))"
+    },
+    warning: {
+      DEFAULT: "hsl(var(--warning-50) / 0.1)",
+      bold: "hsl(var(--warning-50))"
+    },
+    positive: {
+      DEFAULT: "hsl(var(--positive-50) / 0.1)",
+      bold: "hsl(var(--positive-50))"
+    },
+    selected: {
+      DEFAULT: "hsl(var(--selected-50) / 0.1)",
+      secondary: "hsl(var(--selected-50) / 0.05)",
+      hover: "hsl(var(--selected-50) / 0.2)",
+      bold: {
+        DEFAULT: "hsl(var(--selected-60))",
+        hover: "hsl(var(--selected-70))"
+      }
+    },
+    overlay: {
+      DEFAULT: "hsl(var(--neutral-40))"
+    }
+  },
+  border: {
+    DEFAULT: "hsl(var(--neutral-30))",
+    hover: "hsl(var(--neutral-40))",
+    secondary: "hsl(var(--neutral-10))",
+    inverse: "hsl(var(--neutral-0) / 0.2)",
+    bold: "hsl(var(--neutral-100))",
+    promote: {
+      DEFAULT: "hsl(var(--promote-50) / 0.4)"
+    },
+    selected: {
+      DEFAULT: "hsl(var(--selected-50) / 0.4)",
+      bold: "hsl(var(--selected-50))"
+    },
+    critical: {
+      DEFAULT: "hsl(var(--critical-50) / 0.1)",
+      bold: "hsl(var(--critical-50))"
+    },
+    warning: {
+      DEFAULT: "hsl(var(--warning-50) / 0.1)",
+      bold: "hsl(var(--warning-50))"
+    },
+    info: {
+      DEFAULT: "hsl(var(--info-50) / 0.1)",
+      bold: "hsl(var(--info-50))"
+    },
+    positive: {
+      DEFAULT: "hsl(var(--positive-50) / 0.1)",
+      bold: "hsl(var(--positive-50))"
+    }
+  },
+  icon: {
+    DEFAULT: "hsl(var(--neutral-solid-50))",
+    secondary: "hsl(var(--neutral-solid-40))",
+    inverse: "hsl(var(--neutral-0))",
+    bold: "hsl(var(--neutral-100))",
+    critical: {
+      DEFAULT: "hsl(var(--critical-50))",
+      bold: "hsl(var(--critical-70))"
+    },
+    accent: "hsl(var(--accent-50))",
+    info: "hsl(var(--info-50))",
+    warning: "hsl(var(--warning-50))",
+    positive: "hsl(var(--positive-50))",
+    promote: "hsl(var(--promote-50))",
+    selected: {
+      DEFAULT: "hsl(var(--selected-60))",
+      hover: "hsl(var(--selected-70))"
+    },
+    mood: {
+      "super-negative": "hsl(var(--mood-super-negative))",
+      negative: "hsl(var(--mood-negative))",
+      neutral: "hsl(var(--mood-neutral))",
+      positive: "hsl(var(--mood-positive))",
+      "super-positive": "hsl(var(--mood-super-positive))"
+    }
+  },
+  special: {
+    ring: "hsl(var(--ring))",
+    page: "hsl(var(--page))",
+    highlight: "hsl(var(--accent-50))"
+  }
+};
+
+// src/tokens/spacing.ts
+var absoluteSpacing = {
+  px: "1px",
+  0: "0px",
+  0.5: "2px",
+  1: "4px",
+  1.5: "6px",
+  2: "8px",
+  2.5: "10px",
+  3: "12px",
+  3.5: "14px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  7: "28px",
+  8: "32px",
+  9: "36px",
+  10: "40px",
+  11: "44px",
+  12: "48px",
+  14: "56px",
+  16: "64px",
+  18: "72px",
+  20: "80px",
+  24: "96px",
+  28: "112px",
+  32: "128px",
+  36: "144px",
+  40: "160px",
+  44: "176px",
+  48: "192px",
+  52: "208px",
+  56: "224px",
+  60: "240px",
+  64: "256px",
+  72: "288px",
+  80: "320px",
+  96: "384px"
+};
+var relativeSpacing = {
+  px: "1px",
+  0: "0px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  18: "4.5rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+var betweenSpacing = {
+  sm: relativeSpacing[1],
+  md: relativeSpacing[2],
+  lg: relativeSpacing[3],
+  xl: relativeSpacing[4]
+};
+export {
+  absoluteSpacing,
+  baseColors,
+  betweenSpacing,
+  borderRadius,
+  f1Colors,
+  relativeSpacing
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/borderRadius.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export const borderRadius = {\n  none: \"0px\",\n  \"2xs\": \"0.25rem\",\n  xs: \"0.375rem\",\n  sm: \"0.5rem\",\n  DEFAULT: \"0.625rem\",\n  md: \"0.75rem\",\n  lg: \"0.875rem\",\n  xl: \"1rem\",\n  \"2xl\": \"1.5rem\",\n  full: \"9999px\",\n}\n","export const baseColors = {\n  white: {\n    3: \"0 0% 100% / 0.03\",\n    5: \"0 0% 100% / 0.05\",\n    10: \"0 0% 100% / 0.1\",\n    20: \"0 0% 100% / 0.2\",\n    30: \"0 0% 100% / 0.3\",\n    40: \"0 0% 100% / 0.4\",\n    50: \"0 0% 100% / 0.5\",\n    60: \"0 0% 100% / 0.6\",\n    70: \"0 0% 100% / 0.7\",\n    80: \"0 0% 100% / 0.8\",\n    90: \"0 0% 100% / 0.9\",\n    100: \"0 0% 100%\",\n  },\n  current: \"currentColor\",\n  transparent: \"transparent\",\n  grey: {\n    0: \"210 91% 22% / 0.02\",\n    5: \"220 88% 17% / 0.04\",\n    10: \"216 89% 18% / 0.06\",\n    20: \"214 70% 20% / 0.1\",\n    30: \"213 87% 15% / 0.14\",\n    40: \"219 97% 15% / 0.37\",\n    50: \"217 96% 11% / 0.61\",\n    60: \"220 88% 10% / 0.82\",\n    70: \"219 91% 8% / 0.88\",\n    80: \"219 94% 7% / 0.9\",\n    90: \"219 88% 6% / 0.92\",\n    100: \"218 48% 10%\",\n    solid: {\n      40: \"219 18% 69%\",\n      50: \"218 14% 45%\",\n    },\n  },\n  lilac: {\n    50: \"340 49% 60%\",\n    60: \"341 34% 50%\",\n    70: \"340 33% 41%\",\n  },\n  barbie: {\n    50: \"331 84% 63%\",\n    60: \"331 55% 53%\",\n    70: \"330 49% 43%\",\n  },\n  smoke: {\n    50: \"192 26% 54%\",\n    60: \"192 22% 45%\",\n    70: \"192 22% 37%\",\n  },\n  army: {\n    50: \"162 44% 33%\",\n    60: \"163 45% 28%\",\n    70: \"162 44% 23%\",\n  },\n  flubber: {\n    50: \"84 55% 53%\",\n    60: \"84 48% 45%\",\n    70: \"83 48% 33%\",\n  },\n  indigo: {\n    50: \"239 91% 64%\",\n    60: \"239 59% 54%\",\n    70: \"239 51% 44%\",\n  },\n  camel: {\n    50: \"25 46% 53%\",\n    60: \"25 42% 44%\",\n    70: \"25 42% 36%\",\n  },\n  radical: {\n    50: \"348 80% 50%\",\n    60: \"348 80% 42%\",\n    70: \"347 80% 34%\",\n  },\n  viridian: {\n    50: \"184 92% 35%\",\n    60: \"184 92% 28%\",\n    70: \"184 92% 24%\",\n  },\n  orange: {\n    50: \"25 95% 53%\",\n    60: \"24 69% 49%\",\n    70: \"24 69% 40%\",\n  },\n  red: {\n    50: \"5 100% 65%\",\n    60: \"4 61% 49%\",\n    70: \"3 71% 41%\",\n  },\n  grass: {\n    50: \"160 84% 39%\",\n    60: \"160 85% 33%\",\n    70: \"161 84% 27%\",\n  },\n  malibu: {\n    50: \"216 90% 65%\",\n    60: \"216 59% 55%\",\n    70: \"216 48% 44%\",\n  },\n  yellow: {\n    50: \"38 92% 54%\",\n    60: \"38 79% 45%\",\n    70: \"38 80% 36%\",\n  },\n  purple: {\n    50: \"258 88% 67%\",\n    60: \"258 56% 56%\",\n    70: \"258 43% 46%\",\n  },\n} as const\n\nexport type BaseColor = keyof typeof baseColors\n\nexport const f1Colors = {\n  foreground: {\n    DEFAULT: \"hsl(var(--neutral-100))\",\n    secondary: \"hsl(var(--neutral-50))\",\n    tertiary: \"hsl(var(--neutral-40))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--white-100))\",\n      secondary: \"hsl(var(--white-80))\",\n    },\n    disabled: \"hsl(var(--neutral-30))\",\n    accent: \"hsl(var(--accent-70))\",\n    critical: \"hsl(var(--critical-70))\",\n    info: \"hsl(var(--info-70))\",\n    warning: \"hsl(var(--warning-70))\",\n    positive: \"hsl(var(--positive-70))\",\n    selected: \"hsl(var(--selected-70))\",\n  },\n  background: {\n    DEFAULT: \"hsl(var(--neutral-0))\",\n    hover: \"hsl(var(--neutral-5))\",\n    secondary: {\n      DEFAULT: \"hsl(var(--neutral-10))\",\n      hover: \"hsl(var(--neutral-20))\",\n    },\n    tertiary: \"hsl(var(--neutral-5))\",\n    inverse: {\n      DEFAULT: \"hsl(var(--neutral-90))\",\n      secondary: \"hsl(var(--white-60))\",\n    },\n    bold: \"hsl(var(--neutral-90))\",\n    accent: {\n      DEFAULT: \"hsl(var(--accent-50) / 0.05)\",\n      bold: {\n        DEFAULT: \"hsl(var(--accent-50))\",\n        hover: \"hsl(var(--accent-60))\",\n      },\n    },\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.3)\",\n      hover: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-60))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.1)\",\n      secondary: \"hsl(var(--selected-50) / 0.05)\",\n      hover: \"hsl(var(--selected-50) / 0.2)\",\n      bold: {\n        DEFAULT: \"hsl(var(--selected-60))\",\n        hover: \"hsl(var(--selected-70))\",\n      },\n    },\n    overlay: {\n      DEFAULT: \"hsl(var(--neutral-40))\",\n    },\n  },\n  border: {\n    DEFAULT: \"hsl(var(--neutral-30))\",\n    hover: \"hsl(var(--neutral-40))\",\n    secondary: \"hsl(var(--neutral-10))\",\n    inverse: \"hsl(var(--neutral-0) / 0.2)\",\n    bold: \"hsl(var(--neutral-100))\",\n    promote: {\n      DEFAULT: \"hsl(var(--promote-50) / 0.4)\",\n    },\n    selected: {\n      DEFAULT: \"hsl(var(--selected-50) / 0.4)\",\n      bold: \"hsl(var(--selected-50))\",\n    },\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50) / 0.1)\",\n      bold: \"hsl(var(--critical-50))\",\n    },\n    warning: {\n      DEFAULT: \"hsl(var(--warning-50) / 0.1)\",\n      bold: \"hsl(var(--warning-50))\",\n    },\n    info: {\n      DEFAULT: \"hsl(var(--info-50) / 0.1)\",\n      bold: \"hsl(var(--info-50))\",\n    },\n    positive: {\n      DEFAULT: \"hsl(var(--positive-50) / 0.1)\",\n      bold: \"hsl(var(--positive-50))\",\n    },\n  },\n  icon: {\n    DEFAULT: \"hsl(var(--neutral-solid-50))\",\n    secondary: \"hsl(var(--neutral-solid-40))\",\n    inverse: \"hsl(var(--neutral-0))\",\n    bold: \"hsl(var(--neutral-100))\",\n    critical: {\n      DEFAULT: \"hsl(var(--critical-50))\",\n      bold: \"hsl(var(--critical-70))\",\n    },\n    accent: \"hsl(var(--accent-50))\",\n    info: \"hsl(var(--info-50))\",\n    warning: \"hsl(var(--warning-50))\",\n    positive: \"hsl(var(--positive-50))\",\n    promote: \"hsl(var(--promote-50))\",\n    selected: {\n      DEFAULT: \"hsl(var(--selected-60))\",\n      hover: \"hsl(var(--selected-70))\",\n    },\n    mood: {\n      \"super-negative\": \"hsl(var(--mood-super-negative))\",\n      negative: \"hsl(var(--mood-negative))\",\n      neutral: \"hsl(var(--mood-neutral))\",\n      positive: \"hsl(var(--mood-positive))\",\n      \"super-positive\": \"hsl(var(--mood-super-positive))\",\n    },\n  },\n  special: {\n    ring: \"hsl(var(--ring))\",\n    page: \"hsl(var(--page))\",\n    highlight: \"hsl(var(--accent-50))\",\n  },\n} as const\n\nexport type F1Color = keyof typeof f1Colors\n","import { ThemeConfig } from \"tailwindcss/types/config\"\n\n/**\n * Spacing for the tailwind config\n * Provides scale in relative(rem) and absolute(px) units\n *\n * The pixel scale is used by default.\n * All properties that do not explicitly set to use relative scale, use pixels.\n *\n * Relative scale is used for size definitions, like heights and widths.\n */\n\nexport const absoluteSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"2px\",\n  1: \"4px\",\n  1.5: \"6px\",\n  2: \"8px\",\n  2.5: \"10px\",\n  3: \"12px\",\n  3.5: \"14px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  7: \"28px\",\n  8: \"32px\",\n  9: \"36px\",\n  10: \"40px\",\n  11: \"44px\",\n  12: \"48px\",\n  14: \"56px\",\n  16: \"64px\",\n  18: \"72px\",\n  20: \"80px\",\n  24: \"96px\",\n  28: \"112px\",\n  32: \"128px\",\n  36: \"144px\",\n  40: \"160px\",\n  44: \"176px\",\n  48: \"192px\",\n  52: \"208px\",\n  56: \"224px\",\n  60: \"240px\",\n  64: \"256px\",\n  72: \"288px\",\n  80: \"320px\",\n  96: \"384px\",\n}\n\nexport const relativeSpacing: ThemeConfig[\"spacing\"] = {\n  px: \"1px\",\n  0: \"0px\",\n  0.5: \"0.125rem\",\n  1: \"0.25rem\",\n  1.5: \"0.375rem\",\n  2: \"0.5rem\",\n  2.5: \"0.625rem\",\n  3: \"0.75rem\",\n  3.5: \"0.875rem\",\n  4: \"1rem\",\n  5: \"1.25rem\",\n  6: \"1.5rem\",\n  7: \"1.75rem\",\n  8: \"2rem\",\n  9: \"2.25rem\",\n  10: \"2.5rem\",\n  11: \"2.75rem\",\n  12: \"3rem\",\n  14: \"3.5rem\",\n  16: \"4rem\",\n  18: \"4.5rem\",\n  20: \"5rem\",\n  24: \"6rem\",\n  28: \"7rem\",\n  32: \"8rem\",\n  36: \"9rem\",\n  40: \"10rem\",\n  44: \"11rem\",\n  48: \"12rem\",\n  52: \"13rem\",\n  56: \"14rem\",\n  60: \"15rem\",\n  64: \"16rem\",\n  72: \"18rem\",\n  80: \"20rem\",\n  96: \"24rem\",\n}\n\n/*\n * Spacing between elements\n * This special scale is used for the gap between common elements.\n * Docs: https://zeroheight.com/6cc527675/p/94c391-spacing/t/3409209197\n */\nexport const betweenSpacing: ThemeConfig[\"spacing\"] = {\n  sm: relativeSpacing[1],\n  md: relativeSpacing[2],\n  lg: relativeSpacing[3],\n  xl: relativeSpacing[4],\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@factorialco/f0-core",
+  "version": "1.25.1",
+  "description": "Core tokens and utilities for Factorial One Design System",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "development": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./base.css": "./base.css",
+    "./tailwind": "./tailwind.ts",
+    "./package.json": "./package.json",
+    "./assets/icons/modules/*": "./assets/icons/modules/*",
+    "./assets/icons/modules": "./assets/icons/modules/index.ts",
+    "./assets/icons/app/*": "./assets/icons/app/*",
+    "./assets/icons/app": "./assets/icons/app/index.ts"
+  },
+  "files": [
+    "src",
+    "dist",
+    "assets",
+    "base.css",
+    "tailwind.ts"
+  ],
+  "keywords": [
+    "factorial",
+    "design-system",
+    "tokens"
+  ],
+  "author": "Factorial",
+  "license": "MIT",
+  "peerDependencies": {
+    "@tailwindcss/container-queries": "^0.1.1",
+    "tailwindcss": "^3.4.3",
+    "tailwindcss-animate": "^1.0.7",
+    "typescript": "^5.7.2"
+  },
+  "devDependencies": {
+    "prettier": "^3.5.2",
+    "tsup": "^8.3.5"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --ext .ts,.tsx"
+  }
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from "./tokens/borderRadius"
+export * from "./tokens/colors"
+export * from "./tokens/spacing"

package/src/tokens/borderRadius.ts

@@ -0,0 +1,12 @@
+export const borderRadius = {
+  none: "0px",
+  "2xs": "0.25rem",
+  xs: "0.375rem",
+  sm: "0.5rem",
+  DEFAULT: "0.625rem",
+  md: "0.75rem",
+  lg: "0.875rem",
+  xl: "1rem",
+  "2xl": "1.5rem",
+  full: "9999px",
+}

package/src/tokens/colors.ts

@@ -0,0 +1,248 @@
+export const baseColors = {
+  white: {
+    3: "0 0% 100% / 0.03",
+    5: "0 0% 100% / 0.05",
+    10: "0 0% 100% / 0.1",
+    20: "0 0% 100% / 0.2",
+    30: "0 0% 100% / 0.3",
+    40: "0 0% 100% / 0.4",
+    50: "0 0% 100% / 0.5",
+    60: "0 0% 100% / 0.6",
+    70: "0 0% 100% / 0.7",
+    80: "0 0% 100% / 0.8",
+    90: "0 0% 100% / 0.9",
+    100: "0 0% 100%",
+  },
+  current: "currentColor",
+  transparent: "transparent",
+  grey: {
+    0: "210 91% 22% / 0.02",
+    5: "220 88% 17% / 0.04",
+    10: "216 89% 18% / 0.06",
+    20: "214 70% 20% / 0.1",
+    30: "213 87% 15% / 0.14",
+    40: "219 97% 15% / 0.37",
+    50: "217 96% 11% / 0.61",
+    60: "220 88% 10% / 0.82",
+    70: "219 91% 8% / 0.88",
+    80: "219 94% 7% / 0.9",
+    90: "219 88% 6% / 0.92",
+    100: "218 48% 10%",
+    solid: {
+      40: "219 18% 69%",
+      50: "218 14% 45%",
+    },
+  },
+  lilac: {
+    50: "340 49% 60%",
+    60: "341 34% 50%",
+    70: "340 33% 41%",
+  },
+  barbie: {
+    50: "331 84% 63%",
+    60: "331 55% 53%",
+    70: "330 49% 43%",
+  },
+  smoke: {
+    50: "192 26% 54%",
+    60: "192 22% 45%",
+    70: "192 22% 37%",
+  },
+  army: {
+    50: "162 44% 33%",
+    60: "163 45% 28%",
+    70: "162 44% 23%",
+  },
+  flubber: {
+    50: "84 55% 53%",
+    60: "84 48% 45%",
+    70: "83 48% 33%",
+  },
+  indigo: {
+    50: "239 91% 64%",
+    60: "239 59% 54%",
+    70: "239 51% 44%",
+  },
+  camel: {
+    50: "25 46% 53%",
+    60: "25 42% 44%",
+    70: "25 42% 36%",
+  },
+  radical: {
+    50: "348 80% 50%",
+    60: "348 80% 42%",
+    70: "347 80% 34%",
+  },
+  viridian: {
+    50: "184 92% 35%",
+    60: "184 92% 28%",
+    70: "184 92% 24%",
+  },
+  orange: {
+    50: "25 95% 53%",
+    60: "24 69% 49%",
+    70: "24 69% 40%",
+  },
+  red: {
+    50: "5 100% 65%",
+    60: "4 61% 49%",
+    70: "3 71% 41%",
+  },
+  grass: {
+    50: "160 84% 39%",
+    60: "160 85% 33%",
+    70: "161 84% 27%",
+  },
+  malibu: {
+    50: "216 90% 65%",
+    60: "216 59% 55%",
+    70: "216 48% 44%",
+  },
+  yellow: {
+    50: "38 92% 54%",
+    60: "38 79% 45%",
+    70: "38 80% 36%",
+  },
+  purple: {
+    50: "258 88% 67%",
+    60: "258 56% 56%",
+    70: "258 43% 46%",
+  },
+} as const
+
+export type BaseColor = keyof typeof baseColors
+
+export const f1Colors = {
+  foreground: {
+    DEFAULT: "hsl(var(--neutral-100))",
+    secondary: "hsl(var(--neutral-50))",
+    tertiary: "hsl(var(--neutral-40))",
+    inverse: {
+      DEFAULT: "hsl(var(--white-100))",
+      secondary: "hsl(var(--white-80))",
+    },
+    disabled: "hsl(var(--neutral-30))",
+    accent: "hsl(var(--accent-70))",
+    critical: "hsl(var(--critical-70))",
+    info: "hsl(var(--info-70))",
+    warning: "hsl(var(--warning-70))",
+    positive: "hsl(var(--positive-70))",
+    selected: "hsl(var(--selected-70))",
+  },
+  background: {
+    DEFAULT: "hsl(var(--neutral-0))",
+    hover: "hsl(var(--neutral-5))",
+    secondary: {
+      DEFAULT: "hsl(var(--neutral-10))",
+      hover: "hsl(var(--neutral-20))",
+    },
+    tertiary: "hsl(var(--neutral-5))",
+    inverse: {
+      DEFAULT: "hsl(var(--neutral-90))",
+      secondary: "hsl(var(--white-60))",
+    },
+    bold: "hsl(var(--neutral-90))",
+    accent: {
+      DEFAULT: "hsl(var(--accent-50) / 0.05)",
+      bold: {
+        DEFAULT: "hsl(var(--accent-50))",
+        hover: "hsl(var(--accent-60))",
+      },
+    },
+    promote: {
+      DEFAULT: "hsl(var(--promote-50) / 0.3)",
+      hover: "hsl(var(--promote-50) / 0.4)",
+    },
+    critical: {
+      DEFAULT: "hsl(var(--critical-50) / 0.1)",
+      bold: "hsl(var(--critical-60))",
+    },
+    info: {
+      DEFAULT: "hsl(var(--info-50) / 0.1)",
+      bold: "hsl(var(--info-50))",
+    },
+    warning: {
+      DEFAULT: "hsl(var(--warning-50) / 0.1)",
+      bold: "hsl(var(--warning-50))",
+    },
+    positive: {
+      DEFAULT: "hsl(var(--positive-50) / 0.1)",
+      bold: "hsl(var(--positive-50))",
+    },
+    selected: {
+      DEFAULT: "hsl(var(--selected-50) / 0.1)",
+      secondary: "hsl(var(--selected-50) / 0.05)",
+      hover: "hsl(var(--selected-50) / 0.2)",
+      bold: {
+        DEFAULT: "hsl(var(--selected-60))",
+        hover: "hsl(var(--selected-70))",
+      },
+    },
+    overlay: {
+      DEFAULT: "hsl(var(--neutral-40))",
+    },
+  },
+  border: {
+    DEFAULT: "hsl(var(--neutral-30))",
+    hover: "hsl(var(--neutral-40))",
+    secondary: "hsl(var(--neutral-10))",
+    inverse: "hsl(var(--neutral-0) / 0.2)",
+    bold: "hsl(var(--neutral-100))",
+    promote: {
+      DEFAULT: "hsl(var(--promote-50) / 0.4)",
+    },
+    selected: {
+      DEFAULT: "hsl(var(--selected-50) / 0.4)",
+      bold: "hsl(var(--selected-50))",
+    },
+    critical: {
+      DEFAULT: "hsl(var(--critical-50) / 0.1)",
+      bold: "hsl(var(--critical-50))",
+    },
+    warning: {
+      DEFAULT: "hsl(var(--warning-50) / 0.1)",
+      bold: "hsl(var(--warning-50))",
+    },
+    info: {
+      DEFAULT: "hsl(var(--info-50) / 0.1)",
+      bold: "hsl(var(--info-50))",
+    },
+    positive: {
+      DEFAULT: "hsl(var(--positive-50) / 0.1)",
+      bold: "hsl(var(--positive-50))",
+    },
+  },
+  icon: {
+    DEFAULT: "hsl(var(--neutral-solid-50))",
+    secondary: "hsl(var(--neutral-solid-40))",
+    inverse: "hsl(var(--neutral-0))",
+    bold: "hsl(var(--neutral-100))",
+    critical: {
+      DEFAULT: "hsl(var(--critical-50))",
+      bold: "hsl(var(--critical-70))",
+    },
+    accent: "hsl(var(--accent-50))",
+    info: "hsl(var(--info-50))",
+    warning: "hsl(var(--warning-50))",
+    positive: "hsl(var(--positive-50))",
+    promote: "hsl(var(--promote-50))",
+    selected: {
+      DEFAULT: "hsl(var(--selected-60))",
+      hover: "hsl(var(--selected-70))",
+    },
+    mood: {
+      "super-negative": "hsl(var(--mood-super-negative))",
+      negative: "hsl(var(--mood-negative))",
+      neutral: "hsl(var(--mood-neutral))",
+      positive: "hsl(var(--mood-positive))",
+      "super-positive": "hsl(var(--mood-super-positive))",
+    },
+  },
+  special: {
+    ring: "hsl(var(--ring))",
+    page: "hsl(var(--page))",
+    highlight: "hsl(var(--accent-50))",
+  },
+} as const
+
+export type F1Color = keyof typeof f1Colors