Styling changes

the-curve-consulting · Feb 13, 2024 · 77481e5 · 77481e5
1 parent a05fa3e
commit 77481e5
Show file tree

Hide file tree

Showing 12 changed files with 44 additions and 14 deletions.
diff --git a/dist/components/list/components/ListRow.d.ts.map b/dist/components/list/components/ListRow.d.ts.map
diff --git a/dist/components/nav/components/NavItem.d.ts b/dist/components/nav/components/NavItem.d.ts
@@ -0,0 +1,9 @@
+import React from 'react';
+export interface NavItemProps {
+    route: string;
+    label: string;
+    icon: string;
+}
+declare const NavItem: ({ route, label, icon }: NavItemProps) => React.JSX.Element;
+export default NavItem;
+//# sourceMappingURL=NavItem.d.ts.map
diff --git a/dist/components/nav/components/NavItem.d.ts.map b/dist/components/nav/components/NavItem.d.ts.map
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
@@ -22862,7 +22862,7 @@ var Card = function (_a) {
 
 var Chip = function (_a) {
     var label = _a.label, color = _a.color, rest = __rest(_a, ["label", "color"]);
-    return (React.createElement("h5", null,
+    return (React.createElement("h5", { className: "mb-0" },
         React.createElement("span", __assign$1({ style: {
                 backgroundColor: color,
                 padding: '10px 15px',
@@ -22887,7 +22887,16 @@ var ListHead = function (_a) {
 
 var ListRow = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    return (React.createElement(Row$1, __assign$1({ className: "text-center mt-3" }, rest), children));
+    var childrenArray = React.Children.toArray(children);
+    return (React.createElement(Row$1, __assign$1({ className: "text-center mt-3" }, rest),
+        children,
+        childrenArray.map(function (child, index) {
+            var childElement = child;
+            return React.cloneElement(childElement, {
+                key: index,
+                borderStart: index !== 0,
+            });
+        })));
 };
 
 var ListCell = function (_a) {
@@ -22900,8 +22909,8 @@ var ListCell = function (_a) {
         case ListSection.NONE:
         default:
             return (React.createElement("div", __assign$1({ className: "h-100 d-flex align-items-center ".concat(className) }, rest),
-                React.createElement(Card$2, { className: "h-100 w-100" },
-                    React.createElement(Card$2.Body, { className: "d-flex justify-content-center align-items-center" },
+                React.createElement(Card$2, { className: "h-100 w-100 py-3" },
+                    React.createElement(Card$2.Body, { className: "d-flex justify-content-center py-0" },
                         React.createElement("div", { className: "w-100" }, children)))));
     }
 };

diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/dist/index.min.js b/dist/index.min.js
diff --git a/dist/index.min.js.map b/dist/index.min.js.map
diff --git a/src/components/chip/Chip.tsx b/src/components/chip/Chip.tsx
@@ -6,7 +6,7 @@ interface ChipProps extends React.HTMLProps<HTMLSpanElement> {
 }
 const Chip = ({ label, color, ...rest }: ChipProps) => {
   return (
-    <h5>
+    <h5 className="mb-0">
       <span
         style={{
           backgroundColor: color,

diff --git a/src/components/list/components/ListCell.tsx b/src/components/list/components/ListCell.tsx
@@ -22,8 +22,8 @@ const ListCell = ({ className, children, ...rest }: ListCellProps) => {
           className={`h-100 d-flex align-items-center ${className}`}
           {...rest}
         >
-          <Card className="h-100 w-100">
-            <Card.Body className="d-flex justify-content-center align-items-center">
+          <Card className="h-100 w-100 py-3">
+            <Card.Body className="d-flex justify-content-center py-0">
               <div className="w-100">{children}</div>
             </Card.Body>
           </Card>

diff --git a/src/components/list/components/ListRow.tsx b/src/components/list/components/ListRow.tsx
@@ -4,9 +4,20 @@ import { RowProps, Row } from 'react-bootstrap';
 export interface ListRowProps extends RowProps {}
 
 const ListRow = ({ children, ...rest }: ListRowProps) => {
+  const childrenArray = React.Children.toArray(children);
+
   return (
     <Row className="text-center mt-3" {...rest}>
       {children}
+
+      {childrenArray.map((child, index) => {
+        const childElement = child as React.ReactElement;
+
+        return React.cloneElement(childElement, {
+          key: index,
+          borderStart: index !== 0,
+        });
+      })}
     </Row>
   );
 };