npm - @activecollab/components - Versions diffs - 1.0.104 → 1.0.107 - Mend

@activecollab/components 1.0.104 → 1.0.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js CHANGED Viewed

@@ -31,10 +31,11 @@ var CompleteCheckbox = function CompleteCheckbox(_ref) {
     $primary: primary,
     $completed: completed,
     $disabled: disabled,
-    $animation: !disabled && completed && animate
+    $animation: !disabled && completed && animate,
+    $checkMarkClassName: !!checkMarkClassName
   }, /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 48 48",
-    className: checkMarkClassName ? checkMarkClassName : "tw-w-12 tw-h-12"
+    className: checkMarkClassName
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8"
   }), /*#__PURE__*/_react.default.createElement("polyline", {

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAmBO,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,6BAAC,8BAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAE,yBAAW,qBAAX,EAAkCC,SAAlC,CAFb;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE;~~AANxC~~,~~kBAQE~~;~~AACE~~,IAAA,OAAO,EAAC,~~WADV~~;~~AAEE~~,IAAA,SAAS,~~EAAEI,kBAAkB,GAAGA,kBAAH,GAAwB~~;~~AAFvD~~,~~kBAIE~~;AAAM,IAAA,CAAC,EAAC;AAAR,~~IAJF~~,~~eAKE~~;AAAU,IAAA,MAAM,EAAC;AAAjB,~~IALF~~,~~CARF~~,CADF;~~AAkBD~~,~~CA3BM~~;;;~~AA6BPP~~,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n >\n <svg\n viewBox=\"0 0 48 48\"\n className={checkMarkClassName ~~? checkMarkClassName : \"tw-w-12 tw-h-12\"~~}\n >\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"file":"CompleteCheckbox.js"}
1	+ {"version":3,"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAmBO,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,6BAAC,8BAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAE,yBAAW,qBAAX,EAAkCC,SAAlC,CAFb;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE,OANxC;AAOE,IAAA,mBAAmB,EAAE,CAAC,CAACI;AAPzB,kBASE;AAAK,IAAA,OAAO,EAAC,WAAb;AAAyB,IAAA,SAAS,EAAEA;AAApC,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,eAEE;AAAU,IAAA,MAAM,EAAC;AAAjB,IAFF,CATF,CADF;AAgBD,CAzBM;;;AA2BPP,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n /** Change completed state of checkbox /\n completed?: boolean;\n /* Callback /\n onClick?: (event: MouseEvent) => void;\n /* Make component disabled for interaction /\n disabled?: boolean;\n /* Animation (works only when is completed and not disabled) /\n animate?: boolean;\n /* Class names /\n className?: string \| undefined;\n /* Set green color for checkbox /\n primary?: boolean;\n /* Set checkmark height and width */\n checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n completed = false,\n disabled = false,\n animate = false,\n onClick,\n className,\n primary = false,\n checkMarkClassName,\n}) => {\n return (\n <StyledCompleteCheckbox\n onClick={onClick}\n className={classnames(\"c-complete-checkbox\", className)}\n $primary={primary}\n $completed={completed}\n $disabled={disabled}\n $animation={!disabled && completed && animate}\n $checkMarkClassName={!!checkMarkClassName}\n >\n <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n </svg>\n </StyledCompleteCheckbox>\n );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"file":"CompleteCheckbox.js"}

package/dist/cjs/components/CompleteCheckbox/Styles.js CHANGED Viewed

@@ -19,7 +19,7 @@ var burstAnimation = (0, _styledComponents.keyframes)(["from{stroke-dashoffset:0
 var StyledCompleteCheckbox = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCompleteCheckbox",
   componentId: "sc-1801dzg-0"
-})(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", ""], {
+})(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
   "width": "1.5rem",
   "height": "1.5rem",
   "borderRadius": "9999px",
@@ -47,6 +47,11 @@ var StyledCompleteCheckbox = _styledComponents.default.div.withConfig({
   return props.$disabled && (0, _styledComponents.css)(["", " opacity:0.5;"], {
     "cursor": "default"
   });
+}, function (props) {
+  return !props.$checkMarkClassName && (0, _styledComponents.css)(["svg{", "}"], {
+    "width": "3rem",
+    "height": "3rem"
+  });
 });
 exports.StyledCompleteCheckbox = StyledCompleteCheckbox;

package/dist/cjs/components/CompleteCheckbox/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","div","props","$primary","css","$completed","$disabled","$animation","displayName"],"mappings":";;;;;;;;;AAAA;;;;;;~~AAUA~~,IAAMA,UAAU,OAAGC,2BAAH,uDAAhB;AASA,IAAMC,cAAc,OAAGD,2BAAH,yDAApB;;AASO,IAAME,sBAAsB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,~~gYAC7B~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAM3B;AAAA;AAAA;AAAA,CAN2B,EAmB/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,6CADA;AAAA,CAnB+B,EAoC7B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,qCADA;AAAA,CApC6B,EA2C/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,gSAMI,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,sEAEI;AAAA;AAAA;AAAA,GAFJ,CANJ,EAeMF,KAAK,CAACC,QAAN,QACFC,qBADE,wDAfN,EAwBMF,KAAK,CAACC,QAAN,QACFC,qBADE,qCAxBN,CADA;AAAA,CA3C+B,EAiF/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,UAAP,IACA,CAACH,KAAK,CAACI,SADP,QAEAF,qBAFA,+JAOM,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,mEAPN,CADA;AAAA,CAjF+B,EAoG/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,QACAH,qBADA,oFAIiBR,UAJjB,EAKQE,cALR,CADA;AAAA,CApG+B,EA8G/B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,QACAF,qBADA,yBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA9G+B,CAA5B;;;~~AAsHPL~~,sBAAsB,~~CAACS~~,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n $primary?: boolean;\n $completed?: boolean;\n $disabled?: boolean;\n $animation?: boolean;\n}\n\nconst burstScale = keyframes`\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n`;\n\nconst burstAnimation = keyframes`\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 8;\n }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n border-color: var(--color-theme-600);\n transition: ease 0.3s all;\n\n svg {\n ${tw`tw-absolute tw-pointer-events-none`}\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n svg path {\n fill: none;\n stroke: #32b370;\n stroke-width: 3;\n transform: scale(0);\n }\n\n ${(props) =>\n props.$primary &&\n css`\n svg path {\n stroke: var(--color-primary);\n }\n `}\n\n svg polyline {\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: 0.3s;\n stroke-dasharray: 13;\n stroke-dashoffset: 13;\n stroke: #d2d2d2;\n ${(props) =>\n props.$primary &&\n css`\n stroke: var(--color-theme-500);\n `}\n }\n\n ${(props) =>\n props.$completed &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n border-color: var(--color-primary);\n border-width: 0px;\n\n ${!props.$primary &&\n css`\n ${tw`tw-border tw-border-solid`}\n box-shadow: inset 0 0 0 12px #84cc7c;\n border-color: #84cc7c;\n `}\n\n &:hover {\n box-shadow: inset 0 0 0 12px #84cc7c;\n ${props.$primary &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n `}\n }\n\n svg polyline {\n stroke-dashoffset: 0;\n stroke: #fff;\n ${props.$primary &&\n css`\n stroke: var(--color-theme-100);\n `}\n }\n\n svg path {\n stroke-dasharray: 8;\n stroke-dashoffset: 0;\n transform-origin: 24px 24px;\n }\n `}\n\n ${(props) =>\n !props.$completed &&\n !props.$disabled &&\n css`\n &:hover {\n border: 1px solid var(--color-primary);\n box-shadow: inset 0 0 0 2px var(--color-primary);\n border-width: 0px;\n ${!props.$primary &&\n css`\n border: 1px solid #84cc7c;\n box-shadow: inset 0 0 0 2px #84cc7c;\n `}\n svg polyline {\n stroke-dashoffset: 0;\n }\n }\n `}\n\n ${(props) =>\n props.$animation &&\n css`\n /* Delay of 0.01s is for safari transform bug. */\n svg path {\n animation: ${burstScale} 0.6s ease 0s 1 normal,\n ${burstAnimation} 0.4s ease 0.2s 1 normal;\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-cursor-default`}\n opacity: 0.5;\n `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"file":"Styles.js"}
1	+ {"version":3,"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","div","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName","displayName"],"mappings":";;;;;;;;;AAAA;;;;;;AAWA,IAAMA,UAAU,OAAGC,2BAAH,uDAAhB;AASA,IAAMC,cAAc,OAAGD,2BAAH,yDAApB;;AASO,IAAME,sBAAsB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,qYAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAM3B;AAAA;AAAA;AAAA,CAN2B,EAmB/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,6CADA;AAAA,CAnB+B,EAoC7B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,qCADA;AAAA,CApC6B,EA2C/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,gSAMI,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,sEAEI;AAAA;AAAA;AAAA,GAFJ,CANJ,EAeMF,KAAK,CAACC,QAAN,QACFC,qBADE,wDAfN,EAwBMF,KAAK,CAACC,QAAN,QACFC,qBADE,qCAxBN,CADA;AAAA,CA3C+B,EAiF/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,UAAP,IACA,CAACH,KAAK,CAACI,SADP,QAEAF,qBAFA,+JAOM,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,mEAPN,CADA;AAAA,CAjF+B,EAoG/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,QACAH,qBADA,oFAIiBR,UAJjB,EAKQE,cALR,CADA;AAAA,CApG+B,EA8G/B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,QACAF,qBADA,yBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA9G+B,EAqH/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,mBAAP,QACAJ,qBADA,iBAGQ;AAAA;AAAA;AAAA,GAHR,CADA;AAAA,CArH+B,CAA5B;;;AA8HPL,sBAAsB,CAACU,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n $primary?: boolean;\n $completed?: boolean;\n $disabled?: boolean;\n $animation?: boolean;\n $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n`;\n\nconst burstAnimation = keyframes`\n from {\n stroke-dashoffset: 0;\n }\n to {\n stroke-dashoffset: 8;\n }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n border-color: var(--color-theme-600);\n transition: ease 0.3s all;\n\n svg {\n ${tw`tw-absolute tw-pointer-events-none`}\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n svg path {\n fill: none;\n stroke: #32b370;\n stroke-width: 3;\n transform: scale(0);\n }\n\n ${(props) =>\n props.$primary &&\n css`\n svg path {\n stroke: var(--color-primary);\n }\n `}\n\n svg polyline {\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: 0.3s;\n stroke-dasharray: 13;\n stroke-dashoffset: 13;\n stroke: #d2d2d2;\n ${(props) =>\n props.$primary &&\n css`\n stroke: var(--color-theme-500);\n `}\n }\n\n ${(props) =>\n props.$completed &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n border-color: var(--color-primary);\n border-width: 0px;\n\n ${!props.$primary &&\n css`\n ${tw`tw-border tw-border-solid`}\n box-shadow: inset 0 0 0 12px #84cc7c;\n border-color: #84cc7c;\n `}\n\n &:hover {\n box-shadow: inset 0 0 0 12px #84cc7c;\n ${props.$primary &&\n css`\n box-shadow: inset 0 0 0 12px var(--color-primary);\n `}\n }\n\n svg polyline {\n stroke-dashoffset: 0;\n stroke: #fff;\n ${props.$primary &&\n css`\n stroke: var(--color-theme-100);\n `}\n }\n\n svg path {\n stroke-dasharray: 8;\n stroke-dashoffset: 0;\n transform-origin: 24px 24px;\n }\n `}\n\n ${(props) =>\n !props.$completed &&\n !props.$disabled &&\n css`\n &:hover {\n border: 1px solid var(--color-primary);\n box-shadow: inset 0 0 0 2px var(--color-primary);\n border-width: 0px;\n ${!props.$primary &&\n css`\n border: 1px solid #84cc7c;\n box-shadow: inset 0 0 0 2px #84cc7c;\n `}\n svg polyline {\n stroke-dashoffset: 0;\n }\n }\n `}\n\n ${(props) =>\n props.$animation &&\n css`\n /* Delay of 0.01s is for safari transform bug. */\n svg path {\n animation: ${burstScale} 0.6s ease 0s 1 normal,\n ${burstAnimation} 0.4s ease 0.2s 1 normal;\n }\n `}\n\n ${(props) =>\n props.$disabled &&\n css`\n ${tw`tw-cursor-default`}\n opacity: 0.5;\n `}\n\n ${(props) =>\n !props.$checkMarkClassName &&\n css`\n svg {\n ${tw`tw-w-12 tw-h-12`}\n }\n `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"file":"Styles.js"}

package/dist/cjs/components/CounterButton/CounterButton.js CHANGED Viewed

@@ -42,8 +42,8 @@ var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       className = _ref.className,
       args = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("tw-flex ac-font box-sizing", className)
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonWrapper, {
+    className: className
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButton, _extends({
     className: (0, _classnames.default)("c-counter-button", {
       "c-counter-button__selected": counter

package/dist/cjs/components/CounterButton/CounterButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;~~AAwBO~~,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE;~~AAAK~~,IAAA,SAAS,~~EAAE,yBAAW,4BAAX,EAAyCD,SAAzC~~;~~AAAhB~~,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state /\n active?: boolean;\n /* Label for value /\n label?: string;\n /* Icon /\n icon?: ReactElement;\n /* Number of applied filters /\n counter?: number;\n /* OnClearAll callback /\n onClearAll: () => void;\n /* Tooltip content /\n tooltipText?: string;\n /* Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <~~div~~ className={~~classNames(\"tw-flex ac-font box-sizing\",~~ className)}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 \|\| active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 \|\| active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </~~div~~>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
1	+ {"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n StyledCounterButton,\n StyledCounterButtonCounter,\n StyledCounterButtonLabel,\n StyledCounterButtonReset,\n StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n /** Set active state /\n active?: boolean;\n /* Label for value /\n label?: string;\n /* Icon /\n icon?: ReactElement;\n /* Number of applied filters /\n counter?: number;\n /* OnClearAll callback /\n onClearAll: () => void;\n /* Tooltip content /\n tooltipText?: string;\n /* Applies passed classes */\n className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n (\n {\n label,\n icon,\n active,\n counter = 0,\n tooltipText,\n onClearAll,\n className,\n ...args\n },\n ref\n ) => {\n return (\n <StyledCounterButtonWrapper className={className}>\n <StyledCounterButton\n className={classNames(\"c-counter-button\", {\n \"c-counter-button__selected\": counter,\n })}\n {...args}\n ref={ref}\n variant={\"text gray\"}\n $active={counter > 0 \|\| active}\n $selected={counter > 0}\n >\n {icon &&\n React.cloneElement(icon, {\n className: classNames(\"c-counter-button__icon\"),\n })}\n {label && (\n <StyledCounterButtonLabel\n color=\"secondary\"\n weight=\"medium\"\n className={\"c-counter-button__label\"}\n $active={counter > 0 \|\| active}\n >\n {label}\n </StyledCounterButtonLabel>\n )}\n {counter > 0 ? (\n <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n {counter}\n </StyledCounterButtonCounter>\n ) : null}\n </StyledCounterButton>\n {counter > 0 ? (\n <Tooltip\n title={`${tooltipText}`}\n popperTooltipClassName=\"z-index-1300\"\n >\n <StyledCounterButtonReset\n variant=\"text colored\"\n className=\"c-counter-button__reset\"\n onClick={onClearAll}\n >\n <CloseSmallIcon />\n </StyledCounterButtonReset>\n </Tooltip>\n ) : null}\n </StyledCounterButtonWrapper>\n );\n }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}

package/dist/cjs/components/CounterButton/Styles.js CHANGED Viewed

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCounterButtonReset = exports.StyledCounterButtonLabel = exports.StyledCounterButtonCounter = exports.StyledCounterButton = void 0;
+exports.StyledCounterButtonWrapper = exports.StyledCounterButtonReset = exports.StyledCounterButtonLabel = exports.StyledCounterButtonCounter = exports.StyledCounterButton = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -13,13 +13,26 @@ var _Body = require("../Typography/Variants/Body2");
 var _Button = require("../Button/Button");
+var _BoxSizingStyle = require("../BoxSizingStyle");
+var _FontStyle = require("../FontStyle");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var StyledCounterButtonWrapper = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCounterButtonWrapper",
+  componentId: "sc-1ecrcba-0"
+})(["", " ", " ", ""], {
+  "display": "flex"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+exports.StyledCounterButtonWrapper = StyledCounterButtonWrapper;
+StyledCounterButtonWrapper.displayName = "StyledCounterButtonWrapper";
 var StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledCounterButton",
-  componentId: "sc-1ecrcba-0"
+  componentId: "sc-1ecrcba-1"
 })(["", " ", ""], function (props) {
   return props.$active && (0, _styledComponents.css)(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]);
 }, function (props) {
@@ -30,20 +43,20 @@ StyledCounterButton.displayName = "StyledCounterButton";
 var StyledCounterButtonCounter = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCounterButtonCounter",
-  componentId: "sc-1ecrcba-1"
+  componentId: "sc-1ecrcba-2"
 })(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;margin-right:-6px;"]);
 exports.StyledCounterButtonCounter = StyledCounterButtonCounter;
 StyledCounterButtonCounter.displayName = "StyledCounterButtonCounter";
 var StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledCounterButtonReset",
-  componentId: "sc-1ecrcba-2"
+  componentId: "sc-1ecrcba-3"
 })(["background-color:var(--color-primary-200);border-top-left-radius:0;border-bottom-left-radius:0;&:hover{background-color:var(--color-primary-300);border-top-left-radius:0;border-bottom-left-radius:0;}"]);
 exports.StyledCounterButtonReset = StyledCounterButtonReset;
 StyledCounterButtonReset.displayName = "StyledCounterButtonReset";
 var StyledCounterButtonLabel = (0, _styledComponents.default)(_Body.Body2).withConfig({
   displayName: "Styles__StyledCounterButtonLabel",
-  componentId: "sc-1ecrcba-3"
+  componentId: "sc-1ecrcba-4"
 })(["", " ", ":hover &&{", "}", ""], {
   "pointerEvents": "none"
 }, StyledCounterButton, function (props) {

package/dist/cjs/components/CounterButton/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/CounterButton/Styles.ts"],"names":["StyledCounterButton","Button","props","$active","css","$selected","~~displayName","~~StyledCounterButtonCounter","~~styled","div","~~StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,IAAMA,mBAAmB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kBAC5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,iGADA;AAAA,CAD4B,EAe5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,QACAD,qBADA,wGADA;AAAA,CAf4B,CAAzB;;AAwBPJ,mBAAmB,~~CAACM~~,WAApB,GAAkC,qBAAlC;;AAEO,~~IAAMC~~,0BAA0B,~~GAAGC~~,0BAAOC,GAAV;AAAA;AAAA;AAAA,6MAAhC;;;~~AAaPF~~,0BAA0B,~~CAACD~~,WAA3B,GAAyC,4BAAzC;AAEO,~~IAAMI~~,wBAAwB,GAAG,+~~BAAOT~~,cAAP,CAAH;AAAA;AAAA;AAAA,+MAA9B;;~~AAYPS~~,wBAAwB,~~CAACJ~~,WAAzB,GAAuC,0BAAvC;AAEO,~~IAAMK~~,wBAAwB,GAAG,+BAAOC,WAAP,CAAH;AAAA;AAAA;AAAA,qCAC/B;AAAA;AAAA,CAD+B,~~EAGjCZ~~,mBAHiC,EAI/B,UAACE,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,QACAC,qBADA,oCADA;AAAA,CAJ+B,EAWjC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,kCADA;AAAA,CAXiC,CAA9B;;~~AAkBPO~~,wBAAwB,~~CAACL~~,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\n\ninterface StyledCounterButtonProps {\n $active?: boolean;\n $selected?: boolean;\n}\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n ${(props) =>\n props.$active &&\n css`\n padding: 0 8px;\n\n svg {\n fill: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n props.$selected &&\n css`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--color-primary-200);\n `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n background-color: var(--color-primary-200);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n ${tw`tw-pointer-events-none`}\n\n ${StyledCounterButton}:hover && {\n ${(props) =>\n !props.$active &&\n css`\n color: var(--color-theme-900);\n `}\n }\n\n ${(props) =>\n props.$active &&\n css`\n color: var(--color-primary);\n `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"file":"Styles.js"}
1	+ {"version":3,"sources":["../../../../src/components/CounterButton/Styles.ts"],"names":["StyledCounterButtonWrapper","styled","div","FontStyle","BoxSizingStyle","displayName","StyledCounterButton","Button","props","$active","css","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAOO,IAAMA,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBACjC;AAAA;AAAA,CADiC,EAEnCC,oBAFmC,EAGnCC,8BAHmC,CAAhC;;;AAMPJ,0BAA0B,CAACK,WAA3B,GAAyC,4BAAzC;AAEO,IAAMC,mBAAmB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kBAC5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,iGADA;AAAA,CAD4B,EAe5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,QACAD,qBADA,wGADA;AAAA,CAf4B,CAAzB;;AAwBPJ,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;;AAEO,IAAMO,0BAA0B,GAAGX,0BAAOC,GAAV;AAAA;AAAA;AAAA,6MAAhC;;;AAaPU,0BAA0B,CAACP,WAA3B,GAAyC,4BAAzC;AAEO,IAAMQ,wBAAwB,GAAG,+BAAON,cAAP,CAAH;AAAA;AAAA;AAAA,+MAA9B;;AAYPM,wBAAwB,CAACR,WAAzB,GAAuC,0BAAvC;AAEO,IAAMS,wBAAwB,GAAG,+BAAOC,WAAP,CAAH;AAAA;AAAA;AAAA,qCAC/B;AAAA;AAAA,CAD+B,EAGjCT,mBAHiC,EAI/B,UAACE,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,QACAC,qBADA,oCADA;AAAA,CAJ+B,EAWjC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,kCADA;AAAA,CAXiC,CAA9B;;AAkBPI,wBAAwB,CAACT,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledCounterButtonProps {\n $active?: boolean;\n $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n ${tw`tw-flex`}\n ${FontStyle}\n ${BoxSizingStyle}\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n ${(props) =>\n props.$active &&\n css`\n padding: 0 8px;\n\n svg {\n fill: var(--color-primary);\n }\n\n &:hover {\n background: var(--color-primary-300);\n }\n `}\n\n ${(props) =>\n props.$selected &&\n css`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n background-color: var(--color-primary-200);\n `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n border-radius: 50%;\n background-color: var(--color-primary);\n color: var(--page-paper-main);\n line-height: 15px;\n width: 15px;\n font-weight: bold;\n font-size: 10px;\n text-align: center;\n margin-left: 4px;\n margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n background-color: var(--color-primary-200);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n ${tw`tw-pointer-events-none`}\n\n ${StyledCounterButton}:hover && {\n ${(props) =>\n !props.$active &&\n css`\n color: var(--color-theme-900);\n `}\n }\n\n ${(props) =>\n props.$active &&\n css`\n color: var(--color-primary);\n `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Icons/collection/ArrowLeft.js ADDED Viewed

@@ -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 ArrowLeftIcon = /*#__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: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
+    fillRule: "evenodd"
+  }));
+});
+ArrowLeftIcon.displayName = "ArrowLeftIcon";
+var _default = ArrowLeftIcon;
+exports.default = _default;
+//# sourceMappingURL=ArrowLeft.js.map

package/dist/cjs/components/Icons/collection/ArrowLeft.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/Icons/collection/ArrowLeft.tsx"],"names":["ArrowLeftIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,aAAa,gBAAGC,eAAMC,UAAN,CACpB,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,0GADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CADoB,CAAtB;;AAkBAH,aAAa,CAACK,WAAd,GAA4B,eAA5B;eACeL,a","sourcesContent":["import React from \"react\";\nconst ArrowLeftIcon = 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=\"M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z\"\n fillRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\nexport default ArrowLeftIcon;\n"],"file":"ArrowLeft.js"}

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

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "AddCrossTinyIcon", {
     return _AddCrossTiny.default;
   }
 });
-Object.defineProperty(exports, "ArrowBackIcon", {
-  enumerable: true,
-  get: function get() {
-    return _ArrowBack.default;
-  }
-});
 Object.defineProperty(exports, "ArrowCollapseMultipleIcon", {
   enumerable: true,
   get: function get() {
@@ -45,6 +39,12 @@ Object.defineProperty(exports, "ArrowLeftBoxIcon", {
     return _ArrowLeftBox.default;
   }
 });
+Object.defineProperty(exports, "ArrowLeftIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ArrowLeft.default;
+  }
+});
 Object.defineProperty(exports, "ArrowRefreshIcon", {
   enumerable: true,
   get: function get() {
@@ -471,12 +471,6 @@ Object.defineProperty(exports, "MarkerIcon", {
     return _Marker.default;
   }
 });
-Object.defineProperty(exports, "MenuNavIcon", {
-  enumerable: true,
-  get: function get() {
-    return _MenuNavIcon.default;
-  }
-});
 Object.defineProperty(exports, "MessageAddIcon", {
   enumerable: true,
   get: function get() {
@@ -868,14 +862,14 @@ var _AddCrossTiny = _interopRequireDefault(require("./AddCrossTiny"));
 var _AddCross = _interopRequireDefault(require("./AddCross"));
-var _ArrowBack = _interopRequireDefault(require("./ArrowBack"));
 var _ArrowCollapseMultiple = _interopRequireDefault(require("./ArrowCollapseMultiple"));
 var _ArrowExpandeMultiple = _interopRequireDefault(require("./ArrowExpandeMultiple"));
 var _ArrowLeftBox = _interopRequireDefault(require("./ArrowLeftBox"));
+var _ArrowLeft = _interopRequireDefault(require("./ArrowLeft"));
 var _ArrowRefresh = _interopRequireDefault(require("./ArrowRefresh"));
 var _ArrowRight = _interopRequireDefault(require("./ArrowRight"));
@@ -1018,8 +1012,6 @@ var _Lock = _interopRequireDefault(require("./Lock"));
 var _Marker = _interopRequireDefault(require("./Marker"));
-var _MenuNavIcon = _interopRequireDefault(require("./MenuNavIcon"));
 var _MessageAdd = _interopRequireDefault(require("./MessageAdd"));
 var _MessageEmpty = _interopRequireDefault(require("./MessageEmpty"));

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

	@@ -1 +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;;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 ArrowRightIcon } from \"./ArrowRight\";\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 CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\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 EditMultipleIcon } from \"./EditMultiple\";\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 InsertLinkIcon } from \"./InsertLink\";\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 MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\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 PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\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 ReportTimeIcon } from \"./ReportTime\";\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 SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\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 UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\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"}
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;;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 ArrowCollapseMultipleIcon } from \"./ArrowCollapseMultiple\";\nexport { default as ArrowExpandeMultipleIcon } from \"./ArrowExpandeMultiple\";\nexport { default as ArrowLeftBoxIcon } from \"./ArrowLeftBox\";\nexport { default as ArrowLeftIcon } from \"./ArrowLeft\";\nexport { default as ArrowRefreshIcon } from \"./ArrowRefresh\";\nexport { default as ArrowRightIcon } from \"./ArrowRight\";\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 CollapsIcon } from \"./CollapsIcon\";\nexport { default as CollapseAllIcon } from \"./CollapseAll\";\nexport { default as CollapseExpandSingleIcon } from \"./CollapseExpandSingle\";\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 EditMultipleIcon } from \"./EditMultiple\";\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 InsertLinkIcon } from \"./InsertLink\";\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 MessageAddIcon } from \"./MessageAdd\";\nexport { default as MessageEmptyIcon } from \"./MessageEmpty\";\nexport { default as MessageSmallIcon } from \"./MessageSmall\";\nexport { default as MessageIcon } from \"./Message\";\nexport { default as MinusIcon } from \"./Minus\";\nexport { default as MoveTriggerIcon } from \"./MoveTrigger\";\nexport { default as MyWorkIcon } from \"./MyWork\";\nexport { default as NoteAddIcon } from \"./NoteAdd\";\nexport { default as NoteIcon } from \"./Note\";\nexport { default as NotificationBellIcon } from \"./NotificationBell\";\nexport { default as OpenExpandedIcon } from \"./OpenExpanded\";\nexport { default as OrderFirstIcon } from \"./OrderFirst\";\nexport { default as PaidSmallIcon } from \"./PaidSmall\";\nexport { default as PauseCircleOutlineIcon } from \"./PauseCircleOutline\";\nexport { default as PauseIcon } from \"./PauseIcon\";\nexport { default as PauseSmallIcon } from \"./PauseSmall\";\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 PersonCircleOffIcon } from \"./PersonCircleOff\";\nexport { default as PersonCircleIcon } from \"./PersonCircle\";\nexport { default as PersonPlusIcon } from \"./PersonPlus\";\nexport { default as PersonIcon } from \"./Person\";\nexport { default as PlayCircleOutlineIcon } from \"./PlayCircleOutline\";\nexport { default as PlayIcon } from \"./PlayIcon\";\nexport { default as PlaySmallIcon } from \"./PlaySmall\";\nexport { default as ProjectAddIcon } from \"./ProjectAdd\";\nexport { default as ProjectTemplateAddIcon } from \"./ProjectTemplateAdd\";\nexport { default as ProjectTemplateConvertIcon } from \"./ProjectTemplateConvert\";\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 ReportTimeIcon } from \"./ReportTime\";\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 SettingsIcon } from \"./Settings\";\nexport { default as SortGeneralIcon } from \"./SortGeneral\";\nexport { default as SortIcon } from \"./SortIcon\";\nexport { default as StarOutlineIcon } from \"./StarOutline\";\nexport { default as StarIcon } from \"./Star\";\nexport { default as TaskAddIcon } from \"./TaskAdd\";\nexport { default as TaskListAddIcon } from \"./TaskListAdd\";\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 UploadIcon } from \"./Upload\";\nexport { default as ViewGridIcon } from \"./ViewGrid\";\nexport { default as ViewListIcon } from \"./ViewList\";\nexport { default as ViewTimelineIcon } from \"./ViewTimeline\";\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/Menu/MenuHeader.js CHANGED Viewed

@@ -48,7 +48,10 @@ var MenuHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     color: "secondary",
     weight: "bold",
     overflow: "truncate",
-    className: "tw-mx-1"
+    style: {
+      marginLeft: "4px",
+      marginRight: "4px "
+    }
   }, title), rightElement || /*#__PURE__*/_react.default.createElement("div", {
     style: {
       minWidth: "24px"

package/dist/cjs/components/Menu/MenuHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"names":["MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,gBAAG,uBACxB,gBAQEC,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BH,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGG,WAAW,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YALlB,eAME,6BAAC,sBAAD;AACE,IAAA,OAAO,EAAC,QADV;AAEE,IAAA,KAAK,EAAC,WAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,QAAQ,EAAC,UAJX;AAKE,IAAA,~~SAAS~~,~~EAAC~~;~~AALZ~~,~~KAOGL~~,KAPH,CANF,EAeGG,YAAY,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEE,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YAfnB,CADF;AAmBD,CA9BuB,CAAnB;;AAiCPP,UAAU,~~CAACQ~~,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n className?: string;\n title?: string;\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n (\n {\n title,\n className,\n leftElement,\n rightElement,\n ...props\n }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement>\n ) => {\n return (\n <StyledMenuHeader\n {...props}\n className={classnames(\"c-menu-header\", className)}\n ref={ref}\n >\n {leftElement \|\| <div style={{ minWidth: \"24px\" }}> </div>}\n <Typography\n variant=\"Body 2\"\n color=\"secondary\"\n weight=\"bold\"\n overflow=\"truncate\"\n ~~className=\~~"~~tw-mx-1~~\"\n >\n {title}\n </Typography>\n {rightElement \|\| <div style={{ minWidth: \"24px\" }}> </div>}\n </StyledMenuHeader>\n );\n }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"file":"MenuHeader.js"}
1	+ {"version":3,"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"names":["MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","marginLeft","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,gBAAG,uBACxB,gBAQEC,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BH,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGG,WAAW,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YALlB,eAME,6BAAC,sBAAD;AACE,IAAA,OAAO,EAAC,QADV;AAEE,IAAA,KAAK,EAAC,WAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,QAAQ,EAAC,UAJX;AAKE,IAAA,KAAK,EAAE;AAAEC,MAAAA,UAAU,EAAE,KAAd;AAAqBC,MAAAA,WAAW,EAAE;AAAlC;AALT,KAOGP,KAPH,CANF,EAeGG,YAAY,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEE,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YAfnB,CADF;AAmBD,CA9BuB,CAAnB;;AAiCPP,UAAU,CAACU,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\n\ninterface IMenuHeader {\n className?: string;\n title?: string;\n leftElement?: ReactNode;\n rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n (\n {\n title,\n className,\n leftElement,\n rightElement,\n ...props\n }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement>\n ) => {\n return (\n <StyledMenuHeader\n {...props}\n className={classnames(\"c-menu-header\", className)}\n ref={ref}\n >\n {leftElement \|\| <div style={{ minWidth: \"24px\" }}> </div>}\n <Typography\n variant=\"Body 2\"\n color=\"secondary\"\n weight=\"bold\"\n overflow=\"truncate\"\n style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n >\n {title}\n </Typography>\n {rightElement \|\| <div style={{ minWidth: \"24px\" }}> </div>}\n </StyledMenuHeader>\n );\n }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"file":"MenuHeader.js"}

package/dist/cjs/components/MenuSelector/Styles.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _FontStyle = require("../FontStyle");
 var _BoxSizingStyle = require("../BoxSizingStyle");
-var _ArrowBack = _interopRequireDefault(require("../Icons/collection/ArrowBack"));
+var _ArrowLeft = _interopRequireDefault(require("../Icons/collection/ArrowLeft"));
 var _TreeDots = _interopRequireDefault(require("../Icons/collection/TreeDots"));
@@ -27,7 +27,7 @@ var StyledMenuSelectorDots = (0, _styledComponents.default)(_TreeDots.default).w
 });
 exports.StyledMenuSelectorDots = StyledMenuSelectorDots;
 StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-var StyledMenuSelectorBack = (0, _styledComponents.default)(_ArrowBack.default).withConfig({
+var StyledMenuSelectorBack = (0, _styledComponents.default)(_ArrowLeft.default).withConfig({
   displayName: "Styles__StyledMenuSelectorBack",
   componentId: "sc-1x7qbnu-1"
 })(["", ""], {

package/dist/cjs/components/MenuSelector/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":["StyledMenuSelectorDots","TreeDotsIcon","displayName","StyledMenuSelectorBack","~~ArrowBackIcon~~","StyledMenuSelector","styled","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,sBAAsB,GAAG,+BAAOC,iBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEO,IAAMC,sBAAsB,GAAG,+BAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMG,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,gDAC3BC,8BAD2B,EAE3BC,oBAF2B,CAAxB;;;AAOPJ,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMQ,uBAAuB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;;;AAIPG,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ~~ArrowBackIcon~~ from \"../Icons/collection/~~ArrowBack~~\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(~~ArrowBackIcon~~)`\n ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n ${BoxSizingStyle}\n ${FontStyle}\n\n color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"file":"Styles.js"}
1	+ {"version":3,"sources":["../../../../src/components/MenuSelector/Styles.ts"],"names":["StyledMenuSelectorDots","TreeDotsIcon","displayName","StyledMenuSelectorBack","ArrowLeftIcon","StyledMenuSelector","styled","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,sBAAsB,GAAG,+BAAOC,iBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEO,IAAMC,sBAAsB,GAAG,+BAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,aAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,CAA5B;;AAIPD,sBAAsB,CAACD,WAAvB,GAAqC,wBAArC;;AAEO,IAAMG,kBAAkB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,gDAC3BC,8BAD2B,EAE3BC,oBAF2B,CAAxB;;;AAOPJ,kBAAkB,CAACH,WAAnB,GAAiC,oBAAjC;;AAEO,IAAMQ,uBAAuB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA;AAAA;AAAA,CAD8B,CAA7B;;;AAIPG,uBAAuB,CAACR,WAAxB,GAAsC,yBAAtC","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowLeftIcon)`\n ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n ${BoxSizingStyle}\n ${FontStyle}\n\n color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Pickers/NavBarElement.js CHANGED Viewed

@@ -9,7 +9,9 @@ exports.NavBarElement = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _MenuNavIcon = _interopRequireDefault(require("../Icons/collection/MenuNavIcon"));
+var _Icons = require("../Icons");
+var _ArrowLeft = _interopRequireDefault(require("../Icons/collection/ArrowLeft"));
 var _Styles = require("./Styles");
@@ -39,7 +41,7 @@ var NavBarElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     tabIndex: 0,
     onClick: onPrevious,
     $direction: "previous"
-  }, /*#__PURE__*/_react.default.createElement(_MenuNavIcon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, {
     "aria-label": "Previous Month",
     width: "24",
     height: "24"
@@ -50,7 +52,7 @@ var NavBarElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     tabIndex: 0,
     onClick: onNext,
     $direction: "next"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuNavIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, {
     "aria-label": "Next Month",
     width: "24",
     height: "24"

package/dist/cjs/components/Pickers/NavBarElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":["NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAMO,IAAMA,aAAa,gBAAG,uBAG3B,gBAAmCC,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAG,wBAAY,YAAM;AACnCF,IAAAA,eAAe;AAChB,GAFkB,EAEhB,CAACA,eAAD,CAFgB,CAAnB;AAIA,MAAMG,MAAM,GAAG,wBAAY,YAAM;AAC/BF,IAAAA,WAAW;AACZ,GAFc,EAEZ,CAACA,WAAD,CAFY,CAAf;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEF,GAAzC;AAA8C,IAAA,QAAQ,EAAE;AAAxD,kBACE,6BAAC,0BAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEG,UALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,6BAAC,~~oBAAD~~;~~AAAa~~,kBAAW,~~gBAAxB~~;~~AAAyC~~,IAAA,KAAK,EAAC,~~IAA/C~~;~~AAAoD~~,IAAA,MAAM,EAAC;~~AAA3D~~,IARF,CADF,eAWE,6BAAC,0BAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,6BAAC,~~yBAAD~~;~~AAAmB~~,kBAAW,~~YAA9B~~;~~AAA2C~~,IAAA,KAAK,EAAC,~~IAAjD~~;~~AAAsD~~,IAAA,MAAM,EAAC;~~AAA7D~~,IARF,CAXF,CADF;AAwBD,CApC4B,CAAtB;;AAsCPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport ~~MenuNavIcon~~ from \"../Icons/collection/~~MenuNavIcon~~\";\nimport { ~~StyledMenuNavIcon,~~ StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n HTMLDivElement,\n NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n const onPrevious = useCallback(() => {\n onPreviousClick();\n }, [onPreviousClick]);\n\n const onNext = useCallback(() => {\n onNextClick();\n }, [onNextClick]);\n\n return (\n <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onPrevious}\n $direction=\"previous\"\n >\n <~~MenuNavIcon~~ aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onNext}\n $direction=\"next\"\n >\n <~~StyledMenuNavIcon~~ aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n </div>\n );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"file":"NavBarElement.js"}
1	+ {"version":3,"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":["NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;AAMO,IAAMA,aAAa,gBAAG,uBAG3B,gBAAmCC,GAAnC,EAA2C;AAAA,MAAxCC,eAAwC,QAAxCA,eAAwC;AAAA,MAAvBC,WAAuB,QAAvBA,WAAuB;AAC3C,MAAMC,UAAU,GAAG,wBAAY,YAAM;AACnCF,IAAAA,eAAe;AAChB,GAFkB,EAEhB,CAACA,eAAD,CAFgB,CAAnB;AAIA,MAAMG,MAAM,GAAG,wBAAY,YAAM;AAC/BF,IAAAA,WAAW;AACZ,GAFc,EAEZ,CAACA,WAAD,CAFY,CAAf;AAIA,sBACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAEF,GAAzC;AAA8C,IAAA,QAAQ,EAAE;AAAxD,kBACE,6BAAC,0BAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEG,UALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,6BAAC,kBAAD;AAAe,kBAAW,gBAA1B;AAA2C,IAAA,KAAK,EAAC,IAAjD;AAAsD,IAAA,MAAM,EAAC;AAA7D,IARF,CADF,eAWE,6BAAC,0BAAD;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,IAAI,EAAC,OAHP;AAIE,IAAA,QAAQ,EAAE,CAJZ;AAKE,IAAA,OAAO,EAAEC,MALX;AAME,IAAA,UAAU,EAAC;AANb,kBAQE,6BAAC,qBAAD;AAAgB,kBAAW,YAA3B;AAAwC,IAAA,KAAK,EAAC,IAA9C;AAAmD,IAAA,MAAM,EAAC;AAA1D,IARF,CAXF,CADF;AAwBD,CApC4B,CAAtB;;AAsCPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport { StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n HTMLDivElement,\n NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n const onPrevious = useCallback(() => {\n onPreviousClick();\n }, [onPreviousClick]);\n\n const onNext = useCallback(() => {\n onNextClick();\n }, [onNextClick]);\n\n return (\n <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onPrevious}\n $direction=\"previous\"\n >\n <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n <StyledNavBarButton\n type=\"button\"\n variant=\"text gray\"\n size=\"small\"\n tabIndex={0}\n onClick={onNext}\n $direction=\"next\"\n >\n <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n </StyledNavBarButton>\n </div>\n );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"file":"NavBarElement.js"}

package/dist/cjs/components/Pickers/Styles.js CHANGED Viewed

@@ -5,16 +5,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBar = exports.StyledYearMonthPicker = exports.StyledNavBarButton = exports.StyledMonths = exports.StyledMonth = exports.StyledMenuNavIcon = void 0;
+exports.StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBar = exports.StyledYearMonthPicker = exports.StyledNavBarButton = exports.StyledMonths = exports.StyledMonth = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Button = require("../Button/Button");
-var _MenuNavIcon = _interopRequireDefault(require("../Icons/collection/MenuNavIcon"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -28,17 +24,10 @@ var StyledNavBarButton = (0, _styledComponents.default)(_Button.Button).withConf
   return props.$direction === "next" && (0, _styledComponents.css)(["right:1px;"]);
 });
 exports.StyledNavBarButton = StyledNavBarButton;
-var StyledMenuNavIcon = (0, _styledComponents.default)(_MenuNavIcon.default).withConfig({
-  displayName: "Styles__StyledMenuNavIcon",
-  componentId: "sc-1owijsg-1"
-})(["", " transform:rotate(180deg);"], {
-  "transform": "var(--tw-transform)"
-});
-exports.StyledMenuNavIcon = StyledMenuNavIcon;
 var StyledMonths = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMonths",
-  componentId: "sc-1owijsg-2"
+  componentId: "sc-1owijsg-1"
 })(["top:30px;height:230px;", ""], {
   "position": "absolute",
   "left": "0px",
@@ -53,7 +42,7 @@ exports.StyledMonths = StyledMonths;
 var StyledMonth = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMonth",
-  componentId: "sc-1owijsg-3"
+  componentId: "sc-1owijsg-2"
 })(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
   "margin": "auto",
   "cursor": "pointer",
@@ -79,7 +68,7 @@ exports.StyledMonth = StyledMonth;
 var StyledYearMonthPicker = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledYearMonthPicker",
-  componentId: "sc-1owijsg-4"
+  componentId: "sc-1owijsg-3"
 })(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
   "textAlign": "center",
   "color": "var(--color-theme-900)"
@@ -89,14 +78,14 @@ exports.StyledYearMonthPicker = StyledYearMonthPicker;
 var StyledYearMonthPickerNavBar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBar",
-  componentId: "sc-1owijsg-5"
+  componentId: "sc-1owijsg-4"
 })(["width:auto;margin:0 auto;"]);
 exports.StyledYearMonthPickerNavBar = StyledYearMonthPickerNavBar;
 var StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBarItem",
-  componentId: "sc-1owijsg-6"
+  componentId: "sc-1owijsg-5"
 })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {
   "paddingLeft": "1rem",
   "paddingRight": "1rem",
@@ -105,7 +94,6 @@ var StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig(
 exports.StyledYearMonthPickerNavBarItem = StyledYearMonthPickerNavBarItem;
 StyledNavBarButton.displayName = "StyledNavBarButton";
-StyledMenuNavIcon.displayName = "StyledMenuNavIcon";
 StyledMonths.displayName = "StyledMonths";
 StyledMonth.displayName = "StyledMonth";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Pickers/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["StyledNavBarButton","Button","props","$direction","css","~~StyledMenuNavIcon","MenuNavIcon","~~StyledMonths","styled","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":";;;;;;;;;AAAA;;AACA~~;;AAEA;;;;;;;;AAEO~~,IAAMA,kBAAkB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kGAS3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,QACAC,qBADA,2BADA;AAAA,CAT2B,EAgB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,QACAC,qBADA,iBADA;AAAA,CAhB2B,CAAxB~~;;AAuBA,IAAMC,iBAAiB,GAAG,+BAAOC,oBAAP,CAAH;AAAA;AAAA;AAAA,uCACxB;AAAA;AAAA,CADwB,CAAvB~~;;;~~AAWA~~,IAAMC,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;;;;AAcA,IAAMC,WAAW,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,~~UAACP~~,KAAD;AAAA,SACA,CAACA,KAAK,~~CAACS~~,WAAP,~~OACIP~~,qBADJ,iEAMIA,qBANJ,mDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACF,KAAD;AAAA,SACDA,KAAK,~~CAACU~~,UAAN,IACA,~~CAACV~~,KAAK,~~CAACS~~,WADP,~~QAEAP~~,qBAFA,YAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACF,KAAD;AAAA,SACDA,KAAK,~~CAACU~~,UAAN,~~IACAV~~,KAAK,~~CAACS~~,WADN,~~QAEAP~~,qBAFA,oCADC;AAAA,CA/BmB,EAsCnB,UAACF,KAAD;AAAA,SACDA,KAAK,~~CAACW~~,iBAAN,~~QACAT~~,qBADA,iDADC;AAAA,CAtCmB,CAAjB;;;;AA6CA,~~IAAMU~~,qBAAqB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;;;;AAaA,IAAMM,2BAA2B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAjC;;;;AAKA,IAAMO,+BAA+B,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;;;~~AAWPjB~~,kBAAkB,~~CAACkB~~,WAAnB,GAAiC,oBAAjC;~~AACAb,iBAAiB,CAACa,WAAlB,GAAgC,mBAAhC;~~AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\~~nimport MenuNavIcon from \"../Icons/collection/MenuNavIcon\";\~~n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" \| \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\~~nexport const StyledMenuNavIcon = styled(MenuNavIcon)`\n ${tw`tw-transform`}\n transform: rotate(180deg);\n`;\n\~~ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15rem;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n display: inline-block;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\~~nStyledMenuNavIcon.displayName = \"StyledMenuNavIcon\";\~~nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}
1	+ {"version":3,"sources":["../../../../src/components/Pickers/Styles.ts"],"names":["StyledNavBarButton","Button","props","$direction","css","StyledMonths","styled","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAGO,IAAMA,kBAAkB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kGAS3B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,UAArB,QACAC,qBADA,2BADA;AAAA,CAT2B,EAgB3B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,QACAC,qBADA,iBADA;AAAA,CAhB2B,CAAxB;;;AA6BA,IAAMC,YAAY,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,mCAInB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJmB,CAAlB;;;;AAcA,IAAMC,WAAW,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,oEAIlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAJkB,EAYpB,UAACL,KAAD;AAAA,SACA,CAACA,KAAK,CAACO,WAAP,OACIL,qBADJ,iEAMIA,qBANJ,mDAOU;AAAA;AAAA,GAPV,CADA;AAAA,CAZoB,EAwBnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACQ,UAAN,IACA,CAACR,KAAK,CAACO,WADP,QAEAL,qBAFA,YAGM;AAAA;AAAA,GAHN,CADC;AAAA,CAxBmB,EA+BnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACQ,UAAN,IACAR,KAAK,CAACO,WADN,QAEAL,qBAFA,oCADC;AAAA,CA/BmB,EAsCnB,UAACF,KAAD;AAAA,SACDA,KAAK,CAACS,iBAAN,QACAP,qBADA,iDADC;AAAA,CAtCmB,CAAjB;;;;AA6CA,IAAMQ,qBAAqB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,oHAK5B;AAAA;AAAA;AAAA,CAL4B,CAA3B;;;;AAaA,IAAMM,2BAA2B,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,iCAAjC;;;;AAKA,IAAMO,+BAA+B,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,kIACtC;AAAA;AAAA;AAAA;AAAA,CADsC,CAArC;;;AAWPf,kBAAkB,CAACgB,WAAnB,GAAiC,oBAAjC;AACAX,YAAY,CAACW,WAAb,GAA2B,cAA3B;AACAR,WAAW,CAACQ,WAAZ,GAA0B,aAA1B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n $direction: \"next\" \| \"previous\";\n}>`\n position: absolute;\n margin-top: 1px;\n cursor: pointer;\n z-index: 2;\n background-image: none;\n\n ${(props) =>\n props.$direction === \"previous\" &&\n css`\n right: auto;\n left: 1px;\n `}\n\n ${(props) =>\n props.$direction === \"next\" &&\n css`\n right: 1px;\n `}\n`;\n\ninterface StyledMonthInterface {\n $isCurrent: boolean;\n $isSelected: boolean;\n $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n top: 30px;\n height: 230px;\n\n ${tw`\n tw-absolute\n tw-left-0\n tw-p-5\n tw-flex\n tw-flex-wrap\n tw-bg-page-paper-main\n tw-z-10\n `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n width: 26%;\n transition-duration: 0.3s;\n\n ${tw`\n tw-m-auto\n tw-cursor-pointer\n tw-rounded-xl\n tw-font-bold\n tw-text-sm\n `}\n\n ${(props) =>\n !props.$isSelected\n ? css`\n &:hover {\n background-color: var(--color-primary-300);\n }\n `\n : css`\n ${tw`tw-text-theme-100`}\n background-color: var(--color-primary);\n `}\n\n ${(props) =>\n props.$isCurrent &&\n !props.$isSelected &&\n css`\n ${tw`tw-text-primary`}\n `}\n\n ${(props) =>\n props.$isCurrent &&\n props.$isSelected &&\n css`\n color: var(--color-theme-100);\n `}\n\n ${(props) =>\n props.$isCurrentQuarter &&\n css`\n background-color: var(--color-primary-300);\n `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n display: table-caption;\n margin-bottom: 0.5rem;\n padding: 0 0.5rem;\n\n ${tw`tw-text-center tw-text-theme-900`}\n\n &> div {\n font-weight: 500;\n font-size: 1.15rem;\n }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n width: auto;\n margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n ${tw`tw-px-4 tw-cursor-pointer`}\n transition-duration: 0.3s;\n display: inline-block;\n\n &:hover {\n background-color: var(--color-primary-300);\n border-radius: 15px;\n }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"file":"Styles.js"}

package/dist/cjs/components/ScrollShadow/ScrollElement.js CHANGED Viewed

@@ -15,7 +15,7 @@ var _hooks = require("../../hooks");
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _excluded = ["as", "className", "invert"];
+var _excluded = ["as", "className", "invert", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,6 +39,7 @@ var ScrollElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       className = _ref.className,
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
+      style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
   var internalRef = (0, _hooks.useInitScrollRef)(null, invert);
@@ -46,7 +47,10 @@ var ScrollElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: handleRef,
-    className: (0, _classnames.default)("c-scroll-element tw-overflow-auto", className)
+    className: (0, _classnames.default)("c-scroll-element", className),
+    style: _objectSpread({
+      overflow: "auto"
+    }, style)
   });
   return /*#__PURE__*/_react.default.createElement(as, props);