@atlaskit/smart-card 43.17.4 → 43.17.6

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 43.17.6
+
+### Patch Changes
+
+- [`d98bc05f882bd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d98bc05f882bd) -
+  Fix a11y embed modal items should be in unordered list. Behind fg
+  platform_navx_sl_a11y_embed_modal
+- Updated dependencies
+
+## 43.17.5
+
+### Patch Changes
+
+- [`191d01928004c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/191d01928004c) -
+  NAVX-2827 adding translation renderers to icon labels in smart-card to resolve
+  `no-literal-string-in-object` eslint violations
+- Updated dependencies
+
 ## 43.17.4
 
 ### Patch Changes

package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 /**
  * Computes the relevant icon for a document type.
@@ -24,53 +25,77 @@ var _constants = require("../../../constants");
 var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label, providerId) {
   switch (documentType) {
     case 'schema:BlogPosting':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Blog,
+        label: label
+      } : {
+        icon: _constants.IconType.Blog,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
       if (providerId && (0, _linkExtractors.isConfluenceGenerator)(providerId)) {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        return {
+        return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+          icon: _constants.IconType.LiveDocument,
+          label: label
+        } : {
           icon: _constants.IconType.LiveDocument,
+          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
           label: label || 'Live Document'
         };
       } else {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        return {
+        return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+          icon: _constants.IconType.File,
+          label: label
+        } : {
           icon: _constants.IconType.File,
+          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
           label: label || 'File'
         };
       }
     case 'schema:TextDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Document,
+        label: label
+      } : {
+        icon: _constants.IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Document'
       };
     case 'schema:PresentationDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Presentation,
+        label: label
+      } : {
+        icon: _constants.IconType.Presentation,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Presentation'
       };
     case 'schema:SpreadsheetDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Spreadsheet,
+        label: label
+      } : {
+        icon: _constants.IconType.Spreadsheet,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Spreadsheet'
       };
     case 'atlassian:Template':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Template,
+        label: label
+      } : {
+        icon: _constants.IconType.Template,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Template'
       };
     case 'atlassian:UndefinedLink':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Document,
+        label: label
+      } : {
+        icon: _constants.IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Undefined link'
       };
     default:

package/dist/cjs/extractors/flexible/icon/extract-file-formatIcon.js

@@ -4,91 +4,114 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
-/* eslint-disable @atlassian/i18n/no-literal-string-in-object */
-
 var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Folder
+      } : {
         icon: _constants.IconType.Folder,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Folder'
       };
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Document
+      } : {
         icon: _constants.IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Document'
       };
     case 'application/pdf':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.PDF
+      } : {
         icon: _constants.IconType.PDF,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Presentation
+      } : {
         icon: _constants.IconType.Presentation,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Spreadsheet
+      } : {
         icon: _constants.IconType.Spreadsheet,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.GoogleDocs
+      } : {
         icon: _constants.IconType.GoogleDocs,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.GoogleForms
+      } : {
         icon: _constants.IconType.GoogleForms,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.GoogleSheets
+      } : {
         icon: _constants.IconType.GoogleSheets,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.GoogleSlides
+      } : {
         icon: _constants.IconType.GoogleSlides,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Slides'
       };
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.MSExcel
+      } : {
         icon: _constants.IconType.MSExcel,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.MSPowerpoint
+      } : {
         icon: _constants.IconType.MSPowerpoint,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.MSWord
+      } : {
         icon: _constants.IconType.MSWord,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Word document'
       };
     case 'image/png':
@@ -96,15 +119,19 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Image
+      } : {
         icon: _constants.IconType.Image,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Image'
       };
     case 'image/gif':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.GIF
+      } : {
         icon: _constants.IconType.GIF,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'GIF'
       };
     case 'audio/midi':
@@ -112,9 +139,11 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Audio
+      } : {
         icon: _constants.IconType.Audio,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Audio'
       };
     case 'video/mp4':
@@ -124,18 +153,22 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Video
+      } : {
         icon: _constants.IconType.Video,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Video'
       };
     // Others
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Code
+      } : {
         icon: _constants.IconType.Code,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Source Code'
       };
     case 'application/zip':
@@ -144,33 +177,43 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Archive
+      } : {
         icon: _constants.IconType.Archive,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Archive'
       };
     case 'application/dmg':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Executable
+      } : {
         icon: _constants.IconType.Executable,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Executable'
       };
     case 'application/sketch':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Sketch
+      } : {
         icon: _constants.IconType.Sketch,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Sketch'
       };
     case 'application/octet-stream':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Generic
+      } : {
         icon: _constants.IconType.Generic,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Binary file'
       };
     case 'application/invision.prototype':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Generic
+      } : {
         icon: _constants.IconType.Generic,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Prototype'
       };
     default:

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var _icon = require("../../common/icon");
 var _priority = require("../../common/icon/priority");
@@ -69,39 +70,57 @@ function typeToIconDescriptor(_ref3) {
     data = _ref3.data;
   switch (type) {
     case 'atlassian:Goal':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.Task,
+        label: label
+      } : {
+        icon: _constants.IconType.Task,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Goal'
       };
     case 'atlassian:Project':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Project,
+        label: label
+      } : {
         icon: _constants.IconType.Project,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Project'
       };
     case 'atlassian:SourceCodeCommit':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Commit,
+        label: label
+      } : {
         icon: _constants.IconType.Commit,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Commit'
       };
     case 'atlassian:SourceCodePullRequest':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
         icon: _constants.IconType.PullRequest,
+        label: label
+      } : {
+        icon: _constants.IconType.PullRequest,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Pull request'
       };
     case 'atlassian:SourceCodeReference':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Branch,
+        label: label
+      } : {
         icon: _constants.IconType.Branch,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Reference'
       };
     case 'atlassian:SourceCodeRepository':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return (0, _platformFeatureFlags.fg)('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: _constants.IconType.Repo,
+        label: label
+      } : {
         icon: _constants.IconType.Repo,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Repository'
       };
     case 'atlassian:Task':

package/dist/cjs/utils/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isProfileType = exports.isIntersectionObserverSupported = exports.isIframe = exports.isIconSizeLarge = exports.importWithRetry = exports.handleOnClick = exports.getPreviewUrlWithTheme = exports.getLazyIcons = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
+exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isProfileType = exports.isIntersectionObserverSupported = exports.isIframe = exports.isIconSizeLarge = exports.importWithRetry = exports.handleOnClick = exports.getPreviewUrlWithTheme = exports.getLazyIcons = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -71,15 +71,6 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
     testId: "document-file-format-icon"
   });
 };
-var getLabelForFileType = exports.getLabelForFileType = function getLabelForFileType(fileMimeType) {
-  var icon = getTypeToIconMap(fileMimeType.toLowerCase());
-  if (!icon) {
-    return;
-  }
-  var _icon2 = (0, _slicedToArray2.default)(icon, 1),
-    label = _icon2[0];
-  return label;
-};
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
   var _ref3;

package/dist/cjs/view/EmbedModal/components/link-info/index.compiled.css

@@ -1,12 +1,17 @@
 
+._qtt8glyw{list-style:none}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
 ._15iz1tcg span{min-height:24px}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._17521tcg svg{height:24px}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19l31tcg img{max-height:24px}
+._19pkidpf{margin-top:0}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
 ._1bnm1tcg [data-smart-element-icon] svg{height:24px}
 ._1bsb1tcg{width:24px}
@@ -15,6 +20,7 @@
 ._1h1b1tcg [data-smart-element-icon] span{width:24px}
 ._1mj01tcg [data-smart-element-icon] img{max-width:24px}
 ._1o9zidpf{flex-shrink:0}
+._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
 ._1pr21tcg span{max-height:24px}
 ._1q121tcg [data-smart-element-icon] img{max-height:24px}
 ._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
@@ -27,14 +33,19 @@
 ._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
 ._1xjx1tcg span{height:24px}
 ._1xyl1tcg [data-smart-element-icon] img{width:24px}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
 ._2lx21bp4{flex-direction:column}
 ._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
+._4cvr1h6o{align-items:center}
 ._4t3i1tcg{height:24px}
 ._4x201tcg svg{max-width:24px}
+._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._b8nk1tcg span{max-width:24px}
 ._bna71tcg img{height:24px}
+._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._c71l1tcg{max-height:24px}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._e2oo1tcg span{width:24px}
 ._erub1tcg svg{min-height:24px}
 ._gire1tcg [data-smart-element-icon] img{height:24px}
@@ -43,16 +54,19 @@
 ._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
 ._mezj1tcg img{width:24px}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._p12f1tcg{max-width:24px}
 ._prfw1tcg [data-smart-element-icon] svg{width:24px}
 ._q7cv1tcg span{min-width:24px}
 ._qci81tcg img{min-height:24px}
 ._rtys1tcg img{max-width:24px}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._v5981tcg [data-smart-element-icon] span{min-height:24px}
 ._w8l51tcg svg{width:24px}
 ._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
 ._xwbj1tcg svg{min-width:24px}
 ._yrry1tcg [data-smart-element-icon] span{height:24px}
 ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
-@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}
+@media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}