@atlaskit/smart-card 26.50.4 → 26.50.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 26.50.5
+
+### Patch Changes
+
+- [#82264](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/82264) [`8c6674a35d91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8c6674a35d91) - AI summary: Reduce list indentation inside summary
+- Updated dependencies
+
 ## 26.50.4
 
 ### Patch Changes

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

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

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

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

package/dist/cjs/view/common/ai-summary/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
 var _react2 = require("@emotion/react");
 var _aiStateIndicator = _interopRequireDefault(require("../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator"));
+var _ulist = _interopRequireDefault(require("./ulist"));
 /** @jsx jsx */
 
 var AITooltipIcon = function AITooltipIcon() {
@@ -18,7 +19,7 @@ var AITooltipIcon = function AITooltipIcon() {
     testId: "ai-tooltip"
   });
 };
-var AISummaryCSS = (0, _react2.css)({
+var AISummaryCSSStyles = (0, _react2.css)({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
@@ -46,12 +47,13 @@ var AISummary = function AISummary(_ref) {
   }
   return (0, _react2.jsx)(_markdownToJsx.default, {
     "data-testid": testId,
-    css: [AISummaryCSS, overrideCss],
+    css: [AISummaryCSSStyles, overrideCss],
     children: showIcon ? "".concat(content, "&nbsp;<Icon />") : content,
     options: {
       forceWrapper: true,
       overrides: {
-        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
+        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
+        ul: _ulist.default
       }
     },
     style: {

package/dist/cjs/view/common/ai-summary/ulist.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["children"];
+/** @jsx jsx */
+var listStyles = (0, _react2.css)({
+  paddingLeft: "var(--ds-space-250, 20px)",
+  paddingInlineStart: "var(--ds-space-250, 20px)"
+});
+var UList = function UList(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("ul", (0, _extends2.default)({
+    css: listStyles
+  }, props), children);
+};
+var _default = exports.default = UList;

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

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

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.4",
+  packageVersion: "26.50.5",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/es2019/view/common/ai-summary/index.js

@@ -3,12 +3,13 @@ import React from 'react';
 import Markdown from 'markdown-to-jsx';
 import { css, jsx } from '@emotion/react';
 import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
+import UList from './ulist';
 const AITooltipIcon = () => jsx(AIStateIndicator, {
   appearance: "icon-only",
   state: "done",
   testId: "ai-tooltip"
 });
-const AISummaryCSS = css({
+const AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
@@ -33,12 +34,13 @@ const AISummary = ({
   }
   return jsx(Markdown, {
     "data-testid": testId,
-    css: [AISummaryCSS, overrideCss],
+    css: [AISummaryCSSStyles, overrideCss],
     children: showIcon ? `${content}&nbsp;<Icon />` : content,
     options: {
       forceWrapper: true,
       overrides: {
-        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
+        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
+        ul: UList
       }
     },
     style: {

package/dist/es2019/view/common/ai-summary/ulist.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx } from '@emotion/react';
+const listStyles = css({
+  paddingLeft: "var(--ds-space-250, 20px)",
+  paddingInlineStart: "var(--ds-space-250, 20px)"
+});
+const UList = ({
+  children,
+  ...props
+}) => jsx("ul", _extends({
+  css: listStyles
+}, props), children);
+export default UList;

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

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

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.50.4",
+  packageVersion: "26.50.5",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/common/ai-summary/index.js

@@ -3,6 +3,7 @@ import React from 'react';
 import Markdown from 'markdown-to-jsx';
 import { css, jsx } from '@emotion/react';
 import AIStateIndicator from '../../FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator';
+import UList from './ulist';
 var AITooltipIcon = function AITooltipIcon() {
   return jsx(AIStateIndicator, {
     appearance: "icon-only",
@@ -10,7 +11,7 @@ var AITooltipIcon = function AITooltipIcon() {
     testId: "ai-tooltip"
   });
 };
-var AISummaryCSS = css({
+var AISummaryCSSStyles = css({
   fontSize: '0.75rem',
   lineHeight: '1rem',
   wordWrap: 'break-word',
@@ -38,12 +39,13 @@ var AISummary = function AISummary(_ref) {
   }
   return jsx(Markdown, {
     "data-testid": testId,
-    css: [AISummaryCSS, overrideCss],
+    css: [AISummaryCSSStyles, overrideCss],
     children: showIcon ? "".concat(content, "&nbsp;<Icon />") : content,
     options: {
       forceWrapper: true,
       overrides: {
-        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon
+        Icon: iconComponent !== null && iconComponent !== void 0 ? iconComponent : AITooltipIcon,
+        ul: UList
       }
     },
     style: {

package/dist/esm/view/common/ai-summary/ulist.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx } from '@emotion/react';
+var listStyles = css({
+  paddingLeft: "var(--ds-space-250, 20px)",
+  paddingInlineStart: "var(--ds-space-250, 20px)"
+});
+var UList = function UList(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return jsx("ul", _extends({
+    css: listStyles
+  }, props), children);
+};
+export default UList;

package/dist/types/view/common/ai-summary/ulist.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import React from 'react';
+declare const UList: React.FC<React.HTMLAttributes<HTMLUListElement>>;
+export default UList;

package/dist/types-ts4.5/view/common/ai-summary/ulist.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import React from 'react';
+declare const UList: React.FC<React.HTMLAttributes<HTMLUListElement>>;
+export default UList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.50.4",
+  "version": "26.50.5",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -51,10 +51,10 @@
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.13.0",
-    "@atlaskit/primitives": "^5.0.0",
+    "@atlaskit/primitives": "^5.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",