@dt-dds/react-form 1.0.0-beta.45 → 1.0.0-beta.47

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +42 -42
  5. package/dist/index.mjs +42 -42
  6. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @dt-ui/react-form
2
2
 
3
+ ## 1.0.0-beta.47
4
+
5
+ ### Minor Changes
6
+
7
+ - feat(core): share responsive HOC from core package
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+ - @dt-dds/react-core@1.0.0-beta.53
13
+ - @dt-dds/react-tooltip@1.0.0-beta.62
14
+ - @dt-dds/react-typography@1.0.0-beta.44
15
+
16
+ ## 1.0.0-beta.46
17
+
18
+ ### Patch Changes
19
+
20
+ - fix(config): update ESLint, TS, and Storybook config
21
+ - fix(icon-button): add missing @dt-dds/react-icon devDependency
22
+ - Updated dependencies
23
+ - Updated dependencies
24
+ - @dt-dds/react-core@1.0.0-beta.52
25
+ - @dt-dds/react-tooltip@1.0.0-beta.61
26
+ - @dt-dds/react-typography@1.0.0-beta.43
27
+ - @dt-dds/themes@1.0.0-beta.10
28
+
3
29
  ## 1.0.0-beta.45
4
30
 
5
31
  ### Minor Changes
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CustomTheme } from '@dt-dds/themes';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { BaseProps } from '@dt-dds/react-core';
4
3
  import { ReactNode, FormEvent } from 'react';
4
+ import { BaseProps } from '@dt-dds/react-core';
5
5
 
6
6
  interface GroupProps extends BaseProps {
7
7
  isDisabled?: boolean;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { CustomTheme } from '@dt-dds/themes';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { BaseProps } from '@dt-dds/react-core';
4
3
  import { ReactNode, FormEvent } from 'react';
4
+ import { BaseProps } from '@dt-dds/react-core';
5
5
 
6
6
  interface GroupProps extends BaseProps {
7
7
  isDisabled?: boolean;
package/dist/index.js CHANGED
@@ -55,6 +55,48 @@ module.exports = __toCommonJS(index_exports);
55
55
  var import_react_tooltip = require("@dt-dds/react-tooltip");
56
56
  var import_react_typography = require("@dt-dds/react-typography");
57
57
 
58
+ // src/Form.styled.ts
59
+ var import_styled = __toESM(require("@emotion/styled"));
60
+ var FormStyled = import_styled.default.form`
61
+ display: flex;
62
+ flex-direction: column;
63
+ width: 100%;
64
+ row-gap: ${({ theme }) => theme.spacing.spacing_60};
65
+ `;
66
+ var GroupStyled = import_styled.default.div`
67
+ ${({ theme }) => `
68
+ row-gap: ${theme.spacing.spacing_50};
69
+ display: flex;
70
+ flex-direction: column;
71
+ width: 100%;
72
+ color: ${theme.palette.content.default};
73
+ `}
74
+ `;
75
+ var LabelStyled = import_styled.default.div`
76
+ display: flex;
77
+ flex-direction: row;
78
+ column-gap: 10px;
79
+ align-items: center;
80
+ `;
81
+ var GroupItemsStyled = import_styled.default.div`
82
+ ${({ theme, disabled }) => `
83
+ display: flex;
84
+ gap: ${theme.spacing.spacing_50};
85
+ justify-content: stretch;
86
+ align-items: start;
87
+ flex-direction: column;
88
+
89
+ @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
90
+ flex-direction: row;
91
+ }
92
+
93
+ ${disabled && `
94
+ opacity: 0.5;
95
+ pointer-events: none;
96
+ `}
97
+ `}
98
+ `;
99
+
58
100
  // ../../dt-dds-react/core/assets/svgs/AllOut.tsx
59
101
  var import_jsx_runtime = require("react/jsx-runtime");
60
102
 
@@ -243,48 +285,6 @@ var import_jsx_runtime56 = require("react/jsx-runtime");
243
285
  // ../../dt-dds-react/core/assets/svgs/Settings.tsx
244
286
  var import_jsx_runtime57 = require("react/jsx-runtime");
245
287
 
246
- // src/Form.styled.ts
247
- var import_styled = __toESM(require("@emotion/styled"));
248
- var FormStyled = import_styled.default.form`
249
- display: flex;
250
- flex-direction: column;
251
- width: 100%;
252
- row-gap: ${({ theme }) => theme.spacing.spacing_60};
253
- `;
254
- var GroupStyled = import_styled.default.div`
255
- ${({ theme }) => `
256
- row-gap: ${theme.spacing.spacing_50};
257
- display: flex;
258
- flex-direction: column;
259
- width: 100%;
260
- color: ${theme.palette.content.default};
261
- `}
262
- `;
263
- var LabelStyled = import_styled.default.div`
264
- display: flex;
265
- flex-direction: row;
266
- column-gap: 10px;
267
- align-items: center;
268
- `;
269
- var GroupItemsStyled = import_styled.default.div`
270
- ${({ theme, disabled }) => `
271
- display: flex;
272
- gap: ${theme.spacing.spacing_50};
273
- justify-content: stretch;
274
- align-items: start;
275
- flex-direction: column;
276
-
277
- @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
278
- flex-direction: row;
279
- }
280
-
281
- ${disabled && `
282
- opacity: 0.5;
283
- pointer-events: none;
284
- `}
285
- `}
286
- `;
287
-
288
288
  // src/Form.tsx
289
289
  var import_jsx_runtime58 = require("react/jsx-runtime");
290
290
  var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();
package/dist/index.mjs CHANGED
@@ -22,6 +22,48 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
22
22
  import { OTooltipDirection, Tooltip } from "@dt-dds/react-tooltip";
23
23
  import { Typography } from "@dt-dds/react-typography";
24
24
 
25
+ // src/Form.styled.ts
26
+ import styled from "@emotion/styled";
27
+ var FormStyled = styled.form`
28
+ display: flex;
29
+ flex-direction: column;
30
+ width: 100%;
31
+ row-gap: ${({ theme }) => theme.spacing.spacing_60};
32
+ `;
33
+ var GroupStyled = styled.div`
34
+ ${({ theme }) => `
35
+ row-gap: ${theme.spacing.spacing_50};
36
+ display: flex;
37
+ flex-direction: column;
38
+ width: 100%;
39
+ color: ${theme.palette.content.default};
40
+ `}
41
+ `;
42
+ var LabelStyled = styled.div`
43
+ display: flex;
44
+ flex-direction: row;
45
+ column-gap: 10px;
46
+ align-items: center;
47
+ `;
48
+ var GroupItemsStyled = styled.div`
49
+ ${({ theme, disabled }) => `
50
+ display: flex;
51
+ gap: ${theme.spacing.spacing_50};
52
+ justify-content: stretch;
53
+ align-items: start;
54
+ flex-direction: column;
55
+
56
+ @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
57
+ flex-direction: row;
58
+ }
59
+
60
+ ${disabled && `
61
+ opacity: 0.5;
62
+ pointer-events: none;
63
+ `}
64
+ `}
65
+ `;
66
+
25
67
  // ../../dt-dds-react/core/assets/svgs/AllOut.tsx
26
68
  import { jsx, jsxs } from "react/jsx-runtime";
27
69
 
@@ -210,48 +252,6 @@ import { jsx as jsx56 } from "react/jsx-runtime";
210
252
  // ../../dt-dds-react/core/assets/svgs/Settings.tsx
211
253
  import { jsx as jsx57 } from "react/jsx-runtime";
212
254
 
213
- // src/Form.styled.ts
214
- import styled from "@emotion/styled";
215
- var FormStyled = styled.form`
216
- display: flex;
217
- flex-direction: column;
218
- width: 100%;
219
- row-gap: ${({ theme }) => theme.spacing.spacing_60};
220
- `;
221
- var GroupStyled = styled.div`
222
- ${({ theme }) => `
223
- row-gap: ${theme.spacing.spacing_50};
224
- display: flex;
225
- flex-direction: column;
226
- width: 100%;
227
- color: ${theme.palette.content.default};
228
- `}
229
- `;
230
- var LabelStyled = styled.div`
231
- display: flex;
232
- flex-direction: row;
233
- column-gap: 10px;
234
- align-items: center;
235
- `;
236
- var GroupItemsStyled = styled.div`
237
- ${({ theme, disabled }) => `
238
- display: flex;
239
- gap: ${theme.spacing.spacing_50};
240
- justify-content: stretch;
241
- align-items: start;
242
- flex-direction: column;
243
-
244
- @media only screen and (min-width: ${theme.breakpoints.mq3}px) {
245
- flex-direction: row;
246
- }
247
-
248
- ${disabled && `
249
- opacity: 0.5;
250
- pointer-events: none;
251
- `}
252
- `}
253
- `;
254
-
255
255
  // src/Form.tsx
256
256
  import { jsx as jsx58, jsxs as jsxs25 } from "react/jsx-runtime";
257
257
  var DEFAULT_ON_SUBMIT = (event) => event.preventDefault();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dt-dds/react-form",
3
- "version": "1.0.0-beta.45",
3
+ "version": "1.0.0-beta.47",
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.51",
24
- "@dt-dds/react-tooltip": "1.0.0-beta.60",
25
- "@dt-dds/react-typography": "1.0.0-beta.42",
26
- "@dt-dds/themes": "1.0.0-beta.9"
23
+ "@dt-dds/react-core": "1.0.0-beta.53",
24
+ "@dt-dds/react-tooltip": "1.0.0-beta.62",
25
+ "@dt-dds/react-typography": "1.0.0-beta.44",
26
+ "@dt-dds/themes": "1.0.0-beta.10"
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.90",
33
+ "@dt-dds/react-text-field": "1.0.0-beta.99",
34
34
  "@emotion/babel-plugin": "^11.11.0",
35
35
  "@emotion/css": "^11.7.1",
36
36
  "@emotion/jest": "^11.10.0",