@shopgate/engage 7.30.3 → 7.31.0-alpha.1

package/components/index.d.ts

@@ -0,0 +1,186 @@
+/**
+ * Holds the react components.
+ * @module index
+ */
+export { default as App } from '@shopgate/pwa-common/App';
+export { default as Backdrop } from '@shopgate/pwa-common/components/Backdrop';
+export { default as BaseButton } from '@shopgate/pwa-common/components/Button';
+export { default as BaseCheckbox } from '@shopgate/pwa-common/components/Checkbox';
+export { default as Consume } from '@shopgate/pwa-common/components/Consume';
+export { default as CountdownTimer } from '@shopgate/pwa-common/components/CountdownTimer';
+export { default as Drawer } from '@shopgate/pwa-common/components/Drawer';
+export { default as Dropdown } from '@shopgate/pwa-common/components/Dropdown';
+export { default as Ellipsis } from '@shopgate/pwa-common/components/Ellipsis';
+export { default as ErrorBoundary } from '@shopgate/pwa-common/components/ErrorBoundary';
+export { default as Grid } from '@shopgate/pwa-common/components/Grid';
+export { default as HtmlSanitizer } from '@shopgate/pwa-common/components/HtmlSanitizer';
+export { default as I18n } from '@shopgate/pwa-common/components/I18n';
+export { default as Icon, type IconProps } from '@shopgate/pwa-common/components/Icon';
+export { default as Image } from '@shopgate/pwa-common/components/Image';
+export { default as InfiniteContainer } from '@shopgate/pwa-common/components/InfiniteContainer';
+export { default as Input } from '@shopgate/pwa-common/components/Input';
+export { default as KeyboardConsumer } from '@shopgate/pwa-common/components/KeyboardConsumer';
+export { default as Link } from '@shopgate/pwa-common/components/Link';
+export { default as List } from '@shopgate/pwa-common/components/List';
+export { default as Loading } from '@shopgate/pwa-common/components/Loading';
+export { default as Modal } from '@shopgate/pwa-common/components/Modal';
+export { default as ModalContainer, MODAL_EVENTS } from '@shopgate/pwa-common/components/ModalContainer';
+export { default as Picker } from './Picker';
+export { default as Portal } from '@shopgate/pwa-common/components/Portal';
+export { default as RangeSlider } from './RangeSlider';
+export { default as Route } from '@shopgate/pwa-common/components/Route';
+export { default as ScannerContainer } from '@shopgate/pwa-common/components/ScannerContainer';
+export { default as BaseSelect } from '@shopgate/pwa-common/components/Select';
+export { default as SelectBox } from '@shopgate/pwa-common/components/SelectBox';
+export { default as Slider } from '@shopgate/pwa-common/components/Slider';
+export { default as SurroundPortals } from '@shopgate/pwa-common/components/SurroundPortals';
+export { default as Swiper } from '@shopgate/pwa-common/components/Swiper';
+export { default as Toaster } from '@shopgate/pwa-common/components/Toaster';
+export { default as Transition } from '@shopgate/pwa-common/components/Transition';
+export { default as Widgets } from '@shopgate/pwa-common/components/Widgets';
+export { default as AppBarIOS } from '@shopgate/pwa-ui-ios/AppBar';
+export { default as BaseDialogIOS } from '@shopgate/pwa-ui-ios/BaseDialog';
+export { default as Accordion } from '@shopgate/pwa-ui-material/Accordion';
+export { default as AppBarAndroid } from '@shopgate/pwa-ui-material/AppBar';
+export { default as BaseDialogAndroid } from '@shopgate/pwa-ui-material/BaseDialog';
+export { default as FloatingActionButton } from '@shopgate/pwa-ui-material/FloatingActionButton';
+export { default as NavDrawer } from '@shopgate/pwa-ui-material/NavDrawer';
+export { default as SnackBar } from '@shopgate/pwa-ui-material/SnackBar';
+export { default as AccordionContainer } from '@shopgate/pwa-ui-shared/AccordionContainer';
+export { default as ActionButton } from '@shopgate/pwa-ui-shared/ActionButton';
+export { default as AddToCartButton } from '@shopgate/pwa-ui-shared/AddToCartButton';
+export { default as Availability } from '@shopgate/pwa-ui-shared/Availability';
+export { default as Button } from '@shopgate/pwa-ui-shared/Button';
+export { default as ButtonLink } from '@shopgate/pwa-ui-shared/ButtonLink';
+export { default as Card } from '@shopgate/pwa-ui-shared/Card';
+export { default as CardList } from '@shopgate/pwa-ui-shared/CardList';
+export { default as CartTotalLine } from '@shopgate/pwa-ui-shared/CartTotalLine';
+export { default as Chip } from '@shopgate/pwa-ui-shared/Chip';
+export { default as ContextMenu } from '@shopgate/pwa-ui-shared/ContextMenu';
+export { default as Dialog } from '@shopgate/pwa-ui-shared/Dialog';
+export { default as DiscountBadge } from '@shopgate/pwa-ui-shared/DiscountBadge';
+export { default as FavoritesButton } from '@shopgate/pwa-ui-shared/FavoritesButton';
+export { default as Checkbox } from '@shopgate/pwa-ui-shared/Form/Checkbox';
+export { default as Password } from '@shopgate/pwa-ui-shared/Form/Password';
+export { default as RadioGroup } from '@shopgate/pwa-ui-shared/Form/RadioGroup';
+export { default as RadioGroupItem } from '@shopgate/pwa-ui-shared/Form/RadioGroup/components/Item';
+export { default as Select } from '@shopgate/pwa-ui-shared/Form/Select';
+export { default as TextField } from '@shopgate/pwa-ui-shared/Form/TextField';
+export { default as FormElement } from '@shopgate/pwa-ui-shared/FormElement';
+export { default as Glow } from '@shopgate/pwa-ui-shared/Glow';
+export { default as IndicatorCircle } from '@shopgate/pwa-ui-shared/IndicatorCircle';
+export { default as LoadingIndicator } from '@shopgate/pwa-ui-shared/LoadingIndicator';
+export { default as Manufacturer } from '@shopgate/pwa-ui-shared/Manufacturer';
+export { default as NoResults } from '@shopgate/pwa-ui-shared/NoResults';
+export { default as Placeholder } from '@shopgate/pwa-ui-shared/Placeholder';
+export { default as PlaceholderLabel } from '@shopgate/pwa-ui-shared/PlaceholderLabel';
+export { default as PlaceholderParagraph } from '@shopgate/pwa-ui-shared/PlaceholderParagraph';
+export { default as Price } from '@shopgate/pwa-ui-shared/Price';
+export { default as PriceInfo } from '@shopgate/pwa-ui-shared/PriceInfo';
+export { default as PriceStriked } from '@shopgate/pwa-ui-shared/PriceStriked';
+export { default as ProductProperties } from '@shopgate/pwa-ui-shared/ProductProperties';
+export { default as ProgressBar } from '@shopgate/pwa-ui-shared/ProgressBar';
+export { default as RadioButton } from '@shopgate/pwa-ui-shared/RadioButton';
+export { default as RatingNumber } from '@shopgate/pwa-ui-shared/RatingNumber';
+export { default as RatingStars } from '@shopgate/pwa-ui-shared/RatingStars';
+export { default as Ripple } from '@shopgate/pwa-ui-shared/Ripple';
+export { default as RippleButton } from '@shopgate/pwa-ui-shared/RippleButton';
+export { default as ScannerOverlay } from '@shopgate/pwa-ui-shared/ScannerOverlay';
+export { default as Sheet, SHEET_EVENTS } from '@shopgate/pwa-ui-shared/Sheet';
+export { default as TaxDisclaimer } from '@shopgate/pwa-ui-shared/TaxDisclaimer';
+export { default as ToggleIcon } from '@shopgate/pwa-ui-shared/ToggleIcon';
+export { default as CartIconIOS } from '@shopgate/pwa-ui-ios/icons/CartIcon';
+export { default as FilterIconIOS } from '@shopgate/pwa-ui-ios/icons/FilterIcon';
+export { default as HomeIconIOS } from '@shopgate/pwa-ui-ios/icons/HomeIcon';
+export { default as ShareIconIOS } from '@shopgate/pwa-ui-ios/icons/ShareIcon';
+export { default as ShareIconAndroid } from '@shopgate/pwa-ui-material/icons/ShareIcon';
+export { default as AccountBoxIcon } from '@shopgate/pwa-ui-shared/icons/AccountBoxIcon';
+export { default as AddMoreIcon } from '@shopgate/pwa-ui-shared/icons/AddMoreIcon';
+export { default as ArrowDropIcon } from '@shopgate/pwa-ui-shared/icons/ArrowDropIcon';
+export { default as ArrowIcon } from '@shopgate/pwa-ui-shared/icons/ArrowIcon';
+export { default as BarcodeScannerIcon } from '@shopgate/pwa-ui-shared/icons/BarcodeScannerIcon';
+export { default as BoxIcon } from '@shopgate/pwa-ui-shared/icons/BoxIcon';
+export { default as BrowseIcon } from '@shopgate/pwa-ui-shared/icons/BrowseIcon';
+export { default as BurgerIcon } from '@shopgate/pwa-ui-shared/icons/BurgerIcon';
+export { default as CartIcon } from '@shopgate/pwa-ui-shared/icons/CartIcon';
+export { default as CartPlusIcon } from '@shopgate/pwa-ui-shared/icons/CartPlusIcon';
+export { default as CartCouponIcon } from '@shopgate/pwa-ui-shared/icons/CartCouponIcon';
+export { default as CheckedIcon } from '@shopgate/pwa-ui-shared/icons/CheckedIcon';
+export { default as CheckIcon } from '@shopgate/pwa-ui-shared/icons/CheckIcon';
+export { default as ChevronIcon } from '@shopgate/pwa-ui-shared/icons/ChevronIcon';
+export { default as CreditCardIcon } from '@shopgate/pwa-ui-shared/icons/CreditCardIcon';
+export { default as CrossIcon } from '@shopgate/pwa-ui-shared/icons/CrossIcon';
+export { default as DescriptionIcon } from '@shopgate/pwa-ui-shared/icons/DescriptionIcon';
+export { default as FilterIcon } from '@shopgate/pwa-ui-shared/icons/FilterIcon';
+export { default as FlashEnabledIcon } from '@shopgate/pwa-ui-shared/icons/FlashEnabledIcon';
+export { default as FlashDisabledIcon } from '@shopgate/pwa-ui-shared/icons/FlashDisabledIcon';
+export { default as GridIcon } from '@shopgate/pwa-ui-shared/icons/GridIcon';
+export { default as HeartIcon } from '@shopgate/pwa-ui-shared/icons/HeartIcon';
+export { default as HeartOutlineIcon } from '@shopgate/pwa-ui-shared/icons/HeartOutlineIcon';
+export { default as HeartPlusIcon } from '@shopgate/pwa-ui-shared/icons/HeartPlusIcon';
+export { default as HeartPlusOutlineIcon } from '@shopgate/pwa-ui-shared/icons/HeartPlusOutlineIcon';
+export { default as HomeIcon } from '@shopgate/pwa-ui-shared/icons/HomeIcon';
+export { default as InfoIcon } from '@shopgate/pwa-ui-shared/icons/InfoIcon';
+export { default as InfoOutlineIcon } from '@shopgate/pwa-ui-shared/icons/InfoOutlineIcon';
+export { default as ListIcon } from '@shopgate/pwa-ui-shared/icons/ListIcon';
+export { default as LocatorIcon } from '@shopgate/pwa-ui-shared/icons/LocatorIcon';
+export { default as LocalShippingIcon } from '@shopgate/pwa-ui-shared/icons/LocalShippingIcon';
+export { default as LocationIcon } from '@shopgate/pwa-ui-shared/icons/LocationIcon';
+export { default as LockIcon } from '@shopgate/pwa-ui-shared/icons/LockIcon';
+export { default as LogoutIcon } from '@shopgate/pwa-ui-shared/icons/LogoutIcon';
+export { default as MagnifierIcon } from '@shopgate/pwa-ui-shared/icons/MagnifierIcon';
+export { default as MoreIcon } from '@shopgate/pwa-ui-shared/icons/MoreIcon';
+export { default as MoreVertIcon } from '@shopgate/pwa-ui-shared/icons/MoreVertIcon';
+export { default as PersonIcon } from '@shopgate/pwa-ui-shared/icons/PersonIcon';
+export { default as PhoneIcon } from '@shopgate/pwa-ui-shared/icons/PhoneIcon';
+export { default as PlaceholderIcon } from '@shopgate/pwa-ui-shared/icons/PlaceholderIcon';
+export { default as RadioCheckedIcon } from '@shopgate/pwa-ui-shared/icons/RadioCheckedIcon';
+export { default as RadioUncheckedIcon } from '@shopgate/pwa-ui-shared/icons/RadioUncheckedIcon';
+export { default as SecurityIcon } from '@shopgate/pwa-ui-shared/icons/SecurityIcon';
+export { default as ShoppingCartIcon } from '@shopgate/pwa-ui-shared/icons/ShoppingCartIcon';
+export { default as SortIcon } from '@shopgate/pwa-ui-shared/icons/SortIcon';
+export { default as StarHalfIcon } from '@shopgate/pwa-ui-shared/icons/StarHalfIcon';
+export { default as StarIcon } from '@shopgate/pwa-ui-shared/icons/StarIcon';
+export { default as StarOutlineIcon } from '@shopgate/pwa-ui-shared/icons/StarOutlineIcon';
+export { default as TickIcon } from '@shopgate/pwa-ui-shared/icons/TickIcon';
+export { default as TrashIcon } from '@shopgate/pwa-ui-shared/icons/TrashIcon';
+export { default as TrashOutlineIcon } from '@shopgate/pwa-ui-shared/icons/TrashOutlineIcon';
+export { default as UncheckedIcon } from '@shopgate/pwa-ui-shared/icons/UncheckedIcon';
+export { default as ViewListIcon } from '@shopgate/pwa-ui-shared/icons/ViewListIcon';
+export { default as VisibilityIcon } from '@shopgate/pwa-ui-shared/icons/VisibilityIcon';
+export { default as VisibilityOffIcon } from '@shopgate/pwa-ui-shared/icons/VisibilityOffIcon';
+export { default as TimeIcon } from '@shopgate/pwa-ui-shared/icons/TimeIcon';
+export { default as NotificationIcon } from '@shopgate/pwa-ui-shared/icons/NotificationIcon';
+export { MessageBar } from './MessageBar';
+export { default as NavigationHandler } from './NavigationHandler';
+export { default as TimeBoundary } from './TimeBoundary';
+export { default as IntersectionVisibility } from './IntersectionVisibility';
+export { default as VideoPlayer } from './VideoPlayer';
+export { default as SheetDrawer } from './SheetDrawer';
+export { default as SheetList } from './SheetList';
+export { default as NullComponent } from './NullComponent';
+export { default as View, ViewContext } from './View';
+export { default as QuantityInput } from './QuantityInput';
+export { default as QuantityLabel } from './QuantityLabel';
+export { default as ResponsiveContainer } from './ResponsiveContainer';
+export { default as BrandingColorBanner } from './BrandingColorBanner';
+export { default as ScrollHeader } from './ScrollHeader';
+export { default as Menu } from './Menu';
+export { default as Toggle } from './Toggle';
+export { Form } from './Form';
+export { FormBuilder } from './Form';
+export { Footer } from './Footer';
+export { SideNavigation } from './SideNavigation';
+export { default as TextLink } from './TextLink/TextLink';
+export { ConditionalWrapper } from './ConditionalWrapper';
+export { default as RadioGroupV2, useRadioGroup } from './RadioGroup';
+export { default as RadioV2 } from './Radio';
+export { default as RadioCard } from './RadioCard';
+export { default as ChipLayout } from './ChipLayout';
+export { default as Logo } from './Logo';
+export { default as PickerUtilize } from './PickerUtilize';
+export { default as Switch } from './Switch';
+export { default as SnackBarContainer } from './SnackBarContainer';
+export { default as ConnectedReactPortal } from './ConnectedReactPortal';
+export { Typography } from './Typography';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"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"}

package/components/v2/Button/Button.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import type { PaletteColorsWithMain } from '@shopgate/engage/styles';
+import type { ButtonBaseProps } from '../ButtonBase';
+/**
+ * The Button component is a versatile UI element that can be used to trigger actions or navigate users.
+ * It supports multiple variants, colors, and sizes, making it suitable for a wide range of use cases.
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonOwnProps & import("../ButtonBase").ButtonBaseOwnProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const useStyles: (params: ButtonOwnProps, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"text" | "label" | "small" | "root" | "icon" | "disabled" | "large" | "outlined" | "contained" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "loader" | "loadingPlaceholder" | "loadingIndicator", string>;
+    theme: import("@shopgate/engage/styles").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};
+export interface ButtonOwnProps {
+    /**
+     * The variant to use.
+     * @default 'contained'
+     */
+    variant?: 'contained' | 'outlined' | 'text';
+    /**
+     * The color of the component.
+     * @default 'inherit'
+     */
+    color?: PaletteColorsWithMain | 'inherit';
+    /**
+     * If `true`, no elevation is used for contained buttons.
+     * @default false
+     */
+    disableElevation?: boolean;
+    /**
+     * Element placed before the children.
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * Element placed after the children.
+     */
+    endIcon?: React.ReactNode;
+    /**
+     * Element placed before the children if the button is in loading state.
+     * By default, it renders a `CircularProgress`.
+     */
+    loadingIndicator?: React.ReactNode;
+    /**
+     * If `true`, the button will take up the full width of its container.
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * If `true`, the button will show a loading indicator and be disabled.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * The loading indicator can be positioned on the start, end, or the center of the button.
+     * @default 'center'
+     */
+    loadingPosition?: 'start' | 'end' | 'center';
+    /**
+     * The size of the component.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ReturnType<typeof useStyles>['classes']>;
+}
+export type ButtonProps = ButtonOwnProps & ButtonBaseProps;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/components/v2/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../components/v2/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD;;;GAGG;AACH,QAAA,MAAM,MAAM,uLAoFV,CAAC;AAEH,QAAA,MAAM,SAAS;;cAqBU,CAAC;;;;;;CA4NxB,CAAC;AAEH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,qBAAqB,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;CAC5D;AAED,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,eAAe,CAAC;AAE3D,eAAe,MAAM,CAAC"}

package/components/v2/Button/Button.js

@@ -0,0 +1,314 @@
+import React, { forwardRef } from 'react';
+import { makeStyles } from '@shopgate/engage/styles';
+import CircularProgress from "../CircularProgress";
+import ButtonBase from "../ButtonBase";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Button component is a versatile UI element that can be used to trigger actions or navigate users.
+ * It supports multiple variants, colors, and sizes, making it suitable for a wide range of use cases.
+ */
+const Button = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    variant = 'contained',
+    color = 'inherit',
+    startIcon: startIconProp,
+    endIcon: endIconProp,
+    loading = false,
+    loadingPosition = 'center',
+    loadingIndicator: loadingIndicatorProp,
+    size = 'medium',
+    disabled = false,
+    fullWidth = false,
+    disableElevation = false,
+    className,
+    children,
+    ...other
+  } = props;
+  const {
+    classes,
+    cx
+  } = useStyles({
+    color,
+    size,
+    variant,
+    loadingPosition,
+    loading,
+    fullWidth
+  }, {
+    props: {
+      classes: props.classes
+    }
+  });
+  const loadingIndicator = loadingIndicatorProp ?? /*#__PURE__*/_jsx(CircularProgress, {
+    color: "inherit",
+    size: 16
+  });
+  const startIcon = (startIconProp || loading && loadingPosition === 'start') && /*#__PURE__*/_jsx("span", {
+    className: cx(classes.icon, classes.startIcon),
+    children: startIconProp || /*#__PURE__*/_jsx("span", {
+      className: classes.loadingPlaceholder
+    })
+  });
+  const endIcon = (endIconProp || loading && loadingPosition === 'end') && /*#__PURE__*/_jsx("span", {
+    className: cx(classes.icon, classes.endIcon),
+    children: endIconProp || /*#__PURE__*/_jsx("span", {
+      className: classes.loadingPlaceholder
+    })
+  });
+  const loader = typeof loading === 'boolean' ? /*#__PURE__*/_jsx("span", {
+    style: {
+      display: 'contents'
+    },
+    className: cx(classes.loader, {
+      [classes.startIcon]: loadingPosition === 'start',
+      [classes.endIcon]: loadingPosition === 'end'
+    }),
+    children: loading && /*#__PURE__*/_jsx("span", {
+      className: classes.loadingIndicator,
+      children: loadingIndicator
+    })
+  }) : null;
+  return /*#__PURE__*/_jsx(ButtonBase, {
+    ref: ref,
+    className: cx(classes.root, className, {
+      [classes.text]: variant === 'text',
+      [classes.outlined]: variant === 'outlined',
+      [classes.contained]: variant === 'contained',
+      [classes.small]: size === 'small',
+      [classes.large]: size === 'large',
+      [classes.disabled]: disabled || loading,
+      [classes.fullWidth]: fullWidth,
+      [classes.disableElevation]: disableElevation
+    }),
+    disabled: disabled || loading,
+    ...other,
+    children: /*#__PURE__*/_jsxs("span", {
+      className: classes.label,
+      children: [startIcon, loadingPosition !== 'end' && loader, children, loadingPosition === 'end' && loader, endIcon]
+    })
+  });
+});
+const useStyles = makeStyles({
+  name: 'Button'
+})((theme, props) => {
+  const {
+    color,
+    size,
+    loadingPosition,
+    loading,
+    fullWidth,
+    variant
+  } = props;
+  let cssColor = '';
+  let contrastText = '';
+  if (color !== 'inherit') {
+    cssColor = color && theme.palette?.[color]?.main ? theme.palette[color].main : theme.palette.primary.main;
+    contrastText = color && theme.palette?.[color]?.contrastText ? theme.palette[color].contrastText : theme.palette.primary.contrastText;
+  } else if (variant === 'contained') {
+    // eslint-disable-next-line prefer-destructuring
+    cssColor = theme.palette.grey[200];
+    contrastText = 'inherit';
+  } else {
+    cssColor = 'currentColor';
+  }
+  return {
+    root: {
+      '--button-color': `var(${theme.vars.components.button.color}, ${cssColor})`,
+      '--text-color': `var(${theme.vars.components.button.textColor}, ${contrastText})`,
+      '--border-radius': `var(${theme.vars.components.button.borderRadius}, ${theme.shape.borderRadius})`,
+      '--font-size': theme.typography.button.fontSize,
+      '--variant-textColor': 'var(--button-color)',
+      '--variant-textDisabledColor': theme.palette.action.disabled,
+      '--variant-outlinedColor': 'var(--button-color)',
+      '--variant-outlinedBorder': 'var(--button-color)',
+      '--variant-outlinedDisabledColor': theme.palette.action.disabled,
+      '--variant-outlinedDisabledBorder': theme.palette.action.disabled,
+      '--variant-containedColor': 'var(--text-color)',
+      '--variant-containedBg': 'var(--button-color)',
+      '--variant-containedDisabledColor': theme.palette.action.disabled,
+      '--variant-containedDisabledBg': theme.palette.action.disabledBackground,
+      '--icon-size': theme.vars.typography.button.fontSize,
+      ...theme.typography.button,
+      fontSize: 'var(--font-size)',
+      boxSizing: 'border-box',
+      minWidth: 64,
+      padding: '6px 16px',
+      transition: theme.transitions.create(['background-color', 'box-shadow', 'border'], {
+        duration: theme.transitions.duration.short
+      }),
+      borderRadius: 'var(--border-radius)',
+      '&:hover': {
+        '--variant-textBg': theme.alpha(cssColor, 0.1),
+        '--variant-outlinedBg': theme.alpha(cssColor, 0.1),
+        textDecoration: 'none',
+        '&:disabled': {
+          backgroundColor: 'transparent'
+        },
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
+      },
+      ...(loading && loadingPosition === 'center' && {})
+    },
+    small: {
+      '--font-size': `calc(${theme.typography.button.fontSize} * 0.875)`,
+      padding: '4px 10px'
+    },
+    large: {
+      '--font-size': `calc(${theme.typography.button.fontSize} * 1.125)`,
+      padding: '8px 22px'
+    },
+    disabled: {},
+    text: {
+      color: 'var(--variant-textColor)',
+      background: 'var(--variant-textBg)',
+      '&:disabled': {
+        color: 'var(--variant-textDisabledColor)'
+      }
+    },
+    outlined: {
+      color: 'var(--variant-outlinedColor)',
+      border: '1px solid var(--variant-outlinedBorder)',
+      background: 'var(--variant-outlinedBg)',
+      '&:disabled': {
+        border: '1px solid var(--variant-outlinedDisabledBorder)',
+        color: 'var(--variant-outlinedDisabledColor)'
+      }
+    },
+    contained: {
+      color: 'var(--variant-containedColor)',
+      background: 'var(--variant-containedBg)',
+      boxShadow: theme.shadows[2],
+      '&:hover': {
+        background: theme.darken('var(--variant-containedBg)'),
+        boxShadow: theme.shadows[4],
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          background: 'var(--variant-containedBg)',
+          boxShadow: theme.shadows[2]
+        }
+      },
+      '&:active': {
+        boxShadow: theme.shadows[6]
+      },
+      '&:disabled': {
+        color: 'var(--variant-containedDisabledColor)',
+        backgroundColor: 'var(--variant-containedDisabledBg)',
+        boxShadow: theme.shadows[0]
+      }
+    },
+    disableElevation: {
+      boxShadow: 'none',
+      '&:hover': {
+        boxShadow: 'none'
+      },
+      '&:active': {
+        boxShadow: 'none'
+      },
+      '&$disabled': {
+        boxShadow: 'none'
+      }
+    },
+    label: {
+      width: '100%',
+      display: 'inherit',
+      alignItems: 'inherit',
+      justifyContent: 'inherit',
+      ...(loading && loadingPosition === 'center' && {
+        transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
+          duration: theme.transitions.duration.short
+        }),
+        color: 'transparent'
+      })
+    },
+    fullWidth: {
+      width: '100%'
+    },
+    icon: {
+      fontSize: 'calc(var(--font-size) * 1.4)'
+    },
+    startIcon: {
+      flexShrink: 0,
+      display: 'inherit',
+      marginRight: 8,
+      marginLeft: -4,
+      ...(size === 'small' && {
+        marginLeft: -2
+      }),
+      ...(loading && loadingPosition === 'start' && {
+        transition: theme.transitions.create('opacity', {
+          duration: theme.transitions.duration.short
+        }),
+        opacity: 0
+      }),
+      ...(loading && loadingPosition === 'start' && fullWidth && {
+        marginRight: -8
+      })
+    },
+    endIcon: {
+      flexShrink: 0,
+      display: 'inherit',
+      marginRight: -4,
+      marginLeft: 8,
+      ...(size === 'small' && {
+        marginRight: -2
+      }),
+      ...(loading && loadingPosition === 'end' && {
+        transition: theme.transitions.create('opacity', {
+          duration: theme.transitions.duration.short
+        }),
+        opacity: 0
+      }),
+      ...(loading && loadingPosition === 'end' && fullWidth && {
+        marginLeft: -8
+      })
+    },
+    loader: {
+      position: 'absolute',
+      left: 0
+    },
+    loadingPlaceholder: {
+      display: 'inline-block',
+      width: '1em',
+      height: '1em'
+    },
+    loadingIndicator: {
+      display: 'none',
+      position: 'absolute',
+      visibility: 'visible',
+      ...(loading && {
+        display: 'flex'
+      }),
+      ...(loadingPosition === 'start' && {
+        left: 14
+      }),
+      ...(loadingPosition === 'start' && size === 'small' && {
+        left: 10
+      }),
+      ...(loadingPosition === 'center' && {
+        left: '50%',
+        transform: 'translateX(-50%)',
+        color: theme.palette.action.disabled
+      }),
+      ...(loadingPosition === 'end' && {
+        right: 14
+      }),
+      ...(loadingPosition === 'end' && size === 'small' && {
+        right: 10
+      }),
+      ...(loadingPosition === 'end' && size === 'large' && {
+        right: 20
+      }),
+      ...(loadingPosition === 'start' && fullWidth && {
+        position: 'relative',
+        left: -10
+      }),
+      ...(loadingPosition === 'end' && fullWidth && {
+        position: 'relative',
+        right: -10
+      })
+    }
+  };
+});
+export default Button;

package/components/v2/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Button';
+export type { ButtonOwnProps, ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/components/v2/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/v2/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/components/v2/Button/index.js

@@ -0,0 +1 @@
+export { default } from "./Button";

package/components/v2/ButtonBase/ButtonBase.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+/**
+ * The ButtonBase component serves as a foundational button element that can be extended with
+ * additional styles and functionality. It handles basic button behavior, including disabled
+ * state and type validation.
+ */
+declare const ButtonBase: React.ForwardRefExoticComponent<ButtonBaseOwnProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const useStyles: (params: void, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"root", string>;
+    theme: import("@shopgate/engage/styles").Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};
+export interface ButtonBaseOwnProps {
+    /**
+     * If true, the button will be disabled and not respond to user interactions.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the ripple effect will be disabled on button interactions.
+     * @default false
+     */
+    disableRipple?: boolean;
+    /**
+     * Custom class name for the button.
+     */
+    className?: string;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ReturnType<typeof useStyles>['classes']>;
+    children: React.ReactNode;
+}
+export type ButtonBaseProps = ButtonBaseOwnProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export default ButtonBase;
+//# sourceMappingURL=ButtonBase.d.ts.map

package/components/v2/ButtonBase/ButtonBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../components/v2/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C;;;;GAIG;AACH,QAAA,MAAM,UAAU,8IAsEd,CAAC;AAEH,QAAA,MAAM,SAAS;;cAyCP,CAAC;;;;;;CAVP,CAAC;AAEH,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEjG,eAAe,UAAU,CAAC"}