pds-dev-kit-web 1.9.5 → 1.9.6

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

@@ -1,7 +1,7 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2160: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[5], { 2161: 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__(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);
+            __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__(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__(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 (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__(2216), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(2219), 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;
-        }, 2176: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2216), reverseKeywords = {}; for (var _c = 0, _f = Object.keys(cssKeywords); _c < _f.length; _c++) {
+        }, 2177: function (module, exports, __webpack_require__) { var cssKeywords = __webpack_require__(2217), 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]; }; }, 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 () {
+        } 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]; }; }, 2216: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2177), route = __webpack_require__(2218), 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; }, 2216: function (module, exports, __webpack_require__) {
+        }; return "conversion" in fn && (wrappedFn.conversion = fn.conversion), wrappedFn; }(fn); })); })), module.exports = convert; }, 2217: 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] };
-        }, 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++)
+        }, 2218: function (module, exports, __webpack_require__) { var conversions = __webpack_require__(2177); 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; }; }, 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)
+        } return conversion; }; }, 2219: function (module, exports, __webpack_require__) { var debounce = __webpack_require__(2220), 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 }); }; }, 2220: function (module, exports, __webpack_require__) { var isObject = __webpack_require__(134), now = __webpack_require__(2221), toNumber = __webpack_require__(2222), 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; }; }, 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 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; }; }, 2221: function (module, exports, __webpack_require__) { var root = __webpack_require__(99); module.exports = function () { return root.Date.now(); }; }, 2222: function (module, exports, __webpack_require__) { var baseTrim = __webpack_require__(2223), isObject = __webpack_require__(134), isSymbol = __webpack_require__(277), 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; }; }, 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 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; }; }, 2223: function (module, exports, __webpack_require__) { var trimmedEndIndex = __webpack_require__(2224), reTrimStart = /^\s+/; module.exports = function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; }; }, 2224: 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__(156), __webpack_require__(26), __webpack_require__(7);
+            __webpack_require__(157), __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.9d79e5b5.iframe.bundle.js → 6.580084b5.iframe.bundle.js}

@@ -1,9 +1,9 @@
-/*! 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__) {
+/*! For license information please see 6.580084b5.iframe.bundle.js.LICENSE.txt */
+(window.webpackJsonp = window.webpackJsonp || []).push([[6], { 2159: function (module, __webpack_exports__, __webpack_require__) {
             "use strict";
             __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "OverlayScrollbarsComponent", (function () { return OverlayScrollbarsComponent; }));
             __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__);
+            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__(2225), 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;
-        }, 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) {
+        }, 2225: 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.9d79e5b5.iframe.bundle.js.map
+//# sourceMappingURL=6.580084b5.iframe.bundle.js.map

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

@@ -1,4 +1,4 @@
-(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2157: function (module, __webpack_exports__, __webpack_require__) {
+(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2158: 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);

package/dist/storybook-static/{main.1434d31c.iframe.bundle.d.ts → main.efb83dbc.iframe.bundle.d.ts}

@@ -2,7 +2,7 @@ export = webpackContext;
 export = webpackContext;
 declare function webpackContext(req: any): any;
 declare namespace webpackContext {
-    export { keys, webpackContextResolve as resolve, id, __esModule, Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch, CircularProgress, Form, ThreeBarProgress, TextLabel, AdminListItemTransition, InputTransition, ButtonTransition, Section, sectionContext, dynamicLayoutContext, IconButton, scrollbarStyle, scrollbarWithPaddingStyle, Item, withFormProvider, theme, skeletonLoadingStyle, NavLink, Navs, ContextTextLabelNav, TextLabelNav, LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet, OverlayBorders as default, M_MainButton, M_TextLabel, M_TextButton, M_IconButton, AdminList, AdminListHeader, AdminListItem, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopSideTab, UserDesktopTabBar, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, themeByGivenTone, dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni, BasePathContext, samplePageIntroSection, samplePageContentsCarouselSection, samplePageIntroSection2, samplePageContentsSection, samplePageInfoBoxSection, samplePageIntroSection3, samplePageFooterSection, samplePage, ContentsContainer, GlobalMenuContainer, PageMenuContainer, TabMenuContainer, SubMenuContainer, formatCompactNumber, formatStandardNumber, ContainersBox, TextFieldBase, NavigationContainer, TabContainer, parameters, globalTypes, decorators, Col, Grid, Row, useDetectOverflow, usePrevious, MenuItemNav, getSearchExceptGivenName, AnnotationSheet, ContentSheet, DesktopBasicModal, DesktopHeadlessModal, SectionSheet, Default, ChipDefault, SearchFieldDefault, DefaultCard, ImageCard, MobileAlertDialog, MobileHeaderBar, MobileTabBar, SectionMatcher, ContentsCarouselSection, useLazyUnmount, ContentsSection, FooterSection, InfoBoxSection, IntroSection, ToggleTone, StepContainer, WFA, WFB, WFC, WFD, WFE, WFF, WFG, WFH, WFI, WFJ, WFK, WFL, PageMenu, WizardPageMenu, TabMenu, LeftSubMenu, Step, WHA, WHB, WHC, WHD, WHE, PrimaryGlobalMenu, SecondaryGlobalMenu, WSA, WSB, WSC, WSD, WSE, WSF, WSG, WSH, GlobalMenu, WTA, WTB, WTC, WTD, WTE, WTF, WTG, WTH, WTI, WTJ, WTK, WTL, WTM, WTN, WTO, WTP, WTQ, WTS, WTT, WTU, TopPageMenu, LeftPageMenu, Popup, PopupProvider, iconStateColors, iconThemeColorLineColors, fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02, BrandLogo, PrimaryMenu, SecondaryMenu, UserProfile, ContextMenuNavs, ContextMenuItemNav, defaultValue, TEMPLATES_DATA, textStyles, iconFillTypeColors, iconStyleThemeColors, Single, Multi, Auto, readOnly, disabled, Low, Medium, High, Empty, TextFieldType, SelectType, SwitchType, MixType, DefaultBasicList, Image, Badge, Validate, MultiState, MultiRows, AutoState, AutoRows, TitleOnly, WithDescription, WithContent, Both, DefaultCardList, MultiCardList, Grey01, Primary, LongText, OtherAvatarImpact, OtherAvatar, OtherAvatarSub, Other, OtherSub, Me, MeSub, GreyColorChildrenTextLabel, BrandPrimaryColorChildrenTextLabel, TranslucentWhiteColorChildrenTextLabel, TranslucentBlackColorChildrenTextLabel, WithImage, AllVariation, AllIcon, WithChatBubbleListItem, CategoryChoice, FilterSingle, FilterMulti, Removable, Label, Time, Information, DefaultContextMenu, ListContextMenu, DefaultContextMenuItem, TitleDefault, IconDefault, tBtn3TextDefault, StackDefault, LeftBtnDesktopHeaderBar, RightBtnDesktopHeaderBar, ComplexBtnDesktopHeaderBar, MainDefault, SubDefault, ContentDefault, LeftIconButton, OverrideUserProfile, ColorThemeTransparent, SingleSize, SingleState, SinglePreventBlankMode, SingleValidation, MultiSizeOnlyLarge, MultiValidation, AutoSizeOnlyLarge, AutoValidation, TextFieldForm, MultiTextFieldForm, EditApply_textfieldForm, DropdownForm, TextStringType, EditButton, List, Disabled, TextType, CountTypeFormatting, CountTypeNonFormatting, OnlyHintText, OnlyDefaultValue, HintAndDefaultValue, NoHintNoDefaultValue, All, SingleSizeIcon, SingleStateIcon, SingleColorTheme, TransparentColorTheme, ShortText, LongTextWithLineBreakTab, TextDefault, CenterNoneDefault, WFA_1, WFA_2, WFB_1, WFC_1, WFD_1, WFD_2, WFE_1, WFE_2, WFE_3, WFE_4, WFF_1, WFG_1, WFG_2, WFG_3, WFG_4, WFG_5, WFG_6, WFH_1, WFI_1, WFI_2, WFI_3, WFI_4, WFI_5, WFI_6, WFJ_1, WFK_1, WFL_1, WFL_2, WHA_1, WHB_1, WHB_2, WHB_3, WHB_4, WHB_5, WHB_6, WHC_1, WHD_1, WHD_2, WHD_3, WHD_4, WHD_5, WHD_6, WHE_1, WHE_2, WSA_1, WSB_1, WSB_2, WSC_1, WSD_1, WSE_1, WSF_1, WSF_2, WSF_3, WSF_4, WSF_5, WSF_6, WSF_7, WSG_1, WSG_2, WSG_3, WSG_4, WSG_5, WSH_1, WTA_1, WTA_2, WTA_3, WTB_1, WTC_1, WTD_1, WTD_2, WTD_3, WTD_4, WTD_5, WTD_6, WTE_1, WTF_1, WTF_2, WTF_3, WTF_4, WTF_5, WTF_6, WTG_1, WTH_1, WTH_2, WTH_3, WTI_1, WTI_2, WTJ_1, WTK_1, WTK_2, WTK_3, WTK_4, WTL_1, WTM_1, WTM_2, WTM_3, WTN_1, WTN_2, WTN_3, WTO_1, WTP_1, WTQ_1, WTS_1, WTS_2, WTT_1, WTT_2, WTU_1, UseCase1MoreInformation, UseCase1Community, UseCase2Thumbnail, BodyScrollDefault, BodyOverflowVisible, imageMainButtonCase, imageFocusCase, imageHeaderCase, imageHeaderFixedCase, UseCase1PostsSettingSection, AllLineIcon, AllFillIcon, LineIcon, FillIcon, AutoWidthResponsive, AutoWidth300, AutoWidth300NoImage400, AutoHeightResponsive, AutoHeight300, AutoHeight300NoImage400, AutoWidth300Height500, RatioResponsive, Ratio300, MultiAutoHeight, MultiAutoWidth, AllLottieIcon, OneLottieIcon, IconLongTextDefault, Profile, CaptionText, MFA_1, MFB_1, MFB_2, MFC_1, MFD_1, MFE_1, MFE_2, MFA, MFB, MFC, MFD, MFE, MMA_1, MMB_1, MMA, MMB, Navigation, MPA_1, MPB_1, MPC_1, MPC_2, MPD_1, MPE_1, MPF_1, MPF_2, MPA, MPB, MPC, MPD, MPE, MPF, Tab, MSA_1, MSA_2, MSB_1, MSC_1, MSC_2, MSD_1, MSE_1, MSF_1, MSF_2, MSG_1, MSH_1, MSA, MSB, MSC, MSD, MSE, MSF, MSG, MSH, TwoButton, ContentTextScrollDefault, Sample, EditModeSectionMatcher, YouTubeIframe, useUnmountStyle, TemplateA, TemplateB, D_TemplateA, Carousel, SectionTitle, SectionDescription, SectionImage, SectionButton, M_TemplateA, D_TemplateB, M_TemplateB, TemplateC, TemplateD, D_TemplateC, M_TemplateC, D_TemplateD, M_TemplateD, TemplateA_desktop, TemplateA_mobile, TemplateB_desktop, TemplateB_mobile, TemplateC_desktop, TemplateC_mobile, TemplateD_desktop, TemplateD_mobile };
+    export { keys, webpackContextResolve as resolve, id, __esModule, Divider, Icon, ImageView, LinearProgress, LottieIcon, Spacing, Switch, CircularProgress, Form, ThreeBarProgress, TextLabel, AdminListItemTransition, InputTransition, ButtonTransition, Section, sectionContext, dynamicLayoutContext, IconButton, scrollbarStyle, scrollbarWithPaddingStyle, Item, withFormProvider, theme, skeletonLoadingStyle, NavLink, Navs, ContextTextLabelNav, TextLabelNav, LayoutWF, WFContainersBox, LayoutWH, WHContainersBox, LayoutWS, WSGlobalMenuContainer, WSContainersBox, LayoutWT, WTGlobalMenuContainer, WTContainersBox, D_AdminList, D_AdminListHeader, D_AdminListItem, D_BasicChatListItem, D_BasicFormGroup, D_BasicList, D_BasicListItem, D_BlogTextField, D_BodyTextGroup, D_Card, D_CardList, D_ChatBubbleListItem, D_ChatList, D_Checkbox, D_Chip, D_ContextMenu, D_ContextMenuItem, D_DesktopAlertDialog, D_DesktopHeaderBar, D_DesktopTabBar, D_Dropdown, D_DynamicDesktopNavBar, D_DynamicDesktopNavBarTemplates, D_EditApplyTextField, D_FilterBar, D_FloatingActionButton, D_Hero, D_HorizontalFormGroup, D_IconButton, D_ImageSlide, D_LottieReactionButton, D_MainButton, D_PageTitleTextGroup, D_Radio, D_ReactionButton, D_Select, D_StatusBlock, D_TextButton, D_TextField, D_TextLabel, D_UploadIconButton, D_UploadMainButton, D_UploadTextButton, D_UserDesktopNavBar, D_UserDesktopTabBar, D_UserDesktopSideTab, D_AnnotationSheet, D_ContentSheet, D_DesktopBasicModal, D_DesktopHeadlessModal, D_SectionSheet, AdminList, AdminListHeader, AdminListItem, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, Radio, ReactionButton, Select, StatusBlock, TextButton, TextField, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopSideTab, UserDesktopTabBar, OverlayBorders as default, M_MainButton, M_TextLabel, M_TextButton, M_IconButton, fontWeight, desktopFontSize, desktopLineHeight, desktopEditorFontSize, desktopEditorLineHeight, mobileFontSize, mobileLineHeight, mobileEditorFontSize, mobileEditorLineHeight, boxShadow, spacing, uiColors, customTheme, themeByGivenTone, dialogOnAni, dialogOffAni, dialogOverlayOnAni, dialogOverlayOffAni, modalOnAni, modalOffAni, modalOverlayOnAni, modalOverlayOffAni, BasePathContext, samplePageIntroSection, samplePageContentsCarouselSection, samplePageIntroSection2, samplePageContentsSection, samplePageInfoBoxSection, samplePageIntroSection3, samplePageFooterSection, samplePage, ContentsContainer, GlobalMenuContainer, PageMenuContainer, TabMenuContainer, SubMenuContainer, formatCompactNumber, formatStandardNumber, ContainersBox, TextFieldBase, AnnotationSheet, ContentSheet, DesktopBasicModal, DesktopHeadlessModal, SectionSheet, NavigationContainer, TabContainer, parameters, globalTypes, decorators, Col, Grid, Row, useDetectOverflow, usePrevious, MenuItemNav, getSearchExceptGivenName, Default, ChipDefault, SearchFieldDefault, DefaultCard, ImageCard, MobileAlertDialog, MobileHeaderBar, MobileTabBar, SectionMatcher, ContentsCarouselSection, useLazyUnmount, ContentsSection, FooterSection, InfoBoxSection, IntroSection, ToggleTone, StepContainer, WFA, WFB, WFC, WFD, WFE, WFF, WFG, WFH, WFI, WFJ, WFK, WFL, PageMenu, WizardPageMenu, TabMenu, LeftSubMenu, Step, WHA, WHB, WHC, WHD, WHE, PrimaryGlobalMenu, SecondaryGlobalMenu, WSA, WSB, WSC, WSD, WSE, WSF, WSG, WSH, GlobalMenu, WTA, WTB, WTC, WTD, WTE, WTF, WTG, WTH, WTI, WTJ, WTK, WTL, WTM, WTN, WTO, WTP, WTQ, WTS, WTT, WTU, TopPageMenu, LeftPageMenu, Popup, PopupProvider, iconStateColors, iconThemeColorLineColors, fadeIn, fadeOut, glow, scaleUp, scaleDown, scaleUpIncludeTranslate, scaleDownIncludeTranslate, gelatine, scaleBounceIn, scaleBounceIn02, scaleBounceOut, scaleBounceOut02, scaleBounceInIncludeTranslate, scaleBounceOutIncludeTranslate, scaleBounceInIncludeTranslate02, scaleBounceOutIncludeTranslate02, BrandLogo, PrimaryMenu, SecondaryMenu, UserProfile, ContextMenuNavs, ContextMenuItemNav, defaultValue, TEMPLATES_DATA, textStyles, iconFillTypeColors, iconStyleThemeColors, AllColorKeys, ColorKey, Single, Multi, Auto, readOnly, disabled, Low, Medium, High, Empty, TextFieldType, SelectType, SwitchType, MixType, DefaultBasicList, Image, Badge, Validate, MultiState, MultiRows, AutoState, AutoRows, TitleOnly, WithDescription, WithContent, Both, DefaultCardList, MultiCardList, Grey01, Primary, LongText, OtherAvatarImpact, OtherAvatar, OtherAvatarSub, Other, OtherSub, Me, MeSub, GreyColorChildrenTextLabel, BrandPrimaryColorChildrenTextLabel, TranslucentWhiteColorChildrenTextLabel, TranslucentBlackColorChildrenTextLabel, WithImage, AllVariation, AllIcon, WithChatBubbleListItem, CategoryChoice, FilterSingle, FilterMulti, Removable, Label, Time, Information, DefaultContextMenu, ListContextMenu, DefaultContextMenuItem, TitleDefault, IconDefault, tBtn3TextDefault, StackDefault, LeftBtnDesktopHeaderBar, RightBtnDesktopHeaderBar, ComplexBtnDesktopHeaderBar, MainDefault, SubDefault, ContentDefault, LeftIconButton, OverrideUserProfile, ColorThemeTransparent, SingleSize, SingleState, SinglePreventBlankMode, SingleValidation, MultiSizeOnlyLarge, MultiValidation, AutoSizeOnlyLarge, AutoValidation, TextFieldForm, MultiTextFieldForm, EditApply_textfieldForm, DropdownForm, TextStringType, EditButton, List, Disabled, TextType, CountTypeFormatting, CountTypeNonFormatting, OnlyHintText, OnlyDefaultValue, HintAndDefaultValue, NoHintNoDefaultValue, All, SingleSizeIcon, SingleStateIcon, SingleColorTheme, TransparentColorTheme, ShortText, LongTextWithLineBreakTab, TextDefault, CenterNoneDefault, WFA_1, WFA_2, WFB_1, WFC_1, WFD_1, WFD_2, WFE_1, WFE_2, WFE_3, WFE_4, WFF_1, WFG_1, WFG_2, WFG_3, WFG_4, WFG_5, WFG_6, WFH_1, WFI_1, WFI_2, WFI_3, WFI_4, WFI_5, WFI_6, WFJ_1, WFK_1, WFL_1, WFL_2, WHA_1, WHB_1, WHB_2, WHB_3, WHB_4, WHB_5, WHB_6, WHC_1, WHD_1, WHD_2, WHD_3, WHD_4, WHD_5, WHD_6, WHE_1, WHE_2, WSA_1, WSB_1, WSB_2, WSC_1, WSD_1, WSE_1, WSF_1, WSF_2, WSF_3, WSF_4, WSF_5, WSF_6, WSF_7, WSG_1, WSG_2, WSG_3, WSG_4, WSG_5, WSH_1, WTA_1, WTA_2, WTA_3, WTB_1, WTC_1, WTD_1, WTD_2, WTD_3, WTD_4, WTD_5, WTD_6, WTE_1, WTF_1, WTF_2, WTF_3, WTF_4, WTF_5, WTF_6, WTG_1, WTH_1, WTH_2, WTH_3, WTI_1, WTI_2, WTJ_1, WTK_1, WTK_2, WTK_3, WTK_4, WTL_1, WTM_1, WTM_2, WTM_3, WTN_1, WTN_2, WTN_3, WTO_1, WTP_1, WTQ_1, WTS_1, WTS_2, WTT_1, WTT_2, WTU_1, UseCase1MoreInformation, UseCase1Community, UseCase2Thumbnail, BodyScrollDefault, BodyOverflowVisible, imageMainButtonCase, imageFocusCase, imageHeaderCase, imageHeaderFixedCase, UseCase1PostsSettingSection, AllLineIcon, AllFillIcon, LineIcon, FillIcon, AutoWidthResponsive, AutoWidth300, AutoWidth300NoImage400, AutoHeightResponsive, AutoHeight300, AutoHeight300NoImage400, AutoWidth300Height500, RatioResponsive, Ratio300, MultiAutoHeight, MultiAutoWidth, AllLottieIcon, OneLottieIcon, IconLongTextDefault, Profile, CaptionText, MFA_1, MFB_1, MFB_2, MFC_1, MFD_1, MFE_1, MFE_2, MFA, MFB, MFC, MFD, MFE, MMA_1, MMB_1, MMA, MMB, Navigation, MPA_1, MPB_1, MPC_1, MPC_2, MPD_1, MPE_1, MPF_1, MPF_2, MPA, MPB, MPC, MPD, MPE, MPF, Tab, MSA_1, MSA_2, MSB_1, MSC_1, MSC_2, MSD_1, MSE_1, MSF_1, MSF_2, MSG_1, MSH_1, MSA, MSB, MSC, MSD, MSE, MSF, MSG, MSH, TwoButton, ContentTextScrollDefault, Sample, EditModeSectionMatcher, YouTubeIframe, useUnmountStyle, TemplateA, TemplateB, D_TemplateA, Carousel, SectionTitle, SectionDescription, SectionImage, SectionButton, M_TemplateA, D_TemplateB, M_TemplateB, TemplateC, TemplateD, D_TemplateC, M_TemplateC, D_TemplateD, M_TemplateD, TemplateA_desktop, TemplateA_mobile, TemplateB_desktop, TemplateB_mobile, TemplateC_desktop, TemplateC_mobile, TemplateD_desktop, TemplateD_mobile };
 }
 declare function keys(): string[];
 declare function webpackContextResolve(req: any): any;
@@ -106,36 +106,6 @@ declare var D_ContentSheet: any;
 declare var D_DesktopBasicModal: any;
 declare var D_DesktopHeadlessModal: any;
 declare var D_SectionSheet: any;
-declare function OverlayBorders(_a: any): any;
-declare namespace OverlayBorders {
-    const displayName_2: string;
-    export { displayName_2 as displayName };
-    export namespace __docgenInfo_1 {
-        const description_1: string;
-        export { description_1 as description };
-        const displayName_3: string;
-        export { displayName_3 as displayName };
-        export namespace props_1 {
-            namespace zIndex {
-                export const defaultValue: null;
-                const description_2: string;
-                export { description_2 as description };
-                export const name: string;
-                export const required: boolean;
-                export namespace type {
-                    const name_1: string;
-                    export { name_1 as name };
-                }
-            }
-        }
-        export { props_1 as props };
-    }
-    export { __docgenInfo_1 as __docgenInfo };
-}
-declare var M_MainButton: any;
-declare var M_TextLabel: any;
-declare var M_TextButton: any;
-declare var M_IconButton: any;
 declare var AdminList: any;
 declare var AdminListHeader: any;
 declare var AdminListItem: any;
@@ -180,6 +150,36 @@ declare var UploadTextButton: any;
 declare var UserDesktopNavBar: any;
 declare var UserDesktopSideTab: any;
 declare var UserDesktopTabBar: any;
+declare function OverlayBorders(_a: any): any;
+declare namespace OverlayBorders {
+    const displayName_2: string;
+    export { displayName_2 as displayName };
+    export namespace __docgenInfo_1 {
+        const description_1: string;
+        export { description_1 as description };
+        const displayName_3: string;
+        export { displayName_3 as displayName };
+        export namespace props_1 {
+            namespace zIndex {
+                export const defaultValue: null;
+                const description_2: string;
+                export { description_2 as description };
+                export const name: string;
+                export const required: boolean;
+                export namespace type {
+                    const name_1: string;
+                    export { name_1 as name };
+                }
+            }
+        }
+        export { props_1 as props };
+    }
+    export { __docgenInfo_1 as __docgenInfo };
+}
+declare var M_MainButton: any;
+declare var M_TextLabel: any;
+declare var M_TextButton: any;
+declare var M_IconButton: any;
 declare var fontWeight: any;
 declare var desktopFontSize: any;
 declare var desktopLineHeight: any;
@@ -1131,6 +1131,11 @@ declare function formatCompactNumber(num: any): string;
 declare function formatStandardNumber(num: any): string;
 declare var ContainersBox: any;
 declare var TextFieldBase: any;
+declare var AnnotationSheet: any;
+declare var ContentSheet: any;
+declare var DesktopBasicModal: any;
+declare var DesktopHeadlessModal: any;
+declare var SectionSheet: any;
 declare var NavigationContainer: any;
 declare var TabContainer: any;
 declare namespace parameters {
@@ -1174,11 +1179,6 @@ declare var useDetectOverflow: any;
 declare var usePrevious: any;
 declare var MenuItemNav: any;
 declare function getSearchExceptGivenName(search: any, name: any): string;
-declare var AnnotationSheet: any;
-declare var ContentSheet: any;
-declare var DesktopBasicModal: any;
-declare var DesktopHeadlessModal: any;
-declare var SectionSheet: any;
 declare var Default: any;
 declare var ChipDefault: any;
 declare var SearchFieldDefault: any;
@@ -1601,6 +1601,8 @@ declare namespace iconStyleThemeColors {
     const primary: string;
     const secondary: string;
 }
+declare var AllColorKeys: any;
+declare var ColorKey: any;
 declare var Single: any;
 declare var Multi: any;
 declare var Auto: any;