@autofleet/theme 0.0.0 → 0.0.1-gery-test

package/dist/index.js

@@ -0,0 +1,1401 @@
+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