@fission-suite/kit/lib/Kit.js

Fission UI Kit

var __defProp = Object.defineProperty;
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
var __export = (target, all) => {
  __markAsModule(target);
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};

// src/Kit.js
__export(exports, {
  animations: () => animations,
  colors: () => colors,
  dasherizeObjectKeys: () => dasherizeObjectKeys,
  fontFaces: () => fontFaces,
  fontSizes: () => fontSizes,
  fonts: () => fonts,
  hsl: () => hsl,
  keyframes: () => keyframes,
  primaryColor: () => primaryColor,
  rgb: () => rgb,
  secondaryColor: () => secondaryColor,
  tailwindPurgeList: () => tailwindPurgeList
});
var loadingAnimProps = "cubic-bezier(0.4, 0, 0.2, 1) infinite both";
var loadingRotateTime = "4800ms";
function loadingAnimation(lineNumber) {
  return `loading-rotate ${loadingRotateTime} ${loadingAnimProps}, loading-line-${lineNumber} ${loadingRotateTime} ${loadingAnimProps}`;
}
var animations = {
  "loading": "spin 1600ms linear infinite",
  "loading-left-spin": `loading-left-spin 1200ms ${loadingAnimProps}`,
  "loading-right-spin": `loading-right-spin 1200ms ${loadingAnimProps}`,
  "loading-line-1": loadingAnimation(1),
  "loading-line-2": loadingAnimation(2),
  "loading-line-3": loadingAnimation(3),
  "loading-line-4": loadingAnimation(4),
  "loading-bugfix-placeholder-rotate": `loading-rotate ${loadingRotateTime} ${loadingAnimProps}`,
  "loading-bugfix-placeholder-line-1": `loading-line-1 ${loadingRotateTime} ${loadingAnimProps}`,
  "loading-bugfix-placeholder-line-2": `loading-line-2 ${loadingRotateTime} ${loadingAnimProps}`,
  "loading-bugfix-placeholder-line-3": `loading-line-3 ${loadingRotateTime} ${loadingAnimProps}`,
  "loading-bugfix-placeholder-line-4": `loading-line-4 ${loadingRotateTime} ${loadingAnimProps}`
};
var keyframes = {
  "loading-rotate": {
    "12.5%": { transform: "rotate(135deg)" },
    "25%": { transform: "rotate(270deg)" },
    "37.5%": { transform: "rotate(405deg)" },
    "50%": { transform: "rotate(540deg)" },
    "62.5%": { transform: "rotate(675deg)" },
    "75%": { transform: "rotate(810deg)" },
    "87.5%": { transform: "rotate(945deg)" },
    "to": { transform: "rotate(1080deg)" }
  },
  "loading-left-spin": {
    "0%": { transform: "rotate(130deg)" },
    "50%": { transform: "rotate(-5deg)" },
    "to": { transform: "rotate(130deg)" }
  },
  "loading-right-spin": {
    "0%": { transform: "rotate(-130deg)" },
    "50%": { transform: "rotate(5deg)" },
    "to": { transform: "rotate(-130deg)" }
  },
  "loading-line-1": {
    "0%": { opacity: "1" },
    "25%": { opacity: "1" },
    "26%": { opacity: "0" },
    "89%": { opacity: "0" },
    "90%": { opacity: "1" },
    "to": { opacity: "1" }
  },
  "loading-line-2": {
    "0%": { opacity: "0" },
    "15%": { opacity: "0" },
    "25%": { opacity: "1" },
    "50%": { opacity: "1" },
    "51%": { opacity: "0" }
  },
  "loading-line-3": {
    "0%": { opacity: "0" },
    "40%": { opacity: "0" },
    "50%": { opacity: "1" },
    "75%": { opacity: "1" },
    "76%": { opacity: "0" }
  },
  "loading-line-4": {
    "0%": { opacity: "0" },
    "65%": { opacity: "0" },
    "75%": { opacity: "1" },
    "90%": { opacity: "1" },
    "to": { opacity: "0" }
  }
};
var colors = {
  pink: rgb(255, 82, 116),
  pink_tint: rgb(244, 220, 225),
  pink_shade: rgb(145, 81, 94),
  purple: rgb(100, 70, 250),
  purple_tint: rgb(218, 210, 254),
  purple_shade: rgb(84, 73, 140),
  yellow: rgb(255, 179, 57),
  base_25: rgb(246, 247, 252),
  base_50: rgb(245, 245, 251),
  base_100: rgb(242, 242, 249),
  base_200: rgb(235, 236, 245),
  base_300: rgb(206, 208, 224),
  base_400: rgb(165, 167, 184),
  base_500: rgb(120, 122, 143),
  base_600: rgb(62, 65, 92),
  base_700: rgb(30, 35, 71),
  base_800: rgb(37, 39, 55),
  base_900: rgb(24, 26, 37),
  base_950: rgb(22, 24, 34),
  marker_yellow: rgb(255, 239, 143),
  marker_yellow_tint: rgb(255, 248, 206),
  marker_yellow_shade: rgb(79, 74, 44),
  black: rgb(0, 0, 0),
  green: rgb(61, 191, 83),
  red: rgb(191, 61, 87),
  white: rgb(255, 255, 255)
};
var primaryColor = colors.purple;
var secondaryColor = colors.pink;
function hsl(h, s, l) {
  return `hsl(${h}, ${s}%, ${l}%)`;
}
function rgb(r, g, b) {
  return `rgb(${r}, ${g}, ${b})`;
}
var fonts = {
  body: "Karla",
  display: "JetBrains Mono",
  mono: "Fira Code"
};
var fontSizes = {
  tiny: "0.8125rem",
  slight: "0.9375rem"
};
function fontFaces({ fontsPath }) {
  const base = fontsPath.replace(/\/+$/, "");
  return [
    {
      fontDisplay: "swap",
      fontFamily: "Karla",
      fontStyle: "normal",
      fontWeight: "1 999",
      src: `url("${base}/karla-roman-vf.woff2") format("woff2-variations")`
    },
    {
      fontDisplay: "swap",
      fontFamily: "Karla",
      fontStyle: "italic",
      fontWeight: "1 999",
      src: `url("${base}/karla-italic-vf.woff2") format("woff2-variations")`
    },
    {
      fontDisplay: "swap",
      fontFamily: "JetBrains Mono",
      fontStyle: "normal",
      fontWeight: "1 999",
      src: `url("${base}/jetbrainsmono-roman-vf.woff2") format("woff2-variations")`
    },
    {
      fontDisplay: "swap",
      fontFamily: "JetBrains Mono",
      fontStyle: "italic",
      fontWeight: "1 999",
      src: `url("${base}/jetbrainsmono-italic-vf.woff2") format("woff2-variations")`
    },
    {
      fontDisplay: "swap",
      fontFamily: "Fira Code",
      fontStyle: "normal",
      fontWeight: "1 999",
      src: `url("${base}/firacode-roman-vf.woff2") format("woff2-variations")`
    }
  ];
}
function dasherizeObjectKeys(object) {
  const entries = Object.entries(object);
  const transformedEntries = entries.map(([k, v]) => [k.replace(/_/g, "-"), v]);
  return Object.fromEntries(transformedEntries);
}
function tailwindPurgeList(kitDir) {
  kitDir = (kitDir || "./node_modules/@fission-suite/kit").replace(/\/+$/, "");
  return [
    kitDir + "/src/Components/Classes.json",
    kitDir + "/src/Components/React/**/*.jsx"
  ];
}