@chayns-components/typewriter 5.0.0-beta.56 → 5.0.0-beta.58

package/lib/components/typewriter/Typewriter.d.ts

@@ -1,9 +1,15 @@
 import { FC, ReactElement } from 'react';
+export declare enum TypewriterSpeed {
+    Slow = 40,
+    Medium = 30,
+    Fast = 20
+}
 export type TypewriterProps = {
     /**
      * The text to type
      */
     children: ReactElement | string;
+    speed?: TypewriterSpeed;
 };
 declare const Typewriter: FC<TypewriterProps>;
 export default Typewriter;

package/lib/components/typewriter/Typewriter.js

@@ -3,16 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.TypewriterSpeed = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _server = require("react-dom/server");
 var _Typewriter = require("./Typewriter.styles");
 var _utils = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+let TypewriterSpeed;
+exports.TypewriterSpeed = TypewriterSpeed;
+(function (TypewriterSpeed) {
+  TypewriterSpeed[TypewriterSpeed["Slow"] = 40] = "Slow";
+  TypewriterSpeed[TypewriterSpeed["Medium"] = 30] = "Medium";
+  TypewriterSpeed[TypewriterSpeed["Fast"] = 20] = "Fast";
+})(TypewriterSpeed || (exports.TypewriterSpeed = TypewriterSpeed = {}));
 const Typewriter = _ref => {
   let {
-    children
+    children,
+    speed = TypewriterSpeed.Medium
   } = _ref;
   const [shownCharCount, setShownCharCount] = (0, _react.useState)(0);
   const [shouldStopAnimation, setShouldStopAnimation] = (0, _react.useState)(false);
@@ -35,12 +43,12 @@ const Typewriter = _ref => {
           }
           return nextState;
         });
-      }, 35);
+      }, speed);
     }
     return () => {
       window.clearInterval(interval);
     };
-  }, [shouldStopAnimation, textContent.length]);
+  }, [shouldStopAnimation, speed, textContent.length]);
   const shownText = (0, _react.useMemo)(() => (0, _utils.getSubTextFromHTML)(textContent, shownCharCount), [shownCharCount, textContent]);
   return /*#__PURE__*/_react.default.createElement(_Typewriter.StyledTypewriter, {
     onClick: handleClick

package/lib/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["Typewriter","children","shownCharCount","setShownCharCount","useState","shouldStopAnimation","setShouldStopAnimation","textContent","React","isValidElement","renderToString","isAnimatingText","length","handleClick","useCallback","useEffect","interval","window","setInterval","prevState","nextState","clearInterval","shownText","useMemo","getSubTextFromHTML","__html","displayName"],"sources":["../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getSubTextFromHTML } from './utils';\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | string;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({ children }) => {\n    const [shownCharCount, setShownCharCount] = useState(0);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    const textContent = React.isValidElement(children) ? renderToString(children) : children;\n\n    const isAnimatingText = shownCharCount !== textContent.length;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation) {\n            setShownCharCount(textContent.length);\n        } else {\n            setShownCharCount(0);\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState + 1;\n\n                    if (nextState === textContent.length) {\n                        window.clearInterval(interval);\n                    }\n\n                    return nextState;\n                });\n            }, 35);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [shouldStopAnimation, textContent.length]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent]\n    );\n\n    return (\n        <StyledTypewriter onClick={handleClick}>\n            <StyledTypewriterText\n                dangerouslySetInnerHTML={{ __html: shownText }}\n                isAnimatingText={isAnimatingText}\n            />\n            {isAnimatingText && <StyledTypewriterPseudoText>{children}</StyledTypewriterPseudoText>}\n        </StyledTypewriter>\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAKA;AAA6C;AAAA;AAS7C,MAAMA,UAA+B,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC;EACjD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACvD,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAErE,MAAMG,WAAW,GAAG,aAAAC,cAAK,CAACC,cAAc,CAACR,QAAQ,CAAC,GAAG,IAAAS,sBAAc,EAACT,QAAQ,CAAC,GAAGA,QAAQ;EAExF,MAAMU,eAAe,GAAGT,cAAc,KAAKK,WAAW,CAACK,MAAM;EAE7D,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClCR,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAS,gBAAS,EAAC,MAAM;IACZ,IAAIC,QAA4B;IAEhC,IAAIX,mBAAmB,EAAE;MACrBF,iBAAiB,CAACI,WAAW,CAACK,MAAM,CAAC;IACzC,CAAC,MAAM;MACHT,iBAAiB,CAAC,CAAC,CAAC;MAEpBa,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAC,MAAM;QAChCf,iBAAiB,CAAEgB,SAAS,IAAK;UAC7B,MAAMC,SAAS,GAAGD,SAAS,GAAG,CAAC;UAE/B,IAAIC,SAAS,KAAKb,WAAW,CAACK,MAAM,EAAE;YAClCK,MAAM,CAACI,aAAa,CAACL,QAAQ,CAAC;UAClC;UAEA,OAAOI,SAAS;QACpB,CAAC,CAAC;MACN,CAAC,EAAE,EAAE,CAAC;IACV;IAEA,OAAO,MAAM;MACTH,MAAM,CAACI,aAAa,CAACL,QAAQ,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CAACX,mBAAmB,EAAEE,WAAW,CAACK,MAAM,CAAC,CAAC;EAE7C,MAAMU,SAAS,GAAG,IAAAC,cAAO,EACrB,MAAM,IAAAC,yBAAkB,EAACjB,WAAW,EAAEL,cAAc,CAAC,EACrD,CAACA,cAAc,EAAEK,WAAW,CAAC,CAChC;EAED,oBACI,6BAAC,4BAAgB;IAAC,OAAO,EAAEM;EAAY,gBACnC,6BAAC,gCAAoB;IACjB,uBAAuB,EAAE;MAAEY,MAAM,EAAEH;IAAU,CAAE;IAC/C,eAAe,EAAEX;EAAgB,EACnC,EACDA,eAAe,iBAAI,6BAAC,sCAA0B,QAAEV,QAAQ,CAA8B,CACxE;AAE3B,CAAC;AAEDD,UAAU,CAAC0B,WAAW,GAAG,YAAY;AAAC,eAEvB1B,UAAU;AAAA"}
+{"version":3,"file":"Typewriter.js","names":["TypewriterSpeed","Typewriter","children","speed","Medium","shownCharCount","setShownCharCount","useState","shouldStopAnimation","setShouldStopAnimation","textContent","React","isValidElement","renderToString","isAnimatingText","length","handleClick","useCallback","useEffect","interval","window","setInterval","prevState","nextState","clearInterval","shownText","useMemo","getSubTextFromHTML","__html","displayName"],"sources":["../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import React, { FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getSubTextFromHTML } from './utils';\n\nexport enum TypewriterSpeed {\n    Slow = 40,\n    Medium = 30,\n    Fast = 20,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | string;\n    speed?: TypewriterSpeed;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({ children, speed = TypewriterSpeed.Medium }) => {\n    const [shownCharCount, setShownCharCount] = useState(0);\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n\n    const textContent = React.isValidElement(children) ? renderToString(children) : children;\n\n    const isAnimatingText = shownCharCount !== textContent.length;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation) {\n            setShownCharCount(textContent.length);\n        } else {\n            setShownCharCount(0);\n\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState + 1;\n\n                    if (nextState === textContent.length) {\n                        window.clearInterval(interval);\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [shouldStopAnimation, speed, textContent.length]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent]\n    );\n\n    return (\n        <StyledTypewriter onClick={handleClick}>\n            <StyledTypewriterText\n                dangerouslySetInnerHTML={{ __html: shownText }}\n                isAnimatingText={isAnimatingText}\n            />\n            {isAnimatingText && <StyledTypewriterPseudoText>{children}</StyledTypewriterPseudoText>}\n        </StyledTypewriter>\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAKA;AAA6C;AAAA;AAAA,IAEjCA,eAAe;AAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,+BAAfA,eAAe;AAc3B,MAAMC,UAA+B,GAAG,QAAkD;EAAA,IAAjD;IAAEC,QAAQ;IAAEC,KAAK,GAAGH,eAAe,CAACI;EAAO,CAAC;EACjF,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACvD,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAErE,MAAMG,WAAW,GAAG,aAAAC,cAAK,CAACC,cAAc,CAACV,QAAQ,CAAC,GAAG,IAAAW,sBAAc,EAACX,QAAQ,CAAC,GAAGA,QAAQ;EAExF,MAAMY,eAAe,GAAGT,cAAc,KAAKK,WAAW,CAACK,MAAM;EAE7D,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClCR,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAS,gBAAS,EAAC,MAAM;IACZ,IAAIC,QAA4B;IAEhC,IAAIX,mBAAmB,EAAE;MACrBF,iBAAiB,CAACI,WAAW,CAACK,MAAM,CAAC;IACzC,CAAC,MAAM;MACHT,iBAAiB,CAAC,CAAC,CAAC;MAEpBa,QAAQ,GAAGC,MAAM,CAACC,WAAW,CAAC,MAAM;QAChCf,iBAAiB,CAAEgB,SAAS,IAAK;UAC7B,MAAMC,SAAS,GAAGD,SAAS,GAAG,CAAC;UAE/B,IAAIC,SAAS,KAAKb,WAAW,CAACK,MAAM,EAAE;YAClCK,MAAM,CAACI,aAAa,CAACL,QAAQ,CAAC;UAClC;UAEA,OAAOI,SAAS;QACpB,CAAC,CAAC;MACN,CAAC,EAAEpB,KAAK,CAAC;IACb;IAEA,OAAO,MAAM;MACTiB,MAAM,CAACI,aAAa,CAACL,QAAQ,CAAC;IAClC,CAAC;EACL,CAAC,EAAE,CAACX,mBAAmB,EAAEL,KAAK,EAAEO,WAAW,CAACK,MAAM,CAAC,CAAC;EAEpD,MAAMU,SAAS,GAAG,IAAAC,cAAO,EACrB,MAAM,IAAAC,yBAAkB,EAACjB,WAAW,EAAEL,cAAc,CAAC,EACrD,CAACA,cAAc,EAAEK,WAAW,CAAC,CAChC;EAED,oBACI,6BAAC,4BAAgB;IAAC,OAAO,EAAEM;EAAY,gBACnC,6BAAC,gCAAoB;IACjB,uBAAuB,EAAE;MAAEY,MAAM,EAAEH;IAAU,CAAE;IAC/C,eAAe,EAAEX;EAAgB,EACnC,EACDA,eAAe,iBAAI,6BAAC,sCAA0B,QAAEZ,QAAQ,CAA8B,CACxE;AAE3B,CAAC;AAEDD,UAAU,CAAC4B,WAAW,GAAG,YAAY;AAAC,eAEvB5B,UAAU;AAAA"}

package/lib/components/typewriter/Typewriter.styles.js

@@ -8,6 +8,7 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const StyledTypewriter = _styledComponents.default.span`
+    display: flex;
     position: relative;
 `;
 exports.StyledTypewriter = StyledTypewriter;
@@ -35,6 +36,7 @@ const StyledTypewriterText = _styledComponents.default.span`
   } = _ref2;
   return isAnimatingText ? 'absolute' : 'relative';
 }};
+    width: 100%;
 
     ${_ref3 => {
   let {

package/lib/components/typewriter/Typewriter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["StyledTypewriter","styled","span","blinkAnimation","keyframes","StyledTypewriterPseudoText","StyledTypewriterText","theme","text","isAnimatingText","css"],"sources":["../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.span`\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nexport const StyledTypewriterPseudoText = styled.span`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    isAnimatingText: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n    position: ${({ isAnimatingText }) => (isAnimatingText ? 'absolute' : 'relative')};\n\n    ${({ isAnimatingText }) =>\n        isAnimatingText &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(5, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                vertical-align: baseline;\n            }\n        `}\n`;\n"],"mappings":";;;;;;AACA;AAA2D;AAAA;AAEpD,MAAMA,gBAAgB,GAAGC,yBAAM,CAACC,IAAK;AAC5C;AACA,CAAC;AAAC;AAEF,MAAMC,cAAc,GAAG,IAAAC,2BAAS,CAAC;AACjC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,0BAA0B,GAAGJ,yBAAM,CAACC,IAAK;AACtD;AACA;AACA;AACA,CAAC;AAAC;AAMK,MAAMI,oBAAoB,GAAGL,yBAAM,CAACC,IAAgC;AAC3E,aAAa;EAAA,IAAC;IAAEK;EAAiC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AAClE,gBAAgB;EAAA,IAAC;IAAEC;EAAgB,CAAC;EAAA,OAAMA,eAAe,GAAG,UAAU,GAAG,UAAU;AAAA,CAAE;AACrF;AACA,MAAM;EAAA,IAAC;IAAEA;EAAgB,CAAC;EAAA,OAClBA,eAAe,IACf,IAAAC,qBAAG,CAAC;AACZ;AACA,6BAA6BP,cAAe;AAC5C,yBAAyB;IAAA,IAAC;MAAEI;IAAiC,CAAC;IAAA,OAAKA,KAAK,CAACC,IAAI;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC"}
+{"version":3,"file":"Typewriter.styles.js","names":["StyledTypewriter","styled","span","blinkAnimation","keyframes","StyledTypewriterPseudoText","StyledTypewriterText","theme","text","isAnimatingText","css"],"sources":["../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.span`\n    display: flex;\n    position: relative;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nexport const StyledTypewriterPseudoText = styled.span`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    isAnimatingText: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n    position: ${({ isAnimatingText }) => (isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${({ isAnimatingText }) =>\n        isAnimatingText &&\n        css`\n            &:after {\n                animation: ${blinkAnimation} 1s steps(5, start) infinite;\n                color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n                content: '▋';\n                margin-left: 0.25rem;\n                opacity: 0.85;\n                vertical-align: baseline;\n            }\n        `}\n`;\n"],"mappings":";;;;;;AACA;AAA2D;AAAA;AAEpD,MAAMA,gBAAgB,GAAGC,yBAAM,CAACC,IAAK;AAC5C;AACA;AACA,CAAC;AAAC;AAEF,MAAMC,cAAc,GAAG,IAAAC,2BAAS,CAAC;AACjC;AACA;AACA;AACA,CAAC;AAEM,MAAMC,0BAA0B,GAAGJ,yBAAM,CAACC,IAAK;AACtD;AACA;AACA;AACA,CAAC;AAAC;AAMK,MAAMI,oBAAoB,GAAGL,yBAAM,CAACC,IAAgC;AAC3E,aAAa;EAAA,IAAC;IAAEK;EAAiC,CAAC;EAAA,OAAKA,KAAK,CAACC,IAAI;AAAA,CAAC;AAClE,gBAAgB;EAAA,IAAC;IAAEC;EAAgB,CAAC;EAAA,OAAMA,eAAe,GAAG,UAAU,GAAG,UAAU;AAAA,CAAE;AACrF;AACA;AACA,MAAM;EAAA,IAAC;IAAEA;EAAgB,CAAC;EAAA,OAClBA,eAAe,IACf,IAAAC,qBAAG,CAAC;AACZ;AACA,6BAA6BP,cAAe;AAC5C,yBAAyB;IAAA,IAAC;MAAEI;IAAiC,CAAC;IAAA,OAAKA,KAAK,CAACC,IAAI;EAAA,CAAC;AAC9E;AACA;AACA;AACA;AACA;AACA,SAAS;AAAA,CAAC;AACV,CAAC;AAAC"}

package/lib/index.d.ts

@@ -1 +1 @@
-export { default as Typewriter } from './components/typewriter/Typewriter';
+export { default as Typewriter, TypewriterSpeed } from './components/typewriter/Typewriter';

package/lib/index.js

@@ -9,6 +9,13 @@ Object.defineProperty(exports, "Typewriter", {
     return _Typewriter.default;
   }
 });
-var _Typewriter = _interopRequireDefault(require("./components/typewriter/Typewriter"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+Object.defineProperty(exports, "TypewriterSpeed", {
+  enumerable: true,
+  get: function () {
+    return _Typewriter.TypewriterSpeed;
+  }
+});
+var _Typewriter = _interopRequireWildcard(require("./components/typewriter/Typewriter"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { default as Typewriter } from './components/typewriter/Typewriter';\n"],"mappings":";;;;;;;;;;;AAAA;AAA2E"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export { default as Typewriter, TypewriterSpeed } from './components/typewriter/Typewriter';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAA4F;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.56",
+    "version": "5.0.0-beta.58",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -63,5 +63,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "27baa90fb0accd997bb09e646697afcfd42bd0df"
+    "gitHead": "48cba9f91f62edccd3c2f42aee3fb4bb38a88bef"
 }