pds-dev-kit-web 1.9.13 → 1.9.14

package/dist/storybook-static/{5.949eb428.iframe.bundle.js → 5.4e57edcd.iframe.bundle.js}

@@ -1,7 +1,7 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2170: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2173: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "ColorControl", (function () { return Color_ColorControl; }));
-            __webpack_require__(26), __webpack_require__(7), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(24), __webpack_require__(19), __webpack_require__(156), __webpack_require__(119), __webpack_require__(32), __webpack_require__(27), __webpack_require__(181), __webpack_require__(58), __webpack_require__(180), __webpack_require__(86), __webpack_require__(16), __webpack_require__(59), __webpack_require__(9);
+            __webpack_require__(26), __webpack_require__(7), __webpack_require__(12), __webpack_require__(10), __webpack_require__(21), __webpack_require__(18), __webpack_require__(15), __webpack_require__(17), __webpack_require__(30), __webpack_require__(24), __webpack_require__(19), __webpack_require__(156), __webpack_require__(120), __webpack_require__(32), __webpack_require__(28), __webpack_require__(181), __webpack_require__(58), __webpack_require__(180), __webpack_require__(86), __webpack_require__(16), __webpack_require__(59), __webpack_require__(9);
             var react = __webpack_require__(0), react_default = __webpack_require__.n(react);
             function index_module_u() { return (index_module_u = Object.assign || function (e) { for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
@@ -33,7 +33,7 @@
                 (F = document.createElement("style")).innerHTML = '.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}';
                 var e = T || __webpack_require__.nc;
                 e && F.setAttribute("nonce", e), document.head.appendChild(F);
-            } }), []); }, $ = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v, className: "react-colorful__last-control" })); }, G = { defaultColor: "000", toHsva: function (e) { return z(index_module_(e)); }, fromHsva: function (e) { return t = (r = y(e)).g, n = r.b, "#" + j(r.r) + j(t) + j(n); var r, t, n; }, equal: function (e, r) { return e.toLowerCase() === r.toLowerCase() || A(index_module_(e), index_module_(r)); } }, Q = function (r) { var t = r.className, n = r.hsva, o = r.onChange, a = { backgroundImage: "linear-gradient(90deg, " + w(Object.assign({}, n, { a: 0 })) + ", " + w(Object.assign({}, n, { a: 1 })) + ")" }, l = index_module_m(["react-colorful__alpha", t]); return react_default.a.createElement("div", { className: l }, react_default.a.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), react_default.a.createElement(index_module_h, { onMove: function (e) { o({ a: e.left }); }, onKey: function (e) { o({ a: index_module_s(n.a + e.left) }); }, "aria-label": "Alpha", "aria-valuetext": index_module_p(100 * n.a) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__alpha-pointer", left: n.a, color: w(n) }))); }, U = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v }), react_default.a.createElement(Q, { hsva: f, onChange: v, className: "react-colorful__last-control" })); }, Z = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: index_module_C, fromHsva: w, equal: D }, me = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: O, fromHsva: function (e) { var r = y(e); return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")"; }, equal: D }, color_convert = __webpack_require__(2225), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2228), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(700), lazy_WithTooltip = __webpack_require__(198), esm_form = __webpack_require__(57), icon = __webpack_require__(51), helpers = __webpack_require__(50);
+            } }), []); }, $ = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v, className: "react-colorful__last-control" })); }, G = { defaultColor: "000", toHsva: function (e) { return z(index_module_(e)); }, fromHsva: function (e) { return t = (r = y(e)).g, n = r.b, "#" + j(r.r) + j(t) + j(n); var r, t, n; }, equal: function (e, r) { return e.toLowerCase() === r.toLowerCase() || A(index_module_(e), index_module_(r)); } }, Q = function (r) { var t = r.className, n = r.hsva, o = r.onChange, a = { backgroundImage: "linear-gradient(90deg, " + w(Object.assign({}, n, { a: 0 })) + ", " + w(Object.assign({}, n, { a: 1 })) + ")" }, l = index_module_m(["react-colorful__alpha", t]); return react_default.a.createElement("div", { className: l }, react_default.a.createElement("div", { className: "react-colorful__alpha-gradient", style: a }), react_default.a.createElement(index_module_h, { onMove: function (e) { o({ a: e.left }); }, onKey: function (e) { o({ a: index_module_s(n.a + e.left) }); }, "aria-label": "Alpha", "aria-valuetext": index_module_p(100 * n.a) + "%" }, react_default.a.createElement(index_module_g, { className: "react-colorful__alpha-pointer", left: n.a, color: w(n) }))); }, U = function (r) { var t = r.className, n = r.colorModel, o = r.color, a = void 0 === o ? n.defaultColor : o, l = r.onChange, i = index_module_c(r, ["className", "colorModel", "color", "onChange"]); R(); var s = S(n, a, l), f = s[0], v = s[1], d = index_module_m(["react-colorful", t]); return react_default.a.createElement("div", index_module_u({}, i, { className: d }), react_default.a.createElement(L, { hsva: f, onChange: v }), react_default.a.createElement(K, { hue: f.h, onChange: v }), react_default.a.createElement(Q, { hsva: f, onChange: v, className: "react-colorful__last-control" })); }, Z = { defaultColor: "hsla(0, 0%, 0%, 1)", toHsva: index_module_C, fromHsva: w, equal: D }, me = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: O, fromHsva: function (e) { var r = y(e); return "rgba(" + r.r + ", " + r.g + ", " + r.b + ", " + r.a + ")"; }, equal: D }, color_convert = __webpack_require__(2228), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2231), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(700), lazy_WithTooltip = __webpack_require__(198), esm_form = __webpack_require__(57), icon = __webpack_require__(51), helpers = __webpack_require__(50);
             function _slicedToArray(arr, i) { return function _arrayWithHoles(arr) { if (Array.isArray(arr))
                 return arr; }(arr) || function _iterableToArrayLimit(arr, i) { if ("undefined" == typeof Symbol || !(Symbol.iterator in Object(arr)))
                 return; var _arr = [], _n = !0, _d = !1, _e = void 0; try {
@@ -110,7 +110,7 @@
                 return HEX_REGEXP.test(color.hex) ? color.hex : fallbackColor.hex; var _short$1$split2 = _slicedToArray(short[1].split(""), 3), r = _short$1$split2[0], g = _short$1$split2[1], b = _short$1$split2[2]; return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b); }(value, color, colorSpace).toLowerCase(); }), [value, color, colorSpace]), updateValue = Object(react.useCallback)((function (update) { var parsed = Color_parseValue(update); setValue((null == parsed ? void 0 : parsed.value) || update || ""), parsed && (setColor(parsed), setColorSpace(parsed.colorSpace), onChange(parsed.value)); }), [onChange]), cycleColorSpace = Object(react.useCallback)((function () { var next = COLOR_SPACES.indexOf(colorSpace) + 1; next >= COLOR_SPACES.length && (next = 0), setColorSpace(COLOR_SPACES[next]); var update = (null == color ? void 0 : color[COLOR_SPACES[next]]) || ""; setValue(update), onChange(update); }), [color, colorSpace, onChange]); return { value: value, realValue: realValue, updateValue: updateValue, color: color, colorSpace: colorSpace, cycleColorSpace: cycleColorSpace }; }, id = function id(value) { return value.replace(/\s*/, "").toLowerCase(); }, Color_ColorControl = function ColorControl(_ref13) { var name = _ref13.name, initialValue = _ref13.value, onChange = _ref13.onChange, onFocus = _ref13.onFocus, onBlur = _ref13.onBlur, presetColors = _ref13.presetColors, startOpen = _ref13.startOpen, _useColorInput = Color_useColorInput(initialValue, throttle_default()(onChange, 200)), value = _useColorInput.value, realValue = _useColorInput.realValue, updateValue = _useColorInput.updateValue, color = _useColorInput.color, colorSpace = _useColorInput.colorSpace, cycleColorSpace = _useColorInput.cycleColorSpace, _usePresets = function usePresets(presetColors, currentColor, colorSpace) { var _useState8 = _slicedToArray(Object(react.useState)(null != currentColor && currentColor.valid ? [currentColor] : []), 2), selectedColors = _useState8[0], setSelectedColors = _useState8[1]; Object(react.useEffect)((function () { void 0 === currentColor && setSelectedColors([]); }), [currentColor]); var presets = Object(react.useMemo)((function () { return (presetColors || []).map((function (preset) { return "string" == typeof preset ? Color_parseValue(preset) : preset.title ? Object.assign({}, Color_parseValue(preset.color), { keyword: preset.title }) : Color_parseValue(preset.color); })).concat(selectedColors).filter(Boolean).slice(-27); }), [presetColors, selectedColors]), addPreset = Object(react.useCallback)((function (color) { null != color && color.valid && (presets.some((function (preset) { return id(preset[colorSpace]) === id(color[colorSpace]); })) || setSelectedColors((function (arr) { return arr.concat(color); }))); }), [colorSpace, presets]); return { presets: presets, addPreset: addPreset }; }(presetColors, color, colorSpace), presets = _usePresets.presets, addPreset = _usePresets.addPreset, Picker = ColorPicker[colorSpace]; return react_default.a.createElement(Wrapper, null, react_default.a.createElement(PickerTooltip, { trigger: "click", startOpen: startOpen, closeOnClick: !0, onVisibilityChange: function onVisibilityChange() { return addPreset(color); }, tooltip: react_default.a.createElement(TooltipContent, null, react_default.a.createElement(Picker, { color: "transparent" === realValue ? "#000000" : realValue, onChange: updateValue, onFocus: onFocus, onBlur: onBlur }), presets.length > 0 && react_default.a.createElement(Swatches, null, presets.map((function (preset, index) { return react_default.a.createElement(lazy_WithTooltip.a, { key: "".concat(preset.value, "-").concat(index), hasChrome: !1, tooltip: react_default.a.createElement(Note, { note: preset.keyword || preset.value }) }, react_default.a.createElement(Color_Swatch, { value: preset[colorSpace], active: color && id(preset[colorSpace]) === id(color[colorSpace]), onClick: function onClick() { return updateValue(preset.value); } })); })))) }, react_default.a.createElement(Color_Swatch, { value: realValue, style: { margin: 4 } })), react_default.a.createElement(Input, { id: Object(helpers.a)(name), value: value, onChange: function onChange(e) { return updateValue(e.target.value); }, onFocus: function onFocus(e) { return e.target.select(); }, placeholder: "Choose color..." }), react_default.a.createElement(ToggleIcon, { icon: "markup", onClick: cycleColorSpace })); };
             Color_ColorControl.displayName = "ColorControl";
             __webpack_exports__.default = Color_ColorControl;
-        }, 2186: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2226), reverseKeywords = {}; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
+        }, 2189: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2229), reverseKeywords = {}; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
             var key = _f[_c];
             reverseKeywords[cssKeywords[key]] = key;
         } var convert = { rgb: { channels: 3, labels: "rgb" }, hsl: { channels: 3, labels: "hsl" }, hsv: { channels: 3, labels: "hsv" }, hwb: { channels: 3, labels: "hwb" }, cmyk: { channels: 4, labels: "cmyk" }, xyz: { channels: 3, labels: "xyz" }, lab: { channels: 3, labels: "lab" }, lch: { channels: 3, labels: "lch" }, hex: { channels: 1, labels: ["hex"] }, keyword: { channels: 1, labels: ["keyword"] }, ansi16: { channels: 1, labels: ["ansi16"] }, ansi256: { channels: 1, labels: ["ansi256"] }, hcg: { channels: 3, labels: ["h", "c", "g"] }, apple: { channels: 3, labels: ["r16", "g16", "b16"] }, gray: { channels: 1, labels: ["gray"] } }; module.exports = convert; for (var _j = 0, _k = Object.keys(convert); _j < _k.length; _j++) {
@@ -186,7 +186,7 @@
                 pure[0] = v, pure[1] = 0, pure[2] = 1;
                 break;
             default: pure[0] = 1, pure[1] = 0, pure[2] = w;
-        } return mg = (1 - c) * g, [255 * (c * pure[0] + mg), 255 * (c * pure[1] + mg), 255 * (c * pure[2] + mg)]; }, convert.hcg.hsv = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); var f = 0; return v > 0 && (f = c / v), [hcg[0], 100 * f, 100 * v]; }, convert.hcg.hsl = function (hcg) { var c = hcg[1] / 100, l = hcg[2] / 100 * (1 - c) + .5 * c; var s = 0; return l > 0 && l < .5 ? s = c / (2 * l) : l >= .5 && l < 1 && (s = c / (2 * (1 - l))), [hcg[0], 100 * s, 100 * l]; }, convert.hcg.hwb = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); return [hcg[0], 100 * (v - c), 100 * (1 - v)]; }, convert.hwb.hcg = function (hwb) { var w = hwb[1] / 100, v = 1 - hwb[2] / 100, c = v - w; var g = 0; return c < 1 && (g = (v - c) / (1 - c)), [hwb[0], 100 * c, 100 * g]; }, convert.apple.rgb = function (apple) { return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255]; }, convert.rgb.apple = function (rgb) { return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[2] / 255 * 65535]; }, convert.gray.rgb = function (args) { return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255]; }, convert.gray.hsl = function (args) { return [0, 0, args[0]]; }, convert.gray.hsv = convert.gray.hsl, convert.gray.hwb = function (gray) { return [0, 100, gray[0]]; }, convert.gray.cmyk = function (gray) { return [0, 0, 0, gray[0]]; }, convert.gray.lab = function (gray) { return [gray[0], 0, 0]; }, convert.gray.hex = function (gray) { var val = 255 & Math.round(gray[0] / 100 * 255), string = ((val << 16) + (val << 8) + val).toString(16).toUpperCase(); return "000000".substring(string.length) + string; }, convert.rgb.gray = function (rgb) { return [(rgb[0] + rgb[1] + rgb[2]) / 3 / 255 * 100]; }; }, 2225: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2186), route = __webpack_require__(2227), convert = {}; Object.keys(conversions).forEach((function (fromModel) { convert[fromModel] = {}, Object.defineProperty(convert[fromModel], "channels", { value: conversions[fromModel].channels }), Object.defineProperty(convert[fromModel], "labels", { value: conversions[fromModel].labels }); var routes = route(fromModel); Object.keys(routes).forEach((function (toModel) { var fn = routes[toModel]; convert[fromModel][toModel] = function wrapRounded(fn) { var wrappedFn = function () {
+        } return mg = (1 - c) * g, [255 * (c * pure[0] + mg), 255 * (c * pure[1] + mg), 255 * (c * pure[2] + mg)]; }, convert.hcg.hsv = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); var f = 0; return v > 0 && (f = c / v), [hcg[0], 100 * f, 100 * v]; }, convert.hcg.hsl = function (hcg) { var c = hcg[1] / 100, l = hcg[2] / 100 * (1 - c) + .5 * c; var s = 0; return l > 0 && l < .5 ? s = c / (2 * l) : l >= .5 && l < 1 && (s = c / (2 * (1 - l))), [hcg[0], 100 * s, 100 * l]; }, convert.hcg.hwb = function (hcg) { var c = hcg[1] / 100, v = c + hcg[2] / 100 * (1 - c); return [hcg[0], 100 * (v - c), 100 * (1 - v)]; }, convert.hwb.hcg = function (hwb) { var w = hwb[1] / 100, v = 1 - hwb[2] / 100, c = v - w; var g = 0; return c < 1 && (g = (v - c) / (1 - c)), [hwb[0], 100 * c, 100 * g]; }, convert.apple.rgb = function (apple) { return [apple[0] / 65535 * 255, apple[1] / 65535 * 255, apple[2] / 65535 * 255]; }, convert.rgb.apple = function (rgb) { return [rgb[0] / 255 * 65535, rgb[1] / 255 * 65535, rgb[2] / 255 * 65535]; }, convert.gray.rgb = function (args) { return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255]; }, convert.gray.hsl = function (args) { return [0, 0, args[0]]; }, convert.gray.hsv = convert.gray.hsl, convert.gray.hwb = function (gray) { return [0, 100, gray[0]]; }, convert.gray.cmyk = function (gray) { return [0, 0, 0, gray[0]]; }, convert.gray.lab = function (gray) { return [gray[0], 0, 0]; }, convert.gray.hex = function (gray) { var val = 255 & Math.round(gray[0] / 100 * 255), string = ((val << 16) + (val << 8) + val).toString(16).toUpperCase(); return "000000".substring(string.length) + string; }, convert.rgb.gray = function (rgb) { return [(rgb[0] + rgb[1] + rgb[2]) / 3 / 255 * 100]; }; }, 2228: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2189), route = __webpack_require__(2230), convert = {}; Object.keys(conversions).forEach((function (fromModel) { convert[fromModel] = {}, Object.defineProperty(convert[fromModel], "channels", { value: conversions[fromModel].channels }), Object.defineProperty(convert[fromModel], "labels", { value: conversions[fromModel].labels }); var routes = route(fromModel); Object.keys(routes).forEach((function (toModel) { var fn = routes[toModel]; convert[fromModel][toModel] = function wrapRounded(fn) { var wrappedFn = function () {
             var args = [];
             for (var _c = 0; _c < arguments.length; _c++) {
                 args[_c] = arguments[_c];
@@ -207,10 +207,10 @@
             }
             var arg0 = args[0];
             return null == arg0 ? arg0 : (arg0.length > 1 && (args = arg0), fn(args));
-        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn); })); })), module.exports = convert; }, 2226: function (module, exports, __webpack_require__) {
+        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn); })); })), module.exports = convert; }, 2229: function (module, exports, __webpack_require__) {
             "use strict";
             module.exports = { aliceblue: [240, 248, 255], antiquewhite: [250, 235, 215], aqua: [0, 255, 255], aquamarine: [127, 255, 212], azure: [240, 255, 255], beige: [245, 245, 220], bisque: [255, 228, 196], black: [0, 0, 0], blanchedalmond: [255, 235, 205], blue: [0, 0, 255], blueviolet: [138, 43, 226], brown: [165, 42, 42], burlywood: [222, 184, 135], cadetblue: [95, 158, 160], chartreuse: [127, 255, 0], chocolate: [210, 105, 30], coral: [255, 127, 80], cornflowerblue: [100, 149, 237], cornsilk: [255, 248, 220], crimson: [220, 20, 60], cyan: [0, 255, 255], darkblue: [0, 0, 139], darkcyan: [0, 139, 139], darkgoldenrod: [184, 134, 11], darkgray: [169, 169, 169], darkgreen: [0, 100, 0], darkgrey: [169, 169, 169], darkkhaki: [189, 183, 107], darkmagenta: [139, 0, 139], darkolivegreen: [85, 107, 47], darkorange: [255, 140, 0], darkorchid: [153, 50, 204], darkred: [139, 0, 0], darksalmon: [233, 150, 122], darkseagreen: [143, 188, 143], darkslateblue: [72, 61, 139], darkslategray: [47, 79, 79], darkslategrey: [47, 79, 79], darkturquoise: [0, 206, 209], darkviolet: [148, 0, 211], deeppink: [255, 20, 147], deepskyblue: [0, 191, 255], dimgray: [105, 105, 105], dimgrey: [105, 105, 105], dodgerblue: [30, 144, 255], firebrick: [178, 34, 34], floralwhite: [255, 250, 240], forestgreen: [34, 139, 34], fuchsia: [255, 0, 255], gainsboro: [220, 220, 220], ghostwhite: [248, 248, 255], gold: [255, 215, 0], goldenrod: [218, 165, 32], gray: [128, 128, 128], green: [0, 128, 0], greenyellow: [173, 255, 47], grey: [128, 128, 128], honeydew: [240, 255, 240], hotpink: [255, 105, 180], indianred: [205, 92, 92], indigo: [75, 0, 130], ivory: [255, 255, 240], khaki: [240, 230, 140], lavender: [230, 230, 250], lavenderblush: [255, 240, 245], lawngreen: [124, 252, 0], lemonchiffon: [255, 250, 205], lightblue: [173, 216, 230], lightcoral: [240, 128, 128], lightcyan: [224, 255, 255], lightgoldenrodyellow: [250, 250, 210], lightgray: [211, 211, 211], lightgreen: [144, 238, 144], lightgrey: [211, 211, 211], lightpink: [255, 182, 193], lightsalmon: [255, 160, 122], lightseagreen: [32, 178, 170], lightskyblue: [135, 206, 250], lightslategray: [119, 136, 153], lightslategrey: [119, 136, 153], lightsteelblue: [176, 196, 222], lightyellow: [255, 255, 224], lime: [0, 255, 0], limegreen: [50, 205, 50], linen: [250, 240, 230], magenta: [255, 0, 255], maroon: [128, 0, 0], mediumaquamarine: [102, 205, 170], mediumblue: [0, 0, 205], mediumorchid: [186, 85, 211], mediumpurple: [147, 112, 219], mediumseagreen: [60, 179, 113], mediumslateblue: [123, 104, 238], mediumspringgreen: [0, 250, 154], mediumturquoise: [72, 209, 204], mediumvioletred: [199, 21, 133], midnightblue: [25, 25, 112], mintcream: [245, 255, 250], mistyrose: [255, 228, 225], moccasin: [255, 228, 181], navajowhite: [255, 222, 173], navy: [0, 0, 128], oldlace: [253, 245, 230], olive: [128, 128, 0], olivedrab: [107, 142, 35], orange: [255, 165, 0], orangered: [255, 69, 0], orchid: [218, 112, 214], palegoldenrod: [238, 232, 170], palegreen: [152, 251, 152], paleturquoise: [175, 238, 238], palevioletred: [219, 112, 147], papayawhip: [255, 239, 213], peachpuff: [255, 218, 185], peru: [205, 133, 63], pink: [255, 192, 203], plum: [221, 160, 221], powderblue: [176, 224, 230], purple: [128, 0, 128], rebeccapurple: [102, 51, 153], red: [255, 0, 0], rosybrown: [188, 143, 143], royalblue: [65, 105, 225], saddlebrown: [139, 69, 19], salmon: [250, 128, 114], sandybrown: [244, 164, 96], seagreen: [46, 139, 87], seashell: [255, 245, 238], sienna: [160, 82, 45], silver: [192, 192, 192], skyblue: [135, 206, 235], slateblue: [106, 90, 205], slategray: [112, 128, 144], slategrey: [112, 128, 144], snow: [255, 250, 250], springgreen: [0, 255, 127], steelblue: [70, 130, 180], tan: [210, 180, 140], teal: [0, 128, 128], thistle: [216, 191, 216], tomato: [255, 99, 71], turquoise: [64, 224, 208], violet: [238, 130, 238], wheat: [245, 222, 179], white: [255, 255, 255], whitesmoke: [245, 245, 245], yellow: [255, 255, 0], yellowgreen: [154, 205, 50] };
-        }, 2227: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2186); function deriveBFS(fromModel) { var graph = function buildGraph() { var graph = {}, models = Object.keys(conversions); for (var len = models.length, i = 0; i < len; i++)
+        }, 2230: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2189); function deriveBFS(fromModel) { var graph = function buildGraph() { var graph = {}, models = Object.keys(conversions); for (var len = models.length, i = 0; i < len; i++)
             graph[models[i]] = { distance: -1, parent: null }; return graph; }(), queue = [fromModel]; for (graph[fromModel].distance = 0; queue.length;) {
             var current = queue.pop(), adjacents = Object.keys(conversions[current]);
             for (var len = adjacents.length, i = 0; i < len; i++) {
@@ -221,21 +221,21 @@
             path.unshift(graph[cur].parent), fn = link(conversions[graph[cur].parent][cur], fn), cur = graph[cur].parent; return fn.conversion = path, fn; } module.exports = function (fromModel) { var graph = deriveBFS(fromModel), conversion = {}, models = Object.keys(graph); for (var len = models.length, i = 0; i < len; i++) {
             var toModel = models[i];
             null !== graph[toModel].parent && (conversion[toModel] = wrapConversion(toModel, graph));
-        } return conversion; }; }, 2228: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(2229), isObject = __webpack_require__(135); module.exports = function throttle(func, wait, options) { var leading = !0, trailing = !0; if ("function" != typeof func)
-            throw new TypeError("Expected a function"); return isObject(options) && (leading = "leading" in options ? !!options.leading : leading, trailing = "trailing" in options ? !!options.trailing : trailing), debounce(func, wait, { leading: leading, maxWait: wait, trailing: trailing }); }; }, 2229: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(135), now = __webpack_require__(2230), toNumber = __webpack_require__(2231), nativeMax = Math.max, nativeMin = Math.min; module.exports = function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = !1, maxing = !1, trailing = !0; if ("function" != typeof func)
+        } return conversion; }; }, 2231: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(2232), isObject = __webpack_require__(135); module.exports = function throttle(func, wait, options) { var leading = !0, trailing = !0; if ("function" != typeof func)
+            throw new TypeError("Expected a function"); return isObject(options) && (leading = "leading" in options ? !!options.leading : leading, trailing = "trailing" in options ? !!options.trailing : trailing), debounce(func, wait, { leading: leading, maxWait: wait, trailing: trailing }); }; }, 2232: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(135), now = __webpack_require__(2233), toNumber = __webpack_require__(2234), nativeMax = Math.max, nativeMin = Math.min; module.exports = function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = !1, maxing = !1, trailing = !0; if ("function" != typeof func)
             throw new TypeError("Expected a function"); function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; return lastArgs = lastThis = void 0, lastInvokeTime = time, result = func.apply(thisArg, args); } function leadingEdge(time) { return lastInvokeTime = time, timerId = setTimeout(timerExpired, wait), leading ? invokeFunc(time) : result; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime; return void 0 === lastCallTime || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && time - lastInvokeTime >= maxWait; } function timerExpired() { var time = now(); if (shouldInvoke(time))
             return trailingEdge(time); timerId = setTimeout(timerExpired, function remainingWait(time) { var timeWaiting = wait - (time - lastCallTime); return maxing ? nativeMin(timeWaiting, maxWait - (time - lastInvokeTime)) : timeWaiting; }(time)); } function trailingEdge(time) { return timerId = void 0, trailing && lastArgs ? invokeFunc(time) : (lastArgs = lastThis = void 0, result); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); if (lastArgs = arguments, lastThis = this, lastCallTime = time, isInvoking) {
             if (void 0 === timerId)
                 return leadingEdge(lastCallTime);
             if (maxing)
                 return clearTimeout(timerId), timerId = setTimeout(timerExpired, wait), invokeFunc(lastCallTime);
-        } return void 0 === timerId && (timerId = setTimeout(timerExpired, wait)), result; } return wait = toNumber(wait) || 0, isObject(options) && (leading = !!options.leading, maxWait = (maxing = "maxWait" in options) ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait, trailing = "trailing" in options ? !!options.trailing : trailing), debounced.cancel = function cancel() { void 0 !== timerId && clearTimeout(timerId), lastInvokeTime = 0, lastArgs = lastCallTime = lastThis = timerId = void 0; }, debounced.flush = function flush() { return void 0 === timerId ? result : trailingEdge(now()); }, debounced; }; }, 2230: function (module, exports, __webpack_require__) { var root = __webpack_require__(99); module.exports = function () { return root.Date.now(); }; }, 2231: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(2232), isObject = __webpack_require__(135), isSymbol = __webpack_require__(276), reIsBadHex = /^[-+]0x[0-9a-f]+$/i, reIsBinary = /^0b[01]+$/i, reIsOctal = /^0o[0-7]+$/i, freeParseInt = parseInt; module.exports = function toNumber(value) { if ("number" == typeof value)
+        } return void 0 === timerId && (timerId = setTimeout(timerExpired, wait)), result; } return wait = toNumber(wait) || 0, isObject(options) && (leading = !!options.leading, maxWait = (maxing = "maxWait" in options) ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait, trailing = "trailing" in options ? !!options.trailing : trailing), debounced.cancel = function cancel() { void 0 !== timerId && clearTimeout(timerId), lastInvokeTime = 0, lastArgs = lastCallTime = lastThis = timerId = void 0; }, debounced.flush = function flush() { return void 0 === timerId ? result : trailingEdge(now()); }, debounced; }; }, 2233: function (module, exports, __webpack_require__) { var root = __webpack_require__(99); module.exports = function () { return root.Date.now(); }; }, 2234: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(2235), isObject = __webpack_require__(135), isSymbol = __webpack_require__(278), reIsBadHex = /^[-+]0x[0-9a-f]+$/i, reIsBinary = /^0b[01]+$/i, reIsOctal = /^0o[0-7]+$/i, freeParseInt = parseInt; module.exports = function toNumber(value) { if ("number" == typeof value)
             return value; if (isSymbol(value))
             return NaN; if (isObject(value)) {
             var other = "function" == typeof value.valueOf ? value.valueOf() : value;
             value = isObject(other) ? other + "" : other;
         } if ("string" != typeof value)
-            return 0 === value ? value : +value; value = baseTrim(value); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NaN : +value; }; }, 2232: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2233), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2233: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
+            return 0 === value ? value : +value; value = baseTrim(value); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NaN : +value; }; }, 2235: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2236), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2236: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
             ; return index; }; }, 700: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "a", (function () { return TooltipNote; }));

package/dist/storybook-static/{6.e34350b7.iframe.bundle.js → 6.3ca022b1.iframe.bundle.js}

@@ -1,9 +1,9 @@
-/*! For license information please see 6.e34350b7.iframe.bundle.js.LICENSE.txt */
-(window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2168: function (module, __webpack_exports__, __webpack_require__) {
+/*! For license information please see 6.3ca022b1.iframe.bundle.js.LICENSE.txt */
+(window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2171: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "OverlayScrollbarsComponent", (function () { return OverlayScrollbarsComponent; }));
-            __webpack_require__(701), __webpack_require__(32), __webpack_require__(100), __webpack_require__(58), __webpack_require__(62), __webpack_require__(59), __webpack_require__(86), __webpack_require__(119), __webpack_require__(24), __webpack_require__(26), __webpack_require__(7), __webpack_require__(19);
-            var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_12___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2234), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default = __webpack_require__.n(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__);
+            __webpack_require__(701), __webpack_require__(32), __webpack_require__(100), __webpack_require__(58), __webpack_require__(62), __webpack_require__(59), __webpack_require__(86), __webpack_require__(120), __webpack_require__(24), __webpack_require__(26), __webpack_require__(7), __webpack_require__(19);
+            var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_12___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2237), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default = __webpack_require__.n(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__);
             function _extends() { return _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) {
                 var source = arguments[i];
                 for (var key in source)
@@ -23,7 +23,7 @@
                 host.className = "".concat(osClassNames, " ").concat(className || "");
             } }
             OverlayScrollbarsComponent.displayName = "OverlayScrollbarsComponent", __webpack_exports__.default = OverlayScrollbarsComponent;
-        }, 2234: function (module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__, global; global = "undefined" != typeof window ? window : this, __WEBPACK_AMD_DEFINE_RESULT__ = function () { return function (window, document, undefined) {
+        }, 2237: function (module, exports, __webpack_require__) { var __WEBPACK_AMD_DEFINE_RESULT__, global; global = "undefined" != typeof window ? window : this, __WEBPACK_AMD_DEFINE_RESULT__ = function () { return function (window, document, undefined) {
             "use strict";
             var _targets, _instancePropertyString, _easingsMath, PLUGINNAME = "OverlayScrollbars", TYPES = { o: "object", f: "function", a: "array", s: "string", b: "boolean", n: "number", u: "undefined", z: "null" }, LEXICON = { c: "class", s: "style", i: "id", l: "length", p: "prototype", ti: "tabindex", oH: "offsetHeight", cH: "clientHeight", sH: "scrollHeight", oW: "offsetWidth", cW: "clientWidth", sW: "scrollWidth", hOP: "hasOwnProperty", bCR: "getBoundingClientRect" }, VENDORS = function () { var jsCache = {}, cssCache = {}, cssPrefixes = ["-webkit-", "-moz-", "-o-", "-ms-"], jsPrefixes = ["WebKit", "Moz", "O", "MS"]; function firstLetterToUpper(str) { return str.charAt(0).toUpperCase() + str.slice(1); } return { _cssPrefixes: cssPrefixes, _jsPrefixes: jsPrefixes, _cssProperty: function (name) { var result = cssCache[name]; if (cssCache[LEXICON.hOP](name))
                     return result; for (var resultPossibilities, v, currVendorWithoutDashes, uppercasedName = firstLetterToUpper(name), elmStyle = document.createElement("div")[LEXICON.s], i = 0; i < cssPrefixes.length; i++)
@@ -556,4 +556,4 @@
                         } }, _plugin; }();
             return JQUERY && JQUERY.fn && (JQUERY.fn.overlayScrollbars = function (options, extensions) { var _elements = this; return JQUERY.isPlainObject(options) ? (JQUERY.each(_elements, (function () { PLUGIN(this, options, extensions); })), _elements) : PLUGIN(_elements, options); }), PLUGIN;
         }(global, global.document, void 0); }.call(exports, __webpack_require__, exports, module), void 0 === __WEBPACK_AMD_DEFINE_RESULT__ || (module.exports = __WEBPACK_AMD_DEFINE_RESULT__); } }]);
-//# sourceMappingURL=6.e34350b7.iframe.bundle.js.map
+//# sourceMappingURL=6.3ca022b1.iframe.bundle.js.map

package/dist/storybook-static/{7.f7cfb88e.iframe.bundle.js → 7.219b4103.iframe.bundle.js}

@@ -1,4 +1,4 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2167: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2170: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "getScrollAreaStyles", (function () { return getScrollAreaStyles; }));
             __webpack_require__(16), __webpack_require__(45);