@activecollab/components 2.0.90 → 2.0.91

package/dist/esm/components/CommandPalette/CommandPaletteList.js

@@ -1,26 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CommandPaletteList = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _CommandPalette = require("./CommandPalette.styles");
-const CommandPaletteList = _ref => {
+import React from "react";
+import { StyledCommandPaletteList, StyledHeading } from "./CommandPalette.styles";
+export const CommandPaletteList = _ref => {
   let {
     children,
     heading,
     visible = false
   } = _ref;
-  return visible ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledCommandPaletteList, {
+  return visible ? /*#__PURE__*/React.createElement(StyledCommandPaletteList, {
     className: "cp-list",
     tabIndex: -1,
     role: "listbox"
-  }, heading ? /*#__PURE__*/_react.default.createElement(_CommandPalette.StyledHeading, {
+  }, heading ? /*#__PURE__*/React.createElement(StyledHeading, {
     tabIndex: -1
   }, heading) : null, children) : null;
 };
-exports.CommandPaletteList = CommandPaletteList;
 CommandPaletteList.displayName = "CommandPaletteList";
 //# sourceMappingURL=CommandPaletteList.js.map

package/dist/esm/components/CommandPalette/CommandPaletteList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteList.js","names":["_react","_interopRequireDefault","require","_CommandPalette","CommandPaletteList","_ref","children","heading","visible","default","createElement","StyledCommandPaletteList","className","tabIndex","role","StyledHeading","exports","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n  StyledCommandPaletteList,\n  StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n  return visible ? (\n    <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n      {children}\n    </StyledCommandPaletteList>\n  ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAUO,MAAME,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAJf;IACjCC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAG;EACgC,CAAC,GAAAH,IAAA;EAC3C,OAAOG,OAAO,gBACZR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAQ,wBAAwB;IAACC,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEP,OAAO,gBAAGP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAY,aAAa;IAACF,QAAQ,EAAE,CAAC;EAAE,GAAEN,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAACU,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAACa,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPaletteList.js","names":["React","StyledCommandPaletteList","StyledHeading","CommandPaletteList","_ref","children","heading","visible","createElement","className","tabIndex","role","displayName"],"sources":["../../../../src/components/CommandPalette/CommandPaletteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport {\n  StyledCommandPaletteList,\n  StyledHeading,\n} from \"./CommandPalette.styles\";\n\nexport interface CommandPaletteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPaletteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPaletteListProps>) => {\n  return visible ? (\n    <StyledCommandPaletteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n      {children}\n    </StyledCommandPaletteList>\n  ) : null;\n};\n\nCommandPaletteList.displayName = \"CommandPaletteList\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA6B,OAAO;AAEhD,SACEC,wBAAwB,EACxBC,aAAa,QACR,yBAAyB;AAOhC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAIgB;EAAA,IAJf;IACjCC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAG;EACgC,CAAC,GAAAH,IAAA;EAC3C,OAAOG,OAAO,gBACZP,KAAA,CAAAQ,aAAA,CAACP,wBAAwB;IAACQ,SAAS,EAAC,SAAS;IAACC,QAAQ,EAAE,CAAC,CAAE;IAACC,IAAI,EAAC;EAAS,GACvEL,OAAO,gBAAGN,KAAA,CAAAQ,aAAA,CAACN,aAAa;IAACQ,QAAQ,EAAE,CAAC;EAAE,GAAEJ,OAAuB,CAAC,GAAG,IAAI,EAEvED,QACuB,CAAC,GACzB,IAAI;AACV,CAAC;AAEDF,kBAAkB,CAACS,WAAW,GAAG,oBAAoB"}

package/dist/esm/components/CommandPalette/context/ModeContext.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useModeContext = exports.ModeContextProvider = exports.ModeContext = void 0;
-var _react = require("react");
-const ModeContext = exports.ModeContext = /*#__PURE__*/(0, _react.createContext)({
+import { createContext, useContext } from "react";
+export const ModeContext = /*#__PURE__*/createContext({
   mode: "default",
   setMode: () => null,
   idModeEnabled: false
 });
-const ModeContextProvider = exports.ModeContextProvider = ModeContext.Provider;
-const useModeContext = () => (0, _react.useContext)(ModeContext);
-exports.useModeContext = useModeContext;
+export const ModeContextProvider = ModeContext.Provider;
+export const useModeContext = () => useContext(ModeContext);
 //# sourceMappingURL=ModeContext.js.map

package/dist/esm/components/CommandPalette/context/ModeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeContext.js","names":["_react","require","ModeContext","exports","createContext","mode","setMode","idModeEnabled","ModeContextProvider","Provider","useModeContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { SearchContext } from \"../CommandPalette\";\n\ninterface ModeContextProps {\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  idModeEnabled: boolean;\n}\n\nexport const ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n  idModeEnabled: false,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,oBAAa,EAAmB;EACzDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEK,MAAMC,mBAAmB,GAAAL,OAAA,CAAAK,mBAAA,GAAGN,WAAW,CAACO,QAAQ;AAEhD,MAAMC,cAAc,GAAGA,CAAA,KAAwB,IAAAC,iBAAU,EAACT,WAAW,CAAC;AAACC,OAAA,CAAAO,cAAA,GAAAA,cAAA"}
+{"version":3,"file":"ModeContext.js","names":["createContext","useContext","ModeContext","mode","setMode","idModeEnabled","ModeContextProvider","Provider","useModeContext"],"sources":["../../../../../src/components/CommandPalette/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { SearchContext } from \"../CommandPalette\";\n\ninterface ModeContextProps {\n  mode: string | SearchContext;\n  setMode: (value: string) => void;\n  idModeEnabled: boolean;\n}\n\nexport const ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n  idModeEnabled: false,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAUjD,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAAmB;EACzDG,IAAI,EAAE,SAAS;EACfC,OAAO,EAAEA,CAAA,KAAM,IAAI;EACnBC,aAAa,EAAE;AACjB,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAEvD,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAwBP,UAAU,CAACC,WAAW,CAAC"}

package/dist/esm/components/CommandPalette/context/SearchContext.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSearchContext = exports.SearchContextProvider = exports.SearchContext = void 0;
-var _react = require("react");
-const SearchContext = exports.SearchContext = /*#__PURE__*/(0, _react.createContext)({
+import { createContext, useContext } from "react";
+export const SearchContext = /*#__PURE__*/createContext({
   search: "",
   onChangeSearch: () => null
 });
-const SearchContextProvider = exports.SearchContextProvider = SearchContext.Provider;
-const useSearchContext = () => (0, _react.useContext)(SearchContext);
-exports.useSearchContext = useSearchContext;
+export const SearchContextProvider = SearchContext.Provider;
+export const useSearchContext = () => useContext(SearchContext);
 //# sourceMappingURL=SearchContext.js.map

package/dist/esm/components/CommandPalette/context/SearchContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchContext.js","names":["_react","require","SearchContext","exports","createContext","search","onChangeSearch","SearchContextProvider","Provider","useSearchContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SearchContextProps {\n  search: string;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const SearchContext = createContext<SearchContextProps>({\n  search: \"\",\n  onChangeSearch: () => null,\n});\n\nexport const SearchContextProvider = SearchContext.Provider;\n\nexport const useSearchContext = (): SearchContextProps =>\n  useContext(SearchContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,oBAAa,EAAqB;EAC7DC,MAAM,EAAE,EAAE;EACVC,cAAc,EAAEA,CAAA,KAAM;AACxB,CAAC,CAAC;AAEK,MAAMC,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,GAAGL,aAAa,CAACM,QAAQ;AAEpD,MAAMC,gBAAgB,GAAGA,CAAA,KAC9B,IAAAC,iBAAU,EAACR,aAAa,CAAC;AAACC,OAAA,CAAAM,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"SearchContext.js","names":["createContext","useContext","SearchContext","search","onChangeSearch","SearchContextProvider","Provider","useSearchContext"],"sources":["../../../../../src/components/CommandPalette/context/SearchContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SearchContextProps {\n  search: string;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const SearchContext = createContext<SearchContextProps>({\n  search: \"\",\n  onChangeSearch: () => null,\n});\n\nexport const SearchContextProvider = SearchContext.Provider;\n\nexport const useSearchContext = (): SearchContextProps =>\n  useContext(SearchContext);\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,MAAMC,aAAa,gBAAGF,aAAa,CAAqB;EAC7DG,MAAM,EAAE,EAAE;EACVC,cAAc,EAAEA,CAAA,KAAM;AACxB,CAAC,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAAQ;AAE3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAC9BN,UAAU,CAACC,aAAa,CAAC"}

package/dist/esm/components/CommandPalette/context/SelectedContext.js

@@ -1,15 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSelectedContext = exports.SelectedContextProvider = exports.SelectedContext = void 0;
-var _react = require("react");
-const SelectedContext = exports.SelectedContext = /*#__PURE__*/(0, _react.createContext)({
+import { createContext, useContext } from "react";
+export const SelectedContext = /*#__PURE__*/createContext({
   selected: 0,
   setSelected: () => null
 });
-const SelectedContextProvider = exports.SelectedContextProvider = SelectedContext.Provider;
-const useSelectedContext = () => (0, _react.useContext)(SelectedContext);
-exports.useSelectedContext = useSelectedContext;
+export const SelectedContextProvider = SelectedContext.Provider;
+export const useSelectedContext = () => useContext(SelectedContext);
 //# sourceMappingURL=SelectedContext.js.map

package/dist/esm/components/CommandPalette/context/SelectedContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedContext.js","names":["_react","require","SelectedContext","exports","createContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext","useContext"],"sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SelectedContextProps {\n  selected: number;\n  setSelected: (value: number) => void;\n}\n\nexport const SelectedContext = createContext<SelectedContextProps>({\n  selected: 0,\n  setSelected: () => null,\n});\n\nexport const SelectedContextProvider = SelectedContext.Provider;\n\nexport const useSelectedContext = (): SelectedContextProps =>\n  useContext(SelectedContext);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,gBAAG,IAAAE,oBAAa,EAAuB;EACjEC,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAEA,CAAA,KAAM;AACrB,CAAC,CAAC;AAEK,MAAMC,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAGL,eAAe,CAACM,QAAQ;AAExD,MAAMC,kBAAkB,GAAGA,CAAA,KAChC,IAAAC,iBAAU,EAACR,eAAe,CAAC;AAACC,OAAA,CAAAM,kBAAA,GAAAA,kBAAA"}
+{"version":3,"file":"SelectedContext.js","names":["createContext","useContext","SelectedContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext"],"sources":["../../../../../src/components/CommandPalette/context/SelectedContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SelectedContextProps {\n  selected: number;\n  setSelected: (value: number) => void;\n}\n\nexport const SelectedContext = createContext<SelectedContextProps>({\n  selected: 0,\n  setSelected: () => null,\n});\n\nexport const SelectedContextProvider = SelectedContext.Provider;\n\nexport const useSelectedContext = (): SelectedContextProps =>\n  useContext(SelectedContext);\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACjEG,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAEA,CAAA,KAAM;AACrB,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,GAAGH,eAAe,CAACI,QAAQ;AAE/D,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAChCN,UAAU,CAACC,eAAe,CAAC"}

package/dist/esm/components/CommandPalette/context/index.js

@@ -1,39 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ModeContext = require("./ModeContext");
-Object.keys(_ModeContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ModeContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ModeContext[key];
-    }
-  });
-});
-var _SelectedContext = require("./SelectedContext");
-Object.keys(_SelectedContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SelectedContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SelectedContext[key];
-    }
-  });
-});
-var _SearchContext = require("./SearchContext");
-Object.keys(_SearchContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SearchContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SearchContext[key];
-    }
-  });
-});
+export * from "./ModeContext";
+export * from "./SelectedContext";
+export * from "./SearchContext";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/CommandPalette/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ModeContext","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_SelectedContext","_SearchContext"],"sources":["../../../../../src/components/CommandPalette/context/index.ts"],"sourcesContent":["export * from \"./ModeContext\";\nexport * from \"./SelectedContext\";\nexport * from \"./SearchContext\";\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;AACA,IAAAK,gBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,gBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,gBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,gBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/CommandPalette/context/index.ts"],"sourcesContent":["export * from \"./ModeContext\";\nexport * from \"./SelectedContext\";\nexport * from \"./SearchContext\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}

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

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

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

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

package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CompleteCheckbox = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-const CompleteCheckbox = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classnames from "classnames";
+import { StyledCompleteCheckbox } from "./Styles";
+export const CompleteCheckbox = _ref => {
   let {
     completed = false,
     disabled = false,
@@ -20,23 +13,22 @@ const CompleteCheckbox = _ref => {
     checkMarkClassName,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledCompleteCheckbox, _extends({
     onClick: onClick,
-    className: (0, _classnames.default)("c-complete-checkbox", className),
+    className: classnames("c-complete-checkbox", className),
     $primary: primary,
     $completed: completed,
     $disabled: disabled,
     $animation: !disabled && completed && animate,
     $checkMarkClassName: !!checkMarkClassName
-  }, rest), /*#__PURE__*/_react.default.createElement("svg", {
+  }, rest), /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 48 48",
     className: checkMarkClassName
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"
-  }), /*#__PURE__*/_react.default.createElement("polyline", {
+  }), /*#__PURE__*/React.createElement("polyline", {
     points: "19.5,24 22.5,27 28.5,21"
   })));
 };
-exports.CompleteCheckbox = CompleteCheckbox;
 CompleteCheckbox.displayName = "CompleteCheckbox";
 //# sourceMappingURL=CompleteCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompleteCheckbox.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","default","createElement","StyledCompleteCheckbox","_extends2","classnames","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","exports","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAoBO,MAAMG,gBAA4C,GAAGC,IAAA,IAStD;EAAA,IATuD;IAC3DC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,SAAS;IACTC,OAAO,GAAG,KAAK;IACfC,kBAAkB;IAClB,GAAGC;EACL,CAAC,GAAAR,IAAA;EACC,oBACEN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAa,sBAAsB,MAAAC,SAAA,CAAAH,OAAA;IACrBL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAE,IAAAQ,mBAAU,EAAC,qBAAqB,EAAER,SAAS,CAAE;IACxDS,QAAQ,EAAER,OAAQ;IAClBS,UAAU,EAAEd,SAAU;IACtBe,SAAS,EAAEd,QAAS;IACpBe,UAAU,EAAE,CAACf,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9Ce,mBAAmB,EAAE,CAAC,CAACX;EAAmB,GACtCC,IAAI,gBAERd,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAKS,OAAO,EAAC,WAAW;IAACd,SAAS,EAAEE;EAAmB,gBACrDb,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAMU,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1G1B,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAUW,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAACC,OAAA,CAAAvB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACwB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["React","classnames","StyledCompleteCheckbox","CompleteCheckbox","_ref","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","createElement","_extends","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n  ...rest\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n      {...rest}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,UAAU;AAoBjD,OAAO,MAAMC,gBAA4C,GAAGC,IAAA,IAStD;EAAA,IATuD;IAC3DC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,SAAS;IACTC,OAAO,GAAG,KAAK;IACfC,kBAAkB;IAClB,GAAGC;EACL,CAAC,GAAAR,IAAA;EACC,oBACEJ,KAAA,CAAAa,aAAA,CAACX,sBAAsB,EAAAY,QAAA;IACrBN,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAER,UAAU,CAAC,qBAAqB,EAAEQ,SAAS,CAAE;IACxDM,QAAQ,EAAEL,OAAQ;IAClBM,UAAU,EAAEX,SAAU;IACtBY,SAAS,EAAEX,QAAS;IACpBY,UAAU,EAAE,CAACZ,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9CY,mBAAmB,EAAE,CAAC,CAACR;EAAmB,GACtCC,IAAI,gBAERZ,KAAA,CAAAa,aAAA;IAAKO,OAAO,EAAC,WAAW;IAACX,SAAS,EAAEE;EAAmB,gBACrDX,KAAA,CAAAa,aAAA;IAAMQ,CAAC,EAAC;EAA+F,CAAE,CAAC,eAC1GrB,KAAA,CAAAa,aAAA;IAAUS,MAAM,EAAC;EAAyB,CAAE,CACzC,CACiB,CAAC;AAE7B,CAAC;AAEDnB,gBAAgB,CAACoB,WAAW,GAAG,kBAAkB"}

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

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledCompleteCheckbox = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 burstScale = (0, _styledComponents.keyframes)(["from{transform:scale(0);}to{transform:scale(1);}"]);
-const burstAnimation = (0, _styledComponents.keyframes)(["from{stroke-dashoffset:0;}to{stroke-dashoffset:8;}"]);
-const StyledCompleteCheckbox = exports.StyledCompleteCheckbox = _styledComponents.default.button.withConfig({
+import styled, { css, keyframes } from "styled-components";
+const burstScale = keyframes(["from{transform:scale(0);}to{transform:scale(1);}"]);
+const burstAnimation = keyframes(["from{stroke-dashoffset:0;}to{stroke-dashoffset:8;}"]);
+export const StyledCompleteCheckbox = styled.button.withConfig({
   displayName: "Styles__StyledCompleteCheckbox",
   componentId: "sc-1801dzg-0"
 })(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;background-color:transparent;padding:0;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
@@ -23,12 +15,12 @@ const StyledCompleteCheckbox = exports.StyledCompleteCheckbox = _styledComponent
 }, {
   "pointerEvents": "none",
   "position": "absolute"
-}, props => props.$primary && (0, _styledComponents.css)(["svg path{stroke:var(--color-primary);}"]), props => props.$primary && (0, _styledComponents.css)(["stroke:var(--color-theme-500);"]), props => props.$completed && (0, _styledComponents.css)(["box-shadow:inset 0 0 0 12px var(--color-primary);border-color:var(--color-primary);border-width:0px;", " &:hover{box-shadow:inset 0 0 0 12px #84cc7c;", "}svg polyline{stroke-dashoffset:0;stroke:#fff;", "}svg path{stroke-dasharray:8;stroke-dashoffset:0;transform-origin:24px 24px;}"], !props.$primary && (0, _styledComponents.css)(["", " box-shadow:inset 0 0 0 12px #84cc7c;border-color:#84cc7c;"], {
+}, props => props.$primary && css(["svg path{stroke:var(--color-primary);}"]), props => props.$primary && css(["stroke:var(--color-theme-500);"]), props => props.$completed && css(["box-shadow:inset 0 0 0 12px var(--color-primary);border-color:var(--color-primary);border-width:0px;", " &:hover{box-shadow:inset 0 0 0 12px #84cc7c;", "}svg polyline{stroke-dashoffset:0;stroke:#fff;", "}svg path{stroke-dasharray:8;stroke-dashoffset:0;transform-origin:24px 24px;}"], !props.$primary && css(["", " box-shadow:inset 0 0 0 12px #84cc7c;border-color:#84cc7c;"], {
   "borderWidth": "1px",
   "borderStyle": "solid"
-}), props.$primary && (0, _styledComponents.css)(["box-shadow:inset 0 0 0 12px var(--color-primary);"]), props.$primary && (0, _styledComponents.css)(["stroke:var(--color-theme-100);"])), props => !props.$completed && !props.$disabled && (0, _styledComponents.css)(["&:hover,&:focus-visible{border:1px solid var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary);border-width:0px;outline:none;", " svg polyline{stroke-dashoffset:0;}}"], !props.$primary && (0, _styledComponents.css)(["border:1px solid #84cc7c;box-shadow:inset 0 0 0 2px #84cc7c;"])), props => props.$animation && (0, _styledComponents.css)(["svg path{animation:", " 0.6s ease 0s 1 normal,", " 0.4s ease 0.2s 1 normal;}"], burstScale, burstAnimation), props => props.$disabled && (0, _styledComponents.css)(["", " opacity:0.5;"], {
+}), props.$primary && css(["box-shadow:inset 0 0 0 12px var(--color-primary);"]), props.$primary && css(["stroke:var(--color-theme-100);"])), props => !props.$completed && !props.$disabled && css(["&:hover,&:focus-visible{border:1px solid var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary);border-width:0px;outline:none;", " svg polyline{stroke-dashoffset:0;}}"], !props.$primary && css(["border:1px solid #84cc7c;box-shadow:inset 0 0 0 2px #84cc7c;"])), props => props.$animation && css(["svg path{animation:", " 0.6s ease 0s 1 normal,", " 0.4s ease 0.2s 1 normal;}"], burstScale, burstAnimation), props => props.$disabled && css(["", " opacity:0.5;"], {
   "cursor": "default"
-}), props => !props.$checkMarkClassName && (0, _styledComponents.css)(["svg{", "}"], {
+}), props => !props.$checkMarkClassName && css(["svg{", "}"], {
   "height": "3rem",
   "width": "3rem"
 }));

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","exports","styled","button","withConfig","displayName","componentId","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,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,SAAAH,wBAAAG,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;AAW3D,MAAMY,UAAU,OAAGC,2BAAS,uDAO3B;AAED,MAAMC,cAAc,OAAGD,2BAAS,yDAO/B;AAEM,MAAME,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;EAAA;EAAA;AAAmC,CAAC,EAavCC,KAAK,IACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,6CAIF,EAWEF,KAAK,IACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,qCAEF,EAGFF,KAAK,IACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,gSAKC,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,sEACG;EAAA;EAAA;AAA0B,CAAC,CAGhC,EAIGF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,wDAEF,EAMCF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,qCAEF,CAQJ,EAEAF,KAAK,IACN,CAACA,KAAK,CAACG,UAAU,IACjB,CAACH,KAAK,CAACI,SAAS,QAChBF,qBAAG,4LAOG,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,mEAGF,CAKJ,EAEAF,KAAK,IACNA,KAAK,CAACK,UAAU,QAChBH,qBAAG,oFAGcZ,UAAU,EACnBE,cAAc,CAErB,EAEAQ,KAAK,IACNA,KAAK,CAACI,SAAS,QACfF,qBAAG,yBACG;EAAA;AAAkB,CAAC,CAExB,EAEAF,KAAK,IACN,CAACA,KAAK,CAACM,mBAAmB,QAC1BJ,qBAAG,iBAEK;EAAA;EAAA;AAAgB,CAAC,CAExB,CACJ;AAEDT,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}
+{"version":3,"file":"Styles.js","names":["styled","css","keyframes","burstScale","burstAnimation","StyledCompleteCheckbox","button","withConfig","displayName","componentId","props","$primary","$completed","$disabled","$animation","$checkMarkClassName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.button<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n  background-color: transparent;\n  padding: 0;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover,\n      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAW1D,MAAMC,UAAU,GAAGD,SAAS,sDAO3B;AAED,MAAME,cAAc,GAAGF,SAAS,wDAO/B;AAED,OAAO,MAAMG,sBAAsB,GAAGL,MAAM,CAACM,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;EAAA;EAAA;AAAmC,CAAC,EAavCC,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,4CAIF,EAWES,KAAK,IACNA,KAAK,CAACC,QAAQ,IACdV,GAAG,oCAEF,EAGFS,KAAK,IACNA,KAAK,CAACE,UAAU,IAChBX,GAAG,+RAKC,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,qEACG;EAAA;EAAA;AAA0B,CAAC,CAGhC,EAIGS,KAAK,CAACC,QAAQ,IAChBV,GAAG,uDAEF,EAMCS,KAAK,CAACC,QAAQ,IAChBV,GAAG,oCAEF,CAQJ,EAEAS,KAAK,IACN,CAACA,KAAK,CAACE,UAAU,IACjB,CAACF,KAAK,CAACG,SAAS,IAChBZ,GAAG,2LAOG,CAACS,KAAK,CAACC,QAAQ,IACjBV,GAAG,kEAGF,CAKJ,EAEAS,KAAK,IACNA,KAAK,CAACI,UAAU,IAChBb,GAAG,mFAGcE,UAAU,EACnBC,cAAc,CAErB,EAEAM,KAAK,IACNA,KAAK,CAACG,SAAS,IACfZ,GAAG,wBACG;EAAA;AAAkB,CAAC,CAExB,EAEAS,KAAK,IACN,CAACA,KAAK,CAACK,mBAAmB,IAC1Bd,GAAG,gBAEK;EAAA;EAAA;AAAgB,CAAC,CAExB,CACJ;AAEDI,sBAAsB,CAACG,WAAW,GAAG,wBAAwB"}

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

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

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

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

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js

@@ -1,18 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConfirmDialog = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Button = require("../Button/Button");
-var _Dialog = require("../Dialog");
-var _Body = require("../Typography/Variants/Body2");
-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 ConfirmDialog = exports.ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { Button } from "../Button/Button";
+import { Dialog } from "../Dialog";
+import { Body2 } from "../Typography/Variants/Body2";
+export const ConfirmDialog = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     open = false,
     onCancel,
@@ -25,24 +16,24 @@ const ConfirmDialog = exports.ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef
     shouldShowCancelButton = true,
     isLoading = false
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+  return /*#__PURE__*/React.createElement(Dialog, {
     ref: ref,
     open: open,
     onClose: onCancel,
-    className: (0, _classnames.default)("c-confirm-dialog", className),
+    className: classnames("c-confirm-dialog", className),
     disableCloseOnEsc: isLoading
-  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Title, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, /*#__PURE__*/_react.default.createElement(_Body.Body2, {
+  }, /*#__PURE__*/React.createElement(Dialog.Title, null, dialogTitle), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Body2, {
     lineHeight: "loose",
     color: "secondary",
     whitespace: "pre-line"
-  }, dialogContent)), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }, dialogContent)), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
     style: {
       marginRight: "12px"
     },
     onClick: onConfirm,
     disabled: isLoading
-  }, confirmBtnText), shouldShowCancelButton ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
+  }, confirmBtnText), shouldShowCancelButton ? /*#__PURE__*/React.createElement(Button, {
     variant: "secondary",
     "data-action": "cancel",
     onClick: onCancel,

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_Dialog","_Body","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ConfirmDialog","exports","forwardRef","_ref","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","createElement","Dialog","onClose","classnames","disableCloseOnEsc","Title","ContentDivider","Content","Body2","lineHeight","color","whitespace","Actions","Button","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"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"}
+{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","classnames","Button","Dialog","Body2","ConfirmDialog","_ref","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","Actions","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Dialog } from \"../Dialog\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,8BAA8B;AAepD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,CAAAM,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,IAAI,GAAG,KAAK;IACZC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,WAAW,GAAG,kBAAkB;IAChCC,aAAa,GAAG,mCAAmC;IACnDC,cAAc,GAAG,IAAI;IACrBC,aAAa,GAAG,QAAQ;IACxBC,sBAAsB,GAAG,IAAI;IAC7BC,SAAS,GAAG;EACd,CAAC,GAAAX,IAAA;EAGD,oBACEP,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLI,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAEV,QAAS;IAClBE,SAAS,EAAEV,UAAU,CAAC,kBAAkB,EAAEU,SAAS,CAAE;IACrDS,iBAAiB,EAAEH;EAAU,gBAE7BlB,KAAA,CAAAmB,aAAA,CAACf,MAAM,CAACkB,KAAK,QAAET,WAA0B,CAAC,eAC1Cb,KAAA,CAAAmB,aAAA,CAACf,MAAM,CAACmB,cAAc,MAAE,CAAC,eACzBvB,KAAA,CAAAmB,aAAA,CAACf,MAAM,CAACoB,OAAO,qBACbxB,KAAA,CAAAmB,aAAA,CAACd,KAAK;IAACoB,UAAU,EAAC,OAAO;IAACC,KAAK,EAAC,WAAW;IAACC,UAAU,EAAC;EAAU,GAC9Db,aACI,CACO,CAAC,eACjBd,KAAA,CAAAmB,aAAA,CAACf,MAAM,CAACmB,cAAc,MAAE,CAAC,eACzBvB,KAAA,CAAAmB,aAAA,CAACf,MAAM,CAACwB,OAAO,qBACb5B,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACL0B,OAAO,EAAC,SAAS;IACjBC,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAO,CAAE;IAC/BC,OAAO,EAAErB,SAAU;IACnBsB,QAAQ,EAAEf;EAAU,GAEnBH,cACK,CAAC,EACRE,sBAAsB,gBACrBjB,KAAA,CAAAmB,aAAA,CAAChB,MAAM;IACL0B,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpBG,OAAO,EAAEtB,QAAS;IAClBwB,IAAI,EAAC,QAAQ;IACbD,QAAQ,EAAEf;EAAU,GAEnBF,aACK,CAAC,GACP,IACU,CACV,CAAC;AAEb,CACF,CAAC;AAEDV,aAAa,CAAC6B,WAAW,GAAG,eAAe"}

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

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

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

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

package/dist/esm/components/CounterButton/CounterButton.js

@@ -1,19 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CounterButton = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _CloseSmall = _interopRequireDefault(require("../Icons/collection/CloseSmall"));
-var _Tooltip = require("../Tooltip/Tooltip");
-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 CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledBadge, StyledCounterButton, StyledCounterButtonLabel, StyledCounterButtonReset, StyledCounterButtonWrapper } from "./Styles";
+import CloseSmallIcon from "../Icons/collection/CloseSmall";
+import { Tooltip } from "../Tooltip/Tooltip";
+export const CounterButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     label,
     icon,
@@ -26,38 +17,38 @@ const CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef
     disabled = false,
     ...args
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonWrapper, {
+  return /*#__PURE__*/React.createElement(StyledCounterButtonWrapper, {
     ref: ref,
     className: className
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButton, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(StyledCounterButton, _extends({
     disabled: disabled,
     "aria-disabled": disabled,
-    className: (0, _classnames.default)("c-counter-button", {
+    className: classNames("c-counter-button", {
       "c-counter-button__selected": counter
     })
   }, args, {
     variant: "text gray",
     $active: counter > 0 || active,
     $selected: counter > 0
-  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: (0, _classnames.default)("c-counter-button__icon")
-  }), label && /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, {
+  }), icon && /*#__PURE__*/React.cloneElement(icon, {
+    className: classNames("c-counter-button__icon")
+  }), label && /*#__PURE__*/React.createElement(StyledCounterButtonLabel, {
     color: "secondary",
     weight: "medium",
-    className: (0, _classnames.default)("c-counter-button__label", labelClassName),
+    className: classNames("c-counter-button__label", labelClassName),
     $active: counter > 0 || active
-  }, label), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBadge, {
+  }, label), counter > 0 ? /*#__PURE__*/React.createElement(StyledBadge, {
     isStandalone: true,
     dimension: 16,
     value: counter
-  }) : null), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    title: `${tooltipText}`,
+  }) : null), counter > 0 ? /*#__PURE__*/React.createElement(Tooltip, {
+    title: "" + tooltipText,
     popperTooltipClassName: "z-index-1300"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonReset, {
+  }, /*#__PURE__*/React.createElement(StyledCounterButtonReset, {
     variant: "text colored",
     className: "c-counter-button__reset",
     onClick: onClearAll
-  }, /*#__PURE__*/_react.default.createElement(_CloseSmall.default, null))) : null);
+  }, /*#__PURE__*/React.createElement(CloseSmallIcon, null))) : null);
 });
 CounterButton.displayName = "CounterButton";
 //# sourceMappingURL=CounterButton.js.map