@citygross/components_v2 0.0.25 → 0.0.27

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/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.25",
+  "version": "0.0.27",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -66,7 +66,7 @@
   },
   "dependencies": {
     "@citygross/design-tokens_v2": "^0.0.4",
-    "@citygross/icons_v2": "^0.0.2",
+    "@citygross/icons_v2": "^0.0.3",
     "@citygross/react-use-bg-wizard": "^0.0.8",
     "@citygross/typography": "^0.0.89",
     "@citygross/utils": "^0.0.39",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "8d00959640bb7568f11ffd2e3543a7b8645a5d50"
+  "gitHead": "d8e083e018fb4c0a96f9d726a448f1999daa5117"
 }