@activecollab/components 1.0.22 → 1.0.26

package/dist/esm/components/Links/Link.d.ts

@@ -1,7 +1,7 @@
 import { FC, BaseHTMLAttributes, ReactNode } from "react";
 export interface ILinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {
     children: ReactNode | string;
-    variant?: "primary" | "secondary" | "tertiary" | "option" | "contained" | "outlined" | "text colored" | "text gray" | "dark transparent";
+    variant?: "primary" | "secondary" | "tertiary" | "option" | "contained" | "outlined" | "text colored" | "text gray" | "dark transparent" | "circle raised";
     size?: "big" | "small";
     disabled?: boolean;
     className?: string;

package/dist/esm/components/Links/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IAEvE,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAE7B,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,CAAC;IAEvB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA+C/B,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IAEvE,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAE7B,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CAgD/B,CAAC"}

package/dist/esm/components/Links/Link.js

@@ -26,6 +26,7 @@ export var Link = function Link(_ref) {
       "c-link--text_colored": variant === "tertiary" || variant === "text colored",
       "c-link--text_gray": variant === "option" || variant === "text gray",
       "c-link--dark_transparent": variant === "dark transparent",
+      "c-link--circle_raised": variant === "circle raised",
       "c-link--big": size === "big",
       "c-link--small": size === "small",
       "c-link--icon-only": children instanceof Object && !(children instanceof Array),

package/dist/esm/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["React","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAyD,OAAzD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,EAAqBC,iBAArB,EAAwCC,kBAAxC,QAAkE,UAAlE;;AAwBA;AACA;AACA;AACA,OAAO,IAAMC,IAAoB,GAAG,SAAvBA,IAAuB,OAO9B;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,WAKN;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,QAAD,EAAWS,SAAX,EAAsB;AACzC,2BAAqBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAEzC,0BAAoBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGzC,8BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJC;AAKzC,2BAAqBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMzC,kCAA4BA,OAAO,KAAK,kBANC;AAOzC,qBAAeC,IAAI,KAAK,KAPiB;AAQzC,uBAAiBA,IAAI,KAAK,OARe;AASzC,2BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAVS;AAWzC,0BAAoBJ;AAXqB,KAAtB,CAFvB;AAeE,IAAA,OAAO,EAAEF,OAfX;AAgBE,IAAA,IAAI,EAAEC,IAhBR;AAiBE,IAAA,QAAQ,EAAEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAjB1C,KAkBMF,IAlBN,GAoBGL,QAAQ,YAAYO,KAApB,gBACC,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,iBAAD;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAlCJ,CADF;AAuCD,CA/CM;AAiDPD,IAAI,CAACY,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Link component\n */\nexport const Link: FC<ILinkProps> = ({\n  children,\n  variant = \"contained\",\n  size,\n  disabled = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledLink\n      disabled={disabled}\n      className={classNames(\"c-link\", className, {\n        \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n        \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n        \"c-link--text_colored\":\n          variant === \"tertiary\" || variant === \"text colored\",\n        \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n        \"c-link--dark_transparent\": variant === \"dark transparent\",\n        \"c-link--big\": size === \"big\",\n        \"c-link--small\": size === \"small\",\n        \"c-link--icon-only\":\n          children instanceof Object && !(children instanceof Array),\n        \"c-link--disabled\": disabled,\n      })}\n      variant={variant}\n      size={size}\n      iconOnly={children instanceof Object && !(children instanceof Array)}\n      {...args}\n    >\n      {children instanceof Array ? (\n        <StyledLinkElements className=\"c-link__elements\">\n          {children.map((value, index) =>\n            value ? (\n              <StyledLinkElement\n                className=\"c-link__elements__element\"\n                key={index}\n              >\n                {value}\n              </StyledLinkElement>\n            ) : null\n          )}\n        </StyledLinkElements>\n      ) : (\n        children\n      )}\n    </StyledLink>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["React","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAyD,OAAzD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,EAAqBC,iBAArB,EAAwCC,kBAAxC,QAAkE,UAAlE;;AAyBA;AACA;AACA;AACA,OAAO,IAAMC,IAAoB,GAAG,SAAvBA,IAAuB,OAO9B;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,WAKN;AAAA,MAJJC,IAII,QAJJA,IAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,KAGP;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAER,UAAU,CAAC,QAAD,EAAWS,SAAX,EAAsB;AACzC,2BAAqBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAEzC,0BAAoBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGzC,8BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJC;AAKzC,2BAAqBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMzC,kCAA4BA,OAAO,KAAK,kBANC;AAOzC,+BAAyBA,OAAO,KAAK,eAPI;AAQzC,qBAAeC,IAAI,KAAK,KARiB;AASzC,uBAAiBA,IAAI,KAAK,OATe;AAUzC,2BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAXS;AAYzC,0BAAoBJ;AAZqB,KAAtB,CAFvB;AAgBE,IAAA,OAAO,EAAEF,OAhBX;AAiBE,IAAA,IAAI,EAAEC,IAjBR;AAkBE,IAAA,QAAQ,EAAEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAlB1C,KAmBMF,IAnBN,GAqBGL,QAAQ,YAAYO,KAApB,gBACC,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,iBAAD;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CAhDM;AAkDPD,IAAI,CAACY,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLAnchorElement> {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** Variant Buttons */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size can be big, medium or small */\n  size?: \"big\" | \"small\";\n  /** Disabled prop */\n  disabled?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Link component\n */\nexport const Link: FC<ILinkProps> = ({\n  children,\n  variant = \"contained\",\n  size,\n  disabled = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledLink\n      disabled={disabled}\n      className={classNames(\"c-link\", className, {\n        \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n        \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n        \"c-link--text_colored\":\n          variant === \"tertiary\" || variant === \"text colored\",\n        \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n        \"c-link--dark_transparent\": variant === \"dark transparent\",\n        \"c-link--circle_raised\": variant === \"circle raised\",\n        \"c-link--big\": size === \"big\",\n        \"c-link--small\": size === \"small\",\n        \"c-link--icon-only\":\n          children instanceof Object && !(children instanceof Array),\n        \"c-link--disabled\": disabled,\n      })}\n      variant={variant}\n      size={size}\n      iconOnly={children instanceof Object && !(children instanceof Array)}\n      {...args}\n    >\n      {children instanceof Array ? (\n        <StyledLinkElements className=\"c-link__elements\">\n          {children.map((value, index) =>\n            value ? (\n              <StyledLinkElement\n                className=\"c-link__elements__element\"\n                key={index}\n              >\n                {value}\n              </StyledLinkElement>\n            ) : null\n          )}\n        </StyledLinkElements>\n      ) : (\n        children\n      )}\n    </StyledLink>\n  );\n};\n\nLink.displayName = \"Link\";\n"],"file":"Link.js"}

package/dist/esm/components/Links/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,UAAU,eAAgB,SAAQ,UAAU;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,oEAAe,CAAC;AAE9C,eAAO,MAAM,UAAU,+EA4NtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oEAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,kEA6D1B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,UAAU,eAAgB,SAAQ,UAAU;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,oEAAe,CAAC;AAE9C,eAAO,MAAM,UAAU,+EAgPtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,oEAc9B,CAAC;AAEF,eAAO,MAAM,cAAc,kEA6D1B,CAAC"}

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

@@ -8,7 +8,7 @@ export var StyledLinkElement = styled.div.withConfig({
 export var StyledLink = styled.a.withConfig({
   displayName: "Styles__StyledLink",
   componentId: "sc-1c1jdox-1"
-})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
+})(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
   "WebkitFontSmoothing": "antialiased",
   "MozOsxFontSmoothing": "grayscale",
   "fontWeight": "500",
@@ -37,6 +37,8 @@ export var StyledLink = styled.a.withConfig({
   return (props.variant === "option" || props.variant === "text gray") && css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
 }, function (props) {
   return props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
+}, function (props) {
+  return props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
 }, function (props) {
   return props.iconOnly && css(["padding:0;width:32px;", " ", ""], props.size === "small" && css(["radius:16px;width:24px;"]), props.size === "big" && css(["radius:20px;width:40px;"]));
 }, function (props) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledLinkElement","div","StyledLink","a","props","disabled","size","variant","iconOnly","StyledLinkElements","StyledBackLink","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAOA,OAAO,IAAMC,iBAAiB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,QAAvB;AAEP,OAAO,IAAMC,UAAU,GAAGN,MAAM,CAACO,CAAV;AAAA;AAAA;AAAA,wOACnBL,SADmB,EAEnBC,cAFmB,EAGjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAHiB,EAoCnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAR,GADA,qDADA;AAAA,CApCmB,EA4CnB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,IAAN,KAAe,OAAf,IACAT,GADA,kBADA;AAAA,CA5CmB,EAkDnB,UAACO,KAAD;AAAA,SACAA,KAAK,CAACE,IAAN,KAAe,KAAf,IACAT,GADA,kBADA;AAAA,CAlDmB,EAwDnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,KACAV,GADA,iUADA;AAAA,CAxDmB,EA4EnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,KACAV,GADA,yUADA;AAAA,CA5EmB,EAkGnB,UAACO,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,KACAV,GADA,6MADA;AAAA,CAlGmB,EAoHlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,KACAV,GADA,qQADC;AAAA,CApHkB,EAwIlB,UAACO,KAAD;AAAA,SACDA,KAAK,CAACG,OAAN,KAAkB,kBAAlB,IACAV,GADA,kMADC;AAAA,CAxIkB,EAyJlB,UAACO,KAAD;AAAA,SACDA,KAAK,CAACI,QAAN,IACAX,GADA,qCAKIO,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,6BALJ,EAWIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,6BAXJ,CADC;AAAA,CAzJkB,EA4KlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,WADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,WAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,UAHpB,KAIAV,GAJA,8FAKIG,iBALJ,EAQIA,iBARJ,EAYII,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,kBAZJ,EAiBIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,kBAjBJ,CADC;AAAA,CA5KkB,EAoMlB,UAACO,KAAD;AAAA,SACD,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,cADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,QAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,WAHnB,IAICH,KAAK,CAACG,OAAN,KAAkB,kBAJpB,KAKAV,GALA,8FAMIG,iBANJ,EASIA,iBATJ,EAaII,KAAK,CAACE,IAAN,KAAe,OAAf,IACFT,GADE,iBAbJ,EAkBIO,KAAK,CAACE,IAAN,KAAe,KAAf,IACFT,GADE,iBAlBJ,CADC;AAAA,CApMkB,CAAhB;AA8NP,OAAO,IAAMY,kBAAkB,GAAGb,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,6IAS3BD,iBAT2B,CAAxB;AAgBP,OAAO,IAAMU,cAAc,GAAGd,MAAM,CAACO,CAAV;AAAA;AAAA;AAAA,+oBACvBL,SADuB,EAEvBC,cAFuB,EAIrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJqB,EA2BnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CA3BmB,EA0CnB;AAAA;AAAA,CA1CmB,EA8CnB;AAAA;AAAA,CA9CmB,EAqDjB;AAAA;AAAA,CArDiB,EAyDjB;AAAA;AAAA,CAzDiB,CAApB;AA+DPW,cAAc,CAACC,WAAf,GAA6B,gBAA7B;AACAX,iBAAiB,CAACW,WAAlB,GAAgC,mBAAhC;AACAF,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC;AACAT,UAAU,CAACS,WAAX,GAAyB,YAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n  iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  ${tw`\n    tw-antialiased\n    tw-font-medium\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-inline-flex\n    tw-items-center\n    tw-justify-center`}\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n      pointer-events: none;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: 16px;\n      color: var(--color-theme-100);\n\n      &:focus,\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: 16px;\n      border: solid 1px var(--color-theme-600);\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-primary);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n   ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n   ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n   ${(props) =>\n    props.iconOnly &&\n    css`\n      padding: 0;\n      width: 32px;\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n        width: 40px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -6px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -4px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -4px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 4px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 8px;\n      `}\n    `}\n`;\n\nexport const StyledLinkElements = styled.div`\n  display: table;\n  height: inherit;\n\n  svg {\n    margin: 0 4px;\n    margin-bottom: -2px;\n  }\n\n  ${StyledLinkElement} {\n    display: table-cell;\n    vertical-align: middle;\n    padding-bottom: 2px;\n  }\n`;\n\nexport const StyledBackLink = styled.a`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-pl-8\n    tw-text-xxs\n    tw-uppercase\n    tw-inline-flex\n    tw-align-middle\n    tw-pr-4\n    tw-text-theme-600\n    tw-cursor-pointer\n  `}\n\n  text-decoration: none;\n  border: transparent 1px solid;\n  border-radius: 20px;\n  height: 32px;\n  font-size: 10px;\n  font-weight: 500;\n  display: table-cell;\n  vertical-align: middle;\n\n  &:before,\n  &:after {\n    content: \"\";\n    ${tw`\n      tw-border-solid\n      tw-text-theme-700\n      tw-inline-block\n      tw-p-0\n      tw-w-2\n      tw-h-2\n      tw-bg-no-repeat\n    `}\n    border-width: 0 1px 1px 0;\n    position: absolute;\n    left: 0;\n    transition: all ease 0.3s;\n  }\n  &:before {\n    ${tw`tw-opacity-100`}\n    transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:after {\n    ${tw`tw-opacity-0`}\n    transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:hover {\n    text-decoration: none;\n    border-color: var(--border-primary);\n    &:before {\n      ${tw`tw-opacity-0`}\n      transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n    }\n    &:after {\n      ${tw`tw-opacity-100`}\n      transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n    }\n  }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledLinkElement","div","StyledLink","a","props","disabled","size","variant","iconOnly","StyledLinkElements","StyledBackLink","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { ILinkProps } from \"./Link\";\n\ninterface StyledLinkProps extends ILinkProps {\n  iconOnly: boolean;\n}\n\nexport const StyledLinkElement = styled.div``;\n\nexport const StyledLink = styled.a<StyledLinkProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  ${tw`\n    tw-antialiased\n    tw-font-medium\n    tw-leading-none\n    tw-m-0\n    tw-no-underline\n    tw-text-sm\n    tw-select-none\n    tw-cursor-pointer\n    tw-inline-flex\n    tw-items-center\n    tw-justify-center`}\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  ${(props) =>\n    props.disabled &&\n    css`\n      cursor: default;\n      opacity: 50%;\n      pointer-events: none;\n    `}\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: 16px;\n      color: var(--color-theme-100);\n\n      &:focus,\n      &:hover {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: 16px;\n      border: solid 1px var(--color-theme-600);\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-primary);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n   ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: 6px;\n      color: var(--color-theme-600);\n\n      &:focus,\n      &:hover {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n   ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n      transition: ease 0.3s all;\n\n      &:hover {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n   ${(props) =>\n    props.iconOnly &&\n    css`\n      padding: 0;\n      width: 32px;\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n        width: 40px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -6px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 16px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 20px;\n      `}\n    `}\n\n   ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      ${StyledLinkElement}:first-child svg {\n        margin-left: -4px;\n      }\n      ${StyledLinkElement}:last-child svg {\n        margin-right: -4px;\n      }\n\n      ${props.size === \"small\" &&\n      css`\n        radius: 4px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        radius: 8px;\n      `}\n    `}\n`;\n\nexport const StyledLinkElements = styled.div`\n  display: table;\n  height: inherit;\n\n  svg {\n    margin: 0 4px;\n    margin-bottom: -2px;\n  }\n\n  ${StyledLinkElement} {\n    display: table-cell;\n    vertical-align: middle;\n    padding-bottom: 2px;\n  }\n`;\n\nexport const StyledBackLink = styled.a`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${tw`\n    tw-pl-8\n    tw-text-xxs\n    tw-uppercase\n    tw-inline-flex\n    tw-align-middle\n    tw-pr-4\n    tw-text-theme-600\n    tw-cursor-pointer\n  `}\n\n  text-decoration: none;\n  border: transparent 1px solid;\n  border-radius: 20px;\n  height: 32px;\n  font-size: 10px;\n  font-weight: 500;\n  display: table-cell;\n  vertical-align: middle;\n\n  &:before,\n  &:after {\n    content: \"\";\n    ${tw`\n      tw-border-solid\n      tw-text-theme-700\n      tw-inline-block\n      tw-p-0\n      tw-w-2\n      tw-h-2\n      tw-bg-no-repeat\n    `}\n    border-width: 0 1px 1px 0;\n    position: absolute;\n    left: 0;\n    transition: all ease 0.3s;\n  }\n  &:before {\n    ${tw`tw-opacity-100`}\n    transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:after {\n    ${tw`tw-opacity-0`}\n    transform: translateX(2rem) translateY(0.1rem) rotate(135deg);\n  }\n  &:hover {\n    text-decoration: none;\n    border-color: var(--border-primary);\n    &:before {\n      ${tw`tw-opacity-0`}\n      transform: translateX(0rem) translateY(0.1rem) rotate(135deg);\n    }\n    &:after {\n      ${tw`tw-opacity-100`}\n      transform: translateX(1rem) translateY(0.1rem) rotate(135deg);\n    }\n  }\n`;\n\nStyledBackLink.displayName = \"StyledBackLink\";\nStyledLinkElement.displayName = \"StyledLinkElement\";\nStyledLinkElements.displayName = \"StyledLinkElements\";\nStyledLink.displayName = \"StyledLink\";\n"],"file":"Styles.js"}

package/dist/esm/components/Pressed/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+MAoCzB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Pressed/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAI1C,eAAO,MAAM,aAAa,+MA0CzB,CAAC"}

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

@@ -4,9 +4,9 @@ export var StyledPressed = styled(Button).withConfig({
   displayName: "Styles__StyledPressed",
   componentId: "sc-1wqfsg5-0"
 })(["", ""], function (props) {
-  return props.active && css(["", " ", " ", " ", " ", " ", ""], {
+  return props.active && css(["", " ", " ", " ", " ", " ", " ", ""], {
     "pointerEvents": "none"
-  }, (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"])));
+  }, (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"])));
 });
 StyledPressed.displayName = "StyledPressed";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,oCAEM;AAAA;AAAA,GAFN,EAII,CAACG,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACFL,GADE,gDAJJ,EASI,CAACG,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACFL,GADE,mEATJ,EAeIG,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACFL,GADE,yCAfJ,EAoBE,CAACG,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAL,GADA,gDApBF,EAyBE,CAACG,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAL,GADA,sCAGIG,KAAK,CAACG,QAAN,YAA0BC,KAA1B,IACFP,GADE,8CAHJ,CAzBF,CADA;AAAA,CADsB,CAAnB;AAsCPE,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["styled","css","Button","StyledPressed","props","active","variant","children","Array","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,MAAT,QAAuB,kBAAvB;AAGA,OAAO,IAAMC,aAAa,GAAGH,MAAM,CAACE,MAAD,CAAT;AAAA;AAAA;AAAA,aACtB,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,IACAJ,GADA,yCAEM;AAAA;AAAA,GAFN,EAII,CAACG,KAAK,CAACE,OAAN,KAAkB,SAAlB,IAA+BF,KAAK,CAACE,OAAN,KAAkB,WAAlD,KACFL,GADE,gDAJJ,EASI,CAACG,KAAK,CAACE,OAAN,KAAkB,WAAlB,IAAiCF,KAAK,CAACE,OAAN,KAAkB,UAApD,KACFL,GADE,mEATJ,EAeIG,KAAK,CAACE,OAAN,KAAkB,kBAAlB,IACFL,GADE,yCAfJ,EAoBIG,KAAK,CAACE,OAAN,KAAkB,eAAlB,IACFL,GADE,sFApBJ,EA0BE,CAACG,KAAK,CAACE,OAAN,KAAkB,UAAlB,IAAgCF,KAAK,CAACE,OAAN,KAAkB,cAAnD,KACAL,GADA,gDA1BF,EA+BE,CAACG,KAAK,CAACE,OAAN,KAAkB,QAAlB,IAA8BF,KAAK,CAACE,OAAN,KAAkB,WAAjD,KACAL,GADA,sCAGIG,KAAK,CAACG,QAAN,YAA0BC,KAA1B,IACFP,GADE,8CAHJ,CA/BF,CADA;AAAA,CADsB,CAAnB;AA4CPE,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IPressedProps } from \"./Pressed\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledPressed = styled(Button)<IPressedProps>`\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledPressed.displayName = \"StyledPressed\";\n"],"file":"Styles.js"}

package/dist/esm/components/Select/Styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
 export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,gBAAgB,qEAO5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,iVAG7B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,iVAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC"}

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

@@ -1,13 +1,13 @@
 import styled from "styled-components";
 import { Input } from "../Input/Input";
-export var StyledSelectForm = styled.form.withConfig({
-  displayName: "Styles__StyledSelectForm",
-  componentId: "sc-gfxqpu-0"
-})(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
-StyledSelectForm.displayName = "StyledSelectForm";
 export var StyledSelectInput = styled(Input).withConfig({
   displayName: "Styles__StyledSelectInput",
-  componentId: "sc-gfxqpu-1"
-})(["width:100%;border-radius:4px;"]);
+  componentId: "sc-gfxqpu-0"
+})([""]);
 StyledSelectInput.displayName = "StyledSelectInput";
+export var StyledSelectForm = styled.form.withConfig({
+  displayName: "Styles__StyledSelectForm",
+  componentId: "sc-gfxqpu-1"
+})(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
+StyledSelectForm.displayName = "StyledSelectForm";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","StyledSelectForm","form","displayName","StyledSelectInput"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,IAAMC,gBAAgB,GAAGF,MAAM,CAACG,IAAV;AAAA;AAAA;AAAA,8DAAtB;AASPD,gBAAgB,CAACE,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,iBAAiB,GAAGL,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,qCAAvB;AAKPI,iBAAiB,CAACD,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledSelectInput = styled(Input)`\n  width: 100%;\n  border-radius: 4px;\n`;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","StyledSelectInput","displayName","StyledSelectForm","form"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,IAAMC,iBAAiB,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,QAAvB;AAEPC,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACK,IAAV;AAAA;AAAA;AAAA,kGAIzBH,iBAJyB,CAAtB;AAcPE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n"],"file":"Styles.js"}

package/dist/index.js

@@ -279,7 +279,7 @@
   var StyledButton$1 = styled__default["default"].button.withConfig({
     displayName: "Styles__StyledButton",
     componentId: "sc-vi1kcr-0"
-  })(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
+  })(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
     return props.size === "small" && styled.css(["height:24px;"]);
   }, function (props) {
     return props.size === "big" && styled.css(["height:40px;"]);
@@ -293,6 +293,8 @@
     return (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]);
   }, function (props) {
     return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
+  }, function (props) {
+    return props.variant === "circle raised" && styled.css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
   }, function (props) {
     return props.iconOnly && styled.css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && styled.css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && styled.css(["width:24px;"]), props.size === "big" && styled.css(["width:40px;"]));
   }, function (props) {
@@ -335,6 +337,7 @@
         "c-btn--text_colored": variant === "tertiary" || variant === "text colored",
         "c-btn--text_gray": variant === "option" || variant === "text gray",
         "c-btn--dark_transparent": variant === "dark transparent",
+        "c-btn--circle-raised": variant === "circle raised",
         "c-btn--big": size === "big",
         "c-btn--small": size === "small",
         "c-btn--icon-only": children instanceof Object && !(children instanceof Array)
@@ -1781,9 +1784,9 @@
   var StyledBubble = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledBubble",
     componentId: "sc-tloccl-0"
-  })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", ""], {
+  })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
     "--tw-bg-opacity": "1",
-    "backgroundColor": "var(--color-theme-100)",
+    "backgroundColor": "rgba(255, 255, 255, var(--tw-bg-opacity))",
     "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
     "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
     "borderColor": "var(--color-theme-200)",
@@ -4577,16 +4580,16 @@
   });
   Input.displayName = "Input";
 
-  var StyledSelectForm = styled__default["default"].form.withConfig({
-    displayName: "Styles__StyledSelectForm",
-    componentId: "sc-gfxqpu-0"
-  })(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
-  StyledSelectForm.displayName = "StyledSelectForm";
   var StyledSelectInput = styled__default["default"](Input).withConfig({
     displayName: "Styles__StyledSelectInput",
-    componentId: "sc-gfxqpu-1"
-  })(["width:100%;border-radius:4px;"]);
+    componentId: "sc-gfxqpu-0"
+  })([""]);
   StyledSelectInput.displayName = "StyledSelectInput";
+  var StyledSelectForm = styled__default["default"].form.withConfig({
+    displayName: "Styles__StyledSelectForm",
+    componentId: "sc-gfxqpu-1"
+  })(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
+  StyledSelectForm.displayName = "StyledSelectForm";
 
   var StyledOptionIndicator = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledOptionIndicator",
@@ -5688,6 +5691,22 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
+  var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M12.814 2.454l1.414 1.414-8.485 8.486a4 4 0 005.512 5.794l.144-.138 8.132-8.131a1.5 1.5 0 00-2.014-2.219l-.107.097-8.58 8.58-1.414-1.414 8.58-8.58a3.5 3.5 0 015.082 4.81l-.133.14-8.131 8.132A6 6 0 014.172 11.1l.156-.162 8.486-8.485z",
+      fillRule: "evenodd"
+    }));
+  });
+  AttachmentIcon.displayName = "AttachmentIcon";
+  var AttachmentIcon$1 = AttachmentIcon;
+
   var BackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -6120,6 +6139,22 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
+  var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M22 13v9l-4-4H8a2 2 0 01-1.995-1.85L6 16v-1h10a3.001 3.001 0 002.829-2H22zM12 2v2H4v8.17L5.17 11H16l.001 1.732a1.987 1.987 0 01-.82.26L15 13H6l-4 4V4a2 2 0 011.85-1.995L4 2h8zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2h2z",
+      fillRule: "evenodd"
+    }));
+  });
+  DiscussionAddIcon.displayName = "DiscussionAddIcon";
+  var DiscussionAddIcon$1 = DiscussionAddIcon;
+
   var DollarCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
@@ -6364,6 +6399,22 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
+  var ExpenseAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M19 14v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm1-11a2 2 0 011.994 1.85L22 5v7h-2V5H4v14h8v2H4a2 2 0 01-1.995-1.85L2 19V5c0-1.06.81-1.919 1.85-1.995L4 3h16zm-9 4v1h2v2H9v1h3a1 1 0 01.993.883L13 12v3a1 1 0 01-.883.993L12 16h-1v1H9v-1H7v-2h4v-1H8a1 1 0 01-.993-.883L7 12V9a1 1 0 01.883-.993L8 8h1V7h2z",
+      fillRule: "evenodd"
+    }));
+  });
+  ExpenseAddIcon.displayName = "ExpenseAddIcon";
+  var ExpenseAddIcon$1 = ExpenseAddIcon;
+
   var ExportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
@@ -6694,6 +6745,22 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
+  var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "var(--color-theme-600)",
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M7 14v3h3v2H7v3H5v-3.001L2 19v-2l3-.001V14h2zM19 3c1.05 0 1.918.82 1.994 1.851L21 5v10l-6 6h-3v-2h2v-5h5V5H5v7H3V5c0-1.05.82-1.918 1.851-1.994L5 3h14zm-7 8v2H8v-2h4zm5-4v2H7V7h10z",
+      fillRule: "evenodd"
+    }));
+  });
+  NoteAddIcon.displayName = "NoteAddIcon";
+  var NoteAddIcon$1 = NoteAddIcon;
+
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
@@ -8033,7 +8100,7 @@
   var StyledLink = styled__default["default"].a.withConfig({
     displayName: "Styles__StyledLink",
     componentId: "sc-1c1jdox-1"
-  })(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
+  })(["", " ", " ", " border:none;height:32px;transition:all 0.3s ease;svg{fill:currentColor;}&::-moz-focus-inner{border:0;}&:focus{outline:none;}&:hover{text-decoration:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, {
     "WebkitFontSmoothing": "antialiased",
     "MozOsxFontSmoothing": "grayscale",
     "fontWeight": "500",
@@ -8062,6 +8129,8 @@
     return (props.variant === "option" || props.variant === "text gray") && styled.css(["padding:0 8px;background-color:transparent;border-radius:6px;color:var(--color-theme-600);&:focus,&:hover{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]);
   }, function (props) {
     return props.variant === "dark transparent" && styled.css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]);
+  }, function (props) {
+    return props.variant === "circle raised" && styled.css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);transition:ease 0.3s all;&:hover{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]);
   }, function (props) {
     return props.iconOnly && styled.css(["padding:0;width:32px;", " ", ""], props.size === "small" && styled.css(["radius:16px;width:24px;"]), props.size === "big" && styled.css(["radius:20px;width:40px;"]));
   }, function (props) {
@@ -8146,6 +8215,7 @@
         "c-link--text_colored": variant === "tertiary" || variant === "text colored",
         "c-link--text_gray": variant === "option" || variant === "text gray",
         "c-link--dark_transparent": variant === "dark transparent",
+        "c-link--circle_raised": variant === "circle raised",
         "c-link--big": size === "big",
         "c-link--small": size === "small",
         "c-link--icon-only": children instanceof Object && !(children instanceof Array),
@@ -8506,9 +8576,9 @@
     displayName: "Styles__StyledPressed",
     componentId: "sc-1wqfsg5-0"
   })(["", ""], function (props) {
-    return props.active && styled.css(["", " ", " ", " ", " ", " ", ""], {
+    return props.active && styled.css(["", " ", " ", " ", " ", " ", " ", ""], {
       "pointerEvents": "none"
-    }, (props.variant === "primary" || props.variant === "contained") && styled.css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && styled.css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && styled.css(["background-color:var(--only-black);"]), (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && styled.css(["color:var(--color-primary);", ""], props.children instanceof Array && styled.css(["background-color:var(--color-theme-300);"])));
+    }, (props.variant === "primary" || props.variant === "contained") && styled.css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && styled.css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && styled.css(["background-color:var(--only-black);"]), props.variant === "circle raised" && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && styled.css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && styled.css(["color:var(--color-primary);", ""], props.children instanceof Array && styled.css(["background-color:var(--color-theme-300);"])));
   });
   StyledPressed.displayName = "StyledPressed";
 
@@ -9901,6 +9971,7 @@
   exports.ArrowLeftBoxIcon = ArrowLeftBoxIcon$1;
   exports.ArrowRefreshIcon = ArrowRefreshIcon$1;
   exports.AssignIcon = AssignIcon$1;
+  exports.AttachmentIcon = AttachmentIcon$1;
   exports.AutoResizeTextarea = AutoResizeTextarea;
   exports.Autocomplete = Autocomplete;
   exports.Avatar = Avatar;
@@ -9960,6 +10031,7 @@
   exports.DialogContent = DialogContent;
   exports.DialogContentDivider = DialogContentDivider;
   exports.DialogTitle = DialogTitle;
+  exports.DiscussionAddIcon = DiscussionAddIcon$1;
   exports.DollarCheckmarkIcon = DollarCheckmarkIcon$1;
   exports.DollarCheckmarkSmallIcon = DollarCheckmarkSmallIcon$1;
   exports.DollarClockIcon = DollarClockIcon$1;
@@ -9980,6 +10052,7 @@
   exports.ExpandAll = ExpandAll;
   exports.ExpandAllIcon = ExpandAllIcon$1;
   exports.ExpandSingle = ExpandSingle;
+  exports.ExpenseAddIcon = ExpenseAddIcon$1;
   exports.ExportIcon = ExportIcon$1;
   exports.EyeIcon = EyeIcon$1;
   exports.EyeOffIcon = EyeOffIcon$1;
@@ -10029,6 +10102,7 @@
   exports.MyWorkIcon = MyWorkIcon$1;
   exports.Nav = Nav;
   exports.NavBarElement = NavBarElement;
+  exports.NoteAddIcon = NoteAddIcon$1;
   exports.NotificationBellIcon = NotificationBellIcon$1;
   exports.OpenExpandedIcon = OpenExpandedIcon$1;
   exports.Option = Option;