@dt-dds/react-form 1.0.0-beta.51 → 1.0.0-beta.52

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @dt-ui/react-form
 
+## 1.0.0-beta.52
+
+### Patch Changes
+
+- refactor: remove custom icons
+- Updated dependencies
+  - @dt-dds/react-tooltip@1.0.0-beta.67
+
 ## 1.0.0-beta.51
 
 ### Minor Changes

package/dist/index.js

@@ -1,27 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -52,6 +35,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Form.tsx
+var import_react_icon = require("@dt-dds/react-icon");
 var import_react_tooltip = require("@dt-dds/react-tooltip");
 var import_react_typography = require("@dt-dds/react-typography");
 
@@ -97,196 +81,8 @@ var GroupItemsStyled = import_styled.default.div`
   `}
 `;
 
-// ../../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");
-
-// ../../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");
-var Info = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "currentColor",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z" })
-    })
-  );
-};
-var Info_default = Info;
-
-// ../../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/Form.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();
 var Form = ({
   children,
@@ -295,12 +91,12 @@ var Form = ({
   onSubmit = DEFAULT_ON_SUBMIT
 }) => {
   const testId = dataTestId != null ? dataTestId : "test-form";
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormStyled, { "data-testid": testId, onSubmit, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormStyled, { "data-testid": testId, onSubmit, style, children });
 };
 Form.Group = ({ children, isDisabled, title, tooltip }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(GroupStyled, { children: [
-    title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(LabelStyled, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(GroupStyled, { children: [
+    title ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LabelStyled, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_react_typography.Typography,
         {
           color: "primary.default",
@@ -309,9 +105,9 @@ Form.Group = ({ children, isDisabled, title, tooltip }) => {
           children: title
         }
       ),
-      tooltip ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_react_tooltip.Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Info_default, { height: "16", width: "16" }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      tooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_tooltip.Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icon.Icon, { code: "info", size: "small" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_react_tooltip.Tooltip.Content,
           {
             direction: import_react_tooltip.OTooltipDirection.Right,
@@ -321,7 +117,7 @@ Form.Group = ({ children, isDisabled, title, tooltip }) => {
         )
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(GroupItemsStyled, { disabled: isDisabled, children })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupItemsStyled, { disabled: isDisabled, children })
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -1,24 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
 // src/Form.tsx
+import { Icon } from "@dt-dds/react-icon";
 import { OTooltipDirection, Tooltip } from "@dt-dds/react-tooltip";
 import { Typography } from "@dt-dds/react-typography";
 
@@ -64,196 +45,8 @@ var GroupItemsStyled = styled.div`
   `}
 `;
 
-// ../../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";
-
-// ../../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";
-var Info = (props) => {
-  return /* @__PURE__ */ jsx24(
-    "svg",
-    __spreadProps(__spreadValues({
-      fill: "currentColor",
-      height: "24",
-      viewBox: "0 0 24 24",
-      width: "24",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, props), {
-      children: /* @__PURE__ */ jsx24("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V11H13V17ZM13 9H11V7H13V9Z" })
-    })
-  );
-};
-var Info_default = Info;
-
-// ../../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/Form.tsx
-import { jsx as jsx58, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();
 var Form = ({
   children,
@@ -262,12 +55,12 @@ var Form = ({
   onSubmit = DEFAULT_ON_SUBMIT
 }) => {
   const testId = dataTestId != null ? dataTestId : "test-form";
-  return /* @__PURE__ */ jsx58(FormStyled, { "data-testid": testId, onSubmit, style, children });
+  return /* @__PURE__ */ jsx(FormStyled, { "data-testid": testId, onSubmit, style, children });
 };
 Form.Group = ({ children, isDisabled, title, tooltip }) => {
-  return /* @__PURE__ */ jsxs25(GroupStyled, { children: [
-    title ? /* @__PURE__ */ jsxs25(LabelStyled, { children: [
-      /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs(GroupStyled, { children: [
+    title ? /* @__PURE__ */ jsxs(LabelStyled, { children: [
+      /* @__PURE__ */ jsx(
         Typography,
         {
           color: "primary.default",
@@ -276,9 +69,9 @@ Form.Group = ({ children, isDisabled, title, tooltip }) => {
           children: title
         }
       ),
-      tooltip ? /* @__PURE__ */ jsxs25(Tooltip, { children: [
-        /* @__PURE__ */ jsx58(Info_default, { height: "16", width: "16" }),
-        /* @__PURE__ */ jsx58(
+      tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(Icon, { code: "info", size: "small" }),
+        /* @__PURE__ */ jsx(
           Tooltip.Content,
           {
             direction: OTooltipDirection.Right,
@@ -288,7 +81,7 @@ Form.Group = ({ children, isDisabled, title, tooltip }) => {
         )
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsx58(GroupItemsStyled, { disabled: isDisabled, children })
+    /* @__PURE__ */ jsx(GroupItemsStyled, { disabled: isDisabled, children })
   ] });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-form",
-  "version": "1.0.0-beta.51",
+  "version": "1.0.0-beta.52",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -21,8 +21,9 @@
   },
   "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-typography": "1.0.0-beta.48",
+    "@dt-dds/react-icon": "1.0.0-beta.60",
     "@dt-dds/themes": "1.0.0-beta.12"
   },
   "devDependencies": {
@@ -30,7 +31,7 @@
     "@babel/preset-env": "^7.22.9",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.23.3",
-    "@dt-dds/react-text-field": "1.0.0-beta.116",
+    "@dt-dds/react-text-field": "1.0.0-beta.117",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/css": "^11.7.1",
     "@emotion/jest": "^11.10.0",