trepur_components 1.0.56 → 1.0.58

package/dist/src/lib/components/Collapsible/Collapsible.js

@@ -5,7 +5,6 @@ import classNames from "classnames";
 import style from "./style.module.css";
 import HorizontalLine from "../HorizontalLine/HorizontalLine";
 const Collapsible = ({ id, className, preText, title, subtitle, imageProps, children, theme = "theme-rupertbennett", }) => {
-    var _a;
     const [expanded, setExpanded] = useState(false);
     useEffect(() => {
         const coll = document.getElementsByClassName("collapsible");
@@ -43,10 +42,10 @@ const Collapsible = ({ id, className, preText, title, subtitle, imageProps, chil
         React.createElement("div", { onClick: (e) => expandItem(e), className: style.heading },
             React.createElement("div", { className: style.imageAndText },
                 imageProps !== undefined && (React.createElement(Image, Object.assign({}, imageProps, { width: 3, height: 3, className: style.image }))),
-                ((_a = title !== undefined) !== null && _a !== void 0 ? _a : subtitle !== undefined) && (React.createElement("div", { className: style.textWrapper },
+                React.createElement("div", { className: style.textWrapper },
                     preText !== undefined && (React.createElement("h4", { className: style.preText }, preText)),
                     title !== undefined && React.createElement("h4", { className: style.title }, title),
-                    subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle))))),
+                    subtitle !== undefined && (React.createElement("h5", { className: style.subtitle }, subtitle)))),
             children !== undefined && (React.createElement("div", { className: style.iconWrapper },
                 React.createElement(Icon, { className: style.icon, type: expanded ? "chevron-up" : "chevron-down" })))),
         children !== undefined && (React.createElement("div", { className: contentWrapperClassList, style: { transition: "max-height 0.2s ease-out" } },

package/dist/src/lib/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Collapsible/style.module.css

@@ -1,5 +1,7 @@
 .classList {
 
+    width: 100%;
+
     border-bottom-width: 1px;
 
     border-color: var(--color-lightest-grey);
@@ -18,8 +20,6 @@
 
     height: 6rem;
 
-    width: 100%;
-
     justify-content: space-between;
 
     padding-left: 1rem;
@@ -37,9 +37,9 @@
 
 .imageAndText {
 
-    display: flex;
+    margin-right: 1rem;
 
-    width: 100%;
+    display: flex;
 
     overflow: hidden
 }
@@ -55,49 +55,6 @@
     border-radius: 1rem
 }
 
-.contentWrapperClassList {
-
-    width: auto;
-
-    overflow: hidden;
-
-    padding-left: 1rem;
-
-    padding-right: 1rem
-}
-
-.expanded {
-
-    margin-top: 0.5rem;
-
-    margin-bottom: 1rem;
-
-    max-height: max-content
-}
-
-.collapsed {
-
-    max-height: 0px
-}
-
-.children {
-
-    padding-top: 1rem;
-
-    padding-bottom: 0.5rem
-}
-
-.iconWrapper {
-
-    margin-top: auto;
-
-    margin-bottom: auto;
-
-    display: flex;
-
-    flex: none
-}
-
 .textWrapper {
 
     margin-top: auto;
@@ -106,25 +63,11 @@
 
     margin-left: 1rem;
 
-    margin-right: 0.5rem;
-
-    width: 100%;
-
-    overflow: hidden;
-
-    text-overflow: ellipsis;
-
-    white-space: nowrap
+    flex: none
 }
 
 .preText {
 
-    overflow: hidden;
-
-    text-overflow: ellipsis;
-
-    white-space: nowrap;
-
     font-size: 8px;
 
     color: var(--color-light-grey)
@@ -140,12 +83,6 @@
 
 .title {
 
-    overflow: hidden;
-
-    text-overflow: ellipsis;
-
-    white-space: nowrap;
-
     font-size: 16px
 }
 
@@ -159,12 +96,6 @@
 
 .subtitle {
 
-    overflow: hidden;
-
-    text-overflow: ellipsis;
-
-    white-space: nowrap;
-
     font-size: 12px
 }
 
@@ -175,4 +106,47 @@
         font-size: 16px
     }
 }
+
+.contentWrapperClassList {
+
+    width: auto;
+
+    overflow: hidden;
+
+    padding-left: 1rem;
+
+    padding-right: 1rem
+}
+
+.expanded {
+
+    margin-top: 0.5rem;
+
+    margin-bottom: 1rem;
+
+    max-height: max-content
+}
+
+.collapsed {
+
+    max-height: 0px
+}
+
+.children {
+
+    padding-top: 1rem;
+
+    padding-bottom: 0.5rem
+}
+
+.iconWrapper {
+
+    margin-top: auto;
+
+    margin-bottom: auto;
+
+    display: flex;
+
+    flex: none
+}
 /*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Collapsible/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAqE;;IAArE,wCAAqE;;IAArE;AAAqE;;AAArE;;IAAA;AAAqE;;AAIrE;;IAAA,aAAyD;;IAAzD,YAAyD;;IAAzD,WAAyD;;IAAzD,8BAAyD;;IAAzD,kBAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;;QAAA;IAAyD;AAAA;;AAIzD;;IAAA,aAAkC;;IAAlC,WAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,gBAAoC;;IAApC,mBAAoC;;IAApC,UAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,WAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAc;;AAId;;IAAA,iBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,aAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,gBAAwC;;IAAxC,mBAAwC;;IAAxC,iBAAwC;;IAAxC,oBAAwC;;IAAxC,WAAwC;;IAAxC,gBAAwC;;IAAxC,uBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,gBAAmD;;IAAnD,uBAAmD;;IAAnD,mBAAmD;;IAAnD,cAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA;IAAmD;AAAA;;AAInD;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,gBAAkC;;IAAlC,uBAAkC;;IAAlC,mBAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply duration-300 border-lightest-grey border-b hover:cursor-pointer\n}\n\n.heading {\n    @apply flex justify-between pl-4 pr-4 sm:pr-8 h-24 w-full;\n}\n\n.imageAndText {\n    @apply flex w-full overflow-hidden;\n}\n\n.image {\n    @apply rounded-2xl my-auto flex-none;\n}\n\n.contentWrapperClassList {\n    @apply w-auto overflow-hidden px-4;\n}\n\n.expanded {\n    @apply max-h-max mt-2 mb-4;\n}\n\n.collapsed {\n    @apply max-h-0;\n}\n\n.children {\n    @apply pt-4 pb-2;\n}\n\n.iconWrapper {\n    @apply flex flex-none my-auto;\n}\n\n.textWrapper {\n    @apply my-auto ml-4 mr-2 w-full truncate;\n}\n\n.preText {\n    @apply text-xxs md:text-xs text-light-grey truncate;\n}\n\n.title {\n    @apply text-sm md:text-md truncate;\n}\n\n.subtitle {\n    @apply text-xs md:text-sm truncate;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAA4E;;IAA5E,wBAA4E;;IAA5E,wCAA4E;;IAA5E;AAA4E;;AAA5E;;IAAA;AAA4E;;AAI5E;;IAAA,aAAkD;;IAAlD,YAAkD;;IAAlD,8BAAkD;;IAAlD,kBAAkD;;IAAlD;AAAkD;;AAAlD;;IAAA;;QAAA;IAAkD;AAAA;;AAIlD;;IAAA,kBAAgC;;IAAhC,aAAgC;;IAAhC;AAAgC;;AAIhC;;IAAA,gBAAoC;;IAApC,mBAAoC;;IAApC,UAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,cAA0C;;IAA1C;AAA0C;;AAA1C;;IAAA;;QAAA;IAA0C;AAAA;;AAI1C;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA;AAAyB;;AAAzB;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA,WAAkC;;IAAlC,gBAAkC;;IAAlC,kBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA;AAAc;;AAId;;IAAA,iBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,gBAA6B;;IAA7B,mBAA6B;;IAA7B,aAA6B;;IAA7B;AAA6B","file":"style.module.css","sourcesContent":[".classList {\n    @apply duration-300 border-lightest-grey border-b hover:cursor-pointer w-full\n}\n\n.heading {\n    @apply flex justify-between pl-4 pr-4 sm:pr-8 h-24;\n}\n\n.imageAndText {\n    @apply flex overflow-hidden mr-4;\n}\n\n.image {\n    @apply rounded-2xl my-auto flex-none;\n}\n\n.textWrapper {\n    @apply flex-none my-auto ml-4;\n}\n\n.preText {\n    @apply text-xxs md:text-xs text-light-grey;\n}\n\n.title {\n    @apply text-sm md:text-md;\n}\n\n.subtitle {\n    @apply text-xs md:text-sm;\n}\n\n.contentWrapperClassList {\n    @apply w-auto overflow-hidden px-4;\n}\n\n.expanded {\n    @apply max-h-max mt-2 mb-4;\n}\n\n.collapsed {\n    @apply max-h-0;\n}\n\n.children {\n    @apply pt-4 pb-2;\n}\n\n.iconWrapper {\n    @apply flex flex-none my-auto;\n}"]}

package/dist/src/lib/components/Showcase/style.module.css

@@ -1,5 +1,7 @@
 .container {
 
+    display: flex;
+
     flex-wrap: wrap;
 
     text-align: center
@@ -9,7 +11,7 @@
 
     .container {
 
-        display: flex;
+        flex-wrap: nowrap;
 
         text-align: left
     }
@@ -137,6 +139,8 @@
 
     .avatarWrapper {
 
+        width: 33.333333%;
+
         padding-bottom: 5rem
     }
 }

package/dist/src/lib/components/Showcase/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAA+D;;IAA/D,gBAA+D;;IAA/D,iBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,eAA6D;;IAA7D,gBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,iBAAyC;;IAAzC,eAAyC;;IAAzC;AAAyC;;AAAzC;;IAAA;;QAAA;IAAyC;AAAA;;AAIzC;;IAAA,YAAiD;;IAAjD,aAAiD;;IAAjD,WAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA;IAAiD;AAAA;;AAIjD;;IAAA;AAAmC;;AAAnC;;IAAA;;QAAA,YAAmC;;QAAnC;IAAmC;AAAA;;AAInC;;IAAA;AAAa;;AAIb;;IAAA,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","file":"style.module.css","sourcesContent":[".container {\n    @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n    @apply h-56;\n}\n\n.mediumContainer {\n    @apply h-96;\n}\n\n.largeContainer {\n    @apply min-h-[calc(100vh-176px)]; \n}\n\n.textWrapper {\n    @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n    @apply font-bold text-lg md:text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n    @apply font-bold text-lg md:text-xxl text-black leading-tight;\n}\n\n.description {\n    @apply text-sm md:text-md text-black pt-4;\n}\n\n.avatarWrapper {\n    @apply m-auto w-full flex justify-center md:pb-20;\n}\n\n.avatar {\n    @apply md:m-auto md:w-full max-h-96;\n}\n\n.iconWrapper {\n    @apply w-full;\n}\n\n.icon {\n    @apply mx-auto hover:cursor-pointer hover:scale-125;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAA6D;;IAA7D,eAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA,iBAA6D;;QAA7D;IAA6D;AAAA;;AAI7D;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAgC;;AAIhC;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAA+D;;IAA/D,gBAA+D;;IAA/D,iBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,eAA6D;;IAA7D,gBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,iBAAyC;;IAAzC,eAAyC;;IAAzC;AAAyC;;AAAzC;;IAAA;;QAAA;IAAyC;AAAA;;AAIzC;;IAAA,YAA0D;;IAA1D,aAA0D;;IAA1D,WAA0D;;IAA1D;AAA0D;;AAA1D;;IAAA;;QAAA,iBAA0D;;QAA1D;IAA0D;AAAA;;AAI1D;;IAAA;AAAmC;;AAAnC;;IAAA;;QAAA,YAAmC;;QAAnC;IAAmC;AAAA;;AAInC;;IAAA;AAAa;;AAIb;;IAAA,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","file":"style.module.css","sourcesContent":[".container {\n    @apply flex-wrap flex md:flex-nowrap text-center md:text-left;\n}\n\n.smallContainer {\n    @apply h-56;\n}\n\n.mediumContainer {\n    @apply h-96;\n}\n\n.largeContainer {\n    @apply min-h-[calc(100vh-176px)]; \n}\n\n.textWrapper {\n    @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n    @apply font-bold text-lg md:text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n    @apply font-bold text-lg md:text-xxl text-black leading-tight;\n}\n\n.description {\n    @apply text-sm md:text-md text-black pt-4;\n}\n\n.avatarWrapper {\n    @apply m-auto w-full md:w-1/3 flex justify-center md:pb-20;\n}\n\n.avatar {\n    @apply md:m-auto md:w-full max-h-96;\n}\n\n.iconWrapper {\n    @apply w-full;\n}\n\n.icon {\n    @apply mx-auto hover:cursor-pointer hover:scale-125;\n}"]}

package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Colours, ThemeTypes } from '../../utils/controls';
-import { Props as ImageProps } from '../Image/Image';
+import { Colours, ThemeTypes } from "../../utils/controls";
+import { Props as ImageProps } from "../Image/Image";
 interface Item {
     preText?: string;
     title?: string;
@@ -17,5 +17,5 @@ export interface Props {
     items?: Item[];
     theme?: ThemeTypes;
 }
-declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme }: Props) => JSX.Element;
+declare const TimelineV2: ({ id, className, title, description, bgColour, items, theme, }: Props) => JSX.Element;
 export default TimelineV2;

package/dist/src/lib/components/TimelineV2/TimelineV2.js

@@ -1,15 +1,17 @@
-import React from 'react';
-import classNames from 'classnames';
-import style from './style.module.css';
-import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
-import Collapsible from '../Collapsible/Collapsible';
-const TimelineV2 = ({ id, className, title, description, bgColour, items, theme = 'theme-rupertbennett' }) => {
+import React from "react";
+import classNames from "classnames";
+import style from "./style.module.css";
+import ComponentWrapper from "../ComponentWrapper/ComponentWrapper";
+import Collapsible from "../Collapsible/Collapsible";
+const TimelineV2 = ({ id, className, title, description, bgColour, items, theme = "theme-rupertbennett", }) => {
     const classList = classNames(className, style.classList);
     return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
         return (React.createElement("div", { className: style.item, key: `timeline_${i}` },
-            React.createElement("p", { className: style.circle }),
-            React.createElement("span", { className: i !== items.length - 1 ? style.line : style.blank }),
-            React.createElement(Collapsible, { className: style.collapsible, preText: item.preText, title: item.title, subtitle: item.subtitle, imageProps: item.imageProps }, item.children)));
+            React.createElement("div", { className: style.lineColumn },
+                React.createElement("p", { className: style.circle }),
+                React.createElement("div", { className: i !== items.length - 1 ? style.line : style.blank })),
+            React.createElement("div", { className: style.collapsible },
+                React.createElement(Collapsible, { preText: item.preText, title: item.title, subtitle: item.subtitle, imageProps: item.imageProps }, item.children))));
     })));
 };
 export default TimelineV2;

package/dist/src/lib/components/TimelineV2/TimelineV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAqB7D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;YAC9B,8BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC5D;YACF,oBAAC,WAAW,IACV,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACP,CAAA;IACH,CAAC,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"TimelineV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/TimelineV2/TimelineV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAE7E,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAqB9D,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,GACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,6BAAK,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,CAAC,EAAE;YAC9C,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAU;gBAC9B,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,GAAI;gBAC9B,6BACE,SAAS,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GACvD,CACH;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE1B,IAAI,CAAC,QAAQ,CACF,CACV,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CACe,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/lib/components/TimelineV2/style.module.css

@@ -5,14 +5,14 @@
 }
 
 .item {
-  display: flex
+  display: flex;
+  width: 100%
 }
 
 .circle {
-  position: relative;
   z-index: 10;
-  margin-top: 2.5rem;
-  margin-right: 2rem;
+  margin: auto;
+  margin-top: 3rem;
   height: 1rem;
   width: 1rem;
   border-radius: 9999px;
@@ -20,16 +20,14 @@
 }
 
 .line {
-  position: relative;
-  top: 2.75rem;
-  border-width: 2px;
-  border-style: solid;
-  border-color: var(--color-light-grey);
-  right: 42px
+  margin: auto;
+  height: 100%;
+  width: 0.25rem;
+  background-color: var(--color-light-grey)
 }
 
 .blank {
-  border-width: 2px;
+  border-right-width: 2px;
   border-color: var(--color-transparent);
   content: ""
 }
@@ -37,7 +35,7 @@
 .collapsible {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
-  width: 100%;
+  margin-left: 2rem;
   border-radius: 1rem;
   background-color: var(--color-white)
 }

package/dist/src/lib/components/TimelineV2/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA;AAAW;;AAIX;EAAA,kBAAkE;EAAlE,WAAkE;EAAlE,kBAAkE;EAAlE,kBAAkE;EAAlE,YAAkE;EAAlE,WAAkE;EAAlE,qBAAkE;EAAlE;AAAkE;;AAIlE;EAAA,kBAA8D;EAA9D,YAA8D;EAA9D,iBAA8D;EAA9D,mBAA8D;EAA9D,qCAA8D;EAC9D;AAD8D;;AAK9D;EAAA,iBAAkC;EAAlC,sCAAkC;EAClC;AADkC;;AAKlC;EAAA,kBAAuC;EAAvC,qBAAuC;EAAvC,WAAuC;EAAvC,mBAAuC;EAAvC;AAAuC","file":"style.module.css","sourcesContent":[".classList {\n  @apply w-full list-none pb-4;\n}\n\n.item {\n  @apply flex;\n}\n\n.circle {\n  @apply relative w-4 h-4 mt-10 rounded-full bg-light-grey mr-8 z-10;\n}\n\n.line {\n  @apply relative top-11 border-solid border-2 border-light-grey;\n  right: 42px;\n}\n\n.blank {\n  @apply border-2 border-transparent;\n  content: \"\";\n}\n\n.collapsible {\n  @apply w-full bg-white rounded-2xl my-2;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/TimelineV2/style.module.css"],"names":[],"mappings":"AACE;EAAA,WAA4B;EAA5B,qBAA4B;EAA5B;AAA4B;;AAI5B;EAAA,aAAkB;EAAlB;AAAkB;;AAIlB;EAAA,WAA2D;EAA3D,YAA2D;EAA3D,gBAA2D;EAA3D,YAA2D;EAA3D,WAA2D;EAA3D,qBAA2D;EAA3D;AAA2D;;AAI3D;EAAA,YAAsC;EAAtC,YAAsC;EAAtC,cAAsC;EAAtC;AAAsC;;AAItC;EAAA,uBAAoC;EAApC,sCAAoC;EACpC;AADoC;;AAKpC;EAAA,kBAAqC;EAArC,qBAAqC;EAArC,iBAAqC;EAArC,mBAAqC;EAArC;AAAqC","file":"style.module.css","sourcesContent":[".classList {\n  @apply w-full list-none pb-4;\n}\n\n.item {\n  @apply flex w-full;\n}\n\n.circle {\n  @apply m-auto w-4 h-4 mt-12 rounded-full bg-light-grey z-10;\n}\n\n.line {\n  @apply w-1 h-full bg-light-grey m-auto;\n}\n\n.blank {\n  @apply border-r-2 border-transparent;\n  content: \"\";\n}\n\n.collapsible {\n  @apply bg-white rounded-2xl my-2 ml-8;\n}"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "private": false,
   "keywords": [
     "react",