@dt-dds/react-form 1.0.0-beta.30 → 1.0.0-beta.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/index.d.mts +24 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +6 -6
- package/dist/index.mjs +3 -3
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @dt-ui/react-form
|
|
2
2
|
|
|
3
|
+
## 1.0.0-beta.32
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- chore(dependencies): upgrade builders versions
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @dt-dds/react-core@1.0.0-beta.45
|
|
10
|
+
- @dt-dds/react-tooltip@1.0.0-beta.53
|
|
11
|
+
- @dt-dds/react-typography@1.0.0-beta.36
|
|
12
|
+
- @dt-dds/themes@1.0.0-beta.5
|
|
13
|
+
|
|
14
|
+
## 1.0.0-beta.31
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- refactor(themes): consolidate theme structure
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
- @dt-dds/react-core@1.0.0-beta.44
|
|
21
|
+
- @dt-dds/react-tooltip@1.0.0-beta.52
|
|
22
|
+
- @dt-dds/react-typography@1.0.0-beta.35
|
|
23
|
+
- @dt-dds/themes@1.0.0-beta.4
|
|
24
|
+
|
|
3
25
|
## 1.0.0-beta.30
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CustomTheme } from '@dt-dds/themes';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import { BaseProps } from '@dt-dds/react-core';
|
|
4
|
+
import { ReactNode, FormEvent } from 'react';
|
|
5
|
+
|
|
6
|
+
interface GroupProps extends BaseProps {
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
title?: string;
|
|
9
|
+
tooltip?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
interface FormProps extends BaseProps {
|
|
12
|
+
onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
|
|
13
|
+
}
|
|
14
|
+
declare const Form: {
|
|
15
|
+
({ children, dataTestId, style, onSubmit, }: FormProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
Group({ children, isDisabled, title, tooltip }: GroupProps): react_jsx_runtime.JSX.Element;
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
declare module '@emotion/react' {
|
|
20
|
+
interface Theme extends CustomTheme {
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { Form, type FormProps, type GroupProps };
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -45,11 +45,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
45
45
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
46
46
|
|
|
47
47
|
// index.ts
|
|
48
|
-
var
|
|
49
|
-
__export(
|
|
48
|
+
var index_exports = {};
|
|
49
|
+
__export(index_exports, {
|
|
50
50
|
Form: () => Form
|
|
51
51
|
});
|
|
52
|
-
module.exports = __toCommonJS(
|
|
52
|
+
module.exports = __toCommonJS(index_exports);
|
|
53
53
|
|
|
54
54
|
// src/Form.tsx
|
|
55
55
|
var import_react_tooltip = require("@dt-dds/react-tooltip");
|
|
@@ -249,11 +249,11 @@ var FormStyled = import_styled.default.form`
|
|
|
249
249
|
display: flex;
|
|
250
250
|
flex-direction: column;
|
|
251
251
|
width: 100%;
|
|
252
|
-
row-gap: ${({ theme }) => theme.spacing.
|
|
252
|
+
row-gap: ${({ theme }) => theme.spacing.spacing_60};
|
|
253
253
|
`;
|
|
254
254
|
var GroupStyled = import_styled.default.div`
|
|
255
255
|
${({ theme }) => `
|
|
256
|
-
row-gap: ${theme.spacing.
|
|
256
|
+
row-gap: ${theme.spacing.spacing_50};
|
|
257
257
|
display: flex;
|
|
258
258
|
flex-direction: column;
|
|
259
259
|
width: 100%;
|
|
@@ -269,7 +269,7 @@ var LabelStyled = import_styled.default.div`
|
|
|
269
269
|
var GroupItemsStyled = import_styled.default.div`
|
|
270
270
|
${({ theme, disabled }) => `
|
|
271
271
|
display: flex;
|
|
272
|
-
gap: ${theme.spacing.
|
|
272
|
+
gap: ${theme.spacing.spacing_50};
|
|
273
273
|
justify-content: stretch;
|
|
274
274
|
align-items: start;
|
|
275
275
|
flex-direction: column;
|
package/dist/index.mjs
CHANGED
|
@@ -216,11 +216,11 @@ var FormStyled = styled.form`
|
|
|
216
216
|
display: flex;
|
|
217
217
|
flex-direction: column;
|
|
218
218
|
width: 100%;
|
|
219
|
-
row-gap: ${({ theme }) => theme.spacing.
|
|
219
|
+
row-gap: ${({ theme }) => theme.spacing.spacing_60};
|
|
220
220
|
`;
|
|
221
221
|
var GroupStyled = styled.div`
|
|
222
222
|
${({ theme }) => `
|
|
223
|
-
row-gap: ${theme.spacing.
|
|
223
|
+
row-gap: ${theme.spacing.spacing_50};
|
|
224
224
|
display: flex;
|
|
225
225
|
flex-direction: column;
|
|
226
226
|
width: 100%;
|
|
@@ -236,7 +236,7 @@ var LabelStyled = styled.div`
|
|
|
236
236
|
var GroupItemsStyled = styled.div`
|
|
237
237
|
${({ theme, disabled }) => `
|
|
238
238
|
display: flex;
|
|
239
|
-
gap: ${theme.spacing.
|
|
239
|
+
gap: ${theme.spacing.spacing_50};
|
|
240
240
|
justify-content: stretch;
|
|
241
241
|
align-items: start;
|
|
242
242
|
flex-direction: column;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dt-dds/react-form",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.32",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": "./dist/index.js"
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
"test:update:snapshot": "jest -u"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@dt-dds/react-core": "1.0.0-beta.
|
|
24
|
-
"@dt-dds/react-tooltip": "1.0.0-beta.
|
|
25
|
-
"@dt-dds/react-typography": "1.0.0-beta.
|
|
26
|
-
"@dt-dds/themes": "1.0.0-beta.
|
|
23
|
+
"@dt-dds/react-core": "1.0.0-beta.45",
|
|
24
|
+
"@dt-dds/react-tooltip": "1.0.0-beta.53",
|
|
25
|
+
"@dt-dds/react-typography": "1.0.0-beta.36",
|
|
26
|
+
"@dt-dds/themes": "1.0.0-beta.5"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@babel/core": "^7.22.9",
|
|
30
30
|
"@babel/preset-env": "^7.22.9",
|
|
31
31
|
"@babel/preset-react": "^7.22.5",
|
|
32
32
|
"@babel/preset-typescript": "^7.23.3",
|
|
33
|
-
"@dt-dds/react-text-field": "1.0.0-beta.
|
|
33
|
+
"@dt-dds/react-text-field": "1.0.0-beta.55",
|
|
34
34
|
"@emotion/babel-plugin": "^11.11.0",
|
|
35
35
|
"@emotion/css": "^11.7.1",
|
|
36
36
|
"@emotion/jest": "^11.10.0",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"react": "^18.1.0",
|
|
46
46
|
"react-dom": "^18.2.0",
|
|
47
47
|
"tsconfig": "*",
|
|
48
|
-
"tsup": "^
|
|
48
|
+
"tsup": "^8.5.0",
|
|
49
49
|
"typescript": "^4.5.3"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|