@citygross/components_v2 0.2.0 → 0.2.2

package/dist/components/BoxArrow/BoxArrow.js

@@ -1,7 +1,7 @@
-import { Icons } from '@citygross/icons_v2';
 import React from 'react';
-import { boxArrowContainer } from './BoxArrow.css.vanilla.js';
 import { palette } from '@citygross/design-tokens_v2';
+import { Icons } from '@citygross/icons_v2';
+import { boxArrowContainer } from './BoxArrow.css.vanilla.js';
 
 const BoxArrow = ({
   arrowPlacement,

package/dist/components/CartItemSummary/CartItemSummary.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { Skeleton } from '../Skeleton/Skeleton.js';
 import { formatPrice } from '@citygross/utils';
+import { BodyText } from '../../typography/BodyText/BodyText.js';
 import { H3 } from '../../typography/H3/H3.js';
+import { Skeleton } from '../Skeleton/Skeleton.js';
 import { cartitemsummary, cancelledWrapper, amountText, itemInformationContainer } from './CartItemSummary.css.vanilla.js';
-import { BodyText } from '../../typography/BodyText/BodyText.js';
 
 const CartItemSummary = ({
   product,

package/dist/components/CartSummary/CartSummary.js

@@ -1,9 +1,9 @@
-import { formatPrice } from '@citygross/utils';
 import React from 'react';
-import { H3 } from '../../typography/H3/H3.js';
+import { formatPrice } from '@citygross/utils';
 import { BodyText } from '../../typography/BodyText/BodyText.js';
-import { cartPaymentContainer, cartSummaryTitle, cartSummaryHeader, cartLine, amountWrapper, cartSummaryFooter } from './CartSummary.css.vanilla.js';
+import { H3 } from '../../typography/H3/H3.js';
 import { Divider } from '../Divider/Divider.js';
+import { cartPaymentContainer, cartSummaryTitle, cartSummaryHeader, cartLine, amountWrapper, cartSummaryFooter } from './CartSummary.css.vanilla.js';
 
 const calculateSummaryLine = (items) => {
   const sumOfItems = items?.reduce(

package/dist/components/EmptyBox/EmptyBox.js

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

package/dist/components/FormControl/FormControl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { formControlWrapper, formControlElementWrapper } from './FormControl.css.vanilla.js';
 import { H3 } from '../../typography/H3/H3.js';
+import { formControlWrapper, formControlElementWrapper } from './FormControl.css.vanilla.js';
 
 var TScreenWidth = /* @__PURE__ */ ((TScreenWidth2) => {
   TScreenWidth2["1/2"] = "calc(50% - 12px)";

package/dist/components/Header/Header.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { Icons } from '@citygross/icons_v2';
 import { Button } from '../Button/Button.js';
 import { EButtonVariant } from '../Button/Button.types.js';
-import { Icons } from '@citygross/icons_v2';
 import { wrapper, headerWrapper, headerContainer, mobileLogo, desktopLogo, headerButtonContainer, menuIconContainer } from './Header.css.vanilla.js';
 
 const Header = ({

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
-import { TFontSizeKeys } from '@citygross/design-tokens_v2';
 import React, { InputHTMLAttributes } from 'react';
+import { TFontSizeKeys } from '@citygross/design-tokens_v2';
 
 declare type TInput = InputHTMLAttributes<HTMLInputElement> & {
     icon?: JSX.Element;

package/dist/components/Input/Input.js

@@ -1,5 +1,5 @@
-import { inputWrapper, input, iconWrapper } from './Input.css.vanilla.js';
 import React, { useState } from 'react';
+import { inputWrapper, input, iconWrapper } from './Input.css.vanilla.js';
 
 function Input({
   icon,

package/dist/components/ListItem/ListItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import FallbackIcon from './assets/fallback_grocery.js';
-import { listItemContainer, listLeft, listImageContainer, listImage, itemInformationContainer, listRight } from './ListItem.css.vanilla.js';
 import { BodyText } from '../../typography/BodyText/BodyText.js';
 import { Skeleton } from '../Skeleton/Skeleton.js';
+import FallbackIcon from './assets/fallback_grocery.js';
+import { listItemContainer, listLeft, listImageContainer, listImage, itemInformationContainer, listRight } from './ListItem.css.vanilla.js';
 
 var EListItemAlignment = /* @__PURE__ */ ((EListItemAlignment2) => {
   EListItemAlignment2["CENTER"] = "center";

package/dist/components/Modal/Modal.js

@@ -1,10 +1,10 @@
 import React, { forwardRef, Fragment } from 'react';
 import { createPortal } from 'react-dom';
 import { Icons } from '@citygross/icons_v2';
+import { BodyText } from '../../typography/BodyText/BodyText.js';
+import { H2 } from '../../typography/H2/H2.js';
 import { Spacer } from '../Spacer/Spacer.js';
 import { modalOverlay, modalContainer, modalHeaderContainer, modalHeader, closeButtonWrapper, childrenWrapper, footerWrapper } from './Modal.css.vanilla.js';
-import { H2 } from '../../typography/H2/H2.js';
-import { BodyText } from '../../typography/BodyText/BodyText.js';
 
 const Modal = forwardRef(
   ({

package/dist/components/OrderTableMobile/OrderTableMobile.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Skeleton from 'react-loading-skeleton';
-import { mobileOrderLine, mobileOrderLineLabel, mobileOrderLineValue } from './OrderTableMobile.css.vanilla.js';
 import { BodyText } from '../../typography/BodyText/BodyText.js';
+import { mobileOrderLine, mobileOrderLineLabel, mobileOrderLineValue } from './OrderTableMobile.css.vanilla.js';
 
 const MobileOrderLine = ({
   deliveryString,

package/dist/components/Pagination/Pagination.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Icons } from '@citygross/icons_v2';
 import { palette } from '@citygross/design-tokens_v2';
+import { Icons } from '@citygross/icons_v2';
 import { BodyText } from '../../typography/BodyText/BodyText.js';
 import { Button } from '../Button/Button.js';
 import { EButtonVariant } from '../Button/Button.types.js';

package/dist/components/TimeLine/TimeLine.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useDetectDevice } from '@citygross/utils';
+import { BodyText } from '../../typography/BodyText/BodyText.js';
+import { H3 } from '../../typography/H3/H3.js';
 import { Dot } from '../Dot/Dot.js';
 import { baseTimeLine, timeLineH3, baseTimeLineList, baseTimeLineItem } from './TimeLine.css.vanilla.js';
-import { H3 } from '../../typography/H3/H3.js';
-import { BodyText } from '../../typography/BodyText/BodyText.js';
 
 function Timeline({
   items,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -63,11 +63,11 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@citygross/design-tokens_v2": "^0.0.7",
-    "@citygross/icons_v2": "^0.0.6",
-    "@citygross/react-use-bg-wizard": "^0.0.13",
+    "@citygross/design-tokens_v2": "^0.0.8",
+    "@citygross/icons_v2": "^0.0.7",
+    "@citygross/react-use-bg-wizard": "^0.0.14",
     "@citygross/typography": "^0.0.89",
-    "@citygross/utils": "^0.0.45",
+    "@citygross/utils": "^0.0.47",
     "@vanilla-extract/css": "^1.14.1",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/recipes": "^0.5.1",
@@ -77,5 +77,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "ecd543856000c212abd467bd67c602cd72e819c7"
+  "gitHead": "d518d03e9a2303db91c7a32178307644657f20fe"
 }