pds-dev-kit-web-test 0.1.0-beta.0 → 0.1.1

package/dist/storybook-static/{5.ea6583af.iframe.bundle.js → 5.c1637fa3.iframe.bundle.js}

@@ -1,7 +1,7 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2124: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2160: 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__(152), __webpack_require__(117), __webpack_require__(32), __webpack_require__(27), __webpack_require__(177), __webpack_require__(57), __webpack_require__(176), __webpack_require__(84), __webpack_require__(16), __webpack_require__(58), __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__(155), __webpack_require__(119), __webpack_require__(32), __webpack_require__(27), __webpack_require__(180), __webpack_require__(58), __webpack_require__(179), __webpack_require__(85), __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__(2179), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2182), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(687), lazy_WithTooltip = __webpack_require__(194), esm_form = __webpack_require__(56), icon = __webpack_require__(49), helpers = __webpack_require__(48);
+            } }), []); }, $ = 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__(2215), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2218), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(3), TooltipNote = __webpack_require__(698), lazy_WithTooltip = __webpack_require__(197), 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;
-        }, 2140: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2180), reverseKeywords = {}; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
+        }, 2176: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2216), 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]; }; }, 2179: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2140), route = __webpack_require__(2181), 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]; }; }, 2215: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2176), route = __webpack_require__(2217), 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; }, 2180: function (module, exports, __webpack_require__) {
+        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn); })); })), module.exports = convert; }, 2216: 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] };
-        }, 2181: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2140); function deriveBFS(fromModel) { var graph = function buildGraph() { var graph = {}, models = Object.keys(conversions); for (var len = models.length, i = 0; i < len; i++)
+        }, 2217: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2176); 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,25 +221,25 @@
             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; }; }, 2182: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(2183), isObject = __webpack_require__(132); 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 }); }; }, 2183: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(132), now = __webpack_require__(2184), toNumber = __webpack_require__(2185), 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; }; }, 2218: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(2219), isObject = __webpack_require__(134); 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 }); }; }, 2219: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(134), now = __webpack_require__(2220), toNumber = __webpack_require__(2221), 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; }; }, 2184: function (module, exports, __webpack_require__) { var root = __webpack_require__(97); module.exports = function () { return root.Date.now(); }; }, 2185: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(2186), isObject = __webpack_require__(132), isSymbol = __webpack_require__(272), 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; }; }, 2220: function (module, exports, __webpack_require__) { var root = __webpack_require__(99); module.exports = function () { return root.Date.now(); }; }, 2221: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(2222), isObject = __webpack_require__(134), 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 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; }; }, 2186: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2187), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2187: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
-            ; return index; }; }, 687: function (module, __webpack_exports__, __webpack_require__) {
+            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; }; }, 2222: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2223), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2223: function (module, exports) { var reWhitespace = /\s/; module.exports = function trimmedEndIndex(string) { for (var index = string.length; index-- && reWhitespace.test(string.charAt(index));)
+            ; return index; }; }, 698: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.d(__webpack_exports__, "a", (function () { return TooltipNote; }));
-            __webpack_require__(153), __webpack_require__(26), __webpack_require__(7);
+            __webpack_require__(156), __webpack_require__(26), __webpack_require__(7);
             var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_3___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
             function _objectWithoutProperties(source, excluded) { if (null == source)
                 return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)

package/dist/storybook-static/{6.e40cb5e6.iframe.bundle.js → 6.9d79e5b5.iframe.bundle.js}

@@ -1,9 +1,9 @@
-/*! For license information please see 6.e40cb5e6.iframe.bundle.js.LICENSE.txt */
-(window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2122: function (module, __webpack_exports__, __webpack_require__) {
+/*! For license information please see 6.9d79e5b5.iframe.bundle.js.LICENSE.txt */
+(window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2158: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "OverlayScrollbarsComponent", (function () { return OverlayScrollbarsComponent; }));
-            __webpack_require__(688), __webpack_require__(32), __webpack_require__(98), __webpack_require__(57), __webpack_require__(60), __webpack_require__(58), __webpack_require__(84), __webpack_require__(117), __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__(2188), overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default = __webpack_require__.n(overlayscrollbars__WEBPACK_IMPORTED_MODULE_13__);
+            __webpack_require__(699), __webpack_require__(32), __webpack_require__(100), __webpack_require__(58), __webpack_require__(61), __webpack_require__(59), __webpack_require__(85), __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__(2224), 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;
-        }, 2188: 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) {
+        }, 2224: 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.e40cb5e6.iframe.bundle.js.map
+//# sourceMappingURL=6.9d79e5b5.iframe.bundle.js.map

package/dist/storybook-static/{7.a63b16b9.iframe.bundle.js → 7.b309bb58.iframe.bundle.js}

@@ -1,8 +1,8 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2121: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2157: 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__(44);
-            var _templateObject, react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), _storybook_theming__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(63);
+            __webpack_require__(16), __webpack_require__(45);
+            var _templateObject, react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0), react__WEBPACK_IMPORTED_MODULE_2___default = __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__), _storybook_theming__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(64);
             var hsResizeObserverDummyAnimation = Object(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.d)(_templateObject || (_templateObject = function _taggedTemplateLiteral(strings, raw) { return raw || (raw = strings.slice(0)), Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }(["0%{z-index:0}to{z-index:-1}"]))), getScrollAreaStyles = function getScrollAreaStyles(theme) { return { "html.os-html, html.os-html>.os-host": { display: "block", overflow: "hidden", boxSizing: "border-box", height: "100%!important", width: "100%!important", minWidth: "100%!important", minHeight: "100%!important", margin: "0!important", position: "absolute!important" }, "html.os-html>.os-host>.os-padding": { position: "absolute" }, "body.os-dragging, body.os-dragging *": { cursor: "default" }, ".os-host, .os-host-textarea": { position: "relative", overflow: "visible!important", flexDirection: "column", flexWrap: "nowrap", justifyContent: "flex-start", alignContent: "flex-start", alignItems: "flex-start" }, ".os-host-flexbox": { overflow: "hidden!important", display: "flex" }, ".os-host-flexbox>.os-size-auto-observer": { height: "inherit!important" }, ".os-host-flexbox>.os-content-glue": { flexGrow: 1, flexShrink: 0 }, ".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue": { minHeight: 0, minWidth: 0, flexGrow: 0, flexShrink: 1, flexBasis: "auto" }, "#os-dummy-scrollbar-size": { position: "fixed", opacity: 0, visibility: "hidden", overflow: "scroll", height: 500, width: 500 }, "#os-dummy-scrollbar-size>div": { width: "200%", height: "200%", margin: 10 }, "#os-dummy-scrollbar-size, .os-viewport": {}, ".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport": { scrollbarWidth: "none!important" }, ".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner": { display: "none!important", width: "0!important", height: "0!important", visibility: "hidden!important", background: "0 0!important" }, ".os-content-glue": { boxSizing: "inherit", maxHeight: "100%", maxWidth: "100%", width: "100%", pointerEvents: "none" }, ".os-padding": { boxSizing: "inherit", direction: "inherit", position: "absolute", overflow: "visible", padding: 0, margin: 0, left: 0, top: 0, bottom: 0, right: 0, width: "auto!important", height: "auto!important", zIndex: 1 }, ".os-host-overflow>.os-padding": { overflow: "hidden" }, ".os-viewport": { direction: "inherit!important", boxSizing: "inherit!important", resize: "none!important", outline: "0!important", position: "absolute", overflow: "hidden", top: 0, left: 0, bottom: 0, right: 0, padding: 0, margin: 0 }, ".os-content-arrange": { position: "absolute", zIndex: -1, minHeight: 1, minWidth: 1, pointerEvents: "none" }, ".os-content": { direction: "inherit", boxSizing: "border-box!important", position: "relative", display: "block", height: "100%", width: "100%", visibility: "visible" }, ".os-content:before, .os-content:after": { content: "''", display: "table", width: 0, height: 0, lineHeight: 0, fontSize: 0 }, ".os-content>.os-textarea": { boxSizing: "border-box!important", direction: "inherit!important", background: "0 0!important", outline: "0 transparent!important", overflow: "hidden!important", position: "absolute!important", display: "block!important", top: "0!important", left: "0!important", margin: "0!important", borderRadius: "0!important", float: "none!important", filter: "none!important", border: "0!important", resize: "none!important", transform: "none!important", maxWidth: "none!important", maxHeight: "none!important", boxShadow: "none!important", perspective: "none!important", opacity: "1!important", zIndex: "1!important", clip: "auto!important", verticalAlign: "baseline!important", padding: 0 }, ".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea": { right: "0!important" }, ".os-content>.os-textarea-cover": { zIndex: -1, pointerEvents: "none" }, ".os-content>.os-textarea[wrap=off]": { whiteSpace: "pre!important", margin: "0!important" }, ".os-text-inherit": { fontFamily: "inherit", fontSize: "inherit", fontWeight: "inherit", fontStyle: "inherit", fontVariant: "inherit", textTransform: "inherit", textDecoration: "inherit", textIndent: "inherit", textAlign: "inherit", textShadow: "inherit", textOverflow: "inherit", letterSpacing: "inherit", wordSpacing: "inherit", lineHeight: "inherit", unicodeBidi: "inherit", direction: "inherit", color: "inherit", cursor: "text" }, ".os-resize-observer, .os-resize-observer-host": { boxSizing: "inherit", display: "block", opacity: 0, position: "absolute", top: 0, left: 0, height: "100%", width: "100%", overflow: "hidden", pointerEvents: "none", zIndex: -1 }, ".os-resize-observer-host": { padding: "inherit", border: "inherit", borderColor: "transparent", borderStyle: "solid", boxSizing: "border-box" }, ".os-resize-observer-host:after": { content: "''" }, ".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after": { height: "200%", width: "200%", padding: "inherit", border: "inherit", margin: 0, display: "block", boxSizing: "content-box" }, ".os-resize-observer.observed, object.os-resize-observer": { boxSizing: "border-box!important" }, ".os-size-auto-observer": { boxSizing: "inherit!important", height: "100%", width: "inherit", maxWidth: 1, position: "relative", float: "left", maxHeight: 1, overflow: "hidden", zIndex: -1, padding: 0, margin: 0, pointerEvents: "none", flexGrow: "inherit", flexShrink: 0, flexBasis: 0 }, ".os-size-auto-observer>.os-resize-observer": { width: "1000%", height: "1000%", minHeight: 1, minWidth: 1 }, ".os-resize-observer-item": { position: "absolute", top: 0, right: 0, bottom: 0, left: 0, overflow: "hidden", zIndex: -1, opacity: 0, direction: "ltr!important", flex: "none!important" }, ".os-resize-observer-item-final": { position: "absolute", left: 0, top: 0, transition: "none!important", flex: "none!important" }, ".os-resize-observer": { animationDuration: ".001s", animationName: "".concat(hsResizeObserverDummyAnimation) }, ".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner": { transition: "opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s" }, "html.os-html>.os-host>.os-scrollbar": { position: "absolute", zIndex: 999999 }, ".os-scrollbar, .os-scrollbar-corner": { position: "absolute", opacity: 1, zIndex: 1 }, ".os-scrollbar-corner": { bottom: 0, right: 0, height: 10, width: 10, backgroundColor: "transparent" }, ".os-scrollbar": { pointerEvents: "none", padding: 2, boxSizing: "border-box", background: 0 }, ".os-scrollbar-track": { pointerEvents: "auto", position: "relative", height: "100%", width: "100%", padding: "0!important", border: "0!important" }, ".os-scrollbar-handle": { pointerEvents: "auto", position: "absolute", width: "100%", height: "100%" }, ".os-scrollbar-handle-off, .os-scrollbar-track-off": { pointerEvents: "none" }, ".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *": { pointerEvents: "none!important" }, ".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle": { opacity: "0!important" }, ".os-scrollbar-horizontal": { bottom: 0, left: 0, right: 10, height: 10 }, ".os-scrollbar-vertical": { top: 0, right: 0, bottom: 10, width: 10 }, ".os-host-rtl>.os-scrollbar-horizontal": { right: 0 }, ".os-host-rtl>.os-scrollbar-vertical": { right: "auto", left: 0 }, ".os-host-rtl>.os-scrollbar-corner": { right: "auto", left: 0 }, ".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner": { opacity: 0, visibility: "hidden", pointerEvents: "none" }, ".os-scrollbar-corner-resize-both": { cursor: "nwse-resize" }, ".os-host-rtl>.os-scrollbar-corner-resize-both": { cursor: "nesw-resize" }, ".os-scrollbar-corner-resize-horizontal": { cursor: "ew-resize" }, ".os-scrollbar-corner-resize-vertical": { cursor: "ns-resize" }, ".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize": { cursor: "default" }, ".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical": { top: 0, bottom: 0 }, ".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal": { right: 0, left: 0 }, ".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize": { opacity: "1!important", visibility: "visible!important" }, ".os-scrollbar-corner.os-scrollbar-corner-resize": { backgroundImage: "linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0)  50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)", backgroundRepeat: "no-repeat", backgroundPosition: "100% 100%", pointerEvents: "auto!important" }, ".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize": { transform: "scale(-1,1)" }, ".os-host-overflow": { overflow: "hidden!important" }, ".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal": { left: 10, right: 0 }, ".os-scrollbar.os-scrollbar-unusable": { background: 0 }, ".os-scrollbar>.os-scrollbar-track": { background: 0 }, ".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle": { minWidth: 30 }, ".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle": { minHeight: 30 }, ".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle": { transition: "background-color .3s" }, ".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track": { borderRadius: 10 }, ".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle": { background: theme.color.darker, opacity: .5 }, ".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle": { opacity: .6 }, ".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before": { content: "''", position: "absolute", left: 0, right: 0, top: 0, bottom: 0, display: "block" }, ".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before": { display: "none" }, ".os-scrollbar-horizontal .os-scrollbar-handle:before": { top: -6, bottom: -2 }, ".os-scrollbar-vertical .os-scrollbar-handle:before": { left: -6, right: -2 }, ".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before": { right: -6, left: -2 } }; }, GlobalScrollAreaStyles = function GlobalScrollAreaStyles() { return react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.a, { styles: getScrollAreaStyles }); };
             GlobalScrollAreaStyles.displayName = "GlobalScrollAreaStyles", __webpack_exports__.default = GlobalScrollAreaStyles;
         } }]);