@atlaskit/smart-card 27.6.1 → 27.6.2

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 (14) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/utils/analytics/analytics.js +1 -1
  3. package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -15
  4. package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +1 -2
  5. package/dist/cjs/view/LinkUrl/index.js +1 -1
  6. package/dist/es2019/utils/analytics/analytics.js +1 -1
  7. package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +2 -16
  8. package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +2 -3
  9. package/dist/es2019/view/LinkUrl/index.js +1 -1
  10. package/dist/esm/utils/analytics/analytics.js +1 -1
  11. package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +2 -16
  12. package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js +2 -3
  13. package/dist/esm/view/LinkUrl/index.js +1 -1
  14. package/package.json +20 -20
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 27.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#112295](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/112295)
8
+ [`e8037887d2086`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e8037887d2086) -
9
+ Migration of Box button primitives to the Pressable primitive.
10
+ - Updated dependencies
11
+
3
12
  ## 27.6.1
4
13
 
5
14
  ### Patch 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: "27.6.1"
25
+ packageVersion: "27.6.2"
26
26
  };
27
27
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
28
28
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js CHANGED
@@ -16,21 +16,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
16
16
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
17
  var buttonStyles = (0, _primitives.xcss)({
18
18
  all: 'unset',
19
- cursor: 'pointer',
20
19
  padding: 'space.050',
21
20
  width: '100%',
22
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
23
- ':focus:not(:focus-visible)': {
24
- outline: 'none'
25
- },
26
- ':focus': {
27
- outlineColor: 'color.border.focused',
28
- // xcss outlineOffset does not support space.negative.025
29
- // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
30
- outlineOffset: "var(--ds-space-negative-025, -2px)",
31
- outlineStyle: 'solid',
32
- outlineWidth: 'border.width.outline'
33
- },
34
21
  ':hover': {
35
22
  backgroundColor: 'color.background.neutral.subtle.hovered'
36
23
  },
@@ -71,8 +58,7 @@ var ActionButton = function ActionButton(_ref) {
71
58
  }),
72
59
  size: size
73
60
  }) : iconOption;
74
- return /*#__PURE__*/_react.default.createElement(_primitives.Box, (0, _extends2.default)({
75
- as: "button",
61
+ return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
76
62
  xcss: [buttonStyles, xcss]
77
63
  }, tooltipProps, {
78
64
  onClick: onClick,
package/dist/cjs/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js CHANGED
@@ -41,10 +41,9 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
41
41
  xcss: (0, _primitives.xcss)({
42
42
  width: '100%'
43
43
  })
44
- }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
44
+ }, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
45
45
  onClick: chevronClickHandler,
46
46
  testId: "".concat(testId, "-expand-title"),
47
- as: "button",
48
47
  backgroundColor: "color.background.neutral.subtle",
49
48
  "aria-expanded": !!isOpen,
50
49
  padding: "space.0"
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: "27.6.1",
20
+ packageVersion: "27.6.2",
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: "27.6.1"
7
+ packageVersion: "27.6.2"
8
8
  };
9
9
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js CHANGED
@@ -1,27 +1,14 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import { xcss } from '@atlaskit/primitives';
3
- import { Box, Inline } from '@atlaskit/primitives';
3
+ import { Box, Inline, Pressable } from '@atlaskit/primitives';
4
4
  import Spinner from '@atlaskit/spinner';
5
5
  import React, { useCallback } from 'react';
6
6
  import { getPrimitivesInlineSpaceBySize } from '../../../utils';
7
7
  import ActionIcon from '../action-icon';
8
8
  const buttonStyles = xcss({
9
9
  all: 'unset',
10
- cursor: 'pointer',
11
10
  padding: 'space.050',
12
11
  width: '100%',
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
14
- ':focus:not(:focus-visible)': {
15
- outline: 'none'
16
- },
17
- ':focus': {
18
- outlineColor: 'color.border.focused',
19
- // xcss outlineOffset does not support space.negative.025
20
- // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
21
- outlineOffset: "var(--ds-space-negative-025, -2px)",
22
- outlineStyle: 'solid',
23
- outlineWidth: 'border.width.outline'
24
- },
25
12
  ':hover': {
26
13
  backgroundColor: 'color.background.neutral.subtle.hovered'
27
14
  },
@@ -63,8 +50,7 @@ const ActionButton = ({
63
50
  }),
64
51
  size: size
65
52
  }) : iconOption;
66
- return /*#__PURE__*/React.createElement(Box, _extends({
67
- as: "button",
53
+ return /*#__PURE__*/React.createElement(Pressable, _extends({
68
54
  xcss: [buttonStyles, xcss]
69
55
  }, tooltipProps, {
70
56
  onClick: onClick,
package/dist/es2019/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js CHANGED
@@ -2,7 +2,7 @@ import React, { useCallback, useState } from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
4
4
  import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
5
- import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
5
+ import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
6
6
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
7
7
  import { css } from '@emotion/react';
8
8
  import { messages } from '../../../../../../../messages';
@@ -25,10 +25,9 @@ const RelatedUrlList = ({
25
25
  xcss: xcss({
26
26
  width: '100%'
27
27
  })
28
- }, /*#__PURE__*/React.createElement(Box, {
28
+ }, /*#__PURE__*/React.createElement(Pressable, {
29
29
  onClick: chevronClickHandler,
30
30
  testId: `${testId}-expand-title`,
31
- as: "button",
32
31
  backgroundColor: "color.background.neutral.subtle",
33
32
  "aria-expanded": !!isOpen,
34
33
  padding: "space.0"
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: "27.6.1",
10
+ packageVersion: "27.6.2",
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: "27.6.1"
18
+ packageVersion: "27.6.2"
19
19
  };
20
20
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
21
21
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js CHANGED
@@ -1,27 +1,14 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import { xcss } from '@atlaskit/primitives';
3
- import { Box, Inline } from '@atlaskit/primitives';
3
+ import { Box, Inline, Pressable } from '@atlaskit/primitives';
4
4
  import Spinner from '@atlaskit/spinner';
5
5
  import React, { useCallback } from 'react';
6
6
  import { getPrimitivesInlineSpaceBySize } from '../../../utils';
7
7
  import ActionIcon from '../action-icon';
8
8
  var buttonStyles = xcss({
9
9
  all: 'unset',
10
- cursor: 'pointer',
11
10
  padding: 'space.050',
12
11
  width: '100%',
13
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
14
- ':focus:not(:focus-visible)': {
15
- outline: 'none'
16
- },
17
- ':focus': {
18
- outlineColor: 'color.border.focused',
19
- // xcss outlineOffset does not support space.negative.025
20
- // @ts-ignore-next-line TS2322: Type "var(--ds-space-negative-025)" is not assignable to type
21
- outlineOffset: "var(--ds-space-negative-025, -2px)",
22
- outlineStyle: 'solid',
23
- outlineWidth: 'border.width.outline'
24
- },
25
12
  ':hover': {
26
13
  backgroundColor: 'color.background.neutral.subtle.hovered'
27
14
  },
@@ -62,8 +49,7 @@ var ActionButton = function ActionButton(_ref) {
62
49
  }),
63
50
  size: size
64
51
  }) : iconOption;
65
- return /*#__PURE__*/React.createElement(Box, _extends({
66
- as: "button",
52
+ return /*#__PURE__*/React.createElement(Pressable, _extends({
67
53
  xcss: [buttonStyles, xcss]
68
54
  }, tooltipProps, {
69
55
  onClick: onClick,
package/dist/esm/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.js CHANGED
@@ -3,7 +3,7 @@ import React, { useCallback, useState } from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
4
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
5
5
  import ChevronUpIcon from '@atlaskit/icon/glyph/chevron-up';
6
- import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
6
+ import { Inline, Pressable, Stack, xcss } from '@atlaskit/primitives';
7
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
8
8
  import { css } from '@emotion/react';
9
9
  import { messages } from '../../../../../../../messages';
@@ -30,10 +30,9 @@ var RelatedUrlList = function RelatedUrlList(_ref) {
30
30
  xcss: xcss({
31
31
  width: '100%'
32
32
  })
33
- }, /*#__PURE__*/React.createElement(Box, {
33
+ }, /*#__PURE__*/React.createElement(Pressable, {
34
34
  onClick: chevronClickHandler,
35
35
  testId: "".concat(testId, "-expand-title"),
36
- as: "button",
37
36
  backgroundColor: "color.background.neutral.subtle",
38
37
  "aria-expanded": !!isOpen,
39
38
  padding: "space.0"
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: "27.6.1",
13
+ packageVersion: "27.6.2",
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": "27.6.1",
3
+ "version": "27.6.2",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -33,13 +33,13 @@
33
33
  "@atlaskit/avatar": "^21.10.0",
34
34
  "@atlaskit/avatar-group": "^9.7.0",
35
35
  "@atlaskit/badge": "^16.2.0",
36
- "@atlaskit/button": "^17.17.0",
37
- "@atlaskit/checkbox": "^13.4.0",
38
- "@atlaskit/dropdown-menu": "^12.12.0",
39
- "@atlaskit/form": "^10.3.0",
36
+ "@atlaskit/button": "^17.19.0",
37
+ "@atlaskit/checkbox": "^13.5.0",
38
+ "@atlaskit/dropdown-menu": "^12.13.0",
39
+ "@atlaskit/form": "^10.4.0",
40
40
  "@atlaskit/frontend-utilities": "^2.7.0",
41
- "@atlaskit/heading": "^2.3.0",
42
- "@atlaskit/icon": "^22.3.0",
41
+ "@atlaskit/heading": "^2.4.0",
42
+ "@atlaskit/icon": "^22.4.0",
43
43
  "@atlaskit/icon-file-type": "^6.4.0",
44
44
  "@atlaskit/icon-object": "^6.4.0",
45
45
  "@atlaskit/icon-priority": "^6.3.0",
@@ -48,22 +48,22 @@
48
48
  "@atlaskit/link-extractors": "^1.5.0",
49
49
  "@atlaskit/linking-common": "^5.7.0",
50
50
  "@atlaskit/linking-types": "^8.9.0",
51
- "@atlaskit/logo": "^14.0.0",
52
- "@atlaskit/lozenge": "^11.7.0",
53
- "@atlaskit/menu": "^2.4.0",
54
- "@atlaskit/modal-dialog": "^12.13.0",
51
+ "@atlaskit/logo": "^14.1.0",
52
+ "@atlaskit/lozenge": "^11.8.0",
53
+ "@atlaskit/menu": "^2.5.0",
54
+ "@atlaskit/modal-dialog": "^12.14.0",
55
55
  "@atlaskit/outbound-auth-flow-client": "^3.4.0",
56
56
  "@atlaskit/platform-feature-flags": "^0.2.1",
57
- "@atlaskit/popup": "^1.18.0",
58
- "@atlaskit/primitives": "^7.3.0",
57
+ "@atlaskit/popup": "^1.19.0",
58
+ "@atlaskit/primitives": "^7.4.0",
59
59
  "@atlaskit/section-message": "^6.5.0",
60
- "@atlaskit/select": "^17.10.0",
61
- "@atlaskit/spinner": "^16.1.0",
62
- "@atlaskit/textarea": "^5.4.0",
63
- "@atlaskit/textfield": "^6.3.0",
64
- "@atlaskit/theme": "^12.9.0",
65
- "@atlaskit/tokens": "^1.50.0",
66
- "@atlaskit/tooltip": "^18.4.0",
60
+ "@atlaskit/select": "^17.11.0",
61
+ "@atlaskit/spinner": "^16.2.0",
62
+ "@atlaskit/textarea": "^5.5.0",
63
+ "@atlaskit/textfield": "^6.4.0",
64
+ "@atlaskit/theme": "^12.10.0",
65
+ "@atlaskit/tokens": "^1.51.0",
66
+ "@atlaskit/tooltip": "^18.5.0",
67
67
  "@atlaskit/ufo": "^0.2.0",
68
68
  "@babel/runtime": "^7.0.0",
69
69
  "@emotion/react": "^11.7.1",