@bitrise/bitkit 9.2.1 → 9.3.0-alpha.1

package/lib/esn/Icon/tsx/IconsWorkflowFlow.js

@@ -1,6 +1,6 @@
 // THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
 import * as React from 'react';
-const SvgIconsWorkflowFlow = (props) => (React.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24" }),
+const SvgIconsWorkflowFlow = (props) => (React.createElement("svg", { ...props, viewBox: "0 0 24 24" },
     React.createElement("defs", null,
         React.createElement("path", { d: "M14.857 4.857H10C9.524 3.238 8.095 2 6.286 2a3.82 3.82 0 0 0-3.81 3.81 3.82 3.82 0 0 0 3.81 3.809c1.81 0 3.238-1.238 3.714-2.857h4.857c2.667 0 4.762 2.095 4.762 4.762 0 1.714-.857 3.238-2.286 4.095-.571-1.333-1.904-2.19-3.428-2.19-1.81 0-3.238 1.238-3.715 2.857h-.476c-2.666 0-4.762 2.19-4.762 4.762h1.905c0-1.62 1.333-2.858 2.857-2.858h.476c.381 1.62 1.905 2.858 3.715 2.858 2 0 3.619-1.524 3.81-3.524 2.285-1.048 3.809-3.429 3.809-6a6.626 6.626 0 0 0-6.667-6.667zM6.286 7.714A1.91 1.91 0 0 1 4.38 5.81a1.91 1.91 0 0 1 1.905-1.905A1.91 1.91 0 0 1 8.19 5.81a1.91 1.91 0 0 1-1.904 1.904zm7.619 11.429A1.91 1.91 0 0 1 12 17.238a1.91 1.91 0 0 1 1.905-1.905 1.91 1.91 0 0 1 1.905 1.905 1.91 1.91 0 0 1-1.905 1.905z", id: "icons-workflow-flow_svg__a" })),
     React.createElement("use", { fill: "currentColor", fillRule: "evenodd", xlinkHref: "#icons-workflow-flow_svg__a" })));

package/lib/esn/Icon/tsx/IconsWorkflowFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsWorkflowFlow.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWorkflowFlow.tsx"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,oBAAoB,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACrE,6CAAU,KAAK,IAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,wsBAAwsB,EAC1sB,EAAE,EAAC,4BAA4B,GAAE,CAChC;IACP,6BACI,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAC,6BAA6B,GAAE,CACzC,CACP,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"IconsWorkflowFlow.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWorkflowFlow.tsx"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,oBAAoB,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACrE,gCAAU,KAAK,EAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,wsBAAwsB,EAC1sB,EAAE,EAAC,4BAA4B,GAAE,CAChC;IACP,6BACI,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAC,6BAA6B,GAAE,CACzC,CACP,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/esn/Icon/tsx/IconsWow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconsWow.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,WAAW,uDAShB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconsWow.d.ts","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,WAAW,UAAW,MAAM,QAAQ,CAAC,aAAa,CAAC,gBASxD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Icon/tsx/IconsWow.js

@@ -1,6 +1,6 @@
 // THIS IS AN AUTOGERENATED FILE. DO NOT EDIT IT. CHECK README ON HOW TO MANAGE ICONS INSTEAD.
 import * as React from 'react';
-const SvgIconsWow = (props) => (React.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24" }),
+const SvgIconsWow = (props) => (React.createElement("svg", { ...props, viewBox: "0 0 24 24" },
     React.createElement("defs", null,
         React.createElement("path", { d: "M6 12.5H4v-2H2v8h2v1h2v-2h2v-9H6v4zm14-8v4h-2v-2h-2v8h2v1h2v-2h2v-9h-2zm-6 6H9v7h1v1h5v-7h-1v-1zm-1 6h-2v-4h2v4z", id: "icons-wow_svg__a" })),
     React.createElement("use", { fill: "currentColor", fillRule: "evenodd", xlinkHref: "#icons-wow_svg__a" })));

package/lib/esn/Icon/tsx/IconsWow.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconsWow.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWow.tsx"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC5D,6CAAU,KAAK,IAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,kHAAkH,EACpH,EAAE,EAAC,kBAAkB,GAAE,CACtB;IACP,6BAAK,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACxE,CACP,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"IconsWow.js","sourceRoot":"","sources":["../../../../src/Icon/tsx/IconsWow.tsx"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC5D,gCAAU,KAAK,EAAG,OAAO,EAAC,WAAW;IACnC;QACE,8BACI,CAAC,EAAC,kHAAkH,EACpH,EAAE,EAAC,kBAAkB,GAAE,CACtB;IACP,6BAAK,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,GAAG,CACxE,CACP,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Image/Image.js

@@ -6,7 +6,7 @@ import './Image.css';
  * available container width
  * */
 const Image = (props) => {
-    return (React.createElement(Base, Object.assign({}, props, { Component: "img", className: "Image" })));
+    return (React.createElement(Base, { ...props, Component: "img", className: "Image" }));
 };
 export default Image;
 //# sourceMappingURL=Image.js.map

package/lib/esn/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAIrB;;;KAGK;AACL,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IACZ,SAAS,EAAC,KAAK,EACf,SAAS,EAAC,OAAO,IAAG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAIrB;;;KAGK;AACL,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EACZ,SAAS,EAAC,KAAK,EACf,SAAS,EAAC,OAAO,GAAG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/esn/Input/Input.css

@@ -17,30 +17,30 @@
 
 .Input:focus { outline: none; }
 
-.Input::-webkit-input-placeholder { color: var(--color-gray--7); }
+.Input::-webkit-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-.Input::-moz-placeholder { color: var(--color-gray--7); }
+.Input::-moz-placeholder { color: var(--bitkit-colors-gray-7); }
 
-.Input:-ms-input-placeholder { color: var(--color-gray--7); }
+.Input:-ms-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-.Input::-ms-input-placeholder { color: var(--color-gray--7); }
+.Input::-ms-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-&::-webkit-input-placeholder { color: var(--color-gray--7); }
+&::-webkit-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-&::-moz-placeholder { color: var(--color-gray--7); }
+&::-moz-placeholder { color: var(--bitkit-colors-gray-7); }
 
-&:-ms-input-placeholder { color: var(--color-gray--7); }
+&:-ms-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-&::-ms-input-placeholder { color: var(--color-gray--7); }
+&::-ms-input-placeholder { color: var(--bitkit-colors-gray-7); }
 
-.Input::placeholder { color: var(--color-gray--7); }
+.Input::placeholder { color: var(--bitkit-colors-gray-7); }
 
 .Input__container {
-  border: var(--Input--border) solid var(--color-gray--3);
+  border: var(--Input--border) solid var(--bitkit-colors-gray-3);
   border-radius: var(--size--x1);
   -webkit-box-shadow: inset 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
           box-shadow: inset 0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
-  background-color: var(--color-white);
+  background-color: var(--bitkit-colors-white);
   overflow: hidden;
   -webkit-transition-property: border-color, -webkit-box-shadow;
   transition-property: border-color, -webkit-box-shadow;
@@ -54,8 +54,8 @@
 
 .Input__content {
   padding: 0 var(--size--x3);
-  border-right: var(--Input--border) solid var(--color-gray--3);
-  color: var(--color-grape--5);
+  border-right: var(--Input--border) solid var(--bitkit-colors-gray-3);
+  color: var(--bitkit-colors-grape-5);
   -webkit-transition-property: border-color, color;
   transition-property: border-color, color;
   -webkit-transition-duration: var(--transition-duration--base);
@@ -69,7 +69,7 @@
   }
 
 .Input__content--outside {
-  background-color: var(--color-white)
+  background-color: var(--bitkit-colors-white)
 }
 
 .Input__content--outside:first-child {
@@ -86,61 +86,49 @@
 .Input__container--readonly {
   -webkit-box-shadow: none;
           box-shadow: none;
-  background-color: var(--color-gray--2);
+  background-color: var(--bitkit-colors-gray-2);
 }
 
-.Input__container--invalid,
-.Input__container--invalid .Input__content,
 .Input__container--invalid .Input::-webkit-input-placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
+  border-color: var(--bitkit-colors-red-3);
+  color: var(--bitkit-colors-red-3);
 }
 
-.Input__container--invalid,
-.Input__container--invalid .Input__content,
 .Input__container--invalid .Input::-moz-placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
+  border-color: var(--bitkit-colors-red-3);
+  color: var(--bitkit-colors-red-3);
 }
 
-.Input__container--invalid,
-.Input__container--invalid .Input__content,
 .Input__container--invalid .Input:-ms-input-placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
+  border-color: var(--bitkit-colors-red-3);
+  color: var(--bitkit-colors-red-3);
 }
 
-.Input__container--invalid,
-.Input__container--invalid .Input__content,
 .Input__container--invalid .Input::-ms-input-placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
+  border-color: var(--bitkit-colors-red-3);
+  color: var(--bitkit-colors-red-3);
 }
 
 .Input__container--invalid,
 .Input__container--invalid .Input__content,
 .Input__container--invalid .Input::placeholder {
-  border-color: var(--color-red--3);
-  color: var(--color-red--3);
+  border-color: var(--bitkit-colors-red-3);
+  color: var(--bitkit-colors-red-3);
 }
 
-.Input:focus:focus::-webkit-input-placeholder,
-.Input__container--invalid .Input:focus::-webkit-input-placeholder {
+.Input:focus:focus::-webkit-input-placeholder, .Input__container--invalid .Input:focus::-webkit-input-placeholder {
   color: transparent;
 }
 
-.Input:focus:focus::-moz-placeholder,
-.Input__container--invalid .Input:focus::-moz-placeholder {
+.Input:focus:focus::-moz-placeholder, .Input__container--invalid .Input:focus::-moz-placeholder {
   color: transparent;
 }
 
-.Input:focus:focus:-ms-input-placeholder,
-.Input__container--invalid .Input:focus:-ms-input-placeholder {
+.Input:focus:focus:-ms-input-placeholder, .Input__container--invalid .Input:focus:-ms-input-placeholder {
   color: transparent;
 }
 
-.Input:focus:focus::-ms-input-placeholder,
-.Input__container--invalid .Input:focus::-ms-input-placeholder {
+.Input:focus:focus::-ms-input-placeholder, .Input__container--invalid .Input:focus::-ms-input-placeholder {
   color: transparent;
 }
 
@@ -150,12 +138,12 @@
 }
 
 .Input__container:focus-within {
-  border-color: var(--color-grape--3);
+  border-color: var(--bitkit-colors-grape-3);
   -webkit-box-shadow: inset 0 0 0 0.125rem rgba(118, 15, 195, 0.3);
           box-shadow: inset 0 0 0 0.125rem rgba(118, 15, 195, 0.3)
 }
 
 .Input__container:focus-within .Input__content {
-    border-color: var(--color-grape--3);
-    color: var(--color-grape--5);
+    border-color: var(--bitkit-colors-grape-3);
+    color: var(--bitkit-colors-grape-5);
   }

package/lib/esn/Input/Input.js

@@ -5,7 +5,7 @@ import Flex from '../Flex/Flex';
  * with the Container and Content components for styling.
  */
 const Input = (props) => {
-    return (React.createElement(Flex, Object.assign({}, props, { Component: "input", className: "Input", grow: true })));
+    return (React.createElement(Flex, { ...props, Component: "input", className: "Input", grow: true }));
 };
 export default Input;
 //# sourceMappingURL=Input.js.map

package/lib/esn/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IACZ,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,OAAO,EACjB,IAAI,UAAG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EACZ,SAAS,EAAC,OAAO,EACjB,SAAS,EAAC,OAAO,EACjB,IAAI,SAAG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/esn/Input/InputContainer.js

@@ -13,7 +13,7 @@ const InputContainer = (props) => {
         'Input__container--invalid': invalid,
         'Input__container--readonly': readOnly,
     });
-    return (React.createElement(Flex, Object.assign({}, rest, { Component: "label", className: classes, direction: "horizontal" })));
+    return (React.createElement(Flex, { ...rest, Component: "label", className: classes, direction: "horizontal" }));
 };
 export default InputContainer;
 //# sourceMappingURL=InputContainer.js.map

package/lib/esn/Input/InputContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContainer.js","sourceRoot":"","sources":["../../../src/Input/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAWrB;;;GAGG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE;QAC7C,4BAA4B,EAAE,QAAQ;QACtC,2BAA2B,EAAE,OAAO;QACpC,4BAA4B,EAAE,QAAQ;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAC,OAAO,EACjB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,IAAG,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"InputContainer.js","sourceRoot":"","sources":["../../../src/Input/InputContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AAWrB;;;GAGG;AACH,MAAM,cAAc,GAAmC,CAAC,KAAY,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE;QAC7C,4BAA4B,EAAE,QAAQ;QACtC,2BAA2B,EAAE,OAAO;QACpC,4BAA4B,EAAE,QAAQ;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EACX,SAAS,EAAC,OAAO,EACjB,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,GAAG,CAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esn/Input/InputContent.js

@@ -11,7 +11,7 @@ const InputContent = (props) => {
     const classes = classnames('Input__content', {
         'Input__content--outside': outside,
     });
-    return (React.createElement(Flex, Object.assign({}, rest, { alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", grow: !outside })));
+    return (React.createElement(Flex, { ...rest, alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", grow: !outside }));
 };
 export default InputContent;
 //# sourceMappingURL=InputContent.js.map

package/lib/esn/Input/InputContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContent.js","sourceRoot":"","sources":["../../../src/Input/InputContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AASrB;;;GAGG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,EAAE;QAC3C,yBAAyB,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,EAAG,CAAC,OAAO,IAAK,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"InputContent.js","sourceRoot":"","sources":["../../../src/Input/InputContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,aAAa,CAAC;AASrB;;;GAGG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,EAAE;QAC3C,yBAAyB,EAAE,OAAO;KACnC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,IAAI,EAAG,CAAC,OAAO,GAAK,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esn/Input/InputInlineHelp.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import Text from '../Text/Text';
 /** Provides specific styling for an inline input label */
 const InputInlineHelp = (props) => {
-    return (React.createElement(Text, Object.assign({ margin: "x2", size: "2", textColor: "gray-6" }, props)));
+    return (React.createElement(Text, { margin: "x2", size: "2", textColor: "gray-6", ...props }));
 };
 export default InputInlineHelp;
 //# sourceMappingURL=InputInlineHelp.js.map

package/lib/esn/Input/InputInlineHelp.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputInlineHelp.js","sourceRoot":"","sources":["../../../src/Input/InputInlineHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD,0DAA0D;AAC1D,MAAM,eAAe,GAAmC,CAAC,KAAY,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,IAAI,kBAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAM,KAAK,EAAK,CAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InputInlineHelp.js","sourceRoot":"","sources":["../../../src/Input/InputInlineHelp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD,0DAA0D;AAC1D,MAAM,eAAe,GAAmC,CAAC,KAAY,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,IAAI,IAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,KAAM,KAAK,GAAK,CAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esn/Input/InputLabel.js

@@ -5,7 +5,7 @@ import Text from '../Text/Text';
  * input.
  */
 const InputLabel = (props) => {
-    return (React.createElement(Text, Object.assign({}, props, { Component: "label", margin: "x1", size: "3", textColor: "grape-4", weight: "bold" })));
+    return (React.createElement(Text, { ...props, Component: "label", margin: "x1", size: "3", textColor: "grape-4", weight: "bold" }));
 };
 export default InputLabel;
 //# sourceMappingURL=InputLabel.js.map

package/lib/esn/Input/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/Input/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;;GAGG;AACH,MAAM,UAAU,GAAmC,CAAC,KAAY,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IACZ,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,MAAM,IAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/Input/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;;GAGG;AACH,MAAM,UAAU,GAAmC,CAAC,KAAY,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EACZ,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,MAAM,GAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/esn/Link/Link.css

@@ -12,32 +12,32 @@
   text-decoration: underline;
 }
 
-.Link--color-grape-3 {
-  color: var(--color-grape--3)
+.Link--bitkit-colors-grape-3 {
+  color: var(--bitkit-colors-grape-3)
 }
 
-.Link--color-grape-3:hover { color: var(--color-grape--4); }
+.Link--bitkit-colors-grape-3:hover { color: var(--bitkit-colors-grape-4); }
 
-.Link--color-grape-5 {
-  color: var(--color-grape--5)
+.Link--bitkit-colors-grape-5 {
+  color: var(--bitkit-colors-grape-5)
 }
 
-.Link--color-grape-5:hover { color: var(--color-grape--3); }
+.Link--bitkit-colors-grape-5:hover { color: var(--bitkit-colors-grape-3); }
 
-.Link--color-gray-1 {
-  color: var(--color-gray--1)
+.Link--bitkit-colors-gray-1 {
+  color: var(--bitkit-colors-gray-1)
 }
 
-.Link--color-gray-1:hover { color: var(--color-gray--2); }
+.Link--bitkit-colors-gray-1:hover { color: var(--bitkit-colors-gray-2); }
 
-.Link--color-gray-5 {
-  color: var(--color-gray--5)
+.Link--bitkit-colors-gray-5 {
+  color: var(--bitkit-colors-gray-5)
 }
 
-.Link--color-gray-5:hover { color: var(--color-gray--6); }
+.Link--bitkit-colors-gray-5:hover { color: var(--bitkit-colors-gray-6); }
 
-.Link--color-white {
-  color: var(--color-white)
+.Link--bitkit-colors-white {
+  color: var(--bitkit-colors-white)
 }
 
-.Link--color-white:hover { color: var(--color-gray--1); }
+.Link--bitkit-colors-white:hover { color: var(--bitkit-colors-gray-1); }

package/lib/esn/Link/Link.js

@@ -5,10 +5,10 @@ import './Link.css';
 /** Styled link component */
 const Link = (props) => {
     const { className, color, underline, ...rest } = props;
-    const classes = classnames(className, 'Link', `Link--color-${color}`, {
+    const classes = classnames(className, 'Link', `Link--bitkit-colors-${color}`, {
         'Link--underline': underline,
     });
-    return (React.createElement(Base, Object.assign({}, rest, { className: classes })));
+    return (React.createElement(Base, { ...rest, className: classes }));
 };
 Link.defaultProps = {
     Component: 'a',

package/lib/esn/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAWpB,4BAA4B;AAC5B,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,eAAe,KAAK,EAAE,EAAE;QACpE,iBAAiB,EAAE,SAAS;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IAAG,SAAS,EAAG,OAAO,IAAK,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,GAAG;CACf,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAWpB,4BAA4B;AAC5B,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,uBAAuB,KAAK,EAAE,EAAE;QAC5E,iBAAiB,EAAE,SAAS;KAC7B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EAAG,SAAS,EAAG,OAAO,GAAK,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,GAAG;CACf,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/esn/List/List.js

@@ -5,7 +5,7 @@ import './List.css';
  * Standard unordered list component.
  */
 const List = (props) => {
-    return (React.createElement(Base, Object.assign({}, props, { Component: "ul", className: "List" })));
+    return (React.createElement(Base, { ...props, Component: "ul", className: "List" }));
 };
 export default List;
 //# sourceMappingURL=List.js.map

package/lib/esn/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAIpB;;GAEG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IAAG,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,IAAG,CACtD,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAIpB;;GAEG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EAAG,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,GAAG,CACtD,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/esn/List/ListItem.js

@@ -4,7 +4,7 @@ import Base from '../Base/Base';
  * Standard list item component.
  */
 const ListItem = (props) => {
-    return (React.createElement(Base, Object.assign({}, props, { Component: "li", className: "List__item" })));
+    return (React.createElement(Base, { ...props, Component: "li", className: "List__item" }));
 };
 export default ListItem;
 //# sourceMappingURL=ListItem.js.map

package/lib/esn/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,QAAQ,GAAmC,CAAC,KAAY,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IAAG,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,IAAG,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,QAAQ,GAAmC,CAAC,KAAY,EAAE,EAAE;IAChE,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EAAG,SAAS,EAAC,IAAI,EAAC,SAAS,EAAC,YAAY,GAAG,CAC5D,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esn/Modal/Modal.css

@@ -27,7 +27,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  background-color: var(--color-overlay--black);
+  background-color: var(--bitkit-colors-overlay--black);
   overflow: auto;
   z-index: var(--z-index-Modal);
   -webkit-animation-name: ModalFadeOut;
@@ -84,6 +84,6 @@
 .ModalHeader--with-separator::before {
   content: '';
   height: var(--size--x1);
-  background: -webkit-gradient(linear, left top, right top, color-stop(-28.36%, var(--color-grape--1)), to(var(--color-grape--2)));
-  background: linear-gradient(90deg, var(--color-grape--1) -28.36%, var(--color-grape--2) 100%);
+  background: -webkit-gradient(linear, left top, right top, color-stop(-28.36%, var(--bitkit-colors-grape-1)), to(var(--bitkit-colors-grape-2)));
+  background: linear-gradient(90deg, var(--bitkit-colors-grape-1) -28.36%, var(--bitkit-colors-grape-2) 100%);
 }

package/lib/esn/Modal/Modal.js

@@ -43,7 +43,7 @@ const Modal = (props) => {
     }
     return (React.createElement(Portal, { element: document.body },
         React.createElement(Flex, { alignChildrenHorizontal: "middle", className: classes, direction: "vertical", innerRef: setModalElement, onClick: onClose, padding: "x6" },
-            React.createElement(Flex, Object.assign({ backgroundColor: backgroundColor, borderRadius: "x2", className: "Modal__content", direction: "vertical", grow: fullHeight, onClick: handleClick, width: width }, rest),
+            React.createElement(Flex, { backgroundColor: backgroundColor, borderRadius: "x2", className: "Modal__content", direction: "vertical", grow: fullHeight, onClick: handleClick, width: width, ...rest },
                 React.createElement(ModalContext.Provider, { value: { modalElement, onClose } }, children)))));
 };
 Modal.defaultProps = {

package/lib/esn/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,aAAa,CAAC;AAErB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAEtC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC9E,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AA4B5E;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,MAAM,EACJ,eAAe,EACf,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;QAClC,gBAAgB,EAAE,OAAO;KAC1B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,KAA2B,EAAE,EAAE;QAClD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;IAC/C,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,aAAa,EAAE,CAAC;SACjB;aAAM;YACL,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,gBAAgB,CAAC,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE;QAClD,IAAI,CAAC,OAAO,EAAE;YACZ,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAG,QAAQ,CAAC,IAAI;QAC7B,oBAAC,IAAI,IACD,uBAAuB,EAAC,QAAQ,EAChC,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAG,eAAe,EAC1B,OAAO,EAAG,OAAO,EACjB,OAAO,EAAC,IAAI;YACd,oBAAC,IAAI,kBACD,eAAe,EAAG,eAAe,EACjC,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAG,UAAU,EACjB,OAAO,EAAG,WAAW,EACrB,KAAK,EAAG,KAAK,IACR,IAAI;gBACX,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAG,EAAE,YAAY,EAAE,OAAO,EAAE,IACpD,QAAQ,CACY,CACnB,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,eAAe,EAAE,QAAQ;CAC1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,aAAa,CAAC;AAErB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;AAEtC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC9E,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AA4B5E;;;GAGG;AACH,MAAM,KAAK,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC7D,MAAM,EACJ,eAAe,EACf,QAAQ,EACR,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAC3E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE;QAClC,gBAAgB,EAAE,OAAO;KAC1B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,KAA2B,EAAE,EAAE;QAClD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;IAC/C,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,aAAa,EAAE,CAAC;SACjB;aAAM;YACL,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,gBAAgB,CAAC,YAAY,EAAE,cAAc,EAAE,GAAG,EAAE;QAClD,IAAI,CAAC,OAAO,EAAE;YACZ,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAG,QAAQ,CAAC,IAAI;QAC7B,oBAAC,IAAI,IACD,uBAAuB,EAAC,QAAQ,EAChC,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAG,eAAe,EAC1B,OAAO,EAAG,OAAO,EACjB,OAAO,EAAC,IAAI;YACd,oBAAC,IAAI,IACD,eAAe,EAAG,eAAe,EACjC,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAC,UAAU,EACpB,IAAI,EAAG,UAAU,EACjB,OAAO,EAAG,WAAW,EACrB,KAAK,EAAG,KAAK,KACR,IAAI;gBACX,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAG,EAAE,YAAY,EAAE,OAAO,EAAE,IACpD,QAAQ,CACY,CACnB,CACF,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,eAAe,EAAE,QAAQ;CAC1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/esn/Modal/ModalBody.js

@@ -4,7 +4,7 @@ import Flex from '../Flex/Flex';
  * Modal body wrapper with preset padding.
  */
 const ModalBody = (props) => {
-    return (React.createElement(Flex, Object.assign({ grow: true }, props)));
+    return (React.createElement(Flex, { grow: true, ...props }));
 };
 ModalBody.defaultProps = {
     padding: 'x10',

package/lib/esn/Modal/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,SAAS,GAAmC,CAAC,KAAY,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,kBAAC,IAAI,UAAM,KAAK,EAAK,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["../../../src/Modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,SAAS,GAAmC,CAAC,KAAY,EAAE,EAAE;IACjE,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,WAAM,KAAK,GAAK,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esn/Modal/ModalContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;;;EAGC,CAAC"}
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalContext.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,YAAY;kBACT,WAAW,GAAG,IAAI;qBAChB,IAAI;EACI,CAAC"}

package/lib/esn/Modal/ModalHeader.js

@@ -13,7 +13,7 @@ const ModalHeader = (props) => {
     const classes = classnames('ModalHeader', {
         'ModalHeader--with-separator': withSeparator,
     });
-    return (React.createElement(Flex, Object.assign({}, rest, { className: classes, direction: "horizontal" }),
+    return (React.createElement(Flex, { ...rest, className: classes, direction: "horizontal" },
         React.createElement(Flex, { grow: true, initial: "none", paddingHorizontal: paddingHorizontal, paddingVertical: paddingVertical }, children),
         React.createElement(Flex, { padding: "x4" },
             React.createElement(Link, { clickable: true, color: "grape-5", onClick: onClose },

package/lib/esn/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AAS7B;;GAEG;AACH,MAAM,WAAW,GAAmC,CAAC,KAAY,EAAE,EAAE;IACnE,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,OAAO,EAC3B,eAAe,GAAG,OAAO,EACzB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE;QACxC,6BAA6B,EAAE,aAAa;KAC7C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY;QACxB,oBAAC,IAAI,IACD,IAAI,QACJ,OAAO,EAAC,MAAM,EACd,iBAAiB,EAAG,iBAAiB,EACrC,eAAe,EAAG,eAAe,IACjC,QAAQ,CACL;QACP,oBAAC,IAAI,IAAC,OAAO,EAAC,IAAI;YAChB,oBAAC,IAAI,IACD,SAAS,QACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAG,OAAO;gBACnB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,IAAI;IACb,GAAG,EAAE,IAAI;CACV,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;AAS7B;;GAEG;AACH,MAAM,WAAW,GAAmC,CAAC,KAAY,EAAE,EAAE;IACnE,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,OAAO,EAC3B,eAAe,GAAG,OAAO,EACzB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE7C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE;QACxC,6BAA6B,EAAE,aAAa;KAC7C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EACX,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY;QACxB,oBAAC,IAAI,IACD,IAAI,QACJ,OAAO,EAAC,MAAM,EACd,iBAAiB,EAAG,iBAAiB,EACrC,eAAe,EAAG,eAAe,IACjC,QAAQ,CACL;QACP,oBAAC,IAAI,IAAC,OAAO,EAAC,IAAI;YAChB,oBAAC,IAAI,IACD,SAAS,QACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAG,OAAO;gBACnB,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,IAAI;IACb,GAAG,EAAE,IAAI;CACV,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Modal/ModalHeaderProgress.js

@@ -6,7 +6,7 @@ import ProgressBar from '../Progress/ProgressBar';
  */
 const ModalHeaderProgress = (props) => {
     const { progress, ...rest } = props;
-    return (React.createElement(Flex, Object.assign({}, rest, { className: "ModalHeader__progress" }),
+    return (React.createElement(Flex, { ...rest, className: "ModalHeader__progress" },
         React.createElement(ProgressBar, { foregroundColor: "eggplant", height: "4px", progress: progress })));
 };
 export default ModalHeaderProgress;

package/lib/esn/Modal/ModalHeaderProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeaderProgress.js","sourceRoot":"","sources":["../../../src/Modal/ModalHeaderProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAOlD;;GAEG;AACH,MAAM,mBAAmB,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC3E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IAAG,SAAS,EAAC,uBAAuB;QACjD,oBAAC,WAAW,IACR,eAAe,EAAC,UAAU,EAC1B,MAAM,EAAC,KAAK,EACZ,QAAQ,EAAG,QAAQ,GAAK,CACvB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ModalHeaderProgress.js","sourceRoot":"","sources":["../../../src/Modal/ModalHeaderProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAOlD;;GAEG;AACH,MAAM,mBAAmB,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC3E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EAAG,SAAS,EAAC,uBAAuB;QACjD,oBAAC,WAAW,IACR,eAAe,EAAC,UAAU,EAC1B,MAAM,EAAC,KAAK,EACZ,QAAQ,EAAG,QAAQ,GAAK,CACvB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/esn/Modal/ModalTitle.js

@@ -4,7 +4,7 @@ import Text from '../Text/Text';
  * Modal specific styled text to appear as a title.
  */
 const ModalTitle = (props) => {
-    return (React.createElement(Text, Object.assign({}, props, { letterSpacing: "x1", margin: "x4", size: "5", textColor: "grape-5", weight: "bold" })));
+    return (React.createElement(Text, { ...props, letterSpacing: "x1", margin: "x4", size: "5", textColor: "grape-5", weight: "bold" }));
 };
 export default ModalTitle;
 //# sourceMappingURL=ModalTitle.js.map

package/lib/esn/Modal/ModalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../src/Modal/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,UAAU,GAAmC,CAAC,KAAY,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,oBAAM,KAAK,IACZ,aAAa,EAAC,IAAI,EAClB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,MAAM,IAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../src/Modal/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAA4B,MAAM,cAAc,CAAC;AAIxD;;GAEG;AACH,MAAM,UAAU,GAAmC,CAAC,KAAY,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,IAAI,OAAM,KAAK,EACZ,aAAa,EAAC,IAAI,EAClB,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,MAAM,GAAG,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/esn/Notification/Notification.css

@@ -4,31 +4,31 @@
 }
 
 .Notification--type-alert {
-  border-color: var(--color-red--3);
-  background-color: var(--color-red--1);
-  color: var(--color-red--4);
+  border-color: var(--bitkit-colors-red-3);
+  background-color: var(--bitkit-colors-red-1);
+  color: var(--bitkit-colors-red-4);
 }
 
 .Notification--type-inform {
-  border-color: var(--color-blue--2);
-  background-color: var(--color-blue--1);
-  color: var(--color-blue--4);
+  border-color: var(--bitkit-colors-blue-2);
+  background-color: var(--bitkit-colors-blue-1);
+  color: var(--bitkit-colors-blue-4);
 }
 
 .Notification--type-progress {
-  border-color: var(--color-grape--2);
-  background-color: var(--color-grape--1);
-  color: var(--color-eggplant);
+  border-color: var(--bitkit-colors-grape-2);
+  background-color: var(--bitkit-colors-grape-1);
+  color: var(--bitkit-colors-eggplant);
 }
 
 .Notification--type-success {
-  border-color: var(--color-green--2);
-  background-color: var(--color-green--1);
-  color: var(--color-green--5);
+  border-color: var(--bitkit-colors-green-2);
+  background-color: var(--bitkit-colors-green-1);
+  color: var(--bitkit-colors-green-5);
 }
 
 .Notification--type-warning {
-  border-color: var(--color-yellow--3);
-  background-color: var(--color-yellow--1);
-  color: var(--color-yellow--5);
+  border-color: var(--bitkit-colors-yellow-3);
+  background-color: var(--bitkit-colors-yellow-1);
+  color: var(--bitkit-colors-yellow-5);
 }

package/lib/esn/Notification/Notification.js

@@ -17,7 +17,7 @@ const Notification = (props) => {
     const { children, onRemove, type, icon, className, ...rest } = props;
     const classes = classnames('Notification', `Notification--type-${type}`, className);
     const defaultIcon = defaultIcons[type];
-    return (React.createElement(Flex, Object.assign({}, rest, { alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", padding: "x3" }),
+    return (React.createElement(Flex, { ...rest, alignChildrenVertical: "middle", className: classes, direction: "horizontal", gap: "x2", padding: "x3" },
         (icon || defaultIcon || type === 'progress') && (React.createElement(Flex, null, type === 'progress'
             ? React.createElement(ProgressSpinner, null)
             : React.createElement(Icon, { name: icon || defaultIcon }))),

package/lib/esn/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,CAAC;AA4B5B,MAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,sBAAsB,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACpF,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,oBAAM,IAAI,IACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,IAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,eAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,IAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAC1D,OAAO,oBAAoB,CAAC;AA4B5B,MAAM,YAAY,GAEd;IACF,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,YAAY,GAAmC,CAAC,KAAY,EAAE,EAAE;IACpE,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE,sBAAsB,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;IACpF,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,OAAM,IAAI,EACX,qBAAqB,EAAC,QAAQ,EAC9B,SAAS,EAAG,OAAO,EACnB,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,EACR,OAAO,EAAC,IAAI;QACZ,CAAC,IAAI,IAAI,WAAW,IAAI,IAAI,KAAK,UAAU,CAAC,IAAI,CAChD,oBAAC,IAAI,QACD,IAAI,KAAK,UAAU;YACnB,CAAC,CAAC,oBAAC,eAAe,OAAG;YACrB,CAAC,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAG,IAAI,IAAI,WAAW,GAAK,CACpC,CACR;QAED,oBAAC,IAAI,IAAC,IAAI,QAAC,MAAM,UACb,QAAQ,CACL;QAEL,QAAQ,IAAI,CACZ,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAG,QAAQ;gBAChC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACF,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/esn/Placement/Placement.css

@@ -90,11 +90,11 @@
 }
 
 .Placement__area--horizontal .Placement__area:not(:last-child) {
-  border-right: 0.0625rem solid var(--color-gray--2);
+  border-right: 0.0625rem solid var(--bitkit-colors-gray-2);
 }
 
 .Placement__area--vertical .Placement__area:not(:last-child) {
-  border-top: 0.0625rem solid var(--color-gray--2);
+  border-top: 0.0625rem solid var(--bitkit-colors-gray-2);
 }
 
 .Placement__arrow {

package/lib/esn/Placement/Placement.js

@@ -13,7 +13,7 @@ import './Placement.css';
  * it can be used by iteself by using the referenceElement prop.
  */
 const Placement = (props) => {
-    return (React.createElement(ModalContext.Consumer, null, ({ modalElement }) => (React.createElement(PlacementPopper, Object.assign({}, props, { closeElement: modalElement, isInsideModal: !!modalElement })))));
+    return (React.createElement(ModalContext.Consumer, null, ({ modalElement }) => (React.createElement(PlacementPopper, { ...props, closeElement: modalElement, isInsideModal: !!modalElement }))));
 };
 Placement.defaultProps = {
     flip: true,