@activecollab/components 1.0.199 → 1.0.200
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Links/Link.js +15 -6
- package/dist/cjs/components/Links/Link.js.map +1 -1
- package/dist/esm/components/Links/Link.d.ts +8 -3
- package/dist/esm/components/Links/Link.d.ts.map +1 -1
- package/dist/esm/components/Links/Link.js +9 -5
- package/dist/esm/components/Links/Link.js.map +1 -1
- package/dist/index.js +8 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports.Link = void 0;
|
|
7
9
|
|
|
8
|
-
var _react =
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
11
|
|
|
10
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
13
|
|
|
12
14
|
var _Styles = require("./Styles");
|
|
13
15
|
|
|
14
|
-
var _excluded = ["children", "variant", "size", "disabled", "className"];
|
|
16
|
+
var _excluded = ["as", "children", "variant", "size", "disabled", "className"];
|
|
15
17
|
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
19
|
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
18
24
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
25
|
|
|
20
26
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -24,8 +30,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
24
30
|
/**
|
|
25
31
|
* Link component
|
|
26
32
|
*/
|
|
27
|
-
var Link = function
|
|
28
|
-
var
|
|
33
|
+
var Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
34
|
+
var as = _ref.as,
|
|
35
|
+
children = _ref.children,
|
|
29
36
|
_ref$variant = _ref.variant,
|
|
30
37
|
variant = _ref$variant === void 0 ? "contained" : _ref$variant,
|
|
31
38
|
size = _ref.size,
|
|
@@ -34,7 +41,10 @@ var Link = function Link(_ref) {
|
|
|
34
41
|
className = _ref.className,
|
|
35
42
|
args = _objectWithoutProperties(_ref, _excluded);
|
|
36
43
|
|
|
44
|
+
var Component = as || "a";
|
|
37
45
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledLink, _extends({
|
|
46
|
+
ref: ref,
|
|
47
|
+
as: Component,
|
|
38
48
|
disabled: disabled,
|
|
39
49
|
className: (0, _classnames.default)("c-link", className, {
|
|
40
50
|
"c-link--contained": variant === "primary" || variant === "contained",
|
|
@@ -59,8 +69,7 @@ var Link = function Link(_ref) {
|
|
|
59
69
|
key: index
|
|
60
70
|
}, value) : null;
|
|
61
71
|
})) : children);
|
|
62
|
-
};
|
|
63
|
-
|
|
72
|
+
});
|
|
64
73
|
exports.Link = Link;
|
|
65
74
|
Link.displayName = "Link";
|
|
66
75
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["Link","ref","as","children","variant","size","disabled","className","args","Component","Object","Array","map","value","index","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAoCA;AACA;AACA;AACO,IAAMA,IAA8C,gBAAG,uBAC5D,gBAUEC,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,SAAS,GAAGP,EAAE,IAAI,GAAxB;AAEA,sBACE,6BAAC,kBAAD;AACE,IAAA,GAAG,EAAED,GADP;AAEE,IAAA,EAAE,EAAEQ,SAFN;AAGE,IAAA,QAAQ,EAAEH,QAHZ;AAIE,IAAA,SAAS,EAAE,yBAAW,QAAX,EAAqBC,SAArB,EAAgC;AACzC,2BAAqBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAEzC,0BAAoBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGzC,8BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJC;AAKzC,2BAAqBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMzC,kCAA4BA,OAAO,KAAK,kBANC;AAOzC,+BAAyBA,OAAO,KAAK,eAPI;AAQzC,qBAAeC,IAAI,KAAK,KARiB;AASzC,uBAAiBA,IAAI,KAAK,OATe;AAUzC,2BACEF,QAAQ,YAAYO,MAApB,IAA8B,EAAEP,QAAQ,YAAYQ,KAAtB,CAXS;AAYzC,0BAAoBL;AAZqB,KAAhC,CAJb;AAkBE,IAAA,OAAO,EAAEF,OAlBX;AAmBE,IAAA,IAAI,EAAEC,IAnBR;AAoBE,IAAA,QAAQ,EAAEF,QAAQ,YAAYO,MAApB,IAA8B,EAAEP,QAAQ,YAAYQ,KAAtB;AApB1C,KAqBMH,IArBN,GAuBGL,QAAQ,YAAYQ,KAApB,gBACC,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGR,QAAQ,CAACS,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,6BAAC,yBAAD;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCV,QArCJ,CADF;AA0CD,CAzD2D,CAAvD;;AA4DPH,IAAI,CAACe,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n /** Children type of node or string */\n children: ReactNode | string;\n /** Variant Buttons */\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"option\"\n | \"contained\"\n | \"outlined\"\n | \"text colored\"\n | \"text gray\"\n | \"dark transparent\"\n | \"circle raised\";\n /** Button size can be big, medium or small */\n size?: \"big\" | \"small\";\n /** Disabled prop */\n disabled?: boolean;\n /** CSS classes */\n className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n props: LinkProps<C>\n) => React.ReactElement | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = \"a\">(\n {\n as,\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n ...args\n }: LinkProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"a\";\n\n return (\n <StyledLink\n ref={ref}\n as={Component}\n disabled={disabled}\n className={classNames(\"c-link\", className, {\n \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n \"c-link--text_colored\":\n variant === \"tertiary\" || variant === \"text colored\",\n \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n \"c-link--dark_transparent\": variant === \"dark transparent\",\n \"c-link--circle_raised\": variant === \"circle raised\",\n \"c-link--big\": size === \"big\",\n \"c-link--small\": size === \"small\",\n \"c-link--icon-only\":\n children instanceof Object && !(children instanceof Array),\n \"c-link--disabled\": disabled,\n })}\n variant={variant}\n size={size}\n iconOnly={children instanceof Object && !(children instanceof Array)}\n {...args}\n >\n {children instanceof Array ? (\n <StyledLinkElements className=\"c-link__elements\">\n {children.map((value, index) =>\n value ? (\n <StyledLinkElement\n className=\"c-link__elements__element\"\n key={index}\n >\n {value}\n </StyledLinkElement>\n ) : null\n )}\n </StyledLinkElements>\n ) : (\n children\n )}\n </StyledLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"file":"Link.js"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import React, { BaseHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
import { PolymorphicComponentPropsWithRef } from "../../utils/types";
|
|
3
|
+
export interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {
|
|
3
4
|
children: ReactNode | string;
|
|
4
5
|
variant?: "primary" | "secondary" | "tertiary" | "option" | "contained" | "outlined" | "text colored" | "text gray" | "dark transparent" | "circle raised";
|
|
5
6
|
size?: "big" | "small";
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
className?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare
|
|
10
|
+
export declare type LinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ILinkProps>;
|
|
11
|
+
export declare type LinkComponent = <C extends React.ElementType = "a">(props: LinkProps<C>) => React.ReactElement | null;
|
|
12
|
+
export declare const Link: LinkComponent & {
|
|
13
|
+
displayName?: string;
|
|
14
|
+
};
|
|
10
15
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Links/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAGzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IAEjE,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAE7B,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IAEpB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAEvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,oBAAY,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAK/B,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA0DxD,CAAC"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["children", "variant", "size", "disabled", "className"];
|
|
4
|
-
import React from "react";
|
|
3
|
+
var _excluded = ["as", "children", "variant", "size", "disabled", "className"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
5
|
import classNames from "classnames";
|
|
6
6
|
import { StyledLink, StyledLinkElement, StyledLinkElements } from "./Styles";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Link component
|
|
10
10
|
*/
|
|
11
|
-
export var Link = function
|
|
12
|
-
var
|
|
11
|
+
export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
12
|
+
var as = _ref.as,
|
|
13
|
+
children = _ref.children,
|
|
13
14
|
_ref$variant = _ref.variant,
|
|
14
15
|
variant = _ref$variant === void 0 ? "contained" : _ref$variant,
|
|
15
16
|
size = _ref.size,
|
|
@@ -18,7 +19,10 @@ export var Link = function Link(_ref) {
|
|
|
18
19
|
className = _ref.className,
|
|
19
20
|
args = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
20
21
|
|
|
22
|
+
var Component = as || "a";
|
|
21
23
|
return /*#__PURE__*/React.createElement(StyledLink, _extends({
|
|
24
|
+
ref: ref,
|
|
25
|
+
as: Component,
|
|
22
26
|
disabled: disabled,
|
|
23
27
|
className: classNames("c-link", className, {
|
|
24
28
|
"c-link--contained": variant === "primary" || variant === "contained",
|
|
@@ -43,6 +47,6 @@ export var Link = function Link(_ref) {
|
|
|
43
47
|
key: index
|
|
44
48
|
}, value) : null;
|
|
45
49
|
})) : children);
|
|
46
|
-
};
|
|
50
|
+
});
|
|
47
51
|
Link.displayName = "Link";
|
|
48
52
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["React","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","children","variant","size","disabled","className","args","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Links/Link.tsx"],"names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","ref","as","children","variant","size","disabled","className","args","Component","Object","Array","map","value","index","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAA+CC,UAA/C,QAAiE,OAAjE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,EAAqBC,iBAArB,EAAwCC,kBAAxC,QAAkE,UAAlE;;AAoCA;AACA;AACA;AACA,OAAO,IAAMC,IAA8C,gBAAGL,UAAU,CACtE,gBAUEM,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,WAOT;AAAA,MANDC,IAMC,QANDA,IAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,KAKV;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,MAAMC,SAAS,GAAGP,EAAE,IAAI,GAAxB;AAEA,sBACE,oBAAC,UAAD;AACE,IAAA,GAAG,EAAED,GADP;AAEE,IAAA,EAAE,EAAEQ,SAFN;AAGE,IAAA,QAAQ,EAAEH,QAHZ;AAIE,IAAA,SAAS,EAAEV,UAAU,CAAC,QAAD,EAAWW,SAAX,EAAsB;AACzC,2BAAqBH,OAAO,KAAK,SAAZ,IAAyBA,OAAO,KAAK,WADjB;AAEzC,0BAAoBA,OAAO,KAAK,WAAZ,IAA2BA,OAAO,KAAK,UAFlB;AAGzC,8BACEA,OAAO,KAAK,UAAZ,IAA0BA,OAAO,KAAK,cAJC;AAKzC,2BAAqBA,OAAO,KAAK,QAAZ,IAAwBA,OAAO,KAAK,WALhB;AAMzC,kCAA4BA,OAAO,KAAK,kBANC;AAOzC,+BAAyBA,OAAO,KAAK,eAPI;AAQzC,qBAAeC,IAAI,KAAK,KARiB;AASzC,uBAAiBA,IAAI,KAAK,OATe;AAUzC,2BACEF,QAAQ,YAAYO,MAApB,IAA8B,EAAEP,QAAQ,YAAYQ,KAAtB,CAXS;AAYzC,0BAAoBL;AAZqB,KAAtB,CAJvB;AAkBE,IAAA,OAAO,EAAEF,OAlBX;AAmBE,IAAA,IAAI,EAAEC,IAnBR;AAoBE,IAAA,QAAQ,EAAEF,QAAQ,YAAYO,MAApB,IAA8B,EAAEP,QAAQ,YAAYQ,KAAtB;AApB1C,KAqBMH,IArBN,GAuBGL,QAAQ,YAAYQ,KAApB,gBACC,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGR,QAAQ,CAACS,GAAT,CAAa,UAACC,KAAD,EAAQC,KAAR;AAAA,WACZD,KAAK,gBACH,oBAAC,iBAAD;AACE,MAAA,SAAS,EAAC,2BADZ;AAEE,MAAA,GAAG,EAAEC;AAFP,OAIGD,KAJH,CADG,GAOD,IARQ;AAAA,GAAb,CADH,CADD,GAcCV,QArCJ,CADF;AA0CD,CAzDqE,CAAjE;AA4DPH,IAAI,CAACe,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {\n /** Children type of node or string */\n children: ReactNode | string;\n /** Variant Buttons */\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"option\"\n | \"contained\"\n | \"outlined\"\n | \"text colored\"\n | \"text gray\"\n | \"dark transparent\"\n | \"circle raised\";\n /** Button size can be big, medium or small */\n size?: \"big\" | \"small\";\n /** Disabled prop */\n disabled?: boolean;\n /** CSS classes */\n className?: string;\n}\n\nexport type LinkProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ILinkProps>;\n\nexport type LinkComponent = <C extends React.ElementType = \"a\">(\n props: LinkProps<C>\n) => React.ReactElement | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = \"a\">(\n {\n as,\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n ...args\n }: LinkProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"a\";\n\n return (\n <StyledLink\n ref={ref}\n as={Component}\n disabled={disabled}\n className={classNames(\"c-link\", className, {\n \"c-link--contained\": variant === \"primary\" || variant === \"contained\",\n \"c-link--outlined\": variant === \"secondary\" || variant === \"outlined\",\n \"c-link--text_colored\":\n variant === \"tertiary\" || variant === \"text colored\",\n \"c-link--text_gray\": variant === \"option\" || variant === \"text gray\",\n \"c-link--dark_transparent\": variant === \"dark transparent\",\n \"c-link--circle_raised\": variant === \"circle raised\",\n \"c-link--big\": size === \"big\",\n \"c-link--small\": size === \"small\",\n \"c-link--icon-only\":\n children instanceof Object && !(children instanceof Array),\n \"c-link--disabled\": disabled,\n })}\n variant={variant}\n size={size}\n iconOnly={children instanceof Object && !(children instanceof Array)}\n {...args}\n >\n {children instanceof Array ? (\n <StyledLinkElements className=\"c-link__elements\">\n {children.map((value, index) =>\n value ? (\n <StyledLinkElement\n className=\"c-link__elements__element\"\n key={index}\n >\n {value}\n </StyledLinkElement>\n ) : null\n )}\n </StyledLinkElements>\n ) : (\n children\n )}\n </StyledLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"file":"Link.js"}
|
package/dist/index.js
CHANGED
|
@@ -9470,13 +9470,14 @@
|
|
|
9470
9470
|
};
|
|
9471
9471
|
BackLink.displayName = "BackLink";
|
|
9472
9472
|
|
|
9473
|
-
var _excluded$n = ["children", "variant", "size", "disabled", "className"];
|
|
9473
|
+
var _excluded$n = ["as", "children", "variant", "size", "disabled", "className"];
|
|
9474
9474
|
|
|
9475
9475
|
/**
|
|
9476
9476
|
* Link component
|
|
9477
9477
|
*/
|
|
9478
|
-
var Link = function
|
|
9479
|
-
var
|
|
9478
|
+
var Link = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9479
|
+
var as = _ref.as,
|
|
9480
|
+
children = _ref.children,
|
|
9480
9481
|
_ref$variant = _ref.variant,
|
|
9481
9482
|
variant = _ref$variant === void 0 ? "contained" : _ref$variant,
|
|
9482
9483
|
size = _ref.size,
|
|
@@ -9485,7 +9486,10 @@
|
|
|
9485
9486
|
className = _ref.className,
|
|
9486
9487
|
args = _objectWithoutProperties(_ref, _excluded$n);
|
|
9487
9488
|
|
|
9489
|
+
var Component = as || "a";
|
|
9488
9490
|
return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
|
|
9491
|
+
ref: ref,
|
|
9492
|
+
as: Component,
|
|
9489
9493
|
disabled: disabled,
|
|
9490
9494
|
className: classNames__default["default"]("c-link", className, {
|
|
9491
9495
|
"c-link--contained": variant === "primary" || variant === "contained",
|
|
@@ -9510,7 +9514,7 @@
|
|
|
9510
9514
|
key: index
|
|
9511
9515
|
}, value) : null;
|
|
9512
9516
|
})) : children);
|
|
9513
|
-
};
|
|
9517
|
+
});
|
|
9514
9518
|
Link.displayName = "Link";
|
|
9515
9519
|
|
|
9516
9520
|
var defaultStyle$2 = {
|