@factorialco/f0-core 1.25.1

package/dist/index.d.ts

@@ -0,0 +1,275 @@
+import { ThemeConfig } from 'tailwindcss/types/config';
+
+declare const borderRadius: {
+    none: string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    full: string;
+};
+
+declare const baseColors: {
+    readonly white: {
+        readonly 3: "0 0% 100% / 0.03";
+        readonly 5: "0 0% 100% / 0.05";
+        readonly 10: "0 0% 100% / 0.1";
+        readonly 20: "0 0% 100% / 0.2";
+        readonly 30: "0 0% 100% / 0.3";
+        readonly 40: "0 0% 100% / 0.4";
+        readonly 50: "0 0% 100% / 0.5";
+        readonly 60: "0 0% 100% / 0.6";
+        readonly 70: "0 0% 100% / 0.7";
+        readonly 80: "0 0% 100% / 0.8";
+        readonly 90: "0 0% 100% / 0.9";
+        readonly 100: "0 0% 100%";
+    };
+    readonly current: "currentColor";
+    readonly transparent: "transparent";
+    readonly grey: {
+        readonly 0: "210 91% 22% / 0.02";
+        readonly 5: "220 88% 17% / 0.04";
+        readonly 10: "216 89% 18% / 0.06";
+        readonly 20: "214 70% 20% / 0.1";
+        readonly 30: "213 87% 15% / 0.14";
+        readonly 40: "219 97% 15% / 0.37";
+        readonly 50: "217 96% 11% / 0.61";
+        readonly 60: "220 88% 10% / 0.82";
+        readonly 70: "219 91% 8% / 0.88";
+        readonly 80: "219 94% 7% / 0.9";
+        readonly 90: "219 88% 6% / 0.92";
+        readonly 100: "218 48% 10%";
+        readonly solid: {
+            readonly 40: "219 18% 69%";
+            readonly 50: "218 14% 45%";
+        };
+    };
+    readonly lilac: {
+        readonly 50: "340 49% 60%";
+        readonly 60: "341 34% 50%";
+        readonly 70: "340 33% 41%";
+    };
+    readonly barbie: {
+        readonly 50: "331 84% 63%";
+        readonly 60: "331 55% 53%";
+        readonly 70: "330 49% 43%";
+    };
+    readonly smoke: {
+        readonly 50: "192 26% 54%";
+        readonly 60: "192 22% 45%";
+        readonly 70: "192 22% 37%";
+    };
+    readonly army: {
+        readonly 50: "162 44% 33%";
+        readonly 60: "163 45% 28%";
+        readonly 70: "162 44% 23%";
+    };
+    readonly flubber: {
+        readonly 50: "84 55% 53%";
+        readonly 60: "84 48% 45%";
+        readonly 70: "83 48% 33%";
+    };
+    readonly indigo: {
+        readonly 50: "239 91% 64%";
+        readonly 60: "239 59% 54%";
+        readonly 70: "239 51% 44%";
+    };
+    readonly camel: {
+        readonly 50: "25 46% 53%";
+        readonly 60: "25 42% 44%";
+        readonly 70: "25 42% 36%";
+    };
+    readonly radical: {
+        readonly 50: "348 80% 50%";
+        readonly 60: "348 80% 42%";
+        readonly 70: "347 80% 34%";
+    };
+    readonly viridian: {
+        readonly 50: "184 92% 35%";
+        readonly 60: "184 92% 28%";
+        readonly 70: "184 92% 24%";
+    };
+    readonly orange: {
+        readonly 50: "25 95% 53%";
+        readonly 60: "24 69% 49%";
+        readonly 70: "24 69% 40%";
+    };
+    readonly red: {
+        readonly 50: "5 100% 65%";
+        readonly 60: "4 61% 49%";
+        readonly 70: "3 71% 41%";
+    };
+    readonly grass: {
+        readonly 50: "160 84% 39%";
+        readonly 60: "160 85% 33%";
+        readonly 70: "161 84% 27%";
+    };
+    readonly malibu: {
+        readonly 50: "216 90% 65%";
+        readonly 60: "216 59% 55%";
+        readonly 70: "216 48% 44%";
+    };
+    readonly yellow: {
+        readonly 50: "38 92% 54%";
+        readonly 60: "38 79% 45%";
+        readonly 70: "38 80% 36%";
+    };
+    readonly purple: {
+        readonly 50: "258 88% 67%";
+        readonly 60: "258 56% 56%";
+        readonly 70: "258 43% 46%";
+    };
+};
+type BaseColor = keyof typeof baseColors;
+declare const f1Colors: {
+    readonly foreground: {
+        readonly DEFAULT: "hsl(var(--neutral-100))";
+        readonly secondary: "hsl(var(--neutral-50))";
+        readonly tertiary: "hsl(var(--neutral-40))";
+        readonly inverse: {
+            readonly DEFAULT: "hsl(var(--white-100))";
+            readonly secondary: "hsl(var(--white-80))";
+        };
+        readonly disabled: "hsl(var(--neutral-30))";
+        readonly accent: "hsl(var(--accent-70))";
+        readonly critical: "hsl(var(--critical-70))";
+        readonly info: "hsl(var(--info-70))";
+        readonly warning: "hsl(var(--warning-70))";
+        readonly positive: "hsl(var(--positive-70))";
+        readonly selected: "hsl(var(--selected-70))";
+    };
+    readonly background: {
+        readonly DEFAULT: "hsl(var(--neutral-0))";
+        readonly hover: "hsl(var(--neutral-5))";
+        readonly secondary: {
+            readonly DEFAULT: "hsl(var(--neutral-10))";
+            readonly hover: "hsl(var(--neutral-20))";
+        };
+        readonly tertiary: "hsl(var(--neutral-5))";
+        readonly inverse: {
+            readonly DEFAULT: "hsl(var(--neutral-90))";
+            readonly secondary: "hsl(var(--white-60))";
+        };
+        readonly bold: "hsl(var(--neutral-90))";
+        readonly accent: {
+            readonly DEFAULT: "hsl(var(--accent-50) / 0.05)";
+            readonly bold: {
+                readonly DEFAULT: "hsl(var(--accent-50))";
+                readonly hover: "hsl(var(--accent-60))";
+            };
+        };
+        readonly promote: {
+            readonly DEFAULT: "hsl(var(--promote-50) / 0.3)";
+            readonly hover: "hsl(var(--promote-50) / 0.4)";
+        };
+        readonly critical: {
+            readonly DEFAULT: "hsl(var(--critical-50) / 0.1)";
+            readonly bold: "hsl(var(--critical-60))";
+        };
+        readonly info: {
+            readonly DEFAULT: "hsl(var(--info-50) / 0.1)";
+            readonly bold: "hsl(var(--info-50))";
+        };
+        readonly warning: {
+            readonly DEFAULT: "hsl(var(--warning-50) / 0.1)";
+            readonly bold: "hsl(var(--warning-50))";
+        };
+        readonly positive: {
+            readonly DEFAULT: "hsl(var(--positive-50) / 0.1)";
+            readonly bold: "hsl(var(--positive-50))";
+        };
+        readonly selected: {
+            readonly DEFAULT: "hsl(var(--selected-50) / 0.1)";
+            readonly secondary: "hsl(var(--selected-50) / 0.05)";
+            readonly hover: "hsl(var(--selected-50) / 0.2)";
+            readonly bold: {
+                readonly DEFAULT: "hsl(var(--selected-60))";
+                readonly hover: "hsl(var(--selected-70))";
+            };
+        };
+        readonly overlay: {
+            readonly DEFAULT: "hsl(var(--neutral-40))";
+        };
+    };
+    readonly border: {
+        readonly DEFAULT: "hsl(var(--neutral-30))";
+        readonly hover: "hsl(var(--neutral-40))";
+        readonly secondary: "hsl(var(--neutral-10))";
+        readonly inverse: "hsl(var(--neutral-0) / 0.2)";
+        readonly bold: "hsl(var(--neutral-100))";
+        readonly promote: {
+            readonly DEFAULT: "hsl(var(--promote-50) / 0.4)";
+        };
+        readonly selected: {
+            readonly DEFAULT: "hsl(var(--selected-50) / 0.4)";
+            readonly bold: "hsl(var(--selected-50))";
+        };
+        readonly critical: {
+            readonly DEFAULT: "hsl(var(--critical-50) / 0.1)";
+            readonly bold: "hsl(var(--critical-50))";
+        };
+        readonly warning: {
+            readonly DEFAULT: "hsl(var(--warning-50) / 0.1)";
+            readonly bold: "hsl(var(--warning-50))";
+        };
+        readonly info: {
+            readonly DEFAULT: "hsl(var(--info-50) / 0.1)";
+            readonly bold: "hsl(var(--info-50))";
+        };
+        readonly positive: {
+            readonly DEFAULT: "hsl(var(--positive-50) / 0.1)";
+            readonly bold: "hsl(var(--positive-50))";
+        };
+    };
+    readonly icon: {
+        readonly DEFAULT: "hsl(var(--neutral-solid-50))";
+        readonly secondary: "hsl(var(--neutral-solid-40))";
+        readonly inverse: "hsl(var(--neutral-0))";
+        readonly bold: "hsl(var(--neutral-100))";
+        readonly critical: {
+            readonly DEFAULT: "hsl(var(--critical-50))";
+            readonly bold: "hsl(var(--critical-70))";
+        };
+        readonly accent: "hsl(var(--accent-50))";
+        readonly info: "hsl(var(--info-50))";
+        readonly warning: "hsl(var(--warning-50))";
+        readonly positive: "hsl(var(--positive-50))";
+        readonly promote: "hsl(var(--promote-50))";
+        readonly selected: {
+            readonly DEFAULT: "hsl(var(--selected-60))";
+            readonly hover: "hsl(var(--selected-70))";
+        };
+        readonly mood: {
+            readonly "super-negative": "hsl(var(--mood-super-negative))";
+            readonly negative: "hsl(var(--mood-negative))";
+            readonly neutral: "hsl(var(--mood-neutral))";
+            readonly positive: "hsl(var(--mood-positive))";
+            readonly "super-positive": "hsl(var(--mood-super-positive))";
+        };
+    };
+    readonly special: {
+        readonly ring: "hsl(var(--ring))";
+        readonly page: "hsl(var(--page))";
+        readonly highlight: "hsl(var(--accent-50))";
+    };
+};
+type F1Color = keyof typeof f1Colors;
+
+/**
+ * Spacing for the tailwind config
+ * Provides scale in relative(rem) and absolute(px) units
+ *
+ * The pixel scale is used by default.
+ * All properties that do not explicitly set to use relative scale, use pixels.
+ *
+ * Relative scale is used for size definitions, like heights and widths.
+ */
+declare const absoluteSpacing: ThemeConfig["spacing"];
+declare const relativeSpacing: ThemeConfig["spacing"];
+declare const betweenSpacing: ThemeConfig["spacing"];
+
+export { type BaseColor, type F1Color, absoluteSpacing, baseColors, betweenSpacing, borderRadius, f1Colors, relativeSpacing };

package/dist/index.js

@@ -0,0 +1,383 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  absoluteSpacing: () => absoluteSpacing,
+  baseColors: () => baseColors,
+  betweenSpacing: () => betweenSpacing,
+  borderRadius: () => borderRadius,
+  f1Colors: () => f1Colors,
+  relativeSpacing: () => relativeSpacing
+});
+module.exports = __toCommonJS(index_exports);
+
+// 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]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  absoluteSpacing,
+  baseColors,
+  betweenSpacing,
+  borderRadius,
+  f1Colors,
+  relativeSpacing
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/tokens/borderRadius.ts","../src/tokens/colors.ts","../src/tokens/spacing.ts"],"sourcesContent":["export * from \"./tokens/borderRadius\"\nexport * from \"./tokens/colors\"\nexport * from \"./tokens/spacing\"\n","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":[]}