@activecollab/components 1.0.22 → 1.0.26

package/dist/cjs/components/Bubble/Styles.js

@@ -16,9 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var StyledBubble = _styledComponents.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)",

package/dist/cjs/components/Bubble/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Bubble/Styles.ts"],"names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,+DACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrBC,oBAHqB,EAIrBC,8BAJqB,CAAlB;;;AAOPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-bg-theme-100 tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Bubble/Styles.ts"],"names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wGACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrBC,oBAHqB,EAIrBC,8BAJqB,CAAlB;;;AAQPJ,YAAY,CAACK,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Button/Button.js

@@ -48,6 +48,7 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       "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)

package/dist/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAKA;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACO,IAAMA,MAAM,gBAAG,uBACpB,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,OAAX,EAAoBC,SAApB,EAA+B;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,oBAAcC,IAAI,KAAK,KAPiB;AAQxC,sBAAgBA,IAAI,KAAK,OARe;AASxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAVQ,KAA/B,CAFb;AAcE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAd1C;AAeE,IAAA,OAAO,EAAEN,OAfX;AAgBE,IAAA,IAAI,EAAEC;AAhBR,KAiBMG,IAjBN;AAkBE,IAAA,GAAG,EAAEN;AAlBP,MAoBGC,QAAQ,YAAYO,KAApB,gBACC,6BAAC,4BAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,2BAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAlCJ,CADF;AAuCD,CAnDmB,CAAf;;AAsDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\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 * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"names":["Button","ref","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AAKA;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACO,IAAMA,MAAM,gBAAG,uBACpB,gBASEC,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,oBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,OAAX,EAAoBC,SAApB,EAA+B;AACxC,0BAAoBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAExC,yBAAmBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGxC,6BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJA;AAKxC,0BAAoBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMxC,iCAA2BA,OAAO,KAAK,kBANC;AAOxC,8BAAwBA,OAAO,KAAK,eAPI;AAQxC,oBAAcC,IAAI,KAAK,KARiB;AASxC,sBAAgBA,IAAI,KAAK,OATe;AAUxC,0BACEF,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB;AAXQ,KAA/B,CAFb;AAeE,IAAA,QAAQ,EAAEP,QAAQ,YAAYM,MAApB,IAA8B,EAAEN,QAAQ,YAAYO,KAAtB,CAf1C;AAgBE,IAAA,OAAO,EAAEN,OAhBX;AAiBE,IAAA,IAAI,EAAEC;AAjBR,KAkBMG,IAlBN;AAmBE,IAAA,GAAG,EAAEN;AAnBP,MAqBGC,QAAQ,YAAYO,KAApB,gBACC,6BAAC,4BAAD;AAAsB,IAAA,SAAS,EAAC;AAAhC,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,2BAAD;AACE,MAAA,SAAS,EAAC,0BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCT,QAnCJ,CADF;AAwCD,CApDmB,CAAf;;AAuDPF,MAAM,CAACa,WAAP,GAAqB,QAArB","sourcesContent":["import React, { ReactNode, forwardRef } from \"react\";\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\nimport classnames from \"classnames\";\n\nexport interface IButtonProps extends React.ComponentPropsWithoutRef<\"button\"> {\n  /** Children type of node or string */\n  children: ReactNode;\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 * Button component\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      children,\n      variant = \"contained\",\n      size,\n      disabled = false,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        disabled={disabled}\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        size={size}\n        {...args}\n        ref={ref}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"file":"Button.js"}

package/dist/cjs/components/Button/Styles.js

@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledButton = _styledComponents.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.FontStyle, _BoxSizingStyle.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.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
   return props.size === "small" && (0, _styledComponents.css)(["height:24px;"]);
 }, function (props) {
   return props.size === "big" && (0, _styledComponents.css)(["height:40px;"]);
@@ -34,6 +34,8 @@ var StyledButton = _styledComponents.default.button.withConfig({
   return (props.variant === "tertiary" || props.variant === "text colored") && (0, _styledComponents.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") && (0, _styledComponents.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" && (0, _styledComponents.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 && (0, _styledComponents.css)(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && (0, _styledComponents.css)(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && (0, _styledComponents.css)(["width:24px;"]), props.size === "big" && (0, _styledComponents.css)(["width:40px;"]));
 }, function (props) {

package/dist/cjs/components/Button/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Styles.ts"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","props","size","css","variant","iconOnly","displayName","StyledButtonElements","span","StyledButtonElement"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAMO,IAAMA,YAAY,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,4eACrBC,oBADqB,EAErBC,8BAFqB,EA0CrB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,OAAf,QACAC,qBADA,mBADA;AAAA,CA1CqB,EAgDrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,KAAe,KAAf,QACAC,qBADA,mBADA;AAAA,CAhDqB,EAsDrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,SACAD,qBADA,0UADA;AAAA,CAtDqB,EAyErB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,SACAD,qBADA,kVADA;AAAA,CAzEqB,EA8FrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,OAAN,KAAkB,kBAAlB,QACAD,qBADA,mMADA;AAAA,CA9FqB,EA+GrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,SACAD,qBADA,iNADA;AAAA,CA/GqB,EAgIrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,SACAD,qBADA,yQADA;AAAA,CAhIqB,EAmJrB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACI,QAAN,QACAF,qBADA,yGAQI,CAACF,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,SACFC,qBADE,0CARJ,EAaIF,KAAK,CAACC,IAAN,KAAe,OAAf,QACFC,qBADE,kBAbJ,EAkBIF,KAAK,CAACC,IAAN,KAAe,KAAf,QACFC,qBADE,kBAlBJ,CADA;AAAA,CAnJqB,EA4KrB,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,OAAN,KAAkB,SAAlB,IACCH,KAAK,CAACG,OAAN,KAAkB,WADnB,IAECH,KAAK,CAACG,OAAN,KAAkB,WAFnB,IAGCH,KAAK,CAACG,OAAN,KAAkB,UAHpB,SAIAD,qBAJA,oIAYI,CAACF,KAAK,CAACC,IAAN,KAAe,OAAf,IAA0BD,KAAK,CAACC,IAAN,KAAe,KAA1C,SACFC,qBADE,0CAZJ,CADA;AAAA,CA5KqB,EA+LrB,UAACF,KAAD;AAAA,SACA,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,SAKAD,qBALA,yIAYIF,KAAK,CAACC,IAAN,KAAe,OAAf,QACFC,qBADE,oCAZJ,EAgBIF,KAAK,CAACC,IAAN,KAAe,KAAf,QACFC,qBADE,oCAhBJ,CADA;AAAA,CA/LqB,CAAlB;;;AAuNPP,YAAY,CAACU,WAAb,GAA2B,cAA3B;;AAEO,IAAMC,oBAAoB,GAAGV,0BAAOW,IAAV;AAAA;AAAA;AAAA,wCAA1B;;;AAKPD,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;;AAEO,IAAMG,mBAAmB,GAAGZ,0BAAOW,IAAV;AAAA;AAAA;AAAA,8CAAzB;;;AAOPC,mBAAmB,CAACH,WAApB,GAAkC,qBAAlC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IButtonProps } from \"./Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface StyledButtonProps extends IButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: 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  &:disabled {\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: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\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: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\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 === \"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 === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\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: var(--ac-br-6);\n      color: var(--color-theme-700);\n\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.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\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      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\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      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Button/Styles.ts"],"names":["StyledButton","styled","button","FontStyle","BoxSizingStyle","props","size","css","variant","iconOnly","displayName","StyledButtonElements","span","StyledButtonElement"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { IButtonProps } from \"./Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\ninterface StyledButtonProps extends IButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n\n  border: none;\n  height: 32px;\n  transition: all 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\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: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\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: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\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 === \"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 === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\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: var(--ac-br-6);\n      color: var(--color-theme-700);\n\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 === \"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      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\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      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\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      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Icons/collection/Attachment.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var AttachmentIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.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.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 _default = AttachmentIcon;
+exports.default = _default;
+//# sourceMappingURL=Attachment.js.map

package/dist/cjs/components/Icons/collection/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/Attachment.tsx"],"names":["AttachmentIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,cAAc,gBAAGC,eAAMC,UAAN,CACrB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,0OADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADqB,CAAvB;;AAkBAH,cAAc,CAACK,WAAf,GAA6B,gBAA7B;eACeL,c","sourcesContent":["import React from \"react\";\nconst AttachmentIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAttachmentIcon.displayName = \"AttachmentIcon\";\nexport default AttachmentIcon;\n"],"file":"Attachment.js"}

package/dist/cjs/components/Icons/collection/DiscussionAdd.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var DiscussionAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.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.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 _default = DiscussionAddIcon;
+exports.default = _default;
+//# sourceMappingURL=DiscussionAdd.js.map

package/dist/cjs/components/Icons/collection/DiscussionAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/DiscussionAdd.tsx"],"names":["DiscussionAddIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,iBAAiB,gBAAGC,eAAMC,UAAN,CACxB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,4NADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADwB,CAA1B;;AAkBAH,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;eACeL,iB","sourcesContent":["import React from \"react\";\nconst DiscussionAddIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nDiscussionAddIcon.displayName = \"DiscussionAddIcon\";\nexport default DiscussionAddIcon;\n"],"file":"DiscussionAdd.js"}

package/dist/cjs/components/Icons/collection/ExpenseAdd.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var ExpenseAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.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.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 _default = ExpenseAddIcon;
+exports.default = _default;
+//# sourceMappingURL=ExpenseAdd.js.map

package/dist/cjs/components/Icons/collection/ExpenseAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/ExpenseAdd.tsx"],"names":["ExpenseAddIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,cAAc,gBAAGC,eAAMC,UAAN,CACrB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,+SADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADqB,CAAvB;;AAkBAH,cAAc,CAACK,WAAf,GAA6B,gBAA7B;eACeL,c","sourcesContent":["import React from \"react\";\nconst ExpenseAddIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nExpenseAddIcon.displayName = \"ExpenseAddIcon\";\nexport default ExpenseAddIcon;\n"],"file":"ExpenseAdd.js"}

package/dist/cjs/components/Icons/collection/NoteAdd.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var NoteAddIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
+  return /*#__PURE__*/_react.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.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 _default = NoteAddIcon;
+exports.default = _default;
+//# sourceMappingURL=NoteAdd.js.map

package/dist/cjs/components/Icons/collection/NoteAdd.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Icons/collection/NoteAdd.tsx"],"names":["NoteAddIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,WAAW,gBAAGC,eAAMC,UAAN,CAClB,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,qLADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADkB,CAApB;;AAkBAH,WAAW,CAACK,WAAZ,GAA0B,aAA1B;eACeL,W","sourcesContent":["import React from \"react\";\nconst NoteAddIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        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\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nNoteAddIcon.displayName = \"NoteAddIcon\";\nexport default NoteAddIcon;\n"],"file":"NoteAdd.js"}

package/dist/cjs/components/Icons/collection/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "AssignIcon", {
     return _Assign.default;
   }
 });
+Object.defineProperty(exports, "AttachmentIcon", {
+  enumerable: true,
+  get: function get() {
+    return _Attachment.default;
+  }
+});
 Object.defineProperty(exports, "BackIcon", {
   enumerable: true,
   get: function get() {
@@ -255,6 +261,12 @@ Object.defineProperty(exports, "DependencySmallIcon", {
     return _DependencySmall.default;
   }
 });
+Object.defineProperty(exports, "DiscussionAddIcon", {
+  enumerable: true,
+  get: function get() {
+    return _DiscussionAdd.default;
+  }
+});
 Object.defineProperty(exports, "DollarCheckmarkIcon", {
   enumerable: true,
   get: function get() {
@@ -351,6 +363,12 @@ Object.defineProperty(exports, "ExpandAllIcon", {
     return _ExpandAll.default;
   }
 });
+Object.defineProperty(exports, "ExpenseAddIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ExpenseAdd.default;
+  }
+});
 Object.defineProperty(exports, "ExportIcon", {
   enumerable: true,
   get: function get() {
@@ -477,6 +495,12 @@ Object.defineProperty(exports, "MyWorkIcon", {
     return _MyWork.default;
   }
 });
+Object.defineProperty(exports, "NoteAddIcon", {
+  enumerable: true,
+  get: function get() {
+    return _NoteAdd.default;
+  }
+});
 Object.defineProperty(exports, "NotificationBellIcon", {
   enumerable: true,
   get: function get() {
@@ -736,6 +760,8 @@ var _ArrowRefresh = _interopRequireDefault(require("./ArrowRefresh"));
 
 var _Assign = _interopRequireDefault(require("./Assign"));
 
+var _Attachment = _interopRequireDefault(require("./Attachment"));
+
 var _Back = _interopRequireDefault(require("./Back"));
 
 var _BellOffSmall = _interopRequireDefault(require("./BellOffSmall"));
@@ -802,6 +828,8 @@ var _DependencySmall = _interopRequireDefault(require("./DependencySmall"));
 
 var _Dependency = _interopRequireDefault(require("./Dependency"));
 
+var _DiscussionAdd = _interopRequireDefault(require("./DiscussionAdd"));
+
 var _DollarCheckmarkSmall = _interopRequireDefault(require("./DollarCheckmarkSmall"));
 
 var _DollarCheckmark = _interopRequireDefault(require("./DollarCheckmark"));
@@ -834,6 +862,8 @@ var _Estimates = _interopRequireDefault(require("./Estimates"));
 
 var _ExpandAll = _interopRequireDefault(require("./ExpandAll"));
 
+var _ExpenseAdd = _interopRequireDefault(require("./ExpenseAdd"));
+
 var _Export = _interopRequireDefault(require("./Export"));
 
 var _EyeOffSmall = _interopRequireDefault(require("./EyeOffSmall"));
@@ -876,6 +906,8 @@ var _MoveTrigger = _interopRequireDefault(require("./MoveTrigger"));
 
 var _MyWork = _interopRequireDefault(require("./MyWork"));
 
+var _NoteAdd = _interopRequireDefault(require("./NoteAdd"));
+
 var _NotificationBell = _interopRequireDefault(require("./NotificationBell"));
 
 var _OpenExpanded = _interopRequireDefault(require("./OpenExpanded"));

package/dist/cjs/components/Icons/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExportIcon } from \"./Export\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as ActivityIcon } from \"./Activity\";\nexport { default as AddCrossTinyIcon } from \"./AddCrossTiny\";\nexport { default as AddCrossIcon } from \"./AddCross\";\nexport { default as ArrowBackIcon } from \"./ArrowBack\";\nexport { default as ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as AssignIcon } from \"./Assign\";\nexport { default as AttachmentIcon } from \"./Attachment\";\nexport { default as BackIcon } from \"./Back\";\nexport { default as BellOffSmallIcon } from \"./BellOffSmall\";\nexport { default as BellOffIcon } from \"./BellOff\";\nexport { default as BudgetAlertIcon } from \"./BudgetAlert\";\nexport { default as BudgetNoAlertIcon } from \"./BudgetNoAlert\";\nexport { default as CalendarAddXIcon } from \"./CalendarAddX\";\nexport { default as CalendarEmptyIcon } from \"./CalendarEmpty\";\nexport { default as CalendarIcon } from \"./Calendar\";\nexport { default as CancelCrossIcon } from \"./CancelCross\";\nexport { default as CaretLeftIcon } from \"./CaretLeft\";\nexport { default as CaretRightIcon } from \"./CaretRight\";\nexport { default as ChatIcon } from \"./Chat\";\nexport { default as CheckIcon } from \"./Check\";\nexport { default as CheckboxBlankTogglerIcon } from \"./CheckboxBlankToggler\";\nexport { default as CheckboxIcon } from \"./Checkbox\";\nexport { default as ChecklistSmallIcon } from \"./ChecklistSmall\";\nexport { default as ChecklistIcon } from \"./Checklist\";\nexport { default as CircleMultipleIcon } from \"./CircleMultiple\";\nexport { default as ClockAddIcon } from \"./ClockAdd\";\nexport { default as ClockSmallIcon } from \"./ClockSmall\";\nexport { default as ClockStopwatchSmallIcon } from \"./ClockStopwatchSmall\";\nexport { default as ClockStopwatchIcon } from \"./ClockStopwatch\";\nexport { default as ClockIcon } from \"./Clock\";\nexport { default as CloseSmallIcon } from \"./CloseSmall\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\nexport { default as CommentIcon } from \"./Comment\";\nexport { default as CommentsIcon } from \"./Comments\";\nexport { default as ComputerIcon } from \"./Computer\";\nexport { default as CrownBlankIcon } from \"./CrownBlank\";\nexport { default as CrownSelectedIcon } from \"./CrownSelected\";\nexport { default as DependencySmallIcon } from \"./DependencySmall\";\nexport { default as DependencyIcon } from \"./Dependency\";\nexport { default as DiscussionAddIcon } from \"./DiscussionAdd\";\nexport { default as DollarCheckmarkSmallIcon } from \"./DollarCheckmarkSmall\";\nexport { default as DollarCheckmarkIcon } from \"./DollarCheckmark\";\nexport { default as DollarClockSmallIcon } from \"./DollarClockSmall\";\nexport { default as DollarClockIcon } from \"./DollarClock\";\nexport { default as DollarOffSmallIcon } from \"./DollarOffSmall\";\nexport { default as DollarOffIcon } from \"./DollarOff\";\nexport { default as DollarSmallIcon } from \"./DollarSmall\";\nexport { default as DollarIcon } from \"./Dollar\";\nexport { default as DownloadIcon } from \"./Download\";\nexport { default as DriveIcon } from \"./Drive\";\nexport { default as DropboxIcon } from \"./Dropbox\";\nexport { default as DuplicateIcon } from \"./Duplicate\";\nexport { default as EditIcon } from \"./Edit\";\nexport { default as EmojiIcon } from \"./Emoji\";\nexport { default as EstimatesIcon } from \"./Estimates\";\nexport { default as ExpandAllIcon } from \"./ExpandAll\";\nexport { default as ExpenseAddIcon } from \"./ExpenseAdd\";\nexport { default as ExportIcon } from \"./Export\";\nexport { default as EyeOffSmallIcon } from \"./EyeOffSmall\";\nexport { default as EyeOffIcon } from \"./EyeOff\";\nexport { default as EyeSmallIcon } from \"./EyeSmall\";\nexport { default as EyeIcon } from \"./Eye\";\nexport { default as FilterIcon } from \"./Filter\";\nexport { default as HelpIcon } from \"./Help\";\nexport { default as InfoSmallIcon } from \"./InfoSmall\";\nexport { default as InfoIcon } from \"./Info\";\nexport { default as IntegrationsIcon } from \"./Integrations\";\nexport { default as InvoicesIcon } from \"./Invoices\";\nexport { default as LabelsIcon } from \"./Labels\";\nexport { default as LockSmallIcon } from \"./LockSmall\";\nexport { default as LockIcon } from \"./Lock\";\nexport { default as MarkerIcon } from \"./Marker\";\nexport { default as MenuNavIcon } from \"./MenuNavIcon\";\nexport { default as MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PencilSmallIcon } from \"./PencilSmall\";\nexport { default as PencilIcon } from \"./Pencil\";\nexport { default as PendingPaymentSmallIcon } from \"./PendingPaymentSmall\";\nexport { default as PeopleIcon } from \"./People\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateIcon } from \"./ProjectTemplate\";\nexport { default as ProjectsIcon } from \"./Projects\";\nexport { default as RadioBlankIcon } from \"./RadioBlank\";\nexport { default as RadioButtonIcon } from \"./RadioButton\";\nexport { default as RearangeIcon } from \"./Rearange\";\nexport { default as RearrangeSmallIcon } from \"./RearrangeSmall\";\nexport { default as RecurringCheckmarkSmallIcon } from \"./RecurringCheckmarkSmall\";\nexport { default as RecurringCheckmarkIcon } from \"./RecurringCheckmark\";\nexport { default as ReportsIcon } from \"./Reports\";\nexport { default as SearchIcon } from \"./Search\";\nexport { default as SendBlankIcon } from \"./SendBlank\";\nexport { default as SendFilledIcon } from \"./SendFilled\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TextFormatGeneralAltIcon } from \"./TextFormatGeneralAlt\";\nexport { default as ThumbUpOutlineIcon } from \"./ThumbUpOutline\";\nexport { default as TrashIcon } from \"./Trash\";\nexport { default as TreeDotsIcon } from \"./TreeDots\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as VolumeHighIcon } from \"./VolumeHigh\";\nexport { default as VolumeOffIcon } from \"./VolumeOff\";\nexport { default as WarningTriangleSmallIcon } from \"./WarningTriangleSmall\";\nexport { default as WarningTriangleIcon } from \"./WarningTriangle\";\nexport { default as WarningIcon } from \"./Warning\";\nexport { default as WorkloadIcon } from \"./Workload\";\n"],"file":"index.js"}

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

@@ -42,6 +42,7 @@ 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/cjs/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAwBA;AACA;AACA;AACO,IAAMA,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,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,QAAX,EAAqBC,SAArB,EAAgC;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,KAAhC,CAFb;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,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,yBAAD;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":["Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;AAyBA;AACA;AACA;AACO,IAAMA,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,6BAAC,kBAAD;AACE,IAAA,QAAQ,EAAEF,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAW,QAAX,EAAqBC,SAArB,EAAgC;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,KAAhC,CAFb;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,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGP,QAAQ,CAACQ,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,yBAAD;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/cjs/components/Links/Styles.js

@@ -27,7 +27,7 @@ exports.StyledLinkElement = StyledLinkElement;
 var StyledLink = _styledComponents.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.FontStyle, _BoxSizingStyle.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.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "WebkitFontSmoothing": "antialiased",
   "MozOsxFontSmoothing": "grayscale",
   "fontWeight": "500",
@@ -56,6 +56,8 @@ var StyledLink = _styledComponents.default.a.withConfig({
   return (props.variant === "option" || props.variant === "text gray") && (0, _styledComponents.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" && (0, _styledComponents.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" && (0, _styledComponents.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 && (0, _styledComponents.css)(["padding:0;width:32px;", " ", ""], props.size === "small" && (0, _styledComponents.css)(["radius:16px;width:24px;"]), props.size === "big" && (0, _styledComponents.css)(["radius:20px;width:40px;"]));
 }, function (props) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Links/Styles.ts"],"names":["StyledLinkElement","styled","div","StyledLink","a","FontStyle","BoxSizingStyle","props","disabled","css","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.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":["StyledLinkElement","styled","div","StyledLink","a","FontStyle","BoxSizingStyle","props","disabled","css","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/cjs/components/Pressed/Styles.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Pressed/Styles.ts"],"names":["StyledPressed","Button","props","active","css","variant","children","Array","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAGO,IAAMA,aAAa,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aACtB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,QACAC,qBADA,qCAEM;AAAA;AAAA,GAFN,EAII,CAACF,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,SACFD,qBADE,iDAJJ,EASI,CAACF,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,SACFD,qBADE,oEATJ,EAeIF,KAAK,CAACG,OAAN,KAAkB,kBAAlB,QACFD,qBADE,0CAfJ,EAoBE,CAACF,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,SACAD,qBADA,iDApBF,EAyBE,CAACF,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,SACAD,qBADA,uCAGIF,KAAK,CAACI,QAAN,YAA0BC,KAA1B,QACFH,qBADE,+CAHJ,CAzBF,CADA;AAAA,CADsB,CAAnB;;AAsCPJ,aAAa,CAACQ,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":["StyledPressed","Button","props","active","css","variant","children","Array","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;AAGO,IAAMA,aAAa,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aACtB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,MAAN,QACAC,qBADA,0CAEM;AAAA;AAAA,GAFN,EAII,CAACF,KAAK,CAACG,OAAN,KAAkB,SAAlB,IAA+BH,KAAK,CAACG,OAAN,KAAkB,WAAlD,SACFD,qBADE,iDAJJ,EASI,CAACF,KAAK,CAACG,OAAN,KAAkB,WAAlB,IAAiCH,KAAK,CAACG,OAAN,KAAkB,UAApD,SACFD,qBADE,oEATJ,EAeIF,KAAK,CAACG,OAAN,KAAkB,kBAAlB,QACFD,qBADE,0CAfJ,EAoBIF,KAAK,CAACG,OAAN,KAAkB,eAAlB,QACFD,qBADE,uFApBJ,EA0BE,CAACF,KAAK,CAACG,OAAN,KAAkB,UAAlB,IAAgCH,KAAK,CAACG,OAAN,KAAkB,cAAnD,SACAD,qBADA,iDA1BF,EA+BE,CAACF,KAAK,CAACG,OAAN,KAAkB,QAAlB,IAA8BH,KAAK,CAACG,OAAN,KAAkB,WAAjD,SACAD,qBADA,uCAGIF,KAAK,CAACI,QAAN,YAA0BC,KAA1B,QACFH,qBADE,+CAHJ,CA/BF,CADA;AAAA,CADsB,CAAnB;;AA4CPJ,aAAa,CAACQ,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/cjs/components/Select/Styles.js

@@ -11,17 +11,18 @@ var _Input = require("../Input/Input");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var StyledSelectInput = (0, _styledComponents.default)(_Input.Input).withConfig({
+  displayName: "Styles__StyledSelectInput",
+  componentId: "sc-gfxqpu-0"
+})([""]);
+exports.StyledSelectInput = StyledSelectInput;
+StyledSelectInput.displayName = "StyledSelectInput";
+
 var StyledSelectForm = _styledComponents.default.form.withConfig({
   displayName: "Styles__StyledSelectForm",
-  componentId: "sc-gfxqpu-0"
-})(["margin:12px 12px 0 12px;display:flex;*{margin:auto 0;}"]);
+  componentId: "sc-gfxqpu-1"
+})(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
 
 exports.StyledSelectForm = StyledSelectForm;
 StyledSelectForm.displayName = "StyledSelectForm";
-var StyledSelectInput = (0, _styledComponents.default)(_Input.Input).withConfig({
-  displayName: "Styles__StyledSelectInput",
-  componentId: "sc-gfxqpu-1"
-})(["width:100%;border-radius:4px;"]);
-exports.StyledSelectInput = StyledSelectInput;
-StyledSelectInput.displayName = "StyledSelectInput";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["StyledSelectForm","styled","form","displayName","StyledSelectInput","Input"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,IAAV;AAAA;AAAA;AAAA,8DAAtB;;;AASPF,gBAAgB,CAACG,WAAjB,GAA+B,kBAA/B;AAEO,IAAMC,iBAAiB,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,qCAAvB;;AAKPD,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":["StyledSelectInput","Input","displayName","StyledSelectForm","styled","form"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,IAAMA,iBAAiB,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,QAAvB;;AAEPD,iBAAiB,CAACE,WAAlB,GAAgC,mBAAhC;;AAEO,IAAMC,gBAAgB,GAAGC,0BAAOC,IAAV;AAAA;AAAA;AAAA,kGAIzBL,iBAJyB,CAAtB;;;AAcPG,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/esm/components/Bubble/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Bubble/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAKxB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Bubble/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,oEAMxB,CAAC"}