npm - pds-dev-kit-web-test - Versions diffs - 0.0.21 → 0.0.23 - Mend

pds-dev-kit-web-test 0.0.21 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (910) hide show

package/dist/storybook-static/7.acdfc1e4.iframe.bundle.d.ts ADDED Viewed

File without changes

package/dist/storybook-static/7.acdfc1e4.iframe.bundle.js ADDED Viewed

@@ -0,0 +1,8 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 2101: 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__(43);
+            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__(62);
+            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;
+        } }]);

package/dist/storybook-static/7.b34baecbd082bc7b188d.manager.bundle.d.ts ADDED Viewed

File without changes

package/dist/storybook-static/7.b34baecbd082bc7b188d.manager.bundle.js ADDED Viewed

@@ -0,0 +1,8 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[7], { 863: 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__(50);
+            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__(56);
+            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;
+        } }]);

package/dist/storybook-static/8.15577edffecf900a8de2.manager.bundle.d.ts ADDED Viewed

File without changes

package/dist/storybook-static/8.15577edffecf900a8de2.manager.bundle.js ADDED Viewed

@@ -0,0 +1,25 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[8], { 864: function (module, __webpack_exports__, __webpack_require__) {
+            "use strict";
+            __webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, "OverlayScrollbarsComponent", (function () { return OverlayScrollbarsComponent; }));
+            __webpack_require__(456), __webpack_require__(26), __webpack_require__(88), __webpack_require__(79), __webpack_require__(62), __webpack_require__(31), __webpack_require__(77), __webpack_require__(40), __webpack_require__(18), __webpack_require__(23), __webpack_require__(4), __webpack_require__(15);
+            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__(887), 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)
+                    Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
+            } return target; }).apply(this, arguments); }
+            function _objectWithoutProperties(source, excluded) { if (null == source)
+                return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)
+                return {}; var key, i, target = {}, sourceKeys = Object.keys(source); for (i = 0; i < sourceKeys.length; i++)
+                key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]); return target; }(source, excluded); if (Object.getOwnPropertySymbols) {
+                var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+                for (i = 0; i < sourceSymbolKeys.length; i++)
+                    key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+            } return target; }
+            var OverlayScrollbarsComponent = function OverlayScrollbarsComponent(_ref) { var _ref$options = _ref.options, options = void 0 === _ref$options ? {} : _ref$options, extensions = _ref.extensions, className = _ref.className, children = _ref.children, rest = _objectWithoutProperties(_ref, ["options", "extensions", "className", "children"]), osTargetRef = react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef(), osInstance = react__WEBPACK_IMPORTED_MODULE_12___default.a.useRef(); return react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function () { return osInstance.current = overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default()(osTargetRef.current, options, extensions), mergeHostClassNames(osInstance.current, className), function () { overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current) && (osInstance.current.destroy(), osInstance.current = null); }; }), []), react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function () { overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current) && osInstance.current.options(options); }), [options]), react__WEBPACK_IMPORTED_MODULE_12___default.a.useEffect((function () { overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance.current) && mergeHostClassNames(osInstance.current, className); }), [className]), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", _extends({ className: "os-host" }, rest, { ref: osTargetRef }), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-resize-observer-host" }), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-padding" }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-viewport" }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-content" }, children))), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar os-scrollbar-horizontal " }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar-track" }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar-handle" }))), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar os-scrollbar-vertical" }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar-track" }, react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar-handle" }))), react__WEBPACK_IMPORTED_MODULE_12___default.a.createElement("div", { className: "os-scrollbar-corner" })); };
+            function mergeHostClassNames(osInstance, className) { if (overlayscrollbars__WEBPACK_IMPORTED_MODULE_13___default.a.valid(osInstance)) {
+                var host = osInstance.getElements().host, regex = new RegExp("(^os-host([-_].+|)$)|".concat(osInstance.options().className.replace(/\s/g, "$|"), "$"), "g"), osClassNames = host.className.split(" ").filter((function (name) { return name.match(regex); })).join(" ");
+                host.className = "".concat(osClassNames, " ").concat(className || "");
+            } }
+            OverlayScrollbarsComponent.displayName = "OverlayScrollbarsComponent", __webpack_exports__.default = OverlayScrollbarsComponent;
+        } }]);

package/dist/storybook-static/9.d7d85aa0a49a98f17218.manager.bundle.d.ts ADDED Viewed

File without changes

package/dist/storybook-static/9.d7d85aa0a49a98f17218.manager.bundle.js ADDED Viewed

@@ -0,0 +1,94 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[9], { 866: 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__(23), __webpack_require__(4), __webpack_require__(9), __webpack_require__(5), __webpack_require__(13), __webpack_require__(6), __webpack_require__(7), __webpack_require__(10), __webpack_require__(17), __webpack_require__(18), __webpack_require__(15), __webpack_require__(67), __webpack_require__(40), __webpack_require__(26), __webpack_require__(22), __webpack_require__(120), __webpack_require__(79), __webpack_require__(168), __webpack_require__(77), __webpack_require__(16), __webpack_require__(31), __webpack_require__(14);
+            var react = __webpack_require__(0), react_default = __webpack_require__.n(react), index_module = __webpack_require__(938), color_convert = __webpack_require__(935), color_convert_default = __webpack_require__.n(color_convert), throttle = __webpack_require__(408), throttle_default = __webpack_require__.n(throttle), esm = __webpack_require__(1);
+            __webpack_require__(47);
+            function _objectWithoutProperties(source, excluded) { if (null == source)
+                return {}; var key, i, target = function _objectWithoutPropertiesLoose(source, excluded) { if (null == source)
+                return {}; var key, i, target = {}, sourceKeys = Object.keys(source); for (i = 0; i < sourceKeys.length; i++)
+                key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]); return target; }(source, excluded); if (Object.getOwnPropertySymbols) {
+                var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+                for (i = 0; i < sourceSymbolKeys.length; i++)
+                    key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+            } return target; }
+            var Note = esm.styled.div((function (_ref) { var theme = _ref.theme; return { padding: "2px 6px", lineHeight: "16px", fontSize: 10, fontWeight: theme.typography.weight.bold, color: theme.color.lightest, boxShadow: "0 0 5px 0 rgba(0, 0, 0, 0.3)", borderRadius: 4, whiteSpace: "nowrap", pointerEvents: "none", zIndex: -1, background: "rgba(0, 0, 0, 0.4)", margin: 6 }; })), TooltipNote_TooltipNote = function TooltipNote(_ref2) { var note = _ref2.note, props = _objectWithoutProperties(_ref2, ["note"]); return react_default.a.createElement(Note, props, note); };
+            TooltipNote_TooltipNote.displayName = "TooltipNote";
+            var _ColorPicker, _fallbackColor, lazy_WithTooltip = __webpack_require__(405), esm_form = __webpack_require__(55), icon = __webpack_require__(60), helpers = __webpack_require__(39);
+            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 {
+                for (var _s, _i = arr[Symbol.iterator](); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !i || _arr.length !== i); _n = !0)
+                    ;
+            }
+            catch (err) {
+                _d = !0, _e = err;
+            }
+            finally {
+                try {
+                    _n || null == _i.return || _i.return();
+                }
+                finally {
+                    if (_d)
+                        throw _e;
+                }
+            } return _arr; }(arr, i) || function _unsupportedIterableToArray(o, minLen) { if (!o)
+                return; if ("string" == typeof o)
+                return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); "Object" === n && o.constructor && (n = o.constructor.name); if ("Map" === n || "Set" === n)
+                return Array.from(o); if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+                return _arrayLikeToArray(o, minLen); }(arr, i) || function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }(); }
+            function _arrayLikeToArray(arr, len) { (null == len || len > arr.length) && (len = arr.length); for (var i = 0, arr2 = new Array(len); i < len; i++)
+                arr2[i] = arr[i]; return arr2; }
+            function _defineProperty(obj, key, value) { return key in obj ? Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }) : obj[key] = value, obj; }
+            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)
+                    Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
+            } return target; }).apply(this, arguments); }
+            function Color_objectWithoutProperties(source, excluded) { if (null == source)
+                return {}; var key, i, target = function Color_objectWithoutPropertiesLoose(source, excluded) { if (null == source)
+                return {}; var key, i, target = {}, sourceKeys = Object.keys(source); for (i = 0; i < sourceKeys.length; i++)
+                key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]); return target; }(source, excluded); if (Object.getOwnPropertySymbols) {
+                var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+                for (i = 0; i < sourceSymbolKeys.length; i++)
+                    key = sourceSymbolKeys[i], excluded.indexOf(key) >= 0 || Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+            } return target; }
+            var Wrapper = esm.styled.div({ position: "relative", maxWidth: 250 }), PickerTooltip = Object(esm.styled)(lazy_WithTooltip.a)({ position: "absolute", zIndex: 1, top: 4, left: 4 }), TooltipContent = esm.styled.div({ width: 200, margin: 5, ".react-colorful__saturation": { borderRadius: "4px 4px 0 0" }, ".react-colorful__hue": { boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 5%)" }, ".react-colorful__last-control": { borderRadius: "0 0 4px 4px" } }), Color_Note = Object(esm.styled)(TooltipNote_TooltipNote)((function (_ref) { return { fontFamily: _ref.theme.typography.fonts.base }; })), Swatches = esm.styled.div({ display: "grid", gridTemplateColumns: "repeat(9, 16px)", gap: 6, padding: 3, marginTop: 5, width: 200 }), SwatchColor = esm.styled.div((function (_ref2) { var theme = _ref2.theme; return { width: 16, height: 16, boxShadow: _ref2.active ? "".concat(theme.appBorderColor, " 0 0 0 1px inset, ").concat(theme.color.mediumdark, "50 0 0 0 4px") : "".concat(theme.appBorderColor, " 0 0 0 1px inset"), borderRadius: theme.appBorderRadius }; })), Color_Swatch = function Swatch(_ref3) { var value = _ref3.value, active = _ref3.active, onClick = _ref3.onClick, style = _ref3.style, props = Color_objectWithoutProperties(_ref3, ["value", "active", "onClick", "style"]), backgroundImage = "linear-gradient(".concat(value, ", ").concat(value, "), ").concat('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>\')', ", linear-gradient(#fff, #fff)"); return react_default.a.createElement(SwatchColor, _extends({}, props, { active: active, onClick: onClick, style: Object.assign({}, style, { backgroundImage: backgroundImage }) })); };
+            Color_Swatch.displayName = "Swatch";
+            var ColorSpace, Input = Object(esm.styled)(esm_form.a.Input)((function (_ref4) { return { width: "100%", paddingLeft: 30, paddingRight: 30, boxSizing: "border-box", fontFamily: _ref4.theme.typography.fonts.base }; })), ToggleIcon = Object(esm.styled)(icon.a)((function (_ref5) { return { position: "absolute", zIndex: 1, top: 6, right: 7, width: 20, height: 20, padding: 4, boxSizing: "border-box", cursor: "pointer", color: _ref5.theme.input.color }; }));
+            !function (ColorSpace) { ColorSpace.RGB = "rgb", ColorSpace.HSL = "hsl", ColorSpace.HEX = "hex"; }(ColorSpace || (ColorSpace = {}));
+            var COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = (_defineProperty(_ColorPicker = {}, ColorSpace.HEX, index_module.a), _defineProperty(_ColorPicker, ColorSpace.RGB, index_module.c), _defineProperty(_ColorPicker, ColorSpace.HSL, index_module.b), _ColorPicker), fallbackColor = (_defineProperty(_fallbackColor = {}, ColorSpace.HEX, "transparent"), _defineProperty(_fallbackColor, ColorSpace.RGB, "rgba(0, 0, 0, 0)"), _defineProperty(_fallbackColor, ColorSpace.HSL, "hsla(0, 0%, 0%, 0)"), _fallbackColor), stringToArgs = function stringToArgs(value) { var match = null == value ? void 0 : value.match(COLOR_REGEXP); if (!match)
+                return [0, 0, 0, 1]; var _match = _slicedToArray(match, 5), x = _match[1], y = _match[2], z = _match[3], _match$ = _match[4]; return [x, y, z, void 0 === _match$ ? 1 : _match$].map(Number); }, Color_parseValue = function parseValue(value) { var _ref12; if (value) {
+                var valid = !0;
+                if (RGB_REGEXP.test(value)) {
+                    var _ref8, _stringToArgs2 = _slicedToArray(stringToArgs(value), 4), r = _stringToArgs2[0], g = _stringToArgs2[1], b = _stringToArgs2[2], a = _stringToArgs2[3], _ref7 = _slicedToArray(color_convert_default.a.rgb.hsl([r, g, b]) || [0, 0, 0], 3), h = _ref7[0], s = _ref7[1], l = _ref7[2];
+                    return _defineProperty(_ref8 = { valid: valid, value: value, keyword: color_convert_default.a.rgb.keyword([r, g, b]), colorSpace: ColorSpace.RGB }, ColorSpace.RGB, value), _defineProperty(_ref8, ColorSpace.HSL, "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(a, ")")), _defineProperty(_ref8, ColorSpace.HEX, "#".concat(color_convert_default.a.rgb.hex([r, g, b]).toLowerCase())), _ref8;
+                }
+                if (HSL_REGEXP.test(value)) {
+                    var _ref11, _stringToArgs4 = _slicedToArray(stringToArgs(value), 4), _h = _stringToArgs4[0], _s2 = _stringToArgs4[1], _l = _stringToArgs4[2], _a = _stringToArgs4[3], _ref10 = _slicedToArray(color_convert_default.a.hsl.rgb([_h, _s2, _l]) || [0, 0, 0], 3), _r = _ref10[0], _g = _ref10[1], _b = _ref10[2];
+                    return _defineProperty(_ref11 = { valid: valid, value: value, keyword: color_convert_default.a.hsl.keyword([_h, _s2, _l]), colorSpace: ColorSpace.HSL }, ColorSpace.RGB, "rgba(".concat(_r, ", ").concat(_g, ", ").concat(_b, ", ").concat(_a, ")")), _defineProperty(_ref11, ColorSpace.HSL, value), _defineProperty(_ref11, ColorSpace.HEX, "#".concat(color_convert_default.a.hsl.hex([_h, _s2, _l]).toLowerCase())), _ref11;
+                }
+                var plain = value.replace("#", ""), rgb = color_convert_default.a.keyword.rgb(plain) || color_convert_default.a.hex.rgb(plain), hsl = color_convert_default.a.rgb.hsl(rgb), mapped = value;
+                if (/[^#a-f0-9]/i.test(value) ? mapped = plain : HEX_REGEXP.test(value) && (mapped = "#".concat(plain)), mapped.startsWith("#"))
+                    valid = HEX_REGEXP.test(mapped);
+                else
+                    try {
+                        color_convert_default.a.keyword.hex(mapped);
+                    }
+                    catch (e) {
+                        valid = !1;
+                    }
+                return _defineProperty(_ref12 = { valid: valid, value: mapped, keyword: color_convert_default.a.rgb.keyword(rgb), colorSpace: ColorSpace.HEX }, ColorSpace.RGB, "rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", 1)")), _defineProperty(_ref12, ColorSpace.HSL, "hsla(".concat(hsl[0], ", ").concat(hsl[1], "%, ").concat(hsl[2], "%, 1)")), _defineProperty(_ref12, ColorSpace.HEX, mapped), _ref12;
+            } }, Color_useColorInput = function useColorInput(initialValue, onChange) { var _useState2 = _slicedToArray(Object(react.useState)(initialValue || ""), 2), value = _useState2[0], setValue = _useState2[1], _useState4 = _slicedToArray(Object(react.useState)((function () { return Color_parseValue(value); })), 2), color = _useState4[0], setColor = _useState4[1], _useState6 = _slicedToArray(Object(react.useState)((null == color ? void 0 : color.colorSpace) || ColorSpace.HEX), 2), colorSpace = _useState6[0], setColorSpace = _useState6[1]; Object(react.useEffect)((function () { void 0 === initialValue && (setValue(""), setColor(void 0), setColorSpace(ColorSpace.HEX)); }), [initialValue]); var realValue = Object(react.useMemo)((function () { return function getRealValue(value, color, colorSpace) { if (!value || null == color || !color.valid)
+                return fallbackColor[colorSpace]; if (colorSpace !== ColorSpace.HEX)
+                return (null == color ? void 0 : color[colorSpace]) || fallbackColor[colorSpace]; if (!color.hex.startsWith("#"))
+                try {
+                    return "#".concat(color_convert_default.a.keyword.hex(color.hex));
+                }
+                catch (e) {
+                    return fallbackColor.hex;
+                } var short = color.hex.match(SHORTHEX_REGEXP); if (!short)
+                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(Color_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;
+        } }]);