@epilot/base-elements 2.7.24 → 2.7.25

package/dist/IconButton/IconButton.js

@@ -0,0 +1,95 @@
+"use strict";
+exports.__esModule = true;
+exports.ElevatedIconButton = exports.IconButton = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importStar(require("react"));
+var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
+var useIconButtonClasses = function (classPrefix) {
+    return core_1.makeStyles(function (theme) {
+        var _a, _b, _c, _d;
+        var _e, _f, _g, _h, _j, _k, _l;
+        return core_1.createStyles({
+            root: (_a = {
+                    width: 35,
+                    height: 35
+                },
+                _a["& ." + classPrefix + "MuiIcon-root"] = {
+                    fontSize: '1.4rem',
+                    color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.secondary.main
+                },
+                _a['&:disabled'] = (_b = {},
+                    _b["& ." + classPrefix + "MuiIcon-root"] = {
+                        color: (_f = theme.palette) === null || _f === void 0 ? void 0 : _f.grey[100]
+                    },
+                    _b),
+                _a['&:hover'] = {
+                    backgroundColor: 'rgba(23, 43, 77, 0.04)'
+                },
+                _a),
+            sizeSmall: (_c = {
+                    width: 24,
+                    height: 24
+                },
+                _c["& ." + classPrefix + "MuiIcon-root"] = {
+                    fontSize: '1rem'
+                },
+                _c),
+            colorPrimary: (_d = {
+                    border: "1px solid " + ((_g = theme.palette) === null || _g === void 0 ? void 0 : _g.primary.main),
+                    backgroundColor: "" + ((_h = theme.palette) === null || _h === void 0 ? void 0 : _h.primary.main)
+                },
+                _d["& ." + classPrefix + "MuiIcon-root"] = {
+                    color: 'white'
+                },
+                _d['&:hover'] = {
+                    backgroundColor: 'rgb(2, 139, 206)',
+                    borderColor: 'rgb(2, 139, 206)'
+                },
+                _d['&:disabled'] = {
+                    backgroundColor: (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.grey[40],
+                    borderColor: (_k = theme.palette) === null || _k === void 0 ? void 0 : _k.grey[40]
+                },
+                _d),
+            colorSecondary: {
+                border: "1px solid " + ((_l = theme.palette) === null || _l === void 0 ? void 0 : _l.grey[70]),
+                '&:hover': {
+                    backgroundColor: 'rgba(23, 43, 77, 0.04)'
+                }
+            }
+        });
+    });
+};
+var StyledIconButton = function (props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    var classPrefix = react_1.useContext(ClassPrefixContext_1.ClassPrefixContext);
+    var classes = useIconButtonClasses(classPrefix)();
+    return (react_1["default"].createElement(core_1.IconButton, tslib_1.__assign({ classes: tslib_1.__assign(tslib_1.__assign({}, classes), props.classes) }, rest), children));
+};
+exports.IconButton = StyledIconButton;
+var useStyles = core_1.makeStyles(function (theme) {
+    return core_1.createStyles({
+        buttonStyle: function (_a) {
+            var variant = _a.variant;
+            return ({
+                borderRadius: variant === 'circle'
+                    ? '50%'
+                    : variant === 'square'
+                        ? 0
+                        : theme.shape.borderRadius,
+                padding: 4,
+                justifyContent: 'center',
+                display: 'inline-flex',
+                cursor: 'pointer'
+            });
+        }
+    });
+});
+function ElevatedIconButton(props) {
+    var _a = props.variant, variant = _a === void 0 ? 'circle' : _a, children = props.children, rest = tslib_1.__rest(props, ["variant", "children"]);
+    var classes = useStyles(props);
+    return (react_1["default"].createElement(core_1.ButtonBase, null,
+        react_1["default"].createElement(core_1.Paper, tslib_1.__assign({ className: classes.buttonStyle }, rest), children)));
+}
+exports.ElevatedIconButton = ElevatedIconButton;
+//# sourceMappingURL=IconButton.js.map

package/dist/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"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"}

package/dist/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButton';
+export * from './types';

package/dist/IconButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IconButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}

package/dist/IconButton/types.d.ts

@@ -0,0 +1,9 @@
+import { IconButtonProps as MuiIconButtonProps, PaperProps } from '@material-ui/core';
+export declare type IconButtonProps = MuiIconButtonProps;
+export declare type ElevatedIconButtonProps = Omit<PaperProps, 'variant'> & {
+    /**
+     * button variant
+     * @default 'circle'
+     */
+    variant?: 'circle' | 'rounded' | 'square';
+};

package/dist/IconButton/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/IconButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/IconButton/types.ts"],"names":[],"mappings":""}

package/dist/IconButtonWithText/IconButtonWithText.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconButtonWithTextProps } from './types';
+declare const IconButtonWithText: ({ children, hoverable, color, iconContainerProps, iconProps, ...rest }: IconButtonWithTextProps) => JSX.Element;
+export { IconButtonWithText };

package/dist/IconButtonWithText/IconButtonWithText.js

@@ -0,0 +1,60 @@
+"use strict";
+exports.__esModule = true;
+exports.IconButtonWithText = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Icon_1 = require("../Icon");
+var Typography_1 = require("../Typography");
+var useClasses = function (hoverable, color) {
+    return core_1.makeStyles(function (theme) {
+        var _a, _b, _c, _d, _e;
+        return core_1.createStyles({
+            container: {
+                display: 'flex',
+                alignItems: 'center',
+                cursor: 'pointer',
+                width: 'fit-content',
+                padding: hoverable ? '8px 12px' : 0,
+                transition: 'background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+                borderRadius: 6,
+                '&:hover': {
+                    backgroundColor: hoverable ? (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a.grey[30] : 'transparent'
+                }
+            },
+            iconContainer: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                width: 24,
+                height: 24,
+                borderRadius: '50%',
+                background: color === 'primary'
+                    ? (_c = (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main : (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.secondary) === null || _e === void 0 ? void 0 : _e.main
+            },
+            marginLeft: {
+                marginLeft: 10
+            },
+            marginRight: {
+                marginRight: 10
+            },
+            icon: {
+                fontSize: '18px !important',
+                color: 'white'
+            },
+            text: {
+                fontWeight: 600
+            }
+        });
+    });
+};
+var IconButtonWithText = function (_a) {
+    var children = _a.children, _b = _a.hoverable, hoverable = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, iconContainerProps = _a.iconContainerProps, iconProps = _a.iconProps, rest = tslib_1.__rest(_a, ["children", "hoverable", "color", "iconContainerProps", "iconProps"]);
+    var classes = useClasses(hoverable, color)();
+    return (react_1["default"].createElement("div", tslib_1.__assign({ className: classes.container }, rest),
+        react_1["default"].createElement("div", tslib_1.__assign({ className: classes.iconContainer + " " + classes.marginRight + " " + (iconContainerProps === null || iconContainerProps === void 0 ? void 0 : iconContainerProps.className) }, iconContainerProps),
+            react_1["default"].createElement(Icon_1.Icon, tslib_1.__assign({ classes: { root: classes.icon }, name: "add" }, iconProps))),
+        react_1["default"].createElement(Typography_1.BodyText, { classes: { root: classes.text } }, children)));
+};
+exports.IconButtonWithText = IconButtonWithText;
+//# sourceMappingURL=IconButtonWithText.js.map

package/dist/IconButtonWithText/IconButtonWithText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonWithText.js","sourceRoot":"","sources":["../../src/IconButtonWithText/IconButtonWithText.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,wDAAyB;AAGzB,gCAA8B;AAC9B,4CAAwC;AAIxC,IAAM,UAAU,GAAG,UAAC,SAAkB,EAAE,KAA8B;IACpE,OAAA,iBAAU,CAAC,UAAC,KAAkB;;QAC5B,OAAA,mBAAY,CAAC;YACX,SAAS,EAAE;gBACT,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,SAAS;gBACjB,KAAK,EAAE,aAAa;gBACpB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBACnC,UAAU,EAAE,yDAAyD;gBACrE,YAAY,EAAE,CAAC;gBAEf,SAAS,EAAE;oBACT,eAAe,EAAE,SAAS,CAAC,CAAC,OAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,aAAa;iBACtE;aACF;YACD,aAAa,EAAE;gBACb,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;gBACV,YAAY,EAAE,KAAK;gBACnB,UAAU,EACR,KAAK,KAAK,SAAS;oBACjB,CAAC,aAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,OAAO,0CAAE,IAAI,CAC/B,CAAC,aAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,SAAS,0CAAE,IAAI;aACtC;YACD,UAAU,EAAE;gBACV,UAAU,EAAE,EAAE;aACf;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,EAAE;aAChB;YACD,IAAI,EAAE;gBACJ,QAAQ,EAAE,iBAAiB;gBAC3B,KAAK,EAAE,OAAO;aACf;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,GAAG;aAChB;SACF,CAAC,CAAA;KAAA,CACH;AAzCD,CAyCC,CAAA;AAEH,IAAM,kBAAkB,GAAG,UAAC,EAOF;IANxB,IAAA,QAAQ,cAAA,EACR,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACN,IAAI,sBANmB,qEAO3B,CADQ;IAEP,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAA;IAE9C,OAAO,CACL,2DAAK,SAAS,EAAE,OAAO,CAAC,SAAS,IAAM,IAAI;QACzC,2DACE,SAAS,EAAK,OAAO,CAAC,aAAa,SAAI,OAAO,CAAC,WAAW,UAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,CAAE,IACzF,kBAAkB;YAEtB,iCAAC,WAAI,qBAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,KAAK,IAAK,SAAS,EAAI,CAC/D;QAEN,iCAAC,qBAAQ,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAG,QAAQ,CAAY,CAC5D,CACP,CAAA;AACH,CAAC,CAAA;AAEQ,gDAAkB"}

package/dist/IconButtonWithText/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButtonWithText';
+export * from './types';

package/dist/IconButtonWithText/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./IconButtonWithText"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/IconButtonWithText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/IconButtonWithText/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC;AACpC,kDAAuB"}

package/dist/IconButtonWithText/types.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconProps } from '..';
+export interface IconButtonWithTextProps {
+    children: React.ReactNode;
+    hoverable?: boolean;
+    color?: 'primary' | 'secondary';
+    iconContainerProps?: any;
+    iconProps?: IconProps;
+    [key: string]: any;
+}

package/dist/IconButtonWithText/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/IconButtonWithText/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/IconButtonWithText/types.ts"],"names":[],"mappings":""}

package/dist/Image/Image.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ImageProps } from './types';
-export declare function Image(props: ImageProps): JSX.Element;
+/// <reference types="react" />
+import { ImageProps } from './types';
+export declare function Image(props: ImageProps): JSX.Element;

package/dist/Image/Image.js

@@ -1,23 +1,23 @@
-"use strict";
-exports.__esModule = true;
-exports.Image = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var __1 = require("../");
-function Image(props) {
-    var theme = __1.useTheme();
-    var image = props.image, alt = props.alt, caption = props.caption, _a = props.captionPosition, captionPosition = _a === void 0 ? 'under' : _a;
-    return typeof image === 'string' ? (captionPosition === 'overflow' ? (react_1["default"].createElement(__1.Box, { alignItems: "center", display: "flex", position: "relative" },
-        react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
-        caption && (react_1["default"].createElement(__1.Box, { bgcolor: theme.palette.primary.main + 'aa', color: "primary.contrastText", position: "absolute", style: {
-                width: '100%',
-                padding: 10,
-                bottom: 0,
-                right: 0,
-                zIndex: 10
-            }, textAlign: "center" }, caption)))) : (react_1["default"].createElement(__1.StackSpacing, { alignItems: "stretch", scale: 3 },
-        react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
-        react_1["default"].createElement(__1.BodyText, null, caption)))) : (react_1["default"].createElement(react_1["default"].Fragment, null, image));
-}
-exports.Image = Image;
+"use strict";
+exports.__esModule = true;
+exports.Image = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var __1 = require("../");
+function Image(props) {
+    var theme = __1.useTheme();
+    var image = props.image, alt = props.alt, caption = props.caption, _a = props.captionPosition, captionPosition = _a === void 0 ? 'under' : _a;
+    return typeof image === 'string' ? (captionPosition === 'overflow' ? (react_1["default"].createElement(__1.Box, { alignItems: "center", display: "flex", position: "relative" },
+        react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
+        caption && (react_1["default"].createElement(__1.Box, { bgcolor: theme.palette.primary.main + 'aa', color: "primary.contrastText", position: "absolute", style: {
+                width: '100%',
+                padding: 10,
+                bottom: 0,
+                right: 0,
+                zIndex: 10
+            }, textAlign: "center" }, caption)))) : (react_1["default"].createElement(__1.StackSpacing, { alignItems: "stretch", scale: 3 },
+        react_1["default"].createElement("img", { alt: alt, src: image, style: { width: '100%', height: 'auto' } }),
+        react_1["default"].createElement(__1.BodyText, null, caption)))) : (react_1["default"].createElement(react_1["default"].Fragment, null, image));
+}
+exports.Image = Image;
 //# sourceMappingURL=Image.js.map

package/dist/Image/index.d.ts

@@ -1,2 +1,2 @@
-export { Image } from './Image';
-export * from './types';
+export { Image } from './Image';
+export * from './types';

package/dist/Image/index.js

@@ -1,8 +1,8 @@
-"use strict";
-exports.__esModule = true;
-exports.Image = void 0;
-var tslib_1 = require("tslib");
-var Image_1 = require("./Image");
-tslib_1.__createBinding(exports, Image_1, "Image");
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+exports.Image = void 0;
+var tslib_1 = require("tslib");
+var Image_1 = require("./Image");
+tslib_1.__createBinding(exports, Image_1, "Image");
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Image/types.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
-export declare type ImageProps = {
-    /**
-     * url of the image or a component
-     */
-    image: string | React.ReactNode;
-    /**
-     * caption to be displayed inside the image
-     */
-    caption?: string;
-    /**
-     * the alt prop that will be passed to the image tag
-     * @default "product image"
-     */
-    alt?: string;
-    /**
-     * the position of the caption
-     * @default 'under'
-     */
-    captionPosition?: 'overflow' | 'under';
-};
+/// <reference types="react" />
+export declare type ImageProps = {
+    /**
+     * url of the image or a component
+     */
+    image: string | React.ReactNode;
+    /**
+     * caption to be displayed inside the image
+     */
+    caption?: string;
+    /**
+     * the alt prop that will be passed to the image tag
+     * @default "product image"
+     */
+    alt?: string;
+    /**
+     * the position of the caption
+     * @default 'under'
+     */
+    captionPosition?: 'overflow' | 'under';
+};

package/dist/Image/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Link/Link.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { LinkProps } from './types';
-export declare function Link(props: LinkProps): JSX.Element;
+/// <reference types="react" />
+import { LinkProps } from './types';
+export declare function Link(props: LinkProps): JSX.Element;

package/dist/Link/Link.js

@@ -1,11 +1,11 @@
-"use strict";
-exports.__esModule = true;
-exports.Link = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Link(props) {
-    return react_1["default"].createElement(core_1.Link, tslib_1.__assign({}, props));
-}
-exports.Link = Link;
+"use strict";
+exports.__esModule = true;
+exports.Link = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Link(props) {
+    return react_1["default"].createElement(core_1.Link, tslib_1.__assign({}, props));
+}
+exports.Link = Link;
 //# sourceMappingURL=Link.js.map

package/dist/Link/index.d.ts

@@ -1,2 +1,2 @@
-export { Link } from './Link';
-export * from './types';
+export { Link } from './Link';
+export * from './types';

package/dist/Link/index.js

@@ -1,8 +1,8 @@
-"use strict";
-exports.__esModule = true;
-exports.Link = void 0;
-var tslib_1 = require("tslib");
-var Link_1 = require("./Link");
-tslib_1.__createBinding(exports, Link_1, "Link");
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+exports.Link = void 0;
+var tslib_1 = require("tslib");
+var Link_1 = require("./Link");
+tslib_1.__createBinding(exports, Link_1, "Link");
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Link/types.d.ts

@@ -1,41 +1,41 @@
-import React from 'react';
-declare type variantType = 'inherit' | 'button' | 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'srOnly';
-declare type colorType = 'initial' | 'inherit' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
-declare type underlineType = 'none' | 'hover' | 'always';
-export declare type LinkProps = {
-    /**
-     * elements rendered inside the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * the color of the link.
-     */
-    color?: colorType;
-    /**
-     * The component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: JSX.Element | HTMLElement | string;
-    /**
-     * the underline of the link
-     */
-    underline?: underlineType;
-    /**
-     * element variant, border radiu is determined by this.
-     */
-    variant?: variantType;
-    /**
-     * Link target.
-     */
-    href?: string;
-    /**
-     * onclick function
-     */
-    onClick?: (_?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    /**
-     * link target
-     */
-    target?: string;
-    className?: string;
-    style?: React.CSSProperties;
-};
-export {};
+import React from 'react';
+declare type variantType = 'inherit' | 'button' | 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'overline' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'srOnly';
+declare type colorType = 'initial' | 'inherit' | 'primary' | 'secondary' | 'textPrimary' | 'textSecondary' | 'error';
+declare type underlineType = 'none' | 'hover' | 'always';
+export declare type LinkProps = {
+    /**
+     * elements rendered inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * the color of the link.
+     */
+    color?: colorType;
+    /**
+     * The component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: JSX.Element | HTMLElement | string;
+    /**
+     * the underline of the link
+     */
+    underline?: underlineType;
+    /**
+     * element variant, border radiu is determined by this.
+     */
+    variant?: variantType;
+    /**
+     * Link target.
+     */
+    href?: string;
+    /**
+     * onclick function
+     */
+    onClick?: (_?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    /**
+     * link target
+     */
+    target?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export {};

package/dist/Link/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/List/List.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ListProps, ListItemProps, ListItemContentProps, ListItemPrefixProps, ListItemSufixProps, ListSubheaderProps } from './types';
-export declare function List(props: ListProps): JSX.Element;
-export declare function ListItem(props: ListItemProps): JSX.Element;
-export declare function ListItemContent(props: ListItemContentProps): JSX.Element;
-export declare function ListItemPrefix(props: ListItemPrefixProps): JSX.Element;
-export declare function ListItemSufix(props: ListItemSufixProps): JSX.Element;
-export declare function ListSubheader(props: ListSubheaderProps): JSX.Element;
+/// <reference types="react" />
+import { ListProps, ListItemProps, ListItemContentProps, ListItemPrefixProps, ListItemSufixProps, ListSubheaderProps } from './types';
+export declare function List(props: ListProps): JSX.Element;
+export declare function ListItem(props: ListItemProps): JSX.Element;
+export declare function ListItemContent(props: ListItemContentProps): JSX.Element;
+export declare function ListItemPrefix(props: ListItemPrefixProps): JSX.Element;
+export declare function ListItemSufix(props: ListItemSufixProps): JSX.Element;
+export declare function ListSubheader(props: ListSubheaderProps): JSX.Element;

package/dist/List/List.js

@@ -1,37 +1,37 @@
-"use strict";
-exports.__esModule = true;
-exports.ListSubheader = exports.ListItemSufix = exports.ListItemPrefix = exports.ListItemContent = exports.ListItem = exports.List = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function List(props) {
-    return react_1["default"].createElement(core_1.List, tslib_1.__assign({ component: "ul", disablePadding: true }, props));
-}
-exports.List = List;
-function ListItem(props) {
-    var _a = props.button, button = _a === void 0 ? false : _a, rest = tslib_1.__rest(props
-    // Using `any` as a workaround for a ts issue: https://github.com/mui-org/material-ui/issues/14971
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    , ["button"]);
-    // Using `any` as a workaround for a ts issue: https://github.com/mui-org/material-ui/issues/14971
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return react_1["default"].createElement(core_1.ListItem, tslib_1.__assign({ button: button }, rest));
-}
-exports.ListItem = ListItem;
-function ListItemContent(props) {
-    return react_1["default"].createElement(core_1.ListItemText, tslib_1.__assign({}, props));
-}
-exports.ListItemContent = ListItemContent;
-function ListItemPrefix(props) {
-    return react_1["default"].createElement(core_1.ListItemIcon, tslib_1.__assign({}, props));
-}
-exports.ListItemPrefix = ListItemPrefix;
-function ListItemSufix(props) {
-    return react_1["default"].createElement(core_1.ListItemSecondaryAction, tslib_1.__assign({}, props));
-}
-exports.ListItemSufix = ListItemSufix;
-function ListSubheader(props) {
-    return react_1["default"].createElement(core_1.ListSubheader, tslib_1.__assign({}, props));
-}
-exports.ListSubheader = ListSubheader;
+"use strict";
+exports.__esModule = true;
+exports.ListSubheader = exports.ListItemSufix = exports.ListItemPrefix = exports.ListItemContent = exports.ListItem = exports.List = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function List(props) {
+    return react_1["default"].createElement(core_1.List, tslib_1.__assign({ component: "ul", disablePadding: true }, props));
+}
+exports.List = List;
+function ListItem(props) {
+    var _a = props.button, button = _a === void 0 ? false : _a, rest = tslib_1.__rest(props
+    // Using `any` as a workaround for a ts issue: https://github.com/mui-org/material-ui/issues/14971
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    , ["button"]);
+    // Using `any` as a workaround for a ts issue: https://github.com/mui-org/material-ui/issues/14971
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return react_1["default"].createElement(core_1.ListItem, tslib_1.__assign({ button: button }, rest));
+}
+exports.ListItem = ListItem;
+function ListItemContent(props) {
+    return react_1["default"].createElement(core_1.ListItemText, tslib_1.__assign({}, props));
+}
+exports.ListItemContent = ListItemContent;
+function ListItemPrefix(props) {
+    return react_1["default"].createElement(core_1.ListItemIcon, tslib_1.__assign({}, props));
+}
+exports.ListItemPrefix = ListItemPrefix;
+function ListItemSufix(props) {
+    return react_1["default"].createElement(core_1.ListItemSecondaryAction, tslib_1.__assign({}, props));
+}
+exports.ListItemSufix = ListItemSufix;
+function ListSubheader(props) {
+    return react_1["default"].createElement(core_1.ListSubheader, tslib_1.__assign({}, props));
+}
+exports.ListSubheader = ListSubheader;
 //# sourceMappingURL=List.js.map

package/dist/List/index.d.ts

@@ -1,2 +1,2 @@
-export * from './List';
-export * from './types';
+export * from './List';
+export * from './types';

package/dist/List/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./List"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./List"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map