@activecollab/components 2.0.90 → 2.0.91

package/dist/esm/components/Filter/Submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submenu.js","names":["_react","_interopRequireWildcard","require","_utils","_IconButton","_Icons","_Menu","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","useRef","dimensions","useResizeObserver","height","useEffect","createElement","MenuHeader","leftElement","IconButton","onClick","variant","size","ArrowLeftIcon","exports"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAqC,SAAAK,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,SAAAP,wBAAAO,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;AAS9B,MAAMY,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IAPqE;IACzEC,MAAM;IACNC,cAAc;IACdC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,MAAMC,UAAU,GAAG,IAAAC,wBAAiB,EAACH,GAAG,CAAC;EACzC,MAAMI,MAAM,GAAGF,UAAU,EAAEE,MAAM;EAEjC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAID,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACL,SAAS,EAAE;MACtCJ,cAAc,GAAGS,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAET,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEnC,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKV,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1BpC,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACpC,KAAA,CAAAqC,UAAU;IACTT,KAAK,EAAEA,KAAM;IACbU,WAAW,eACT5C,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACtC,WAAA,CAAAyC,UAAU;MAACC,OAAO,EAAEhB,MAAO;MAACiB,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DhD,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACrC,MAAA,CAAA4C,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDhB,QACE,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAAtB,OAAA,GAAAA,OAAA"}
+{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","useResizeObserver","IconButton","ArrowLeftIcon","MenuHeader","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height","createElement","leftElement","onClick","variant","size"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AAEpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,UAAU,QAAQ,SAAS;AASpC,OAAO,MAAMC,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IAPqE;IACzEC,MAAM;IACNC,cAAc;IACdC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAGd,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMe,UAAU,GAAGb,iBAAiB,CAACY,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCf,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,YAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAkB,aAAA;IAAKP,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1Bf,KAAA,CAAAkB,aAAA,CAACZ,UAAU;IACTO,KAAK,EAAEA,KAAM;IACbM,WAAW,eACTnB,KAAA,CAAAkB,aAAA,CAACd,UAAU;MAACgB,OAAO,EAAEX,MAAO;MAACY,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DtB,KAAA,CAAAkB,aAAA,CAACb,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDO,QACE,CAAC;AAEV,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Filter","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Filter/index.ts"],"sourcesContent":["export * from \"./Filter\";\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Filter/index.ts"],"sourcesContent":["export * from \"./Filter\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Folder/FolderIcon.js

@@ -1,64 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-const FolderIcon = /*#__PURE__*/_react.default.forwardRef((_ref, svgRef) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+const FolderIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
   let {
     withDocuments = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     width: 100,
     height: 100,
     viewBox: "0 0 100 100",
     xmlns: "http://www.w3.org/2000/svg",
     ref: svgRef
-  }, props), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("filter", {
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
     x: "-14.9%",
     y: "-112.5%",
     width: "129.8%",
     height: "275%",
     filterUnits: "objectBoundingBox",
     id: "image_svg__a"
-  }, /*#__PURE__*/_react.default.createElement("feOffset", {
+  }, /*#__PURE__*/React.createElement("feOffset", {
     dy: -2,
     in: "SourceAlpha",
     result: "shadowOffsetOuter1"
-  }), /*#__PURE__*/_react.default.createElement("feGaussianBlur", {
+  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
     stdDeviation: 2,
     in: "shadowOffsetOuter1",
     result: "shadowBlurOuter1"
-  }), /*#__PURE__*/_react.default.createElement("feColorMatrix", {
+  }), /*#__PURE__*/React.createElement("feColorMatrix", {
     values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0",
     in: "shadowBlurOuter1"
-  })), /*#__PURE__*/_react.default.createElement("path", {
+  })), /*#__PURE__*/React.createElement("path", {
     id: "image_svg__b",
     d: "M4 28h47v8H4z"
-  })), /*#__PURE__*/_react.default.createElement("g", {
+  })), /*#__PURE__*/React.createElement("g", {
     fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z",
     fill: "#32178B"
-  }), withDocuments ? /*#__PURE__*/_react.default.createElement("path", {
+  }), withDocuments ? /*#__PURE__*/React.createElement("path", {
     d: "M8 20h42v9H4v-5a4 4 0 014-4z",
     fill: "#FFFFFF"
-  }) : null, /*#__PURE__*/_react.default.createElement("use", {
+  }) : null, /*#__PURE__*/React.createElement("use", {
     filter: "url(#image_svg__a)",
     xlinkHref: "#image_svg__b",
     fill: "black"
-  }), /*#__PURE__*/_react.default.createElement("use", {
+  }), /*#__PURE__*/React.createElement("use", {
     xlinkHref: "#image_svg__b",
     fill: "#D8D8D8"
-  }), /*#__PURE__*/_react.default.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z",
     fill: "#5D2BFF"
   })));
 });
 FolderIcon.displayName = "FolderIcon";
-var _default = exports.default = FolderIcon;
+export default FolderIcon;
 //# sourceMappingURL=FolderIcon.js.map

package/dist/esm/components/Folder/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","names":["_react","_interopRequireDefault","require","FolderIcon","React","forwardRef","_ref","svgRef","withDocuments","props","default","createElement","_extends2","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName","_default","exports"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAJjC;IACEC,aAAa,GAAG,KAAK;IACrB,GAAGC;EAC4C,CAAC,GAAAH,IAAA;EAAA,oBAGlDN,MAAA,CAAAU,OAAA,CAAAC,aAAA,YAAAC,SAAA,CAAAF,OAAA;IACEG,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEV;EAAO,GACRE,KAAK,gBAETT,MAAA,CAAAU,OAAA,CAAAC,aAAA,4BACEX,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBrB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjExB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFxB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACP3B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB5B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDrB,aAAa,gBACZR,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD7B,MAAA,CAAAU,OAAA,CAAAC,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED1B,UAAU,CAAC6B,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GACvBP,UAAU"}
+{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","_ref","svgRef","withDocuments","props","createElement","_extends","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAJjC;IACEC,aAAa,GAAG,KAAK;IACrB,GAAGC;EAC4C,CAAC,GAAAH,IAAA;EAAA,oBAGlDH,KAAA,CAAAO,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAET;EAAO,GACRE,KAAK,gBAETN,KAAA,CAAAO,aAAA,4BACEP,KAAA,CAAAO,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBjB,KAAA,CAAAO,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjEpB,KAAA,CAAAO,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFpB,KAAA,CAAAO,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTnB,KAAA,CAAAO,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACPvB,KAAA,CAAAO,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnBxB,KAAA,CAAAO,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDpB,aAAa,gBACZL,KAAA,CAAAO,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACRzB,KAAA,CAAAO,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACFzB,KAAA,CAAAO,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChDzB,KAAA,CAAAO,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAEDxB,UAAU,CAAC2B,WAAW,GAAG,YAAY;AACrC,eAAe3B,UAAU"}

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

@@ -1,14 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FolderIcon", {
-  enumerable: true,
-  get: function () {
-    return _FolderIcon.default;
-  }
-});
-var _FolderIcon = _interopRequireDefault(require("./FolderIcon"));
+export { default as FolderIcon } from "./FolderIcon";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FolderIcon","_interopRequireDefault","require"],"sources":["../../../../src/components/Folder/index.tsx"],"sourcesContent":["export { default as FolderIcon } from \"./FolderIcon\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["default","FolderIcon"],"sources":["../../../../src/components/Folder/index.tsx"],"sourcesContent":["export { default as FolderIcon } from \"./FolderIcon\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc"}

package/dist/esm/components/FontStyle.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FontStyle = void 0;
-var _styledComponents = require("styled-components");
-const FontStyle = exports.FontStyle = (0, _styledComponents.css)(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
+import { css } from "styled-components";
+export const FontStyle = css(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
 //# sourceMappingURL=FontStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FontStyle.js","names":["_styledComponents","require","FontStyle","exports","css"],"sources":["../../../src/components/FontStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,qBAAG,wKAK3B"}
+{"version":3,"file":"FontStyle.js","names":["css","FontStyle"],"sources":["../../../src/components/FontStyle.ts"],"sourcesContent":["import { css } from \"styled-components\";\n\nexport const FontStyle = css`\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AAEvC,OAAO,MAAMC,SAAS,GAAGD,GAAG,uKAK3B"}

package/dist/esm/components/Formatters/FormatDate.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormatDate = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _useFormatDate = require("./useFormatDate");
-const FormatDate = _ref => {
+import React from "react";
+import { useFormatDate } from "./useFormatDate";
+export const FormatDate = _ref => {
   let {
     value,
     long,
     dateFormat
   } = _ref;
-  const formatter = (0, _useFormatDate.useFormatDate)(dateFormat);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatter(value, long));
+  const formatter = useFormatDate(dateFormat);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, formatter(value, long));
 };
-exports.FormatDate = FormatDate;
 FormatDate.defaultProps = {
   long: true
 };

package/dist/esm/components/Formatters/FormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatDate.js","names":["_react","_interopRequireDefault","require","_useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","useFormatDate","default","createElement","Fragment","exports","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAQO,MAAME,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAC3D,MAAMI,SAAS,GAAG,IAAAC,4BAAa,EAACF,UAAU,CAAC;EAC3C,oBAAOR,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,QAAGJ,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAACO,OAAA,CAAAV,UAAA,GAAAA,UAAA;AAEFA,UAAU,CAACW,YAAY,GAAG;EACxBR,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","createElement","Fragment","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAC3D,MAAMI,SAAS,GAAGN,aAAa,CAACK,UAAU,CAAC;EAC3C,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAEDH,UAAU,CAACQ,YAAY,GAAG;EACxBL,IAAI,EAAE;AACR,CAAC"}

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

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

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

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

package/dist/esm/components/Formatters/useFormatDate.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFormatDate = void 0;
-var _react = require("react");
-var _dateUtils = require("../../utils/dateUtils");
-var _Localization = require("../Localization");
-const useFormatDate = dateFormat => {
-  const localization = (0, _Localization.useLocalization)();
+import { useCallback } from "react";
+import { formatDate } from "../../utils/dateUtils";
+import { useLocalization } from "../Localization";
+export const useFormatDate = dateFormat => {
+  const localization = useLocalization();
   const format = dateFormat ? dateFormat : localization.dateFormat;
-  return (0, _react.useCallback)((value, long) => {
-    return (0, _dateUtils.formatDate)(value, format, long);
+  return useCallback((value, long) => {
+    return formatDate(value, format, long);
   }, [format]);
 };
-exports.useFormatDate = useFormatDate;
 //# sourceMappingURL=useFormatDate.js.map

package/dist/esm/components/Formatters/useFormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDate.js","names":["_react","require","_dateUtils","_Localization","useFormatDate","dateFormat","localization","useLocalization","format","useCallback","value","long","formatDate","exports"],"sources":["../../../../src/components/Formatters/useFormatDate.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { formatDate } from \"../../utils/dateUtils\";\nimport { useLocalization } from \"../Localization\";\n\nexport const useFormatDate = (dateFormat?: string) => {\n  const localization = useLocalization();\n  const format = dateFormat ? dateFormat : localization.dateFormat;\n  return useCallback(\n    (value, long) => {\n      return formatDate(value, format, long);\n    },\n    [format]\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEO,MAAMG,aAAa,GAAIC,UAAmB,IAAK;EACpD,MAAMC,YAAY,GAAG,IAAAC,6BAAe,EAAC,CAAC;EACtC,MAAMC,MAAM,GAAGH,UAAU,GAAGA,UAAU,GAAGC,YAAY,CAACD,UAAU;EAChE,OAAO,IAAAI,kBAAW,EAChB,CAACC,KAAK,EAAEC,IAAI,KAAK;IACf,OAAO,IAAAC,qBAAU,EAACF,KAAK,EAAEF,MAAM,EAAEG,IAAI,CAAC;EACxC,CAAC,EACD,CAACH,MAAM,CACT,CAAC;AACH,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"useFormatDate.js","names":["useCallback","formatDate","useLocalization","useFormatDate","dateFormat","localization","format","value","long"],"sources":["../../../../src/components/Formatters/useFormatDate.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport { formatDate } from \"../../utils/dateUtils\";\nimport { useLocalization } from \"../Localization\";\n\nexport const useFormatDate = (dateFormat?: string) => {\n  const localization = useLocalization();\n  const format = dateFormat ? dateFormat : localization.dateFormat;\n  return useCallback(\n    (value, long) => {\n      return formatDate(value, format, long);\n    },\n    [format]\n  );\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,eAAe,QAAQ,iBAAiB;AAEjD,OAAO,MAAMC,aAAa,GAAIC,UAAmB,IAAK;EACpD,MAAMC,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,MAAM,GAAGF,UAAU,GAAGA,UAAU,GAAGC,YAAY,CAACD,UAAU;EAChE,OAAOJ,WAAW,CAChB,CAACO,KAAK,EAAEC,IAAI,KAAK;IACf,OAAOP,UAAU,CAACM,KAAK,EAAED,MAAM,EAAEE,IAAI,CAAC;EACxC,CAAC,EACD,CAACF,MAAM,CACT,CAAC;AACH,CAAC"}

package/dist/esm/components/GlobalStyle.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GlobalStyle = void 0;
-var _styledComponents = require("styled-components");
-const GlobalStyle = exports.GlobalStyle = (0, _styledComponents.createGlobalStyle)([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
+import { createGlobalStyle } from "styled-components";
+export const GlobalStyle = createGlobalStyle([":root{--color-primary:#5d2bff;--color-secondary:#5d2bff;--color-theme-100:#ffffff;--color-theme-200:#f6f6f9;--color-theme-300:#ebebee;--color-theme-400:#d7d7da;--color-theme-500:#b9b9bd;--color-theme-600:#89898e;--color-theme-700:#6d6d73;--color-theme-800:#5b5b61;--color-theme-900:#303037;--color-primary-200:rgba(93,43,255,0.05);--color-primary-300:rgba(93,43,255,0.1);--color-primary-400:rgba(93,43,255,0.25);--color-primary-500:rgba(93,43,255,0.5);--color-primary-600:rgba(93,43,255,0.75);--color-primary-700:#5d2bff;--color-primary-800:#4a21cd;--color-primary-900:#32178b;--color-secondary-200:rgba(93,43,255,0.05);--color-secondary-300:rgba(93,43,255,0.1);--color-secondary-400:rgba(93,43,255,0.25);--color-secondary-500:rgba(93,43,255,0.5);--color-secondary-600:rgba(93,43,255,0.75);--color-secondary-700:#5d2bff;--color-secondary-800:#4a21cd;--color-secondary-900:#32178b;--color-theme-transparent-200:rgba(36,36,76,0.04);--color-theme-transparent-300:rgba(48,48,55,0.1);--color-theme-transparent-400:rgba(48,48,55,0.2);--color-theme-transparent-500:rgba(48,48,55,0.34);--color-theme-transparent-600:rgba(48,48,55,0.57);--color-theme-transparent-700:rgba(48,48,55,0.7);--color-theme-transparent-800:rgba(48,48,55,0.8);--color-primary-opaque-300:#efeaff;--color-primary-opaque-400:#d6caff;--color-secondary-opaque-300:#efeaff;--color-secondary-opaque-400:#d6caff;--color-sucess-green:#64cd93;--color-pale-green:#c3e799;--color-yellow:#FDF196;--color-yellow-darker:#948D5D;--color-yellow-lighter:#EBD429;--color-orange:#FBBB75;--color-orange-darker:#916C43;--color-orange-lighter:#E99841;--color-beige:#EAC2AD;--color-beige-darker:#877064;--color-beige-lighter:#B98A72;--color-pink:#FBD6E7;--color-pink-darker:#917C86;--color-pink-lighter:#E4A1C0;--color-coral:#FF9C9C;--color-coral-darker:#945A5A;--color-coral-lighter:#DB4545;--color-purple-dirty:#C49CB6;--color-purple-dirty-darker:#715A69;--color-purple-dirty-lighter:#B16E9A;--color-purple:#BEACF9;--color-purple-darker:#6E6390;--color-purple-lighter:#9B86DF;--color-blue-aqua:#BDF7FD;--color-blue-aqua-darker:#6D8F92;--color-blue-aqua-lighter:#7BDDE7;--color-blue-pale:#BEEAFF;--color-blue-pale-darker:#6E8794;--color-blue-pale-lighter:#92BFD4;--color-blue-sky:#A0CBFD;--color-blue-sky-darker:#5C7592;--color-blue-sky-lighter:#568CCB;--color-turquoise:#B9E4E0;--color-turquoise-darker:#6B8482;--color-turquoise-lighter:#70BFB8;--color-green-pale:#C3E799;--color-green-pale-darker:#718658;--color-green-pale-lighter:#80C333;--color-green-olive-drab:#98B57C;--color-green-olive-drab-darker:#647157;--color-green-olive-drab-lighter:#819F65;--color-gray-silver:#DDDDDD;--color-gray-silver-darker:#808080;--color-gray-silver-lighter:#ACACAC;--color-gray:#CACACA;--color-gray-darker:#757575;--color-gray-lighter:#7D7D7D;--body-bg-main:rgb(244,245,247);--body-bg-main-transparent:rgba(244,245,247,0);--page-paper-main:#ffffff;--border-primary:#d7d7da;--note-bg:#fff9f1;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.06),0 16px 16px 0 rgba(0,0,0,0.04),0 4px 4px 0 rgba(0,0,0,0.04),0 2px 2px 0 rgba(0,0,0,0.04);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.06),0 32px 32px 0 rgba(0,0,0,0.03),0 16px 16px 0 rgba(0,0,0,0.02),0 4px 4px 0 rgba(0,0,0,0.02),0 2px 2px 0 rgba(0,0,0,0.02);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.17);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.05),0 10px 15px -3px rgba(0,0,0,0.1);--shadow-tertiary-hover:0 4px 10px -2px rgba(0,0,0,0.1),0 12px 20px -3px rgba(0,0,0,0.2);--page-paper-main-shadow:rgba( 255,255,255,0 );--modal-background:rgba(244,245,247,0.6);--highlight-dark:rgba(0,0,0,0.03);--input-background-color:#ffffff;--red-alert:rgb(237,97,97);--warning:#ffcc6b;--only-white:#ffffff;--only-black:#000000;--ac-br-4:4px;--ac-br-6:6px;--ac-br-8:8px;--ac-br-rounded:999px;}.cupcake{--color-primary:#29bcdd;--color-secondary:#fe6fa7;--color-primary-200:rgba(41,188,221,0.07);--color-primary-300:rgba(41,188,221,0.12);--color-primary-400:rgba(41,188,221,0.26);--color-primary-500:rgba(41,188,221,0.52);--color-primary-600:rgba(41,188,221,0.75);--color-primary-700:#29bcdd;--color-primary-800:#219fbb;--color-primary-900:#1a768b;--color-secondary-200:rgba(254,111,167,0.07);--color-secondary-300:rgba(254,111,167,0.13);--color-secondary-400:rgba(254,111,167,0.27);--color-secondary-500:rgba(254,111,167,0.52);--color-secondary-600:rgba(254,111,167,0.75);--color-secondary-700:#fe6fa7;--color-secondary-800:#dd6091;--color-secondary-900:#ab496f;--color-primary-opaque-300:#e5f7fb;--color-primary-opaque-400:#c8eef6;--color-secondary-opaque-300:#ffecf4;--color-secondary-opaque-400:#ffd8e7;}.classic{--color-primary:#4182f2;--color-secondary:#4182f2;--color-primary-200:rgba(65,130,242,0.07);--color-primary-300:rgba(65,130,242,0.13);--color-primary-400:rgba(65,130,242,0.26);--color-primary-500:rgba(65,130,242,0.52);--color-primary-600:rgba(65,130,242,0.75);--color-primary-700:#4182f2;--color-primary-800:#356bc8;--color-primary-900:#244a8a;--color-secondary-200:rgba(65,130,242,0.07);--color-secondary-300:rgba(65,130,242,0.13);--color-secondary-400:rgba(65,130,242,0.26);--color-secondary-500:rgba(65,130,242,0.52);--color-secondary-600:rgba(65,130,242,0.75);--color-secondary-700:#4182f2;--color-secondary-800:#356bc8;--color-secondary-900:#244a8a;--color-primary-opaque-300:#e6effd;--color-primary-opaque-400:#cedffc;--color-secondary-opaque-300:#e6effd;--color-secondary-opaque-400:#cedffc;}.neon{--color-primary:#67ffc8;--color-secondary:#67ffc8;--color-theme-100:#000000;--color-theme-200:#31333e;--color-theme-300:#2b2d37;--color-theme-400:#1f2024;--color-theme-500:#6D6D73;--color-theme-600:#89898e;--color-theme-700:#b0b0b5;--color-theme-800:#dfdfe5;--color-theme-900:#ffffff;--color-primary-200:rgba(103,255,200,0.05);--color-primary-300:rgba(103,255,200,0.1);--color-primary-400:rgba(103,255,200,0.25);--color-primary-500:rgba(103,255,200,0.5);--color-primary-600:rgba(103,255,200,0.75);--color-primary-700:#67ffc8;--color-primary-800:#a5ffdf;--color-primary-900:#d0fdec;--color-secondary-200:rgba(103,255,200,0.05);--color-secondary-300:rgba(103,255,200,0.1);--color-secondary-400:rgba(103,255,200,0.25);--color-secondary-500:rgba(103,255,200,0.5);--color-secondary-600:rgba(103,255,200,0.75);--color-secondary-700:#67ffc8;--color-secondary-800:#a5ffdf;--color-secondary-900:#d0fdec;--color-theme-transparent-200:rgba(6,7,8,0.12);--color-theme-transparent-300:rgba(6,7,8,0.22);--color-theme-transparent-400:rgba(6,7,8,0.5);--color-theme-transparent-500:rgba(255,255,255,0.27);--color-theme-transparent-600:rgba(255,255,255,0.4);--color-theme-transparent-700:rgba(255,255,255,0.6);--color-theme-transparent-800:rgba(255,255,255,0.85);--color-primary-opaque-300:#3b4e51;--color-primary-opaque-400:#436b64;--color-secondary-opaque-300:#3b4e51;--color-secondary-opaque-400:#436b64;--body-bg-main:rgb(44,46,56);--body-bg-main-transparent:rgba(44,46,56,0);--page-paper-main:#373a44;--border-primary:#1f2024;--note-bg:#464545;--shadow-primary-hover:0 64px 64px 0 rgba(0,0,0,0.2),0 32px 32px 0 rgba(0,0,0,0.2),0 16px 16px 0 rgba(0,0,0,0.2),0 4px 4px 0 rgba(0,0,0,0.2),0 2px 2px 0 rgba(0,0,0,0.2);--shadow-primary:0 64px 64px 0 rgba(0,0,0,0.1),0 32px 32px 0 rgba(0,0,0,0.1),0 16px 16px 0 rgba(0,0,0,0.1),0 4px 4px 0 rgba(0,0,0,0.1),0 2px 2px 0 rgba(0,0,0,0.1);--shadow-secondary:0 4px 14px 0 rgba(0,0,0,0.3);--shadow-tertiary:0 4px 6px -2px rgba(0,0,0,0.1),0 10px 15px -3px rgba(0,0,0,0.15);--shadow-tertiary-hover:0 4px 12px -2px rgba(0,0,0,0.4),0 10px 30px -3px rgba(0,0,0,0.5);--page-paper-main-shadow:rgba( 55,58,68,0 );--modal-background:rgba(44,46,56,0.7);--highlight-dark:rgba(0,0,0,0.06);--input-background-color:#2c2e38;--only-white:#ffffff;--only-black:#000000;}html{color-scheme:light;}html{&.neon{color-scheme:dark;}}.ac-shadow,.ac-shadow--raised{&--lg{box-shadow:var(--shadow-primary);}&--sm{box-shadow:var(--shadow-tertiary);}}.ac-shadow--raised{&--lg{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-primary-hover);}}&--sm{transition:box-shadow 0.3s;&:hover{box-shadow:var(--shadow-tertiary-hover);}}}.ac-shadow-optimized--sm{position:relative;box-shadow:var(--shadow-tertiary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-tertiary);opacity:0;border-radius:var(--ac-br-6);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-shadow-optimized--lg{position:relative;box-shadow:var(--shadow-primary);&::before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\";box-shadow:var(--shadow-primary);opacity:0;border-radius:var(--ac-br-8);transition:opacity 0.3s ease;z-index:-1;}@media (hover:hover){&:hover::before{opacity:1;}}}.ac-border-radius{&-4{border-radius:var(--ac-br-4);}&-6{border-radius:var(--ac-br-6);}&-8{border-radius:var(--ac-br-8);}&-rounded{border-radius:var(--ac-br-rounded);}}.c-cooltip{position:relative;--cooltip-spacing:0.5rem;--cooltip-padding:0.25rem 0.625rem;--cooltip-max-width:12.5rem;--cooltip-transition-duration:0.15s,0.1s,0.15s;--cooltip-transition-delay:0.6s;--cooltip-timing:ease,ease,cubic-bezier(0.39,0.575,0.565,1);}.c-cooltip::after{pointer-events:none;content:attr(data-tooltip);position:absolute;color:#fff;opacity:0;background-color:rgba(0,0,0,0.9);border-radius:0.5rem;font-size:0.75rem;font-weight:500;line-height:1.3;max-width:var(--cooltip-max-width);padding:var(--cooltip-padding);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.c-cooltip--top::after{bottom:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--right::after{left:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip--bottom::after{top:calc(100% + var(--cooltip-spacing));left:50%;transform:scale(0.85) translateX(-50%);transform-origin:0;}.c-cooltip--left::after{right:calc(100% + var(--cooltip-spacing));transform:scale(0.85);}.c-cooltip:disabled::after,[aria-pressed=\"true\"]::after{display:none;}@media (hover:hover){.c-cooltip--top:not(:focus):hover::after,.c-cooltip--bottom:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1) translateX(-50%);opacity:1;}.c-cooltip--right:not(:focus):hover::after,.c-cooltip--left:not(:focus):hover::after{transition-property:opacity,transform;transition-duration:var(--cooltip-transition-duration);transition-delay:var(--cooltip-transition-delay);transition-timing-function:var(--cooltip-timing);transform:scale(1);opacity:1;}}"]);
 //# sourceMappingURL=GlobalStyle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","names":["_styledComponents","require","GlobalStyle","exports","createGlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n  /*\n    * Prefer scoped variables in this case.\n    * This lines of CSS should be scoped too.\n    */\n\n  --cooltip-spacing: 0.5rem;\n  --cooltip-padding: 0.25rem 0.625rem;\n  --cooltip-max-width: 12.5rem;\n\n  --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n  --cooltip-transition-delay: 0.6s;\n  --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n}\n\n.c-cooltip::after {\n  /*\n    * will-change is intended to be used as a last resort,\n    * in order to try to deal with existing performance problems.\n    * It should not be used to anticipate performance problems.\n    * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n    *\n    * will-change: transform, opacity\n    */\n  pointer-events: none;\n  content: attr(data-tooltip);\n  position: absolute;\n  color: #fff;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.9);\n  border-radius: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1.3;\n  max-width: var(--cooltip-max-width);\n  padding: var(--cooltip-padding);\n  text-align: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.c-cooltip--top::after {\n  bottom: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--right::after {\n  left: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n.c-cooltip--bottom::after {\n  top: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--left::after {\n  right: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n/*\n* Make sure that disabled and aria pressed\n* items do not have tooltips available.\n*/\n.c-cooltip:disabled::after,\n[aria-pressed=\"true\"]::after {\n  display: none;\n}\n\n/*\n*\n* Only use hover when is available .\n* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n*/\n@media (hover: hover) {\n  /*\n    * Here we maybe have a complex selector but actually it's not.\n    * We simply asks here to show tooltip only on hover.\n    * Focused elements (in this case, clicked elements) should hide the tooltip.\n    */\n  .c-cooltip--top:not(:focus):hover::after,\n  .c-cooltip--bottom:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1) translateX(-50%);\n    opacity: 1;\n  }\n\n  /*\n    *\n    * This is not code duplication!\n    * Transform properties are tricky to animate and values\n    * are not the same depending on the tooltip position.\n    *\n    * Animating only one transform, eg. scale(1) will\n    * override all previously set transforms, eg. translateY.\n    * So we need to always chain them.\n    * eg. transform: scale(1) translateY(-50%) etc...\n    */\n\n  .c-cooltip--right:not(:focus):hover::after,\n  .c-cooltip--left:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,mCAAiB,y4UAqgB3C"}
+{"version":3,"file":"GlobalStyle.js","names":["createGlobalStyle","GlobalStyle"],"sources":["../../../src/components/GlobalStyle.ts"],"sourcesContent":["import { createGlobalStyle } from \"styled-components\";\n\nexport const GlobalStyle = createGlobalStyle`\n  :root {\n    --color-primary: #5d2bff;\n    --color-secondary: #5d2bff;\n\n    --color-theme-100: #ffffff;\n    --color-theme-200: #f6f6f9;\n    --color-theme-300: #ebebee;\n    --color-theme-400: #d7d7da;\n    --color-theme-500: #b9b9bd;\n    --color-theme-600: #89898e;\n    --color-theme-700: #6d6d73;\n    --color-theme-800: #5b5b61;\n    --color-theme-900: #303037;\n\n    --color-primary-200: rgba(93, 43, 255, 0.05);\n    --color-primary-300: rgba(93, 43, 255, 0.1);\n    --color-primary-400: rgba(93, 43, 255, 0.25);\n    --color-primary-500: rgba(93, 43, 255, 0.5);\n    --color-primary-600: rgba(93, 43, 255, 0.75);\n    --color-primary-700: #5d2bff;\n    --color-primary-800: #4a21cd;\n    --color-primary-900: #32178b;\n\n    --color-secondary-200: rgba(93, 43, 255, 0.05);\n    --color-secondary-300: rgba(93, 43, 255, 0.1);\n    --color-secondary-400: rgba(93, 43, 255, 0.25);\n    --color-secondary-500: rgba(93, 43, 255, 0.5);\n    --color-secondary-600: rgba(93, 43, 255, 0.75);\n    --color-secondary-700: #5d2bff;\n    --color-secondary-800: #4a21cd;\n    --color-secondary-900: #32178b;\n\n    --color-theme-transparent-200: rgba(36,36,76,0.04);\n    --color-theme-transparent-300: rgba(48,48,55,0.1);\n    --color-theme-transparent-400: rgba(48,48,55,0.2);\n    --color-theme-transparent-500: rgba(48,48,55,0.34);\n    --color-theme-transparent-600: rgba(48,48,55,0.57);\n    --color-theme-transparent-700: rgba(48,48,55,0.7);\n    --color-theme-transparent-800: rgba(48,48,55,0.8);\n\n    --color-primary-opaque-300: #efeaff;\n    --color-primary-opaque-400: #d6caff;\n\n    --color-secondary-opaque-300: #efeaff;\n    --color-secondary-opaque-400: #d6caff;\n\n    --color-sucess-green: #64cd93;\n    --color-pale-green: #c3e799;\n\n    --color-yellow: #FDF196;\n    --color-yellow-darker: #948D5D;\n    --color-yellow-lighter: #EBD429;\n    --color-orange: #FBBB75;\n    --color-orange-darker: #916C43;\n    --color-orange-lighter: #E99841;\n    --color-beige: #EAC2AD;\n    --color-beige-darker: #877064;\n    --color-beige-lighter: #B98A72;\n    --color-pink: #FBD6E7;\n    --color-pink-darker: #917C86;\n    --color-pink-lighter: #E4A1C0;\n    --color-coral: #FF9C9C;\n    --color-coral-darker: #945A5A;\n    --color-coral-lighter: #DB4545;\n    --color-purple-dirty: #C49CB6;\n    --color-purple-dirty-darker: #715A69;\n    --color-purple-dirty-lighter: #B16E9A;\n    --color-purple: #BEACF9;\n    --color-purple-darker: #6E6390;\n    --color-purple-lighter: #9B86DF;\n    --color-blue-aqua: #BDF7FD;\n    --color-blue-aqua-darker: #6D8F92;\n    --color-blue-aqua-lighter: #7BDDE7;\n    --color-blue-pale: #BEEAFF;\n    --color-blue-pale-darker: #6E8794;\n    --color-blue-pale-lighter: #92BFD4;\n    --color-blue-sky: #A0CBFD;\n    --color-blue-sky-darker: #5C7592;\n    --color-blue-sky-lighter: #568CCB;\n    --color-turquoise: #B9E4E0;\n    --color-turquoise-darker: #6B8482;\n    --color-turquoise-lighter: #70BFB8;\n    --color-green-pale: #C3E799;\n    --color-green-pale-darker: #718658;\n    --color-green-pale-lighter: #80C333;\n    --color-green-olive-drab: #98B57C;\n    --color-green-olive-drab-darker: #647157;\n    --color-green-olive-drab-lighter: #819F65;\n    --color-gray-silver: #DDDDDD;\n    --color-gray-silver-darker: #808080;\n    --color-gray-silver-lighter: #ACACAC;\n    --color-gray: #CACACA;\n    --color-gray-darker: #757575;\n    --color-gray-lighter: #7D7D7D;\n\n    --body-bg-main: rgb(244, 245, 247);\n    --body-bg-main-transparent: rgba(244, 245, 247, 0);\n    --page-paper-main: #ffffff;\n    --border-primary: #d7d7da;\n\n    --note-bg: #fff9f1;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.06), 0 16px 16px 0 rgba(0, 0, 0, 0.04),\n      0 4px 4px 0 rgba(0, 0, 0, 0.04), 0 2px 2px 0 rgba(0, 0, 0, 0.04);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.06),\n      0 32px 32px 0 rgba(0, 0, 0, 0.03), 0 16px 16px 0 rgba(0, 0, 0, 0.02),\n      0 4px 4px 0 rgba(0, 0, 0, 0.02), 0 2px 2px 0 rgba(0, 0, 0, 0.02);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.17);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.05),\n      0 10px 15px -3px rgba(0, 0, 0, 0.1);\n    --shadow-tertiary-hover: 0 4px 10px -2px rgba(0, 0, 0, 0.1),\n      0 12px 20px -3px rgba(0, 0, 0, 0.2);\n\n    --page-paper-main-shadow: rgba(\n      255,\n      255,\n      255,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(244, 245, 247, 0.6);\n\n    --highlight-dark: rgba(0, 0, 0, 0.03);\n\n    --input-background-color: #ffffff;\n\n    --red-alert: rgb(237, 97, 97);\n\n    --warning: #ffcc6b;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n\n    --ac-br-4: 4px;\n\n    --ac-br-6: 6px;\n\n    --ac-br-8: 8px;\n\n    --ac-br-rounded: 999px;\n  }\n\n  .cupcake {\n    --color-primary: #29bcdd;\n    --color-secondary: #fe6fa7;\n\n    --color-primary-200: rgba(41, 188, 221, 0.07);\n    --color-primary-300: rgba(41, 188, 221, 0.12);\n    --color-primary-400: rgba(41, 188, 221, 0.26);\n    --color-primary-500: rgba(41, 188, 221, 0.52);\n    --color-primary-600: rgba(41, 188, 221, 0.75);\n    --color-primary-700: #29bcdd;\n    --color-primary-800: #219fbb;\n    --color-primary-900: #1a768b;\n\n    --color-secondary-200: rgba(254, 111, 167, 0.07);\n    --color-secondary-300: rgba(254, 111, 167, 0.13);\n    --color-secondary-400: rgba(254, 111, 167, 0.27);\n    --color-secondary-500: rgba(254, 111, 167, 0.52);\n    --color-secondary-600: rgba(254, 111, 167, 0.75);\n    --color-secondary-700: #fe6fa7;\n    --color-secondary-800: #dd6091;\n    --color-secondary-900: #ab496f;\n\n    --color-primary-opaque-300: #e5f7fb;\n    --color-primary-opaque-400: #c8eef6;\n\n    --color-secondary-opaque-300: #ffecf4;\n    --color-secondary-opaque-400: #ffd8e7;\n  }\n\n  .classic {\n    --color-primary: #4182f2;\n    --color-secondary: #4182f2;\n\n    --color-primary-200: rgba(65, 130, 242, 0.07);\n    --color-primary-300: rgba(65, 130, 242, 0.13);\n    --color-primary-400: rgba(65, 130, 242, 0.26);\n    --color-primary-500: rgba(65, 130, 242, 0.52);\n    --color-primary-600: rgba(65, 130, 242, 0.75);\n    --color-primary-700: #4182f2;\n    --color-primary-800: #356bc8;\n    --color-primary-900: #244a8a;\n\n    --color-secondary-200: rgba(65, 130, 242, 0.07);\n    --color-secondary-300: rgba(65, 130, 242, 0.13);\n    --color-secondary-400: rgba(65, 130, 242, 0.26);\n    --color-secondary-500: rgba(65, 130, 242, 0.52);\n    --color-secondary-600: rgba(65, 130, 242, 0.75);\n    --color-secondary-700: #4182f2;\n    --color-secondary-800: #356bc8;\n    --color-secondary-900: #244a8a;\n\n    --color-primary-opaque-300: #e6effd;\n    --color-primary-opaque-400: #cedffc;\n\n    --color-secondary-opaque-300: #e6effd;\n    --color-secondary-opaque-400: #cedffc;\n  }\n\n  .neon {\n    --color-primary: #67ffc8;\n    --color-secondary: #67ffc8;\n\n    --color-theme-100: #000000;\n    --color-theme-200: #31333e;\n    --color-theme-300: #2b2d37;\n    --color-theme-400: #1f2024;\n    --color-theme-500: #6D6D73;\n    --color-theme-600: #89898e;\n    --color-theme-700: #b0b0b5;\n    --color-theme-800: #dfdfe5;\n    --color-theme-900: #ffffff;\n\n    --color-primary-200: rgba(103, 255, 200, 0.05);\n    --color-primary-300: rgba(103, 255, 200, 0.1);\n    --color-primary-400: rgba(103, 255, 200, 0.25);\n    --color-primary-500: rgba(103, 255, 200, 0.5);\n    --color-primary-600: rgba(103, 255, 200, 0.75);\n    --color-primary-700: #67ffc8;\n    --color-primary-800: #a5ffdf;\n    --color-primary-900: #d0fdec;\n\n    --color-secondary-200: rgba(103, 255, 200, 0.05);\n    --color-secondary-300: rgba(103, 255, 200, 0.1);\n    --color-secondary-400: rgba(103, 255, 200, 0.25);\n    --color-secondary-500: rgba(103, 255, 200, 0.5);\n    --color-secondary-600: rgba(103, 255, 200, 0.75);\n    --color-secondary-700: #67ffc8;\n    --color-secondary-800: #a5ffdf;\n    --color-secondary-900: #d0fdec;\n\n    --color-theme-transparent-200: rgba(6,7,8,0.12);\n    --color-theme-transparent-300: rgba(6,7,8,0.22);\n    --color-theme-transparent-400: rgba(6,7,8,0.5);\n    --color-theme-transparent-500: rgba(255,255,255,0.27);\n    --color-theme-transparent-600: rgba(255,255,255,0.4);\n    --color-theme-transparent-700: rgba(255,255,255,0.6);\n    --color-theme-transparent-800: rgba(255,255,255,0.85);\n\n    --color-primary-opaque-300: #3b4e51;\n    --color-primary-opaque-400: #436b64;\n\n    --color-secondary-opaque-300: #3b4e51;\n    --color-secondary-opaque-400: #436b64;\n\n    --body-bg-main: rgb(44, 46, 56);\n    --body-bg-main-transparent: rgba(44, 46, 56, 0);\n    --page-paper-main: #373a44;\n    --border-primary: #1f2024;\n\n    --note-bg: #464545;\n\n    --shadow-primary-hover: 0 64px 64px 0 rgba(0, 0, 0, 0.2),\n      0 32px 32px 0 rgba(0, 0, 0, 0.2), 0 16px 16px 0 rgba(0, 0, 0, 0.2),\n      0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);\n    --shadow-primary: 0 64px 64px 0 rgba(0, 0, 0, 0.1),\n      0 32px 32px 0 rgba(0, 0, 0, 0.1), 0 16px 16px 0 rgba(0, 0, 0, 0.1),\n      0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);\n\n    --shadow-secondary: 0 4px 14px 0 rgba(0, 0, 0, 0.3);\n\n    --shadow-tertiary: 0 4px 6px -2px rgba(0, 0, 0, 0.1),\n      0 10px 15px -3px rgba(0, 0, 0, 0.15);\n    --shadow-tertiary-hover: 0 4px 12px -2px rgba(0, 0, 0, 0.4),\n      0 10px 30px -3px rgba(0, 0, 0, 0.5);\n\n    --page-paper-main-shadow: rgba(\n      55,\n      58,\n      68,\n      0\n    ); /* Shadow list shadow for page paper main */\n\n    --modal-background: rgba(44, 46, 56, 0.7);\n\n    --highlight-dark: rgba(0, 0, 0, 0.06);\n\n    --input-background-color: #2c2e38;\n\n    --only-white: #ffffff;\n\n    --only-black: #000000;\n  }\n\n  html {\n    color-scheme: light;\n  }\n\n  html {\n    &.neon {\n      color-scheme: dark;\n    }\n  }\n\n  .ac-shadow,\n  .ac-shadow--raised {\n    &--lg {\n      box-shadow: var(--shadow-primary);\n    }\n    &--sm {\n      box-shadow: var(--shadow-tertiary);\n    }\n  }\n\n  .ac-shadow--raised {\n    &--lg {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-primary-hover);\n      }\n    }\n    &--sm {\n      transition: box-shadow 0.3s;\n      &:hover {\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    }\n  }\n\n  .ac-shadow-optimized--sm {\n    position: relative;\n    box-shadow: var(--shadow-tertiary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-tertiary);\n      opacity: 0;\n      border-radius: var(--ac-br-6);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-shadow-optimized--lg {\n    position: relative;\n    box-shadow: var(--shadow-primary);\n\n    &::before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      content: \"\";\n      box-shadow: var(--shadow-primary);\n      opacity: 0;\n      border-radius: var(--ac-br-8);\n      transition: opacity 0.3s ease;\n      z-index: -1;\n    }\n\n    @media (hover: hover) {\n      &:hover::before {\n        opacity: 1;\n      }\n    }\n  }\n\n  .ac-border-radius {\n    &-4 {\n      border-radius: var(--ac-br-4);\n    }\n\n    &-6 {\n      border-radius: var(--ac-br-6);\n    }\n\n    &-8 {\n      border-radius: var(--ac-br-8);\n    }\n\n    &-rounded {\n      border-radius: var(--ac-br-rounded);\n    }\n  }\n\n\n  // CSS Tooltip ::after content: data-tooltip\n\n  .c-cooltip {\n  position: relative;\n\n  /*\n    * Prefer scoped variables in this case.\n    * This lines of CSS should be scoped too.\n    */\n\n  --cooltip-spacing: 0.5rem;\n  --cooltip-padding: 0.25rem 0.625rem;\n  --cooltip-max-width: 12.5rem;\n\n  --cooltip-transition-duration: 0.15s, 0.1s, 0.15s;\n  --cooltip-transition-delay: 0.6s;\n  --cooltip-timing: ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1);\n}\n\n.c-cooltip::after {\n  /*\n    * will-change is intended to be used as a last resort,\n    * in order to try to deal with existing performance problems.\n    * It should not be used to anticipate performance problems.\n    * https://developer.mozilla.org/en-US/docs/Web/CSS/will-change\n    *\n    * will-change: transform, opacity\n    */\n  pointer-events: none;\n  content: attr(data-tooltip);\n  position: absolute;\n  color: #fff;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.9);\n  border-radius: 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  line-height: 1.3;\n  max-width: var(--cooltip-max-width);\n  padding: var(--cooltip-padding);\n  text-align: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.c-cooltip--top::after {\n  bottom: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--right::after {\n  left: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n.c-cooltip--bottom::after {\n  top: calc(100% + var(--cooltip-spacing));\n  left: 50%;\n  transform: scale(0.85) translateX(-50%);\n  transform-origin: 0;\n}\n\n.c-cooltip--left::after {\n  right: calc(100% + var(--cooltip-spacing));\n  transform: scale(0.85);\n}\n\n/*\n* Make sure that disabled and aria pressed\n* items do not have tooltips available.\n*/\n.c-cooltip:disabled::after,\n[aria-pressed=\"true\"]::after {\n  display: none;\n}\n\n/*\n*\n* Only use hover when is available .\n* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover\n*/\n@media (hover: hover) {\n  /*\n    * Here we maybe have a complex selector but actually it's not.\n    * We simply asks here to show tooltip only on hover.\n    * Focused elements (in this case, clicked elements) should hide the tooltip.\n    */\n  .c-cooltip--top:not(:focus):hover::after,\n  .c-cooltip--bottom:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1) translateX(-50%);\n    opacity: 1;\n  }\n\n  /*\n    *\n    * This is not code duplication!\n    * Transform properties are tricky to animate and values\n    * are not the same depending on the tooltip position.\n    *\n    * Animating only one transform, eg. scale(1) will\n    * override all previously set transforms, eg. translateY.\n    * So we need to always chain them.\n    * eg. transform: scale(1) translateY(-50%) etc...\n    */\n\n  .c-cooltip--right:not(:focus):hover::after,\n  .c-cooltip--left:not(:focus):hover::after {\n    transition-property: opacity, transform;\n    transition-duration: var(--cooltip-transition-duration);\n    transition-delay: var(--cooltip-transition-delay);\n    transition-timing-function: var(--cooltip-timing);\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n`;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,mBAAmB;AAErD,OAAO,MAAMC,WAAW,GAAGD,iBAAiB,w4UAqgB3C"}

package/dist/esm/components/Header/Header.js

@@ -1,26 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Header = 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");
-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 Header = exports.Header = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledHeader } from "./Styles";
+export const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     className,
     size = "small",
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledHeader, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledHeader, _extends({
     type: "paper-2",
-    className: (0, _classnames.default)("c-header", className),
+    className: classNames("c-header", className),
     size: size,
     ref: ref
   }, rest), children);

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Header","exports","forwardRef","_ref","ref","className","size","children","rest","createElement","StyledHeader","_extends2","type","classNames","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,SAAAI,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,SAAAN,wBAAAM,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;AAWjC,MAAMY,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,CAAAC,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;IACEC,SAAS;IACTC,IAAI,GAAG,OAAO;IACdC,QAAQ;IACR,GAAGC;EAC0C,CAAC,GAAAL,IAAA;EAGhD,oBACE9B,MAAA,CAAAY,OAAA,CAAAwB,aAAA,CAAC/B,OAAA,CAAAgC,YAAY,MAAAC,SAAA,CAAA1B,OAAA;IACX2B,IAAI,EAAC,SAAS;IACdP,SAAS,EAAE,IAAAQ,mBAAU,EAAC,UAAU,EAAER,SAAS,CAAE;IAC7CC,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,GACLI,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDP,MAAM,CAACc,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Header.js","names":["React","forwardRef","classNames","StyledHeader","Header","_ref","ref","className","size","children","rest","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,MAAMC,MAAM,gBAAGH,UAAU,CAC9B,CAAAI,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;IACEC,SAAS;IACTC,IAAI,GAAG,OAAO;IACdC,QAAQ;IACR,GAAGC;EAC0C,CAAC,GAAAL,IAAA;EAGhD,oBACEL,KAAA,CAAAW,aAAA,CAACR,YAAY,EAAAS,QAAA;IACXC,IAAI,EAAC,SAAS;IACdN,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CC,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,GACLI,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDL,MAAM,CAACU,WAAW,GAAG,QAAQ"}

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

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledHeader = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Paper = require("../Paper");
-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 StyledHeader = exports.StyledHeader = (0, _styledComponents.default)(_Paper.Paper).withConfig({
+import styled, { css } from "styled-components";
+import { Paper } from "../Paper";
+export const StyledHeader = styled(Paper).withConfig({
   displayName: "Styles__StyledHeader",
   componentId: "sc-xrlqib-0"
-})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && (0, _styledComponents.css)(["height:140px;"]), props => props.size === "small" && (0, _styledComponents.css)(["height:4rem;"]));
+})(["", " ", " padding:0 1rem;display:flex;overflow:hidden;min-width:350px;@media screen and (max-width:350px){overflow:auto;}"], props => props.size === "big" && css(["height:140px;"]), props => props.size === "small" && css(["height:4rem;"]));
 StyledHeader.displayName = "StyledHeader";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Paper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledHeader","exports","styled","Paper","withConfig","displayName","componentId","props","size","css"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,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;AAE1B,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,QACpBC,qBAAG,oBAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,QACtBC,qBAAG,mBAEF,CAUJ;AAEDT,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledHeader","withConfig","displayName","componentId","props","size"],"sources":["../../../../src/components/Header/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledHeader = styled(Paper)<{ size?: string }>`\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 140px;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 4rem;\n    `}\n\n  padding: 0 1rem;\n  display: flex;\n  overflow: hidden;\n  min-width: 350px;\n\n  @media screen and (max-width: 350px) {\n    overflow: auto;\n  }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kIACpCC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,KAAK,IACpBP,GAAG,mBAEF,EAEAM,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,kBAEF,CAUJ;AAEDE,YAAY,CAACE,WAAW,GAAG,cAAc"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Header = require("./Header");
-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];
-    }
-  });
-});
+export * from "./Header";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Header","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Header/index.ts"],"sourcesContent":["export * from \"./Header\";\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Header/index.ts"],"sourcesContent":["export * from \"./Header\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/IconButton/IconButton.js

@@ -1,15 +1,7 @@
-"use strict";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import { StyledIconButton } from "./Styles";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconButton = 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; }
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
 /**
@@ -32,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * https://design.activecollab.com/docs/components/button
  */
 
-const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+export const IconButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
@@ -41,7 +33,7 @@ const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.forwardRef)((_re
     active,
     ...args
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledIconButton, (0, _extends2.default)({
+  return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
     className: className,
     variant: variant,
     size: size,