storybook 9.0.0-beta.1 → 9.0.0-beta.11

package/dist/theming/create.js

@@ -1,9 +1,894 @@
-var h = Object.defineProperty;
-var o = (r, t) => h(r, "name", { value: t, configurable: !0 });
+var se = Object.defineProperty;
+var n = (r, e) => se(r, "name", { value: e, configurable: !0 });
+
+// ../node_modules/@babel/runtime/helpers/esm/extends.js
+function l() {
+  return l = Object.assign ? Object.assign.bind() : function(r) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var a in t) ({}).hasOwnProperty.call(t, a) && (r[a] = t[a]);
+    }
+    return r;
+  }, l.apply(null, arguments);
+}
+n(l, "_extends");
+
+// ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+function V(r) {
+  if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return r;
+}
+n(V, "_assertThisInitialized");
+
+// ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+function v(r, e) {
+  return v = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
+    return t.__proto__ = a, t;
+  }, v(r, e);
+}
+n(v, "_setPrototypeOf");
+
+// ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
+function N(r, e) {
+  r.prototype = Object.create(e.prototype), r.prototype.constructor = r, v(r, e);
+}
+n(N, "_inheritsLoose");
+
+// ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function R(r) {
+  return R = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    return e.__proto__ || Object.getPrototypeOf(e);
+  }, R(r);
+}
+n(R, "_getPrototypeOf");
+
+// ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
+function G(r) {
+  try {
+    return Function.toString.call(r).indexOf("[native code]") !== -1;
+  } catch {
+    return typeof r == "function";
+  }
+}
+n(G, "_isNativeFunction");
+
+// ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+function k() {
+  try {
+    var r = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+  } catch {
+  }
+  return (k = /* @__PURE__ */ n(function() {
+    return !!r;
+  }, "_isNativeReflectConstruct"))();
+}
+n(k, "_isNativeReflectConstruct");
+
+// ../node_modules/@babel/runtime/helpers/esm/construct.js
+function Q(r, e, t) {
+  if (k()) return Reflect.construct.apply(null, arguments);
+  var a = [null];
+  a.push.apply(a, e);
+  var i = new (r.bind.apply(r, a))();
+  return t && v(i, t.prototype), i;
+}
+n(Q, "_construct");
+
+// ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
+function j(r) {
+  var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+  return j = /* @__PURE__ */ n(function(a) {
+    if (a === null || !G(a)) return a;
+    if (typeof a != "function") throw new TypeError("Super expression must either be null or a function");
+    if (e !== void 0) {
+      if (e.has(a)) return e.get(a);
+      e.set(a, i);
+    }
+    function i() {
+      return Q(a, arguments, R(this).constructor);
+    }
+    return n(i, "Wrapper"), i.prototype = Object.create(a.prototype, {
+      constructor: {
+        value: i,
+        enumerable: !1,
+        writable: !0,
+        configurable: !0
+      }
+    }), v(i, a);
+  }, "_wrapNativeSuper"), j(r);
+}
+n(j, "_wrapNativeSuper");
+
+// ../node_modules/polished/dist/polished.esm.js
+var fe = {
+  1: `Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0\
+.4, lightness: 0.75 }).
+
+`,
+  2: `Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, satura\
+tion: 0.4, lightness: 0.75, alpha: 0.7 }).
+
+`,
+  3: `Passed an incorrect argument to a color function, please pass a string representation of a color.
+
+`,
+  4: `Couldn't generate valid rgb string from %s, it returned %s.
+
+`,
+  5: `Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
+
+`,
+  6: `Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, bl\
+ue: 100 }).
+
+`,
+  7: `Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: \
+205, blue: 100, alpha: 0.75 }).
+
+`,
+  8: `Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
+
+`,
+  9: `Please provide a number of steps to the modularScale helper.
+
+`,
+  10: `Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
+
+`,
+  11: `Invalid value passed as base to modularScale, expected number or em string but got "%s"
+
+`,
+  12: `Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
+
+`,
+  13: `Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
+
+`,
+  14: `Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
+
+`,
+  15: `Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
+
+`,
+  16: `You must provide a template to this method.
+
+`,
+  17: `You passed an unsupported selector state to this method.
+
+`,
+  18: `minScreen and maxScreen must be provided as stringified numbers with the same units.
+
+`,
+  19: `fromSize and toSize must be provided as stringified numbers with the same units.
+
+`,
+  20: `expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
+
+`,
+  21: "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
+  22: "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
+  23: `fontFace expects a name of a font-family.
+
+`,
+  24: `fontFace expects either the path to the font file(s) or a name of a local copy.
+
+`,
+  25: `fontFace expects localFonts to be an array.
+
+`,
+  26: `fontFace expects fileFormats to be an array.
+
+`,
+  27: `radialGradient requries at least 2 color-stops to properly render.
+
+`,
+  28: `Please supply a filename to retinaImage() as the first argument.
+
+`,
+  29: `Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
+
+`,
+  30: "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
+  31: `The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
+
+`,
+  32: `To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
+To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
+
+`,
+  33: `The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
+
+`,
+  34: `borderRadius expects a radius value as a string or number as the second argument.
+
+`,
+  35: `borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
+
+`,
+  36: `Property must be a string value.
+
+`,
+  37: `Syntax Error at %s.
+
+`,
+  38: `Formula contains a function that needs parentheses at %s.
+
+`,
+  39: `Formula is missing closing parenthesis at %s.
+
+`,
+  40: `Formula has too many closing parentheses at %s.
+
+`,
+  41: `All values in a formula must have the same unit or be unitless.
+
+`,
+  42: `Please provide a number of steps to the modularScale helper.
+
+`,
+  43: `Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
+
+`,
+  44: `Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
+
+`,
+  45: `Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
+
+`,
+  46: `Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
+
+`,
+  47: `minScreen and maxScreen must be provided as stringified numbers with the same units.
+
+`,
+  48: `fromSize and toSize must be provided as stringified numbers with the same units.
+
+`,
+  49: `Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
+
+`,
+  50: `Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
+
+`,
+  51: `Expects the first argument object to have the properties prop, fromSize, and toSize.
+
+`,
+  52: `fontFace expects either the path to the font file(s) or a name of a local copy.
+
+`,
+  53: `fontFace expects localFonts to be an array.
+
+`,
+  54: `fontFace expects fileFormats to be an array.
+
+`,
+  55: `fontFace expects a name of a font-family.
+
+`,
+  56: `linearGradient requries at least 2 color-stops to properly render.
+
+`,
+  57: `radialGradient requries at least 2 color-stops to properly render.
+
+`,
+  58: `Please supply a filename to retinaImage() as the first argument.
+
+`,
+  59: `Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
+
+`,
+  60: "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
+  61: `Property must be a string value.
+
+`,
+  62: `borderRadius expects a radius value as a string or number as the second argument.
+
+`,
+  63: `borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
+
+`,
+  64: `The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
+
+`,
+  65: `To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animatio\
+n please supply them in simple values, e.g. animation('rotate', '2s').
+
+`,
+  66: `The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
+
+`,
+  67: `You must provide a template to this method.
+
+`,
+  68: `You passed an unsupported selector state to this method.
+
+`,
+  69: `Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
+
+`,
+  70: `Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
+
+`,
+  71: `Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
+
+`,
+  72: `Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
+
+`,
+  73: `Please provide a valid CSS variable.
+
+`,
+  74: `CSS variable not found and no default was provided.
+
+`,
+  75: `important requires a valid style object, got a %s instead.
+
+`,
+  76: `fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
+
+`,
+  77: `remToPx expects a value in "rem" but you provided it in "%s".
+
+`,
+  78: `base must be set in "px" or "%" but you set it in "%s".
+`
+};
+function pe() {
+  for (var r = arguments.length, e = new Array(r), t = 0; t < r; t++)
+    e[t] = arguments[t];
+  var a = e[0], i = [], o;
+  for (o = 1; o < e.length; o += 1)
+    i.push(e[o]);
+  return i.forEach(function(u) {
+    a = a.replace(/%[a-z]/, u);
+  }), a;
+}
+n(pe, "format");
+var d = /* @__PURE__ */ function(r) {
+  N(e, r);
+  function e(t) {
+    for (var a, i = arguments.length, o = new Array(i > 1 ? i - 1 : 0), u = 1; u < i; u++)
+      o[u - 1] = arguments[u];
+    return a = r.call(this, pe.apply(void 0, [fe[t]].concat(o))) || this, V(a);
+  }
+  return n(e, "PolishedError"), e;
+}(/* @__PURE__ */ j(Error));
+function Y(r, e) {
+  return r.substr(-e.length) === e;
+}
+n(Y, "endsWith");
+var le = /^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/;
+function J(r) {
+  if (typeof r != "string") return r;
+  var e = r.match(le);
+  return e ? parseFloat(r) : r;
+}
+n(J, "stripUnit");
+var de = /* @__PURE__ */ n(function(e) {
+  return function(t, a) {
+    a === void 0 && (a = "16px");
+    var i = t, o = a;
+    if (typeof t == "string") {
+      if (!Y(t, "px"))
+        throw new d(69, e, t);
+      i = J(t);
+    }
+    if (typeof a == "string") {
+      if (!Y(a, "px"))
+        throw new d(70, e, a);
+      o = J(a);
+    }
+    if (typeof i == "string")
+      throw new d(71, t, e);
+    if (typeof o == "string")
+      throw new d(72, a, e);
+    return "" + i / o + e;
+  };
+}, "pxtoFactory"), X = de, Mr = X("em");
+var Pr = X("rem");
+function $(r) {
+  return Math.round(r * 255);
+}
+n($, "colorToInt");
+function ce(r, e, t) {
+  return $(r) + "," + $(e) + "," + $(t);
+}
+n(ce, "convertToInt");
+function T(r, e, t, a) {
+  if (a === void 0 && (a = ce), e === 0)
+    return a(t, t, t);
+  var i = (r % 360 + 360) % 360 / 60, o = (1 - Math.abs(2 * t - 1)) * e, u = o * (1 - Math.abs(i % 2 - 1)), f = 0, p = 0, g = 0;
+  i >= 0 && i < 1 ? (f = o, p = u) : i >= 1 && i < 2 ? (f = u, p = o) : i >= 2 && i < 3 ? (p = o, g = u) : i >= 3 && i < 4 ? (p = u, g = o) :
+  i >= 4 && i < 5 ? (f = u, g = o) : i >= 5 && i < 6 && (f = o, g = u);
+  var b = t - o / 2, h = f + b, c = p + b, A = g + b;
+  return a(h, c, A);
+}
+n(T, "hslToRgb");
+var Z = {
+  aliceblue: "f0f8ff",
+  antiquewhite: "faebd7",
+  aqua: "00ffff",
+  aquamarine: "7fffd4",
+  azure: "f0ffff",
+  beige: "f5f5dc",
+  bisque: "ffe4c4",
+  black: "000",
+  blanchedalmond: "ffebcd",
+  blue: "0000ff",
+  blueviolet: "8a2be2",
+  brown: "a52a2a",
+  burlywood: "deb887",
+  cadetblue: "5f9ea0",
+  chartreuse: "7fff00",
+  chocolate: "d2691e",
+  coral: "ff7f50",
+  cornflowerblue: "6495ed",
+  cornsilk: "fff8dc",
+  crimson: "dc143c",
+  cyan: "00ffff",
+  darkblue: "00008b",
+  darkcyan: "008b8b",
+  darkgoldenrod: "b8860b",
+  darkgray: "a9a9a9",
+  darkgreen: "006400",
+  darkgrey: "a9a9a9",
+  darkkhaki: "bdb76b",
+  darkmagenta: "8b008b",
+  darkolivegreen: "556b2f",
+  darkorange: "ff8c00",
+  darkorchid: "9932cc",
+  darkred: "8b0000",
+  darksalmon: "e9967a",
+  darkseagreen: "8fbc8f",
+  darkslateblue: "483d8b",
+  darkslategray: "2f4f4f",
+  darkslategrey: "2f4f4f",
+  darkturquoise: "00ced1",
+  darkviolet: "9400d3",
+  deeppink: "ff1493",
+  deepskyblue: "00bfff",
+  dimgray: "696969",
+  dimgrey: "696969",
+  dodgerblue: "1e90ff",
+  firebrick: "b22222",
+  floralwhite: "fffaf0",
+  forestgreen: "228b22",
+  fuchsia: "ff00ff",
+  gainsboro: "dcdcdc",
+  ghostwhite: "f8f8ff",
+  gold: "ffd700",
+  goldenrod: "daa520",
+  gray: "808080",
+  green: "008000",
+  greenyellow: "adff2f",
+  grey: "808080",
+  honeydew: "f0fff0",
+  hotpink: "ff69b4",
+  indianred: "cd5c5c",
+  indigo: "4b0082",
+  ivory: "fffff0",
+  khaki: "f0e68c",
+  lavender: "e6e6fa",
+  lavenderblush: "fff0f5",
+  lawngreen: "7cfc00",
+  lemonchiffon: "fffacd",
+  lightblue: "add8e6",
+  lightcoral: "f08080",
+  lightcyan: "e0ffff",
+  lightgoldenrodyellow: "fafad2",
+  lightgray: "d3d3d3",
+  lightgreen: "90ee90",
+  lightgrey: "d3d3d3",
+  lightpink: "ffb6c1",
+  lightsalmon: "ffa07a",
+  lightseagreen: "20b2aa",
+  lightskyblue: "87cefa",
+  lightslategray: "789",
+  lightslategrey: "789",
+  lightsteelblue: "b0c4de",
+  lightyellow: "ffffe0",
+  lime: "0f0",
+  limegreen: "32cd32",
+  linen: "faf0e6",
+  magenta: "f0f",
+  maroon: "800000",
+  mediumaquamarine: "66cdaa",
+  mediumblue: "0000cd",
+  mediumorchid: "ba55d3",
+  mediumpurple: "9370db",
+  mediumseagreen: "3cb371",
+  mediumslateblue: "7b68ee",
+  mediumspringgreen: "00fa9a",
+  mediumturquoise: "48d1cc",
+  mediumvioletred: "c71585",
+  midnightblue: "191970",
+  mintcream: "f5fffa",
+  mistyrose: "ffe4e1",
+  moccasin: "ffe4b5",
+  navajowhite: "ffdead",
+  navy: "000080",
+  oldlace: "fdf5e6",
+  olive: "808000",
+  olivedrab: "6b8e23",
+  orange: "ffa500",
+  orangered: "ff4500",
+  orchid: "da70d6",
+  palegoldenrod: "eee8aa",
+  palegreen: "98fb98",
+  paleturquoise: "afeeee",
+  palevioletred: "db7093",
+  papayawhip: "ffefd5",
+  peachpuff: "ffdab9",
+  peru: "cd853f",
+  pink: "ffc0cb",
+  plum: "dda0dd",
+  powderblue: "b0e0e6",
+  purple: "800080",
+  rebeccapurple: "639",
+  red: "f00",
+  rosybrown: "bc8f8f",
+  royalblue: "4169e1",
+  saddlebrown: "8b4513",
+  salmon: "fa8072",
+  sandybrown: "f4a460",
+  seagreen: "2e8b57",
+  seashell: "fff5ee",
+  sienna: "a0522d",
+  silver: "c0c0c0",
+  skyblue: "87ceeb",
+  slateblue: "6a5acd",
+  slategray: "708090",
+  slategrey: "708090",
+  snow: "fffafa",
+  springgreen: "00ff7f",
+  steelblue: "4682b4",
+  tan: "d2b48c",
+  teal: "008080",
+  thistle: "d8bfd8",
+  tomato: "ff6347",
+  turquoise: "40e0d0",
+  violet: "ee82ee",
+  wheat: "f5deb3",
+  white: "fff",
+  whitesmoke: "f5f5f5",
+  yellow: "ff0",
+  yellowgreen: "9acd32"
+};
+function me(r) {
+  if (typeof r != "string") return r;
+  var e = r.toLowerCase();
+  return Z[e] ? "#" + Z[e] : r;
+}
+n(me, "nameToHex");
+var ge = /^#[a-fA-F0-9]{6}$/, he = /^#[a-fA-F0-9]{8}$/, be = /^#[a-fA-F0-9]{3}$/, ve = /^#[a-fA-F0-9]{4}$/, B = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
+ye = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, we = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
+xe = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+function F(r) {
+  if (typeof r != "string")
+    throw new d(3);
+  var e = me(r);
+  if (e.match(ge))
+    return {
+      red: parseInt("" + e[1] + e[2], 16),
+      green: parseInt("" + e[3] + e[4], 16),
+      blue: parseInt("" + e[5] + e[6], 16)
+    };
+  if (e.match(he)) {
+    var t = parseFloat((parseInt("" + e[7] + e[8], 16) / 255).toFixed(2));
+    return {
+      red: parseInt("" + e[1] + e[2], 16),
+      green: parseInt("" + e[3] + e[4], 16),
+      blue: parseInt("" + e[5] + e[6], 16),
+      alpha: t
+    };
+  }
+  if (e.match(be))
+    return {
+      red: parseInt("" + e[1] + e[1], 16),
+      green: parseInt("" + e[2] + e[2], 16),
+      blue: parseInt("" + e[3] + e[3], 16)
+    };
+  if (e.match(ve)) {
+    var a = parseFloat((parseInt("" + e[4] + e[4], 16) / 255).toFixed(2));
+    return {
+      red: parseInt("" + e[1] + e[1], 16),
+      green: parseInt("" + e[2] + e[2], 16),
+      blue: parseInt("" + e[3] + e[3], 16),
+      alpha: a
+    };
+  }
+  var i = B.exec(e);
+  if (i)
+    return {
+      red: parseInt("" + i[1], 10),
+      green: parseInt("" + i[2], 10),
+      blue: parseInt("" + i[3], 10)
+    };
+  var o = ye.exec(e.substring(0, 50));
+  if (o)
+    return {
+      red: parseInt("" + o[1], 10),
+      green: parseInt("" + o[2], 10),
+      blue: parseInt("" + o[3], 10),
+      alpha: parseFloat("" + o[4]) > 1 ? parseFloat("" + o[4]) / 100 : parseFloat("" + o[4])
+    };
+  var u = we.exec(e);
+  if (u) {
+    var f = parseInt("" + u[1], 10), p = parseInt("" + u[2], 10) / 100, g = parseInt("" + u[3], 10) / 100, b = "rgb(" + T(f, p, g) + ")", h = B.
+    exec(b);
+    if (!h)
+      throw new d(4, e, b);
+    return {
+      red: parseInt("" + h[1], 10),
+      green: parseInt("" + h[2], 10),
+      blue: parseInt("" + h[3], 10)
+    };
+  }
+  var c = xe.exec(e.substring(0, 50));
+  if (c) {
+    var A = parseInt("" + c[1], 10), oe = parseInt("" + c[2], 10) / 100, ue = parseInt("" + c[3], 10) / 100, U = "rgb(" + T(A, oe, ue) + ")",
+    I = B.exec(U);
+    if (!I)
+      throw new d(4, e, U);
+    return {
+      red: parseInt("" + I[1], 10),
+      green: parseInt("" + I[2], 10),
+      blue: parseInt("" + I[3], 10),
+      alpha: parseFloat("" + c[4]) > 1 ? parseFloat("" + c[4]) / 100 : parseFloat("" + c[4])
+    };
+  }
+  throw new d(5);
+}
+n(F, "parseToRgb");
+function Se(r) {
+  var e = r.red / 255, t = r.green / 255, a = r.blue / 255, i = Math.max(e, t, a), o = Math.min(e, t, a), u = (i + o) / 2;
+  if (i === o)
+    return r.alpha !== void 0 ? {
+      hue: 0,
+      saturation: 0,
+      lightness: u,
+      alpha: r.alpha
+    } : {
+      hue: 0,
+      saturation: 0,
+      lightness: u
+    };
+  var f, p = i - o, g = u > 0.5 ? p / (2 - i - o) : p / (i + o);
+  switch (i) {
+    case e:
+      f = (t - a) / p + (t < a ? 6 : 0);
+      break;
+    case t:
+      f = (a - e) / p + 2;
+      break;
+    default:
+      f = (e - t) / p + 4;
+      break;
+  }
+  return f *= 60, r.alpha !== void 0 ? {
+    hue: f,
+    saturation: g,
+    lightness: u,
+    alpha: r.alpha
+  } : {
+    hue: f,
+    saturation: g,
+    lightness: u
+  };
+}
+n(Se, "rgbToHsl");
+function y(r) {
+  return Se(F(r));
+}
+n(y, "parseToHsl");
+var Fe = /* @__PURE__ */ n(function(e) {
+  return e.length === 7 && e[1] === e[2] && e[3] === e[4] && e[5] === e[6] ? "#" + e[1] + e[3] + e[5] : e;
+}, "reduceHexValue"), P = Fe;
+function x(r) {
+  var e = r.toString(16);
+  return e.length === 1 ? "0" + e : e;
+}
+n(x, "numberToHex");
+function M(r) {
+  return x(Math.round(r * 255));
+}
+n(M, "colorToHex");
+function Ce(r, e, t) {
+  return P("#" + M(r) + M(e) + M(t));
+}
+n(Ce, "convertToHex");
+function O(r, e, t) {
+  return T(r, e, t, Ce);
+}
+n(O, "hslToHex");
+function ze(r, e, t) {
+  if (typeof r == "number" && typeof e == "number" && typeof t == "number")
+    return O(r, e, t);
+  if (typeof r == "object" && e === void 0 && t === void 0)
+    return O(r.hue, r.saturation, r.lightness);
+  throw new d(1);
+}
+n(ze, "hsl");
+function Ae(r, e, t, a) {
+  if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
+    return a >= 1 ? O(r, e, t) : "rgba(" + T(r, e, t) + "," + a + ")";
+  if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
+    return r.alpha >= 1 ? O(r.hue, r.saturation, r.lightness) : "rgba(" + T(r.hue, r.saturation, r.lightness) + "," + r.alpha + ")";
+  throw new d(2);
+}
+n(Ae, "hsla");
+function E(r, e, t) {
+  if (typeof r == "number" && typeof e == "number" && typeof t == "number")
+    return P("#" + x(r) + x(e) + x(t));
+  if (typeof r == "object" && e === void 0 && t === void 0)
+    return P("#" + x(r.red) + x(r.green) + x(r.blue));
+  throw new d(6);
+}
+n(E, "rgb");
+function S(r, e, t, a) {
+  if (typeof r == "string" && typeof e == "number") {
+    var i = F(r);
+    return "rgba(" + i.red + "," + i.green + "," + i.blue + "," + e + ")";
+  } else {
+    if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
+      return a >= 1 ? E(r, e, t) : "rgba(" + r + "," + e + "," + t + "," + a + ")";
+    if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
+      return r.alpha >= 1 ? E(r.red, r.green, r.blue) : "rgba(" + r.red + "," + r.green + "," + r.blue + "," + r.alpha + ")";
+  }
+  throw new d(7);
+}
+n(S, "rgba");
+var Te = /* @__PURE__ */ n(function(e) {
+  return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && (typeof e.alpha != "number" || typeof e.alpha >
+  "u");
+}, "isRgb"), Ie = /* @__PURE__ */ n(function(e) {
+  return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && typeof e.alpha == "number";
+}, "isRgba"), Re = /* @__PURE__ */ n(function(e) {
+  return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && (typeof e.alpha != "number" || typeof e.
+  alpha > "u");
+}, "isHsl"), je = /* @__PURE__ */ n(function(e) {
+  return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && typeof e.alpha == "number";
+}, "isHsla");
+function w(r) {
+  if (typeof r != "object") throw new d(8);
+  if (Ie(r)) return S(r);
+  if (Te(r)) return E(r);
+  if (je(r)) return Ae(r);
+  if (Re(r)) return ze(r);
+  throw new d(8);
+}
+n(w, "toColorString");
+function K(r, e, t) {
+  return /* @__PURE__ */ n(function() {
+    var i = t.concat(Array.prototype.slice.call(arguments));
+    return i.length >= e ? r.apply(this, i) : K(r, e, i);
+  }, "fn");
+}
+n(K, "curried");
+function m(r) {
+  return K(r, r.length, []);
+}
+n(m, "curry");
+function Oe(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    hue: t.hue + parseFloat(r)
+  }));
+}
+n(Oe, "adjustHue");
+var Er = m(Oe);
+function C(r, e, t) {
+  return Math.max(r, Math.min(e, t));
+}
+n(C, "guard");
+function ke(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    lightness: C(0, 1, t.lightness - parseFloat(r))
+  }));
+}
+n(ke, "darken");
+var $e = m(ke), _ = $e;
+function Be(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    saturation: C(0, 1, t.saturation - parseFloat(r))
+  }));
+}
+n(Be, "desaturate");
+var Hr = m(Be);
+function Me(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    lightness: C(0, 1, t.lightness + parseFloat(r))
+  }));
+}
+n(Me, "lighten");
+var Pe = m(Me), ee = Pe;
+function Ee(r, e, t) {
+  if (e === "transparent") return t;
+  if (t === "transparent") return e;
+  if (r === 0) return t;
+  var a = F(e), i = l({}, a, {
+    alpha: typeof a.alpha == "number" ? a.alpha : 1
+  }), o = F(t), u = l({}, o, {
+    alpha: typeof o.alpha == "number" ? o.alpha : 1
+  }), f = i.alpha - u.alpha, p = parseFloat(r) * 2 - 1, g = p * f === -1 ? p : p + f, b = 1 + p * f, h = (g / b + 1) / 2, c = 1 - h, A = {
+    red: Math.floor(i.red * h + u.red * c),
+    green: Math.floor(i.green * h + u.green * c),
+    blue: Math.floor(i.blue * h + u.blue * c),
+    alpha: i.alpha * parseFloat(r) + u.alpha * (1 - parseFloat(r))
+  };
+  return S(A);
+}
+n(Ee, "mix");
+var He = m(Ee), re = He;
+function Le(r, e) {
+  if (e === "transparent") return e;
+  var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
+    alpha: C(0, 1, (a * 100 + parseFloat(r) * 100) / 100)
+  });
+  return S(i);
+}
+n(Le, "opacify");
+var Lr = m(Le);
+function De(r, e) {
+  if (e === "transparent") return e;
+  var t = y(e);
+  return w(l({}, t, {
+    saturation: C(0, 1, t.saturation + parseFloat(r))
+  }));
+}
+n(De, "saturate");
+var Dr = m(De);
+function We(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    hue: parseFloat(r)
+  }));
+}
+n(We, "setHue");
+var Wr = m(We);
+function qe(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    lightness: parseFloat(r)
+  }));
+}
+n(qe, "setLightness");
+var qr = m(qe);
+function Ue(r, e) {
+  return e === "transparent" ? e : w(l({}, y(e), {
+    saturation: parseFloat(r)
+  }));
+}
+n(Ue, "setSaturation");
+var Ur = m(Ue);
+function Ve(r, e) {
+  return e === "transparent" ? e : re(parseFloat(r), "rgb(0, 0, 0)", e);
+}
+n(Ve, "shade");
+var Vr = m(Ve);
+function Ne(r, e) {
+  return e === "transparent" ? e : re(parseFloat(r), "rgb(255, 255, 255)", e);
+}
+n(Ne, "tint");
+var Nr = m(Ne);
+function Ge(r, e) {
+  if (e === "transparent") return e;
+  var t = F(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = l({}, t, {
+    alpha: C(0, 1, +(a * 100 - parseFloat(r) * 100).toFixed(2) / 100)
+  });
+  return S(i);
+}
+n(Ge, "transparentize");
+var Qe = m(Ge), te = Qe;
 
 // src/theming/base.ts
-import { transparentize as u } from "polished";
-var e = {
+var s = {
   // Official color palette
   primary: "#FF4785",
   // coral
@@ -41,20 +926,20 @@ var e = {
   positiveText: "#448028",
   negativeText: "#D43900",
   warningText: "#A15C20"
-}, i = {
+}, H = {
   app: "#F6F9FC",
-  bar: e.lightest,
-  content: e.lightest,
-  preview: e.lightest,
+  bar: s.lightest,
+  content: s.lightest,
+  preview: s.lightest,
   gridCellSize: 10,
-  hoverable: u(0.9, e.secondary),
+  hoverable: te(0.9, s.secondary),
   // hover state for items in a list
   // Notification, error, and warning backgrounds
   positive: "#E1FFD4",
   negative: "#FEDED2",
   warning: "#FFF5CF",
   critical: "#FF4400"
-}, a = {
+}, z = {
   fonts: {
     base: [
       '"Nunito Sans"',
@@ -100,7 +985,7 @@ var e = {
 };
 
 // src/theming/themes/dark.ts
-var C = {
+var Ye = {
   base: "dark",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -110,20 +995,20 @@ var C = {
   // UI
   appBg: "#222425",
   appContentBg: "#1B1C1D",
-  appPreviewBg: e.lightest,
+  appPreviewBg: s.lightest,
   appBorderColor: "rgba(255,255,255,.1)",
   appBorderRadius: 4,
   // Fonts
-  fontBase: a.fonts.base,
-  fontCode: a.fonts.mono,
+  fontBase: z.fonts.base,
+  fontCode: z.fonts.mono,
   // Text colors
   textColor: "#C9CDCF",
   textInverseColor: "#222425",
   textMutedColor: "#798186",
   // Toolbar default and active colors
-  barTextColor: e.mediumdark,
-  barHoverColor: e.secondary,
-  barSelectedColor: e.secondary,
+  barTextColor: s.mediumdark,
+  barHoverColor: s.secondary,
+  barSelectedColor: s.secondary,
   barBg: "#292C2E",
   // Form colors
   buttonBg: "#222425",
@@ -132,12 +1017,12 @@ var C = {
   booleanSelectedBg: "#2E3438",
   inputBg: "#1B1C1D",
   inputBorder: "rgba(255,255,255,.1)",
-  inputTextColor: e.lightest,
+  inputTextColor: s.lightest,
   inputBorderRadius: 4
-}, g = C;
+}, ne = Ye;
 
 // src/theming/themes/light.ts
-var b = {
+var Je = {
   base: "light",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -145,72 +1030,71 @@ var b = {
   colorSecondary: "#029CFD",
   // ocean
   // UI
-  appBg: i.app,
-  appContentBg: e.lightest,
-  appPreviewBg: e.lightest,
-  appBorderColor: e.border,
+  appBg: H.app,
+  appContentBg: s.lightest,
+  appPreviewBg: s.lightest,
+  appBorderColor: s.border,
   appBorderRadius: 4,
   // Fonts
-  fontBase: a.fonts.base,
-  fontCode: a.fonts.mono,
+  fontBase: z.fonts.base,
+  fontCode: z.fonts.mono,
   // Text colors
-  textColor: e.darkest,
-  textInverseColor: e.lightest,
-  textMutedColor: e.dark,
+  textColor: s.darkest,
+  textInverseColor: s.lightest,
+  textMutedColor: s.dark,
   // Toolbar default and active colors
-  barTextColor: e.mediumdark,
-  barHoverColor: e.secondary,
-  barSelectedColor: e.secondary,
-  barBg: e.lightest,
+  barTextColor: s.mediumdark,
+  barHoverColor: s.secondary,
+  barSelectedColor: s.secondary,
+  barBg: s.lightest,
   // Form colors
-  buttonBg: i.app,
-  buttonBorder: e.medium,
-  booleanBg: e.mediumlight,
-  booleanSelectedBg: e.lightest,
-  inputBg: e.lightest,
-  inputBorder: e.border,
-  inputTextColor: e.darkest,
+  buttonBg: H.app,
+  buttonBorder: s.medium,
+  booleanBg: s.mediumlight,
+  booleanSelectedBg: s.lightest,
+  inputBg: s.lightest,
+  inputBorder: s.border,
+  inputTextColor: s.darkest,
   inputBorderRadius: 4
-}, s = b;
+}, L = Je;
 
 // src/theming/utils.ts
-import { logger as f } from "storybook/internal/client-logger";
-import { global as y } from "@storybook/global";
-import { darken as B, lighten as x, rgba as m } from "polished";
-var { window: l } = y;
-var k = /* @__PURE__ */ o((r) => typeof r != "string" ? (f.warn(
+import { logger as Ze } from "storybook/internal/client-logger";
+import { global as Xe } from "@storybook/global";
+var { window: D } = Xe;
+var Ke = /* @__PURE__ */ n((r) => typeof r != "string" ? (Ze.warn(
   `Color passed to theme object should be a string. Instead ${r}(${typeof r}) was passed.`
-), !1) : !0, "isColorString"), T = /* @__PURE__ */ o((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), S = /* @__PURE__ */ o(
-(r, t) => r === "darken" ? m(`${B(1, t)}`, 0.95) : r === "lighten" ? m(`${x(1, t)}`, 0.95) : t, "applyPolished"), c = /* @__PURE__ */ o((r) => (t) => {
-  if (!k(t) || !T(t))
-    return t;
+), !1) : !0, "isColorString"), _e = /* @__PURE__ */ n((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), er = /* @__PURE__ */ n(
+(r, e) => r === "darken" ? S(`${_(1, e)}`, 0.95) : r === "lighten" ? S(`${ee(1, e)}`, 0.95) : e, "applyPolished"), ae = /* @__PURE__ */ n((r) => (e) => {
+  if (!Ke(e) || !_e(e))
+    return e;
   try {
-    return S(r, t);
+    return er(r, e);
   } catch {
-    return t;
+    return e;
   }
-}, "colorFactory"), I = c("lighten"), N = c("darken"), F = /* @__PURE__ */ o(() => !l || !l.matchMedia ? "light" : l.matchMedia("(prefers-co\
-lor-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme");
+}, "colorFactory"), nt = ae("lighten"), at = ae("darken"), ie = /* @__PURE__ */ n(() => !D || !D.matchMedia ? "light" : D.matchMedia("(prefe\
+rs-color-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme");
 
 // src/theming/create.ts
-var d = {
-  light: s,
-  dark: g,
-  normal: s
-}, p = F(), W = /* @__PURE__ */ o((r = { base: p }, t) => {
-  let n = {
-    ...d[p],
-    ...d[r.base] || {},
+var W = {
+  light: L,
+  dark: ne,
+  normal: L
+}, q = ie(), pt = /* @__PURE__ */ n((r = { base: q }, e) => {
+  let t = {
+    ...W[q],
+    ...W[r.base] || {},
     ...r,
-    base: d[r.base] ? r.base : p
+    base: W[r.base] ? r.base : q
   };
   return {
+    ...e,
     ...t,
-    ...n,
-    barSelectedColor: r.barSelectedColor || n.colorSecondary
+    barSelectedColor: r.barSelectedColor || t.colorSecondary
   };
 }, "create");
 export {
-  W as create,
-  d as themes
+  pt as create,
+  W as themes
 };