@atlaskit/smart-card 36.0.4 → 36.2.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 36.2.0
+
+### Minor Changes
+
+- [#129557](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129557)
+  [`d9a93c1c21746`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9a93c1c21746) -
+  [ux] EDM-11945 fixing color contrast a11y violations in smart-card by updating examples and text
+  color for pending state
+
+## 36.1.0
+
+### Minor Changes
+
+- [#129342](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129342)
+  [`047d66b55d480`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/047d66b55d480) -
+  Fix bug with Inline not applying data-smart-element-badge
+
 ## 36.0.4
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4"
+  packageVersion: "36.2.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/elements/badge/index.js

@@ -12,7 +12,6 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@compiled/react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../constants");
@@ -97,13 +96,12 @@ var BadgeRefreshNew = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-    as: "span",
+  return /*#__PURE__*/_react.default.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,
-    testId: testId,
-    xcss: (0, _react2.cx)(styles.container, colorMap[appearance]),
-    ref: ref
+    "data-testid": testId,
+    ref: ref,
+    className: (0, _runtime.ax)([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.icon

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("../../../constants");
 var _messages = require("../../../messages");
@@ -219,7 +220,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper",
       "aria-label": formatMessage(_messages.messages.more_information_about_this_work_item)
-    }), children));
+    }, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
+      role: 'button'
+    } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
   return /*#__PURE__*/_react.default.createElement(_popup.default, {
     testId: "hover-card",

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4",
+  packageVersion: "36.2.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/UnauthorisedViewContent.js

@@ -45,6 +45,11 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     target: "_blank",
     "data-testid": "".concat(testId, "-learn-more"),
     onClick: handleLearnMoreClick
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      textDecoration: 'underline'
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, learnMoreMessage)));
 };
 var _default = exports.default = UnauthorisedViewContent;

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4"
+  packageVersion: "36.2.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/elements/badge/index.js

@@ -5,9 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React, { forwardRef } from 'react';
-import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import AtlaskitIcon from '../../common/atlaskit-icon';
@@ -96,13 +95,12 @@ const BadgeRefreshNew = /*#__PURE__*/forwardRef(({
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Inline, {
-    as: "span",
+  return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,
-    testId: testId,
-    xcss: cx(styles.container, colorMap[appearance]),
-    ref: ref
+    "data-testid": testId,
+    ref: ref,
+    className: ax([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.icon

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef } from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { ActionName, CardDisplay } from '../../../constants';
 import { messages } from '../../../messages';
@@ -196,7 +197,9 @@ export const HoverCardComponent = ({
     onContextMenu: onContextMenuClick,
     "data-testid": "hover-card-trigger-wrapper",
     "aria-label": formatMessage(messages.more_information_about_this_work_item)
-  }), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
+  }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
+    role: 'button'
+  } : {}), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
   return /*#__PURE__*/React.createElement(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4",
+  packageVersion: "36.2.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -36,6 +36,11 @@ const UnauthorisedViewContent = ({
     target: "_blank",
     "data-testid": `${testId}-learn-more`,
     onClick: handleLearnMoreClick
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      textDecoration: 'underline'
+    }
   }, /*#__PURE__*/React.createElement(FormattedMessage, learnMoreMessage)));
 };
 export default UnauthorisedViewContent;

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4"
+  packageVersion: "36.2.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/elements/badge/index.js

@@ -7,9 +7,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/design-system/use-tokens-typography */
 
 import React, { forwardRef } from 'react';
-import { cx } from '@compiled/react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { Box, Inline } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../constants';
 import { messages } from '../../../../../messages';
 import AtlaskitIcon from '../../common/atlaskit-icon';
@@ -88,13 +87,12 @@ var BadgeRefreshNew = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (!formattedMessageOrLabel || !badgeIcon) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Inline, {
-    as: "span",
+  return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-badge": true,
-    testId: testId,
-    xcss: cx(styles.container, colorMap[appearance]),
-    ref: ref
+    "data-testid": testId,
+    ref: ref,
+    className: ax([styles.container, colorMap[appearance]])
   }, !hideIcon && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.icon

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["aria-haspopup", "aria-expanded"];
 import React, { useCallback, useEffect, useRef } from 'react';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { ActionName, CardDisplay } from '../../../constants';
 import { messages } from '../../../messages';
@@ -209,7 +210,9 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper",
       "aria-label": formatMessage(messages.more_information_about_this_work_item)
-    }), children));
+    }, fg('fix_a11y_violation_in_hover_card_trigger') ? {
+      role: 'button'
+    } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage]);
   return /*#__PURE__*/React.createElement(Popup, {
     testId: "hover-card",

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.0.4",
+  packageVersion: "36.2.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/esm/view/common/UnauthorisedViewContent.js

@@ -35,6 +35,11 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     target: "_blank",
     "data-testid": "".concat(testId, "-learn-more"),
     onClick: handleLearnMoreClick
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: {
+      textDecoration: 'underline'
+    }
   }, /*#__PURE__*/React.createElement(FormattedMessage, learnMoreMessage)));
 };
 export default UnauthorisedViewContent;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.0.4",
+	"version": "36.2.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,9 +39,9 @@
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/frontend-utilities": "^3.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/icon": "^25.1.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^4.3.0",
+		"@atlaskit/icon-lab": "^4.4.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
@@ -101,7 +101,7 @@
 		"@atlaskit/visual-regression": "^0.10.0",
 		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/gemini": "^1.16.0",
+		"@atlassian/gemini": "^1.17.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",
@@ -204,6 +204,9 @@
 		},
 		"confluence-issue-terminology-refresh": {
 			"type": "boolean"
+		},
+		"fix_a11y_violation_in_hover_card_trigger": {
+			"type": "boolean"
 		}
 	}
 }