@autofleet/theme 0.0.1-gery-test → 0.1.0

package/dist/index.js

@@ -1,1401 +0,0 @@
-const $ = (a) => {
-  const r = a.split(",").map((n) => parseInt(n, 10)), t = r[0] / 255, e = r[1] / 255, o = r[2] / 255, p = Math.max(t, e, o), l = p - Math.min(t, e, o), h = l ? p === t ? (e - o) / l : p === e ? 2 + (o - t) / l : 4 + (t - e) / l : 0;
-  return [
-    60 * h < 0 ? 60 * h + 360 : 60 * h,
-    100 * (l ? p <= 0.5 ? l / (2 * p - l) : l / (2 - (2 * p - l)) : 0),
-    100 * (2 * p - l) / 2
-  ];
-}, C = (a, r, t) => {
-  const e = r / 100, o = t / 100, p = (c) => (c + a / 30) % 12, l = e * Math.min(o, 1 - o), h = (c) => o - l * Math.max(
-    -1,
-    Math.min(p(c) - 3, Math.min(9 - p(c), 1))
-  ), n = 255 * h(0), v = 255 * h(8), O = 255 * h(4);
-  return [n, v, O];
-}, L = (a) => {
-  const r = $(a), t = r[2] + r[2] * -24 / 100, [e, o, p] = C(r[0], r[1], t);
-  return `${e}, ${o}, ${p}`;
-}, T = {
-  info: {
-    light: "rgba(231, 246, 255, 1)",
-    dark: "rgba(30, 55, 75, 1)"
-  },
-  error: {
-    light: "rgba(254, 235, 236, 1)",
-    dark: "rgba(67, 37, 45, 1)"
-  },
-  success: {
-    light: "rgba(233, 248, 239, 1)",
-    dark: "rgba(34, 58, 50, 1)"
-  },
-  warning: {
-    light: "rgba(254, 246, 231, 1)",
-    dark: "rgba(68, 55, 37, 1)"
-  },
-  primary: {
-    light: "rgba(231, 246, 255, 1)",
-    dark: "rgba(30, 55, 75, 1)"
-  }
-}, S = (a, r, t) => ({
-  [`${a}Color`]: `rgba(${r}, 1)`,
-  [`${a}ColorHover`]: `rgba(${L(r)}, 1)`,
-  [`${a}ColorOpacityWeak`]: `rgba(${r}, 0.32)`,
-  [`${a}ColorOpacityStrong`]: `rgba(${r}, ${t === "light" ? 0.1 : 0.16})`,
-  [`${a}HoverComponentBgColor`]: T[a][t]
-}), N = [
-  ["info", "17, 164, 255"],
-  ["error", "248, 55, 67"],
-  ["success", "37, 184, 97"],
-  ["warning", "250, 166, 19"]
-], y = (a) => {
-  const [r, t, e] = a.split(",").map((l) => parseInt(l, 10));
-  return (0.2126 * r + 0.7152 * t + 0.0722 * e) / 255 > 0.6 ? "#000000" : "#FFFFFF";
-}, E = {
-  primaryTextColor: (a) => a ? "rgba(244, 245, 248, 1)" : "rgba(33, 34, 41, 1)",
-  secondaryTextColor: (a) => a ? "rgba(173, 174, 186, 1)" : "rgba(102, 105, 117, 1)",
-  disabledTextColor: (a) => a ? "rgba(102, 105, 117, 1)" : "rgba(173, 174, 186, 1)",
-  placeholderTextColor: (a) => a ? "rgba(102, 105, 117, 1)" : "rgba(173, 174, 186, 1)",
-  primaryBackgroundColor: (a) => a ? "rgba(33, 34, 41, 1)" : "rgba(255, 255, 255, 1)",
-  secondaryBackgroundColor: (a) => a ? "rgba(43, 45, 51, 1)" : "rgba(244, 245, 248, 1)",
-  dividerColor: (a) => a ? "rgba(125, 139, 172, 0.32)" : "rgba(125, 139, 172, 0.24)",
-  secondaryButtonsHoverColor: (a) => a ? "rgba(124, 134, 163, 0.16)" : "rgba(124, 134, 163, 0.1)"
-}, M = (a) => Object.fromEntries(
-  Object.entries(E).map(
-    ([r, t]) => [r, t(a === "dark")]
-  )
-), j = (a, r) => ({
-  ...[
-    ...N,
-    ["primary", a]
-  ].map(([e, o]) => S(e, o, r)).reduce((e, o) => ({ ...e, ...o }), {}),
-  primaryBackgroundText: y(a),
-  primaryBackgroundHoverText: y(
-    L(a)
-  ),
-  ...M(r)
-}), H = {
-  // neutral colors
-  "n-00": "rgba(255, 255, 255, 1)",
-  "n-01": "rgba(244, 245, 248, 1)",
-  "n-02": "rgba(173, 174, 186, 1)",
-  "n-03": "rgba(102, 105, 117, 1)",
-  "n-04": "rgba(52, 55, 64, 1)",
-  "n-05": "rgba(33, 34, 41, 1)",
-  "n-opa-10": "rgba(124, 134, 163, 0.1)",
-  "n-opa-16": "rgba(124, 134, 163, 0.16)",
-  "n-opa-24": "rgba(124, 134, 163, 0.24)",
-  "n-opa-32": "rgba(125, 139, 172, 0.32)",
-  "n-00-opa-32": "rgba(255, 255, 255, 0.32)",
-  // brand colors
-  brand: "rgba(17, 164, 255, 1)",
-  "brand-hover": "rgba(0, 132, 214, 1)",
-  "brand-opa-10": "rgba(17, 164, 255, 0.1)",
-  "brand-opa-16": "rgba(17, 164, 255, 0.16)",
-  "brand-opa-24": "rgba(17, 164, 255, 0.24)",
-  "brand-opa-32": "rgba(17, 164, 255, 0.32)",
-  // blue colors
-  "b-01": "rgba(231, 246, 255, 1)",
-  "b-02": "rgba(17, 164, 255, 1)",
-  "b-03": "rgba(0, 132, 214, 1)",
-  "b-04": "rgba(30, 55, 75, 1)",
-  "b-05": "rgba(66, 183, 255, 1)",
-  "b-06": "rgba(0, 75, 122, 1)",
-  "b-07": "rgba(158, 218, 255, 1)",
-  "b-opa-10": "rgba(17, 164, 255, 0.1)",
-  "b-opa-16": "rgba(17, 164, 255, 0.16)",
-  "b-opa-24": "rgba(17, 164, 255, 0.24)",
-  "b-opa-32": "rgba(17, 164, 255, 0.32)",
-  // green colors
-  "g-01": "rgba(233, 248, 239, 1)",
-  "g-02": "rgba(37, 184, 97, 1)",
-  "g-03": "rgba(28, 140, 74, 1)",
-  "g-04": "rgba(34, 58, 50, 1)",
-  "g-05": "rgba(55, 215, 120, 1)",
-  "g-06": "rgba(17, 85, 44, 1)",
-  "g-07": "rgba(136, 231, 174, 1)",
-  "g-opa-10": "rgba(37, 184, 97, 0.1)",
-  "g-opa-16": "rgba(37, 184, 97, 0.16)",
-  "g-opa-24": "rgba(37, 184, 97, 0.24)",
-  "g-opa-32": "rgba(37, 184, 97, 0.32)",
-  // yellow colors
-  "y-01": "rgba(254, 246, 231, 1)",
-  "y-02": "rgba(244, 156, 0, 1)",
-  "y-03": "rgba(214, 138, 5, 1)",
-  "y-04": "rgba(68, 55, 37, 1)",
-  "y-05": "rgba(251, 185, 70, 1)",
-  "y-06": "rgba(107, 68, 0, 1)",
-  "y-07": "rgba(255, 210, 133, 1)",
-  "y-opa-10": "rgba(244, 156, 0, 0.1)",
-  "y-opa-16": "rgba(244, 156, 0, 0.16)",
-  "y-opa-24": "rgba(244, 156, 0, 0.24)",
-  "y-opa-32": "rgba(244, 156, 0, 0.32)",
-  // red colors
-  "r-01": "rgba(254, 235, 236, 1)",
-  "r-02": "rgba(248, 55, 67, 1)",
-  "r-03": "rgba(197, 7, 19, 1)",
-  "r-04": "rgba(67, 37, 45, 1)",
-  "r-05": "rgba(249, 103, 112, 1)",
-  "r-06": "rgba(137, 6, 14, 1)",
-  "r-07": "rgba(248, 180, 186, 1)",
-  "r-opa-10": "rgba(248, 55, 67, 0.1)",
-  "r-opa-16": "rgba(248, 55, 67, 0.16)",
-  "r-opa-24": "rgba(248, 55, 67, 0.24)",
-  "r-opa-32": "rgba(248, 55, 67, 0.32)",
-  // purple colors
-  "pu-02": "rgba(143, 101, 255, 1)",
-  "pu-06": "rgba(58, 0, 219, 1)",
-  "pu-07": "rgba(209, 194, 255, 1)",
-  "pu-opa-10": "rgba(143, 101, 255, 0.1)",
-  "pu-opa-16": "rgba(143, 101, 255, 0.16)",
-  "pu-opa-24": "rgba(143, 101, 255, 0.24)",
-  // orange colors
-  "or-02": "rgba(255, 116, 87, 1)",
-  "or-06": "rgba(143, 24, 0, 1)",
-  "or-07": "rgba(255, 198, 189, 1)",
-  "or-opa-10": "rgba(255, 117, 87, 0.1)",
-  "or-opa-16": "rgba(255, 117, 87, 0.16)",
-  "or-opa-24": "rgba(255, 117, 87, 0.24)",
-  // turquoise colors
-  "tu-02": "rgba(0, 198, 181, 1)",
-  "tu-06": "rgba(0, 82, 72, 1)",
-  "tu-07": "rgba(0, 245, 224, 1)",
-  "tu-opa-10": "rgba(0, 198, 181, 0.1)",
-  "tu-opa-16": "rgba(0, 198, 181, 0.16)",
-  "tu-opa-24": "rgba(0, 198, 181, 0.24)",
-  // pink colors
-  "pi-02": "rgba(255, 85, 138, 1)",
-  "pi-06": "rgba(143, 0, 45, 1)",
-  "pi-07": "rgba(255, 189, 210, 1)",
-  "pi-opa-10": "rgba(255, 85, 138, 0.1)",
-  "pi-opa-16": "rgba(255, 85, 138, 0.16)",
-  "pi-opa-24": "rgba(255, 85, 138, 0.24)",
-  // ultramarine colors
-  "ul-02": "rgba(84, 119, 255, 1)",
-  "ul-06": "rgba(0, 41, 204, 1)",
-  "ul-07": "rgba(184, 198, 255, 1)",
-  "ul-opa-10": "rgba(84, 119, 255, 0.1)",
-  "ul-opa-16": "rgba(84, 119, 255, 0.16)",
-  "ul-opa-24": "rgba(84, 119, 255, 0.24)",
-  // peach colors
-  "pe-02": "rgba(255, 147, 69, 1)",
-  "pe-06": "rgba(128, 53, 0, 1)",
-  "pe-07": "rgba(255, 209, 179, 1)",
-  "pe-opa-10": "rgba(255, 147, 69, 0.1)",
-  "pe-opa-16": "rgba(255, 147, 69, 0.16)",
-  "pe-opa-24": "rgba(255, 147, 69, 0.24)",
-  // apple colors
-  "ap-02": "rgba(127, 185, 81, 1)",
-  "ap-06": "rgba(54, 81, 31, 1)",
-  "ap-07": "rgba(198, 225, 173, 1)",
-  "ap-opa-10": "rgba(127, 185, 81, 0.1)",
-  "ap-opa-16": "rgba(127, 185, 81, 0.16)",
-  "ap-opa-24": "rgba(127, 185, 81, 0.24)",
-  // bubblegum colors
-  "bu-02": "rgba(238, 91, 197, 1)",
-  "bu-06": "rgba(135, 13, 100, 1)",
-  "bu-07": "rgba(249, 190, 234, 1)",
-  "bu-opa-10": "rgba(238, 91, 197, 0.1)",
-  "bu-opa-16": "rgba(238, 91, 197, 0.16)",
-  "bu-opa-24": "rgba(238, 91, 197, 0.24)",
-  // ocher colors
-  "oc-02": "rgba(251, 171, 0, 1)",
-  "oc-06": "rgba(102, 70, 0, 1)",
-  "oc-07": "rgba(255, 218, 138, 1)",
-  "oc-opa-10": "rgba(251, 171, 0, 0.1)",
-  "oc-opa-16": "rgba(251, 171, 0, 0.16)",
-  "oc-opa-24": "rgba(251, 171, 0, 0.24)",
-  // bluberry colors
-  "br-02": "rgba(101, 98, 255, 1)",
-  "br-06": "rgba(4, 0, 230, 1)",
-  "br-07": "rgba(95, 194, 255, 1)",
-  "br-opa-10": "rgba(101, 98, 255, 0.1)",
-  "br-opa-16": "rgba(101, 98, 255, 0.16)",
-  "br-opa-24": "rgba(101, 98, 255, 0.24)"
-}, d = ({ red: a, green: r, blue: t }, e) => `rgba(${a}, ${r}, ${t}, ${e})`, R = (a) => ({
-  brand: d(a, 1),
-  "brand-hover": `rgba(${L(
-    `${a.red}, ${a.green}, ${a.blue}`
-  )}, 1)`,
-  "brand-opa-10": d(a, 0.1),
-  "brand-opa-16": d(a, 0.16),
-  "brand-opa-24": d(a, 0.24),
-  "brand-opa-32": d(a, 0.32)
-}), f = {
-  "bg-primary": {
-    autofleet: {
-      light: "n-00",
-      dark: "n-05"
-    },
-    whiteLabel: {
-      light: "n-00",
-      dark: "n-05"
-    }
-  },
-  "bg-secondary": {
-    autofleet: {
-      light: "n-01",
-      dark: "n-04"
-    },
-    whiteLabel: {
-      light: "n-01",
-      dark: "n-04"
-    }
-  },
-  "bg-info": {
-    autofleet: {
-      light: "b-01",
-      dark: "b-04"
-    },
-    whiteLabel: {
-      light: "b-01",
-      dark: "b-04"
-    }
-  },
-  "bg-success": {
-    autofleet: {
-      light: "g-01",
-      dark: "g-04"
-    },
-    whiteLabel: {
-      light: "g-01",
-      dark: "g-04"
-    }
-  },
-  "bg-warning": {
-    autofleet: {
-      light: "y-01",
-      dark: "y-04"
-    },
-    whiteLabel: {
-      light: "y-01",
-      dark: "y-04"
-    }
-  },
-  "bg-error": {
-    autofleet: {
-      light: "r-01",
-      dark: "r-04"
-    },
-    whiteLabel: {
-      light: "r-01",
-      dark: "r-04"
-    }
-  },
-  "divider-neutral": {
-    autofleet: {
-      light: "n-opa-32",
-      dark: "n-opa-32"
-    },
-    whiteLabel: {
-      light: "n-opa-32",
-      dark: "n-opa-32"
-    }
-  },
-  "divider-invert": {
-    autofleet: {
-      light: "n-00-opa-32",
-      dark: "n-00-opa-32"
-    },
-    whiteLabel: {
-      light: "n-00-opa-32",
-      dark: "n-00-opa-32"
-    }
-  },
-  "divider-brand": {
-    autofleet: {
-      light: "brand-opa-32",
-      dark: "brand-opa-32"
-    },
-    whiteLabel: {
-      light: "brand-opa-32",
-      dark: "brand-opa-32"
-    }
-  },
-  "divider-info": {
-    autofleet: {
-      light: "b-opa-32",
-      dark: "b-opa-32"
-    },
-    whiteLabel: {
-      light: "b-opa-32",
-      dark: "b-opa-32"
-    }
-  },
-  "divider-success": {
-    autofleet: {
-      light: "g-opa-32",
-      dark: "g-opa-32"
-    },
-    whiteLabel: {
-      light: "g-opa-32",
-      dark: "g-opa-32"
-    }
-  },
-  "divider-warning": {
-    autofleet: {
-      light: "y-opa-32",
-      dark: "y-opa-32"
-    },
-    whiteLabel: {
-      light: "y-opa-32",
-      dark: "y-opa-32"
-    }
-  },
-  "divider-error": {
-    autofleet: {
-      light: "r-opa-32",
-      dark: "r-opa-32"
-    },
-    whiteLabel: {
-      light: "r-opa-32",
-      dark: "r-opa-32"
-    }
-  },
-  "primary-btn": {
-    autofleet: {
-      light: "brand",
-      dark: "brand"
-    },
-    whiteLabel: {
-      light: "brand",
-      dark: "brand"
-    }
-  },
-  "primary-btn-hover": {
-    autofleet: {
-      light: "brand-hover",
-      dark: "brand-hover"
-    },
-    whiteLabel: {
-      light: "brand-hover",
-      dark: "brand-hover"
-    }
-  },
-  "primary-btn-opa-01": {
-    autofleet: {
-      light: "brand-opa-10",
-      dark: "brand-opa-16"
-    },
-    whiteLabel: {
-      light: "brand-opa-10",
-      dark: "brand-opa-16"
-    }
-  },
-  "primary-btn-opa-02": {
-    autofleet: {
-      light: "brand-opa-24",
-      dark: "brand-opa-24"
-    },
-    whiteLabel: {
-      light: "brand-opa-24",
-      dark: "brand-opa-24"
-    }
-  },
-  other: {
-    autofleet: {
-      light: "brand",
-      dark: "brand"
-    },
-    whiteLabel: {
-      light: "n-05",
-      dark: "n-00"
-    }
-  },
-  "other-hover": {
-    autofleet: {
-      light: "brand-hover",
-      dark: "brand-hover"
-    },
-    whiteLabel: {
-      light: "n-03",
-      dark: "n-02"
-    }
-  },
-  "other-opa-01": {
-    autofleet: {
-      light: "brand-opa-10",
-      dark: "brand-opa-16"
-    },
-    whiteLabel: {
-      light: "n-opa-10",
-      dark: "n-opa-16"
-    }
-  },
-  "other-opa-02": {
-    autofleet: {
-      light: "brand-opa-24",
-      dark: "brand-opa-24"
-    },
-    whiteLabel: {
-      light: "n-opa-24",
-      dark: "n-opa-24"
-    }
-  },
-  "other-text": {
-    autofleet: {
-      light: "b-06",
-      dark: "b-07"
-    },
-    whiteLabel: {
-      light: "n-05",
-      dark: "b-07"
-    }
-  },
-  "neutral-dark": {
-    autofleet: {
-      light: "n-05",
-      dark: "n-00"
-    },
-    whiteLabel: {
-      light: "n-05",
-      dark: "n-00"
-    }
-  },
-  "neutral-charcoal": {
-    autofleet: {
-      light: "n-03",
-      dark: "n-02"
-    },
-    whiteLabel: {
-      light: "n-03",
-      dark: "n-02"
-    }
-  },
-  "neutral-light": {
-    autofleet: {
-      light: "n-02",
-      dark: "n-03"
-    },
-    whiteLabel: {
-      light: "n-02",
-      dark: "n-03"
-    }
-  },
-  "neutral-invert": {
-    autofleet: {
-      light: "n-00",
-      dark: "n-05"
-    },
-    whiteLabel: {
-      light: "n-00",
-      dark: "n-05"
-    }
-  },
-  "neutral-opa-01": {
-    autofleet: {
-      light: "n-opa-10",
-      dark: "n-opa-16"
-    },
-    whiteLabel: {
-      light: "n-opa-10",
-      dark: "n-opa-16"
-    }
-  },
-  "neutral-opa-02": {
-    autofleet: {
-      light: "n-opa-24",
-      dark: "n-opa-24"
-    },
-    whiteLabel: {
-      light: "n-opa-24",
-      dark: "n-opa-24"
-    }
-  },
-  "info-hover": {
-    autofleet: {
-      light: "b-03",
-      dark: "b-05"
-    },
-    whiteLabel: {
-      light: "b-03",
-      dark: "b-05"
-    }
-  },
-  info: {
-    autofleet: {
-      light: "b-02",
-      dark: "b-02"
-    },
-    whiteLabel: {
-      light: "b-02",
-      dark: "b-02"
-    }
-  },
-  "info-opa-01": {
-    autofleet: {
-      light: "b-opa-10",
-      dark: "b-opa-16"
-    },
-    whiteLabel: {
-      light: "b-opa-10",
-      dark: "b-opa-16"
-    }
-  },
-  "info-opa-02": {
-    autofleet: {
-      light: "b-opa-24",
-      dark: "b-opa-24"
-    },
-    whiteLabel: {
-      light: "b-opa-24",
-      dark: "b-opa-24"
-    }
-  },
-  "info-text": {
-    autofleet: {
-      light: "b-06",
-      dark: "b-07"
-    },
-    whiteLabel: {
-      light: "b-06",
-      dark: "b-07"
-    }
-  },
-  "success-hover": {
-    autofleet: {
-      light: "g-03",
-      dark: "g-05"
-    },
-    whiteLabel: {
-      light: "g-03",
-      dark: "g-05"
-    }
-  },
-  success: {
-    autofleet: {
-      light: "g-02",
-      dark: "g-02"
-    },
-    whiteLabel: {
-      light: "g-02",
-      dark: "g-02"
-    }
-  },
-  "success-opa-01": {
-    autofleet: {
-      light: "g-opa-10",
-      dark: "g-opa-16"
-    },
-    whiteLabel: {
-      light: "g-opa-10",
-      dark: "g-opa-16"
-    }
-  },
-  "success-opa-02": {
-    autofleet: {
-      light: "g-opa-24",
-      dark: "g-opa-24"
-    },
-    whiteLabel: {
-      light: "g-opa-24",
-      dark: "g-opa-24"
-    }
-  },
-  "success-text": {
-    autofleet: {
-      light: "g-06",
-      dark: "g-07"
-    },
-    whiteLabel: {
-      light: "g-06",
-      dark: "g-07"
-    }
-  },
-  "warning-hover": {
-    autofleet: {
-      light: "y-03",
-      dark: "y-05"
-    },
-    whiteLabel: {
-      light: "y-03",
-      dark: "y-05"
-    }
-  },
-  warning: {
-    autofleet: {
-      light: "y-02",
-      dark: "y-02"
-    },
-    whiteLabel: {
-      light: "y-02",
-      dark: "y-02"
-    }
-  },
-  "warning-opa-01": {
-    autofleet: {
-      light: "y-opa-10",
-      dark: "y-opa-16"
-    },
-    whiteLabel: {
-      light: "y-opa-10",
-      dark: "y-opa-16"
-    }
-  },
-  "warning-opa-02": {
-    autofleet: {
-      light: "y-opa-24",
-      dark: "y-opa-24"
-    },
-    whiteLabel: {
-      light: "y-opa-24",
-      dark: "y-opa-24"
-    }
-  },
-  "warning-text": {
-    autofleet: {
-      light: "y-06",
-      dark: "y-07"
-    },
-    whiteLabel: {
-      light: "y-06",
-      dark: "y-07"
-    }
-  },
-  "error-hover": {
-    autofleet: {
-      light: "r-03",
-      dark: "r-05"
-    },
-    whiteLabel: {
-      light: "r-03",
-      dark: "r-05"
-    }
-  },
-  error: {
-    autofleet: {
-      light: "r-02",
-      dark: "r-02"
-    },
-    whiteLabel: {
-      light: "r-02",
-      dark: "r-02"
-    }
-  },
-  "error-opa-01": {
-    autofleet: {
-      light: "r-opa-10",
-      dark: "r-opa-16"
-    },
-    whiteLabel: {
-      light: "r-opa-10",
-      dark: "r-opa-16"
-    }
-  },
-  "error-opa-02": {
-    autofleet: {
-      light: "r-opa-24",
-      dark: "r-opa-24"
-    },
-    whiteLabel: {
-      light: "r-opa-24",
-      dark: "r-opa-24"
-    }
-  },
-  "error-text": {
-    autofleet: {
-      light: "r-06",
-      dark: "r-07"
-    },
-    whiteLabel: {
-      light: "r-06",
-      dark: "r-07"
-    }
-  },
-  purple: {
-    autofleet: {
-      light: "pu-02",
-      dark: "pu-02"
-    },
-    whiteLabel: {
-      light: "pu-02",
-      dark: "pu-02"
-    }
-  },
-  "purple-opa-01": {
-    autofleet: {
-      light: "pu-opa-10",
-      dark: "pu-opa-16"
-    },
-    whiteLabel: {
-      light: "pu-opa-10",
-      dark: "pu-opa-16"
-    }
-  },
-  "purple-opa-02": {
-    autofleet: {
-      light: "pu-opa-24",
-      dark: "pu-opa-24"
-    },
-    whiteLabel: {
-      light: "pu-opa-24",
-      dark: "pu-opa-24"
-    }
-  },
-  "purple-text": {
-    autofleet: {
-      light: "pu-06",
-      dark: "pu-07"
-    },
-    whiteLabel: {
-      light: "pu-06",
-      dark: "pu-07"
-    }
-  },
-  orange: {
-    autofleet: {
-      light: "or-02",
-      dark: "or-02"
-    },
-    whiteLabel: {
-      light: "or-02",
-      dark: "or-02"
-    }
-  },
-  "orange-opa-01": {
-    autofleet: {
-      light: "or-opa-10",
-      dark: "or-opa-16"
-    },
-    whiteLabel: {
-      light: "or-opa-10",
-      dark: "or-opa-16"
-    }
-  },
-  "orange-opa-02": {
-    autofleet: {
-      light: "or-opa-24",
-      dark: "or-opa-24"
-    },
-    whiteLabel: {
-      light: "or-opa-24",
-      dark: "or-opa-24"
-    }
-  },
-  "orange-text": {
-    autofleet: {
-      light: "or-06",
-      dark: "or-07"
-    },
-    whiteLabel: {
-      light: "or-06",
-      dark: "or-07"
-    }
-  },
-  turquoise: {
-    autofleet: {
-      light: "tu-02",
-      dark: "tu-02"
-    },
-    whiteLabel: {
-      light: "tu-02",
-      dark: "tu-02"
-    }
-  },
-  "turquoise-opa-01": {
-    autofleet: {
-      light: "tu-opa-10",
-      dark: "tu-opa-16"
-    },
-    whiteLabel: {
-      light: "tu-opa-10",
-      dark: "tu-opa-16"
-    }
-  },
-  "turquoise-opa-02": {
-    autofleet: {
-      light: "tu-opa-24",
-      dark: "tu-opa-24"
-    },
-    whiteLabel: {
-      light: "tu-opa-24",
-      dark: "tu-opa-24"
-    }
-  },
-  "turquoise-text": {
-    autofleet: {
-      light: "tu-06",
-      dark: "tu-07"
-    },
-    whiteLabel: {
-      light: "tu-06",
-      dark: "tu-07"
-    }
-  },
-  pink: {
-    autofleet: {
-      light: "pi-02",
-      dark: "pi-02"
-    },
-    whiteLabel: {
-      light: "pi-02",
-      dark: "pi-02"
-    }
-  },
-  "pink-opa-01": {
-    autofleet: {
-      light: "pi-opa-10",
-      dark: "pi-opa-16"
-    },
-    whiteLabel: {
-      light: "pi-opa-10",
-      dark: "pi-opa-16"
-    }
-  },
-  "pink-opa-02": {
-    autofleet: {
-      light: "pi-opa-24",
-      dark: "pi-opa-24"
-    },
-    whiteLabel: {
-      light: "pi-opa-24",
-      dark: "pi-opa-24"
-    }
-  },
-  "pink-text": {
-    autofleet: {
-      light: "pi-06",
-      dark: "pi-07"
-    },
-    whiteLabel: {
-      light: "pi-06",
-      dark: "pi-07"
-    }
-  },
-  ultramarine: {
-    autofleet: {
-      light: "ul-02",
-      dark: "ul-02"
-    },
-    whiteLabel: {
-      light: "ul-02",
-      dark: "ul-02"
-    }
-  },
-  "ultramarine-opa-01": {
-    autofleet: {
-      light: "ul-opa-10",
-      dark: "ul-opa-16"
-    },
-    whiteLabel: {
-      light: "ul-opa-10",
-      dark: "ul-opa-16"
-    }
-  },
-  "ultramarine-opa-02": {
-    autofleet: {
-      light: "ul-opa-24",
-      dark: "ul-opa-24"
-    },
-    whiteLabel: {
-      light: "ul-opa-24",
-      dark: "ul-opa-24"
-    }
-  },
-  "ultramarine-text": {
-    autofleet: {
-      light: "ul-06",
-      dark: "ul-07"
-    },
-    whiteLabel: {
-      light: "ul-06",
-      dark: "ul-07"
-    }
-  },
-  peach: {
-    autofleet: {
-      light: "pe-02",
-      dark: "pe-02"
-    },
-    whiteLabel: {
-      light: "pe-02",
-      dark: "pe-02"
-    }
-  },
-  "peach-opa-01": {
-    autofleet: {
-      light: "pe-opa-10",
-      dark: "pe-opa-16"
-    },
-    whiteLabel: {
-      light: "pe-opa-10",
-      dark: "pe-opa-16"
-    }
-  },
-  "peach-opa-02": {
-    autofleet: {
-      light: "pe-opa-24",
-      dark: "pe-opa-24"
-    },
-    whiteLabel: {
-      light: "pe-opa-24",
-      dark: "pe-opa-24"
-    }
-  },
-  "peach-text": {
-    autofleet: {
-      light: "pe-06",
-      dark: "pe-07"
-    },
-    whiteLabel: {
-      light: "pe-06",
-      dark: "pe-07"
-    }
-  },
-  apple: {
-    autofleet: {
-      light: "ap-02",
-      dark: "ap-02"
-    },
-    whiteLabel: {
-      light: "ap-02",
-      dark: "ap-02"
-    }
-  },
-  "apple-opa-01": {
-    autofleet: {
-      light: "ap-opa-10",
-      dark: "ap-opa-16"
-    },
-    whiteLabel: {
-      light: "ap-opa-10",
-      dark: "ap-opa-16"
-    }
-  },
-  "apple-opa-02": {
-    autofleet: {
-      light: "ap-opa-24",
-      dark: "ap-opa-24"
-    },
-    whiteLabel: {
-      light: "ap-opa-24",
-      dark: "ap-opa-24"
-    }
-  },
-  "apple-text": {
-    autofleet: {
-      light: "ap-06",
-      dark: "ap-07"
-    },
-    whiteLabel: {
-      light: "ap-06",
-      dark: "ap-07"
-    }
-  },
-  bubblegum: {
-    autofleet: {
-      light: "bu-02",
-      dark: "bu-02"
-    },
-    whiteLabel: {
-      light: "bu-02",
-      dark: "bu-02"
-    }
-  },
-  "bubblegum-opa-01": {
-    autofleet: {
-      light: "bu-opa-10",
-      dark: "bu-opa-16"
-    },
-    whiteLabel: {
-      light: "bu-opa-10",
-      dark: "bu-opa-16"
-    }
-  },
-  "bubblegum-opa-02": {
-    autofleet: {
-      light: "bu-opa-24",
-      dark: "bu-opa-24"
-    },
-    whiteLabel: {
-      light: "bu-opa-24",
-      dark: "bu-opa-24"
-    }
-  },
-  "bubblegum-text": {
-    autofleet: {
-      light: "bu-06",
-      dark: "bu-07"
-    },
-    whiteLabel: {
-      light: "bu-06",
-      dark: "bu-07"
-    }
-  },
-  ocher: {
-    autofleet: {
-      light: "oc-02",
-      dark: "oc-02"
-    },
-    whiteLabel: {
-      light: "oc-02",
-      dark: "oc-02"
-    }
-  },
-  "ocher-opa-01": {
-    autofleet: {
-      light: "oc-opa-10",
-      dark: "oc-opa-16"
-    },
-    whiteLabel: {
-      light: "oc-opa-10",
-      dark: "oc-opa-16"
-    }
-  },
-  "ocher-opa-02": {
-    autofleet: {
-      light: "oc-opa-24",
-      dark: "oc-opa-24"
-    },
-    whiteLabel: {
-      light: "oc-opa-24",
-      dark: "oc-opa-24"
-    }
-  },
-  "ocher-text": {
-    autofleet: {
-      light: "oc-06",
-      dark: "oc-07"
-    },
-    whiteLabel: {
-      light: "oc-06",
-      dark: "oc-07"
-    }
-  },
-  blueberry: {
-    autofleet: {
-      light: "br-02",
-      dark: "br-02"
-    },
-    whiteLabel: {
-      light: "br-02",
-      dark: "br-02"
-    }
-  },
-  "blueberry-opa-01": {
-    autofleet: {
-      light: "br-opa-10",
-      dark: "br-opa-16"
-    },
-    whiteLabel: {
-      light: "br-opa-10",
-      dark: "br-opa-16"
-    }
-  },
-  "blueberry-opa-02": {
-    autofleet: {
-      light: "br-opa-24",
-      dark: "br-opa-24"
-    },
-    whiteLabel: {
-      light: "br-opa-24",
-      dark: "br-opa-24"
-    }
-  },
-  "blueberry-text": {
-    autofleet: {
-      light: "br-06",
-      dark: "br-07"
-    },
-    whiteLabel: {
-      light: "br-06",
-      dark: "br-07"
-    }
-  }
-}, A = {
-  ...f,
-  "neutral-text": f["neutral-dark"],
-  neutral: f["neutral-light"]
-}, _ = (a) => {
-  const { lightMode: r, label: t, primaryColor: e } = a, o = {
-    ...H,
-    ...e ? R(e) : {}
-  };
-  return Object.fromEntries(
-    Object.entries(A).map(([p, l]) => {
-      const h = l[t][r], n = o[h];
-      return [p, n];
-    })
-  );
-}, X = {
-  AUTOFLEET: "autofleet"
-}, b = ({
-  size: a,
-  style: r,
-  weight: t,
-  lineHeight: e,
-  family: o = "Montserrat, sans-serif !important"
-}) => `
-    font-family: ${o};
-    font-size: ${a};
-    font-style: ${r};
-    font-weight: ${t};
-    line-height: ${e};`, i = {
-  "typo-11": b({
-    size: "48px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "60px"
-  }),
-  "typo-10": b({
-    size: "24px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "60px"
-  }),
-  "typo-9": b({
-    size: "24px",
-    style: "normal",
-    weight: "400",
-    lineHeight: "30px"
-  }),
-  "typo-8": b({
-    size: "20px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "26px"
-  }),
-  "typo-7": b({
-    size: "18px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "24px"
-  }),
-  "typo-6": b({
-    size: "16px",
-    style: "normal",
-    weight: "500",
-    lineHeight: "24px"
-  }),
-  "typo-5": b({
-    size: "16px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "24px"
-  }),
-  "typo-4": b({
-    size: "14px",
-    style: "normal",
-    weight: "500",
-    lineHeight: "20px"
-  }),
-  "typo-3": b({
-    size: "14px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "20px"
-  }),
-  "typo-2": b({
-    size: "12px",
-    style: "normal",
-    weight: "700",
-    lineHeight: "16px"
-  }),
-  "typo-1": b({
-    size: "12px",
-    style: "normal",
-    weight: "500",
-    lineHeight: "16px"
-  })
-}, B = () => ({
-  desktop: {
-    largeTitle: i["typo-11"],
-    mediumTitle: i["typo-10"],
-    placeHolderTitleInput: i["typo-9"],
-    smallTitle: i["typo-7"],
-    fine: i["typo-1"],
-    fineStrong: i["typo-2"],
-    bodyStrong: i["typo-3"],
-    body: i["typo-4"]
-  },
-  mobile: {
-    bodyStrong: i["typo-5"],
-    body: i["typo-6"],
-    smallTitle: i["typo-8"],
-    largeTitle: i["typo-10"],
-    fineStrong: i["typo-3"],
-    fine: i["typo-4"]
-  }
-}), g = {
-  NONE: "0px",
-  XS: "2px",
-  SM: "4px",
-  MD: "6px",
-  LG: "8px",
-  XL: "12px",
-  "2XL": "16px",
-  "3XL": "24px",
-  "4XL": "32px",
-  "5XL": "40px",
-  "6XL": "48px",
-  "7XL": "56px",
-  "8XL": "64px"
-}, w = (a, r) => a.startsWith("rgba(") ? a.replace(
-  /(rgba\(\d{1,3},\s?\d{1,3},\s?\d{1,3}(?:,|\s?\/)\s?)((?:\d\.)?\d)(\))/,
-  `$1${r}$3`
-) : a, u = (a, r = 12) => `${g.NONE} ${g.XS} ${g.SM} ${w(
-  a,
-  r / 100
-)}`, s = (a, r = 12) => `${g.NONE} ${g.SM} ${g.LG} ${w(
-  a,
-  r / 100
-)}`, k = (a, r = 16) => `${g.NONE} ${g.LG} ${g["5XL"]} ${w(
-  a,
-  r / 100
-)}`, F = (a) => ({
-  "shadow-map-element": `${g.NONE} 3px ${g.LG} ${w(
-    a["neutral-dark"],
-    0.32
-  )}`,
-  // Neutral
-  "shadow-neutral-low": u(a["neutral-dark"], 8),
-  "shadow-neutral-medium": s(a["neutral-dark"], 8),
-  "shadow-neutral-high": k(a["neutral-dark"]),
-  // Info
-  "shadow-info-low": u(a.info),
-  "shadow-info-medium": s(a.info),
-  "shadow-info-high": k(a.info),
-  // Success
-  "shadow-success-low": u(a.success),
-  "shadow-success-medium": s(a.success),
-  "shadow-success-high": k(a.success),
-  // Warning
-  "shadow-warning-low": u(a.warning),
-  "shadow-warning-medium": s(a.warning),
-  "shadow-warning-high": k(a.warning),
-  // Error
-  "shadow-error-low": u(a.error),
-  "shadow-error-medium": s(a.error),
-  "shadow-error-high": k(a.error)
-}), x = {
-  NONE: "0px",
-  XS: "2px",
-  SM: "4px",
-  MD: "6px",
-  LG: "8px",
-  XL: "16px",
-  "2XL": "24px"
-}, m = (a) => Object.fromEntries(
-  Object.entries(a).map(([r, t]) => [r, parseInt(t, 10)])
-), z = () => ({
-  borderRadius: x,
-  spacings: g,
-  spacingNumbers: m(g),
-  borderRadiusNumbers: m(x)
-}), I = [
-  "bg-primary",
-  "bg-secondary",
-  "bg-info",
-  "bg-success",
-  "bg-warning",
-  "bg-error",
-  "divider-neutral",
-  "divider-invert",
-  "divider-brand",
-  "divider-info",
-  "divider-success",
-  "divider-warning",
-  "divider-error",
-  "primary-btn",
-  "primary-btn-hover",
-  "primary-btn-opa-01",
-  "primary-btn-opa-02",
-  "other",
-  "other-hover",
-  "other-opa-01",
-  "other-opa-02",
-  "other-text",
-  "neutral",
-  "neutral-dark",
-  "neutral-text",
-  "neutral-charcoal",
-  "neutral-light",
-  "neutral-invert",
-  "neutral-opa-01",
-  "neutral-opa-02",
-  "info-hover",
-  "info",
-  "info-opa-01",
-  "info-opa-02",
-  "info-text",
-  "success-hover",
-  "success",
-  "success-opa-01",
-  "success-opa-02",
-  "success-text",
-  "warning-hover",
-  "warning",
-  "warning-opa-01",
-  "warning-opa-02",
-  "warning-text",
-  "error-hover",
-  "error",
-  "error-opa-01",
-  "error-opa-02",
-  "error-text",
-  "purple",
-  "purple-opa-01",
-  "purple-opa-02",
-  "purple-text",
-  "orange",
-  "orange-opa-01",
-  "orange-opa-02",
-  "orange-text",
-  "turquoise",
-  "turquoise-opa-01",
-  "turquoise-opa-02",
-  "turquoise-text",
-  "pink",
-  "pink-opa-01",
-  "pink-opa-02",
-  "pink-text",
-  "ultramarine",
-  "ultramarine-opa-01",
-  "ultramarine-opa-02",
-  "ultramarine-text",
-  "peach",
-  "peach-opa-01",
-  "peach-opa-02",
-  "peach-text",
-  "apple",
-  "apple-opa-01",
-  "apple-opa-02",
-  "apple-text",
-  "bubblegum",
-  "bubblegum-opa-01",
-  "bubblegum-opa-02",
-  "bubblegum-text",
-  "ocher",
-  "ocher-opa-01",
-  "ocher-opa-02",
-  "ocher-text",
-  "blueberry",
-  "blueberry-opa-01",
-  "blueberry-opa-02",
-  "blueberry-text"
-], G = I.filter(
-  (a) => !a.includes("-")
-), V = ({
-  isDarkMode: a,
-  label: r = X.AUTOFLEET,
-  primaryColor: t
-}) => {
-  const e = _({
-    lightMode: a ? "dark" : "light",
-    label: r,
-    primaryColor: t
-  });
-  return {
-    ...z(),
-    colors: e,
-    fonts: B(),
-    shadows: F(e)
-  };
-};
-export {
-  E as COLORS_DARK_MODE_HANDLED,
-  I as COLOR_TOKENS,
-  L as adjustBrightness,
-  j as getColorVariants,
-  V as loadThemeStyles,
-  G as mainColorTokens
-};
-//# sourceMappingURL=index.js.map