@dt-dds/react-form 1.0.0-beta.44 → 1.0.0-beta.46

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @dt-ui/react-form
 
+## 1.0.0-beta.46
+
+### Patch Changes
+
+- fix(config): update ESLint, TS, and Storybook config
+- fix(icon-button): add missing @dt-dds/react-icon devDependency
+- Updated dependencies
+- Updated dependencies
+  - @dt-dds/react-core@1.0.0-beta.52
+  - @dt-dds/react-tooltip@1.0.0-beta.61
+  - @dt-dds/react-typography@1.0.0-beta.43
+  - @dt-dds/themes@1.0.0-beta.10
+
+## 1.0.0-beta.45
+
+### Minor Changes
+
+- feat: add ref to text field
+
 ## 1.0.0-beta.44
 
 ### Minor Changes

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import { CustomTheme } from '@dt-dds/themes';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BaseProps } from '@dt-dds/react-core';
 import { ReactNode, FormEvent } from 'react';
+import { BaseProps } from '@dt-dds/react-core';
 
 interface GroupProps extends BaseProps {
     isDisabled?: boolean;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { CustomTheme } from '@dt-dds/themes';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BaseProps } from '@dt-dds/react-core';
 import { ReactNode, FormEvent } from 'react';
+import { BaseProps } from '@dt-dds/react-core';
 
 interface GroupProps extends BaseProps {
     isDisabled?: boolean;

package/dist/index.js

@@ -55,6 +55,48 @@ module.exports = __toCommonJS(index_exports);
 var import_react_tooltip = require("@dt-dds/react-tooltip");
 var import_react_typography = require("@dt-dds/react-typography");
 
+// src/Form.styled.ts
+var import_styled = __toESM(require("@emotion/styled"));
+var FormStyled = import_styled.default.form`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  row-gap: ${({ theme }) => theme.spacing.spacing_60};
+`;
+var GroupStyled = import_styled.default.div`
+  ${({ theme }) => `
+    row-gap: ${theme.spacing.spacing_50};
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    color: ${theme.palette.content.default};
+  `}
+`;
+var LabelStyled = import_styled.default.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+`;
+var GroupItemsStyled = import_styled.default.div`
+  ${({ theme, disabled }) => `
+    display: flex;
+    gap: ${theme.spacing.spacing_50};
+    justify-content: stretch;
+    align-items: start;
+    flex-direction: column;
+
+    @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
+      flex-direction: row;
+    }
+
+    ${disabled && `
+        opacity: 0.5;
+        pointer-events: none;
+      `}
+  `}
+`;
+
 // ../../dt-dds-react/core/assets/svgs/AllOut.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 
@@ -243,48 +285,6 @@ 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.styled.ts
-var import_styled = __toESM(require("@emotion/styled"));
-var FormStyled = import_styled.default.form`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${({ theme }) => theme.spacing.spacing_60};
-`;
-var GroupStyled = import_styled.default.div`
-  ${({ theme }) => `
-    row-gap: ${theme.spacing.spacing_50};
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    color: ${theme.palette.content.default};
-  `}
-`;
-var LabelStyled = import_styled.default.div`
-  display: flex;
-  flex-direction: row;
-  column-gap: 10px;
-  align-items: center;
-`;
-var GroupItemsStyled = import_styled.default.div`
-  ${({ theme, disabled }) => `
-    display: flex;
-    gap: ${theme.spacing.spacing_50};
-    justify-content: stretch;
-    align-items: start;
-    flex-direction: column;
-
-    @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
-      flex-direction: row;
-    }
-
-    ${disabled && `
-        opacity: 0.5;
-        pointer-events: none;
-      `}
-  `}
-`;
-
 // src/Form.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();

package/dist/index.mjs

@@ -22,6 +22,48 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { OTooltipDirection, Tooltip } from "@dt-dds/react-tooltip";
 import { Typography } from "@dt-dds/react-typography";
 
+// src/Form.styled.ts
+import styled from "@emotion/styled";
+var FormStyled = styled.form`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  row-gap: ${({ theme }) => theme.spacing.spacing_60};
+`;
+var GroupStyled = styled.div`
+  ${({ theme }) => `
+    row-gap: ${theme.spacing.spacing_50};
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    color: ${theme.palette.content.default};
+  `}
+`;
+var LabelStyled = styled.div`
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+`;
+var GroupItemsStyled = styled.div`
+  ${({ theme, disabled }) => `
+    display: flex;
+    gap: ${theme.spacing.spacing_50};
+    justify-content: stretch;
+    align-items: start;
+    flex-direction: column;
+
+    @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
+      flex-direction: row;
+    }
+
+    ${disabled && `
+        opacity: 0.5;
+        pointer-events: none;
+      `}
+  `}
+`;
+
 // ../../dt-dds-react/core/assets/svgs/AllOut.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -210,48 +252,6 @@ 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.styled.ts
-import styled from "@emotion/styled";
-var FormStyled = styled.form`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  row-gap: ${({ theme }) => theme.spacing.spacing_60};
-`;
-var GroupStyled = styled.div`
-  ${({ theme }) => `
-    row-gap: ${theme.spacing.spacing_50};
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    color: ${theme.palette.content.default};
-  `}
-`;
-var LabelStyled = styled.div`
-  display: flex;
-  flex-direction: row;
-  column-gap: 10px;
-  align-items: center;
-`;
-var GroupItemsStyled = styled.div`
-  ${({ theme, disabled }) => `
-    display: flex;
-    gap: ${theme.spacing.spacing_50};
-    justify-content: stretch;
-    align-items: start;
-    flex-direction: column;
-
-    @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
-      flex-direction: row;
-    }
-
-    ${disabled && `
-        opacity: 0.5;
-        pointer-events: none;
-      `}
-  `}
-`;
-
 // src/Form.tsx
 import { jsx as jsx58, jsxs as jsxs25 } from "react/jsx-runtime";
 var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dt-dds/react-form",
-  "version": "1.0.0-beta.44",
+  "version": "1.0.0-beta.46",
   "license": "MIT",
   "exports": {
     ".": "./dist/index.js"
@@ -20,17 +20,17 @@
     "test:update:snapshot": "jest -u"
   },
   "dependencies": {
-    "@dt-dds/react-core": "1.0.0-beta.51",
-    "@dt-dds/react-tooltip": "1.0.0-beta.60",
-    "@dt-dds/react-typography": "1.0.0-beta.42",
-    "@dt-dds/themes": "1.0.0-beta.9"
+    "@dt-dds/react-core": "1.0.0-beta.52",
+    "@dt-dds/react-tooltip": "1.0.0-beta.61",
+    "@dt-dds/react-typography": "1.0.0-beta.43",
+    "@dt-dds/themes": "1.0.0-beta.10"
   },
   "devDependencies": {
     "@babel/core": "^7.22.9",
     "@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.89",
+    "@dt-dds/react-text-field": "1.0.0-beta.97",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/css": "^11.7.1",
     "@emotion/jest": "^11.10.0",