@atlaskit/smart-card 23.14.0 → 23.14.2

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

@@ -3,7 +3,6 @@ import { ElementName } from '../../../../constants';
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
-
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
@@ -13,143 +12,119 @@ export var AttachmentCount = createElement(ElementName.AttachmentCount);
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-
 export var AuthorGroup = createElement(ElementName.AuthorGroup);
 /**
  * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
  * @see Badge
  */
-
 export var ChecklistProgress = createElement(ElementName.ChecklistProgress);
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-
 export var CollaboratorGroup = createElement(ElementName.CollaboratorGroup);
 /**
  * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
  * @see Badge
  */
-
 export var CommentCount = createElement(ElementName.CommentCount);
 /**
  * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
  * @see DateTime
  */
-
 export var CreatedOn = createElement(ElementName.CreatedOn);
 /**
  * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
  * @see Text
  */
-
 export var CreatedBy = createElement(ElementName.CreatedBy);
 /**
  * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
  * @see Lozenge
  */
-
 export var DueOn = createElement(ElementName.DueOn);
 /**
  * Creates an element that contains Last Commit hash
  */
-
 export var LatestCommit = createElement(ElementName.LatestCommit);
 /**
  * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
  * @see Icon
  */
-
 export var LinkIcon = createElement(ElementName.LinkIcon);
 /**
  * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
  * @see Text
  */
-
 export var ModifiedBy = createElement(ElementName.ModifiedBy);
 /**
  * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
  * @see DateTime
  */
-
 export var ModifiedOn = createElement(ElementName.ModifiedOn);
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-
 export var Preview = createElement(ElementName.Preview);
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge
  */
-
 export var Priority = createElement(ElementName.Priority);
 /**
  * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
  * @see Badge
  */
-
 export var ProgrammingLanguage = createElement(ElementName.ProgrammingLanguage);
 /**
  * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
  * @see Badge
  */
-
 export var Provider = createElement(ElementName.Provider);
 /**
  * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
  * @see Badge
  */
-
 export var ReactCount = createElement(ElementName.ReactCount);
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
  */
-
 export var Snippet = createElement(ElementName.Snippet);
 /**
  * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
  * @see Text
  */
-
 export var SourceBranch = createElement(ElementName.SourceBranch);
 /**
  * Creates a State Lozenge element using the data from State in the Flexible UI Context.
  * @see Lozenge
  */
-
 export var State = createElement(ElementName.State);
 /**
  * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
  * @see Badge
  */
-
 export var SubscriberCount = createElement(ElementName.SubscriberCount);
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text
  */
-
 export var TargetBranch = createElement(ElementName.TargetBranch);
 /**
  * Creates a Title Link element using the data from Title in the Flexible UI Context.
  * This represents the main link text within the Smart Link.
  * @see Link
  */
-
 export var Title = createElement(ElementName.Title);
 /**
  * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
  * @see Badge
  */
-
 export var ViewCount = createElement(ElementName.ViewCount);
 /**
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-
 export var VoteCount = createElement(ElementName.VoteCount);

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

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,36 +11,29 @@ var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
 var containerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1 1 auto;\n"])));
-
 var getThemeStyles = function getThemeStyles(theme) {
   switch (theme) {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
     case SmartLinkTheme.Black:
       return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        color: ", ";\n        :active {\n          color: ", ";\n        }\n        :hover {\n          color: ", ";\n          text-decoration: underline;\n        }\n      "])), tokens.blackLink, tokens.blackLinkPressed, tokens.blackLink);
-
     case SmartLinkTheme.Link:
     default:
       return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n        :active {\n          color: ", ";\n        }\n        :hover {\n          color: ", ";\n          text-decoration: underline;\n        }\n      "])), tokens.blueLink, tokens.blueLinkPressed, tokens.blueLink);
   }
 };
-
 var getAnchorStyles = function getAnchorStyles(size, theme, maxLines, hasSpace) {
   var sizeStyles = getLinkSizeStyles(size);
   return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    flex: 1 1 auto;\n    ", "\n    ", "\n    // Theme should be last to be spread because it contains override values\n    ", "\n  "])), sizeStyles, getTruncateStyles(maxLines, getLinkLineHeight(size), hasSpace ? 'break-word' : 'break-all'), getThemeStyles(theme));
 };
-
 var getMaxLines = function getMaxLines(maxLines) {
   if (maxLines > MAXIMUM_MAX_LINES) {
     return DEFAULT_MAX_LINES;
   }
-
   if (maxLines < MINIMUM_MAX_LINES) {
     return MINIMUM_MAX_LINES;
   }
-
   return maxLines;
 };
-
 var withTooltip = function withTooltip(trigger, content, testId) {
   return jsx(Tooltip, {
     content: content,
@@ -50,30 +41,29 @@ var withTooltip = function withTooltip(trigger, content, testId) {
     tag: "span"
   }, trigger);
 };
+
 /**
  * A base element that represent an anchor.
  * @internal
  * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-
-
 var Link = function Link(_ref) {
   var hideTooltip = _ref.hideTooltip,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
-      name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-link' : _ref$testId,
-      text = _ref.text,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
-      url = _ref.url,
-      onClick = _ref.onClick,
-      target = _ref.target;
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-link' : _ref$testId,
+    text = _ref.text,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
+    url = _ref.url,
+    onClick = _ref.onClick,
+    target = _ref.target;
   var hasSpace = useMemo(function () {
     return text ? hasWhiteSpace(text) : false;
   }, [text]);
@@ -90,5 +80,4 @@ var Link = function Link(_ref) {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
-
 export default Link;

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

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React, { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -10,28 +8,26 @@ import AtlaskitLozenge from '@atlaskit/lozenge';
 import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: inherit;\n"])));
 var actionStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  > span > span {\n    display: inline-flex;\n    align-items: center;\n    margin-right: -2px;\n  }\n\n  svg {\n    width: unset;\n    height: unset;\n    margin: -4px 0;\n  }\n\n  :hover {\n    cursor: pointer;\n  }\n"])));
+
 /**
  * A base element that displays a Lozenge.
  * @internal
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */
-
 var Lozenge = function Lozenge(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
-      name = _ref.name,
-      onClick = _ref.onClick,
-      overrideCss = _ref.overrideCss,
-      text = _ref.text,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
-
+    appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+    name = _ref.name,
+    onClick = _ref.onClick,
+    overrideCss = _ref.overrideCss,
+    text = _ref.text,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isBold = _useState2[0],
-      setIsBold = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isBold = _useState2[0],
+    setIsBold = _useState2[1];
   var onHover = useCallback(function (isHover) {
     if (onClick) {
       setIsBold(isHover);
@@ -43,11 +39,9 @@ var Lozenge = function Lozenge(_ref) {
   var onMouseLeave = useCallback(function () {
     return onHover(false);
   }, [onHover]);
-
   if (!text) {
     return null;
   }
-
   return jsx("span", {
     css: [styles, onClick ? actionStyles : undefined, overrideCss],
     "data-fit-to-content": true,
@@ -67,5 +61,4 @@ var Lozenge = function Lozenge(_ref) {
     testId: "".concat(testId, "-action")
   })));
 };
-
 export default Lozenge;

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

@@ -1,12 +1,9 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';
-
 /**
  * Media: Image
  * [aspect-ratio: 16 / 9] The context box is fixed to aspect ratio of 16:9.
@@ -18,27 +15,25 @@ import ImageIcon from '../../common/image-icon';
  * contents within the element's box.
  */
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  aspect-ratio: 16 / 9;\n  display: flex;\n  width: 100%;\n  height: fit-content; // Fix Safari height not respecting aspect-ratio\n\n  // fallback\n  @supports not (aspect-ratio: auto) {\n    padding-top: 56.25%; // 16:9 ratio (9 / 16 = 0.5625)\n    height: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  > img,\n  > span {\n    min-height: 100%;\n    min-width: 100%;\n    max-height: 100%;\n    max-width: 100%;\n    object-fit: cover;\n    object-position: center center;\n\n    // fallback\n    @supports not (aspect-ratio: auto) {\n      position: absolute;\n      transform: translate(-50%, -50%);\n      left: 50%;\n      top: 50%;\n      width: auto;\n      height: auto;\n    }\n  }\n"])));
+
 /**
  * A base element that displays a Media.
  * @internal
  * @param {MediaProps} MediaProps - The props necessary for the Media element.
  * @see Preview
  */
-
 var Media = function Media(_ref) {
   var name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-media' : _ref$testId,
-      type = _ref.type,
-      url = _ref.url,
-      onLoad = _ref.onLoad,
-      onError = _ref.onError;
-
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-media' : _ref$testId,
+    type = _ref.type,
+    url = _ref.url,
+    onLoad = _ref.onLoad,
+    onError = _ref.onError;
   if (!type || !url) {
     return null;
   }
-
   return jsx("div", {
     css: [styles, overrideCss],
     "data-smart-element": name,
@@ -52,5 +47,4 @@ var Media = function Media(_ref) {
     defaultIcon: null
   }));
 };
-
 export default Media;

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

@@ -1,38 +1,32 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
 import { tokens } from '../../../../../utils/token';
-
 var getStyles = function getStyles(maxLines) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 0.75rem;\n  line-height: 1rem;\n  ", "\n"])), tokens.text, getTruncateStyles(maxLines));
 };
+
 /**
  * A base element that displays some Text.
  * @internal
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-
-
 var Text = function Text(_ref) {
   var content = _ref.content,
-      _ref$maxLines = _ref.maxLines,
-      maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
-      message = _ref.message,
-      name = _ref.name,
-      overrideCss = _ref.overrideCss,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
-
+    _ref$maxLines = _ref.maxLines,
+    maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
+    message = _ref.message,
+    name = _ref.name,
+    overrideCss = _ref.overrideCss,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
   if (!message && !content) {
     return null;
   }
-
   return jsx("span", {
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
@@ -41,5 +35,4 @@ var Text = function Text(_ref) {
     "data-testid": testId
   }, getFormattedMessage(message) || content);
 };
-
 export default Text;

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _elementMappings;
-
 import React, { useContext } from 'react';
 import { FormattedDate } from 'react-intl-next';
 import { css } from '@emotion/react';
@@ -102,25 +100,20 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
 }), _defineProperty(_elementMappings, ElementName.Title, {
   component: Link
 }), _elementMappings);
-
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
   // code run during runtime
   return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
 };
-
 var getData = function getData(elementName, contextKey, context) {
   if (!context) {
     return undefined;
   }
-
   var data = context[contextKey];
-
   switch (elementName) {
     case ElementName.AuthorGroup:
     case ElementName.CollaboratorGroup:
       return toAvatarGroupProps(data);
-
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
     case ElementName.CommentCount:
@@ -131,47 +124,36 @@ var getData = function getData(elementName, contextKey, context) {
     case ElementName.SubscriberCount:
     case ElementName.LatestCommit:
       return toBadgeProps(data);
-
     case ElementName.CreatedBy:
       return toFormattedTextProps(messages.created_by, context.createdBy);
-
     case ElementName.CreatedOn:
       return toDateTimeProps('created', context.createdOn);
-
     case ElementName.DueOn:
       return toDateLozengeProps(context.dueOn);
-
     case ElementName.ModifiedBy:
       return toFormattedTextProps(messages.modified_by, context.modifiedBy);
-
     case ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
-
     case ElementName.Snippet:
     case ElementName.SourceBranch:
     case ElementName.TargetBranch:
       return toTextProps(data);
-
     case ElementName.Title:
       return toLinkProps(context.title, context.url);
-
     default:
       return data;
   }
 };
-
 var toAvatarGroupProps = function toAvatarGroupProps(items) {
   return items ? {
     items: items
   } : undefined;
 };
-
 var toBadgeProps = function toBadgeProps(label) {
   return label ? {
     label: label
   } : undefined;
 };
-
 var toDateLozengeProps = function toDateLozengeProps(dateString) {
   if (dateString) {
     var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
@@ -186,14 +168,12 @@ var toDateLozengeProps = function toDateLozengeProps(dateString) {
     };
   }
 };
-
 var toDateTimeProps = function toDateTimeProps(type, dateString) {
   return dateString ? {
     date: new Date(dateString),
     type: type
   } : undefined;
 };
-
 var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
   return context ? {
     message: {
@@ -204,31 +184,25 @@ var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
     }
   } : undefined;
 };
-
 var toLinkProps = function toLinkProps(text, url) {
   return text ? {
     text: text,
     url: url
   } : undefined;
 };
-
 var toTextProps = function toTextProps(content) {
   return content ? {
     content: content
   } : undefined;
 };
-
 export var createElement = function createElement(name) {
   var _ref = elementMappings[name] || {},
-      BaseElement = _ref.component,
-      props = _ref.props;
-
+    BaseElement = _ref.component,
+    props = _ref.props;
   var contextKey = getContextKey(name);
-
   if (!BaseElement) {
     throw Error("Element ".concat(name, " does not exist."));
   }
-
   return function (overrides) {
     var context = useContext(FlexibleUiContext);
     var data = getData(name, contextKey, context);

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -1,9 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _sizeToButtonSpacing, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 import React from 'react';
 import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
@@ -12,17 +10,15 @@ export var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, _defineProperty(_si
 export var getFormattedMessage = function getFormattedMessage(message) {
   if (message) {
     var descriptor = message.descriptor,
-        values = message.values;
+      values = message.values;
     return /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
       values: values
     }));
   }
 };
-
 var getIconDimensionStyles = function getIconDimensionStyles(value) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n"])), value, value, value, value, value, value);
 };
-
 export var getIconSizeStyles = function getIconSizeStyles(width) {
   var sizeStyles = getIconDimensionStyles(width);
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    flex: 0 0 auto;\n    ", "\n    span,\n    svg,\n    img {\n      ", "\n    }\n    svg {\n      padding: 0;\n    }\n  "])), sizeStyles, sizeStyles);
@@ -31,13 +27,10 @@ export var getIconWidth = function getIconWidth(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
       return '2rem';
-
     case SmartLinkSize.Large:
       return '1.5rem';
-
     case SmartLinkSize.Medium:
       return '1rem';
-
     case SmartLinkSize.Small:
     default:
       return '.75rem';
@@ -47,7 +40,6 @@ export var getLinkLineHeight = function getLinkLineHeight(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
       return '1.5rem';
-
     case SmartLinkSize.Large:
     case SmartLinkSize.Medium:
     case SmartLinkSize.Small:
@@ -59,11 +51,9 @@ export var getLinkSizeStyles = function getLinkSizeStyles(size) {
   switch (size) {
     case SmartLinkSize.XLarge:
       return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        font-size: 1.25rem;\n        font-weight: 400;\n        letter-spacing: -0.008em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
-
     case SmartLinkSize.Large:
     case SmartLinkSize.Medium:
       return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        font-size: 0.875rem;\n        font-weight: 400;\n        letter-spacing: -0.003em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
-
     case SmartLinkSize.Small:
     default:
       return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        font-size: 0.75rem;\n        font-weight: 400;\n        letter-spacing: 0em;\n        line-height: ", ";\n      "])), getLinkLineHeight(size));
@@ -76,7 +66,6 @@ export var getMaxLineHeight = function getMaxLineHeight(size) {
     case SmartLinkSize.XLarge:
     case SmartLinkSize.Large:
       return 1.75;
-
     case SmartLinkSize.Medium:
     case SmartLinkSize.Small:
     default:
@@ -87,11 +76,9 @@ export var getMaxLines = function getMaxLines(value, defaultValue, max, min) {
   if (value > max) {
     return defaultValue;
   }
-
   if (value < min) {
     return min;
   }
-
   return value;
 };
 export var getTruncateStyles = function getTruncateStyles(maxLines) {