@citygross/components_v2 0.0.47 → 0.0.49

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

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

package/dist/components/Button/Button.js

@@ -15,12 +15,14 @@ const Button = ({
   buttonRef,
   round,
   className,
-  shouldPreventDefault = true
+  shouldPreventDefault = true,
+  ariaLabel
 }) => {
   return /* @__PURE__ */ React.createElement(
     "button",
     {
       ref: buttonRef,
+      "aria-label": ariaLabel,
       className: `${button({
         buttonPadding: size,
         buttonRadius: round ? "round" : "default",

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

@@ -5,7 +5,8 @@ declare type TLinkButton = {
     variant?: 'primary' | 'secondary' | 'tertiary' | 'primaryInverted' | 'secondaryInverted';
     disabled?: boolean;
     onClick?: () => void;
+    ariaLabel?: string;
 };
-declare const LinkButton: ({ onClick, children, variant, disabled }: TLinkButton) => JSX.Element;
+declare const LinkButton: ({ onClick, children, variant, ariaLabel, disabled }: TLinkButton) => JSX.Element;
 
 export { LinkButton, TLinkButton };

package/dist/components/LinkButton/LinkButton.js

@@ -5,11 +5,13 @@ const LinkButton = ({
   onClick,
   children,
   variant,
+  ariaLabel,
   disabled
 }) => {
   return /* @__PURE__ */ React.createElement(
     "button",
     {
+      "aria-label": ariaLabel,
       className: linkStyle({ linkVariant: variant }),
       disabled,
       onClick: () => onClick && onClick()

package/dist/components/SideModal/SideModal.d.ts

@@ -1,8 +1,12 @@
 import React from 'react';
 import { TPaletteKeys } from '@citygross/design-tokens_v2';
 
+declare enum EAnimate {
+    In = "in",
+    Out = "out"
+}
 declare type TSideModal = {
-    animate?: 'in' | 'out';
+    animate?: EAnimate;
     backgroundColor?: TPaletteKeys;
     children?: React.ReactNode;
     onBackdropClick: () => void;
@@ -13,4 +17,4 @@ declare type TSideModal = {
 };
 declare const SideModal: ({ animate, backgroundColor, children, onBackdropClick, overlayBackground, querySelector, slideFrom, width }: TSideModal) => React.ReactPortal;
 
-export { SideModal, TSideModal };
+export { EAnimate, SideModal, TSideModal };

package/dist/components/SideModal/SideModal.js

@@ -2,6 +2,11 @@ import React, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import { sideModalOverLayer, sideModal } from './SideModal.css.vanilla.js';
 
+var EAnimate = /* @__PURE__ */ ((EAnimate2) => {
+  EAnimate2["In"] = "in";
+  EAnimate2["Out"] = "out";
+  return EAnimate2;
+})(EAnimate || {});
 const SideModal = ({
   animate,
   backgroundColor = "white",
@@ -35,7 +40,7 @@ const SideModal = ({
           className: sideModal({
             backgroundColor,
             slideVariants: slideFrom,
-            slideIn: slideFrom === "left" ? animate === "in" ? "leftIn" : "leftOut" : animate === "in" ? "rightIn" : "rightOut"
+            slideIn: slideFrom === "left" ? animate === "in" /* In */ ? "leftIn" : "leftOut" : animate === "in" /* In */ ? "rightIn" : "rightOut"
           }),
           style: { width }
         },
@@ -46,4 +51,4 @@ const SideModal = ({
   ) : null;
 };
 
-export { SideModal };
+export { EAnimate, SideModal };

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { BorderPosition, borderStyle, orderTable, orderTd, orderTh, orderThead,
 export { MobileOrderLine } from './components/OrderTableMobile/OrderTableMobile.js';
 export { Pagination, TPagination } from './components/Pagination/Pagination.js';
 export { RippleContainer, TRippleContainer } from './components/RippleContainer/RippleContainer.js';
-export { SideModal, TSideModal } from './components/SideModal/SideModal.js';
+export { EAnimate, SideModal, TSideModal } from './components/SideModal/SideModal.js';
 export { Skeleton, TSkeleton } from './components/Skeleton/Skeleton.js';
 export { Spacer, TSpacer } from './components/Spacer/Spacer.js';
 export { Spinner, TSpinner } from './components/Spinner/Spinner.js';

package/dist/index.js

@@ -18,7 +18,7 @@ export { BorderPosition, borderStyle, orderTable, orderTd, orderTh, orderThead,
 export { MobileOrderLine } from './components/OrderTableMobile/OrderTableMobile.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { RippleContainer } from './components/RippleContainer/RippleContainer.js';
-export { SideModal } from './components/SideModal/SideModal.js';
+export { EAnimate, SideModal } from './components/SideModal/SideModal.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Spacer } from './components/Spacer/Spacer.js';
 export { Spinner } from './components/Spinner/Spinner.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components_v2",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "license": "ISC",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -79,5 +79,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "33efba573b6bbe8f8a6b5d626b0a18d7e8f3bb22"
+  "gitHead": "e55c66b9803f54e9bbc21b5b898d6f28919397a5"
 }