npm - @activecollab/components - Versions diffs - 1.0.206 → 1.0.207 - Mend

@activecollab/components 1.0.206 → 1.0.207

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 (1561) hide show

package/dist/esm/components/Textarea/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Textarea/~~Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","props","disabled","$invalid","displayName"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA~~/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAQA,OAAO,IAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAV;AAAA;AAAA;AAAA,8RACrB;AAAA;AAAA,CADqB,EAErB;AAAA;AAAA,CAFqB,EAGrB;AAAA;AAAA,CAHqB,EAIrB;AAAA;AAAA,CAJqB,EAKrB;AAAA;AAAA,CALqB,EAQrB;AAAA;AAAA,CARqB,EAiBvBF,SAjBuB,EAkBvBD,cAlBuB,EAoBvB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAN,GADA,WAEM;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CApBuB,EA0BvB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACA,CAACD,KAAK,CAACE,QADP,IAEAP,GAFA,qCAMQ;AAAA;AAAA,GANR,CADA;AAAA,CA1BuB,EAsCnB;AAAA;AAAA,CAtCmB,EAyCvB,UAACK,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,QAAP,IACAD,KAAK,CAACE,QADN,IAEAP,GAFA,WAGM;AAAA;AAAA,GAHN,CADA;AAAA,CAzCuB,CAApB;AAiDPG,cAAc,CAACK,WAAf,GAA6B,gBAA7B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n disabled: boolean;\n $invalid: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: auto;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n min-height: 90px;\n outline: none;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.disabled &&\n css`\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n `}\n\n ${(props) =>\n !props.disabled &&\n !props.$invalid &&\n css`\n &:active,\n &:focus,\n &:hover {\n ${tw`tw-border-primary`}\n }\n `}\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n\n ${(props) =>\n !props.disabled &&\n props.$invalid &&\n css`\n ${tw`tw-border-alert`}\n `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTextarea","textarea","props","disabled","$invalid","displayName"],"sources":["../../../../src/components/Textarea/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport tw from \"twin.macro\";\n\ninterface StyledTextareaProps {\n disabled: boolean;\n $invalid: boolean;\n}\n\nexport const StyledTextarea = styled.textarea<StyledTextareaProps>`\n ${tw`tw-text-body-2`}\n ${tw`tw-text-theme-900`}\n ${tw`tw-leading-regular`}\n ${tw`tw-tracking-regular`}\n ${tw`tw-font-regular`}\n border-width: 1px;\n border-style: solid;\n ${tw`tw-border-theme-500`}\n border-radius: 8px;\n padding: 4px 8px 6px 8px;\n height: auto;\n background-color: var(--input-background-color);\n transition: all 0.3s ease;\n width: 360px;\n min-height: 90px;\n outline: none;\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.disabled &&\n css`\n ${tw`tw-cursor-not-allowed tw-opacity-50`}\n `}\n\n ${(props) =>\n !props.disabled &&\n !props.$invalid &&\n css`\n &:active,\n &:focus,\n &:hover {\n ${tw`tw-border-primary`}\n }\n `}\n\n &::placeholder {\n ${tw`tw-text-theme-transparent-500`}\n }\n\n ${(props) =>\n !props.disabled &&\n props.$invalid &&\n css`\n ${tw`tw-border-alert`}\n `}\n`;\n\nStyledTextarea.displayName = \"StyledTextarea\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAQxC,OAAO,IAAMC,cAAc,GAAGJ,MAAM,CAACK,QAAQ;EAAA;EAAA;AAAA,8RACvC;EAAA;AAAe,CAAC,EAChB;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAmB,CAAC,EACpB;EAAA;AAAoB,CAAC,EACrB;EAAA;AAAgB,CAAC,EAGjB;EAAA;AAAoB,CAAC,EASvBF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,IACdN,GAAG,WACG;IAAA;IAAA;EAAoC,CAAC,CAC1C;AAAA,GAED,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACf,CAACD,KAAK,CAACE,QAAQ,IACfP,GAAG,qCAIK;IAAA;EAAkB,CAAC,CAE1B;AAAA,GAGG;EAAA;AAA8B,CAAC,EAGnC,UAACK,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,QAAQ,IACfD,KAAK,CAACE,QAAQ,IACdP,GAAG,WACG;IAAA;EAAgB,CAAC,CACtB;AAAA,EACJ;AAEDG,cAAc,CAACK,WAAW,GAAG,gBAAgB"}

package/dist/esm/components/Textarea/Textarea.js CHANGED Viewed

@@ -6,12 +6,11 @@ import classnames from "classnames";
 import { StyledTextarea } from "./Styles";
 export var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$invalid = _ref.invalid,
-      invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledTextarea, _extends({}, rest, {
     $invalid: invalid,
     ref: ref,

package/dist/esm/components/Textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Textarea~~/Textarea~~.~~tsx~~"],"names":["React","forwardRef","classnames","StyledTextarea","Textarea","ref","className","disabled","invalid","rest","displayName"],"~~mappings~~":"~~;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAuC,OAAvC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,cAAT,QAA+B,UAA~~/B;AAMA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAQEI,GARF,EASK;AAAA,MAPDC,SAOC,QAPDA,SAOC;AAAA,2BANDC,QAMC;AAAA,MANDA,QAMC,8BANU,KAMV;AAAA,0BALDC,OAKC;AAAA,MALDA,OAKC,6BALS,KAKT;AAAA,MAJEC,IAIF;;AACH,sBACE,oBAAC,cAAD,eACMA,IADN;AAEE,IAAA,QAAQ,EAAED,OAFZ;AAGE,IAAA,GAAG,EAAEH,GAHP;AAIE,IAAA,QAAQ,EAAEE,QAJZ;AAKE,IAAA,SAAS,EAAEL,UAAU,CACnB,YADmB,EAEnB;AAAE,8BAAwBK;AAA1B,KAFmB,EAGnBD,SAHmB;AALvB,KADF;AAaD,CAxB+B,CAA3B;AA2BPF,QAAQ,CAACM,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTextarea } from \"./Styles\";\n\nexport interface TextareaProps {\n invalid?: boolean;\n}\n\nexport const Textarea = forwardRef(\n (\n {\n className,\n disabled = false,\n invalid = false,\n ...rest\n }: TextareaProps &\n Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n ref: Ref<HTMLTextAreaElement> \| null \| undefined\n ) => {\n return (\n <StyledTextarea\n {...rest}\n $invalid={invalid}\n ref={ref}\n disabled={disabled}\n className={classnames(\n \"c-textarea\",\n { \"c-textarea__disabled\": disabled },\n className\n )}\n />\n );\n }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"~~file~~":"~~Textarea.js~~"}
1	+ {"version":3,"file":"Textarea.js","names":["React","forwardRef","classnames","StyledTextarea","Textarea","ref","className","disabled","invalid","rest","displayName"],"sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledTextarea } from \"./Styles\";\n\nexport interface TextareaProps {\n invalid?: boolean;\n}\n\nexport const Textarea = forwardRef(\n (\n {\n className,\n disabled = false,\n invalid = false,\n ...rest\n }: TextareaProps &\n Omit<React.ComponentPropsWithoutRef<\"textarea\">, keyof TextareaProps>,\n ref: Ref<HTMLTextAreaElement> \| null \| undefined\n ) => {\n return (\n <StyledTextarea\n {...rest}\n $invalid={invalid}\n ref={ref}\n disabled={disabled}\n className={classnames(\n \"c-textarea\",\n { \"c-textarea__disabled\": disabled },\n className\n )}\n />\n );\n }\n);\n\nTextarea.displayName = \"Textarea\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAa,OAAO;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAQEI,GAAgD,EAC7C;EAAA,IAPDC,SAAS,QAATA,SAAS;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACZC,IAAI;EAKT,oBACE,oBAAC,cAAc,eACTA,IAAI;IACR,QAAQ,EAAED,OAAQ;IAClB,GAAG,EAAEH,GAAI;IACT,QAAQ,EAAEE,QAAS;IACnB,SAAS,EAAEL,UAAU,CACnB,YAAY,EACZ;MAAE,sBAAsB,EAAEK;IAAS,CAAC,EACpCD,SAAS;EACT,GACF;AAEN,CAAC,CACF;AAEDF,QAAQ,CAACM,WAAW,GAAG,UAAU"}

package/dist/esm/components/Textarea/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Textarea/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,YAAd~~","sourcesContent":["export * from \"./Textarea\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Textarea/index.ts"],"sourcesContent":["export * from \"./Textarea\";\n"],"mappings":"AAAA,cAAc,YAAY"}

package/dist/esm/components/ToastMessage/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ToastMessage/~~Styles.ts"],"names":["styled","css","CloseSmallIcon","BoxSizingStyle","FontStyle","StyledToastMessage","div","props","$type","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","displayName"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,UAA~~/~~B;AACA,SAASC,cAAT,QAA+B,mBAA~~/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAOA,OAAO,IAAMC,kBAAkB,GAAGL,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,oLAU3BF,SAV2B,EAW3BD,cAX2B,EAa3B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAP,GADA,oCAGIM,KAAK,CAACE,WAAN,IACFR,GADE,yDAHJ,CADA;AAAA,CAb2B,EAuB3B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAP,GADA,oCAGIM,KAAK,CAACE,WAAN,IACFR,GADE,yDAHJ,CADA;AAAA,CAvB2B,EAiC3B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAP,GADA,oCAGIM,KAAK,CAACE,WAAN,IACFR,GADE,yDAHJ,CADA;AAAA,CAjC2B,EA2C3B,UAACM,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,SAAhB,IACAP,GADA,oCAGIM,KAAK,CAACE,WAAN,IACFR,GADE,yDAHJ,CADA;AAAA,CA3C2B,CAAxB;AAsDP,OAAO,IAAMS,sBAAsB,GAAGV,MAAM,CAACM,GAAV;AAAA;AAAA;AAAA,uDAC7B;AAAA;AAAA,CAD6B,EAE7B;AAAA;AAAA,CAF6B,EAG7B;AAAA;AAAA;AAAA;AAAA,CAH6B,EAI7B;AAAA;AAAA,CAJ6B,CAA5B;AAQP,OAAO,IAAMK,oBAAoB,GAAGX,MAAM,CAACE,cAAD,CAAT;AAAA;AAAA;AAAA,+FAA1B;AAUPG,kBAAkB,CAACO,WAAnB,GAAiC,oBAAjC;AACAD,oBAAoB,CAACC,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledToastMessageProps {\n $type: \"error\" \| \"success\" \| \"general\" \| \"warning\";\n $dropShadow?: boolean;\n}\n\nexport const StyledToastMessage = styled.div<StyledToastMessageProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 36px;\n width: fit-content;\n max-width: 100%;\n padding: 10px 8px 10px 16px;\n border-radius: 18px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$type === \"error\" &&\n css`\n background-color: #f1a5a5;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(234, 179, 179, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"success\" &&\n css`\n background-color: #afdfdb;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(182, 218, 215, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"general\" &&\n css`\n background-color: #bddff6;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(166, 199, 220, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"warning\" &&\n css`\n background-color: #ffffd1;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(242, 242, 208, 0.7);\n `}\n `}\n`;\n\nexport const StyledToastMessageText = styled.div`\n ${tw`tw-text-caption-1`}\n ${tw`tw-font-bold`}\n ${tw`tw-truncate`}\n ${tw`tw-mr-2`}\n color: rgba(48, 48, 55, 0.65);\n`;\n\nexport const StyledCloseSmallIcon = styled(CloseSmallIcon)`\n fill: rgba(48, 48, 55, 0.3);\n flex-shrink: 0;\n cursor: pointer;\n\n &:hover {\n fill: rgba(48, 48, 55, 0.65);\n }\n`;\n\nStyledToastMessage.displayName = \"StyledToastMessage\";\nStyledCloseSmallIcon.displayName = \"StyledCloseSmallIcon\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","CloseSmallIcon","BoxSizingStyle","FontStyle","StyledToastMessage","div","props","$type","$dropShadow","StyledToastMessageText","StyledCloseSmallIcon","displayName"],"sources":["../../../../src/components/ToastMessage/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { CloseSmallIcon } from \"../Icons\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledToastMessageProps {\n $type: \"error\" \| \"success\" \| \"general\" \| \"warning\";\n $dropShadow?: boolean;\n}\n\nexport const StyledToastMessage = styled.div<StyledToastMessageProps>`\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 36px;\n width: fit-content;\n max-width: 100%;\n padding: 10px 8px 10px 16px;\n border-radius: 18px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${(props) =>\n props.$type === \"error\" &&\n css`\n background-color: #f1a5a5;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(234, 179, 179, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"success\" &&\n css`\n background-color: #afdfdb;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(182, 218, 215, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"general\" &&\n css`\n background-color: #bddff6;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(166, 199, 220, 0.7);\n `}\n `}\n\n ${(props) =>\n props.$type === \"warning\" &&\n css`\n background-color: #ffffd1;\n ${props.$dropShadow &&\n css`\n box-shadow: 0px 7px 12px -4px rgba(242, 242, 208, 0.7);\n `}\n `}\n`;\n\nexport const StyledToastMessageText = styled.div`\n ${tw`tw-text-caption-1`}\n ${tw`tw-font-bold`}\n ${tw`tw-truncate`}\n ${tw`tw-mr-2`}\n color: rgba(48, 48, 55, 0.65);\n`;\n\nexport const StyledCloseSmallIcon = styled(CloseSmallIcon)`\n fill: rgba(48, 48, 55, 0.3);\n flex-shrink: 0;\n cursor: pointer;\n\n &:hover {\n fill: rgba(48, 48, 55, 0.65);\n }\n`;\n\nStyledToastMessage.displayName = \"StyledToastMessage\";\nStyledCloseSmallIcon.displayName = \"StyledCloseSmallIcon\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,UAAU;AACzC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAOxC,OAAO,IAAMC,kBAAkB,GAAGL,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,oLAUxCF,SAAS,EACTD,cAAc,EAEd,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,GAED,UAACM,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBP,GAAG,oCAECM,KAAK,CAACE,WAAW,IACnBR,GAAG,yDAEF,CACF;AAAA,EACJ;AAED,OAAO,IAAMS,sBAAsB,GAAGV,MAAM,CAACM,GAAG;EAAA;EAAA;AAAA,uDAC1C;EAAA;AAAkB,CAAC,EACnB;EAAA;AAAa,CAAC,EACd;EAAA;EAAA;EAAA;AAAY,CAAC,EACb;EAAA;AAAQ,CAAC,CAEd;AAED,OAAO,IAAMK,oBAAoB,GAAGX,MAAM,CAACE,cAAc,CAAC;EAAA;EAAA;AAAA,+FAQzD;AAEDG,kBAAkB,CAACO,WAAW,GAAG,oBAAoB;AACrDD,oBAAoB,CAACC,WAAW,GAAG,sBAAsB"}

package/dist/esm/components/ToastMessage/ToastMessage.js CHANGED Viewed

@@ -5,16 +5,15 @@ import React, { forwardRef, useEffect, useCallback } from "react";
 import { StyledToastMessage, StyledToastMessageText, StyledCloseSmallIcon } from "./Styles";
 export var ToastMessage = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var text = _ref.text,
-      type = _ref.type,
-      onClose = _ref.onClose,
-      _ref$dismissible = _ref.dismissible,
-      dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
-      _ref$dropShadow = _ref.dropShadow,
-      dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    type = _ref.type,
+    onClose = _ref.onClose,
+    _ref$dismissible = _ref.dismissible,
+    dismissible = _ref$dismissible === void 0 ? false : _ref$dismissible,
+    _ref$dropShadow = _ref.dropShadow,
+    dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var handleOnClose = useCallback(function () {
     if (typeof onClose === "function") {
       onClose();

package/dist/esm/components/ToastMessage/ToastMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~ToastMessage~~/ToastMessage~~.~~tsx~~"],"names":["React","forwardRef","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,SAJF,EAKEC,WALF,QAMO,OANP;AAOA,SACEC,kBADF,EAEEC,sBAFF,EAGEC,oBAHF,QAIO,UAJP;AAeA,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,gBAUEO,GAVF,EAWK;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,OAOC,QAPDA,OAOC;AAAA,8BANDC,WAMC;AAAA,MANDA,WAMC,iCANa,KAMb;AAAA,6BALDC,UAKC;AAAA,MALDA,UAKC,gCALY,KAKZ;AAAA,0BAJDC,OAIC;AAAA,MAJDA,OAIC,6BAJS,CAIT;AAAA,MAHEC,IAGF;;AACH,MAAMC,aAAa,GAAGb,WAAW,CAAC,YAAM;AACtC,QAAI,OAAOQ,OAAP,KAAmB,UAAvB,EAAmC;AACjCA,MAAAA,OAAO;AACR;AACF,GAJgC,EAI9B,CAACA,OAAD,CAJ8B,CAAjC;AAMAT,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIY,OAAO,GAAG,CAAd,EAAiB;AACf,UAAMG,KAAK,GAAGC,UAAU,CAACF,aAAD,EAAgBF,OAAhB,CAAxB;AAEA,aAAO;AAAA,eAAMK,YAAY,CAACF,KAAD,CAAlB;AAAA,OAAP;AACD;AACF,GANQ,EAMN,CAACL,WAAD,EAAcE,OAAd,EAAuBE,aAAvB,CANM,CAAT;AAQA,sBACE,oBAAC,kBAAD;AACE,IAAA,GAAG,EAAER,GADP;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,WAAW,EAAEG;AAHf,KAIME,IAJN,gBAME,oBAAC,sBAAD,QAAyBN,IAAzB,CANF,EAOGG,WAAW,gBAAG,oBAAC,oBAAD;AAAsB,IAAA,OAAO,EAAEI;AAA/~~B,IAAH,GAAsD,IAPpE,CADF;AAWD,CAtCmC,CAA~~/~~B;AAyCPT,YAAY,CAACa,WAAb,GAA2B,cAA3B~~","sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n Ref,\n useEffect,\n useCallback,\n} from \"react\";\nimport {\n StyledToastMessage,\n StyledToastMessageText,\n StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n text: string;\n type: \"error\" \| \"success\" \| \"general\" \| \"warning\";\n onClose?: () => void;\n dismissible?: boolean;\n dropShadow?: boolean;\n timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n (\n {\n text,\n type,\n onClose,\n dismissible = false,\n dropShadow = false,\n timeout = 0,\n ...rest\n }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n const handleOnClose = useCallback(() => {\n if (typeof onClose === \"function\") {\n onClose();\n }\n }, [onClose]);\n\n useEffect(() => {\n if (timeout > 0) {\n const timer = setTimeout(handleOnClose, timeout);\n\n return () => clearTimeout(timer);\n }\n }, [dismissible, timeout, handleOnClose]);\n\n return (\n <StyledToastMessage\n ref={ref}\n $type={type}\n $dropShadow={dropShadow}\n {...rest}\n >\n <StyledToastMessageText>{text}</StyledToastMessageText>\n {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n </StyledToastMessage>\n );\n }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"~~file~~":"~~ToastMessage.js~~"}
1	+ {"version":3,"file":"ToastMessage.js","names":["React","forwardRef","useEffect","useCallback","StyledToastMessage","StyledToastMessageText","StyledCloseSmallIcon","ToastMessage","ref","text","type","onClose","dismissible","dropShadow","timeout","rest","handleOnClose","timer","setTimeout","clearTimeout","displayName"],"sources":["../../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import React, {\n forwardRef,\n HTMLAttributes,\n Ref,\n useEffect,\n useCallback,\n} from \"react\";\nimport {\n StyledToastMessage,\n StyledToastMessageText,\n StyledCloseSmallIcon,\n} from \"./Styles\";\n\nexport interface ToastMessageProps {\n text: string;\n type: \"error\" \| \"success\" \| \"general\" \| \"warning\";\n onClose?: () => void;\n dismissible?: boolean;\n dropShadow?: boolean;\n timeout?: number;\n}\n\nexport const ToastMessage = forwardRef(\n (\n {\n text,\n type,\n onClose,\n dismissible = false,\n dropShadow = false,\n timeout = 0,\n ...rest\n }: ToastMessageProps & HTMLAttributes<HTMLDivElement>,\n ref: Ref<HTMLDivElement> \| null \| undefined\n ) => {\n const handleOnClose = useCallback(() => {\n if (typeof onClose === \"function\") {\n onClose();\n }\n }, [onClose]);\n\n useEffect(() => {\n if (timeout > 0) {\n const timer = setTimeout(handleOnClose, timeout);\n\n return () => clearTimeout(timer);\n }\n }, [dismissible, timeout, handleOnClose]);\n\n return (\n <StyledToastMessage\n ref={ref}\n $type={type}\n $dropShadow={dropShadow}\n {...rest}\n >\n <StyledToastMessageText>{text}</StyledToastMessageText>\n {dismissible ? <StyledCloseSmallIcon onClick={handleOnClose} /> : null}\n </StyledToastMessage>\n );\n }\n);\n\nToastMessage.displayName = \"ToastMessage\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,EAGVC,SAAS,EACTC,WAAW,QACN,OAAO;AACd,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,oBAAoB,QACf,UAAU;AAWjB,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,gBAUEO,GAA2C,EACxC;EAAA,IATDC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,uBACnBC,UAAU;IAAVA,UAAU,gCAAG,KAAK;IAAA,oBAClBC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACRC,IAAI;EAIT,IAAMC,aAAa,GAAGb,WAAW,CAAC,YAAM;IACtC,IAAI,OAAOQ,OAAO,KAAK,UAAU,EAAE;MACjCA,OAAO,EAAE;IACX;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEbT,SAAS,CAAC,YAAM;IACd,IAAIY,OAAO,GAAG,CAAC,EAAE;MACf,IAAMG,KAAK,GAAGC,UAAU,CAACF,aAAa,EAAEF,OAAO,CAAC;MAEhD,OAAO;QAAA,OAAMK,YAAY,CAACF,KAAK,CAAC;MAAA;IAClC;EACF,CAAC,EAAE,CAACL,WAAW,EAAEE,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEzC,oBACE,oBAAC,kBAAkB;IACjB,GAAG,EAAER,GAAI;IACT,KAAK,EAAEE,IAAK;IACZ,WAAW,EAAEG;EAAW,GACpBE,IAAI,gBAER,oBAAC,sBAAsB,QAAEN,IAAI,CAA0B,EACtDG,WAAW,gBAAG,oBAAC,oBAAoB;IAAC,OAAO,EAAEI;EAAc,EAAG,GAAG,IAAI,CACnD;AAEzB,CAAC,CACF;AAEDT,YAAY,CAACa,WAAW,GAAG,cAAc"}

package/dist/esm/components/ToastMessage/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/ToastMessage/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,gBAAd~~","sourcesContent":["export * from \"./ToastMessage\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ToastMessage/index.ts"],"sourcesContent":["export * from \"./ToastMessage\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}

package/dist/esm/components/Toggle/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Toggle/~~Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","StyledToggleSlider","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","StyledToggle","label","props","$isHovered"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA~~/B;AAEA,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,8cAAxB;AAgCPD,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC;AAEA,OAAO,IAAMC,qBAAqB,GAAGP,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,uIAA3B;AASPE,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAME,oBAAoB,GAAGR,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,wIAA1B;AASPG,oBAAoB,CAACF,WAArB,GAAmC,sBAAnC;AAEA,OAAO,IAAMG,oBAAoB,GAAGT,MAAM,CAACU,KAAV;AAAA;AAAA;AAAA,qYAKjBN,kBALiB,EAUjBA,kBAViB,EAe3BG,qBAf2B,EAoB3BC,oBApB2B,EA0BhBJ,kBA1BgB,CAA1B;AAgCPK,oBAAoB,CAACH,WAArB,GAAmC,sBAAnC;AAEA,IAAMK,YAAY,GAAGV,GAAH,+KACdM,qBADc,EAKdE,oBALc,EAKYL,kBALZ,EASdK,oBATc,EASoBL,kBATpB,EAcZI,oBAdY,CAAlB;AAoBA,OAAO,IAAMI,YAAY,GAAGZ,MAAM,CAACa,KAAV;AAAA;AAAA;AAAA,gPACrBX,SADqB,EAErBC,cAFqB,EAcnBQ,YAdmB,EAsBrB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,IACAd,GADA,WAEIU,YAFJ,CADA;AAAA,CAtBqB,CAAlB;AA6BPC,YAAY,CAACN,WAAb,GAA2B,cAA3B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n padding-left: 6px;\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n background-color: transparent;\n border: 1px solid var(--color-theme-600);\n overflow: hidden;\n border-radius: 12.5px;\n font-size: 11px;\n transition: 0.3s;\n\n &::before {\n position: absolute;\n content: \"\";\n user-select: none;\n height: 16px;\n width: 16px;\n left: 4px;\n bottom: 3px;\n background-color: var(--color-theme-600);\n border-radius: 50%;\n transition: 0.3s;\n }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n user-select: none;\n transform: translateX(-3px);\n opacity: 1;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n user-select: none;\n transform: translateX(-30px);\n opacity: 0;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n opacity: 0;\n width: 0;\n height: 0;\n\n &:checked + ${StyledToggleSlider}:before {\n background-color: var(--page-paper-main);\n transform: translateX(25px);\n }\n\n &:checked + ${StyledToggleSlider} {\n border-color: var(--color-sucess-green);\n background-color: var(--color-sucess-green);\n color: var(--color-sucess-green);\n\n ${StyledToggleSliderOff} {\n transform: translateX(30px);\n opacity: 0;\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n &:disabled + ${StyledToggleSlider} {\n opacity: 0.5;\n cursor: default;\n }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n ${StyledToggleSliderOff} {\n transform: translateX(0);\n }\n\n ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n transform: translateX(3px);\n }\n\n ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n &::before {\n transform: translateX(23px);\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(-2px);\n }\n }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n position: relative;\n display: inline-block;\n width: 50px;\n height: 24px;\n font-size: 13px;\n font-weight: bold;\n line-height: 13px;\n border-radius: 12.5px;\n\n &:hover {\n ${StyledHelper}\n }\n\n &:focus {\n outline: 1px solid var(--color-sucess-green);\n outline-offset: 4px;\n }\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledHelper}\n `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","FontStyle","BoxSizingStyle","StyledToggleSlider","div","displayName","StyledToggleSliderOff","StyledToggleSliderOn","StyledToggleCheckbox","input","StyledHelper","StyledToggle","label","props","$isHovered"],"sources":["../../../../src/components/Toggle/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledToggleSlider = styled.div`\n padding-left: 6px;\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n background-color: transparent;\n border: 1px solid var(--color-theme-600);\n overflow: hidden;\n border-radius: 12.5px;\n font-size: 11px;\n transition: 0.3s;\n\n &::before {\n position: absolute;\n content: \"\";\n user-select: none;\n height: 16px;\n width: 16px;\n left: 4px;\n bottom: 3px;\n background-color: var(--color-theme-600);\n border-radius: 50%;\n transition: 0.3s;\n }\n`;\n\nStyledToggleSlider.displayName = \"StyledToggleSlider\";\n\nexport const StyledToggleSliderOff = styled.div`\n user-select: none;\n transform: translateX(-3px);\n opacity: 1;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--color-theme-600);\n`;\n\nStyledToggleSliderOff.displayName = \"StyledToggleSliderOff\";\n\nexport const StyledToggleSliderOn = styled.div`\n user-select: none;\n transform: translateX(-30px);\n opacity: 0;\n transition-duration: 0.3s;\n white-space: nowrap;\n color: var(--page-paper-main);\n`;\n\nStyledToggleSliderOn.displayName = \"StyledToggleSliderOn\";\n\nexport const StyledToggleCheckbox = styled.input`\n opacity: 0;\n width: 0;\n height: 0;\n\n &:checked + ${StyledToggleSlider}:before {\n background-color: var(--page-paper-main);\n transform: translateX(25px);\n }\n\n &:checked + ${StyledToggleSlider} {\n border-color: var(--color-sucess-green);\n background-color: var(--color-sucess-green);\n color: var(--color-sucess-green);\n\n ${StyledToggleSliderOff} {\n transform: translateX(30px);\n opacity: 0;\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(0);\n opacity: 1;\n }\n }\n\n &:disabled + ${StyledToggleSlider} {\n opacity: 0.5;\n cursor: default;\n }\n`;\n\nStyledToggleCheckbox.displayName = \"StyledToggleCheckbox\";\n\nconst StyledHelper = css`\n ${StyledToggleSliderOff} {\n transform: translateX(0);\n }\n\n ${StyledToggleCheckbox} + ${StyledToggleSlider}:before {\n transform: translateX(3px);\n }\n\n ${StyledToggleCheckbox}:checked + ${StyledToggleSlider} {\n &::before {\n transform: translateX(23px);\n }\n\n ${StyledToggleSliderOn} {\n transform: translateX(-2px);\n }\n }\n`;\n\nexport const StyledToggle = styled.label<{ $isHovered?: boolean }>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n position: relative;\n display: inline-block;\n width: 50px;\n height: 24px;\n font-size: 13px;\n font-weight: bold;\n line-height: 13px;\n border-radius: 12.5px;\n\n &:hover {\n ${StyledHelper}\n }\n\n &:focus {\n outline: 1px solid var(--color-sucess-green);\n outline-offset: 4px;\n }\n\n ${(props) =>\n props.$isHovered &&\n css`\n ${StyledHelper}\n `}\n`;\n\nStyledToggle.displayName = \"StyledToggle\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,kBAAkB,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,8cA8B3C;AAEDD,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AAErD,OAAO,IAAMC,qBAAqB,GAAGP,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,uIAO9C;AAEDE,qBAAqB,CAACD,WAAW,GAAG,uBAAuB;AAE3D,OAAO,IAAME,oBAAoB,GAAGR,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,wIAO7C;AAEDG,oBAAoB,CAACF,WAAW,GAAG,sBAAsB;AAEzD,OAAO,IAAMG,oBAAoB,GAAGT,MAAM,CAACU,KAAK;EAAA;EAAA;AAAA,qYAKhCN,kBAAkB,EAKlBA,kBAAkB,EAK5BG,qBAAqB,EAKrBC,oBAAoB,EAMTJ,kBAAkB,CAIlC;AAEDK,oBAAoB,CAACH,WAAW,GAAG,sBAAsB;AAEzD,IAAMK,YAAY,GAAGV,GAAG,+KACpBM,qBAAqB,EAIrBE,oBAAoB,EAAML,kBAAkB,EAI5CK,oBAAoB,EAAcL,kBAAkB,EAKlDI,oBAAoB,CAIzB;AAED,OAAO,IAAMI,YAAY,GAAGZ,MAAM,CAACa,KAAK;EAAA;EAAA;AAAA,gPACpCX,SAAS,EACTC,cAAc,EAYZQ,YAAY,EAQd,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,IAChBd,GAAG,WACCU,YAAY,CACf;AAAA,EACJ;AAEDC,YAAY,CAACN,WAAW,GAAG,cAAc"}

package/dist/esm/components/Toggle/Toggle.js CHANGED Viewed

@@ -6,9 +6,8 @@ import classNames from "classnames";
 import { StyledToggle, StyledToggleCheckbox, StyledToggleSlider, StyledToggleSliderOff, StyledToggleSliderOn } from "./Styles";
 export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hovered = _ref.hovered,
-      className = _ref.className,
-      args = _objectWithoutPropertiesLoose(_ref, _excluded);
+    className = _ref.className,
+    args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledToggle, {
     className: classNames("c-toggle", className),
     $isHovered: hovered,

package/dist/esm/components/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Toggle~~/Toggle~~.~~tsx~~"],"names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","ref","hovered","className","args","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,YADF,EAEEC,oBAFF,EAGEC,kBAHF,EAIEC,qBAJF,EAKEC,oBALF,QAMO,UANP;AAeA,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAG9B,gBAAkCQ,GAAlC,EAA0C;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AAC1C,sBACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAEV,UAAU,CAAC,UAAD,EAAaS,SAAb,CADvB;AAEE,IAAA,UAAU,EAAED,OAFd;AAGE,IAAA,QAAQ,EAAE;AAHZ,kBAKE,oBAAC,oBAAD;AAAsB,IAAA,GAAG,EAAED,GAA3B;AAAgC,IAAA,IAAI,EAAC;AAArC,KAAoDG,IAApD,EALF,eAME,oBAAC,kBAAD,qBACE,oBAAC,oBAAD,aADF,eAEE,oBAAC,qBAAD,cAFF,CANF,CADF;AAaD,CAjB+B,CAAzB;AAmBPJ,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledToggle,\n StyledToggleCheckbox,\n StyledToggleSlider,\n StyledToggleSliderOff,\n StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n /** Set hovered state. /\n hovered?: boolean;\n /* Custom classname for styling. */\n className?: string;\n}\n\nexport const Toggle = forwardRef<\n HTMLInputElement,\n IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n return (\n <StyledToggle\n className={classNames(\"c-toggle\", className)}\n $isHovered={hovered}\n tabIndex={0}\n >\n <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n <StyledToggleSlider>\n <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n </StyledToggleSlider>\n </StyledToggle>\n );\n});\n\nToggle.displayName = \"Toggle\";\n"],"~~file~~":"~~Toggle.js~~"}
1	+ {"version":3,"file":"Toggle.js","names":["React","forwardRef","classNames","StyledToggle","StyledToggleCheckbox","StyledToggleSlider","StyledToggleSliderOff","StyledToggleSliderOn","Toggle","ref","hovered","className","args","displayName"],"sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport {\n StyledToggle,\n StyledToggleCheckbox,\n StyledToggleSlider,\n StyledToggleSliderOff,\n StyledToggleSliderOn,\n} from \"./Styles\";\n\nexport interface IToggleProps {\n /** Set hovered state. /\n hovered?: boolean;\n /* Custom classname for styling. */\n className?: string;\n}\n\nexport const Toggle = forwardRef<\n HTMLInputElement,\n IToggleProps & Omit<React.ComponentPropsWithoutRef<\"div\">, keyof IToggleProps>\n>(({ hovered, className, ...args }, ref) => {\n return (\n <StyledToggle\n className={classNames(\"c-toggle\", className)}\n $isHovered={hovered}\n tabIndex={0}\n >\n <StyledToggleCheckbox ref={ref} type=\"checkbox\" {...args} />\n <StyledToggleSlider>\n <StyledToggleSliderOn>ON</StyledToggleSliderOn>\n <StyledToggleSliderOff>OFF</StyledToggleSliderOff>\n </StyledToggleSlider>\n </StyledToggle>\n );\n});\n\nToggle.displayName = \"Toggle\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,YAAY,EACZC,oBAAoB,EACpBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,QACf,UAAU;AASjB,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAG9B,gBAAkCQ,GAAG,EAAK;EAAA,IAAvCC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EAC9B,oBACE,oBAAC,YAAY;IACX,SAAS,EAAEV,UAAU,CAAC,UAAU,EAAES,SAAS,CAAE;IAC7C,UAAU,EAAED,OAAQ;IACpB,QAAQ,EAAE;EAAE,gBAEZ,oBAAC,oBAAoB;IAAC,GAAG,EAAED,GAAI;IAAC,IAAI,EAAC;EAAU,GAAKG,IAAI,EAAI,eAC5D,oBAAC,kBAAkB,qBACjB,oBAAC,oBAAoB,aAA0B,eAC/C,oBAAC,qBAAqB,cAA4B,CAC/B,CACR;AAEnB,CAAC,CAAC;AAEFJ,MAAM,CAACK,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Toggle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Toggle/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,UAAd~~","sourcesContent":["export * from \"./Toggle\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Toggle/index.ts"],"sourcesContent":["export * from \"./Toggle\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Tooltip/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Tooltip/~~Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","StyledTooltip","div","props","$isLight"],"~~mappings~~":"~~AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,cAAT,QAA+B,mBAA~~/~~B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,qMACtBH,cADsB,EAEtBC,SAFsB,EAetB,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,IACAN,GADA,8GADA;AAAA,CAfsB,CAAnB~~","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTooltip = styled.div<{ $isLight: boolean }>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n max-width: 200px;\n border-radius: 8px;\n padding: 4px 10px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.9);\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n color: #fff;\n margin: 4px;\n\n ${(props) =>\n props.$isLight &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n color: var(--color-theme-700);\n `}\n`;\n"],"~~file~~":"~~Styles.js~~"}
1	+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledTooltip","div","props","$isLight"],"sources":["../../../../src/components/Tooltip/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledTooltip = styled.div<{ $isLight: boolean }>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n max-width: 200px;\n border-radius: 8px;\n padding: 4px 10px;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.9);\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n color: #fff;\n margin: 4px;\n\n ${(props) =>\n props.$isLight &&\n css`\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n color: var(--color-theme-700);\n `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,IAAMC,aAAa,GAAGJ,MAAM,CAACK,GAAG;EAAA;EAAA;AAAA,qMACnCH,cAAc,EACdC,SAAS,EAaT,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,IACdN,GAAG,8GAIF;AAAA,EACJ"}

package/dist/esm/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -9,64 +9,51 @@ import useForkRef from "../../utils/useForkRef";
 import { Portal, useLayerContext } from "../../helpers";
 import { StyledTooltip } from "./Styles";
 import { layers } from "../../utils";
 var TooltipAnimation = function TooltipAnimation(_ref) {
   var children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(FromElement, _extends({
     timeout: 0
   }, props), children);
 };
 export var Tooltip = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      title = _ref2.title,
-      className = _ref2.className,
-      style = _ref2.style,
-      _ref2$isLight = _ref2.isLight,
-      isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
-      _ref2$TransitionCompo = _ref2.TransitionComponent,
-      TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
-      popperTooltipStyle = _ref2.popperTooltipStyle,
-      popperTooltipClassName = _ref2.popperTooltipClassName,
-      disable = _ref2.disable;
+    title = _ref2.title,
+    className = _ref2.className,
+    style = _ref2.style,
+    _ref2$isLight = _ref2.isLight,
+    isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
+    _ref2$TransitionCompo = _ref2.TransitionComponent,
+    TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
+    popperTooltipStyle = _ref2.popperTooltipStyle,
+    popperTooltipClassName = _ref2.popperTooltipClassName,
+    disable = _ref2.disable;
   var _useLayerContext = useLayerContext(),
-      _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
+    _useLayerContext$zInd = _useLayerContext.zIndex,
+    zIndex = _useLayerContext$zInd === void 0 ? layers.skyscraper : _useLayerContext$zInd;
   var _useState = useState(false),
-      open = _useState[0],
-      setOpen = _useState[1];
+    open = _useState[0],
+    setOpen = _useState[1];
   var _useState2 = useState(),
-      childNode = _useState2[0],
-      setChildNode = _useState2[1];
+    childNode = _useState2[0],
+    setChildNode = _useState2[1];
   var handleEnter = function handleEnter(event) {
     var childrenProps = children.props;
     if (event.type === "mouseover" && childrenProps.onMouseOver) {
       childrenProps.onMouseOver(event);
     }
     childNode && childNode.removeAttribute("title");
     setOpen(true);
   };
   var handleLeave = function handleLeave(event) {
     var childrenProps = children.props;
     if (event.type === "mouseleave" && childrenProps.onMouseLeave && event.currentTarget === childNode) {
       childrenProps.onMouseLeave(event);
     }
     setOpen(false);
   };
   var handleOwnRef = useForkRef(children.ref, ref);
   var handleRef = useForkRef(setChildNode, handleOwnRef);
   var childrenProps = {
@@ -86,7 +73,7 @@ export var Tooltip = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     role: "tooltip"
   }, function (_ref3) {
     var _ref3$transitionProps = _ref3.transitionProps,
-        transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
+      transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
     return /*#__PURE__*/React.createElement(TransitionComponent, _extends({}, transitionProps, {
       style: style
     }), /*#__PURE__*/React.createElement(StyledTooltip, {

package/dist/esm/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Tooltip~~/Tooltip~~.~~tsx~~"],"names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","layers","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"~~mappings~~":"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","sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. /\n children: ElementWithRef<HTMLElement>;\n /* Title element. /\n title: ReactElement \| string;\n /* Applies passed styles /\n style?: CSSProperties;\n /* Applies passed classes /\n className?: string;\n /* Open /\n open?: boolean;\n /* Placement /\n placement?: Placement;\n /* Transition component /\n TransitionComponent?: React.FC<TransitionProps>;\n /* Light tooltip /\n isLight?: boolean;\n /* Popper Tooltip style /\n popperTooltipStyle?: CSSProperties;\n /* Popper Tooltip class name/\n popperTooltipClassName?: string;\n /* Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement \| null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }): ReactElement => (\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"~~file~~":"~~Tooltip.js~~"}
1	+ {"version":3,"file":"Tooltip.js","names":["React","useState","forwardRef","classnames","Popper","FromElement","useForkRef","Portal","useLayerContext","StyledTooltip","layers","TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","handleRef","cloneElement","transitionProps","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useState,\n CSSProperties,\n MouseEvent,\n forwardRef,\n Ref,\n FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n /** Children element. /\n children: ElementWithRef<HTMLElement>;\n /* Title element. /\n title: ReactElement \| string;\n /* Applies passed styles /\n style?: CSSProperties;\n /* Applies passed classes /\n className?: string;\n /* Open /\n open?: boolean;\n /* Placement /\n placement?: Placement;\n /* Transition component /\n TransitionComponent?: React.FC<TransitionProps>;\n /* Light tooltip /\n isLight?: boolean;\n /* Popper Tooltip style /\n popperTooltipStyle?: CSSProperties;\n /* Popper Tooltip class name/\n popperTooltipClassName?: string;\n /* Remove tooltip */\n disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n return (\n <FromElement timeout={0} {...props}>\n {children}\n </FromElement>\n );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n (\n {\n children,\n title,\n className,\n style,\n isLight = false,\n placement = \"top\",\n TransitionComponent = TooltipAnimation,\n popperTooltipStyle,\n popperTooltipClassName,\n disable,\n },\n ref\n ) => {\n const { zIndex = layers.skyscraper } = useLayerContext();\n const [open, setOpen] = useState(false);\n const [childNode, setChildNode] = useState<HTMLElement \| null>();\n\n const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n childrenProps.onMouseOver(event);\n }\n\n childNode && childNode.removeAttribute(\"title\");\n\n setOpen(true);\n };\n\n const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n const childrenProps = children.props;\n\n if (\n event.type === \"mouseleave\" &&\n childrenProps.onMouseLeave &&\n event.currentTarget === childNode\n ) {\n childrenProps.onMouseLeave(event);\n }\n\n setOpen(false);\n };\n\n const handleOwnRef = useForkRef(children.ref, ref);\n const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n const childrenProps = {\n onMouseOver: handleEnter,\n onMouseLeave: handleLeave,\n ref: handleRef,\n };\n\n return (\n <>\n {React.cloneElement(children, childrenProps)}\n {!disable && (\n <Portal>\n <Popper\n anchorEl={childNode}\n open={childNode ? open : false}\n placement={placement}\n transition\n className={popperTooltipClassName}\n style={{ zIndex, ...popperTooltipStyle }}\n role=\"tooltip\"\n >\n {({ transitionProps = {} }): ReactElement => (\n <TransitionComponent {...transitionProps} style={style}>\n <StyledTooltip\n className={classnames(\"c-tooltip-ds\", className)}\n $isLight={isLight}\n >\n {title}\n </StyledTooltip>\n </TransitionComponent>\n )}\n </Popper>\n </Portal>\n )}\n </>\n );\n }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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"}

package/dist/esm/components/Tooltip/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/Tooltip/~~index.ts"],"names":[],"~~mappings~~":"~~AAAA,cAAc,WAAd~~","sourcesContent":["export * from \"./Tooltip\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Tooltip/index.ts"],"sourcesContent":["export * from \"./Tooltip\";\n"],"mappings":"AAAA,cAAc,WAAW"}

package/dist/esm/components/Transitions/Fade/Fade.js CHANGED Viewed

@@ -3,14 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["in", "children", "style", "timeout"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 var defaultStyle = function defaultStyle(duration) {
   return {
     transition: "all " + duration + "ms ease-in-out",
     opacity: 0
   };
 };
 var transitionStyles = {
   entering: {
     opacity: 1
@@ -27,13 +25,12 @@ var transitionStyles = {
 };
 export var Fade = function Fade(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,

package/dist/esm/components/Transitions/Fade/Fade.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Transitions/~~Fade~~/Fade~~.~~tsx~~"],"names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","children","style","timeout","rest","state","visibility","undefined","props","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;;AAQA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAEmC;AACtDC,IAAAA,UAAU,WAASD,QAAT,mBAD4C;AAEtDE,IAAAA,OAAO,EAAE;AAF6C,GAFnC;AAAA,CAArB;;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GADa;AAEvBG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAFc;AAGvBI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAHc;AAIvBK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJe,CAAzB;AAOA,OAAO,IAAMM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,QAFkC,QAElCA,QAFkC;AAAA,MAGlCC,KAHkC,QAGlCA,KAHkC;AAAA,0BAIlCC,OAJkC;AAAA,MAIlCA,OAJkC,6BAIxB,GAJwB;AAAA,MAK/BC,IAL+B;;AAAA,sBAOlC,oBAAC,UAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAOlB,YAAY,CAACc,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHI,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACL,MAAvB,GAAgC,QAAhC,GAA2CO;AADpD,SAEAlB,YAAY,CAACc,OAAD,CAFZ,EAGAV,gBAAgB,CAACY,KAAD,CAHhB,EAIAH,KAJA,EAKAD,QAAQ,CAACO,KAAT,CAAeN,KALf;AADuB,KAAX,CAAnB;AASD,GAXH,CAPkC;AAAA,CAA7B;AAsBPJ,IAAI,CAACW,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n transition: `all ${duration}ms ease-in-out`,\n opacity: 0,\n});\n\nconst transitionStyles = {\n entering: { opacity: 1 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 500,\n ...rest\n}) => (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"~~file~~":"~~Fade.js~~"}
1	+ {"version":3,"file":"Fade.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","children","style","timeout","rest","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n transition: `all ${duration}ms ease-in-out`,\n opacity: 0,\n});\n\nconst transitionStyles = {\n entering: { opacity: 1 },\n entered: { opacity: 1 },\n exiting: { opacity: 0 },\n exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 500,\n ...rest\n}) => (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle(timeout),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAQnD,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAChBC,QAAgB;EAAA,OACsC;IACtDC,UAAU,WAASD,QAAQ,mBAAgB;IAC3CE,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAEF,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAED,OAAO,IAAMM,IAAoB,GAAG,SAAvBA,IAAoB;EAAA,mBAC/BC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACVC,IAAI;EAAA,oBAEP,oBAAC,UAAU;IAAC,MAAM;IAAC,EAAE,EAAEJ,MAAO;IAAC,OAAO,EAAEG;EAAQ,GAAKC,IAAI,GACtD,UAACC,KAAK,EAAmB;IACxB,oBAAOlB,YAAY,CAACc,QAAQ,EAAE;MAC5BC,KAAK;QACHI,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACL,MAAM,GAAG,QAAQ,GAAGO;MAAS,GAC7DlB,YAAY,CAACc,OAAO,CAAC,EACrBV,gBAAgB,CAACY,KAAK,CAAC,EACvBH,KAAK,EACLD,QAAQ,CAACO,KAAK,CAACN,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAAA,CACd;AAEDJ,IAAI,CAACW,WAAW,GAAG,MAAM"}

package/dist/esm/components/Transitions/Fade/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"~~names":[],"mappings":"AAAA,cAAc,QAAd","~~sourcesContent":["export * from \"./Fade\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"sourcesContent":["export * from \"./Fade\";\n"],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Transitions/FromElement/FromElement.js CHANGED Viewed

@@ -30,13 +30,13 @@ var transitionStyles = {
 };
 export var FromElement = function FromElement(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
   return /*#__PURE__*/React.createElement(Transition, {
     appear: true,
     in: inProp,

package/dist/esm/components/Transitions/FromElement/FromElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Transitions/~~FromElement~~/FromElement~~.~~tsx~~"],"names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"~~mappings~~":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,kBAAkB,EAAE,kBAFD;AAGnBC,EAAAA,wBAAwB,EAAE,iDAHP;AAInBC,EAAAA,eAAe,EAAE,OAJE;AAKnBC,EAAAA,SAAS,EAAE,YALQ;AAMnBC,EAAAA,OAAO,EAAE;AANU,CAArB;AASA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE,UAAzB;AAAqCI,IAAAA,eAAe,EAAE;AAAtD,GADa;AAEvBC,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAFc;AAGvBM,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAHc;AAIvBO,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB;AAJe,CAAzB;AAOA,OAAO,IAAMQ,WAAkC,GAAG,SAArCA,WAAqC,OAO5C;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,IACN;AACJ,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAOvB,YAAY,CAACoB,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEAvB,YAFA,EAGAO,gBAAgB,CAACc,KAAD,CAHhB,EAIAF,KAJA,EAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CADF;AAqBD,CA7BM;AA+BPN,WAAW,CAACY,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n children: ReactElement;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionDuration: \".15s, .10s, .15s\",\n transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n transformOrigin: \"50% 0\",\n transform: \"scale(.85)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n entered: { opacity: 1, transform: \"scale(1)\" },\n exiting: { opacity: 0, transform: \"scale(.85)\" },\n exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 1000,\n}) => {\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"~~file~~":"~~FromElement.js~~"}
1	+ {"version":3,"file":"FromElement.js","names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n children: ReactElement;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionDuration: \".15s, .10s, .15s\",\n transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n transformOrigin: \"50% 0\",\n transform: \"scale(.85)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n entered: { opacity: 1, transform: \"scale(1)\" },\n exiting: { opacity: 0, transform: \"scale(.85)\" },\n exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 1000,\n}) => {\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AAOnD,IAAMC,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,iDAAiD;EAC3EC,eAAe,EAAE,OAAO;EACxBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE,UAAU;IAAEI,eAAe,EAAE;EAAM,CAAC;EACvEC,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAW,CAAC;EAC9CM,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa,CAAC;EAChDO,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa;AAChD,CAAC;AAED,OAAO,IAAMQ,WAAkC,GAAG,SAArCA,WAAkC,OAOzC;EAAA,mBANJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,IAAI;EAEd,oBACE,oBAAC,UAAU;IACT,MAAM;IACN,EAAE,EAAEL,MAAO;IACX,OAAO,EAAEK,OAAQ;IACjB,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEC;EAAS,GAElB,UAACI,KAAK,EAAmB;IACxB,oBAAOvB,YAAY,CAACoB,QAAQ,EAAE;MAC5BC,KAAK;QACHG,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACN,MAAM,GAAG,QAAQ,GAAGQ;MAAS,GAC7DvB,YAAY,EACZO,gBAAgB,CAACc,KAAK,CAAC,EACvBF,KAAK,EACLD,QAAQ,CAACM,KAAK,CAACL,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAEDN,WAAW,CAACY,WAAW,GAAG,aAAa"}

package/dist/esm/components/Transitions/FromElement/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"~~names":[],"mappings":"AAAA,cAAc,eAAd","~~sourcesContent":["export * from \"./FromElement\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"sourcesContent":["export * from \"./FromElement\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js CHANGED Viewed

@@ -3,13 +3,13 @@ import React, { cloneElement, useMemo } from "react";
 import { Transition } from "react-transition-group";
 export var ResizeTransition = function ResizeTransition(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
   var defaultStyle = useMemo(function () {
     return {
       transitionProperty: "width, height",

package/dist/esm/components/Transitions/ResizeTransition/ResizeTransition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Transitions/~~ResizeTransition~~/ResizeTransition~~.~~tsx~~"],"names":["React","cloneElement","useMemo","Transition","ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","state","visibility","undefined","props","displayName"],"~~mappings~~":"~~;AAAA,OAAOA,KAAP,IAAkCC,YAAlC,EAAgDC,OAAhD,QAA+D,OAA~~/D;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,OAAO,IAAMC,gBAAuC,GAAG,SAA1CA,gBAA0C,OAOjD;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGV,OAAO,CAAC,YAAM;AACjC,WAAO;AACLW,MAAAA,kBAAkB,EAAE,eADf;AAELC,MAAAA,kBAAkB,EAAKH,OAAL,OAFb;AAGLI,MAAAA,wBAAwB,EAAE;AAHrB,KAAP;AAKD,GAN2B,EAMzB,CAACJ,OAAD,CANyB,CAA5B;AAQA,sBACE,oBAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACQ,KAAD,EAAyB;AACxB,wBAAOf,YAAY,CAACQ,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHO,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACV,MAAvB,GAAgC,QAAhC,GAA2CY;AADpD,SAEAN,YAFA,EAGAF,KAHA,EAIAD,QAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,KAAX,CAAnB;AAQD,GAhBH,CADF;AAoBD,CApCM;AAsCPN,gBAAgB,CAACgB,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"width, height\",\n transitionDuration: `${timeout}ms`,\n transitionTimingFunction: \"ease\",\n };\n }, [timeout]);\n\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"~~file~~":"~~ResizeTransition.js~~"}
1	+ {"version":3,"file":"ResizeTransition.js","names":["React","cloneElement","useMemo","Transition","ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","state","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"width, height\",\n transitionDuration: `${timeout}ms`,\n transitionTimingFunction: \"ease\",\n };\n }, [timeout]);\n\n return (\n <Transition\n appear\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n ...defaultStyle,\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAsBC,YAAY,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAOnD,OAAO,IAAMC,gBAAuC,GAAG,SAA1CA,gBAAuC,OAO9C;EAAA,mBANJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;EAEb,IAAMC,YAAY,GAAGV,OAAO,CAAC,YAAM;IACjC,OAAO;MACLW,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,EAAKH,OAAO,OAAI;MAClCI,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,oBACE,oBAAC,UAAU;IACT,MAAM;IACN,EAAE,EAAEL,MAAO;IACX,OAAO,EAAEK,OAAQ;IACjB,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEC;EAAS,GAElB,UAACQ,KAAK,EAAmB;IACxB,oBAAOf,YAAY,CAACQ,QAAQ,EAAE;MAC5BC,KAAK;QACHO,UAAU,EAAED,KAAK,KAAK,QAAQ,IAAI,CAACV,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7DN,YAAY,EACZF,KAAK,EACLD,QAAQ,CAACU,KAAK,CAACT,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAEDN,gBAAgB,CAACgB,WAAW,GAAG,kBAAkB"}

package/dist/esm/components/Transitions/ResizeTransition/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"~~names":[],"mappings":"AAAA,cAAc,oBAAd","~~sourcesContent":["export * from \"./ResizeTransition\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"sourcesContent":["export * from \"./ResizeTransition\";\n"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/esm/components/Transitions/Reveal/Reveal.js CHANGED Viewed

@@ -3,7 +3,6 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["in", "children", "style", "timeout"];
 import React, { cloneElement } from "react";
 import { Transition } from "react-transition-group";
 var defaultStyle = function defaultStyle(duration) {
   return {
     transition: "all " + duration + "ms ease-in",
@@ -12,7 +11,6 @@ var defaultStyle = function defaultStyle(duration) {
     transformOrigin: "left"
   };
 };
 var transitionStyles = {
   entering: {
     transform: "scaleX(1)",
@@ -33,13 +31,12 @@ var transitionStyles = {
 };
 export var Reveal = function Reveal(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Transition, _extends({
     appear: true,
     in: inProp,

package/dist/esm/components/Transitions/Reveal/Reveal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Transitions/~~Reveal~~/Reveal~~.~~tsx~~"],"names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","children","style","timeout","rest","state","props","displayName"],"~~mappings~~":";;;AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AACA,SAASC,UAAT,QAA2B,wBAA3B;;AASA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,WAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;AAOA,OAAO,IAAMO,MAAwB,GAAG,SAA3BA,MAA2B,OAMlC;AAAA,qBALJC,EAKI;AAAA,MALAC,MAKA,wBALS,KAKT;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAOpB,YAAY,CAACgB,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAf,YAAY,CAACa,MAAM,GAAGG,OAAH,GAAa,CAApB,CADZ,EAEAV,gBAAgB,CAACY,KAAD,CAFhB,EAGAH,KAHA,EAIAD,QAAQ,CAACK,KAAT,CAAeJ,KAJf;AADuB,KAAX,CAAnB;AAQD,GAVH,CADF;AAcD,CArBM;AAuBPJ,MAAM,CAACS,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{\n transition: string;\n transform: string;\n transformOrigin: string;\n opacity: number;\n}> => ({\n transition: `all ${duration}ms ease-in`,\n transform: `scaleX(0)`,\n opacity: 0,\n transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n entering: { transform: `scaleX(1)`, opacity: 1 },\n entered: { transform: `scaleX(1)`, opacity: 1 },\n exiting: { transform: `scaleX(0)`, opacity: 0 },\n exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 200,\n ...rest\n}) => {\n return (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle(inProp ? timeout : 0),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nReveal.displayName = \"Reveal\";\n"],"~~file~~":"~~Reveal.js~~"}
1	+ {"version":3,"file":"Reveal.js","names":["React","cloneElement","Transition","defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","children","style","timeout","rest","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n duration: number\n): Partial<{\n transition: string;\n transform: string;\n transformOrigin: string;\n opacity: number;\n}> => ({\n transition: `all ${duration}ms ease-in`,\n transform: `scaleX(0)`,\n opacity: 0,\n transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n entering: { transform: `scaleX(1)`, opacity: 1 },\n entered: { transform: `scaleX(1)`, opacity: 1 },\n exiting: { transform: `scaleX(0)`, opacity: 0 },\n exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n in: inProp = false,\n children,\n style,\n timeout = 200,\n ...rest\n}) => {\n return (\n <Transition appear in={inProp} timeout={timeout} {...rest}>\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle(inProp ? timeout : 0),\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAsBC,YAAY,QAAQ,OAAO;AAC7D,SAASC,UAAU,QAAQ,wBAAwB;AASnD,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAChBC,QAAgB;EAAA,OAMX;IACLC,UAAU,WAASD,QAAQ,eAAY;IACvCE,SAAS,aAAa;IACtBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACnB,CAAC;AAAA,CAAC;AAEF,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAED,OAAO,IAAMO,MAAwB,GAAG,SAA3BA,MAAwB,OAM/B;EAAA,mBALJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACVC,IAAI;EAEP,oBACE,oBAAC,UAAU;IAAC,MAAM;IAAC,EAAE,EAAEJ,MAAO;IAAC,OAAO,EAAEG;EAAQ,GAAKC,IAAI,GACtD,UAACC,KAAK,EAAmB;IACxB,oBAAOpB,YAAY,CAACgB,QAAQ,EAAE;MAC5BC,KAAK,eACAf,YAAY,CAACa,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC,EAClCV,gBAAgB,CAACY,KAAK,CAAC,EACvBH,KAAK,EACLD,QAAQ,CAACK,KAAK,CAACJ,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAEDJ,MAAM,CAACS,WAAW,GAAG,QAAQ"}

package/dist/esm/components/Transitions/Reveal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"~~names":[],"mappings":"AAAA,cAAc,UAAd","~~sourcesContent":["export * from \"./Reveal\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"sourcesContent":["export * from \"./Reveal\";\n"],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Transitions/Scale/Scale.js CHANGED Viewed

@@ -11,13 +11,13 @@ var transitionStyles = {
 };
 export var Scale = function Scale(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
   var defaultStyle = useMemo(function () {
     return {
       transitionProperty: "transform",

package/dist/esm/components/Transitions/Scale/Scale.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/Transitions/~~Scale~~/Scale~~.~~tsx~~"],"names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","state","props","displayName"],"~~mappings~~":"~~;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,EAAgDC,OAAhD,QAA+D,OAA~~/D;AACA,SAASC,UAAT,QAA2B,wBAA3B;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;AAKA,OAAO,IAAME,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGd,OAAO,CAAC,YAAM;AACjC,WAAO;AACLe,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,EAAKH,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACE,oBAAC,UAAD;AACE,IAAA,EAAE,EAAEL,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC;AAJZ,KAMG,UAACO,KAAD,EAAyB;AACxB,wBAAOlB,YAAY,CAACY,QAAD,EAAW;AAC5BC,MAAAA,KAAK,eACAE,YADA,EAEAZ,gBAAgB,CAACe,KAAD,CAFhB,EAGAL,KAHA,EAIAD,QAAQ,CAACO,KAAT,CAAeN,KAJf;AADuB,KAAX,CAAnB;AAQD,GAfH,CADF;AAmBD,CAnCM;AAqCPN,KAAK,CAACa,WAAN,GAAoB,OAApB","sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n children: ReactElement;\n}\n\nconst transitionStyles = {\n entered: { transform: \"scale(1)\" },\n exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"transform\",\n transitionDuration: `${timeout}ms`,\n transform: \"scale(0)\",\n };\n }, [timeout]);\n\n return (\n <Transition\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nScale.displayName = \"Scale\";\n"],"~~file~~":"~~Scale.js~~"}
1	+ {"version":3,"file":"Scale.js","names":["React","cloneElement","useMemo","Transition","transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","state","props","displayName"],"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n children: ReactElement;\n}\n\nconst transitionStyles = {\n entered: { transform: \"scale(1)\" },\n exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 200,\n}) => {\n const defaultStyle = useMemo(() => {\n return {\n transitionProperty: \"transform\",\n transitionDuration: `${timeout}ms`,\n transform: \"scale(0)\",\n };\n }, [timeout]);\n\n return (\n <Transition\n in={inProp}\n timeout={timeout}\n onEnter={onEnter}\n onExited={onExited}\n >\n {(state): ReactElement => {\n return cloneElement(children, {\n style: {\n ...defaultStyle,\n ...transitionStyles[state],\n ...style,\n ...children.props.style,\n },\n });\n }}\n </Transition>\n );\n};\n\nScale.displayName = \"Scale\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,YAAY,EAAoBC,OAAO,QAAQ,OAAO;AACtE,SAASC,UAAU,QAAQ,wBAAwB;AAOnD,IAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE;IAAEC,SAAS,EAAE;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAED,SAAS,EAAE;EAAW;AACnC,CAAC;AAED,OAAO,IAAME,KAAiB,GAAG,SAApBA,KAAiB,OAOxB;EAAA,mBANJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;EAEb,IAAMC,YAAY,GAAGd,OAAO,CAAC,YAAM;IACjC,OAAO;MACLe,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAKH,OAAO,OAAI;MAClCT,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACS,OAAO,CAAC,CAAC;EAEb,oBACE,oBAAC,UAAU;IACT,EAAE,EAAEL,MAAO;IACX,OAAO,EAAEK,OAAQ;IACjB,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEC;EAAS,GAElB,UAACO,KAAK,EAAmB;IACxB,oBAAOlB,YAAY,CAACY,QAAQ,EAAE;MAC5BC,KAAK,eACAE,YAAY,EACZZ,gBAAgB,CAACe,KAAK,CAAC,EACvBL,KAAK,EACLD,QAAQ,CAACO,KAAK,CAACN,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAEDN,KAAK,CAACa,WAAW,GAAG,OAAO"}

package/dist/esm/components/Transitions/Scale/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"~~names":[],"mappings":"AAAA,cAAc,SAAd","~~sourcesContent":["export * from \"./Scale\";\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Scale/index.ts"],"sourcesContent":["export * from \"./Scale\";\n"],"mappings":"AAAA,cAAc,SAAS"}