@conveyorhq/arrow-ds 1.183.0 → 1.183.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.183.0",
+  "version": "1.183.2",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Markdown/directives/chip.js

@@ -5,17 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkdownDirectiveChipInfo = exports.MarkdownDirectiveChipConveyor = exports.MarkdownDirectiveChipSalesforce = void 0;
 const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
 const tokens_1 = require("../../../style-dictionary/dist/tokens");
 const Chip_1 = require("../../Chip");
 const IntegrationLogo_1 = require("../../IntegrationLogo");
 const sharedProps = {
-    className: "inline-flex uppercase",
+    className: "inline-flex",
     style: {
         verticalAlign: "text-bottom",
     },
 };
 const MarkdownDirectiveChipSalesforce = ({ children, }) => {
-    return (react_1.default.createElement(Chip_1.Chip.Integration, { integration: "salesforce", ...sharedProps }, children.replace("=>", "→")));
+    return (react_1.default.createElement(Chip_1.Chip.Integration, { integration: "salesforce", className: (0, classnames_1.default)("uppercase", sharedProps.className), style: sharedProps.style }, children));
 };
 exports.MarkdownDirectiveChipSalesforce = MarkdownDirectiveChipSalesforce;
 const MarkdownDirectiveChipConveyor = ({ children, }) => {

package/src/components/Markdown/directives/chip.tsx

@@ -1,10 +1,11 @@
 import React from "react";
+import classNames from "classnames";
 import { tokens } from "../../../style-dictionary/dist/tokens";
 import { Chip } from "../../Chip";
 import { IntegrationLogo } from "../../IntegrationLogo";
 
 const sharedProps = {
-  className: "inline-flex uppercase",
+  className: "inline-flex",
   style: {
     verticalAlign: "text-bottom",
   },
@@ -16,8 +17,12 @@ export const MarkdownDirectiveChipSalesforce = ({
   children: string;
 }) => {
   return (
-    <Chip.Integration integration="salesforce" {...sharedProps}>
-      {children.replace("=>", "→")}
+    <Chip.Integration
+      integration="salesforce"
+      className={classNames("uppercase", sharedProps.className)}
+      style={sharedProps.style}
+    >
+      {children}
     </Chip.Integration>
   );
 };