@activecollab/components 1.0.414 → 2.0.0

package/dist/esm/components/Typography/index.js

@@ -1,9 +1,94 @@
-export * from "./Variants/Title1";
-export * from "./Variants/Title2";
-export * from "./Variants/Header2";
-export * from "./Variants/Header3";
-export * from "./Variants/Body1";
-export * from "./Variants/Body2";
-export * from "./Variants/Caption1";
-export * from "./Variants/Caption2";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Title = require("./Variants/Title1");
+Object.keys(_Title).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Title[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Title[key];
+    }
+  });
+});
+var _Title2 = require("./Variants/Title2");
+Object.keys(_Title2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Title2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Title2[key];
+    }
+  });
+});
+var _Header = require("./Variants/Header2");
+Object.keys(_Header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header[key];
+    }
+  });
+});
+var _Header2 = require("./Variants/Header3");
+Object.keys(_Header2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Header2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Header2[key];
+    }
+  });
+});
+var _Body = require("./Variants/Body1");
+Object.keys(_Body).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Body[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Body[key];
+    }
+  });
+});
+var _Body2 = require("./Variants/Body2");
+Object.keys(_Body2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Body2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Body2[key];
+    }
+  });
+});
+var _Caption = require("./Variants/Caption1");
+Object.keys(_Caption).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Caption[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Caption[key];
+    }
+  });
+});
+var _Caption2 = require("./Variants/Caption2");
+Object.keys(_Caption2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Caption2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Caption2[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB"}
+{"version":3,"file":"index.js","names":["_Title","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Title2","_Header","_Header2","_Body","_Body2","_Caption","_Caption2"],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"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"}

package/dist/esm/components/ValueButton/Styles.js

@@ -1,27 +1,31 @@
-import styled, { css } from "styled-components";
-import { Body2 } from "../Typography";
-import { Button } from "../Button";
-export var StyledValueButtonLabel = styled(Body2).withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledValueButtonValue = exports.StyledValueButtonLabel = exports.StyledValueButton = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Typography = require("../Typography");
+var _Button = require("../Button");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledValueButtonLabel = exports.StyledValueButtonLabel = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledValueButtonLabel",
   componentId: "sc-7n59oz-0"
 })(["opacity:60%;margin-right:2px;"]);
 StyledValueButtonLabel.displayName = "StyledValueButtonLabel";
-export var StyledValueButtonValue = styled(Body2).withConfig({
+const StyledValueButtonValue = exports.StyledValueButtonValue = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledValueButtonValue",
   componentId: "sc-7n59oz-1"
 })([""]);
 StyledValueButtonValue.displayName = "StyledValueButtonValue";
-export var StyledValueButton = styled(Button).withConfig({
+const StyledValueButton = exports.StyledValueButton = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledValueButton",
   componentId: "sc-7n59oz-2"
-})(["", " ", ""], function (props) {
-  return props.$active && css(["", ",", "{", " color:var(--color-theme-900) !important;}svg{fill:var(--color-primary);}"], StyledValueButtonLabel, StyledValueButtonValue, {
-    "pointerEvents": "none"
-  });
-}, function (props) {
-  return props.$active !== true && css(["{&:hover{", ",", "{", " color:var(--color-theme-900) !important;}}"], StyledValueButtonLabel, StyledValueButtonValue, {
-    "pointerEvents": "none"
-  });
-});
+})(["", " ", ""], props => props.$active && (0, _styledComponents.css)(["", ",", "{", " color:var(--color-theme-900) !important;}svg{fill:var(--color-primary);}"], StyledValueButtonLabel, StyledValueButtonValue, {
+  "pointerEvents": "none"
+}), props => props.$active !== true && (0, _styledComponents.css)(["{&:hover{", ",", "{", " color:var(--color-theme-900) !important;}}"], StyledValueButtonLabel, StyledValueButtonValue, {
+  "pointerEvents": "none"
+}));
 StyledValueButton.displayName = "StyledValueButton";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/ValueButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Body2","Button","StyledValueButtonLabel","displayName","StyledValueButtonValue","StyledValueButton","props","$active"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends ButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,eAAe;AACrC,SAASC,MAAM,QAAqB,WAAW;AAE/C,OAAO,IAAMC,sBAAsB,GAAGJ,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,qCAGlD;AAEDE,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMC,sBAAsB,GAAGN,MAAM,CAACE,KAAK,CAAC;EAAA;EAAA;AAAA,QAAE;AAErDI,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAM7D,OAAO,IAAME,iBAAiB,GAAGP,MAAM,CAACG,MAAM,CAAC;EAAA;EAAA;AAAA,kBAC3C,UAACK,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACbR,GAAG,8FACCG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAO/B;AAAA,GAED,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,KAAK,IAAI,IACtBR,GAAG,yEAECG,sBAAsB,EACtBE,sBAAsB,EAClB;IAAA;EAAuB,CAAC,CAIjC;AAAA,EACF;AAEDC,iBAAiB,CAACF,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Typography","_Button","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledValueButtonLabel","exports","styled","Body2","withConfig","displayName","componentId","StyledValueButtonValue","StyledValueButton","Button","props","$active","css"],"sources":["../../../../src/components/ValueButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport const StyledValueButtonLabel = styled(Body2)`\n  opacity: 60%;\n  margin-right: 2px;\n`;\n\nStyledValueButtonLabel.displayName = \"StyledValueButtonLabel\";\n\nexport const StyledValueButtonValue = styled(Body2)``;\n\nStyledValueButtonValue.displayName = \"StyledValueButtonValue\";\n\ninterface IStyledValueButton extends ButtonProps {\n  $active?: boolean;\n}\n\nexport const StyledValueButton = styled(Button)<IStyledValueButton>`\n  ${(props) =>\n    props.$active &&\n    css`\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n\n      svg {\n        fill: var(--color-primary);\n      }\n    `}\n\n  ${(props) =>\n    props.$active !== true &&\n    css`{\n    &:hover {\n      ${StyledValueButtonLabel},\n      ${StyledValueButtonValue} {\n        ${tw`tw-pointer-events-none`}\n        color: var(--color-theme-900) !important;\n      }\n    }\n  `}\n`;\n\nStyledValueButton.displayName = \"StyledValueButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAgD,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,MAAMY,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAGlD;AAEDN,sBAAsB,CAACK,WAAW,GAAG,wBAAwB;AAEtD,MAAME,sBAAsB,GAAAN,OAAA,CAAAM,sBAAA,GAAG,IAAAL,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAErDC,sBAAsB,CAACF,WAAW,GAAG,wBAAwB;AAMtD,MAAMG,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,yBAAM,EAACO,cAAM,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC1CI,KAAK,IACNA,KAAK,CAACC,OAAO,QACbC,qBAAG,+FACCZ,sBAAsB,EACtBO,sBAAsB,EAClB;EAAA;AAAuB,CAAC,CAO/B,EAEAG,KAAK,IACNA,KAAK,CAACC,OAAO,KAAK,IAAI,QACtBC,qBAAG,0EAECZ,sBAAsB,EACtBO,sBAAsB,EAClB;EAAA;AAAuB,CAAC,CAIjC,CACF;AAEDC,iBAAiB,CAACH,WAAW,GAAG,mBAAmB"}

package/dist/esm/components/ValueButton/ValueButton.js

@@ -1,32 +1,39 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["active", "alwaysShowIcon", "icon", "label", "value"];
-import React, { forwardRef } from "react";
-import { StyledValueButton, StyledValueButtonLabel, StyledValueButtonValue } from "./Styles";
-export var ValueButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    _ref$alwaysShowIcon = _ref.alwaysShowIcon,
-    alwaysShowIcon = _ref$alwaysShowIcon === void 0 ? false : _ref$alwaysShowIcon,
-    icon = _ref.icon,
-    label = _ref.label,
-    value = _ref.value,
-    args = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledValueButton, _extends({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ValueButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ValueButton = exports.ValueButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    active = false,
+    alwaysShowIcon = false,
+    icon,
+    label,
+    value,
+    ...args
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButton, (0, _extends2.default)({
     className: "c-value-button"
   }, args, {
     ref: ref,
     variant: "text gray",
     $active: active
-  }), icon && alwaysShowIcon ? /*#__PURE__*/React.cloneElement(icon, {
+  }), icon && alwaysShowIcon ? /*#__PURE__*/_react.default.cloneElement(icon, {
     style: {
       display: "inline-block"
     }
-  }) : null, label ? /*#__PURE__*/React.createElement(StyledValueButtonLabel, {
+  }) : null, label ? /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButtonLabel, {
     color: "secondary",
     weight: "medium",
     className: "c-value-button__label"
-  }, label, ":") : null, /*#__PURE__*/React.createElement(StyledValueButtonValue, {
+  }, label, ":") : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledValueButtonValue, {
     color: "secondary",
     weight: "medium",
     className: "c-value-button__value"

package/dist/esm/components/ValueButton/ValueButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueButton.js","names":["React","forwardRef","StyledValueButton","StyledValueButtonLabel","StyledValueButtonValue","ValueButton","ref","active","alwaysShowIcon","icon","label","value","args","cloneElement","style","display","displayName"],"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className=\"c-value-button\"\n        {...args}\n        ref={ref}\n        variant=\"text gray\"\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color=\"secondary\"\n            weight=\"medium\"\n            className=\"c-value-button__label\"\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color=\"secondary\"\n          weight=\"medium\"\n          className=\"c-value-button__value\"\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AACvD,SACEC,iBAAiB,EACjBC,sBAAsB,EACtBC,sBAAsB,QACjB,UAAU;AAejB,OAAO,IAAMC,WAAW,gBAAGJ,UAAU,CACnC,gBAEEK,GAAG,EACA;EAAA,uBAFDC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAA,2BAAEC,cAAc;IAAdA,cAAc,oCAAG,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EAGrE,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAC;EAAgB,GACtBA,IAAI;IACR,GAAG,EAAEN,GAAI;IACT,OAAO,EAAC,WAAW;IACnB,OAAO,EAAEC;EAAO,IAEfE,IAAI,IAAID,cAAc,gBACnBR,KAAK,CAACa,YAAY,CAACJ,IAAI,EAAE;IACvBK,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAe;EACnC,CAAC,CAAC,GACF,IAAI,EACPL,KAAK,gBACJ,oBAAC,sBAAsB;IACrB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAC;EAAuB,GAEhCA,KAAK,EAAC,GACT,CAAyB,GACvB,IAAI,eACR,oBAAC,sBAAsB;IACrB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAC;EAAuB,GAEhCC,KAAK,CACiB,CACP;AAExB,CAAC,CACF;AAEDN,WAAW,CAACW,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ValueButton.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ValueButton","exports","forwardRef","_ref","ref","active","alwaysShowIcon","icon","label","value","args","createElement","StyledValueButton","_extends2","className","variant","$active","React","cloneElement","style","display","StyledValueButtonLabel","color","weight","StyledValueButtonValue","displayName"],"sources":["../../../../src/components/ValueButton/ValueButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport {\n  StyledValueButton,\n  StyledValueButtonLabel,\n  StyledValueButtonValue,\n} from \"./Styles\";\n\ninterface IValueButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Value */\n  value: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Always show icon */\n  alwaysShowIcon?: boolean;\n}\n\nexport const ValueButton = forwardRef<HTMLButtonElement, IValueButtonProps>(\n  (\n    { active = false, alwaysShowIcon = false, icon, label, value, ...args },\n    ref\n  ) => {\n    return (\n      <StyledValueButton\n        className=\"c-value-button\"\n        {...args}\n        ref={ref}\n        variant=\"text gray\"\n        $active={active}\n      >\n        {icon && alwaysShowIcon\n          ? React.cloneElement(icon, {\n              style: { display: \"inline-block\" },\n            })\n          : null}\n        {label ? (\n          <StyledValueButtonLabel\n            color=\"secondary\"\n            weight=\"medium\"\n            className=\"c-value-button__label\"\n          >\n            {label}:\n          </StyledValueButtonLabel>\n        ) : null}\n        <StyledValueButtonValue\n          color=\"secondary\"\n          weight=\"medium\"\n          className=\"c-value-button__value\"\n        >\n          {value}\n        </StyledValueButtonValue>\n      </StyledValueButton>\n    );\n  }\n);\n\nValueButton.displayName = \"ValueButton\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAIkB,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAeX,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,MAAM,GAAG,KAAK;IAAEC,cAAc,GAAG,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGvE,oBACE5B,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACjC,OAAA,CAAAkC,iBAAiB,MAAAC,SAAA,CAAA5B,OAAA;IAChB6B,SAAS,EAAC;EAAgB,GACtBJ,IAAI;IACRN,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEX;EAAO,IAEfE,IAAI,IAAID,cAAc,gBACnBW,cAAK,CAACC,YAAY,CAACX,IAAI,EAAE;IACvBY,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAe;EACnC,CAAC,CAAC,GACF,IAAI,EACPZ,KAAK,gBACJjC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACjC,OAAA,CAAA2C,sBAAsB;IACrBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,QAAQ;IACfT,SAAS,EAAC;EAAuB,GAEhCN,KAAK,EAAC,GACe,CAAC,GACvB,IAAI,eACRjC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,CAACjC,OAAA,CAAA8C,sBAAsB;IACrBF,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,QAAQ;IACfT,SAAS,EAAC;EAAuB,GAEhCL,KACqB,CACP,CAAC;AAExB,CACF,CAAC;AAEDT,WAAW,CAACyB,WAAW,GAAG,aAAa"}

package/dist/esm/components/ValueButton/index.js

@@ -1,2 +1,17 @@
-export * from "./ValueButton";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ValueButton = require("./ValueButton");
+Object.keys(_ValueButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ValueButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ValueButton[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ValueButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ValueButton/index.ts"],"sourcesContent":["export * from \"./ValueButton\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":["_ValueButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ValueButton/index.ts"],"sourcesContent":["export * from \"./ValueButton\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Window/Style.js

@@ -1,9 +1,16 @@
-import styled from "styled-components";
-import { FontStyle } from "../FontStyle";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-export var StyledWindow = styled.div.withConfig({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledWindow = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _FontStyle = require("../FontStyle");
+var _BoxSizingStyle = require("../BoxSizingStyle");
+const StyledWindow = exports.StyledWindow = _styledComponents.default.div.withConfig({
   displayName: "Style__StyledWindow",
   componentId: "sc-rnlftg-0"
-})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
+})(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledWindow.displayName = "StyledWindow";
 //# sourceMappingURL=Style.js.map

package/dist/esm/components/Window/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","names":["styled","FontStyle","BoxSizingStyle","StyledWindow","div","displayName"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG;EAAA;EAAA;AAAA,gEAClCH,SAAS,EACTC,cAAc,CAOjB;AAEDC,YAAY,CAACE,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Style.js","names":["_styledComponents","_interopRequireDefault","require","_FontStyle","_BoxSizingStyle","StyledWindow","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle"],"sources":["../../../../src/components/Window/Style.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledWindow = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n`;\n\nStyledWindow.displayName = \"StyledWindow\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAClCC,oBAAS,EACTC,8BAAc,CAOjB;AAEDR,YAAY,CAACK,WAAW,GAAG,cAAc"}

package/dist/esm/components/Window/Window.js

@@ -1,37 +1,43 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
-import React, { useCallback, useRef, forwardRef } from "react";
-import classnames from "classnames";
-import FocusLock from "react-focus-lock";
-import { Portal, useLayerContext } from "../../helpers";
-import useForkRef from "../../utils/useForkRef";
-import { RemoveScroll } from "react-remove-scroll";
-import { StyledWindow } from "./Style";
-import { layers } from "../../utils";
-var returnFocus = {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Window = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
+var _helpers = require("../../helpers");
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+var _reactRemoveScroll = require("react-remove-scroll");
+var _Style = require("./Style");
+var _utils = require("../../utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const returnFocus = {
   preventScroll: true
 };
-export var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    onClose = _ref.onClose,
-    className = _ref.className,
-    style = _ref.style,
-    onKeyDown = _ref.onKeyDown,
-    _ref$disableFocusLock = _ref.disableFocusLock,
-    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
-    _ref$disableScrollLoc = _ref.disableScrollLock,
-    disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
-    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
-    onClick = _ref.onClick,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var innerRef = useRef(null);
-  var handleRef = useForkRef(innerRef, ref);
-  var _useLayerContext = useLayerContext(),
-    _useLayerContext$zInd = _useLayerContext.zIndex,
-    zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
-  var handleKeyDown = useCallback(function (event) {
+const Window = exports.Window = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children,
+    onClose,
+    className,
+    style,
+    onKeyDown,
+    disableFocusLock = false,
+    disableScrollLock = false,
+    disableCloseOnEsc = false,
+    onClick,
+    ...rest
+  } = _ref;
+  const innerRef = (0, _react.useRef)(null);
+  const handleRef = (0, _useForkRef.default)(innerRef, ref);
+  const {
+    zIndex = _utils.layers.skyscraper
+  } = (0, _helpers.useLayerContext)();
+  const handleKeyDown = (0, _react.useCallback)(event => {
     if (!event.defaultPrevented && (event.key === "Esc" || event.key === "Escape") && !disableCloseOnEsc) {
       event.preventDefault();
       if (onClose) {
@@ -42,25 +48,26 @@ export var Window = /*#__PURE__*/forwardRef(function (_ref, ref) {
       onKeyDown(event);
     }
   }, [disableCloseOnEsc, onClose, onKeyDown]);
-  var handleClick = useCallback(function (event) {
-    event == null ? void 0 : event.stopPropagation();
+  const handleClick = (0, _react.useCallback)(event => {
+    event?.stopPropagation();
     typeof onClick === "function" && onClick(event);
   }, [onClick]);
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FocusLock, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
     returnFocus: returnFocus,
     disabled: disableFocusLock
-  }, /*#__PURE__*/React.createElement(RemoveScroll, {
+  }, /*#__PURE__*/_react.default.createElement(_reactRemoveScroll.RemoveScroll, {
     forwardProps: true,
     ref: handleRef,
     enabled: !disableScrollLock,
     noIsolation: true
-  }, /*#__PURE__*/React.createElement(StyledWindow, _extends({}, rest, {
-    style: _extends({
-      zIndex: zIndex
-    }, style),
+  }, /*#__PURE__*/_react.default.createElement(_Style.StyledWindow, (0, _extends2.default)({}, rest, {
+    style: {
+      zIndex,
+      ...style
+    },
     onKeyDown: handleKeyDown,
     tabIndex: 0,
-    className: classnames("c-window", className),
+    className: (0, _classnames.default)("c-window", className),
     onClick: handleClick
   }), children))));
 });

package/dist/esm/components/Window/Window.js.map

@@ -1 +1 @@
-{"version":3,"file":"Window.js","names":["React","useCallback","useRef","forwardRef","classnames","FocusLock","Portal","useLayerContext","useForkRef","RemoveScroll","StyledWindow","layers","returnFocus","preventScroll","Window","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","disableCloseOnEsc","onClick","rest","innerRef","handleRef","zIndex","skyscraper","handleKeyDown","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\nimport { layers } from \"../../utils\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,EAAEC,UAAU,QAAuB,OAAO;AAC7E,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,kBAAkB;AACxC,SAASC,MAAM,EAAEC,eAAe,QAAQ,eAAe;AACvD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SAASC,YAAY,QAAQ,SAAS;AACtC,SAASC,MAAM,QAAQ,aAAa;AASpC,IAAMC,WAAW,GAAG;EAAEC,aAAa,EAAE;AAAK,CAAC;AAE3C,OAAO,IAAMC,MAAM,gBAAGX,UAAU,CAI9B,gBAaEY,GAAG,EACA;EAAA,IAZDC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,KAAK,QAALA,KAAK;IACLC,SAAS,QAATA,SAAS;IAAA,6BACTC,gBAAgB;IAAhBA,gBAAgB,sCAAG,KAAK;IAAA,6BACxBC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;IAAA,6BACzBC,iBAAiB;IAAjBA,iBAAiB,sCAAG,KAAK;IACzBC,OAAO,QAAPA,OAAO;IACJC,IAAI;EAIT,IAAMC,QAAQ,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EAC7C,IAAMyB,SAAS,GAAGnB,UAAU,CAACkB,QAAQ,EAAEX,GAAG,CAAC;EAC3C,uBAAuCR,eAAe,EAAE;IAAA,yCAAhDqB,MAAM;IAANA,MAAM,sCAAGjB,MAAM,CAACkB,UAAU;EAElC,IAAMC,aAAa,GAAG7B,WAAW,CAC/B,UAAC8B,KAAoC,EAAK;IACxC,IACE,CAACA,KAAK,CAACC,gBAAgB,KACtBD,KAAK,CAACE,GAAG,KAAK,KAAK,IAAIF,KAAK,CAACE,GAAG,KAAK,QAAQ,CAAC,IAC/C,CAACV,iBAAiB,EAClB;MACAQ,KAAK,CAACG,cAAc,EAAE;MACtB,IAAIjB,OAAO,EAAE;QACXA,OAAO,EAAE;MACX;IACF;IACA,IAAI,OAAOG,SAAS,KAAK,UAAU,EAAE;MACnCA,SAAS,CAACW,KAAK,CAAC;IAClB;EACF,CAAC,EACD,CAACR,iBAAiB,EAAEN,OAAO,EAAEG,SAAS,CAAC,CACxC;EAED,IAAMe,WAAW,GAAGlC,WAAW,CAC7B,UAAC8B,KAAK,EAAK;IACTA,KAAK,oBAALA,KAAK,CAAEK,eAAe,EAAE;IACxB,OAAOZ,OAAO,KAAK,UAAU,IAAIA,OAAO,CAACO,KAAK,CAAC;EACjD,CAAC,EACD,CAACP,OAAO,CAAC,CACV;EAED,oBACE,oBAAC,MAAM,qBACL,oBAAC,SAAS;IAAC,WAAW,EAAEZ,WAAY;IAAC,QAAQ,EAAES;EAAiB,gBAC9D,oBAAC,YAAY;IACX,YAAY;IACZ,GAAG,EAAEM,SAAU;IACf,OAAO,EAAE,CAACL,iBAAkB;IAC5B,WAAW;EAAA,gBAEX,oBAAC,YAAY,eACPG,IAAI;IACR,KAAK;MAAIG,MAAM,EAANA;IAAM,GAAKT,KAAK,CAAG;IAC5B,SAAS,EAAEW,aAAc;IACzB,QAAQ,EAAE,CAAE;IACZ,SAAS,EAAE1B,UAAU,CAAC,UAAU,EAAEc,SAAS,CAAE;IAC7C,OAAO,EAAEiB;EAAY,IAEpBnB,QAAQ,CACI,CACF,CACL,CACL;AAEb,CAAC,CACF;AAEDF,MAAM,CAACuB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Window.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_reactFocusLock","_helpers","_useForkRef","_reactRemoveScroll","_Style","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","returnFocus","preventScroll","Window","exports","forwardRef","_ref","ref","children","onClose","className","style","onKeyDown","disableFocusLock","disableScrollLock","disableCloseOnEsc","onClick","rest","innerRef","useRef","handleRef","useForkRef","zIndex","layers","skyscraper","useLayerContext","handleKeyDown","useCallback","event","defaultPrevented","key","preventDefault","handleClick","stopPropagation","createElement","Portal","disabled","RemoveScroll","forwardProps","enabled","noIsolation","StyledWindow","_extends2","tabIndex","classnames","displayName"],"sources":["../../../../src/components/Window/Window.tsx"],"sourcesContent":["import React, { useCallback, useRef, forwardRef, KeyboardEvent } from \"react\";\nimport classnames from \"classnames\";\nimport FocusLock from \"react-focus-lock\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { StyledWindow } from \"./Style\";\nimport { layers } from \"../../utils\";\n\nexport interface IWindow {\n  onClose?: () => void;\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  disableCloseOnEsc?: boolean;\n}\n\nconst returnFocus = { preventScroll: true };\n\nexport const Window = forwardRef<\n  HTMLDivElement,\n  IWindow & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IWindow>\n>(\n  (\n    {\n      children,\n      onClose,\n      className,\n      style,\n      onKeyDown,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableCloseOnEsc = false,\n      onClick,\n      ...rest\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n    const { zIndex = layers.skyscraper } = useLayerContext();\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        if (\n          !event.defaultPrevented &&\n          (event.key === \"Esc\" || event.key === \"Escape\") &&\n          !disableCloseOnEsc\n        ) {\n          event.preventDefault();\n          if (onClose) {\n            onClose();\n          }\n        }\n        if (typeof onKeyDown === \"function\") {\n          onKeyDown(event);\n        }\n      },\n      [disableCloseOnEsc, onClose, onKeyDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        event?.stopPropagation();\n        typeof onClick === \"function\" && onClick(event);\n      },\n      [onClick]\n    );\n\n    return (\n      <Portal>\n        <FocusLock returnFocus={returnFocus} disabled={disableFocusLock}>\n          <RemoveScroll\n            forwardProps\n            ref={handleRef}\n            enabled={!disableScrollLock}\n            noIsolation\n          >\n            <StyledWindow\n              {...rest}\n              style={{ zIndex, ...style }}\n              onKeyDown={handleKeyDown}\n              tabIndex={0}\n              className={classnames(\"c-window\", className)}\n              onClick={handleClick}\n            >\n              {children}\n            </StyledWindow>\n          </RemoveScroll>\n        </FocusLock>\n      </Portal>\n    );\n  }\n);\n\nWindow.displayName = \"Window\";\n"],"mappings":"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"}

package/dist/esm/components/Window/index.js

@@ -1,2 +1,17 @@
-export * from "./Window";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Window = require("./Window");
+Object.keys(_Window).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Window[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Window[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Window/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Window/index.ts"],"sourcesContent":["export * from \"./Window\";\n"],"mappings":"AAAA,cAAc,UAAU"}
+{"version":3,"file":"index.js","names":["_Window","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Window/index.ts"],"sourcesContent":["export * from \"./Window\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Wizard/Step.js

@@ -1,47 +1,54 @@
-import React, { useCallback } from "react";
-import { ArrowBackMobileIcon, CancelCrossIcon } from "../Icons";
-import { IconButton } from "../IconButton";
-import { StepActionButton } from "./StepActionButton";
-import { Dialog } from "../Dialog";
-import { Caption2, Header3 } from "../Typography";
-import { StyledStepTitle, StyledStepHeaderLeft, StyledStepHeader, StyledCustomStep } from "./Styles";
-export var Step = function Step(_ref) {
-  var index = _ref.index,
-    isLast = _ref.isLast,
-    subtitle = _ref.subtitle,
-    title = _ref.title,
-    onNextButtonClick = _ref.onNextButtonClick,
-    onPreviousButtonClick = _ref.onPreviousButtonClick,
-    onClose = _ref.onClose,
-    children = _ref.children,
-    _ref$actionLabel = _ref.actionLabel,
-    actionLabel = _ref$actionLabel === void 0 ? "Proceed" : _ref$actionLabel,
-    _ref$shouldRenderNext = _ref.shouldRenderNextButton,
-    shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
-    _ref$changingStepInPr = _ref.changingStepInProgress,
-    changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr,
-    _ref$skip = _ref.skip,
-    skip = _ref$skip === void 0 ? false : _ref$skip;
-  var onActionButtonClick = useCallback(function () {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Step = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icons = require("../Icons");
+var _IconButton = require("../IconButton");
+var _StepActionButton = require("./StepActionButton");
+var _Dialog = require("../Dialog");
+var _Typography = require("../Typography");
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Step = _ref => {
+  let {
+    index,
+    isLast,
+    subtitle,
+    title,
+    onNextButtonClick,
+    onPreviousButtonClick,
+    onClose,
+    children,
+    actionLabel = "Proceed",
+    shouldRenderNextButton = true,
+    changingStepInProgress = false,
+    skip = false
+  } = _ref;
+  const onActionButtonClick = (0, _react.useCallback)(() => {
     if (isLast && onClose) {
       return onClose();
     }
     return onNextButtonClick && onNextButtonClick();
   }, [isLast, onClose, onNextButtonClick]);
-  return !skip ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(IconButton, {
+  return !skip ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
     onClick: onPreviousButtonClick,
     variant: "text gray",
     className: "tw--ml-3 tw-mr-2",
     disabled: changingStepInProgress
-  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowBackMobileIcon, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepTitle, null, /*#__PURE__*/_react.default.createElement(_Typography.Caption2, null, title), /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, subtitle))), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
     onClick: onClose,
     variant: "text gray",
     disabled: changingStepInProgress
-  }, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Content, null, children), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(StepActionButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, children), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_StepActionButton.StepActionButton, {
     isLast: isLast,
     actionLabel: actionLabel,
     onNextButtonClick: onActionButtonClick
-  }))) : /*#__PURE__*/React.createElement(StyledCustomStep, null, children)) : null;
+  }))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledCustomStep, null, children)) : null;
 };
+exports.Step = Step;
 Step.displayName = "Step";
 //# sourceMappingURL=Step.js.map