@atlaskit/smart-card 26.44.0 → 26.44.1

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/utils/analytics/analytics.js +1 -1
  3. package/dist/cjs/view/InlineCard/Frame/styled.js +64 -15
  4. package/dist/cjs/view/LinkUrl/index.js +1 -1
  5. package/dist/es2019/utils/analytics/analytics.js +1 -1
  6. package/dist/es2019/view/InlineCard/Frame/styled.js +69 -62
  7. package/dist/es2019/view/LinkUrl/index.js +1 -1
  8. package/dist/esm/utils/analytics/analytics.js +1 -1
  9. package/dist/esm/view/InlineCard/Frame/styled.js +64 -15
  10. package/dist/esm/view/LinkUrl/index.js +1 -1
  11. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 26.44.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#66140](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66140) [`699994b1ab74`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/699994b1ab74) - Convert the InlineCard Frame to css object syntax to restore link color to the anchor.
8
+ - Updated dependencies
9
+
3
10
  ## 26.44.0
4
11
 
5
12
  ### Minor Changes
package/dist/cjs/utils/analytics/analytics.js CHANGED
@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
22
22
  var context = exports.context = {
23
23
  componentName: 'smart-cards',
24
24
  packageName: "@atlaskit/smart-card",
25
- packageVersion: "26.44.0"
25
+ packageVersion: "26.44.1"
26
26
  };
27
27
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
28
28
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/cjs/view/InlineCard/Frame/styled.js CHANGED
@@ -5,33 +5,58 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.WrapperSpan = exports.WrapperAnchor = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _colors = require("@atlaskit/theme/colors");
11
- var _templateObject, _templateObject2;
12
- var selected = "\n cursor: pointer;\n box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")"), ";\n outline: none;\n user-select: none;\n &, :hover, :focus, :active {\n text-decoration: none;\n }\n &:hover {\n border: 1px solid ", "var(--ds-border, ".concat(_colors.N40, ")"), ";\n }\n");
11
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
+ var selectedStyles = {
14
+ cursor: 'pointer',
15
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(_colors.B100, ")")),
16
+ outline: 'none',
17
+ userSelect: 'none',
18
+ '&, :hover, :focus, :active': {
19
+ textDecoration: 'none'
20
+ },
21
+ '&:hover': {
22
+ border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
23
+ }
24
+ };
13
25
  var isInteractive = function isInteractive(_ref) {
14
26
  var isInteractive = _ref.isInteractive;
15
27
  if (isInteractive) {
16
- return "\n :active {\n background-color: ".concat("var(--ds-background-selected, ".concat(_colors.B50, ")"), ";\n }\n :focus {\n ", selected, "\n }\n ");
17
- } else {
18
- return '';
28
+ return {
29
+ ':active': {
30
+ backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")")
31
+ },
32
+ ':focus': selectedStyles
33
+ };
19
34
  }
35
+ return undefined;
20
36
  };
21
37
  var isSelected = function isSelected(_ref2) {
22
38
  var isSelected = _ref2.isSelected;
23
39
  if (isSelected) {
24
- return selected;
40
+ return selectedStyles;
25
41
  } else {
26
- return 'user-select: text';
42
+ return {
43
+ userSelect: 'text'
44
+ };
27
45
  }
28
46
  };
29
- var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(_colors.B200, ")"), ";");
47
+ var hoveredStyles = {
48
+ borderColor: "var(--ds-border-accent-blue, ".concat(_colors.B200, ")")
49
+ };
30
50
  var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
31
- return "\n ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
51
+ if (props.withoutBackground) {
52
+ return undefined;
53
+ }
54
+ return {
55
+ textDecoration: 'none'
56
+ };
32
57
  };
33
58
  var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
34
- return "\n ".concat(hoveredStyles, "\n ").concat(activeHoveredFocusedStyles(props), ";\n");
59
+ return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
35
60
  };
36
61
 
37
62
  /*
@@ -46,10 +71,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
46
71
  // NB: `padding` consistent with @mentions.
47
72
  // NB: `display: inline` required for `box-decoration-break` to work.
48
73
  // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
49
- var baseWrapperStyle = function baseWrapperStyle(props) {
50
- return "\n line-height: 22px;\n padding: 2px 0px;\n ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n display: inline;\n box-decoration-break: clone;\n border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n color: ", "var(--ds-link, ".concat(_colors.B400, ")"), ";\n\n background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n ").concat(isSelected(props), ";\n\n ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"), ";"), "\n &:hover {\n ").concat(hoveredStyles, "\n }\n &, :hover, :focus, :active {\n ").concat(activeHoveredFocusedStyles(props), "\n }\n transition: 0.1s all ease-in-out;\n -moz-user-select: none;\n\n ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
74
+ var baseWrapperStyles = function baseWrapperStyles(props) {
75
+ return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
76
+ lineHeight: '22px',
77
+ padding: "var(--ds-space-025, 2px)".concat(" 0px")
78
+ }, props.withoutBackground ? {
79
+ paddingLeft: 0,
80
+ marginLeft: "var(--ds-space-negative-025, -2px)"
81
+ } : undefined), {}, {
82
+ display: 'inline',
83
+ boxDecorationBreak: 'clone',
84
+ borderRadius: "var(--ds-border-radius-100, 4px)",
85
+ color: "var(--ds-link, ".concat(_colors.B400, ")")
86
+ }, props.withoutBackground ? undefined : {
87
+ backgroundColor: "var(--ds-surface-raised, white)"
88
+ }), isSelected(props)), props.withoutBackground ? undefined : {
89
+ border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))
90
+ }), {}, {
91
+ '&:hover': hoveredStyles,
92
+ '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
93
+ transition: '0.1s all ease-in-out',
94
+ MozUserSelect: 'none'
95
+ }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
51
96
  };
52
- var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n ", "\n ", "\n"])), baseWrapperStyle, isInteractive);
97
+ var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(function (props) {
98
+ return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
99
+ });
53
100
  WrapperAnchor.displayName = 'WrapperAnchor';
54
- var WrapperSpan = exports.WrapperSpan = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", "\n"])), baseWrapperStyle);
101
+ var WrapperSpan = exports.WrapperSpan = _styled.default.span(function (props) {
102
+ return _objectSpread({}, baseWrapperStyles(props));
103
+ });
55
104
  WrapperSpan.displayName = 'WrapperSpan';
package/dist/cjs/view/LinkUrl/index.js CHANGED
@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
17
17
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
18
18
  var PACKAGE_DATA = {
19
19
  packageName: "@atlaskit/smart-card",
20
- packageVersion: "26.44.0",
20
+ packageVersion: "26.44.1",
21
21
  componentName: 'linkUrl'
22
22
  };
23
23
  var Link = (0, _click.withLinkClickedEvent)('a');
package/dist/es2019/utils/analytics/analytics.js CHANGED
@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
4
4
  export const context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "26.44.0"
7
+ packageVersion: "26.44.1"
8
8
  };
9
9
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/es2019/view/InlineCard/Frame/styled.js CHANGED
@@ -1,50 +1,56 @@
1
1
  import styled from '@emotion/styled';
2
2
  import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
3
- const selected = `
4
- cursor: pointer;
5
- box-shadow: 0 0 0 2px ${`var(--ds-border-selected, ${B100})`};
6
- outline: none;
7
- user-select: none;
8
- &, :hover, :focus, :active {
9
- text-decoration: none;
3
+ const selectedStyles = {
4
+ cursor: 'pointer',
5
+ boxShadow: `0 0 0 2px ${`var(--ds-border-selected, ${B100})`}`,
6
+ outline: 'none',
7
+ userSelect: 'none',
8
+ '&, :hover, :focus, :active': {
9
+ textDecoration: 'none'
10
+ },
11
+ '&:hover': {
12
+ border: `1px solid ${`var(--ds-border, ${N40})`}`
10
13
  }
11
- &:hover {
12
- border: 1px solid ${`var(--ds-border, ${N40})`};
13
- }
14
- `;
14
+ };
15
15
  const isInteractive = ({
16
16
  isInteractive
17
17
  }) => {
18
18
  if (isInteractive) {
19
- return `
20
- :active {
21
- background-color: ${`var(--ds-background-selected, ${B50})`};
22
- }
23
- :focus {
24
- ${selected}
25
- }
26
- `;
27
- } else {
28
- return '';
19
+ return {
20
+ ':active': {
21
+ backgroundColor: `var(--ds-background-selected, ${B50})`
22
+ },
23
+ ':focus': selectedStyles
24
+ };
29
25
  }
26
+ return undefined;
30
27
  };
31
28
  const isSelected = ({
32
29
  isSelected
33
30
  }) => {
34
31
  if (isSelected) {
35
- return selected;
32
+ return selectedStyles;
36
33
  } else {
37
- return 'user-select: text';
34
+ return {
35
+ userSelect: 'text'
36
+ };
37
+ }
38
+ };
39
+ const hoveredStyles = {
40
+ borderColor: `var(--ds-border-accent-blue, ${B200})`
41
+ };
42
+ const activeHoveredFocusedStyles = props => {
43
+ if (props.withoutBackground) {
44
+ return undefined;
38
45
  }
46
+ return {
47
+ textDecoration: 'none'
48
+ };
39
49
  };
40
- const hoveredStyles = `border-color: ${`var(--ds-border-accent-blue, ${B200})`};`;
41
- const activeHoveredFocusedStyles = props => `
42
- ${props.withoutBackground ? '' : 'text-decoration: none;'};
43
- `;
44
- const hoveredWihBorderStyles = props => `
45
- ${hoveredStyles}
46
- ${activeHoveredFocusedStyles(props)};
47
- `;
50
+ const hoveredWihBorderStyles = props => ({
51
+ ...hoveredStyles,
52
+ ...activeHoveredFocusedStyles(props)
53
+ });
48
54
 
49
55
  /*
50
56
  Inline smart cards should have the following layout:
@@ -58,37 +64,38 @@ const hoveredWihBorderStyles = props => `
58
64
  // NB: `padding` consistent with @mentions.
59
65
  // NB: `display: inline` required for `box-decoration-break` to work.
60
66
  // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
61
- const baseWrapperStyle = props => `
62
- line-height: 22px;
63
- padding: 2px 0px;
64
- ${props.withoutBackground ? `padding-left: 0; margin-left:-2px;` : ''}
65
- display: inline;
66
- box-decoration-break: clone;
67
- border-radius: ${"var(--ds-border-radius-100, 4px)"};
68
- color: ${`var(--ds-link, ${B400})`};
69
-
70
- background-color: ${props.withoutBackground ? '' : "var(--ds-surface-raised, white)"};
71
-
72
- ${isSelected(props)};
73
-
74
- ${props.withoutBackground ? '' : `border: 1px solid ${`var(--ds-border, ${N40})`};`}
75
- &:hover {
76
- ${hoveredStyles}
77
- }
78
- &, :hover, :focus, :active {
79
- ${activeHoveredFocusedStyles(props)}
80
- }
81
- transition: 0.1s all ease-in-out;
82
- -moz-user-select: none;
67
+ const baseWrapperStyles = props => ({
68
+ lineHeight: '22px',
69
+ padding: `${"var(--ds-space-025, 2px)"} 0px`,
70
+ ...(props.withoutBackground ? {
71
+ paddingLeft: 0,
72
+ marginLeft: "var(--ds-space-negative-025, -2px)"
73
+ } : undefined),
74
+ display: 'inline',
75
+ boxDecorationBreak: 'clone',
76
+ borderRadius: "var(--ds-border-radius-100, 4px)",
77
+ color: `var(--ds-link, ${B400})`,
78
+ ...(props.withoutBackground ? undefined : {
79
+ backgroundColor: "var(--ds-surface-raised, white)"
80
+ }),
81
+ ...isSelected(props),
82
+ ...(props.withoutBackground ? undefined : {
83
+ border: `1px solid ${`var(--ds-border, ${N40})`}`
84
+ }),
85
+ '&:hover': hoveredStyles,
86
+ '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
87
+ transition: '0.1s all ease-in-out',
88
+ MozUserSelect: 'none',
89
+ // -moz-user-select
83
90
 
84
- ${props.isHovered && hoveredWihBorderStyles(props)};
85
- `;
86
- export const WrapperAnchor = styled.a`
87
- ${baseWrapperStyle}
88
- ${isInteractive}
89
- `;
91
+ ...(props.isHovered ? hoveredWihBorderStyles(props) : undefined)
92
+ });
93
+ export const WrapperAnchor = styled.a(props => ({
94
+ ...baseWrapperStyles(props),
95
+ ...isInteractive(props)
96
+ }));
90
97
  WrapperAnchor.displayName = 'WrapperAnchor';
91
- export const WrapperSpan = styled.span`
92
- ${baseWrapperStyle}
93
- `;
98
+ export const WrapperSpan = styled.span(props => ({
99
+ ...baseWrapperStyles(props)
100
+ }));
94
101
  WrapperSpan.displayName = 'WrapperSpan';
package/dist/es2019/view/LinkUrl/index.js CHANGED
@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
7
7
  import LinkWarningModal from './LinkWarningModal';
8
8
  const PACKAGE_DATA = {
9
9
  packageName: "@atlaskit/smart-card",
10
- packageVersion: "26.44.0",
10
+ packageVersion: "26.44.1",
11
11
  componentName: 'linkUrl'
12
12
  };
13
13
  const Link = withLinkClickedEvent('a');
package/dist/esm/utils/analytics/analytics.js CHANGED
@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
15
15
  export var context = {
16
16
  componentName: 'smart-cards',
17
17
  packageName: "@atlaskit/smart-card",
18
- packageVersion: "26.44.0"
18
+ packageVersion: "26.44.1"
19
19
  };
20
20
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
21
21
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/esm/view/InlineCard/Frame/styled.js CHANGED
@@ -1,30 +1,55 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3
4
  import styled from '@emotion/styled';
4
5
  import { B50, B100, B200, B400, N40 } from '@atlaskit/theme/colors';
5
- var selected = "\n cursor: pointer;\n box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n outline: none;\n user-select: none;\n &, :hover, :focus, :active {\n text-decoration: none;\n }\n &:hover {\n border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";\n }\n");
6
+ var selectedStyles = {
7
+ cursor: 'pointer',
8
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")")),
9
+ outline: 'none',
10
+ userSelect: 'none',
11
+ '&, :hover, :focus, :active': {
12
+ textDecoration: 'none'
13
+ },
14
+ '&:hover': {
15
+ border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
16
+ }
17
+ };
6
18
  var isInteractive = function isInteractive(_ref) {
7
19
  var isInteractive = _ref.isInteractive;
8
20
  if (isInteractive) {
9
- return "\n :active {\n background-color: ".concat("var(--ds-background-selected, ".concat(B50, ")"), ";\n }\n :focus {\n ", selected, "\n }\n ");
10
- } else {
11
- return '';
21
+ return {
22
+ ':active': {
23
+ backgroundColor: "var(--ds-background-selected, ".concat(B50, ")")
24
+ },
25
+ ':focus': selectedStyles
26
+ };
12
27
  }
28
+ return undefined;
13
29
  };
14
30
  var isSelected = function isSelected(_ref2) {
15
31
  var isSelected = _ref2.isSelected;
16
32
  if (isSelected) {
17
- return selected;
33
+ return selectedStyles;
18
34
  } else {
19
- return 'user-select: text';
35
+ return {
36
+ userSelect: 'text'
37
+ };
20
38
  }
21
39
  };
22
- var hoveredStyles = "border-color: ".concat("var(--ds-border-accent-blue, ".concat(B200, ")"), ";");
40
+ var hoveredStyles = {
41
+ borderColor: "var(--ds-border-accent-blue, ".concat(B200, ")")
42
+ };
23
43
  var activeHoveredFocusedStyles = function activeHoveredFocusedStyles(props) {
24
- return "\n ".concat(props.withoutBackground ? '' : 'text-decoration: none;', ";\n");
44
+ if (props.withoutBackground) {
45
+ return undefined;
46
+ }
47
+ return {
48
+ textDecoration: 'none'
49
+ };
25
50
  };
26
51
  var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
27
- return "\n ".concat(hoveredStyles, "\n ").concat(activeHoveredFocusedStyles(props), ";\n");
52
+ return _objectSpread(_objectSpread({}, hoveredStyles), activeHoveredFocusedStyles(props));
28
53
  };
29
54
 
30
55
  /*
@@ -39,10 +64,34 @@ var hoveredWihBorderStyles = function hoveredWihBorderStyles(props) {
39
64
  // NB: `padding` consistent with @mentions.
40
65
  // NB: `display: inline` required for `box-decoration-break` to work.
41
66
  // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
42
- var baseWrapperStyle = function baseWrapperStyle(props) {
43
- return "\n line-height: 22px;\n padding: 2px 0px;\n ".concat(props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '', "\n display: inline;\n box-decoration-break: clone;\n border-radius: ", "var(--ds-border-radius-100, 4px)", ";\n color: ", "var(--ds-link, ".concat(B400, ")"), ";\n\n background-color: ").concat(props.withoutBackground ? '' : "var(--ds-surface-raised, white)", ";\n\n ").concat(isSelected(props), ";\n\n ").concat(props.withoutBackground ? '' : "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";"), "\n &:hover {\n ").concat(hoveredStyles, "\n }\n &, :hover, :focus, :active {\n ").concat(activeHoveredFocusedStyles(props), "\n }\n transition: 0.1s all ease-in-out;\n -moz-user-select: none;\n\n ").concat(props.isHovered && hoveredWihBorderStyles(props), ";\n");
67
+ var baseWrapperStyles = function baseWrapperStyles(props) {
68
+ return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
69
+ lineHeight: '22px',
70
+ padding: "var(--ds-space-025, 2px)".concat(" 0px")
71
+ }, props.withoutBackground ? {
72
+ paddingLeft: 0,
73
+ marginLeft: "var(--ds-space-negative-025, -2px)"
74
+ } : undefined), {}, {
75
+ display: 'inline',
76
+ boxDecorationBreak: 'clone',
77
+ borderRadius: "var(--ds-border-radius-100, 4px)",
78
+ color: "var(--ds-link, ".concat(B400, ")")
79
+ }, props.withoutBackground ? undefined : {
80
+ backgroundColor: "var(--ds-surface-raised, white)"
81
+ }), isSelected(props)), props.withoutBackground ? undefined : {
82
+ border: "1px solid ".concat("var(--ds-border, ".concat(N40, ")"))
83
+ }), {}, {
84
+ '&:hover': hoveredStyles,
85
+ '&, :hover, :focus, :active': activeHoveredFocusedStyles(props),
86
+ transition: '0.1s all ease-in-out',
87
+ MozUserSelect: 'none'
88
+ }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
44
89
  };
45
- export var WrapperAnchor = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n ", "\n"])), baseWrapperStyle, isInteractive);
90
+ export var WrapperAnchor = styled.a(function (props) {
91
+ return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
92
+ });
46
93
  WrapperAnchor.displayName = 'WrapperAnchor';
47
- export var WrapperSpan = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n"])), baseWrapperStyle);
94
+ export var WrapperSpan = styled.span(function (props) {
95
+ return _objectSpread({}, baseWrapperStyles(props));
96
+ });
48
97
  WrapperSpan.displayName = 'WrapperSpan';
package/dist/esm/view/LinkUrl/index.js CHANGED
@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
10
10
  import LinkWarningModal from './LinkWarningModal';
11
11
  var PACKAGE_DATA = {
12
12
  packageName: "@atlaskit/smart-card",
13
- packageVersion: "26.44.0",
13
+ packageVersion: "26.44.1",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  var Link = withLinkClickedEvent('a');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "26.44.0",
3
+ "version": "26.44.1",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,13 +39,13 @@
39
39
  "@atlaskit/link-extractors": "^1.2.0",
40
40
  "@atlaskit/linking-common": "^5.3.0",
41
41
  "@atlaskit/linking-types": "^8.5.0",
42
- "@atlaskit/logo": "^13.14.0",
43
- "@atlaskit/lozenge": "^11.5.0",
42
+ "@atlaskit/logo": "^13.15.0",
43
+ "@atlaskit/lozenge": "^11.6.0",
44
44
  "@atlaskit/modal-dialog": "^12.10.0",
45
45
  "@atlaskit/outbound-auth-flow-client": "^3.4.0",
46
46
  "@atlaskit/platform-feature-flags": "^0.2.1",
47
47
  "@atlaskit/popup": "^1.11.0",
48
- "@atlaskit/primitives": "^1.16.0",
48
+ "@atlaskit/primitives": "^1.17.0",
49
49
  "@atlaskit/spinner": "^16.0.0",
50
50
  "@atlaskit/theme": "^12.6.0",
51
51
  "@atlaskit/tokens": "^1.33.0",
@@ -73,7 +73,7 @@
73
73
  },
74
74
  "devDependencies": {
75
75
  "@af/visual-regression": "*",
76
- "@atlaskit/analytics-listeners": "^8.7.0",
76
+ "@atlaskit/analytics-listeners": "^8.9.0",
77
77
  "@atlaskit/css-reset": "^6.6.0",
78
78
  "@atlaskit/link-test-helpers": "^6.2.0",
79
79
  "@atlaskit/media-test-helpers": "^33.0.0",