metamorphosis/dist/Units.js

A css variable management library that helps create and organize variables into easily configurable themes.

const rgb = ({ r, g, b, a }) => `rgb(${r} ${g} ${b}${a !== void 0 ? ` / ${a}` : ""})`;
const hsl = ({ h, s: s2, l, a }) => `hsl(${h}deg ${s2}% ${l}%${a !== void 0 ? ` / ${a}` : ""})`;
const hwb = ({ h, w, b, a }) => `hwb(${h}deg ${w}% ${b}%${a !== void 0 ? ` / ${a}` : ""})`;
const lch = ({ l, c, h, a }) => `lch(${l} ${c} ${h}${a !== void 0 ? ` / ${a}` : ""})`;
const oklch = (val) => `ok${lch(val)}`;
const lab = ({ l, a, b, A }) => `lab(${l} ${a} ${b}${A !== void 0 ? ` / ${A}` : ""})`;
const oklab = (val) => `ok${lab(val)}`;
const createSimpleUnit = (suffix) => ({ _ }) => `${_}${suffix}`;
const px = createSimpleUnit("px");
const pt = createSimpleUnit("pt");
const pc = createSimpleUnit("pc");
const inch = createSimpleUnit("in");
const Q = createSimpleUnit("Q");
const mm = createSimpleUnit("mm");
const cm = createSimpleUnit("cm");
const em = createSimpleUnit("em");
const rem = createSimpleUnit("rem");
const ex = createSimpleUnit("ex");
const ch = createSimpleUnit("ch");
const cap = createSimpleUnit("cap");
const ic = createSimpleUnit("ic");
const lh = createSimpleUnit("lh");
const rlh = createSimpleUnit("rlh");
const vw = createSimpleUnit("vw");
const vh = createSimpleUnit("vh");
const vmin = createSimpleUnit("vmin");
const vmax = createSimpleUnit("vmax");
const vb = createSimpleUnit("vb");
const vi = createSimpleUnit("vi");
const svw = createSimpleUnit("svw");
const svh = createSimpleUnit("svh");
const lvw = createSimpleUnit("lvw");
const lvh = createSimpleUnit("lvh");
const dvw = createSimpleUnit("dvw");
const dvh = createSimpleUnit("dvh");
const s = createSimpleUnit("s");
const ms = createSimpleUnit("ms");
const rad = createSimpleUnit("rad");
const grad = createSimpleUnit("grad");
const turn = createSimpleUnit("turn");
const deg = createSimpleUnit("deg");
const cqw = createSimpleUnit("cqw");
const cqh = createSimpleUnit("cqh");
const cqi = createSimpleUnit("cqi");
const cqb = createSimpleUnit("cqb");
const cqmin = createSimpleUnit("cqmin");
const cqmax = createSimpleUnit("cqmax");
const percent = createSimpleUnit("percent");
const fr = createSimpleUnit("fr");
const dpi = createSimpleUnit("dpi");
const dpcm = createSimpleUnit("dpcm");
const dppx = createSimpleUnit("dppx");
const str = createSimpleUnit("");
const num = createSimpleUnit("");
const cssVar = ({ _ }) => `var(--${_})`;
export {
  Q,
  cap,
  ch,
  cm,
  cqb,
  cqh,
  cqi,
  cqmax,
  cqmin,
  cqw,
  createSimpleUnit,
  cssVar,
  deg,
  dpcm,
  dpi,
  dppx,
  dvh,
  dvw,
  em,
  ex,
  fr,
  grad,
  hsl,
  hwb,
  ic,
  inch,
  lab,
  lch,
  lh,
  lvh,
  lvw,
  mm,
  ms,
  num,
  oklab,
  oklch,
  pc,
  percent,
  pt,
  px,
  rad,
  rem,
  rgb,
  rlh,
  s,
  str,
  svh,
  svw,
  turn,
  vb,
  vh,
  vi,
  vmax,
  vmin,
  vw
};