@atlaskit/link
Version:
A link takes people to a new location in the product or another website.
82 lines (81 loc) • 5.54 kB
JavaScript
/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["children", "testId", "appearance", "newWindowLabel", "target", "className", "style"];
import "./index.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
import { cx } from '@atlaskit/css';
import { fg } from '@atlaskit/platform-feature-flags';
import { Anchor, Box } from '@atlaskit/primitives/compiled';
var styles = {
visitedLink: "_1053w7te _1ienw7te _n0fxw7te _1vhvg3x0",
defaultAppearance: "_4bfu1r31 _1hms8stv _ajmmnqa1 _syaz14q2 _1a3b1r31 _4fpr8stv _5goinqa1 _f8pj14q2 _9oik1r31 _1bnxglyw _jf4cnqa1 _30l314q2 _1nrm1r31 _c2waglyw _1iohnqa1 _9h8h16c2",
subtleAppearance: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _syaz1gjq _1a3b1r31 _4fprglyw _5goinqa1 _f8pj1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _1nrm1r31 _c2wa8stv _1iohnqa1 _9h8h1fxt",
inverseAppearance: "_4bfu1r31 _1hms8stv _ajmmnqa1 _syaz15cr _105315cr _1a3b1r31 _4fpr8stv _5goinqa1 _f8pj15cr _9oik1r31 _1bnxglyw _jf4cnqa1 _30l315cr _1nrm1r31 _c2waglyw _1iohnqa1 _9h8h15cr",
iconWrapper: "_1e0c1nu9 _o5721q9c _s7n4jp4b _kqswh2mm _152ttb3r"
};
var iconStyles = null;
var LinkWithoutRef = function LinkWithoutRef(_ref, ref) {
var children = _ref.children,
testId = _ref.testId,
_ref$appearance = _ref.appearance,
appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
newWindowLabel = _ref.newWindowLabel,
target = _ref.target,
preventedClassName = _ref.className,
preventedStyle = _ref.style,
htmlAttributes = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/React.createElement(Anchor
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
, _extends({}, htmlAttributes, {
target: target,
ref: ref
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
,
xcss: cx(appearance === 'default' && styles.defaultAppearance, appearance === 'subtle' && styles.subtleAppearance, appearance === 'inverse' && styles.inverseAppearance,
// Visited styles are not supported for inverse links due to contrast issues
appearance !== 'inverse' && styles.visitedLink),
testId: testId,
componentName: "Link",
newWindowLabel: newWindowLabel
}), children, target === '_blank' && /*#__PURE__*/React.createElement(Box, {
as: "span",
xcss: styles.iconWrapper,
testId: testId && "".concat(testId, "__icon")
}, "\uFEFF", fg('platform-visual-refresh-icons') ? /*#__PURE__*/React.createElement("svg", {
width: "12",
height: "12",
viewBox: "0 0 12 12",
fill: "none",
className: ax(["_1bsbgm0b _4t3igm0b _ahbqzjw7"])
}, /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M0 1.82609C0 0.817938 0.817938 0 1.82609 0H3.91304V1.04348H1.82609C1.39424 1.04348 1.04348 1.39424 1.04348 1.82609V10.1739C1.04348 10.6058 1.39424 10.9565 1.82609 10.9565H10.1739C10.6058 10.9565 10.9565 10.6058 10.9565 10.1739V8.08696H12V10.1739C12 11.1821 11.1821 12 10.1739 12H1.82609C0.817938 12 0 11.1821 0 10.1739V1.82609ZM7.04348 0H12V4.95652H10.9565V1.78133L6.36893 6.36893L5.63107 5.63107L10.2187 1.04348H7.04348V0Z",
fill: "currentColor"
})) : /*#__PURE__*/React.createElement("svg", {
width: "20",
height: "20",
viewBox: "0 0 20 20",
fill: "currentColor",
className: ax(["_1bsbgm0b _4t3igm0b _ahbqzjw7"])
}, /*#__PURE__*/React.createElement("path", {
d: "M17.5715 3.95926L10.7587 10.772C10.5546 10.9692 10.2811 11.0784 9.99723 11.0759C9.71338 11.0734 9.44185 10.9596 9.24113 10.7589C9.04041 10.5581 8.92655 10.2866 8.92409 10.0027C8.92162 9.7189 9.03074 9.44543 9.22794 9.24125L16.0407 2.4285H14.3237C14.0366 2.4285 13.7613 2.31444 13.5582 2.11142C13.3552 1.90839 13.2411 1.63303 13.2411 1.34591C13.2411 1.05879 13.3552 0.783424 13.5582 0.580399C13.7613 0.377373 14.0366 0.263314 14.3237 0.263314H18.4981C18.5509 0.254962 18.6043 0.250507 18.658 0.250041C18.8017 0.248792 18.9443 0.276183 19.0773 0.330617C19.2104 0.385051 19.3313 0.465437 19.4329 0.567084C19.5346 0.668732 19.6149 0.789606 19.6694 0.922652C19.7238 1.0557 19.7512 1.19825 19.75 1.342C19.7495 1.3956 19.7451 1.44896 19.7367 1.50165V5.67628C19.7367 5.9634 19.6227 6.23877 19.4196 6.44179C19.2166 6.64482 18.9412 6.75888 18.6541 6.75888C18.367 6.75888 18.0916 6.64482 17.8886 6.44179C17.6856 6.23877 17.5715 5.9634 17.5715 5.67628V3.95926Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M2.41519 17.5848V2.4285H8.91076V0.263314H2.41194C1.22001 0.263314 0.25 1.23007 0.25 2.42201V17.5913C0.250574 18.1638 0.47834 18.7127 0.883283 19.1175C1.28823 19.5222 1.83724 19.7497 2.40978 19.75H17.5769C17.8608 19.7499 18.1418 19.6938 18.404 19.585C18.6662 19.4762 18.9044 19.3168 19.105 19.116C19.3055 18.9151 19.4646 18.6767 19.573 18.4143C19.6814 18.152 19.737 17.8708 19.7367 17.587V11.0893H17.5715V17.5848H2.41519Z"
}))));
};
// Workarounds to support generic types with forwardRef
/**
* __Link__
*
* A link is an inline text element that navigates to a new location when clicked.
*
* - [Examples](https://atlassian.design/components/primitives/link/examples)
* - [Code](https://atlassian.design/components/primitives/link/code)
* - [Usage](https://atlassian.design/components/primitives/link/usage)
*/
var Link = /*#__PURE__*/forwardRef(LinkWithoutRef);
export default Link;