@atlaskit/smart-card 24.1.0 → 24.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 24.1.1
+
+### Patch Changes
+
+- [`ffa4b8db98b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ffa4b8db98b) - Bugfix: Hide a vertical scroll bar for a flex UI card in case it's a clickable container and has one line title with no paddings
+
 ## 24.1.0
 
 ### Minor Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "24.1.0",
+	"version": "24.1.1",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/container/layered-link/index.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _useMouseDownEvent = _interopRequireDefault(require("../../../../../state/analytics/useMouseDownEvent"));
 var _templateObject;
-var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow-x: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
+var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
 
 /**
  * An anchor component to cover the entire container creating a clickable area.

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "24.1.0",
+	"version": "24.1.1",
 	"sideEffects": false
 }

package/dist/es2019/view/FlexibleCard/components/container/layered-link/index.js

@@ -9,7 +9,7 @@ const styles = css`
   right: 0;
   bottom: 0;
   left: 0;
-  overflow-x: hidden;
+  overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "24.1.0",
+	"version": "24.1.1",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js

@@ -4,7 +4,7 @@ var _templateObject;
 import React from 'react';
 import { jsx, css } from '@emotion/react';
 import useMouseDownEvent from '../../../../../state/analytics/useMouseDownEvent';
-var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow-x: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
+var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // Stretch the invisible link over the whole of the post.\n  // Hide the link\u2019s text.\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n\n  // Needs a heightened specificity to trump other anchor.\n  // Stack it under all other links in the post text.\n  a&.layered-link {\n    position: absolute;\n    z-index: 0;\n  }\n\n  // When hovering over the layered link, any hidden action buttons inside\n  // the Container should become visible.\n  // As actions resides inside blocks and layered link is expected to be\n  // on the same level of blocks. That makes the blocks, e.g. TitleBlock,\n  // its sibling. Using general sibling combinator here to apply styling to\n  // all the siblings of layered link.\n  // The general sibling combinator (~) separates two selectors and matches all\n  // iterations of the second element, that are following the first element\n  // (though not necessarily immediately), and are children of the same parent\n  // element.\n  &:hover ~ * {\n    .actions-button-group {\n      opacity: 1;\n    }\n  }\n"])));
 
 /**
  * An anchor component to cover the entire container creating a clickable area.

package/dist/types/view/Card/types.d.ts

@@ -33,6 +33,9 @@ export interface CardProps extends WithAnalyticsEventsProps {
     showActions?: boolean;
     onResolve?: OnResolveCallback;
     onError?: OnErrorCallback;
+    /** This props determines if dimensions of an embed card are to be inherited from the parent.
+     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
+     */
     inheritDimensions?: boolean;
     embedIframeRef?: React.Ref<HTMLIFrameElement>;
     inlinePreloaderStyle?: InlinePreloaderStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "24.1.0",
+  "version": "24.1.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -102,7 +102,6 @@
     "jest-extended": "^0.11.2",
     "jsdom": "^16.2.2",
     "lorem-ipsum": "^1.0.6",
-    "mockdate": "^3.0.2",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",
     "react-beautiful-dnd": "^12.1.1",
@@ -126,7 +125,9 @@
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
   "techstack": {
     "@repo/internal": {
-      "theming": "tokens"
+      "design-tokens": [
+        "color"
+      ]
     }
   }
 }

package/report.api.md

@@ -298,7 +298,6 @@ export interface CardProps extends WithAnalyticsEventsProps {
   id?: string;
   // (undocumented)
   importer?: (target: any) => void;
-  // (undocumented)
   inheritDimensions?: boolean;
   // (undocumented)
   inlinePreloaderStyle?: InlinePreloaderStyle;

package/tmp/api-report-tmp.d.ts

@@ -210,7 +210,6 @@ export interface CardProps extends WithAnalyticsEventsProps {
     id?: string;
     // (undocumented)
     importer?: (target: any) => void;
-    // (undocumented)
     inheritDimensions?: boolean;
     // (undocumented)
     inlinePreloaderStyle?: InlinePreloaderStyle;