fix: styles and funding.yml file

Proskynete · Proskynete · commit 9e73e6cd7207 · 2022-09-02T01:16:38.000-04:00
diff --git a/.github/funding.yml b/.github/funding.yml
@@ -0,0 +1,2 @@
+github: Proskynete
+custom: https://donate.eduardoalvarez.dev
diff --git a/lib/cjs/components/content/index.js b/lib/cjs/components/content/index.js
@@ -36,7 +36,7 @@ var Content = function (_a) {
     var handleSetShow = function () {
         setShow(!show);
     };
-    return (react_1.default.createElement(main_1.ContentWrapper, null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(main_1.EventTitle, { collapse: isCollapsed, onClick: function () {
                 if (isCollapsed)
                     handleSetShow();
diff --git a/lib/cjs/styles/main.d.ts b/lib/cjs/styles/main.d.ts
@@ -13,7 +13,6 @@ interface TitleProps {
 }
 export declare const Title: import("styled-components").StyledComponent<"h2", any, TitleProps, never>;
 export declare const BodyInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface IconProps {
     readonly isShowing?: boolean;
 }
diff --git a/lib/cjs/styles/main.js b/lib/cjs/styles/main.js
diff --git a/lib/esm/components/content/index.js b/lib/esm/components/content/index.js
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useConfig } from '../../hooks/useConfig';
-import { ContentWrapper, Description, DescriptionWrapper, EventTitle, Icon, } from '../../styles/main';
+import { Description, DescriptionWrapper, EventTitle, Icon } from '../../styles/main';
 var Content = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, collapse = _a.collapse;
@@ -10,7 +10,7 @@ var Content = function (_a) {
     var handleSetShow = function () {
         setShow(!show);
     };
-    return (React.createElement(ContentWrapper, null,
+    return (React.createElement(React.Fragment, null,
         React.createElement(EventTitle, { collapse: isCollapsed, onClick: function () {
                 if (isCollapsed)
                     handleSetShow();
diff --git a/lib/esm/styles/main.d.ts b/lib/esm/styles/main.d.ts
@@ -13,7 +13,6 @@ interface TitleProps {
 }
 export declare const Title: import("styled-components").StyledComponent<"h2", any, TitleProps, never>;
 export declare const BodyInner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface IconProps {
     readonly isShowing?: boolean;
 }
diff --git a/lib/esm/styles/main.js b/lib/esm/styles/main.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "vertical-timeline-component-react",
-	"version": "4.1.0",
+	"version": "4.1.1",
 	"description": "A simple component for create a vertical timeline with React",
 	"main": "./lib/cjs/index.js",
 	"module": "./lib/esm/index.js",
diff --git a/src/components/content/index.tsx b/src/components/content/index.tsx
@@ -1,12 +1,6 @@
 import React, { useState } from 'react';
 import { useConfig } from '../../hooks/useConfig';
-import {
-	ContentWrapper,
-	Description,
-	DescriptionWrapper,
-	EventTitle,
-	Icon,
-} from '../../styles/main';
+import { Description, DescriptionWrapper, EventTitle, Icon } from '../../styles/main';
 
 interface ContentProps {
 	title: string;
@@ -24,7 +18,7 @@ const Content = ({ title, description, collapse }: ContentProps) => {
 	};
 
 	return (
-		<ContentWrapper>
+		<>
 			<EventTitle
 				collapse={isCollapsed}
 				onClick={() => {
@@ -45,7 +39,7 @@ const Content = ({ title, description, collapse }: ContentProps) => {
 					))}
 				</DescriptionWrapper>
 			)}
-		</ContentWrapper>
+		</>
 	);
 };
 
diff --git a/src/styles/main.ts b/src/styles/main.ts
@@ -132,12 +132,6 @@ export const BodyInner = styled.div`
 	}
 `;
 
-export const ContentWrapper = styled.div`
-	&:last-of-type {
-		margin-top: 5px;
-	}
-`;
-
 interface IconProps {
 	readonly isShowing?: boolean;
 }
diff --git a/tests/components/timeline/__snapshots__/index.test.tsx.snap b/tests/components/timeline/__snapshots__/index.test.tsx.snap
@@ -50,23 +50,19 @@ Object {
               <div
                 class="sc-iBkjds eUDZdj"
               >
+                <h3
+                  class="sc-papXJ khbMtd"
+                >
+                  I'm a event title
+                </h3>
                 <div
-                  class="sc-ftvSup bPbyVa"
+                  class="sc-jqUVSM fSgwrN"
                 >
-                  <h3
-                    class="sc-jqUVSM eskbeQ"
-                  >
-                    I'm a event title
-                  </h3>
-                  <div
-                    class="sc-kDDrLX bFQhiG"
+                  <p
+                    class="sc-kDDrLX efnvGd"
                   >
-                    <p
-                      class="sc-iqcoie cAExns"
-                    >
-                      I'm a description
-                    </p>
-                  </div>
+                    I'm a description
+                  </p>
                 </div>
               </div>
             </article>
@@ -121,23 +117,19 @@ Object {
             <div
               class="sc-iBkjds eUDZdj"
             >
+              <h3
+                class="sc-papXJ khbMtd"
+              >
+                I'm a event title
+              </h3>
               <div
-                class="sc-ftvSup bPbyVa"
+                class="sc-jqUVSM fSgwrN"
               >
-                <h3
-                  class="sc-jqUVSM eskbeQ"
+                <p
+                  class="sc-kDDrLX efnvGd"
                 >
-                  I'm a event title
-                </h3>
-                <div
-                  class="sc-kDDrLX bFQhiG"
-                >
-                  <p
-                    class="sc-iqcoie cAExns"
-                  >
-                    I'm a description
-                  </p>
-                </div>
+                  I'm a description
+                </p>
               </div>
             </div>
           </article>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+github: Proskynete`
	`2`	`+custom: https://donate.eduardoalvarez.dev`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,6 @@ interface TitleProps {`
`13`	`13`	`}`
`14`	`14`	`export declare const Title: import("styled-components").StyledComponent<"h2", any, TitleProps, never>;`
`15`	`15`	`export declare const BodyInner: import("styled-components").StyledComponent<"div", any, {}, never>;`
`16`		`-export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;`
`17`	`16`	`interface IconProps {`
`18`	`17`	`readonly isShowing?: boolean;`
`19`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vertical-timeline-component-react",`
`3`		`- "version": "4.1.0",`
	`3`	`+ "version": "4.1.1",`
`4`	`4`	`"description": "A simple component for create a vertical timeline with React",`
`5`	`5`	`"main": "./lib/cjs/index.js",`
`6`	`6`	`"module": "./lib/esm/index.js",`
Original file line number	Diff line number	Diff line change
@@ -132,12 +132,6 @@ export const BodyInner = styled.div`
`132`	`132`	`}`
`133`	`133`	`;
`134`	`134`
`135`		-export const ContentWrapper = styled.div`
`136`		`- &:last-of-type {`
`137`		`- margin-top: 5px;`
`138`		`- }`
`139`		-`;
`140`		`-`
`141`	`135`	`interface IconProps {`
`142`	`136`	`readonly isShowing?: boolean;`
`143`	`137`	`}`