@activecollab/components 2.0.300 → 2.0.302
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/Icons/collection/StopCircle.js +12 -5
- package/dist/cjs/components/Icons/collection/StopCircle.js.map +1 -1
- package/dist/cjs/components/Input/InputAdornment.js +1 -1
- package/dist/cjs/components/Input/InputAdornment.js.map +1 -1
- package/dist/cjs/components/Links/Link.js +12 -4
- package/dist/cjs/components/Links/Link.js.map +1 -1
- package/dist/esm/components/Icons/collection/StopCircle.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/StopCircle.js +12 -5
- package/dist/esm/components/Icons/collection/StopCircle.js.map +1 -1
- package/dist/esm/components/Input/InputAdornment.js +1 -1
- package/dist/esm/components/Input/InputAdornment.js.map +1 -1
- package/dist/esm/components/Links/Link.d.ts +2 -0
- package/dist/esm/components/Links/Link.d.ts.map +1 -1
- package/dist/esm/components/Links/Link.js +12 -5
- package/dist/esm/components/Links/Link.js.map +1 -1
- package/dist/index.js +24 -10
- 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
|
@@ -41,18 +41,25 @@ var StopCircleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgR
|
|
|
41
41
|
var gradient = _ref.gradient,
|
|
42
42
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
43
|
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
width: 32,
|
|
45
|
+
height: 32,
|
|
46
|
+
viewBox: "0 0 32 32",
|
|
44
47
|
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
-
width: 14,
|
|
46
|
-
height: 14,
|
|
47
48
|
"data-testid": "StopCircleIcon",
|
|
48
49
|
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
49
50
|
focusable: false,
|
|
50
51
|
ref: svgRef
|
|
51
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
52
53
|
gradient: gradient
|
|
53
|
-
}), /*#__PURE__*/_react.default.createElement("
|
|
54
|
-
|
|
55
|
-
}
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
55
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
57
|
+
d: "M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z"
|
|
58
|
+
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
59
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
61
|
+
d: "M0 0h32v32H0z"
|
|
62
|
+
}))));
|
|
56
63
|
});
|
|
57
64
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
58
65
|
var _default = exports.default = StopCircleIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StopCircleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","
|
|
1
|
+
{"version":3,"file":"StopCircle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StopCircleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","clipPath","d","id","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StopCircleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <StopCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StopCircleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst StopCircleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"StopCircleIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <g clipPath=\"url(#stop-circle_svg__clip0_2139_1987)\">\n <path d=\"M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z\" />\n </g>\n <defs>\n <clipPath id=\"stop-circle_svg__clip0_2139_1987\">\n <path d=\"M0 0h32v32H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nStopCircleIcon.displayName = \"StopCircleIcon\";\nexport default StopCircleIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -20,7 +20,7 @@ var InputAdornmentBase = _styledComponents.default.div.withConfig({
|
|
|
20
20
|
"marginRight": "0.25rem",
|
|
21
21
|
"display": "flex",
|
|
22
22
|
"alignItems": "center",
|
|
23
|
-
"gap": "0.
|
|
23
|
+
"gap": "0.25rem"
|
|
24
24
|
}, function (props) {
|
|
25
25
|
return props.$disablePointerEvents && (0, _styledComponents.css)(["", ""], {
|
|
26
26
|
"pointerEvents": "none"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-
|
|
1
|
+
{"version":3,"file":"InputAdornment.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","InputAdornmentBase","styled","div","withConfig","displayName","componentId","props","$disablePointerEvents","css","InputAdornment","exports","React","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","Component","createElement"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-1`}\n\n ${(props) =>\n props.$disablePointerEvents &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n displayName?: string;\n} = React.forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <InputAdornmentBase\n {...rest}\n as={Component}\n $disablePointerEvents={disablePointerEvents}\n ref={ref}\n >\n {children}\n </InputAdornmentBase>\n );\n }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,8 @@ exports.Link = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _Styles = require("./Styles");
|
|
10
|
-
var
|
|
10
|
+
var _OpenExpanded = _interopRequireDefault(require("../Icons/collection/OpenExpanded"));
|
|
11
|
+
var _excluded = ["as", "children", "variant", "size", "disabled", "className", "isExternal"];
|
|
11
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
13
14
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -25,6 +26,8 @@ var Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
25
26
|
_ref$disabled = _ref.disabled,
|
|
26
27
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
27
28
|
className = _ref.className,
|
|
29
|
+
_ref$isExternal = _ref.isExternal,
|
|
30
|
+
isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
|
|
28
31
|
args = _objectWithoutProperties(_ref, _excluded);
|
|
29
32
|
var Component = as || "a";
|
|
30
33
|
return /*#__PURE__*/_react.default.createElement(_Styles.StyledLink, _extends({
|
|
@@ -46,14 +49,19 @@ var Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
46
49
|
variant: variant,
|
|
47
50
|
size: size,
|
|
48
51
|
$iconOnly: children instanceof Object && !(children instanceof Array)
|
|
49
|
-
}, args), children instanceof Array ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElements, {
|
|
52
|
+
}, args), children instanceof Array || isExternal ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElements, {
|
|
50
53
|
className: "c-link__elements"
|
|
51
|
-
}, children.map(function (value, index) {
|
|
54
|
+
}, (children instanceof Array ? children : [children]).map(function (value, index) {
|
|
52
55
|
return value ? /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElement, {
|
|
53
56
|
className: "c-link__elements__element",
|
|
54
57
|
key: index
|
|
55
58
|
}, value) : null;
|
|
56
|
-
})
|
|
59
|
+
}), isExternal && /*#__PURE__*/_react.default.createElement(_Styles.StyledLinkElement, {
|
|
60
|
+
className: "c-link__elements__element"
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement(_OpenExpanded.default, {
|
|
62
|
+
width: 16,
|
|
63
|
+
height: 16
|
|
64
|
+
}))) : children);
|
|
57
65
|
});
|
|
58
66
|
Link.displayName = "Link";
|
|
59
67
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Link","exports","forwardRef","_ref","ref","as","children","_ref$variant","variant","size","_ref$disabled","disabled","className","args","Component","createElement","StyledLink","classNames","Array","$iconOnly","StyledLinkElements","map","value","index","StyledLinkElement","key","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\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 | \"text link-primary\"\n | \"text link-gray\";\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 | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\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
|
|
1
|
+
{"version":3,"file":"Link.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_OpenExpanded","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Link","exports","forwardRef","_ref","ref","as","children","_ref$variant","variant","size","_ref$disabled","disabled","className","_ref$isExternal","isExternal","args","Component","createElement","StyledLink","classNames","Array","$iconOnly","StyledLinkElements","map","value","index","StyledLinkElement","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\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 | \"text link-primary\"\n | \"text link-gray\";\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 /** Renders an OpenExpanded icon to the right of children */\n isExternal?: boolean;\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 | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"a\">(\n {\n as,\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n isExternal = false,\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 || isExternal ? (\n <StyledLinkElements className=\"c-link__elements\">\n {(children instanceof Array ? children : [children]).map(\n (value, index) =>\n value ? (\n <StyledLinkElement\n className=\"c-link__elements__element\"\n key={index}\n >\n {value}\n </StyledLinkElement>\n ) : null\n )}\n {isExternal && (\n <StyledLinkElement className=\"c-link__elements__element\">\n <OpenExpandedIcon width={16} height={16} />\n </StyledLinkElement>\n )}\n </StyledLinkElements>\n ) : (\n children\n )}\n </StyledLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+
|
|
1
|
+
{"version":3,"file":"StopCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CAgCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -36,18 +36,25 @@ const StopCircleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
|
|
|
36
36
|
} = _ref,
|
|
37
37
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
38
38
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
+
width: 32,
|
|
40
|
+
height: 32,
|
|
41
|
+
viewBox: "0 0 32 32",
|
|
39
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
-
width: 14,
|
|
41
|
-
height: 14,
|
|
42
43
|
"data-testid": "StopCircleIcon",
|
|
43
44
|
fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
|
|
44
45
|
focusable: false,
|
|
45
46
|
ref: svgRef
|
|
46
47
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
47
48
|
gradient: gradient
|
|
48
|
-
}), /*#__PURE__*/React.createElement("
|
|
49
|
-
|
|
50
|
-
}
|
|
49
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
50
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
51
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
52
|
+
d: "M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z"
|
|
53
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
54
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
55
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
56
|
+
d: "M0 0h32v32H0z"
|
|
57
|
+
}))));
|
|
51
58
|
});
|
|
52
59
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
53
60
|
export default StopCircleIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.js","names":["React","GradientDefs","StopCircleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","
|
|
1
|
+
{"version":3,"file":"StopCircle.js","names":["React","GradientDefs","StopCircleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","clipPath","d","id","displayName"],"sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StopCircleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <StopCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StopCircleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst StopCircleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"StopCircleIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <g clipPath=\"url(#stop-circle_svg__clip0_2139_1987)\">\n <path d=\"M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z\" />\n </g>\n <defs>\n <clipPath id=\"stop-circle_svg__clip0_2139_1987\">\n <path d=\"M0 0h32v32H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nStopCircleIcon.displayName = \"StopCircleIcon\";\nexport default StopCircleIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAGS,QAAQ,EAAC;EAAwC,gBAClDnB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAAwG,CAAE,CACjH,CAAC,eACJpB,KAAA,CAAAU,aAAA,4BACEV,KAAA,CAAAU,aAAA;IAAUW,EAAE,EAAC;EAAkC,gBAC7CrB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAAe,CAAE,CACjB,CACN,CACH,CAAC;AAAA,CAEV,CAAC;AACDlB,cAAc,CAACoB,WAAW,GAAG,gBAAgB;AAC7C,eAAepB,cAAc","ignoreList":[]}
|
|
@@ -11,7 +11,7 @@ const InputAdornmentBase = styled.div.withConfig({
|
|
|
11
11
|
"marginRight": "0.25rem",
|
|
12
12
|
"display": "flex",
|
|
13
13
|
"alignItems": "center",
|
|
14
|
-
"gap": "0.
|
|
14
|
+
"gap": "0.25rem"
|
|
15
15
|
}, props => props.$disablePointerEvents && css(["", ""], {
|
|
16
16
|
"pointerEvents": "none"
|
|
17
17
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-
|
|
1
|
+
{"version":3,"file":"InputAdornment.js","names":["React","styled","css","InputAdornmentBase","div","withConfig","displayName","componentId","props","$disablePointerEvents","InputAdornment","forwardRef","_ref","ref","children","as","disablePointerEvents","rest","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends"],"sources":["../../../../src/components/Input/InputAdornment.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\ninterface BaseInputAdornmentProps {\n disablePointerEvents?: boolean;\n}\n\nconst InputAdornmentBase = styled.div<{ $disablePointerEvents?: boolean }>`\n ${tw`tw-flex tw-items-center tw-mx-1 tw-gap-1`}\n\n ${(props) =>\n props.$disablePointerEvents &&\n css`\n ${tw`tw-pointer-events-none`}\n `}\n`;\n\nexport type InputAdornmentProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, BaseInputAdornmentProps>;\n\nexport type InputAdornmentComponent = <C extends React.ElementType = \"div\">(\n props: InputAdornmentProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const InputAdornment: InputAdornmentComponent & {\n displayName?: string;\n} = React.forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n { children, as, disablePointerEvents, ...rest }: InputAdornmentProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <InputAdornmentBase\n {...rest}\n as={Component}\n $disablePointerEvents={disablePointerEvents}\n ref={ref}\n >\n {children}\n </InputAdornmentBase>\n );\n }\n);\n\nInputAdornment.displayName = \"InputAdornment\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAY/C,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC/B;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAE3CC,KAAK,IACNA,KAAK,CAACC,qBAAqB,IAC3BP,GAAG,WACG;EAAA;AAAuB,CAAC,CAC7B,CACJ;AASD,OAAO,MAAMQ,cAEZ,gBAAGV,KAAK,CAACW,UAAU,CAGlB,CAAAC,IAAA,EAEEC,GAAsB,KACnB;EAAA,IAFH;MAAEC,QAAQ;MAAEC,EAAE;MAAEC;IAAsD,CAAC,GAAAJ,IAAA;IAA9BK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAG7C,MAAMC,SAAS,GAAGL,EAAE,IAAI,KAAK;EAC7B,oBACEf,KAAA,CAAAqB,aAAA,CAAClB,kBAAkB,EAAAmB,QAAA,KACbL,IAAI;IACRF,EAAE,EAAEK,SAAU;IACdX,qBAAqB,EAAEO,oBAAqB;IAC5CH,GAAG,EAAEA;EAAI,IAERC,QACiB,CAAC;AAEzB,CACF,CAAC;AAEDJ,cAAc,CAACJ,WAAW,GAAG,gBAAgB","ignoreList":[]}
|
|
@@ -11,6 +11,8 @@ export interface ILinkProps extends BaseHTMLAttributes<HTMLElement> {
|
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
/** CSS classes */
|
|
13
13
|
className?: string;
|
|
14
|
+
/** Renders an OpenExpanded icon to the right of children */
|
|
15
|
+
isExternal?: boolean;
|
|
14
16
|
}
|
|
15
17
|
export type LinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ILinkProps>;
|
|
16
18
|
export type LinkComponent = <C extends React.ElementType = "a">(props: LinkProps<C>) => React.ReactElement | ReactNode | null;
|
|
@@ -1 +1 @@
|
|
|
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;AAKzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;
|
|
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;AAKzE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,UAAW,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACjE,sCAAsC;IACtC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,mBAAmB,GACnB,gBAAgB,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC/C,gCAAgC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAC5D,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,aAAa,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmExD,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
-
const _excluded = ["as", "children", "variant", "size", "disabled", "className"];
|
|
3
|
+
const _excluded = ["as", "children", "variant", "size", "disabled", "className", "isExternal"];
|
|
4
4
|
import React, { forwardRef } from "react";
|
|
5
5
|
import classNames from "classnames";
|
|
6
6
|
import { StyledLink, StyledLinkElement, StyledLinkElements } from "./Styles";
|
|
7
|
+
import OpenExpandedIcon from "../Icons/collection/OpenExpanded";
|
|
7
8
|
/**
|
|
8
9
|
* Link component
|
|
9
10
|
*/
|
|
@@ -14,7 +15,8 @@ export const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14
15
|
variant = "contained",
|
|
15
16
|
size,
|
|
16
17
|
disabled = false,
|
|
17
|
-
className
|
|
18
|
+
className,
|
|
19
|
+
isExternal = false
|
|
18
20
|
} = _ref,
|
|
19
21
|
args = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
20
22
|
const Component = as || "a";
|
|
@@ -37,12 +39,17 @@ export const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
37
39
|
variant: variant,
|
|
38
40
|
size: size,
|
|
39
41
|
$iconOnly: children instanceof Object && !(children instanceof Array)
|
|
40
|
-
}, args), children instanceof Array ? /*#__PURE__*/React.createElement(StyledLinkElements, {
|
|
42
|
+
}, args), children instanceof Array || isExternal ? /*#__PURE__*/React.createElement(StyledLinkElements, {
|
|
41
43
|
className: "c-link__elements"
|
|
42
|
-
}, children.map((value, index) => value ? /*#__PURE__*/React.createElement(StyledLinkElement, {
|
|
44
|
+
}, (children instanceof Array ? children : [children]).map((value, index) => value ? /*#__PURE__*/React.createElement(StyledLinkElement, {
|
|
43
45
|
className: "c-link__elements__element",
|
|
44
46
|
key: index
|
|
45
|
-
}, value) : null)
|
|
47
|
+
}, value) : null), isExternal && /*#__PURE__*/React.createElement(StyledLinkElement, {
|
|
48
|
+
className: "c-link__elements__element"
|
|
49
|
+
}, /*#__PURE__*/React.createElement(OpenExpandedIcon, {
|
|
50
|
+
width: 16,
|
|
51
|
+
height: 16
|
|
52
|
+
}))) : children);
|
|
46
53
|
});
|
|
47
54
|
Link.displayName = "Link";
|
|
48
55
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","Link","_ref","ref","as","children","variant","size","disabled","className","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\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 | \"text link-primary\"\n | \"text link-gray\";\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 | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\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
|
|
1
|
+
{"version":3,"file":"Link.js","names":["React","forwardRef","classNames","StyledLink","StyledLinkElement","StyledLinkElements","OpenExpandedIcon","Link","_ref","ref","as","children","variant","size","disabled","className","isExternal","args","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","Object","Array","$iconOnly","map","value","index","key","width","height","displayName"],"sources":["../../../../src/components/Links/Link.tsx"],"sourcesContent":["import React, { BaseHTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledLink, StyledLinkElement, StyledLinkElements } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\nimport OpenExpandedIcon from \"../Icons/collection/OpenExpanded\";\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 | \"text link-primary\"\n | \"text link-gray\";\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 /** Renders an OpenExpanded icon to the right of children */\n isExternal?: boolean;\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 | ReactNode | null;\n\n/**\n * Link component\n */\nexport const Link: LinkComponent & { displayName?: string } = forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"a\">(\n {\n as,\n children,\n variant = \"contained\",\n size,\n disabled = false,\n className,\n isExternal = false,\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 || isExternal ? (\n <StyledLinkElements className=\"c-link__elements\">\n {(children instanceof Array ? children : [children]).map(\n (value, index) =>\n value ? (\n <StyledLinkElement\n className=\"c-link__elements__element\"\n key={index}\n >\n {value}\n </StyledLinkElement>\n ) : null\n )}\n {isExternal && (\n <StyledLinkElement className=\"c-link__elements__element\">\n <OpenExpandedIcon width={16} height={16} />\n </StyledLinkElement>\n )}\n </StyledLinkElements>\n ) : (\n children\n )}\n </StyledLink>\n );\n }\n);\n\nLink.displayName = \"Link\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAmCC,UAAU,QAAQ,OAAO;AAExE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,UAAU;AAK5E,OAAOC,gBAAgB,MAAM,kCAAkC;AAoC/D;AACA;AACA;AACA,OAAO,MAAMC,IAA8C,gBAAGN,UAAU,CAGtE,CAAAO,IAAA,EAWEC,GAAuB,KACpB;EAAA,IAXH;MACEC,EAAE;MACFC,QAAQ;MACRC,OAAO,GAAG,WAAW;MACrBC,IAAI;MACJC,QAAQ,GAAG,KAAK;MAChBC,SAAS;MACTC,UAAU,GAAG;IAED,CAAC,GAAAR,IAAA;IADVS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,MAAMC,SAAS,GAAGV,EAAE,IAAI,GAAG;EAE3B,oBACEV,KAAA,CAAAqB,aAAA,CAAClB,UAAU,EAAAmB,QAAA;IACTb,GAAG,EAAEA,GAAI;IACTC,EAAE,EAAEU,SAAU;IACdN,QAAQ,EAAEA,QAAS;IACnBC,SAAS,EAAEb,UAAU,CAAC,QAAQ,EAAEa,SAAS,EAAE;MACzC,mBAAmB,EAAEH,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACrE,kBAAkB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACrE,sBAAsB,EACpBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,mBAAmB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACpE,0BAA0B,EAAEA,OAAO,KAAK,kBAAkB;MAC1D,uBAAuB,EAAEA,OAAO,KAAK,eAAe;MACpD,aAAa,EAAEC,IAAI,KAAK,KAAK;MAC7B,eAAe,EAAEA,IAAI,KAAK,OAAO;MACjC,mBAAmB,EACjBF,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK,CAAC;MAC5D,kBAAkB,EAAEV;IACtB,CAAC,CAAE;IACHF,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXY,SAAS,EAAEd,QAAQ,YAAYY,MAAM,IAAI,EAAEZ,QAAQ,YAAYa,KAAK;EAAE,GAClEP,IAAI,GAEPN,QAAQ,YAAYa,KAAK,IAAIR,UAAU,gBACtChB,KAAA,CAAAqB,aAAA,CAAChB,kBAAkB;IAACU,SAAS,EAAC;EAAkB,GAC7C,CAACJ,QAAQ,YAAYa,KAAK,GAAGb,QAAQ,GAAG,CAACA,QAAQ,CAAC,EAAEe,GAAG,CACtD,CAACC,KAAK,EAAEC,KAAK,KACXD,KAAK,gBACH3B,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAChBW,SAAS,EAAC,2BAA2B;IACrCc,GAAG,EAAED;EAAM,GAEVD,KACgB,CAAC,GAClB,IACR,CAAC,EACAX,UAAU,iBACThB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB;IAACW,SAAS,EAAC;EAA2B,gBACtDf,KAAA,CAAAqB,aAAA,CAACf,gBAAgB;IAACwB,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACzB,CAEH,CAAC,GAErBpB,QAEQ,CAAC;AAEjB,CACF,CAAC;AAEDJ,IAAI,CAACyB,WAAW,GAAG,MAAM","ignoreList":[]}
|
package/dist/index.js
CHANGED
|
@@ -10752,18 +10752,25 @@
|
|
|
10752
10752
|
var gradient = _ref.gradient,
|
|
10753
10753
|
props = _objectWithoutProperties(_ref, _excluded$1Q);
|
|
10754
10754
|
return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
|
|
10755
|
+
width: 32,
|
|
10756
|
+
height: 32,
|
|
10757
|
+
viewBox: "0 0 32 32",
|
|
10755
10758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10756
|
-
width: 14,
|
|
10757
|
-
height: 14,
|
|
10758
10759
|
"data-testid": "StopCircleIcon",
|
|
10759
10760
|
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
10760
10761
|
focusable: false,
|
|
10761
10762
|
ref: svgRef
|
|
10762
10763
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
10763
10764
|
gradient: gradient
|
|
10764
|
-
}), /*#__PURE__*/React__default["default"].createElement("
|
|
10765
|
-
|
|
10766
|
-
}
|
|
10765
|
+
}), /*#__PURE__*/React__default["default"].createElement("g", {
|
|
10766
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
10767
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10768
|
+
d: "M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z"
|
|
10769
|
+
})), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("clipPath", {
|
|
10770
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
10771
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10772
|
+
d: "M0 0h32v32H0z"
|
|
10773
|
+
}))));
|
|
10767
10774
|
});
|
|
10768
10775
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
10769
10776
|
var StopCircleIcon$1 = StopCircleIcon;
|
|
@@ -18664,7 +18671,7 @@
|
|
|
18664
18671
|
"marginRight": "0.25rem",
|
|
18665
18672
|
"display": "flex",
|
|
18666
18673
|
"alignItems": "center",
|
|
18667
|
-
"gap": "0.
|
|
18674
|
+
"gap": "0.25rem"
|
|
18668
18675
|
}, function (props) {
|
|
18669
18676
|
return props.$disablePointerEvents && styled.css(["", ""], {
|
|
18670
18677
|
"pointerEvents": "none"
|
|
@@ -21640,7 +21647,7 @@
|
|
|
21640
21647
|
};
|
|
21641
21648
|
BackLink.displayName = "BackLink";
|
|
21642
21649
|
|
|
21643
|
-
var _excluded$p = ["as", "children", "variant", "size", "disabled", "className"];
|
|
21650
|
+
var _excluded$p = ["as", "children", "variant", "size", "disabled", "className", "isExternal"];
|
|
21644
21651
|
/**
|
|
21645
21652
|
* Link component
|
|
21646
21653
|
*/
|
|
@@ -21653,6 +21660,8 @@
|
|
|
21653
21660
|
_ref$disabled = _ref.disabled,
|
|
21654
21661
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
21655
21662
|
className = _ref.className,
|
|
21663
|
+
_ref$isExternal = _ref.isExternal,
|
|
21664
|
+
isExternal = _ref$isExternal === void 0 ? false : _ref$isExternal,
|
|
21656
21665
|
args = _objectWithoutProperties(_ref, _excluded$p);
|
|
21657
21666
|
var Component = as || "a";
|
|
21658
21667
|
return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
|
|
@@ -21674,14 +21683,19 @@
|
|
|
21674
21683
|
variant: variant,
|
|
21675
21684
|
size: size,
|
|
21676
21685
|
$iconOnly: children instanceof Object && !(children instanceof Array)
|
|
21677
|
-
}, args), children instanceof Array ? /*#__PURE__*/React__default["default"].createElement(StyledLinkElements, {
|
|
21686
|
+
}, args), children instanceof Array || isExternal ? /*#__PURE__*/React__default["default"].createElement(StyledLinkElements, {
|
|
21678
21687
|
className: "c-link__elements"
|
|
21679
|
-
}, children.map(function (value, index) {
|
|
21688
|
+
}, (children instanceof Array ? children : [children]).map(function (value, index) {
|
|
21680
21689
|
return value ? /*#__PURE__*/React__default["default"].createElement(StyledLinkElement, {
|
|
21681
21690
|
className: "c-link__elements__element",
|
|
21682
21691
|
key: index
|
|
21683
21692
|
}, value) : null;
|
|
21684
|
-
})
|
|
21693
|
+
}), isExternal && /*#__PURE__*/React__default["default"].createElement(StyledLinkElement, {
|
|
21694
|
+
className: "c-link__elements__element"
|
|
21695
|
+
}, /*#__PURE__*/React__default["default"].createElement(OpenExpandedIcon$1, {
|
|
21696
|
+
width: 16,
|
|
21697
|
+
height: 16
|
|
21698
|
+
}))) : children);
|
|
21685
21699
|
});
|
|
21686
21700
|
Link.displayName = "Link";
|
|
21687
21701
|
|