@atlaskit/smart-card 18.0.9 → 18.0.10

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 18.0.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`b687926f768`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b687926f768) - Fix bug where individual action item was not hidden by default with showActionOnHover flag
8
+
3
9
  ## 18.0.9
4
10
 
5
11
  ### Patch Changes
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "18.0.9",
3
+ "version": "18.0.10",
4
4
  "sideEffects": false
5
5
  }
@@ -48,7 +48,8 @@ var ActionGroup = function ActionGroup(_ref) {
48
48
  var firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
49
49
  var restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
50
50
  return (0, _core.jsx)("div", {
51
- css: styles
51
+ css: styles,
52
+ className: "actions-button-group"
52
53
  }, (0, _core.jsx)(_buttonGroup.default, null, (0, _utils.renderActionItems)(firstActions, size, appearance), restActions.length > 0 ? (0, _core.jsx)(_dropdownMenu.default, {
53
54
  onOpenChange: function onOpenChange(_ref2) {
54
55
  var isOpen = _ref2.isOpen;
@@ -59,7 +60,6 @@ var ActionGroup = function ActionGroup(_ref) {
59
60
  props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
60
61
  return (0, _core.jsx)(_standardButton.default, (0, _extends2.default)({}, props, {
61
62
  spacing: _action.sizeToSpacing[size],
62
- className: "action-group-more-button",
63
63
  testId: "action-group-more-button",
64
64
  iconBefore: (0, _core.jsx)(_more.default, {
65
65
  label: "more"
@@ -41,7 +41,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
41
41
 
42
42
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
43
43
 
44
- var actionOnHoverOnlyStyle = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .action-group-more-button {\n visibility: hidden;\n }\n\n &:hover {\n .action-group-more-button {\n visibility: visible;\n }\n }\n"])));
44
+ var actionOnHoverOnlyStyle = (0, _core.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n .actions-button-group {\n visibility: hidden;\n }\n\n &:hover {\n .actions-button-group {\n visibility: visible;\n }\n }\n"])));
45
45
  exports.actionOnHoverOnlyStyle = actionOnHoverOnlyStyle;
46
46
 
47
47
  var BaseTitleBlockComponent = function BaseTitleBlockComponent(_ref) {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "18.0.9",
3
+ "version": "18.0.10",
4
4
  "sideEffects": false
5
5
  }
@@ -25,7 +25,8 @@ const ActionGroup = ({
25
25
  const firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
26
26
  const restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
27
27
  return jsx("div", {
28
- css: styles
28
+ css: styles,
29
+ className: "actions-button-group"
29
30
  }, jsx(ButtonGroup, null, renderActionItems(firstActions, size, appearance), restActions.length > 0 ? jsx(DropdownMenu, {
30
31
  onOpenChange: ({
31
32
  isOpen
@@ -35,7 +36,6 @@ const ActionGroup = ({
35
36
  ...props
36
37
  }) => jsx(Button, _extends({}, props, {
37
38
  spacing: sizeToSpacing[size],
38
- className: "action-group-more-button",
39
39
  testId: "action-group-more-button",
40
40
  iconBefore: jsx(MoreIcon, {
41
41
  label: "more"
@@ -11,12 +11,12 @@ import { SmartLinkAlignment, SmartLinkWidth, SmartLinkDirection } from '../../..
11
11
  import ElementGroup from '../element-group';
12
12
  import { renderElementItems } from '../utils';
13
13
  export const actionOnHoverOnlyStyle = css`
14
- .action-group-more-button {
14
+ .actions-button-group {
15
15
  visibility: hidden;
16
16
  }
17
17
 
18
18
  &:hover {
19
- .action-group-more-button {
19
+ .actions-button-group {
20
20
  visibility: visible;
21
21
  }
22
22
  }
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "18.0.9",
3
+ "version": "18.0.10",
4
4
  "sideEffects": false
5
5
  }
@@ -29,7 +29,8 @@ var ActionGroup = function ActionGroup(_ref) {
29
29
  var firstActions = isMoreThenTwoItems ? items.slice(0, visibleButtonsNum - 1) : items;
30
30
  var restActions = isMoreThenTwoItems ? items.slice(visibleButtonsNum - 1) : [];
31
31
  return jsx("div", {
32
- css: styles
32
+ css: styles,
33
+ className: "actions-button-group"
33
34
  }, jsx(ButtonGroup, null, renderActionItems(firstActions, size, appearance), restActions.length > 0 ? jsx(DropdownMenu, {
34
35
  onOpenChange: function onOpenChange(_ref2) {
35
36
  var isOpen = _ref2.isOpen;
@@ -41,7 +42,6 @@ var ActionGroup = function ActionGroup(_ref) {
41
42
 
42
43
  return jsx(Button, _extends({}, props, {
43
44
  spacing: sizeToSpacing[size],
44
- className: "action-group-more-button",
45
45
  testId: "action-group-more-button",
46
46
  iconBefore: jsx(MoreIcon, {
47
47
  label: "more"
@@ -16,7 +16,7 @@ import ActionGroup from '../action-group';
16
16
  import { SmartLinkAlignment, SmartLinkWidth, SmartLinkDirection } from '../../../../../constants';
17
17
  import ElementGroup from '../element-group';
18
18
  import { renderElementItems } from '../utils';
19
- export var actionOnHoverOnlyStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .action-group-more-button {\n visibility: hidden;\n }\n\n &:hover {\n .action-group-more-button {\n visibility: visible;\n }\n }\n"])));
19
+ export var actionOnHoverOnlyStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .actions-button-group {\n visibility: hidden;\n }\n\n &:hover {\n .actions-button-group {\n visibility: visible;\n }\n }\n"])));
20
20
  export var BaseTitleBlockComponent = function BaseTitleBlockComponent(_ref) {
21
21
  var children = _ref.children,
22
22
  blockTestIdPostfix = _ref.blockTestIdPostfix,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "18.0.9",
3
+ "version": "18.0.10",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"