@atlaskit/smart-card 45.20.6 → 45.21.0

package/dist/es2019/view/FlexibleCard/components/elements/assigned-to-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const AssignedToElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/assigned-to-group-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 const AssignedToGroupElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/attachment-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const AttachmentCountElement = props => {
   var _context$attachmentCo;

package/dist/es2019/view/FlexibleCard/components/elements/author-group-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 const AuthorGroupElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/checklist-progress-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const ChecklistProgressElement = props => {
   var _context$checklistPro;

package/dist/es2019/view/FlexibleCard/components/elements/collaborator-group-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseAvatarGroupElement, toAvatarGroupProps } from '../common';
 const CollaboratorGroupElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/comment-count-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { ElementName, IconType } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseBadgeElement, toBadgeProps } from '../common';
 const CommentCountElement = props => {
   var _context$commentCount;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.js

@@ -10,7 +10,6 @@ const badgeStyles = null;
  * @internal
  * @see StoryPoints
  * */
-
 const BaseAtlaskitElementBadge = ({
   value,
   name,
@@ -29,9 +28,4 @@ const BaseAtlaskitElementBadge = ({
     className: ax(["_4cvr1h6o _1e0c116y _1ul91ns9", className])
   }, /*#__PURE__*/React.createElement(AKBadge, null, value));
 };
-export default BaseAtlaskitElementBadge;
-export const toAtlaskitBadgeProps = value => {
-  return value ? {
-    value
-  } : undefined;
-};
+export default BaseAtlaskitElementBadge;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/toAtlaskitBadgeProps.js

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toAtlaskitBadgeProps = value => {
+  return value ? {
+    value
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.js

@@ -7,7 +7,7 @@ import { useIntl } from 'react-intl';
 import AtlaskitAvatarGroup from '@atlaskit/avatar-group/avatar-group';
 import { ElementName } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
-import { getFormattedMessageAsString } from '../../../utils';
+import { getFormattedMessageAsString } from '../../../getFormattedMessageAsString';
 const styles = null;
 const getPersonNameWithPrefix = (elementName, personName, intl) => {
   switch (elementName) {
@@ -80,11 +80,4 @@ const BaseAvatarGroup = ({
     testId: testId
   }));
 };
-export default BaseAvatarGroup;
-export const toAvatarGroupProps = (items, showFallbackAvatar) => {
-  return items ? {
-    items
-  } : showFallbackAvatar ? {
-    items: []
-  } : undefined;
-};
+export default BaseAvatarGroup;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-avatar-group-element/toAvatarGroupProps.js

@@ -0,0 +1,12 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toAvatarGroupProps = (items, showFallbackAvatar) => {
+  return items ? {
+    items
+  } : showFallbackAvatar ? {
+    items: []
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/index.js

@@ -6,12 +6,12 @@ import React, { forwardRef } from 'react';
 import { Box } from '@atlaskit/primitives/compiled';
 import { IconType } from '../../../../../../constants';
 import { messages } from '../../../../../../messages';
-import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
 import useRovoConfig from '../../../../../../state/hooks/use-rovo-config';
 import ImageIcon from '../../../../../common/image-icon';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
 import { withOverrideCss } from '../../../common/with-override-css';
-import { getFormattedMessage } from '../../../utils';
+import { getFormattedMessage } from '../../../getFormattedMessage';
 const styles = {
   container: "_zulp1b66 _1e0c116y _4cvr1h6o _1ul91ns9",
   icon: "_1e0c116y _v4pn116y _1b94116y _1ii7116y _4t3i7vkz _bna77vkz _1xjx7vkz _17527vkz _ca0qze3t _14bqze3t _1oh2ze3t _i2i3ze3t _u5f3ze3t _3tceze3t _99ztze3t _uhasze3t _n3tdze3t _1ym6ze3t _1m2uze3t _5jw9ze3t _19bvze3t _1xr1ze3t _9n9oze3t _7wy9ze3t _1bsb7vkz _mezj7vkz _e2oo7vkz _w8l57vkz _s7n4nkob _rtqbnkob _e4kmnkob _z239nkob",
@@ -115,10 +115,4 @@ const BaseBadgeRefreshNew = /*#__PURE__*/forwardRef(({
   }, formattedMessageOrLabel));
 });
 const _default_1 = withOverrideCss(BaseBadgeRefreshNew);
-export default _default_1;
-export const toBadgeProps = label => {
-  // Don't render the element if its 0
-  return label !== '0' && label ? {
-    label
-  } : undefined;
-};
+export default _default_1;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-badge-element/toBadgeProps.js

@@ -0,0 +1,12 @@
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toBadgeProps = label => {
+  // Don't render the element if its 0
+  return label !== '0' && label ? {
+    label
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/index.js

@@ -131,10 +131,4 @@ const BaseDateTimeElement = ({
     className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _1yyjkb7n _sudp1e54 _102k7vkz", fontSize !== undefined && fontOverrideStyleMap[fontSize], className])
   }, content);
 };
-export default BaseDateTimeElement;
-export const toDateTimeProps = (type, dateString) => {
-  return dateString ? {
-    date: new Date(dateString),
-    type
-  } : undefined;
-};
+export default BaseDateTimeElement;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-date-time-element/toDateTimeProps.js

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toDateTimeProps = (type, dateString) => {
+  return dateString ? {
+    date: new Date(dateString),
+    type
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-icon-element/index.js

@@ -13,10 +13,9 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tile from '@atlaskit/tile/tile';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
-import { isProfileType } from '../../../../../../utils';
 import ImageIcon from '../../../../../common/image-icon';
 import AtlaskitIcon from '../../../common/atlaskit-icon';
-import { getIconWidth } from '../../../utils';
+import { getIconWidth } from '../../../getIconWidth';
 const styles = {
   container: "_1ul91ns9",
   iconWrapperStyle: "_1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -98,6 +97,7 @@ const renderImageIconNew = (defaultIcon, url, testId, size = SmartLinkSize.Mediu
     }));
   }
 };
+
 /**
  * A base element that displays an Icon or favicon.
  * @internal
@@ -147,17 +147,4 @@ const IconElement = ({
     }
   }, element));
 };
-export default IconElement;
-export const toLinkIconProps = (data, type) => {
-  const isDataLinkIcon = _data => {
-    return typeof _data === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
-  };
-  if (!isDataLinkIcon(data)) {
-    return typeof data === 'object' ? data : undefined;
-  }
-  const isImageRound = isProfileType(type);
-  return {
-    ...data,
-    appearance: isImageRound ? 'round' : 'square'
-  };
-};
+export default IconElement;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-icon-element/toLinkIconProps.js

@@ -0,0 +1,22 @@
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { isProfileType } from '../../../../../../utils/is-profile-type';
+export const toLinkIconProps = (data, type) => {
+  const isDataLinkIcon = _data => {
+    return typeof _data === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
+  };
+  if (!isDataLinkIcon(data)) {
+    return typeof data === 'object' ? data : undefined;
+  }
+  const isImageRound = isProfileType(type);
+  return {
+    ...data,
+    appearance: isImageRound ? 'round' : 'square'
+  };
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/index.js

@@ -8,8 +8,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import React, { useMemo } from 'react';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
-import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
-import { hasWhiteSpace } from '../../../utils';
+import { useMouseDownEvent } from '../../../../../../state/analytics/useMouseDownEvent';
+import { hasWhiteSpace } from '../../../hasWhiteSpace';
 const DEFAULT_MAX_LINES = 2;
 const MAXIMUM_MAX_LINES = 2;
 const MINIMUM_MAX_LINES = 1;
@@ -108,10 +108,4 @@ const BaseLinkElement = ({
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, url !== null && url !== void 0 && url.includes(text) ? url : text, testId));
 };
-export default BaseLinkElement;
-export const toLinkProps = (text, url) => {
-  return text ? {
-    text,
-    url
-  } : undefined;
-};
+export default BaseLinkElement;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-link-element/toLinkProps.js

@@ -0,0 +1,13 @@
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toLinkProps = (text, url) => {
+  return text ? {
+    text,
+    url
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/index.js

@@ -3,11 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { FormattedDate } from 'react-intl';
 import AtlaskitLozenge from '@atlaskit/lozenge/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Tag from '@atlaskit/tag/tag/simple';
-import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context/useFlexibleUiOptionContext';
 import LozengeAction from './lozenge-action';
 const styles = null;
 const dueOnStyles = null;
@@ -67,18 +66,4 @@ const BaseLozengeElement = ({
     className: ax(["_1e0c116y _1ul91ns9", isDateTag && fg('platform-dst-lozenge-tag-badge-visual-uplifts') && "_19pkr5cr _2hwxr5cr _otyrr5cr _18u0r5cr", className])
   }, lozenge);
 };
-export default BaseLozengeElement;
-export const toDateLozengeProps = dateString => {
-  if (dateString) {
-    const text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
-      value: new Date(dateString),
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      formatMatcher: "best fit"
-    }) : dateString;
-    return {
-      text
-    };
-  }
-};
+export default BaseLozengeElement;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/index.js

@@ -5,7 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
 import extractLozengeActionItems from '../../../../../../../extractors/action/extract-lozenge-action-items';
 import useInvoke from '../../../../../../../state/hooks/use-invoke';
-import { isInvokeCustomError } from '../../../../../../../state/hooks/use-invoke/utils';
+import { isInvokeCustomError } from '../../../../../../../state/hooks/use-invoke/isInvokeCustomError';
 import useResolve from '../../../../../../../state/hooks/use-resolve';
 import createStatusUpdateRequest from '../../../../../../../utils/actions/create-status-update-request';
 import { TrackQuickActionType } from '../../../../../../../utils/analytics/analytics';

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -12,7 +12,7 @@ import { Pressable } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
-import { getFormattedMessage } from '../../../../../utils';
+import { getFormattedMessage } from '../../../../../getFormattedMessage';
 const MAX_LINE_NUMBER = 8;
 const styles = {
   contentStyles: "_zulpu2gc _11c81d4k _1reo15vq _18m915vq _1e0c1txw _1ul9idpf _2lx2vrvc _19pkv77o _4cvr1y6m _pqmefhey _102efhey _ngc0i7uo _1t4pi7uo",

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/toDateLozengeProps.js

@@ -0,0 +1,18 @@
+/* toDateLozengeProps.tsx generated by @compiled/babel-plugin v2.0.0 */
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { FormattedDate } from 'react-intl';
+export const toDateLozengeProps = dateString => {
+  if (dateString) {
+    const text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
+      value: new Date(dateString),
+      year: "numeric",
+      month: "short",
+      day: "numeric",
+      formatMatcher: "best fit"
+    }) : dateString;
+    return {
+      text
+    };
+  }
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/BaseTextElement.js

@@ -0,0 +1,48 @@
+/* BaseTextElement.tsx generated by @compiled/babel-plugin v2.0.0 */
+import "./BaseTextElement.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { getFormattedMessage } from '../../../getFormattedMessage';
+const baseStyle = null;
+const fontOverrideStyleMap = {
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc"
+};
+
+/**
+ * A base element that displays some Text.
+ * @internal
+ * @param {TextProps} TextProps - The props necessary for the Text element.
+ * @see Title
+ */
+export const BaseTextElement = ({
+  content,
+  maxLines = 1,
+  message,
+  name,
+  className,
+  testId = 'smart-element-text',
+  hideFormat = false,
+  color,
+  fontSize
+}) => {
+  if (!message && !content) {
+    return null;
+  }
+  const dynamicCss = null;
+  const formattedContent = hideFormat && content ? content : getFormattedMessage(message) || content;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-separator": true,
+    "data-smart-element": name,
+    "data-smart-element-text": true,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102k1dud", className]),
+    style: {
+      color,
+      "--_1erfju8": ix(maxLines)
+    }
+  }, formattedContent);
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/index.js

@@ -1,64 +1,7 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import "./index.compiled.css";
-import * as React from 'react';
-import { ax, ix } from "@compiled/react/runtime";
-import { getFormattedMessage } from '../../../utils';
-const baseStyle = null;
-const fontOverrideStyleMap = {
-  'font.body': "_11c8fhey",
-  'font.body.large': "_11c81d4k",
-  'font.body.small': "_11c8wadc"
-};
 /**
- * A base element that displays some Text.
- * @internal
- * @param {TextProps} TextProps - The props necessary for the Text element.
- * @see Title
+ * @jsxRuntime classic
+ * @jsx jsx
  */
-export const BaseTextElement = ({
-  content,
-  maxLines = 1,
-  message,
-  name,
-  className,
-  testId = 'smart-element-text',
-  hideFormat = false,
-  color,
-  fontSize
-}) => {
-  if (!message && !content) {
-    return null;
-  }
-  const dynamicCss = null;
-  const formattedContent = hideFormat && content ? content : getFormattedMessage(message) || content;
-  return /*#__PURE__*/React.createElement("span", {
-    "data-separator": true,
-    "data-smart-element": name,
-    "data-smart-element-text": true,
-    "data-testid": testId
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
-    ,
-    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", fontSize !== undefined && fontOverrideStyleMap[fontSize], "_1yyjr31u _102k1dud", className]),
-    style: {
-      color,
-      "--_1erfju8": ix(maxLines)
-    }
-  }, formattedContent);
-};
-export default BaseTextElement;
-export const toFormattedTextProps = (descriptor, context) => {
-  return context ? {
-    message: {
-      descriptor,
-      values: {
-        context
-      }
-    },
-    content: context
-  } : undefined;
-};
-export const toTextProps = content => {
-  return content ? {
-    content
-  } : undefined;
-};
+
+import { BaseTextElement } from './BaseTextElement';
+export default BaseTextElement;

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/toFormattedTextProps.js

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toFormattedTextProps = (descriptor, context) => {
+  return context ? {
+    message: {
+      descriptor,
+      values: {
+        context
+      }
+    },
+    content: context
+  } : undefined;
+};

package/dist/es2019/view/FlexibleCard/components/elements/common/base-text-element/toTextProps.js

@@ -0,0 +1,10 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+export const toTextProps = content => {
+  return content ? {
+    content
+  } : undefined;
+};

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

@@ -1,8 +1,17 @@
-export { default as BaseBadgeElement, toBadgeProps } from './base-badge-element';
-export { default as BaseTextElement, toFormattedTextProps, toTextProps } from './base-text-element';
-export { default as BaseAvatarGroupElement, toAvatarGroupProps } from './base-avatar-group-element';
-export { default as BaseDateTimeElement, toDateTimeProps } from './base-date-time-element';
-export { default as BaseLozengeElement, toDateLozengeProps } from './base-lozenge-element';
-export { default as BaseLinkElement, toLinkProps } from './base-link-element';
-export { default as BaseIconElement, toLinkIconProps } from './base-icon-element';
-export { default as BaseAtlaskitBadgeElement, toAtlaskitBadgeProps } from './base-atlaskit-badge-element';
+export { default as BaseBadgeElement } from './base-badge-element';
+export { toBadgeProps } from './base-badge-element/toBadgeProps';
+export { default as BaseTextElement } from './base-text-element';
+export { toFormattedTextProps } from './base-text-element/toFormattedTextProps';
+export { toTextProps } from './base-text-element/toTextProps';
+export { default as BaseAvatarGroupElement } from './base-avatar-group-element';
+export { toAvatarGroupProps } from './base-avatar-group-element/toAvatarGroupProps';
+export { default as BaseDateTimeElement } from './base-date-time-element';
+export { toDateTimeProps } from './base-date-time-element/toDateTimeProps';
+export { default as BaseLozengeElement } from './base-lozenge-element';
+export { toDateLozengeProps } from './base-lozenge-element/toDateLozengeProps';
+export { default as BaseLinkElement } from './base-link-element';
+export { toLinkProps } from './base-link-element/toLinkProps';
+export { default as BaseIconElement } from './base-icon-element';
+export { toLinkIconProps } from './base-icon-element/toLinkIconProps';
+export { default as BaseAtlaskitBadgeElement } from './base-atlaskit-badge-element';
+export { toAtlaskitBadgeProps } from './base-atlaskit-badge-element/toAtlaskitBadgeProps';

package/dist/es2019/view/FlexibleCard/components/elements/created-by-element/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
 import { messages } from '../../../../../messages';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseTextElement, toFormattedTextProps } from '../common';
 const CreatedByElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/created-on-element/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { ElementName } from '../../../../../constants';
-import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context/useFlexibleUiContext';
 import { BaseDateTimeElement, toDateTimeProps } from '../common';
 const CreatedOnElement = props => {
   const context = useFlexibleUiContext();

package/dist/es2019/view/FlexibleCard/components/elements/custom-by-access-type-element/CustomElementByAccessType.js

@@ -0,0 +1,58 @@
+/* CustomElementByAccessType.tsx generated by @compiled/babel-plugin v2.0.0 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./CustomElementByAccessType.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { InternalActionName } from '../../../../../constants';
+import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context/useFlexibleCardContext';
+import { BaseTextElement } from '../common';
+const baseStyle = null;
+const isMessageDescriptor = x => ! /*#__PURE__*/React.isValidElement(x);
+const fontOverrideStyleMap = {
+  'font.body': "_11c8fhey",
+  'font.body.large': "_11c81d4k",
+  'font.body.small': "_11c8wadc"
+};
+const maxLinesCss = null;
+
+/**
+ * Public API — exported externally. Do not add props without external support intent.
+ */
+export const CustomElementByAccessType = ({
+  className,
+  testId = 'custom-by-access-type-element',
+  ...props
+}) => {
+  var _context$data, _context$data$meta, _props, _context$data2, _context$data2$action, _context$data2$action2;
+  const context = useFlexibleCardContext();
+  const accessType = context === null || context === void 0 ? void 0 : (_context$data = context.data) === null || _context$data === void 0 ? void 0 : (_context$data$meta = _context$data.meta) === null || _context$data$meta === void 0 ? void 0 : _context$data$meta.accessType;
+  const contentForAccessType = (_props = props[accessType]) !== null && _props !== void 0 ? _props : props.fallback;
+  if (!contentForAccessType) {
+    return null;
+  }
+  const values = context === null || context === void 0 ? void 0 : (_context$data2 = context.data) === null || _context$data2 === void 0 ? void 0 : (_context$data2$action = _context$data2.actions) === null || _context$data2$action === void 0 ? void 0 : (_context$data2$action2 = _context$data2$action[InternalActionName.UnresolvedAction]) === null || _context$data2$action2 === void 0 ? void 0 : _context$data2$action2.values;
+  if (isMessageDescriptor(contentForAccessType)) {
+    return /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, props, {
+      message: {
+        descriptor: contentForAccessType,
+        values
+      }
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+      ,
+      className: className,
+      testId: testId,
+      hideFormat: true
+    }));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: props.color
+    },
+    "data-separator": true,
+    "data-smart-element-text": true,
+    "data-testid": testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: ax(["_11c8wadc _1reo15vq _18m915vq _syazazsu _o5724jg8 _1e0ccj1k _1ul9idpf _1bto1l2s _1nmz1hna _sudp1e54", props.fontSize !== undefined && fontOverrideStyleMap[props.fontSize], "_1yyjkb7n _102k1j6v", className])
+  }, contentForAccessType);
+};