@dt-dds/react-tag 1.0.0-beta.60 → 1.0.0-beta.61

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @dt-ui/react-tag
 
+## 1.0.0-beta.61
+
+### Patch Changes
+
+- refactor: remove custom icons
+- Updated dependencies
+  - @dt-dds/react-tooltip@1.0.0-beta.67
+
 ## 1.0.0-beta.60
 
 ### Patch Changes

package/dist/index.js

@@ -52,7 +52,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Tag.tsx
-var import_react3 = require("react");
+var import_react = require("react");
+var import_react_icon = require("@dt-dds/react-icon");
 var import_react_tooltip = require("@dt-dds/react-tooltip");
 
 // src/Tag.styled.ts
@@ -177,203 +178,9 @@ var TagButtonCloseStyled = import_styled.default.button`
 })}
 `;
 
-// ../../dt-dds-react/core/assets/svgs/AllOut.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Apis.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Apps.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropDown.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropUp.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowLeft.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ArrowRight.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/AvatarThumbnail.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Bolt.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CalendarMonth.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Cancel.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Check.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircle.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircleOutline.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Close.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var CloseIcon = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "none",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "path",
-        {
-          d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var Close_default = CloseIcon;
-
-// ../../dt-dds-react/core/assets/svgs/Copy.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Delete.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Edit.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Email.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/EmailSend.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Error.tsx
-var import_react = require("@emotion/react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ErrorOutline.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/EVStation.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Info.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/InfoOutline.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Input.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Language.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/LocationOn.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/LocationSearching.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MenuCompact.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MenuExpand.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Menu.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MoreHorizontal.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/MoreVertical.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/NoData.tsx
-var import_react2 = require("@emotion/react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/NotFound.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropDown.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropUp.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/PhoneOutlined.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Payments.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Products.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/RemoveCircleOutline.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Share.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Signout.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Teams.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Timeline.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Topic.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldLess.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldMore.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Username.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/ViewAgenda.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Visibility.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/VisibilityOff.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/WarningOutline.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Warning.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Wifi.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
-
-// ../../dt-dds-react/core/assets/svgs/Settings.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-
 // src/Tag.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var Tag = (0, import_react3.forwardRef)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tag = (0, import_react.forwardRef)(
   ({
     style,
     children,
@@ -398,8 +205,8 @@ var Tag = (0, import_react3.forwardRef)(
       }
       onClick == null ? void 0 : onClick(event);
     };
-    const cellRef = (0, import_react3.useRef)(null);
-    const [isOverflow, setIsOverflow] = (0, import_react3.useState)(false);
+    const cellRef = (0, import_react.useRef)(null);
+    const [isOverflow, setIsOverflow] = (0, import_react.useState)(false);
     const handleClickOnEnterKey = (event) => {
       if (event.code === "Enter") {
         handleClickTag(event);
@@ -410,14 +217,14 @@ var Tag = (0, import_react3.forwardRef)(
         onClose == null ? void 0 : onClose(event);
       }
     };
-    (0, import_react3.useEffect)(() => {
+    (0, import_react.useEffect)(() => {
       if (cellRef.current) {
         const { current } = cellRef;
         setIsOverflow(current.scrollWidth > current.clientWidth);
       }
     }, [children]);
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react_tooltip.Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_tooltip.Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         TagStyled,
         __spreadProps(__spreadValues(__spreadProps(__spreadValues({
           "aria-disabled": isDisabled,
@@ -436,8 +243,8 @@ var Tag = (0, import_react3.forwardRef)(
         }), isClickable && { tabIndex: 0 }), {
           variant,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { ref: cellRef, children }),
-            isDismissible ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ref: cellRef, children }),
+            isDismissible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               TagButtonCloseStyled,
               {
                 "aria-disabled": isDisabled,
@@ -447,13 +254,13 @@ var Tag = (0, import_react3.forwardRef)(
                 onClick: onClose,
                 onKeyDown: handleCloseOnEnterKey,
                 tabIndex: 0,
-                children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Close_default, { height: 12, width: 12 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icon.Icon, { code: "close", size: "extra-small" })
               }
             ) : null
           ]
         })
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_tooltip.Tooltip.Content, { background: tooltipVariant, children: isOverflow ? children : "" })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_tooltip.Tooltip.Content, { background: tooltipVariant, children: isOverflow ? children : "" })
     ] });
   }
 );

package/dist/index.mjs

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Tag.tsx
 import { forwardRef, useEffect, useRef, useState } from "react";
+import { Icon } from "@dt-dds/react-icon";
 import { Tooltip } from "@dt-dds/react-tooltip";
 
 // src/Tag.styled.ts
@@ -144,202 +145,8 @@ var TagButtonCloseStyled = styled.button`
 })}
 `;
 
-// ../../dt-dds-react/core/assets/svgs/AllOut.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Apis.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Apps.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropDown.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowDropUp.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowLeft.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ArrowRight.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/AvatarThumbnail.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Bolt.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CalendarMonth.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Cancel.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Check.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircle.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/CheckCircleOutline.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Close.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var CloseIcon = (props) => {
-  return /* @__PURE__ */ jsx15(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "none",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ jsx15(
-        "path",
-        {
-          d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
-          fill: "currentColor"
-        }
-      )
-    })
-  );
-};
-var Close_default = CloseIcon;
-
-// ../../dt-dds-react/core/assets/svgs/Copy.tsx
-import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Delete.tsx
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Edit.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Email.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/EmailSend.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Error.tsx
-import { useTheme } from "@emotion/react";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ErrorOutline.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/EVStation.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Info.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/InfoOutline.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Input.tsx
-import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Language.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/LocationOn.tsx
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/LocationSearching.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MenuCompact.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MenuExpand.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Menu.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MoreHorizontal.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/MoreVertical.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/NoData.tsx
-import { useTheme as useTheme2 } from "@emotion/react";
-import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/NotFound.tsx
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropDown.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropUp.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/PhoneOutlined.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Payments.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Products.tsx
-import { jsx as jsx41, jsxs as jsxs16 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/RemoveCircleOutline.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Share.tsx
-import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Signout.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Teams.tsx
-import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Timeline.tsx
-import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Topic.tsx
-import { jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldLess.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/UnfoldMore.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Username.tsx
-import { jsx as jsx50, jsxs as jsxs21 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/ViewAgenda.tsx
-import { jsx as jsx51, jsxs as jsxs22 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Visibility.tsx
-import { jsx as jsx52, jsxs as jsxs23 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/VisibilityOff.tsx
-import { jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/WarningOutline.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Warning.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Wifi.tsx
-import { jsx as jsx56 } from "react/jsx-runtime";
-
-// ../../dt-dds-react/core/assets/svgs/Settings.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
-
 // src/Tag.tsx
-import { jsx as jsx58, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Tag = forwardRef(
   ({
     style,
@@ -383,8 +190,8 @@ var Tag = forwardRef(
         setIsOverflow(current.scrollWidth > current.clientWidth);
       }
     }, [children]);
-    return /* @__PURE__ */ jsxs25(Tooltip, { children: [
-      /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsxs(
         TagStyled,
         __spreadProps(__spreadValues(__spreadProps(__spreadValues({
           "aria-disabled": isDisabled,
@@ -403,8 +210,8 @@ var Tag = forwardRef(
         }), isClickable && { tabIndex: 0 }), {
           variant,
           children: [
-            /* @__PURE__ */ jsx58("span", { ref: cellRef, children }),
-            isDismissible ? /* @__PURE__ */ jsx58(
+            /* @__PURE__ */ jsx("span", { ref: cellRef, children }),
+            isDismissible ? /* @__PURE__ */ jsx(
               TagButtonCloseStyled,
               {
                 "aria-disabled": isDisabled,
@@ -414,13 +221,13 @@ var Tag = forwardRef(
                 onClick: onClose,
                 onKeyDown: handleCloseOnEnterKey,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsx58(Close_default, { height: 12, width: 12 })
+                children: /* @__PURE__ */ jsx(Icon, { code: "close", size: "extra-small" })
               }
             ) : null
           ]
         })
       ),
-      /* @__PURE__ */ jsx58(Tooltip.Content, { background: tooltipVariant, children: isOverflow ? children : "" })
+      /* @__PURE__ */ jsx(Tooltip.Content, { background: tooltipVariant, children: isOverflow ? children : "" })
     ] });
   }
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-tag",
-  "version": "1.0.0-beta.60",
+  "version": "1.0.0-beta.61",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -21,7 +21,8 @@
   },
   "dependencies": {
     "@dt-dds/react-core": "1.0.0-beta.57",
-    "@dt-dds/react-tooltip": "1.0.0-beta.66",
+    "@dt-dds/react-tooltip": "1.0.0-beta.67",
+    "@dt-dds/react-icon": "1.0.0-beta.60",
     "@dt-dds/themes": "1.0.0-beta.12"
   },
   "devDependencies": {