@citygross/components_v2 0.0.26 → 0.0.28

package/dist/components/Button/Button.d.ts

@@ -13,7 +13,8 @@ declare type TCgButton = {
     buttonRef?: React.Ref<HTMLButtonElement>;
     round?: boolean;
     className?: string;
+    shouldPreventDefault?: boolean;
 };
-declare const Button: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef, round, className }: TCgButton) => JSX.Element;
+declare const Button: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef, round, className, shouldPreventDefault }: TCgButton) => JSX.Element;
 
 export { Button, TCgButton };

package/dist/components/Button/Button.js

@@ -14,7 +14,8 @@ const Button = ({
   fullWidth,
   buttonRef,
   round,
-  className
+  className,
+  shouldPreventDefault = true
 }) => {
   return /* @__PURE__ */ React.createElement(
     "button",
@@ -34,7 +35,7 @@ const Button = ({
         }
       },
       onClick: (e) => {
-        e.preventDefault();
+        shouldPreventDefault && e.preventDefault();
         onClick && onClick();
       }
     },

package/dist/components/EmptyBox/EmptyBox.css.ts.vanilla.css

@@ -0,0 +1,18 @@
+.EmptyBox_emptyBox__h1vfj10 {
+  background: #FFF7D1;
+  border-radius: 100%;
+  display: inline-block;
+  overflow: hidden;
+  padding: 16px;
+  height: 96px;
+  width: 96px;
+  place-content: center;
+  padding-top: 24px;
+  margin-bottom: 8px;
+}
+.EmptyBox_emptyBoxContainer__h1vfj11 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+}

package/dist/components/EmptyBox/EmptyBox.css.vanilla.js

@@ -0,0 +1,6 @@
+import './EmptyBox.css.ts.vanilla.css';
+
+var emptyBox = "EmptyBox_emptyBox__h1vfj10";
+var emptyBoxContainer = "EmptyBox_emptyBoxContainer__h1vfj11";
+
+export { emptyBox, emptyBoxContainer };

package/dist/components/EmptyBox/EmptyBox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+
+declare type TEmptyBox = {
+    title?: string;
+    description?: React.ReactNode;
+};
+declare const EmptyBox: ({ title, description }: TEmptyBox) => JSX.Element;
+
+export { EmptyBox, TEmptyBox };

package/dist/components/EmptyBox/EmptyBox.js

@@ -0,0 +1,10 @@
+import { Icons } from '@citygross/icons_v2';
+import React from 'react';
+import { emptyBoxContainer, emptyBox } from './EmptyBox.css.vanilla.js';
+import { H3 } from '../../typography/H3/H3.js';
+
+const EmptyBox = ({ title, description }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: emptyBoxContainer }, /* @__PURE__ */ React.createElement("div", { className: emptyBox }, /* @__PURE__ */ React.createElement(Icons.EmptyBag, null)), /* @__PURE__ */ React.createElement(H3, { fontWeight: "semiBold" }, title), description);
+};
+
+export { EmptyBox };

package/dist/components/TimeLine/TimeLine.js

@@ -24,7 +24,7 @@ function Timeline({
     "div",
     {
       className: baseTimeLineList({
-        borderStyle: length > 1 ? "none" : borderStyle,
+        borderStyle: items?.length > 1 ? "none" : borderStyle,
         borderColor
       })
     },

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { BoxArrow, TBoxArrow } from './components/BoxArrow/BoxArrow.js';
 export { Button, TCgButton } from './components/Button/Button.js';
 export { CartItemSummary, TCartItemSummary, TSummaryItem } from './components/CartItemSummary/CartItemSummary.js';
 export { CartSummary, TCartSummary } from './components/CartSummary/CartSummary.js';
+export { EmptyBox, TEmptyBox } from './components/EmptyBox/EmptyBox.js';
 export { Divider, TDivider } from './components/Divider/Divider.js';
 export { Dot, TDot } from './components/Dot/Dot.js';
 export { FormControl, TFormControl, TScreenWidth } from './components/FormControl/FormControl.js';

package/dist/index.js

@@ -5,6 +5,7 @@ export { BoxArrow } from './components/BoxArrow/BoxArrow.js';
 export { Button } from './components/Button/Button.js';
 export { CartItemSummary } from './components/CartItemSummary/CartItemSummary.js';
 export { CartSummary } from './components/CartSummary/CartSummary.js';
+export { EmptyBox } from './components/EmptyBox/EmptyBox.js';
 export { Divider } from './components/Divider/Divider.js';
 export { Dot } from './components/Dot/Dot.js';
 export { FormControl, TScreenWidth } from './components/FormControl/FormControl.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -65,7 +65,7 @@
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@citygross/design-tokens_v2": "^0.0.4",
+    "@citygross/design-tokens_v2": "^0.0.5",
     "@citygross/icons_v2": "^0.0.3",
     "@citygross/react-use-bg-wizard": "^0.0.8",
     "@citygross/typography": "^0.0.89",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "b816a660d3c0e07f9f4497f0400e77c6db9dd2a1"
+  "gitHead": "deac55bfa1245c23e721fcd930442d5a0a97bbba"
 }