@atlaskit/smart-card 43.27.4 → 43.28.0

package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -1,4 +1,5 @@
 import { extractTitle } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../constants';
 import { prioritiseIcon } from '../../common/icon';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
@@ -24,6 +25,24 @@ const extractTask = (data, label) => {
     taskIcon
   };
 };
+const extractTaskNew = data => {
+  const taskTypeInfo = extractTaskType(data) || {};
+  const {
+    id,
+    icon: url,
+    name
+  } = taskTypeInfo;
+  const taskType = id === null || id === void 0 ? void 0 : id.split('#').pop();
+  const taskIconLabel = (name === null || name === void 0 ? void 0 : name.trim()) || 'Task';
+  const taskIcon = url ? {
+    label: taskIconLabel,
+    url
+  } : undefined;
+  return {
+    taskType,
+    taskIcon
+  };
+};
 const extractType = jsonLd => {
   const type = jsonLd['@type'];
   return Array.isArray(type) ? type.sort((a, b) => priorityMap[b] - priorityMap[a])[0] : type;
@@ -31,8 +50,10 @@ const extractType = jsonLd => {
 const isJiraProvider = provider => provider === JIRA_GENERATOR_ID;
 function chooseIcon({
   urlIcon,
+  // NAVX-4354: remove this during cleanup
   type,
   label,
+  // NAVX-4354: remove this during cleanup
   data,
   providerIcon
 }) {
@@ -40,70 +61,109 @@ function chooseIcon({
   const providerId = (_data$generator = data.generator) === null || _data$generator === void 0 ? void 0 : _data$generator['@id'];
   const fileFormat = data === null || data === void 0 ? void 0 : data['schema:fileFormat'];
   const fileFormatIcon = extractFileFormatIcon(fileFormat);
-  const documentTypeIcon = typeToIconDescriptor({
-    type,
-    label,
-    providerId,
-    data
-  }) || extractDocumentTypeIcon(type, label, providerId);
-  return prioritiseIcon({
-    fileFormatIcon,
-    documentTypeIcon,
-    urlIcon,
-    providerIcon
-  });
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    const iconDescriptor = typeToIconDescriptor({
+      type,
+      providerId,
+      data
+    });
+    const documentTitle = fg('platform_navx_smart_link_icon_label_a11y') ? undefined : extractTitle(data);
+    const extractedDocumentTypeIcon = extractDocumentTypeIcon(type, documentTitle, providerId);
+    const documentTypeIcon = iconDescriptor || extractedDocumentTypeIcon;
+    const urlIconNew = extractUrlIcon(data.icon, documentTypeIcon === null || documentTypeIcon === void 0 ? void 0 : documentTypeIcon.label);
+    return prioritiseIcon({
+      fileFormatIcon,
+      documentTypeIcon,
+      urlIcon: urlIconNew,
+      providerIcon
+    });
+  } else {
+    const documentTypeIcon = typeToIconDescriptor({
+      type,
+      label,
+      providerId,
+      data
+    }) || extractDocumentTypeIcon(type, label, providerId);
+    return prioritiseIcon({
+      fileFormatIcon,
+      documentTypeIcon,
+      urlIcon,
+      providerIcon
+    });
+  }
 }
 function typeToIconDescriptor({
   type,
   label,
+  // NAVX-4354: remove this during cleanup
   providerId,
   data
 }) {
+  const descriptorLabel = semantic => fg('platform_navx_smart_link_icon_label_a11y') ? semantic : label;
   switch (type) {
     case 'atlassian:Goal':
       return {
         icon: IconType.Task,
-        label
+        label: descriptorLabel('goal')
       };
     case 'atlassian:Project':
       return {
+        // FIXME: atlassian:Project seem to be returned for many things, including Confluence space or Trello board,
+        // But `IconType.Project` actual value is `BitBucket:Project`!
         icon: IconType.Project,
-        label
+        label: descriptorLabel('project')
       };
     case 'atlassian:SourceCodeCommit':
       return {
         icon: IconType.Commit,
-        label
+        label: descriptorLabel('commit')
       };
     case 'atlassian:SourceCodePullRequest':
       return {
         icon: IconType.PullRequest,
-        label
+        label: descriptorLabel('pull request')
       };
     case 'atlassian:SourceCodeReference':
       return {
         icon: IconType.Branch,
-        label
+        label: descriptorLabel('branch')
       };
     case 'atlassian:SourceCodeRepository':
       return {
         icon: IconType.Repo,
-        label
+        label: descriptorLabel('repository')
       };
     case 'atlassian:Task':
-      const taskLabel = label || 'Task';
-      const taskIconDescriptor = {
-        icon: IconType.Task,
-        label: taskLabel
-      };
-      if (isJiraProvider(providerId)) {
-        const {
-          taskType,
-          taskIcon
-        } = extractTask(data);
-        return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : extractJiraTaskIcon(taskType, taskLabel);
+      if (fg('platform_navx_smart_link_icon_label_a11y')) {
+        // Not user-facing copy: icon descriptor label for a11y (see go/i18n-no-literal-string-in-object).
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
+        const taskIconDescriptor = {
+          icon: IconType.Task,
+          label: 'Task'
+        };
+        if (isJiraProvider(providerId)) {
+          const {
+            taskType,
+            taskIcon
+          } = extractTaskNew(data);
+          return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : extractJiraTaskIcon(taskType);
+        }
+        return taskIconDescriptor;
+      } else {
+        const taskLabel = label || 'Task';
+        const taskIconDescriptor = {
+          icon: IconType.Task,
+          label: taskLabel
+        };
+        if (isJiraProvider(providerId)) {
+          const {
+            taskType,
+            taskIcon
+          } = extractTask(data);
+          return taskType === 'JiraCustomTaskType' ? taskIcon || taskIconDescriptor : extractJiraTaskIcon(taskType, taskLabel);
+        }
+        return taskIconDescriptor;
       }
-      return taskIconDescriptor;
     default:
       return undefined;
   }
@@ -113,16 +173,26 @@ function typeToIconDescriptor({
  * Return the icon object given a JSON-LD data object.
  */
 const extractJsonldDataIcon = data => {
-  const label = extractTitle(data);
-  const type = extractType(data);
-  const urlIcon = extractUrlIcon(data.icon, label);
-  const providerIcon = extractProviderIcon(data);
-  return chooseIcon({
-    urlIcon,
-    providerIcon,
-    type,
-    label,
-    data
-  });
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    const type = extractType(data);
+    const providerIcon = extractProviderIcon(data);
+    return chooseIcon({
+      type,
+      data,
+      providerIcon
+    });
+  } else {
+    const label = extractTitle(data);
+    const type = extractType(data);
+    const urlIcon = extractUrlIcon(data.icon, label);
+    const providerIcon = extractProviderIcon(data);
+    return chooseIcon({
+      urlIcon,
+      providerIcon,
+      type,
+      label,
+      data
+    });
+  }
 };
 export default extractJsonldDataIcon;

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: "0.0.0-development"
+  packageVersion: "43.27.5"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -22,7 +22,7 @@ export const isSpecialKey = event => {
   return fg('platform-smart-card-shift-key') ? event.metaKey || event.ctrlKey || event.shiftKey : event.metaKey || event.ctrlKey;
 };
 export const isSpecialClick = event => event.button === 1;
-export const getIconForFileType = fileMimeType => {
+export const getIconForFileType = (fileMimeType, showIconLabel) => {
   if (!fileMimeType) {
     return;
   }
@@ -39,9 +39,18 @@ export const getIconForFileType = fileMimeType => {
     loading: () => null
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
-  return /*#__PURE__*/React.createElement(Icon, {
-    testId: "document-file-format-icon"
-  });
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    const descriptorLabel = icon[1] || ''; // NAVX-4354: Combine into const [importCb] = icon; above
+    const label = (showIconLabel !== null && showIconLabel !== void 0 ? showIconLabel : true) ? descriptorLabel : '';
+    return /*#__PURE__*/React.createElement(Icon, {
+      testId: "document-file-format-icon",
+      label: label
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(Icon, {
+      testId: "document-file-format-icon"
+    });
+  }
 };
 // prettier-ignore
 export const getLazyIcons = () => {
@@ -283,13 +292,18 @@ export const getLazyIcons = () => {
   };
 };
 const getTypeToIconMap = fileFormat => {
-  var _lazyIcons$iconDescri;
   const iconDescriptor = extractFileFormatIcon(fileFormat);
   if (!(iconDescriptor !== null && iconDescriptor !== void 0 && iconDescriptor.icon)) {
     return null;
   }
   const lazyIcons = getLazyIcons();
-  return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default];
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    var _lazyIcons$iconDescri, _iconDescriptor$label;
+    return [(_lazyIcons$iconDescri = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri === void 0 ? void 0 : _lazyIcons$iconDescri.default, (_iconDescriptor$label = iconDescriptor.label) !== null && _iconDescriptor$label !== void 0 ? _iconDescriptor$label : ''];
+  } else {
+    var _lazyIcons$iconDescri2;
+    return [(_lazyIcons$iconDescri2 = lazyIcons[iconDescriptor.icon]) === null || _lazyIcons$iconDescri2 === void 0 ? void 0 : _lazyIcons$iconDescri2.default];
+  }
 };
 export const getIframeSandboxAttribute = isTrusted => {
   if (isTrusted) {

package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js

@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl-next';
 import ImageLoader from 'react-render-image';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { LoadingSkeleton } from '../loading-skeleton';
 const styles = {
   roundImg: "_2rko1rr0"
@@ -16,6 +17,7 @@ const messages = defineMessages({
   }
 });
 const ImageIcon = ({
+  label,
   defaultIcon,
   testId,
   url,
@@ -39,10 +41,11 @@ const ImageIcon = ({
     return defaultIcon;
   }
   if (hideLoadingSkeleton) {
+    var _label$trim;
     return /*#__PURE__*/React.createElement("img", {
       src: url,
       "data-testid": `${testId}-image`,
-      alt: "",
+      alt: fg('platform_navx_smart_link_icon_label_a11y') ? (_label$trim = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim !== void 0 ? _label$trim : '' : '',
       style: {
         width,
         height
@@ -51,6 +54,7 @@ const ImageIcon = ({
       className: ax([appearance === 'round' && styles.roundImg])
     });
   } else {
+    var _label$trim2;
     return /*#__PURE__*/React.createElement(ImageLoader, {
       src: url,
       loading: /*#__PURE__*/React.createElement(LoadingSkeleton, {
@@ -61,7 +65,7 @@ const ImageIcon = ({
       loaded: /*#__PURE__*/React.createElement("img", {
         src: url,
         "data-testid": `${testId}-image`,
-        alt: formatMessage(messages.imageAltText),
+        alt: fg('platform_navx_smart_link_icon_label_a11y') ? (_label$trim2 = label === null || label === void 0 ? void 0 : label.trim()) !== null && _label$trim2 !== void 0 ? _label$trim2 : '' : formatMessage(messages.imageAltText),
         style: {
           width,
           height

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

@@ -1,12 +1,15 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-/* eslint-disable @compiled/shorthand-property-sorting */
-/* eslint-disable @atlaskit/design-system/use-tokens-typography */
-/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @compiled/shorthand-property-sorting */
+/* eslint-disable @atlaskit/design-system/use-tokens-typography */
+/* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
+
 import { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/core/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tile from '@atlaskit/tile';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../../constants';
@@ -29,16 +32,19 @@ const customRenderStyleMap = {
   medium: "_1reo15vq _18m915vq _11c81e3o _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
   small: "_1reo15vq _18m915vq _11c81e3o _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
 };
-const renderAtlaskitIcon = (icon, testId, size = SmartLinkSize.Medium) => {
+const renderAtlaskitIcon = (icon, testId, size = SmartLinkSize.Medium, label) => {
   if (icon) {
-    return /*#__PURE__*/React.createElement(AtlaskitIcon, {
+    return /*#__PURE__*/React.createElement(AtlaskitIcon, _extends({
       icon: icon,
-      testId: `${testId}-icon`,
-      "aria-hidden": "true",
-      label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-      ,
+      testId: `${testId}-icon`
+    }, fg('platform_navx_smart_link_icon_label_a11y') ? {
+      label
+    } : {
+      'aria-hidden': true,
+      label: ''
+    }, {
       size: size
-    });
+    }));
   }
 };
 const renderDefaultIcon = (label, testId) => /*#__PURE__*/React.createElement(LinkIcon, {
@@ -46,10 +52,12 @@ const renderDefaultIcon = (label, testId) => /*#__PURE__*/React.createElement(Li
   testId: `${testId}-default`,
   color: "currentColor"
 });
-const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium, appearance, hideLoadingSkeleton) => {
+const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium, appearance, hideLoadingSkeleton, label) => {
   const width = size === SmartLinkSize.Large ? "var(--ds-space-300, 24px)" : "var(--ds-space-200, 16px)";
   if (url) {
-    return /*#__PURE__*/React.createElement(ImageIcon, {
+    return /*#__PURE__*/React.createElement(ImageIcon, _extends({}, fg('platform_navx_smart_link_icon_label_a11y') ? {
+      label
+    } : {}, {
       defaultIcon: defaultIcon,
       testId: testId,
       url: url,
@@ -57,7 +65,7 @@ const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium,
       height: width,
       appearance: appearance,
       hideLoadingSkeleton: hideLoadingSkeleton
-    });
+    }));
   }
 };
 
@@ -70,7 +78,7 @@ const renderImageIcon = (defaultIcon, url, testId, size = SmartLinkSize.Medium,
 const IconElement = ({
   icon,
   overrideIcon,
-  label = 'Link',
+  label: labelProp,
   name,
   position = SmartLinkPosition.Top,
   className,
@@ -82,9 +90,10 @@ const IconElement = ({
   hideLoadingSkeleton,
   isTiledIcon
 }) => {
+  const label = fg('platform_navx_smart_link_icon_label_a11y') ? labelProp !== null && labelProp !== void 0 ? labelProp : '' : labelProp !== null && labelProp !== void 0 ? labelProp : 'Link';
   const element = useMemo(() => {
     const defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, appearance, hideLoadingSkeleton, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || renderAtlaskitIcon(icon, testId, size, fg('platform_navx_smart_link_icon_label_a11y') ? label : undefined) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, hideLoadingSkeleton, icon]);
   const width = getIconWidth(size);
   return /*#__PURE__*/React.createElement("div", {

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

@@ -1,11 +1,9 @@
 /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
-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-next';
 import AtlaskitLozenge from '@atlaskit/lozenge';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 const styles = null;
@@ -30,26 +28,23 @@ const BaseLozengeElement = ({
   if (!text) {
     return null;
   }
-  const lozenge = action ? /*#__PURE__*/React.createElement(LozengeAction, _extends({
+  const lozenge = action ? /*#__PURE__*/React.createElement(LozengeAction, {
     action: action,
-    appearance: appearance
-  }, fg('platform_navx_sl_lozenge_max_width') ? {
-    maxWidth
-  } : undefined, {
+    appearance: appearance,
+    maxWidth: maxWidth,
     testId: testId,
     text: text,
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex,
     onAfterChanged: onAfterChanged
-  })) : /*#__PURE__*/React.createElement(AtlaskitLozenge, _extends({
+  }) : /*#__PURE__*/React.createElement(AtlaskitLozenge, {
     appearance: appearance,
-    isBold: true
-  }, fg('platform_navx_sl_lozenge_max_width') ? {
-    maxWidth
-  } : undefined, {
+    isBold: true,
+    maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: style,
     testId: `${testId}-lozenge`
-  }), text);
+  }, text);
   return /*#__PURE__*/React.createElement("span", {
     "data-smart-element": name,
     "data-smart-element-lozenge": true,

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

@@ -88,10 +88,8 @@ const LozengeAction = ({
   }, [action.read, invoke, isLoaded, text, fireEvent]);
   const trigger = useCallback(props => /*#__PURE__*/React.createElement(LozengeActionTrigger, _extends({}, props, {
     appearance: selected.appearance,
-    isOpen: isOpen
-  }, fg('platform_navx_sl_lozenge_max_width') ? {
-    maxWidth
-  } : undefined, {
+    isOpen: isOpen,
+    maxWidth: maxWidth,
     testId: testId,
     text: selected.text
   })), [selected.appearance, selected.text, isOpen, maxWidth, testId]);

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

@@ -52,21 +52,20 @@ const LozengeActionTrigger = ({
     return /*#__PURE__*/React.createElement(Box, {
       xcss: cx(styles.lozengeContainer, (isOpen || isPressing) && styles.lozengeContainerSelected),
       as: "span"
-    }, /*#__PURE__*/React.createElement(Lozenge, _extends({
+    }, /*#__PURE__*/React.createElement(Lozenge, {
       appearance: appearance,
-      isBold: true
-    }, fg('platform_navx_sl_lozenge_max_width') ? {
-      maxWidth
-    } : undefined, {
+      isBold: true,
+      maxWidth: maxWidth
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+      ,
       style: {
         backgroundColor: lozengeBackgroundColor,
         color: lozengeForegroundColor
       }
-    }), /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: ax(["_4cvr1h6o _1e0c1txw"])
     }, /*#__PURE__*/React.createElement("span", {
-      className: ax([fg('platform_navx_sl_lozenge_max_width') && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
+      className: ax(["_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
     }, text), /*#__PURE__*/React.createElement(Box, {
       as: "span",
       xcss: styles.chevronDown
@@ -83,7 +82,7 @@ const LozengeActionTrigger = ({
     "data-action-open": isOpen,
     "data-testid": `${testId}--trigger`,
     style: {
-      maxWidth: fg('platform_navx_sl_lozenge_max_width') ? maxWidth : undefined
+      maxWidth
     },
     onMouseDown: onMouseOrKeyDown,
     onMouseUp: onMouseOrKeyUp,

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

@@ -1,13 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseIconElement, toLinkIconProps } from '../common';
+import { resourceTypeToLabel } from './resourceTypeToLabel';
 const LinkIconElement = props => {
   const context = useFlexibleUiContext();
   if (!context) {
     return null;
   }
+  if (fg('platform_navx_smart_link_icon_label_a11y')) {
+    var _ref, _resourceTypeToLabel, _context$meta, _linkIconProps$label;
+    const linkIconProps = toLinkIconProps(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
+    if (!linkIconProps) {
+      return null;
+    }
+    const label = (_ref = (_resourceTypeToLabel = resourceTypeToLabel((_context$meta = context.meta) === null || _context$meta === void 0 ? void 0 : _context$meta.resourceType)) !== null && _resourceTypeToLabel !== void 0 ? _resourceTypeToLabel : (_linkIconProps$label = linkIconProps.label) === null || _linkIconProps$label === void 0 ? void 0 : _linkIconProps$label.trim()) !== null && _ref !== void 0 ? _ref : props.label;
+    return /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIconProps, props, {
+      label: label,
+      name: ElementName.LinkIcon
+    }));
+  }
   const data = toLinkIconProps(context === null || context === void 0 ? void 0 : context.linkIcon, context.type);
   return data ? /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, data, props, {
     name: ElementName.LinkIcon