storybook 9.0.0-alpha.3 → 9.0.0-alpha.4

package/dist/theming/create.js

@@ -1,776 +1,9 @@
-var ie = Object.defineProperty;
-var n = (r, e) => ie(r, "name", { value: e, configurable: !0 });
-
-// ../node_modules/@babel/runtime/helpers/esm/extends.js
-function v() {
-  return v = 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;
-  }, v.apply(null, arguments);
-}
-n(v, "_extends");
-
-// ../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-function q(r) {
-  if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return r;
-}
-n(q, "_assertThisInitialized");
-
-// ../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function m(r, e) {
-  return m = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, a) {
-    return t.__proto__ = a, t;
-  }, m(r, e);
-}
-n(m, "_setPrototypeOf");
-
-// ../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function U(r, e) {
-  r.prototype = Object.create(e.prototype), r.prototype.constructor = r, m(r, e);
-}
-n(U, "_inheritsLoose");
-
-// ../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
-function F(r) {
-  return F = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-    return e.__proto__ || Object.getPrototypeOf(e);
-  }, F(r);
-}
-n(F, "_getPrototypeOf");
-
-// ../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js
-function V(r) {
-  try {
-    return Function.toString.call(r).indexOf("[native code]") !== -1;
-  } catch {
-    return typeof r == "function";
-  }
-}
-n(V, "_isNativeFunction");
-
-// ../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
-function T() {
-  try {
-    var r = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-  } catch {
-  }
-  return (T = /* @__PURE__ */ n(function() {
-    return !!r;
-  }, "_isNativeReflectConstruct"))();
-}
-n(T, "_isNativeReflectConstruct");
-
-// ../node_modules/@babel/runtime/helpers/esm/construct.js
-function N(r, e, t) {
-  if (T()) return Reflect.construct.apply(null, arguments);
-  var a = [null];
-  a.push.apply(a, e);
-  var i = new (r.bind.apply(r, a))();
-  return t && m(i, t.prototype), i;
-}
-n(N, "_construct");
-
-// ../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js
-function C(r) {
-  var e = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-  return C = /* @__PURE__ */ n(function(a) {
-    if (a === null || !V(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 N(a, arguments, F(this).constructor);
-    }
-    return n(i, "Wrapper"), i.prototype = Object.create(a.prototype, {
-      constructor: {
-        value: i,
-        enumerable: !1,
-        writable: !0,
-        configurable: !0
-      }
-    }), m(i, a);
-  }, "_wrapNativeSuper"), C(r);
-}
-n(C, "_wrapNativeSuper");
-
-// ../node_modules/polished/dist/polished.esm.js
-var oe = {
-  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 se() {
-  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(se, "format");
-var d = /* @__PURE__ */ function(r) {
-  U(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, se.apply(void 0, [oe[t]].concat(o))) || this, q(a);
-  }
-  return n(e, "PolishedError"), e;
-}(/* @__PURE__ */ C(Error));
-function I(r) {
-  return Math.round(r * 255);
-}
-n(I, "colorToInt");
-function ue(r, e, t) {
-  return I(r) + "," + I(e) + "," + I(t);
-}
-n(ue, "convertToInt");
-function w(r, e, t, a) {
-  if (a === void 0 && (a = ue), 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, l = 0;
-  i >= 0 && i < 1 ? (f = o, p = u) : i >= 1 && i < 2 ? (f = u, p = o) : i >= 2 && i < 3 ? (p = o, l = u) : i >= 3 && i < 4 ? (p = u, l = o) :
-  i >= 4 && i < 5 ? (f = u, l = o) : i >= 5 && i < 6 && (f = o, l = u);
-  var h = t - o / 2, b = f + h, c = p + h, A = l + h;
-  return a(b, c, A);
-}
-n(w, "hslToRgb");
-var G = {
-  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 fe(r) {
-  if (typeof r != "string") return r;
-  var e = r.toLowerCase();
-  return G[e] ? "#" + G[e] : r;
-}
-n(fe, "nameToHex");
-var pe = /^#[a-fA-F0-9]{6}$/, le = /^#[a-fA-F0-9]{8}$/, de = /^#[a-fA-F0-9]{3}$/, ce = /^#[a-fA-F0-9]{4}$/, R = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,
-me = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i, ge = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,
-he = /^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 $(r) {
-  if (typeof r != "string")
-    throw new d(3);
-  var e = fe(r);
-  if (e.match(pe))
-    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(le)) {
-    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(de))
-    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(ce)) {
-    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 = R.exec(e);
-  if (i)
-    return {
-      red: parseInt("" + i[1], 10),
-      green: parseInt("" + i[2], 10),
-      blue: parseInt("" + i[3], 10)
-    };
-  var o = me.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 = ge.exec(e);
-  if (u) {
-    var f = parseInt("" + u[1], 10), p = parseInt("" + u[2], 10) / 100, l = parseInt("" + u[3], 10) / 100, h = "rgb(" + w(f, p, l) + ")", b = R.
-    exec(h);
-    if (!b)
-      throw new d(4, e, h);
-    return {
-      red: parseInt("" + b[1], 10),
-      green: parseInt("" + b[2], 10),
-      blue: parseInt("" + b[3], 10)
-    };
-  }
-  var c = he.exec(e.substring(0, 50));
-  if (c) {
-    var A = parseInt("" + c[1], 10), ne = parseInt("" + c[2], 10) / 100, ae = parseInt("" + c[3], 10) / 100, W = "rgb(" + w(A, ne, ae) + ")",
-    S = R.exec(W);
-    if (!S)
-      throw new d(4, e, W);
-    return {
-      red: parseInt("" + S[1], 10),
-      green: parseInt("" + S[2], 10),
-      blue: parseInt("" + S[3], 10),
-      alpha: parseFloat("" + c[4]) > 1 ? parseFloat("" + c[4]) / 100 : parseFloat("" + c[4])
-    };
-  }
-  throw new d(5);
-}
-n($, "parseToRgb");
-function be(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, l = 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: l,
-    lightness: u,
-    alpha: r.alpha
-  } : {
-    hue: f,
-    saturation: l,
-    lightness: u
-  };
-}
-n(be, "rgbToHsl");
-function Q(r) {
-  return be($(r));
-}
-n(Q, "parseToHsl");
-var ve = /* @__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"), O = ve;
-function g(r) {
-  var e = r.toString(16);
-  return e.length === 1 ? "0" + e : e;
-}
-n(g, "numberToHex");
-function j(r) {
-  return g(Math.round(r * 255));
-}
-n(j, "colorToHex");
-function ye(r, e, t) {
-  return O("#" + j(r) + j(e) + j(t));
-}
-n(ye, "convertToHex");
-function z(r, e, t) {
-  return w(r, e, t, ye);
-}
-n(z, "hslToHex");
-function we(r, e, t) {
-  if (typeof r == "number" && typeof e == "number" && typeof t == "number")
-    return z(r, e, t);
-  if (typeof r == "object" && e === void 0 && t === void 0)
-    return z(r.hue, r.saturation, r.lightness);
-  throw new d(1);
-}
-n(we, "hsl");
-function xe(r, e, t, a) {
-  if (typeof r == "number" && typeof e == "number" && typeof t == "number" && typeof a == "number")
-    return a >= 1 ? z(r, e, t) : "rgba(" + w(r, e, t) + "," + a + ")";
-  if (typeof r == "object" && e === void 0 && t === void 0 && a === void 0)
-    return r.alpha >= 1 ? z(r.hue, r.saturation, r.lightness) : "rgba(" + w(r.hue, r.saturation, r.lightness) + "," + r.alpha + ")";
-  throw new d(2);
-}
-n(xe, "hsla");
-function k(r, e, t) {
-  if (typeof r == "number" && typeof e == "number" && typeof t == "number")
-    return O("#" + g(r) + g(e) + g(t));
-  if (typeof r == "object" && e === void 0 && t === void 0)
-    return O("#" + g(r.red) + g(r.green) + g(r.blue));
-  throw new d(6);
-}
-n(k, "rgb");
-function x(r, e, t, a) {
-  if (typeof r == "string" && typeof e == "number") {
-    var i = $(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 ? k(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 ? k(r.red, r.green, r.blue) : "rgba(" + r.red + "," + r.green + "," + r.blue + "," + r.alpha + ")";
-  }
-  throw new d(7);
-}
-n(x, "rgba");
-var Se = /* @__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"), Fe = /* @__PURE__ */ n(function(e) {
-  return typeof e.red == "number" && typeof e.green == "number" && typeof e.blue == "number" && typeof e.alpha == "number";
-}, "isRgba"), Ce = /* @__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"), ze = /* @__PURE__ */ n(function(e) {
-  return typeof e.hue == "number" && typeof e.saturation == "number" && typeof e.lightness == "number" && typeof e.alpha == "number";
-}, "isHsla");
-function Y(r) {
-  if (typeof r != "object") throw new d(8);
-  if (Fe(r)) return x(r);
-  if (Se(r)) return k(r);
-  if (ze(r)) return xe(r);
-  if (Ce(r)) return we(r);
-  throw new d(8);
-}
-n(Y, "toColorString");
-function J(r, e, t) {
-  return /* @__PURE__ */ n(function() {
-    var i = t.concat(Array.prototype.slice.call(arguments));
-    return i.length >= e ? r.apply(this, i) : J(r, e, i);
-  }, "fn");
-}
-n(J, "curried");
-function B(r) {
-  return J(r, r.length, []);
-}
-n(B, "curry");
-function M(r, e, t) {
-  return Math.max(r, Math.min(e, t));
-}
-n(M, "guard");
-function Ae(r, e) {
-  if (e === "transparent") return e;
-  var t = Q(e);
-  return Y(v({}, t, {
-    lightness: M(0, 1, t.lightness - parseFloat(r))
-  }));
-}
-n(Ae, "darken");
-var Te = /* @__PURE__ */ B(Ae), Z = Te;
-function Ie(r, e) {
-  if (e === "transparent") return e;
-  var t = Q(e);
-  return Y(v({}, t, {
-    lightness: M(0, 1, t.lightness + parseFloat(r))
-  }));
-}
-n(Ie, "lighten");
-var Re = /* @__PURE__ */ B(Ie), X = Re;
-function je(r, e) {
-  if (e === "transparent") return e;
-  var t = $(e), a = typeof t.alpha == "number" ? t.alpha : 1, i = v({}, t, {
-    alpha: M(0, 1, +(a * 100 - parseFloat(r) * 100).toFixed(2) / 100)
-  });
-  return x(i);
-}
-n(je, "transparentize");
-var Oe = /* @__PURE__ */ B(je), K = Oe;
+var h = Object.defineProperty;
+var o = (r, t) => h(r, "name", { value: t, configurable: !0 });
 
 // src/theming/base.ts
-var s = {
+import { transparentize as u } from "polished";
+var e = {
   // Official color palette
   primary: "#FF4785",
   // coral
@@ -808,20 +41,20 @@ var s = {
   positiveText: "#448028",
   negativeText: "#D43900",
   warningText: "#A15C20"
-}, P = {
+}, i = {
   app: "#F6F9FC",
-  bar: s.lightest,
-  content: s.lightest,
-  preview: s.lightest,
+  bar: e.lightest,
+  content: e.lightest,
+  preview: e.lightest,
   gridCellSize: 10,
-  hoverable: K(0.9, s.secondary),
+  hoverable: u(0.9, e.secondary),
   // hover state for items in a list
   // Notification, error, and warning backgrounds
   positive: "#E1FFD4",
   negative: "#FEDED2",
   warning: "#FFF5CF",
   critical: "#FF4400"
-}, y = {
+}, a = {
   fonts: {
     base: [
       '"Nunito Sans"',
@@ -867,7 +100,7 @@ var s = {
 };
 
 // src/theming/themes/dark.ts
-var ke = {
+var C = {
   base: "dark",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -877,20 +110,20 @@ var ke = {
   // UI
   appBg: "#222425",
   appContentBg: "#1B1C1D",
-  appPreviewBg: s.lightest,
+  appPreviewBg: e.lightest,
   appBorderColor: "rgba(255,255,255,.1)",
   appBorderRadius: 4,
   // Fonts
-  fontBase: y.fonts.base,
-  fontCode: y.fonts.mono,
+  fontBase: a.fonts.base,
+  fontCode: a.fonts.mono,
   // Text colors
   textColor: "#C9CDCF",
   textInverseColor: "#222425",
   textMutedColor: "#798186",
   // Toolbar default and active colors
-  barTextColor: s.mediumdark,
-  barHoverColor: s.secondary,
-  barSelectedColor: s.secondary,
+  barTextColor: e.mediumdark,
+  barHoverColor: e.secondary,
+  barSelectedColor: e.secondary,
   barBg: "#292C2E",
   // Form colors
   buttonBg: "#222425",
@@ -899,12 +132,12 @@ var ke = {
   booleanSelectedBg: "#2E3438",
   inputBg: "#1B1C1D",
   inputBorder: "rgba(255,255,255,.1)",
-  inputTextColor: s.lightest,
+  inputTextColor: e.lightest,
   inputBorderRadius: 4
-}, _ = ke;
+}, g = C;
 
 // src/theming/themes/light.ts
-var $e = {
+var b = {
   base: "light",
   // Storybook-specific color palette
   colorPrimary: "#FF4785",
@@ -912,79 +145,72 @@ var $e = {
   colorSecondary: "#029CFD",
   // ocean
   // UI
-  appBg: P.app,
-  appContentBg: s.lightest,
-  appPreviewBg: s.lightest,
-  appBorderColor: s.border,
+  appBg: i.app,
+  appContentBg: e.lightest,
+  appPreviewBg: e.lightest,
+  appBorderColor: e.border,
   appBorderRadius: 4,
   // Fonts
-  fontBase: y.fonts.base,
-  fontCode: y.fonts.mono,
+  fontBase: a.fonts.base,
+  fontCode: a.fonts.mono,
   // Text colors
-  textColor: s.darkest,
-  textInverseColor: s.lightest,
-  textMutedColor: s.dark,
+  textColor: e.darkest,
+  textInverseColor: e.lightest,
+  textMutedColor: e.dark,
   // Toolbar default and active colors
-  barTextColor: s.mediumdark,
-  barHoverColor: s.secondary,
-  barSelectedColor: s.secondary,
-  barBg: s.lightest,
+  barTextColor: e.mediumdark,
+  barHoverColor: e.secondary,
+  barSelectedColor: e.secondary,
+  barBg: e.lightest,
   // Form colors
-  buttonBg: P.app,
-  buttonBorder: s.medium,
-  booleanBg: s.mediumlight,
-  booleanSelectedBg: s.lightest,
-  inputBg: s.lightest,
-  inputBorder: s.border,
-  inputTextColor: s.darkest,
+  buttonBg: i.app,
+  buttonBorder: e.medium,
+  booleanBg: e.mediumlight,
+  booleanSelectedBg: e.lightest,
+  inputBg: e.lightest,
+  inputBorder: e.border,
+  inputTextColor: e.darkest,
   inputBorderRadius: 4
-}, E = $e;
-
-// src/theming/utils.ts
-import { logger as Be } from "storybook/internal/client-logger";
-
-// ../node_modules/@storybook/global/dist/index.mjs
-var ee = (() => {
-  let r;
-  return typeof window < "u" ? r = window : typeof globalThis < "u" ? r = globalThis : typeof global < "u" ? r = global : typeof self < "u" ?
-  r = self : r = {}, r;
-})();
+}, s = b;
 
 // src/theming/utils.ts
-var { window: H } = ee;
-var Me = /* @__PURE__ */ n((r) => typeof r != "string" ? (Be.warn(
+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(
   `Color passed to theme object should be a string. Instead ${r}(${typeof r}) was passed.`
-), !1) : !0, "isColorString"), Pe = /* @__PURE__ */ n((r) => !/(gradient|var|calc)/.test(r), "isValidColorForPolished"), Ee = /* @__PURE__ */ n(
-(r, e) => r === "darken" ? x(`${Z(1, e)}`, 0.95) : r === "lighten" ? x(`${X(1, e)}`, 0.95) : e, "applyPolished"), re = /* @__PURE__ */ n((r) => (e) => {
-  if (!Me(e) || !Pe(e))
-    return e;
+), !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;
   try {
-    return Ee(r, e);
+    return S(r, t);
   } catch {
-    return e;
+    return t;
   }
-}, "colorFactory"), jr = re("lighten"), Or = re("darken"), te = /* @__PURE__ */ n(() => !H || !H.matchMedia ? "light" : H.matchMedia("(prefe\
-rs-color-scheme: dark)").matches ? "dark" : "light", "getPreferredColorScheme");
+}, "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");
 
 // src/theming/create.ts
-var L = {
-  light: E,
-  dark: _,
-  normal: E
-}, D = te(), Er = /* @__PURE__ */ n((r = { base: D }, e) => {
-  let t = {
-    ...L[D],
-    ...L[r.base] || {},
+var d = {
+  light: s,
+  dark: g,
+  normal: s
+}, p = F(), W = /* @__PURE__ */ o((r = { base: p }, t) => {
+  let n = {
+    ...d[p],
+    ...d[r.base] || {},
     ...r,
-    base: L[r.base] ? r.base : D
+    base: d[r.base] ? r.base : p
   };
   return {
-    ...e,
     ...t,
-    barSelectedColor: r.barSelectedColor || t.colorSecondary
+    ...n,
+    barSelectedColor: r.barSelectedColor || n.colorSecondary
   };
 }, "create");
 export {
-  Er as create,
-  L as themes
+  W as create,
+  d as themes
 };