npm - @activecollab/components - Versions diffs - 1.0.4 → 1.0.8 - Mend

@activecollab/components 1.0.4 → 1.0.8

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

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

	@@ -1 +1 @@
1	- {"version":3,"~~file":"SlideFromTop.js","~~sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionTimingFunction: \"linear ease-out\",\n transform: \"translateY(-100%)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n entered: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n exiting: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n exited: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 400,\n}) => (\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\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"~~names~~":["~~defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","~~SlideFromTop","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AASA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,wBAAwB,EAAE,iBAFP;AAGnBC,EAAAA,SAAS,EAAE,mBAHQ;AAInBC,EAAAA,OAAO,EAAE;AAJU,CAArB;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,OAAO,EAAE,CADD;AAERD,IAAAA,SAAS,EAAE,eAFH;AAGRI,IAAAA,kBAAkB,EAAE;AAHZ,GADa;AAMvBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,eAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GANc;AAWvBE,EAAAA,OAAO,EAAE;AACPL,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,mBAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GAXc;AAgBvBG,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAE,CADH;AAEND,IAAAA,SAAS,EAAE,mBAFL;AAGNI,IAAAA,kBAAkB,EAAE;AAHd;AAhBe,CAAzB;IAuBaI,YAA+B,GAAG,SAAlCA,YAAkC;AAAA,qBAC7CC,EAD6C;AAAA,MACzCC,MADyC,wBAChC,KADgC;AAAA,MAE7CC,OAF6C,QAE7CA,OAF6C;AAAA,MAG7CC,QAH6C,QAG7CA,QAH6C;AAAA,MAI7CC,SAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7CC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEAvB,YAFA,GAGAK,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IAR6C;AAAA;AA6B/CN,YAAY,CAACc,WAAb,GAA2B,cAA3B;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"names":["React","cloneElement","Transition","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","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;AAQA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,wBAAwB,EAAE,iBAFP;AAGnBC,EAAAA,SAAS,EAAE,mBAHQ;AAInBC,EAAAA,OAAO,EAAE;AAJU,CAArB;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AACRF,IAAAA,OAAO,EAAE,CADD;AAERD,IAAAA,SAAS,EAAE,eAFH;AAGRI,IAAAA,kBAAkB,EAAE;AAHZ,GADa;AAMvBC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,eAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GANc;AAWvBE,EAAAA,OAAO,EAAE;AACPL,IAAAA,OAAO,EAAE,CADF;AAEPD,IAAAA,SAAS,EAAE,mBAFJ;AAGPI,IAAAA,kBAAkB,EAAE;AAHb,GAXc;AAgBvBG,EAAAA,MAAM,EAAE;AACNN,IAAAA,OAAO,EAAE,CADH;AAEND,IAAAA,SAAS,EAAE,mBAFL;AAGNI,IAAAA,kBAAkB,EAAE;AAHd;AAhBe,CAAzB;AAuBA,OAAO,IAAMI,YAA+B,GAAG,SAAlCA,YAAkC;AAAA,qBAC7CC,EAD6C;AAAA,MACzCC,MADyC,wBAChC,KADgC;AAAA,MAE7CC,OAF6C,QAE7CA,OAF6C;AAAA,MAG7CC,QAH6C,QAG7CA,QAH6C;AAAA,MAI7CC,QAJ6C,QAI7CA,QAJ6C;AAAA,MAK7CC,KAL6C,QAK7CA,KAL6C;AAAA,0BAM7CC,OAN6C;AAAA,MAM7CA,OAN6C,6BAMnC,GANmC;AAAA,sBAQ7C,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,wBAAOrB,YAAY,CAACkB,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEArB,YAFA,EAGAK,gBAAgB,CAACc,KAAD,CAHhB,EAIAF,KAJA,EAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAX,CAAnB;AASD,GAjBH,CAR6C;AAAA,CAAxC;AA6BPN,YAAY,CAACY,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n children: ReactElement;\n timeout?: number;\n}\n\nconst defaultStyle = {\n transitionProperty: \"opacity, transform\",\n transitionTimingFunction: \"linear ease-out\",\n transform: \"translateY(-100%)\",\n opacity: 0,\n};\n\nconst transitionStyles = {\n entering: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n entered: {\n opacity: 1,\n transform: \"translateY(0)\",\n transitionDuration: \".3s\",\n },\n exiting: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n exited: {\n opacity: 0,\n transform: \"translateY(-100%)\",\n transitionDuration: \".2s\",\n },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n in: inProp = false,\n onEnter,\n onExited,\n children,\n style,\n timeout = 400,\n}) => (\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\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"file":"SlideFromTop.js"}

package/dist/esm/components/Transitions/SlideFromTop/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./SlideFromTop";
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/SlideFromTop/index.js.map ADDED Viewed

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

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

@@ -1,30 +1,20 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { StyledSlideLeftRightTransition } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "direction"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
+import React from "react";
+import { StyledSlideLeftRightTransition } from "./Styles";
+export var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
   var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsx(StyledSlideLeftRightTransition, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledSlideLeftRightTransition, _extends({
     timeout: 200,
     classNames: "c-slide",
     unmountOnExit: true,
     $direction: direction
-  }, props), {}, {
-    children: children
-  }));
+  }, props), children);
 };
 SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
-export { SlideLeftRightTransition };
-//# sourceMappingURL=SlideLeftRightTransition.js.map
+//# sourceMappingURL=SlideLeftRightTransition.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~file":"SlideLeftRightTransition.js","~~sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n children: ReactElement;\n direction?: \"left\" \| \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n children,\n direction = \"left\",\n ...props\n}) => {\n return (\n <StyledSlideLeftRightTransition\n timeout={200}\n classNames=\"c-slide\"\n unmountOnExit\n $direction={direction}\n {...props}\n >\n {children}\n </StyledSlideLeftRightTransition>\n );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"~~names~~":["SlideLeftRightTransition","children","direction","props","_jsx","displayName"],"mappings":";;;;;;;;;;;IASaA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACEC,IAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAEF;AAJd,KAKMC,KALN;AAAA,cAOGF;AAPH,KADF;AAWD;AAEDD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","SlideLeftRightTransition","children","direction","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AAOA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKMC,KALN,GAOGF,QAPH,CADF;AAWD,CAhBM;AAkBPD,wBAAwB,CAACI,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n children: ReactElement;\n direction?: \"left\" \| \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n children,\n direction = \"left\",\n ...props\n}) => {\n return (\n <StyledSlideLeftRightTransition\n timeout={200}\n classNames=\"c-slide\"\n unmountOnExit\n $direction={direction}\n {...props}\n >\n {children}\n </StyledSlideLeftRightTransition>\n );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js CHANGED Viewed

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { CSSTransition } from 'react-transition-group';
-var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
+import styled, { css } from "styled-components";
+import { CSSTransition } from "react-transition-group";
+export var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
   displayName: "Styles__StyledSlideLeftRightTransition",
   componentId: "sc-ewkpq8-0"
 })(["", " ", ""], function (props) {
@@ -10,6 +9,4 @@ var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
   return props.$direction === "right" && css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
 });
 StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
-export { StyledSlideLeftRightTransition };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Styles.js","~~sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n $direction: \"left\" \| \"right\";\n}>`\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n &.c-slide-exit {\n position: absolute;\n }\n &.c-slide-exit-active {\n transform: translateX(-100%);\n transition: all 200ms ease;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(-100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n\n &.c-slide-exit {\n position: absolute;\n }\n\n &.c-slide-exit-active {\n transform: translateX(100%);\n transition: all 200ms ease;\n }\n `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"~~names~~":["~~StyledSlideLeftRightTransition~~","styled","CSSTransition","props","$direction","css","displayName"],"mappings":";;;IAGaA,8BAA8B,GAAGC,MAAM,CAACC,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAC,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAC,GADA,8PADA;AAAA,CAvBuC;AA8C3CL,8BAA8B,CAACM,WAA/B,GAA6C,gCAA7C;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":["styled","css","CSSTransition","StyledSlideLeftRightTransition","props","$direction","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,aAAT,QAA8B,wBAA9B;AAEA,OAAO,IAAMC,8BAA8B,GAAGH,MAAM,CAACE,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAJ,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAJ,GADA,8PADA;AAAA,CAvBuC,CAApC;AA8CPE,8BAA8B,CAACG,WAA/B,GAA6C,gCAA7C","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n $direction: \"left\" \| \"right\";\n}>`\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n &.c-slide-exit {\n position: absolute;\n }\n &.c-slide-exit-active {\n transform: translateX(-100%);\n transition: all 200ms ease;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-slide-enter {\n position: absolute;\n transform: translateX(-100%);\n }\n &.c-slide-enter-active {\n transform: translateX(0%);\n transition: all 200ms ease;\n }\n\n &.c-slide-exit {\n position: absolute;\n }\n\n &.c-slide-exit-active {\n transform: translateX(100%);\n transition: all 200ms ease;\n }\n `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"file":"Styles.js"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./SlideLeftRightTransition";
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/index.js.map ADDED Viewed

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

package/dist/esm/components/Transitions/index.js ADDED Viewed

@@ -0,0 +1,10 @@
+export * from "./Fade";
+export * from "./Slide";
+export * from "./FromElement";
+export * from "./SlideFromTop";
+export * from "./SlideLeftRightTransition";
+export * from "./ResizeTransition";
+export * from "./Reveal";
+export * from "./Scale";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Transitions/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../src/components/Transitions/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,gBAAd;AACA,cAAc,4BAAd;AACA,cAAc,oBAAd;AACA,cAAc,UAAd;AACA,cAAc,SAAd;AACA,cAAc,SAAd","sourcesContent":["export * from \"./Fade\";\nexport * from \"./Slide\";\nexport * from \"./FromElement\";\nexport * from \"./SlideFromTop\";\nexport * from \"./SlideLeftRightTransition\";\nexport * from \"./ResizeTransition\";\nexport * from \"./Reveal\";\nexport * from \"./Scale\";\nexport * from \"./types\";\n"],"file":"index.js"}

package/dist/esm/components/Transitions/types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=types.js.map

package/dist/esm/components/Transitions/types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/esm/components/Typography/Styles.js CHANGED Viewed

@@ -1,7 +1,6 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
 var colors = {
   primary: {
     "color": "var(--color-theme-900)"
@@ -38,7 +37,7 @@ var colors = {
     "color": "var(--red-alert)"
   }
 };
-var StyledTypography = styled.div.withConfig({
+export var StyledTypography = styled.div.withConfig({
   displayName: "Styles__StyledTypography",
   componentId: "sc-mskw5w-0"
 })(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, function (props) {
@@ -119,6 +118,4 @@ var StyledTypography = styled.div.withConfig({
   return props.$weight === "bold" && css(["font-weight:700;"]);
 });
 StyledTypography.displayName = "StyledTypography";
-export { StyledTypography };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n \| \"Title 1\"\n \| \"Header 2\"\n \| \"Header 3\"\n \| \"Body 1\"\n \| \"Body 2\"\n \| \"Caption 1\"\n \| \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" \| \"regular\" \| \"wide\";\n $lineHeight: \"tight\" \| \"regular\" \| \"loose\";\n $align: \"left\" \| \"center\" \| \"right\" \| \"justify\";\n $decoration: \"underline\" \| \"line-through\" \| \"none\";\n $transform: \"uppercase\" \| \"lowercase\" \| \"capitalize\" \| \"regular\";\n $overflow: \"truncate\" \| \"ellipsis\" \| \"visible\";\n $whitespace: \"regular\" \| \"no-wrap\";\n $wordBreak: \"regular\" \| \"smart\" \| \"all\";\n $color:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"quaternary\"\n \| \"theme-primary\"\n \| \"theme-secondary\"\n \| \"only-white\"\n \| \"only-black\"\n \| \"page-paper\"\n \| \"success\"\n \| \"alert\";\n $weight?: \"light\" \| \"regular\" \| \"medium\" \| \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" \|\| props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"names":["colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","styled","div","FontStyle","BoxSizingStyle","props","$color","$variant","css","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/Typography/Styles.ts"],"names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","StyledTypography","div","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight","displayName"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n \| \"Title 1\"\n \| \"Header 2\"\n \| \"Header 3\"\n \| \"Body 1\"\n \| \"Body 2\"\n \| \"Caption 1\"\n \| \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" \| \"regular\" \| \"wide\";\n $lineHeight: \"tight\" \| \"regular\" \| \"loose\";\n $align: \"left\" \| \"center\" \| \"right\" \| \"justify\";\n $decoration: \"underline\" \| \"line-through\" \| \"none\";\n $transform: \"uppercase\" \| \"lowercase\" \| \"capitalize\" \| \"regular\";\n $overflow: \"truncate\" \| \"ellipsis\" \| \"visible\";\n $whitespace: \"regular\" \| \"no-wrap\";\n $wordBreak: \"regular\" \| \"smart\" \| \"all\";\n $color:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"quaternary\"\n \| \"theme-primary\"\n \| \"theme-secondary\"\n \| \"only-white\"\n \| \"only-black\"\n \| \"page-paper\"\n \| \"success\"\n \| \"alert\";\n $weight?: \"light\" \| \"regular\" \| \"medium\" \| \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-600 tw-opacity-50`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n font-size: 2rem;\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n font-size: 1.125rem;\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" \|\| props.$variant === \"Body 1\") &&\n css`\n font-size: 1rem;\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n font-size: 0.875rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n font-size: 0.75rem;\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n font-size: 0.625rem;\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n letter-spacing: 0.02em;\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n letter-spacing: 0em;\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n letter-spacing: 0.08em;\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 1.375;\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n line-height: 1;\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n line-height: 1.625;\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n font-weight: 400;\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n font-weight: 300;\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n font-weight: 500;\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n font-weight: 700;\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"file":"Styles.js"}

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

@@ -1,17 +1,11 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef, useRef } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { StyledTypography } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef, useRef } from "react";
+import classNames from "classnames";
+import useForkRef from "../../utils/useForkRef";
+import { StyledTypography } from "./Styles";
+export var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
       _ref$Tag = _ref.Tag,
@@ -42,13 +36,13 @@ var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var innerRef = useRef(null);
   var handleRef = useForkRef(ref, innerRef);
-  return /*#__PURE__*/jsx(StyledTypography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledTypography, _extends({
     as: Tag,
-    className: classnames("typography", className),
+    className: classNames("typography", className),
     $italic: italic,
     $tabularNums: tabularNums,
     $letterSpacing: letterSpacing,
@@ -63,11 +57,7 @@ var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
     $color: color,
     $weight: weight,
     ref: handleRef
-  }, props), {}, {
-    children: children
-  }));
+  }, props), children);
 });
 Typography.displayName = "Typography";
-export { Typography };
-//# sourceMappingURL=Typography.js.map
+//# sourceMappingURL=Typography.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Typography.js","~~sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. /\n color?:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"quaternary\"\n \| \"theme-primary\"\n \| \"theme-secondary\"\n \| \"only-white\"\n \| \"only-black\"\n \| \"page-paper\"\n \| \"success\"\n \| \"alert\";\n /* Tabular numbers. /\n tabularNums?: boolean;\n /* Italic font style. /\n italic?: boolean;\n /* Font letter spacing. /\n letterSpacing?: \"tight\" \| \"regular\" \| \"wide\";\n /* Font line height. /\n lineHeight?: \"tight\" \| \"regular\" \| \"loose\";\n /* Font align. /\n align?: \"left\" \| \"center\" \| \"right\" \| \"justify\";\n /* Underline font style. /\n decoration?: \"underline\" \| \"line-through\" \| \"none\";\n /* Font transform. /\n transform?: \"uppercase\" \| \"lowercase\" \| \"capitalize\" \| \"regular\";\n /* Font overflow. /\n overflow?: \"truncate\" \| \"ellipsis\" \| \"visible\";\n /* Font whitespace. /\n whitespace?: \"regular\" \| \"no-wrap\";\n /* Font word break. /\n wordBreak?: \"regular\" \| \"smart\" \| \"all\";\n /* Custom className for styling. /\n className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n /* Element variant. /\n variant?:\n \| \"Title 1\"\n \| \"Header 2\"\n \| \"Header 3\"\n \| \"Body 1\"\n \| \"Body 2\"\n \| \"Caption 1\"\n \| \"Caption 2\";\n /* Element tag. /\n Tag?: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" \| \"p\" \| \"span\" \| \"div\";\n /* Font weight. /\n weight?: \"light\" \| \"regular\" \| \"medium\" \| \"bold\";\n /* Font size. */\n size?: \"32\" \| \"18\" \| \"16\" \| \"14\" \| \"12\" \| \"10\";\n}\n\nexport const Typography = forwardRef<\n HTMLElement,\n ITypographyProps & ITypographyAdditionalProps\n>(\n (\n {\n variant = \"Title 1\",\n Tag = \"div\",\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const innerRef = useRef<HTMLElement \| null>(null);\n const handleRef = useForkRef(ref, innerRef);\n\n return (\n <StyledTypography\n as={Tag}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={handleRef}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n"],"~~names~~":["Typography","forwardRef","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","useRef","handleRef","useForkRef","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;;IA4DaA,UAAU,gBAAGC,UAAU,CAIlC,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAGC,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMC,SAAS,GAAGC,UAAU,CAACrB,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACEI,IAAC,gBAAD;AACE,IAAA,EAAE,EAAEpB,GADN;AAEE,IAAA,SAAS,EAAEqB,UAAU,CAAC,YAAD,EAAeR,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEM;AAhBP,KAiBMH,KAjBN;AAAA,cAmBGD;AAnBH,KADF;AAuBD,CApDiC;AAuDpClB,UAAU,CAAC0B,WAAX,GAAyB,YAAzB;;;;"}
1	+ {"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","useRef","classNames","useForkRef","StyledTypography","Typography","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","handleRef","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,EAA4CC,MAA5C,QAA0D,OAA1D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAyDA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAIlC,gBAoBEM,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAGvB,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMwB,SAAS,GAAGtB,UAAU,CAACG,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEhB,GADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,YAAD,EAAemB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEK;AAhBP,KAiBMF,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CApDiC,CAA7B;AAuDPjB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. /\n color?:\n \| \"primary\"\n \| \"secondary\"\n \| \"tertiary\"\n \| \"quaternary\"\n \| \"theme-primary\"\n \| \"theme-secondary\"\n \| \"only-white\"\n \| \"only-black\"\n \| \"page-paper\"\n \| \"success\"\n \| \"alert\";\n /* Tabular numbers. /\n tabularNums?: boolean;\n /* Italic font style. /\n italic?: boolean;\n /* Font letter spacing. /\n letterSpacing?: \"tight\" \| \"regular\" \| \"wide\";\n /* Font line height. /\n lineHeight?: \"tight\" \| \"regular\" \| \"loose\";\n /* Font align. /\n align?: \"left\" \| \"center\" \| \"right\" \| \"justify\";\n /* Underline font style. /\n decoration?: \"underline\" \| \"line-through\" \| \"none\";\n /* Font transform. /\n transform?: \"uppercase\" \| \"lowercase\" \| \"capitalize\" \| \"regular\";\n /* Font overflow. /\n overflow?: \"truncate\" \| \"ellipsis\" \| \"visible\";\n /* Font whitespace. /\n whitespace?: \"regular\" \| \"no-wrap\";\n /* Font word break. /\n wordBreak?: \"regular\" \| \"smart\" \| \"all\";\n /* Custom className for styling. /\n className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n /* Element variant. /\n variant?:\n \| \"Title 1\"\n \| \"Header 2\"\n \| \"Header 3\"\n \| \"Body 1\"\n \| \"Body 2\"\n \| \"Caption 1\"\n \| \"Caption 2\";\n /* Element tag. /\n Tag?: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\" \| \"p\" \| \"span\" \| \"div\";\n /* Font weight. /\n weight?: \"light\" \| \"regular\" \| \"medium\" \| \"bold\";\n /* Font size. */\n size?: \"32\" \| \"18\" \| \"16\" \| \"14\" \| \"12\" \| \"10\";\n}\n\nexport const Typography = forwardRef<\n HTMLElement,\n ITypographyProps & ITypographyAdditionalProps\n>(\n (\n {\n variant = \"Title 1\",\n Tag = \"div\",\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"regular\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n },\n ref\n ) => {\n const innerRef = useRef<HTMLElement \| null>(null);\n const handleRef = useForkRef(ref, innerRef);\n\n return (\n <StyledTypography\n as={Tag}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={handleRef}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/esm/components/Typography/Variants/Body1.js CHANGED Viewed

@@ -1,29 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["weight", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Body1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "Body 1",
     weight: weight,
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Body1.displayName = "Body1";
-export { Body1 };
-//# sourceMappingURL=Body1.js.map
+//# sourceMappingURL=Body1.js.map

package/dist/esm/components/Typography/Variants/Body1.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Body1.js","~~sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\" \| \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody1.displayName = \"Body1\";\n"],"~~names~~":["Body1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["React","forwardRef","Typography","Body1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,KAAwC,gBAAGF,UAAU,CAChE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR+D,CAA3D;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\" \| \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}

package/dist/esm/components/Typography/Variants/Body2.js CHANGED Viewed

@@ -1,29 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["weight", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Body2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Body2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "Body 2",
     weight: weight,
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Body2.displayName = "Body2";
-export { Body2 };
-//# sourceMappingURL=Body2.js.map
+//# sourceMappingURL=Body2.js.map

package/dist/esm/components/Typography/Variants/Body2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Body2.js","~~sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\" \| \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody2.displayName = \"Body2\";\n"],"~~names~~":["Body2","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAOaA,KAAwC,gBAAGC,UAAU,CAChE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEH,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CAR+D;AAWlEJ,KAAK,CAACO,WAAN,GAAoB,OAApB;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAwC,gBAAGF,UAAU,CAChE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR+D,CAA3D;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\" \| \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}

package/dist/esm/components/Typography/Variants/Caption1.js CHANGED Viewed

@@ -1,29 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["weight", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Caption1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Caption1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "Caption 1",
     weight: weight,
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Caption1.displayName = "Caption1";
-export { Caption1 };
-//# sourceMappingURL=Caption1.js.map
+//# sourceMappingURL=Caption1.js.map

package/dist/esm/components/Typography/Variants/Caption1.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Caption1.js","~~sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"~~names~~":["Caption1","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,QAA8C,gBAAGC,UAAU,CACtE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEH,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARqE;AAWxEJ,QAAQ,CAACO,WAAT,GAAuB,UAAvB;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}

package/dist/esm/components/Typography/Variants/Caption2.js CHANGED Viewed

@@ -1,29 +1,19 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["weight", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Caption2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Caption2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     variant: "Caption 2",
     weight: weight,
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Caption2.displayName = "Caption2";
-export { Caption2 };
-//# sourceMappingURL=Caption2.js.map
+//# sourceMappingURL=Caption2.js.map

package/dist/esm/components/Typography/Variants/Caption2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Caption2.js","~~sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"~~names~~":["Caption2","forwardRef","ref","weight","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAQaA,QAA8C,gBAAGC,UAAU,CACtE,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACEC,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEH,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARqE;AAWxEJ,QAAQ,CAACO,WAAT,GAAuB,UAAvB;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n /** Font weight. */\n weight?: \"regular\" \| \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}

package/dist/esm/components/Typography/Variants/Header2.js CHANGED Viewed

@@ -1,27 +1,17 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { Typography } from '../Typography.js';
-import { jsxs } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Header2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import { Typography } from "../Typography";
+export var Header2 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Typography, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     weight: "bold",
     variant: "Header 2",
     ref: ref
-  }, props), {}, {
-    children: [" ", children, " "]
-  }));
+  }, props), " ", children, " ");
 });
 Header2.displayName = "Header2";
-export { Header2 };
-//# sourceMappingURL=Header2.js.map
+//# sourceMappingURL=Header2.js.map

package/dist/esm/components/Typography/Variants/Header2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"Header2.js","~~sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nHeader2.displayName = \"Header2\";\n"],"~~names~~":["Header2","forwardRef","ref","children","props","_jsxs","displayName"],"mappings":";;;;;;;;;;;IAGaA,OAA6B,gBAAGC,UAAU,CACrD,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACEC,KAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEH;AAAlD,KAA2DE,KAA3D;AAAA,eACG,GADH,EAEGD,QAFH,EAEa,GAFb;AAAA,KADF;AAMD,CARoD;AAWvDH,OAAO,CAACM,WAAR,GAAsB,SAAtB;;;;"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAA6B,gBAAGF,UAAU,CACrD,gBAAyBG,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARoD,CAAhD;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n return (\n <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n {\" \"}\n {children}{\" \"}\n </Typography>\n );\n }\n);\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}