@tipp/ui 1.4.22 → 1.4.23

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 (38) hide show
  1. package/dist/atoms/button.d.cts +1 -1
  2. package/dist/atoms/button.d.ts +1 -1
  3. package/dist/atoms/field-error-wrapper.js +2 -2
  4. package/dist/atoms/index.cjs +20 -4
  5. package/dist/atoms/index.cjs.map +1 -1
  6. package/dist/atoms/index.js +55 -55
  7. package/dist/atoms/pagination.js +2 -2
  8. package/dist/atoms/text-area.cjs +10 -2
  9. package/dist/atoms/text-area.cjs.map +1 -1
  10. package/dist/atoms/text-area.js +1 -1
  11. package/dist/atoms/text-field.cjs +10 -2
  12. package/dist/atoms/text-field.cjs.map +1 -1
  13. package/dist/atoms/text-field.js +1 -1
  14. package/dist/chunk-7SOSBA77.js +40 -0
  15. package/dist/chunk-7SOSBA77.js.map +1 -0
  16. package/dist/chunk-SNHHJCBS.js +36 -0
  17. package/dist/chunk-SNHHJCBS.js.map +1 -0
  18. package/dist/chunk-UEELYPYP.js +40 -0
  19. package/dist/chunk-UEELYPYP.js.map +1 -0
  20. package/dist/chunk-XBI2YSRP.js +350 -0
  21. package/dist/chunk-XBI2YSRP.js.map +1 -0
  22. package/dist/chunk-YKVMEKVZ.js +36 -0
  23. package/dist/chunk-YKVMEKVZ.js.map +1 -0
  24. package/dist/index.cjs +20 -4
  25. package/dist/index.cjs.map +1 -1
  26. package/dist/index.js +63 -63
  27. package/dist/molecules/date-picker/index.js +2 -2
  28. package/dist/molecules/expand-table/index.js +29 -29
  29. package/dist/molecules/expand-table/row.js +26 -26
  30. package/dist/molecules/form.js +2 -2
  31. package/dist/molecules/index.js +34 -34
  32. package/dist/molecules/learning-post.js +4 -4
  33. package/dist/molecules/navigation.js +27 -27
  34. package/dist/molecules/stepper.js +2 -2
  35. package/dist/molecules/tag-selector.js +27 -27
  36. package/package.json +1 -1
  37. package/src/atoms/text-area.tsx +11 -2
  38. package/src/atoms/text-field.tsx +12 -2
package/dist/molecules/navigation.js CHANGED
@@ -1,65 +1,65 @@
1
1
  import {
2
2
  Navigation
3
- } from "../chunk-F44BXTHN.js";
3
+ } from "../chunk-OCINOC2X.js";
4
4
  import "../chunk-KTVZ4KLX.js";
5
- import "../chunk-OHBL3CTQ.js";
6
- import "../chunk-OYM4XCHQ.js";
7
- import "../chunk-YJ7ZFOYL.js";
8
- import "../chunk-5ZITU5L7.js";
9
- import "../chunk-TTYPIX4R.js";
10
- import "../chunk-YY45YYJE.js";
5
+ import "../chunk-DWCPI2UN.js";
6
+ import "../chunk-UEELYPYP.js";
7
+ import "../chunk-SNHHJCBS.js";
11
8
  import "../chunk-CYYWMYE7.js";
12
- import "../chunk-ZKZDVS7G.js";
13
- import "../chunk-MUNMDHRF.js";
14
- import "../chunk-TVDKGMBI.js";
15
9
  import "../chunk-3JRNKBMN.js";
16
10
  import "../chunk-HYITAA4J.js";
17
11
  import "../chunk-5H3YPCZK.js";
18
12
  import "../chunk-FR2GDOU2.js";
19
13
  import "../chunk-74DX4CU7.js";
20
- import "../chunk-SIM6HKVI.js";
21
- import "../chunk-FIYBLL2Z.js";
22
- import "../chunk-5AVBYDPB.js";
14
+ import "../chunk-OYM4XCHQ.js";
15
+ import "../chunk-YJ7ZFOYL.js";
16
+ import "../chunk-5ZITU5L7.js";
23
17
  import "../chunk-365QMK4D.js";
24
18
  import "../chunk-YO3BQW6S.js";
25
19
  import "../chunk-6IVCARWS.js";
26
20
  import "../chunk-6DJOIRMF.js";
27
21
  import "../chunk-FPD73OHW.js";
28
- import "../chunk-EGEQY3KT.js";
29
- import "../chunk-HK224ADT.js";
22
+ import "../chunk-ZKZDVS7G.js";
23
+ import "../chunk-MUNMDHRF.js";
24
+ import "../chunk-TVDKGMBI.js";
30
25
  import "../chunk-O3T3TM3V.js";
31
- import "../chunk-O3DNDMV3.js";
32
26
  import "../chunk-XQOL7UBI.js";
33
27
  import "../chunk-TULWX7D6.js";
34
- import "../chunk-Q37G2GS6.js";
35
- import "../chunk-VTJZMOSP.js";
36
- import "../chunk-2VD5Y72N.js";
28
+ import "../chunk-SIM6HKVI.js";
29
+ import "../chunk-RWJ7HBJY.js";
30
+ import "../chunk-O3DNDMV3.js";
31
+ import "../chunk-5AVBYDPB.js";
37
32
  import "../chunk-UC627KGO.js";
38
33
  import "../chunk-4WFMOFN2.js";
39
34
  import "../chunk-WKFZ5MMN.js";
40
35
  import "../chunk-ACVANQJ4.js";
41
36
  import "../chunk-2DZ2Y3JI.js";
42
- import "../chunk-DJN2IEY6.js";
43
- import "../chunk-25HMMI7R.js";
37
+ import "../chunk-QDZS4B6A.js";
44
38
  import "../chunk-52MVZ6AN.js";
45
- import "../chunk-ZD7MNMED.js";
46
- import "../chunk-B6XJN6EC.js";
47
- import "../chunk-UVKNLJDZ.js";
39
+ import "../chunk-25HMMI7R.js";
40
+ import "../chunk-EGEQY3KT.js";
41
+ import "../chunk-HK224ADT.js";
48
42
  import "../chunk-MIMJ7LON.js";
49
43
  import "../chunk-IQEEPHOY.js";
50
44
  import "../chunk-LHCDPZ5E.js";
51
45
  import "../chunk-OHMOP5PV.js";
52
46
  import "../chunk-LZJR77Q2.js";
53
- import "../chunk-J242TTFH.js";
54
- import "../chunk-EAXUQEO5.js";
55
- import "../chunk-YJCCE5WP.js";
47
+ import "../chunk-Q37G2GS6.js";
48
+ import "../chunk-VTJZMOSP.js";
49
+ import "../chunk-2VD5Y72N.js";
56
50
  import "../chunk-3SSSCLJ5.js";
57
51
  import "../chunk-EWD4AO5N.js";
58
52
  import "../chunk-YGL6SWKN.js";
59
53
  import "../chunk-4Y5BEXVN.js";
60
54
  import "../chunk-U7JPP7WJ.js";
61
55
  import "../chunk-LQY4RKWI.js";
56
+ import "../chunk-ZD7MNMED.js";
57
+ import "../chunk-B6XJN6EC.js";
58
+ import "../chunk-UVKNLJDZ.js";
62
59
  import "../chunk-F77ES5Y3.js";
60
+ import "../chunk-J242TTFH.js";
61
+ import "../chunk-EAXUQEO5.js";
62
+ import "../chunk-YJCCE5WP.js";
63
63
  import "../chunk-N552FDTV.js";
64
64
  export {
65
65
  Navigation
package/dist/molecules/stepper.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Stepper
3
- } from "../chunk-DTWPFSUG.js";
4
- import "../chunk-25HMMI7R.js";
3
+ } from "../chunk-I7R4T7IL.js";
5
4
  import "../chunk-52MVZ6AN.js";
5
+ import "../chunk-25HMMI7R.js";
6
6
  import "../chunk-3SSSCLJ5.js";
7
7
  import "../chunk-F77ES5Y3.js";
8
8
  import "../chunk-N552FDTV.js";
package/dist/molecules/tag-selector.js CHANGED
@@ -1,65 +1,65 @@
1
1
  import {
2
2
  TagSelector
3
- } from "../chunk-52V6NWNP.js";
3
+ } from "../chunk-WNYDAKKK.js";
4
4
  import "../chunk-KTVZ4KLX.js";
5
- import "../chunk-OHBL3CTQ.js";
6
- import "../chunk-OYM4XCHQ.js";
7
- import "../chunk-YJ7ZFOYL.js";
8
- import "../chunk-5ZITU5L7.js";
9
- import "../chunk-TTYPIX4R.js";
10
- import "../chunk-YY45YYJE.js";
5
+ import "../chunk-DWCPI2UN.js";
6
+ import "../chunk-UEELYPYP.js";
7
+ import "../chunk-SNHHJCBS.js";
11
8
  import "../chunk-CYYWMYE7.js";
12
- import "../chunk-ZKZDVS7G.js";
13
- import "../chunk-MUNMDHRF.js";
14
- import "../chunk-TVDKGMBI.js";
15
9
  import "../chunk-3JRNKBMN.js";
16
10
  import "../chunk-HYITAA4J.js";
17
11
  import "../chunk-5H3YPCZK.js";
18
12
  import "../chunk-FR2GDOU2.js";
19
13
  import "../chunk-74DX4CU7.js";
20
- import "../chunk-SIM6HKVI.js";
21
- import "../chunk-FIYBLL2Z.js";
22
- import "../chunk-5AVBYDPB.js";
14
+ import "../chunk-OYM4XCHQ.js";
15
+ import "../chunk-YJ7ZFOYL.js";
16
+ import "../chunk-5ZITU5L7.js";
23
17
  import "../chunk-365QMK4D.js";
24
18
  import "../chunk-YO3BQW6S.js";
25
19
  import "../chunk-6IVCARWS.js";
26
20
  import "../chunk-6DJOIRMF.js";
27
21
  import "../chunk-FPD73OHW.js";
28
- import "../chunk-EGEQY3KT.js";
29
- import "../chunk-HK224ADT.js";
22
+ import "../chunk-ZKZDVS7G.js";
23
+ import "../chunk-MUNMDHRF.js";
24
+ import "../chunk-TVDKGMBI.js";
30
25
  import "../chunk-O3T3TM3V.js";
31
- import "../chunk-O3DNDMV3.js";
32
26
  import "../chunk-XQOL7UBI.js";
33
27
  import "../chunk-TULWX7D6.js";
34
- import "../chunk-Q37G2GS6.js";
35
- import "../chunk-VTJZMOSP.js";
36
- import "../chunk-2VD5Y72N.js";
28
+ import "../chunk-SIM6HKVI.js";
29
+ import "../chunk-RWJ7HBJY.js";
30
+ import "../chunk-O3DNDMV3.js";
31
+ import "../chunk-5AVBYDPB.js";
37
32
  import "../chunk-UC627KGO.js";
38
33
  import "../chunk-4WFMOFN2.js";
39
34
  import "../chunk-WKFZ5MMN.js";
40
35
  import "../chunk-ACVANQJ4.js";
41
36
  import "../chunk-2DZ2Y3JI.js";
42
- import "../chunk-DJN2IEY6.js";
43
- import "../chunk-25HMMI7R.js";
37
+ import "../chunk-QDZS4B6A.js";
44
38
  import "../chunk-52MVZ6AN.js";
45
- import "../chunk-ZD7MNMED.js";
46
- import "../chunk-B6XJN6EC.js";
47
- import "../chunk-UVKNLJDZ.js";
39
+ import "../chunk-25HMMI7R.js";
40
+ import "../chunk-EGEQY3KT.js";
41
+ import "../chunk-HK224ADT.js";
48
42
  import "../chunk-MIMJ7LON.js";
49
43
  import "../chunk-IQEEPHOY.js";
50
44
  import "../chunk-LHCDPZ5E.js";
51
45
  import "../chunk-OHMOP5PV.js";
52
46
  import "../chunk-LZJR77Q2.js";
53
- import "../chunk-J242TTFH.js";
54
- import "../chunk-EAXUQEO5.js";
55
- import "../chunk-YJCCE5WP.js";
47
+ import "../chunk-Q37G2GS6.js";
48
+ import "../chunk-VTJZMOSP.js";
49
+ import "../chunk-2VD5Y72N.js";
56
50
  import "../chunk-3SSSCLJ5.js";
57
51
  import "../chunk-EWD4AO5N.js";
58
52
  import "../chunk-YGL6SWKN.js";
59
53
  import "../chunk-4Y5BEXVN.js";
60
54
  import "../chunk-U7JPP7WJ.js";
61
55
  import "../chunk-LQY4RKWI.js";
56
+ import "../chunk-ZD7MNMED.js";
57
+ import "../chunk-B6XJN6EC.js";
58
+ import "../chunk-UVKNLJDZ.js";
62
59
  import "../chunk-F77ES5Y3.js";
60
+ import "../chunk-J242TTFH.js";
61
+ import "../chunk-EAXUQEO5.js";
62
+ import "../chunk-YJCCE5WP.js";
63
63
  import "../chunk-N552FDTV.js";
64
64
  export {
65
65
  TagSelector
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.4.22",
3
+ "version": "1.4.23",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
package/src/atoms/text-area.tsx CHANGED
@@ -10,7 +10,7 @@ type TextAreaProps = RTextAreaProps & {
10
10
 
11
11
  const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
12
12
  (props, ref) => {
13
- const { error, style, ...rest } = props;
13
+ const { error, style, className, ...rest } = props;
14
14
  const fieldStyle = useMemo(() => {
15
15
  if (!style && !error) return undefined;
16
16
  const errorStyle = error
@@ -23,7 +23,16 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
23
23
  return { ...(style || {}), ...errorStyle };
24
24
  }, [error, style]);
25
25
 
26
- return <RTextArea {...rest} ref={ref} style={fieldStyle} />;
26
+ const classNameStr = error ? `error ${className}` : className;
27
+
28
+ return (
29
+ <RTextArea
30
+ {...rest}
31
+ className={classNameStr}
32
+ ref={ref}
33
+ style={fieldStyle}
34
+ />
35
+ );
27
36
  }
28
37
  );
29
38
 
package/src/atoms/text-field.tsx CHANGED
@@ -9,7 +9,8 @@ const Root = forwardRef<
9
9
  HTMLInputElement,
10
10
  RTextField.RootProps & { error?: boolean }
11
11
  >((props, ref) => {
12
- const { error, style, ...rest } = props;
12
+ const { error, style, className, ...rest } = props;
13
+
13
14
  const fieldStyle = useMemo(() => {
14
15
  if (!style && !error) return undefined;
15
16
  const errorStyle = {
@@ -18,7 +19,16 @@ const Root = forwardRef<
18
19
 
19
20
  return { ...(style || {}), ...errorStyle };
20
21
  }, [error, style]);
21
- return <RTextField.Root ref={ref} style={fieldStyle} {...rest} />;
22
+
23
+ const classNameStr = error ? `error ${className}` : className;
24
+ return (
25
+ <RTextField.Root
26
+ className={classNameStr}
27
+ ref={ref}
28
+ style={fieldStyle}
29
+ {...rest}
30
+ />
31
+ );
22
32
  });
23
33
 
24
34
  Root.displayName = 'TextField.Root';