@citygross/components_v2 0.0.20 → 0.0.22

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

@@ -0,0 +1,14 @@
+.Accordion_accordionContainer__1fnaf7h0 {
+  display: grid;
+  transition: grid-template-rows 0.3s ease-in-out;
+  overflow: hidden;
+}
+.Accordion_accordionContainer_open_true__1fnaf7h1 {
+  grid-template-rows: 1fr;
+}
+.Accordion_accordionContainer_open_false__1fnaf7h2 {
+  grid-template-rows: 0fr;
+}
+.Accordion_accordionContent__1fnaf7h3 {
+  overflow: hidden;
+}

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

@@ -0,0 +1,7 @@
+import './Accordion.css.ts.vanilla.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var accordionContainer = createRuntimeFn({ defaultClassName: "Accordion_accordionContainer__1fnaf7h0", variantClassNames: { open: { true: "Accordion_accordionContainer_open_true__1fnaf7h1", false: "Accordion_accordionContainer_open_false__1fnaf7h2" } }, defaultVariants: { open: false }, compoundVariants: [] });
+var accordionContent = "Accordion_accordionContent__1fnaf7h3";
+
+export { accordionContainer, accordionContent };

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+
+declare type TAccordion = {
+    children: React.ReactNode;
+    open: boolean;
+    className?: string;
+};
+declare const Accordion: ({ children, open, className }: TAccordion) => JSX.Element;
+
+export { Accordion, TAccordion };

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { accordionContainer, accordionContent } from './Accordion.css.vanilla.js';
+
+const Accordion = ({ children, open, className }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: `${accordionContainer({ open })} ${className}` }, /* @__PURE__ */ React.createElement("div", { className: accordionContent }, children));
+};
+
+export { Accordion };

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

@@ -1,6 +1,4 @@
 .Divider_divider__1ibthdh0 {
   width: 100%;
   height: 1px;
-  margin: 16px 0;
-  background: #E8E8E8;
 }

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

@@ -1,7 +1,8 @@
+import './../../cssUtils/color.css.ts.vanilla.css';
 import './../../cssUtils/spacings.css.ts.vanilla.css';
 import './Divider.css.ts.vanilla.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var divider = createRuntimeFn({ defaultClassName: "Divider_divider__1ibthdh0", variantClassNames: { marginVertical: { xxxs: "spacings_marginVertical_xxxs__e0awtzo", xxs: "spacings_marginVertical_xxs__e0awtzp", xxs2: "spacings_marginVertical_xxs2__e0awtzq", xs: "spacings_marginVertical_xs__e0awtzr", xs2: "spacings_marginVertical_xs2__e0awtzs", sm: "spacings_marginVertical_sm__e0awtzt", sm2: "spacings_marginVertical_sm2__e0awtzu", md: "spacings_marginVertical_md__e0awtzv", lg: "spacings_marginVertical_lg__e0awtzw", xl: "spacings_marginVertical_xl__e0awtzx", xxl: "spacings_marginVertical_xxl__e0awtzy", false: "spacings_marginVertical_false__e0awtzz" } }, defaultVariants: {}, compoundVariants: [] });
+var divider = createRuntimeFn({ defaultClassName: "Divider_divider__1ibthdh0", variantClassNames: { marginVertical: { xxxs: "spacings_marginVertical_xxxs__e0awtzo", xxs: "spacings_marginVertical_xxs__e0awtzp", xxs2: "spacings_marginVertical_xxs2__e0awtzq", xs: "spacings_marginVertical_xs__e0awtzr", xs2: "spacings_marginVertical_xs2__e0awtzs", sm: "spacings_marginVertical_sm__e0awtzt", sm2: "spacings_marginVertical_sm2__e0awtzu", md: "spacings_marginVertical_md__e0awtzv", lg: "spacings_marginVertical_lg__e0awtzw", xl: "spacings_marginVertical_xl__e0awtzx", xxl: "spacings_marginVertical_xxl__e0awtzy", false: "spacings_marginVertical_false__e0awtzz" }, backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21b", secondary: "color_backgroundColor_secondary__13rr0b21c", brandYellow: "color_backgroundColor_brandYellow__13rr0b21d", brandBlue: "color_backgroundColor_brandBlue__13rr0b21e", brandPurple: "color_backgroundColor_brandPurple__13rr0b21f", brandPrio: "color_backgroundColor_brandPrio__13rr0b21g", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21h", yellowLight: "color_backgroundColor_yellowLight__13rr0b21i", blueLight: "color_backgroundColor_blueLight__13rr0b21j", blueLighter: "color_backgroundColor_blueLighter__13rr0b21k", blueMedium: "color_backgroundColor_blueMedium__13rr0b21l", greenLight: "color_backgroundColor_greenLight__13rr0b21m", greenMedium: "color_backgroundColor_greenMedium__13rr0b21n", redLight: "color_backgroundColor_redLight__13rr0b21o", recipeVego: "color_backgroundColor_recipeVego__13rr0b21p", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21q", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21r", link: "color_backgroundColor_link__13rr0b21s", white: "color_backgroundColor_white__13rr0b21t", black: "color_backgroundColor_black__13rr0b21u", lightest: "color_backgroundColor_lightest__13rr0b21v", lighter: "color_backgroundColor_lighter__13rr0b21w", light: "color_backgroundColor_light__13rr0b21x", medium: "color_backgroundColor_medium__13rr0b21y", mediumDark: "color_backgroundColor_mediumDark__13rr0b21z", dark: "color_backgroundColor_dark__13rr0b220", darker: "color_backgroundColor_darker__13rr0b221", darkest: "color_backgroundColor_darkest__13rr0b222", buttonGray: "color_backgroundColor_buttonGray__13rr0b223", disabledGray: "color_backgroundColor_disabledGray__13rr0b224", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b225", placeholder: "color_backgroundColor_placeholder__13rr0b226", border: "color_backgroundColor_border__13rr0b227", boxShadow: "color_backgroundColor_boxShadow__13rr0b228", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b229", alertRed: "color_backgroundColor_alertRed__13rr0b22a", alertBlue: "color_backgroundColor_alertBlue__13rr0b22b", alertGreen: "color_backgroundColor_alertGreen__13rr0b22c", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22d", transparent: "color_backgroundColor_transparent__13rr0b22e", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22f", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22g", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22h", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22i", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22j", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22k", none: "color_backgroundColor_none__13rr0b22l" } }, defaultVariants: { backgroundColor: "lightest" }, compoundVariants: [] });
 
 export { divider };

package/dist/components/Divider/Divider.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { TSpacingKeys } from '@citygross/design-tokens_v2';
+import { TSpacingKeys, TPaletteKeys } from '@citygross/design-tokens_v2';
 
 declare type TDivider = {
     marginVertical?: TSpacingKeys;
+    color?: TPaletteKeys;
 };
 declare const Divider: React.FunctionComponent<TDivider>;
 

package/dist/components/Divider/Divider.js

@@ -2,9 +2,10 @@ import React from 'react';
 import { divider } from './Divider.css.vanilla.js';
 
 const Divider = ({
-  marginVertical
+  marginVertical,
+  color
 }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: divider({ marginVertical }) });
+  return /* @__PURE__ */ React.createElement("div", { className: divider({ marginVertical, backgroundColor: color }) });
 };
 
 export { Divider };

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

@@ -0,0 +1,79 @@
+.LinkButton_linkBase__1exysai0 {
+  outline: none;
+  border: none;
+  cursor: pointer;
+  font-weight: 500;
+  border-radius: 2px;
+}
+.LinkButton_linkBase__1exysai0:focus-visible:not(:hover) {
+  outline: none;
+  box-shadow: 0 0 0 2px #fff,0 0 0 4px #000,0 0 0 6px #fff;
+  transition: all 0.1s ease-in-out;
+}
+.LinkButton_linkBase__1exysai0:disabled {
+  cursor: default;
+}
+.LinkButton_linkVariant_primary__1exysai1 {
+  color: #0069AE;
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_primary__1exysai1:hover:not(:disabled) {
+  color: #005C99;
+}
+.LinkButton_linkVariant_primary__1exysai1:active:not(:disabled) {
+  color: #004D80;
+}
+.LinkButton_linkVariant_primary__1exysai1:disabled {
+  color: #92B9D3;
+}
+.LinkButton_linkVariant_secondary__1exysai2 {
+  color: #333333;
+}
+.LinkButton_linkVariant_secondary__1exysai2:hover:not(:disabled) {
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_secondary__1exysai2:active:not(:disabled) {
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_secondary__1exysai2:disabled {
+  color: #B8B8B8;
+}
+.LinkButton_linkVariant_tertiary__1exysai3 {
+  color: #333333;
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_tertiary__1exysai3:disabled {
+  color: #B8B8B8;
+}
+.LinkButton_linkVariant_primaryInverted__1exysai4 {
+  color: #FFFFFF;
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_primaryInverted__1exysai4:hover:not(:disabled) {
+  color: #FFFFFF;
+}
+.LinkButton_linkVariant_primaryInverted__1exysai4:active:not(:disabled) {
+  color: #B8B8B8;
+}
+.LinkButton_linkVariant_primaryInverted__1exysai4:disabled {
+  color: #5c5c5c;
+}
+.LinkButton_linkVariant_secondaryInverted__1exysai5 {
+  color: #FFFFFF;
+}
+.LinkButton_linkVariant_secondaryInverted__1exysai5:hover:not(:disabled) {
+  text-decoration: underline;
+}
+.LinkButton_linkVariant_secondaryInverted__1exysai5:active:not(:disabled) {
+  text-decoration: underline;
+  color: #B8B8B8;
+}
+.LinkButton_linkVariant_secondaryInverted__1exysai5:disabled {
+  color: #5c5c5c;
+}
+.LinkButton_linkStyle_size_small__1exysaic {
+  font-size: 13px;
+}
+.LinkButton_linkStyle_size_default__1exysaid {
+  font-size: 15px;
+}

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

@@ -0,0 +1,6 @@
+import './LinkButton.css.ts.vanilla.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var linkStyle = createRuntimeFn({ defaultClassName: "LinkButton__1exysai6 LinkButton_linkBase__1exysai0", variantClassNames: { linkVariant: { primary: "LinkButton_linkVariant_primary__1exysai1", secondary: "LinkButton_linkVariant_secondary__1exysai2", tertiary: "LinkButton_linkVariant_tertiary__1exysai3", primaryInverted: "LinkButton_linkVariant_primaryInverted__1exysai4", secondaryInverted: "LinkButton_linkVariant_secondaryInverted__1exysai5" }, size: { small: "LinkButton_linkStyle_size_small__1exysaic", "default": "LinkButton_linkStyle_size_default__1exysaid" } }, defaultVariants: { size: "default", linkVariant: "primary" }, compoundVariants: [] });
+
+export { linkStyle };

package/dist/components/LinkButton/LinkButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+declare type TLinkButton = {
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'primaryInverted' | 'secondaryInverted';
+    disabled?: boolean;
+    onClick?: () => void;
+};
+declare const LinkButton: ({ onClick, children, variant, disabled }: TLinkButton) => JSX.Element;
+
+export { LinkButton, TLinkButton };

package/dist/components/LinkButton/LinkButton.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { linkStyle } from './LinkButton.css.vanilla.js';
+
+const LinkButton = ({
+  onClick,
+  children,
+  variant,
+  disabled
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: linkStyle({ linkVariant: variant }),
+      disabled,
+      onClick: () => onClick && onClick()
+    },
+    "LinkButton"
+  );
+};
+
+export { LinkButton };

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

@@ -0,0 +1,69 @@
+.Modal_modalOverlay__mwif0x0 {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 8px;
+  z-index: 5;
+  background: rgba(0, 0, 0, 0.6);
+}
+.Modal_modalContainer__mwif0x1 {
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  padding: 24px;
+  max-height: 100vh;
+  max-width: 100%;
+  border-radius: 5px;
+}
+.Modal_modalContainer_maxWidth_confirm__mwif0x1d {
+  max-width: 480px;
+}
+.Modal_modalContainer_maxWidth_regular__mwif0x1e {
+  max-width: 615px;
+}
+.Modal_modalHeaderContainer__mwif0x1f {
+  padding-bottom: 24px;
+}
+.Modal_modalHeader__mwif0x1g {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 16px;
+  align-items: center;
+}
+.Modal_closeButtonWrapper__mwif0x1h {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 16px;
+}
+.Modal_childrenWrapper__mwif0x1i {
+  display: flex;
+  flex-direction: column;
+  min-height: 64px;
+  gap: 24px;
+}
+.Modal_footerWrapper__mwif0x1j {
+  display: flex;
+  gap: 8px;
+}
+@media (min-width: 8px) {
+  .Modal_modalOverlay__mwif0x0 {
+    padding: 32px;
+  }
+  .Modal_modalContainer__mwif0x1 {
+    padding: 32px;
+    width: 100%;
+    max-height: 90vh;
+  }
+}
+@media (min-width: 16px) {
+  .Modal_modalHeaderContainer__mwif0x1f {
+    padding-top: 8px;
+  }
+}

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

@@ -0,0 +1,13 @@
+import './../../cssUtils/color.css.ts.vanilla.css';
+import './Modal.css.ts.vanilla.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var childrenWrapper = "Modal_childrenWrapper__mwif0x1i";
+var closeButtonWrapper = "Modal_closeButtonWrapper__mwif0x1h";
+var footerWrapper = "Modal_footerWrapper__mwif0x1j";
+var modalContainer = createRuntimeFn({ defaultClassName: "Modal_modalContainer__mwif0x1", variantClassNames: { backgroundColor: { primary: "color_backgroundColor_primary__13rr0b21b", secondary: "color_backgroundColor_secondary__13rr0b21c", brandYellow: "color_backgroundColor_brandYellow__13rr0b21d", brandBlue: "color_backgroundColor_brandBlue__13rr0b21e", brandPurple: "color_backgroundColor_brandPurple__13rr0b21f", brandPrio: "color_backgroundColor_brandPrio__13rr0b21g", yellowLighter: "color_backgroundColor_yellowLighter__13rr0b21h", yellowLight: "color_backgroundColor_yellowLight__13rr0b21i", blueLight: "color_backgroundColor_blueLight__13rr0b21j", blueLighter: "color_backgroundColor_blueLighter__13rr0b21k", blueMedium: "color_backgroundColor_blueMedium__13rr0b21l", greenLight: "color_backgroundColor_greenLight__13rr0b21m", greenMedium: "color_backgroundColor_greenMedium__13rr0b21n", redLight: "color_backgroundColor_redLight__13rr0b21o", recipeVego: "color_backgroundColor_recipeVego__13rr0b21p", recipeLactose: "color_backgroundColor_recipeLactose__13rr0b21q", recipeGluten: "color_backgroundColor_recipeGluten__13rr0b21r", link: "color_backgroundColor_link__13rr0b21s", white: "color_backgroundColor_white__13rr0b21t", black: "color_backgroundColor_black__13rr0b21u", lightest: "color_backgroundColor_lightest__13rr0b21v", lighter: "color_backgroundColor_lighter__13rr0b21w", light: "color_backgroundColor_light__13rr0b21x", medium: "color_backgroundColor_medium__13rr0b21y", mediumDark: "color_backgroundColor_mediumDark__13rr0b21z", dark: "color_backgroundColor_dark__13rr0b220", darker: "color_backgroundColor_darker__13rr0b221", darkest: "color_backgroundColor_darkest__13rr0b222", buttonGray: "color_backgroundColor_buttonGray__13rr0b223", disabledGray: "color_backgroundColor_disabledGray__13rr0b224", disabledDarkGray: "color_backgroundColor_disabledDarkGray__13rr0b225", placeholder: "color_backgroundColor_placeholder__13rr0b226", border: "color_backgroundColor_border__13rr0b227", boxShadow: "color_backgroundColor_boxShadow__13rr0b228", boxShadowActive: "color_backgroundColor_boxShadowActive__13rr0b229", alertRed: "color_backgroundColor_alertRed__13rr0b22a", alertBlue: "color_backgroundColor_alertBlue__13rr0b22b", alertGreen: "color_backgroundColor_alertGreen__13rr0b22c", darkOverlay: "color_backgroundColor_darkOverlay__13rr0b22d", transparent: "color_backgroundColor_transparent__13rr0b22e", brandBlueHover: "color_backgroundColor_brandBlueHover__13rr0b22f", brandYellowHover: "color_backgroundColor_brandYellowHover__13rr0b22g", brandPrioHover: "color_backgroundColor_brandPrioHover__13rr0b22h", brandBlueActive: "color_backgroundColor_brandBlueActive__13rr0b22i", brandYellowActive: "color_backgroundColor_brandYellowActive__13rr0b22j", brandPrioActive: "color_backgroundColor_brandPrioActive__13rr0b22k", none: "color_backgroundColor_none__13rr0b22l" }, maxWidth: { confirm: "Modal_modalContainer_maxWidth_confirm__mwif0x1d", regular: "Modal_modalContainer_maxWidth_regular__mwif0x1e" } }, defaultVariants: {}, compoundVariants: [] });
+var modalHeader = "Modal_modalHeader__mwif0x1g";
+var modalHeaderContainer = "Modal_modalHeaderContainer__mwif0x1f";
+var modalOverlay = "Modal_modalOverlay__mwif0x0";
+
+export { childrenWrapper, closeButtonWrapper, footerWrapper, modalContainer, modalHeader, modalHeaderContainer, modalOverlay };

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { TPaletteKeys } from '@citygross/design-tokens_v2';
+
+declare type TModal = {
+    onBackdropClick?: () => void;
+    children?: React.ReactNode;
+    title?: string;
+    subTitle?: string;
+    hideCancel?: boolean;
+    querySelector?: string;
+    footer?: JSX.Element;
+    background?: TPaletteKeys;
+    isConfirm?: boolean;
+    className?: string;
+};
+declare const Modal: ({ onBackdropClick, children, title, subTitle, hideCancel, isConfirm, background, querySelector, footer, className }: TModal) => React.ReactPortal;
+
+export { Modal, TModal };

package/dist/components/Modal/Modal.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { Icons } from '@citygross/icons_v2';
+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 = ({
+  onBackdropClick,
+  children,
+  title,
+  subTitle,
+  hideCancel = true,
+  isConfirm,
+  background = "white",
+  querySelector = "#root",
+  footer,
+  className
+}) => {
+  const domSafe = typeof document !== "undefined";
+  return domSafe ? createPortal(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: modalOverlay,
+        onClick: () => onBackdropClick && onBackdropClick()
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${modalContainer({
+            backgroundColor: background,
+            maxWidth: isConfirm ? "confirm" : "regular"
+          })} ${className}`,
+          onClick: (e) => e.stopPropagation()
+        },
+        title && /* @__PURE__ */ React.createElement("div", { className: modalHeaderContainer }, /* @__PURE__ */ React.createElement("div", { className: modalHeader }, /* @__PURE__ */ React.createElement(H2, null, title), !hideCancel && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: closeButtonWrapper,
+            onClick: () => onBackdropClick && onBackdropClick()
+          },
+          /* @__PURE__ */ React.createElement(Icons.Cross, null)
+        )), /* @__PURE__ */ React.createElement(BodyText, null, subTitle)),
+        children && /* @__PURE__ */ React.createElement("div", { className: childrenWrapper }, children),
+        footer && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement("div", { className: footerWrapper }, footer))
+      )
+    ),
+    document.querySelector(querySelector) || document.body
+  ) : null;
+};
+
+export { Modal };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { AlertBox, TAlertBox } from './components/AlertBox/AlertBox.js';
+export { Accordion, TAccordion } from './components/Accordion/Accordion.js';
 export { Box, TBox } from './components/Box/Box.js';
 export { BoxArrow, TBoxArrow } from './components/BoxArrow/BoxArrow.js';
 export { Button, TCgButton } from './components/Button/Button.js';
@@ -9,7 +10,9 @@ export { Dot, TDot } from './components/Dot/Dot.js';
 export { FormControl, TFormControl, TScreenWidth } from './components/FormControl/FormControl.js';
 export { Header, THeader } from './components/Header/Header.js';
 export { Input, TInput } from './components/Input/Input.js';
+export { LinkButton, TLinkButton } from './components/LinkButton/LinkButton.js';
 export { EListItemAlignment, ListItem, TItem, TListItem } from './components/ListItem/ListItem.js';
+export { Modal, TModal } from './components/Modal/Modal.js';
 export { BorderPosition, borderStyle, orderTable, orderTd, orderTh, orderThead, orderTr } from './components/OrderTable/OrderTable.css.js';
 export { MobileOrderLine } from './components/OrderTableMobile/OrderTableMobile.js';
 export { Pagination, TPagination } from './components/Pagination/Pagination.js';

package/dist/index.js

@@ -1,4 +1,5 @@
 export { AlertBox } from './components/AlertBox/AlertBox.js';
+export { Accordion } from './components/Accordion/Accordion.js';
 export { Box } from './components/Box/Box.js';
 export { BoxArrow } from './components/BoxArrow/BoxArrow.js';
 export { Button } from './components/Button/Button.js';
@@ -9,7 +10,9 @@ export { Dot } from './components/Dot/Dot.js';
 export { FormControl, TScreenWidth } from './components/FormControl/FormControl.js';
 export { Header } from './components/Header/Header.js';
 export { Input } from './components/Input/Input.js';
+export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { EListItemAlignment, ListItem } from './components/ListItem/ListItem.js';
+export { Modal } from './components/Modal/Modal.js';
 export { BorderPosition, borderStyle, orderTable, orderTd, orderTh, orderThead, orderTr } from './components/OrderTable/OrderTable.css.vanilla.js';
 export { MobileOrderLine } from './components/OrderTableMobile/OrderTableMobile.js';
 export { Pagination } from './components/Pagination/Pagination.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "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.1",
+    "@citygross/icons_v2": "^0.0.2",
     "@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": "c7c5cb9581d61959f72a04a6117b54056f21e70d"
+  "gitHead": "b7e20c507101720f85d9c3e08f2575f9f5d25fc3"
 }