@citygross/components 0.8.128 → 0.8.130

package/build/@types/components/CgButton/CgButton.d.ts

@@ -1,12 +1,2 @@
 import React from 'react';
-import { EButtonVariant, EButtonSize } from './CgButton.types';
-export declare const CgButton: React.ForwardRefExoticComponent<{
-    boxShadow?: boolean | undefined;
-    children?: React.ReactNode;
-    circle?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    loading?: boolean | undefined;
-    rounded?: boolean | undefined;
-    size?: EButtonSize | undefined;
-    variant?: EButtonVariant | undefined;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+export declare const CgButton: React.ForwardRefExoticComponent<import("./CgButton.types").TCgButtonRoot & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/build/@types/components/CgButton/CgButton.styles.d.ts

@@ -1,22 +1,4 @@
-/// <reference types="react" />
-import { EButtonSize } from './CgButton.types';
-export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Omit<{
-    boxShadow?: boolean | undefined;
-    children?: import("react").ReactNode;
-    circle?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    loading?: boolean | undefined;
-    rounded?: boolean | undefined;
-    size?: EButtonSize | undefined;
-    variant?: import("./CgButton.types").EButtonVariant | undefined;
-}, "children" | "loading" | "variant"> & import("./CgButton.types").TButtonSizeAttributes & import("./CgButton.types").TButtonVariantAttributes, never>;
-export declare const LinkAsButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<{
-    boxShadow?: boolean | undefined;
-    children?: import("react").ReactNode;
-    circle?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    loading?: boolean | undefined;
-    rounded?: boolean | undefined;
-    size?: EButtonSize | undefined;
-    variant?: import("./CgButton.types").EButtonVariant | undefined;
-}, "children" | "loading" | "variant"> & import("./CgButton.types").TButtonSizeAttributes & import("./CgButton.types").TButtonVariantAttributes, never>;
+import { Link } from 'react-router-dom';
+export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Omit<import("./CgButton.types").TCgButtonRoot, "children" | "loading" | "variant"> & import("./CgButton.types").TButtonSizeAttributes & import("./CgButton.types").TButtonVariantAttributes, never>;
+export declare const LinkAsButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<import("./CgButton.types").TCgButtonRoot, "children" | "loading" | "variant"> & import("./CgButton.types").TButtonSizeAttributes & import("./CgButton.types").TButtonVariantAttributes, never>;
+export declare const CgReactRouterLinkAsButton: import("styled-components").StyledComponent<typeof Link, import("styled-components").DefaultTheme, Omit<import("./CgButton.types").TCgButtonRoot, "children" | "loading" | "variant"> & import("./CgButton.types").TButtonSizeAttributes & import("./CgButton.types").TButtonVariantAttributes, never>;

package/build/@types/components/CgButton/CgButton.types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { LinkProps } from 'react-router-dom';
 export declare enum EButtonSize {
     small = "small",
     medium = "medium",
@@ -11,7 +12,7 @@ export declare enum EButtonVariant {
     prio = "prio",
     ghost = "ghost"
 }
-declare type TCgButtonRoot = {
+export declare type TCgButtonRoot = {
     boxShadow?: boolean;
     children?: React.ReactNode;
     circle?: boolean;
@@ -22,7 +23,7 @@ declare type TCgButtonRoot = {
     variant?: EButtonVariant;
 };
 export declare type TCgButton = TCgButtonRoot & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export declare type TCgLinkAsButton = TCgButtonRoot & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare type TCgReactRouterLinkAsButton = TCgButtonRoot & LinkProps;
 export declare type TCgButtonStyle = Omit<TCgButtonRoot, 'children' | 'loading' | 'variant'> & TButtonSizeAttributes & TButtonVariantAttributes;
 export declare type TButtonSizeAttributes = {
     fontSize?: number;
@@ -39,4 +40,3 @@ export declare type TButtonVariantAttributes = {
     border?: boolean;
     fontColor?: string;
 };
-export {};

package/build/@types/components/CgButton/ReactRouterLinkAsButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TCgReactRouterLinkAsButton } from './CgButton.types';
+export declare const CgReactRouterLinkAsButton: ({ children, size, variant, ...props }: TCgReactRouterLinkAsButton) => JSX.Element;

package/build/@types/index.d.ts

@@ -12,7 +12,7 @@ export * from './components/CartItemSummary/CartItemSummary';
 export * from './components/CartSubTotal/CartSubTotal';
 export * from './components/CartSummary/CartSummary';
 export * from './components/CgButton/CgButton';
-export * from './components/CgButton/CgLinkAsButton';
+export * from './components/CgButton/ReactRouterLinkAsButton';
 export * from './components/CgButton/CgButton.types';
 export * from './components/Chips/Chip';
 export * from './components/Collapsable/Collapsable';

package/build/cjs/components/src/components/CgButton/CgButton.styles.js

@@ -7,6 +7,7 @@ var styled = require('styled-components');
 var global_styles = require('../../shared/global.styles.js');
 var CgButton_types = require('./CgButton.types.js');
 var designTokens = require('@citygross/design-tokens');
+var reactRouterDom = require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,9 +63,10 @@ var Button = styled__default["default"].button(templateObject_2 || (templateObje
     var backgroundDisabled = _a.backgroundDisabled;
     return backgroundDisabled;
 }, (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
-var LinkAsButton = styled__default["default"].a(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", "\n\n  text-decoration: none;\n"], ["\n  ", "\n\n  text-decoration: none;\n"])), sharedButtonStyles);
-var templateObject_1, templateObject_2, templateObject_3;
+styled__default["default"].a(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", "\n  text-decoration: none;\n"], ["\n  ", "\n  text-decoration: none;\n"])), sharedButtonStyles);
+var CgReactRouterLinkAsButton = styled__default["default"](reactRouterDom.Link)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  ", "\n  text-decoration: none;\n"], ["\n  ", "\n  text-decoration: none;\n"])), sharedButtonStyles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 exports.Button = Button;
-exports.LinkAsButton = LinkAsButton;
+exports.CgReactRouterLinkAsButton = CgReactRouterLinkAsButton;
 //# sourceMappingURL=CgButton.styles.js.map

package/build/cjs/components/src/components/CgButton/CgButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/CgButton/{CgLinkAsButton.js → ReactRouterLinkAsButton.js}

@@ -12,11 +12,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var CgLinkAsButton = function (_a) {
+var CgReactRouterLinkAsButton = function (_a) {
     var children = _a.children, _b = _a.size, size = _b === void 0 ? CgButton_types.EButtonSize.medium : _b, _c = _a.variant, variant = _c === void 0 ? CgButton_types.EButtonVariant.primary : _c, props = _tslib.__rest(_a, ["children", "size", "variant"]);
     var _d = button.getButtonAttributes(size, variant), sizeAttributes = _d.sizeAttributes, variantAttributes = _d.variantAttributes;
-    return (React__default["default"].createElement(CgButton_styles.LinkAsButton, _tslib.__assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
+    return (React__default["default"].createElement(CgButton_styles.CgReactRouterLinkAsButton, _tslib.__assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
 };
 
-exports.CgLinkAsButton = CgLinkAsButton;
-//# sourceMappingURL=CgLinkAsButton.js.map
+exports.CgReactRouterLinkAsButton = CgReactRouterLinkAsButton;
+//# sourceMappingURL=ReactRouterLinkAsButton.js.map

package/build/cjs/components/src/components/CgButton/ReactRouterLinkAsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactRouterLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/index.js

@@ -19,7 +19,7 @@ var CartItemSummary = require('./components/CartItemSummary/CartItemSummary.js')
 var CartSubTotal = require('./components/CartSubTotal/CartSubTotal.js');
 var CartSummary = require('./components/CartSummary/CartSummary.js');
 var CgButton = require('./components/CgButton/CgButton.js');
-var CgLinkAsButton = require('./components/CgButton/CgLinkAsButton.js');
+var ReactRouterLinkAsButton = require('./components/CgButton/ReactRouterLinkAsButton.js');
 var CgButton_types = require('./components/CgButton/CgButton.types.js');
 var Chip = require('./components/Chips/Chip.js');
 var Collapsable = require('./components/Collapsable/Collapsable.js');
@@ -129,7 +129,7 @@ Object.defineProperty(exports, 'ECartSubTotalTypes', {
 });
 exports.CartSummary = CartSummary.CartSummary;
 exports.CgButton = CgButton.CgButton;
-exports.CgLinkAsButton = CgLinkAsButton.CgLinkAsButton;
+exports.CgReactRouterLinkAsButton = ReactRouterLinkAsButton.CgReactRouterLinkAsButton;
 Object.defineProperty(exports, 'EButtonSize', {
 	enumerable: true,
 	get: function () { return CgButton_types.EButtonSize; }

package/build/es/components/src/components/CgButton/CgButton.styles.js

@@ -3,6 +3,7 @@ import styled, { css } from 'styled-components';
 import { focusVisible } from '../../shared/global.styles.js';
 import { EButtonSize } from './CgButton.types.js';
 import { theme } from '@citygross/design-tokens';
+import { Link } from 'react-router-dom';
 
 var _a, _b, _c, _d, _e;
 var sharedButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n  font-family: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  height: ", ";\n  width: ", ";\n  padding: ", ";\n  transition: background-color 0.3s ease;\n  white-space: nowrap;\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n"], ["\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: ", "px;\n  font-family: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  height: ", ";\n  width: ", ";\n  padding: ", ";\n  transition: background-color 0.3s ease;\n  white-space: nowrap;\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n"])), function (_a) {
@@ -54,8 +55,9 @@ var Button = styled.button(templateObject_2 || (templateObject_2 = __makeTemplat
     var backgroundDisabled = _a.backgroundDisabled;
     return backgroundDisabled;
 }, (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
-var LinkAsButton = styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n\n  text-decoration: none;\n"], ["\n  ", "\n\n  text-decoration: none;\n"])), sharedButtonStyles);
-var templateObject_1, templateObject_2, templateObject_3;
+styled.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n"], ["\n  ", "\n  text-decoration: none;\n"])), sharedButtonStyles);
+var CgReactRouterLinkAsButton = styled(Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  text-decoration: none;\n"], ["\n  ", "\n  text-decoration: none;\n"])), sharedButtonStyles);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { Button, LinkAsButton };
+export { Button, CgReactRouterLinkAsButton };
 //# sourceMappingURL=CgButton.styles.js.map

package/build/es/components/src/components/CgButton/CgButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/CgButton/ReactRouterLinkAsButton.js

@@ -0,0 +1,14 @@
+import { __rest, __assign } from '../../../../_virtual/_tslib.js';
+import React from 'react';
+import { getButtonAttributes } from '../../helpers/button.js';
+import { EButtonSize, EButtonVariant } from './CgButton.types.js';
+import { CgReactRouterLinkAsButton as CgReactRouterLinkAsButton$1 } from './CgButton.styles.js';
+
+var CgReactRouterLinkAsButton = function (_a) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? EButtonSize.medium : _b, _c = _a.variant, variant = _c === void 0 ? EButtonVariant.primary : _c, props = __rest(_a, ["children", "size", "variant"]);
+    var _d = getButtonAttributes(size, variant), sizeAttributes = _d.sizeAttributes, variantAttributes = _d.variantAttributes;
+    return (React.createElement(CgReactRouterLinkAsButton$1, __assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
+};
+
+export { CgReactRouterLinkAsButton };
+//# sourceMappingURL=ReactRouterLinkAsButton.js.map

package/build/es/components/src/components/CgButton/ReactRouterLinkAsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactRouterLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/build/es/components/src/index.js

@@ -15,7 +15,7 @@ export { CartItemSummary } from './components/CartItemSummary/CartItemSummary.js
 export { CartSubTotal, ECartSubTotalTypes } from './components/CartSubTotal/CartSubTotal.js';
 export { CartSummary } from './components/CartSummary/CartSummary.js';
 export { CgButton } from './components/CgButton/CgButton.js';
-export { CgLinkAsButton } from './components/CgButton/CgLinkAsButton.js';
+export { CgReactRouterLinkAsButton } from './components/CgButton/ReactRouterLinkAsButton.js';
 export { EButtonSize, EButtonVariant } from './components/CgButton/CgButton.types.js';
 export { Chip } from './components/Chips/Chip.js';
 export { Collapsable } from './components/Collapsable/Collapsable.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.8.128",
+  "version": "0.8.130",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "876e1e41bdbee8fc22321342ba1371ac9f6af38b"
+  "gitHead": "38b80d11eb0897a765556fafee90ba0963f185d7"
 }

package/build/@types/components/CgButton/CgLinkAsButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { TCgLinkAsButton } from './CgButton.types';
-export declare const CgLinkAsButton: ({ children, size, variant, ...props }: TCgLinkAsButton) => JSX.Element;

package/build/cjs/components/src/components/CgButton/CgLinkAsButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CgLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/CgButton/CgLinkAsButton.js

@@ -1,14 +0,0 @@
-import { __rest, __assign } from '../../../../_virtual/_tslib.js';
-import React from 'react';
-import { getButtonAttributes } from '../../helpers/button.js';
-import { EButtonSize, EButtonVariant } from './CgButton.types.js';
-import { LinkAsButton } from './CgButton.styles.js';
-
-var CgLinkAsButton = function (_a) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? EButtonSize.medium : _b, _c = _a.variant, variant = _c === void 0 ? EButtonVariant.primary : _c, props = __rest(_a, ["children", "size", "variant"]);
-    var _d = getButtonAttributes(size, variant), sizeAttributes = _d.sizeAttributes, variantAttributes = _d.variantAttributes;
-    return (React.createElement(LinkAsButton, __assign({ backgroundColor: variantAttributes.backgroundColor, backgroundHover: variantAttributes.backgroundHover, backgroundDisabled: variantAttributes.backgroundDisabled, backgroundActive: variantAttributes.backgroundActive, border: variantAttributes.border, boxShadow: props.boxShadow, circle: props.circle, fontColor: variantAttributes.fontColor, fontSize: sizeAttributes.fontSize, height: sizeAttributes.height, fullWidth: props.fullWidth, paddingX: sizeAttributes.paddingX, paddingY: sizeAttributes.paddingY, rounded: props.rounded, size: size }, props), children));
-};
-
-export { CgLinkAsButton };
-//# sourceMappingURL=CgLinkAsButton.js.map

package/build/es/components/src/components/CgButton/CgLinkAsButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CgLinkAsButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}