@tipp/ui 0.1.19 → 0.1.21

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 (57) hide show
  1. package/dist/atoms/field-error-wrapper.cjs +99 -0
  2. package/dist/atoms/field-error-wrapper.cjs.map +1 -0
  3. package/dist/atoms/field-error-wrapper.d.cts +9 -0
  4. package/dist/atoms/field-error-wrapper.d.ts +9 -0
  5. package/dist/atoms/field-error-wrapper.js +10 -0
  6. package/dist/atoms/field-error-wrapper.js.map +1 -0
  7. package/dist/atoms/index.cjs +16 -5
  8. package/dist/atoms/index.cjs.map +1 -1
  9. package/dist/atoms/index.d.cts +1 -0
  10. package/dist/atoms/index.d.ts +1 -0
  11. package/dist/atoms/index.js +35 -31
  12. package/dist/atoms/pagination.cjs +2 -5
  13. package/dist/atoms/pagination.cjs.map +1 -1
  14. package/dist/atoms/pagination.js +2 -2
  15. package/dist/atoms/typo.cjs +2 -5
  16. package/dist/atoms/typo.cjs.map +1 -1
  17. package/dist/atoms/typo.js +1 -1
  18. package/dist/chunk-2KZSNTY7.js +23 -0
  19. package/dist/chunk-2KZSNTY7.js.map +1 -0
  20. package/dist/chunk-5JXZUWR3.js +104 -0
  21. package/dist/chunk-5JXZUWR3.js.map +1 -0
  22. package/dist/chunk-CNQ7RNNY.js +23 -0
  23. package/dist/chunk-CNQ7RNNY.js.map +1 -0
  24. package/dist/chunk-FFC2C2ID.js +1 -0
  25. package/dist/chunk-FFC2C2ID.js.map +1 -0
  26. package/dist/chunk-K66WIGIV.js +119 -0
  27. package/dist/chunk-K66WIGIV.js.map +1 -0
  28. package/dist/chunk-KACFRYIH.js +23 -0
  29. package/dist/chunk-KACFRYIH.js.map +1 -0
  30. package/dist/chunk-KATXJW5H.js +23 -0
  31. package/dist/chunk-KATXJW5H.js.map +1 -0
  32. package/dist/chunk-LUVANORR.js +23 -0
  33. package/dist/chunk-LUVANORR.js.map +1 -0
  34. package/dist/chunk-O3XTRD7R.js +35 -0
  35. package/dist/chunk-O3XTRD7R.js.map +1 -0
  36. package/dist/chunk-OZLC6KYP.js +104 -0
  37. package/dist/chunk-OZLC6KYP.js.map +1 -0
  38. package/dist/chunk-RC4WJLQA.js +119 -0
  39. package/dist/chunk-RC4WJLQA.js.map +1 -0
  40. package/dist/index.cjs +41 -30
  41. package/dist/index.cjs.map +1 -1
  42. package/dist/index.d.cts +1 -0
  43. package/dist/index.d.ts +1 -0
  44. package/dist/index.js +37 -33
  45. package/dist/molecules/expand-table/index.cjs +28 -28
  46. package/dist/molecules/expand-table/index.cjs.map +1 -1
  47. package/dist/molecules/expand-table/index.js +16 -15
  48. package/dist/molecules/expand-table/row.cjs +11 -11
  49. package/dist/molecules/expand-table/row.cjs.map +1 -1
  50. package/dist/molecules/expand-table/row.js +14 -13
  51. package/dist/molecules/index.cjs +28 -28
  52. package/dist/molecules/index.cjs.map +1 -1
  53. package/dist/molecules/index.js +16 -15
  54. package/package.json +1 -1
  55. package/src/atoms/field-error-wrapper.tsx +24 -0
  56. package/src/atoms/index.ts +1 -1
  57. package/src/atoms/typo.tsx +3 -6
package/dist/molecules/index.js CHANGED
@@ -2,47 +2,50 @@ import "../chunk-WWCWPFEJ.js";
2
2
  import {
3
3
  ExpandTable,
4
4
  createColumnHelper
5
- } from "../chunk-ZY2OMVQQ.js";
5
+ } from "../chunk-K66WIGIV.js";
6
6
  import "../chunk-PBPRWY2V.js";
7
- import "../chunk-BSTJBBEX.js";
8
7
  import "../chunk-NDUKDKGB.js";
9
- import "../chunk-SQ5HD7LD.js";
8
+ import "../chunk-BSTJBBEX.js";
9
+ import "../chunk-FFC2C2ID.js";
10
10
  import "../chunk-IIBITN2G.js";
11
+ import "../chunk-YJ7ZFOYL.js";
12
+ import "../chunk-5ZITU5L7.js";
11
13
  import "../chunk-ILRUXI2E.js";
12
14
  import "../chunk-JPIZP2PZ.js";
13
15
  import "../chunk-ACVANQJ4.js";
16
+ import "../chunk-MUNMDHRF.js";
17
+ import "../chunk-TVDKGMBI.js";
14
18
  import "../chunk-355MU6BH.js";
15
19
  import "../chunk-HYITAA4J.js";
16
20
  import "../chunk-5H3YPCZK.js";
17
21
  import "../chunk-FR2GDOU2.js";
18
22
  import "../chunk-74DX4CU7.js";
19
23
  import "../chunk-OYM4XCHQ.js";
20
- import "../chunk-YJ7ZFOYL.js";
21
- import "../chunk-5ZITU5L7.js";
24
+ import "../chunk-OZLC6KYP.js";
25
+ import "../chunk-5AVBYDPB.js";
22
26
  import "../chunk-365QMK4D.js";
23
27
  import "../chunk-YO3BQW6S.js";
24
28
  import "../chunk-6IVCARWS.js";
25
29
  import "../chunk-6DJOIRMF.js";
26
30
  import "../chunk-FPD73OHW.js";
27
31
  import "../chunk-ZKZDVS7G.js";
28
- import "../chunk-MUNMDHRF.js";
29
- import "../chunk-TVDKGMBI.js";
32
+ import "../chunk-EGEQY3KT.js";
33
+ import "../chunk-HLOY6BIP.js";
30
34
  import "../chunk-O3T3TM3V.js";
35
+ import "../chunk-O3DNDMV3.js";
31
36
  import "../chunk-XQOL7UBI.js";
32
37
  import "../chunk-TULWX7D6.js";
33
38
  import "../chunk-XQOZWYUA.js";
34
- import "../chunk-L6YPLUNG.js";
35
- import "../chunk-6XHVFBFO.js";
36
- import "../chunk-O3DNDMV3.js";
37
- import "../chunk-5AVBYDPB.js";
39
+ import "../chunk-OCJNQGHN.js";
38
40
  import "../chunk-Q37G2GS6.js";
39
41
  import "../chunk-VTJZMOSP.js";
40
42
  import "../chunk-P6B2PNYI.js";
41
43
  import "../chunk-YTZSKMX3.js";
42
44
  import "../chunk-2DZ2Y3JI.js";
45
+ import "../chunk-CNQ7RNNY.js";
46
+ import "../chunk-O3XTRD7R.js";
43
47
  import "../chunk-25HMMI7R.js";
44
- import "../chunk-EGEQY3KT.js";
45
- import "../chunk-HLOY6BIP.js";
48
+ import "../chunk-4Y5BEXVN.js";
46
49
  import "../chunk-RET725VL.js";
47
50
  import "../chunk-B6XJN6EC.js";
48
51
  import "../chunk-FYEASFUU.js";
@@ -50,14 +53,12 @@ import "../chunk-MIMJ7LON.js";
50
53
  import "../chunk-IQEEPHOY.js";
51
54
  import "../chunk-JEHDCZQU.js";
52
55
  import "../chunk-OHMOP5PV.js";
53
- import "../chunk-OCJNQGHN.js";
54
56
  import "../chunk-MMAV5BRZ.js";
55
57
  import "../chunk-J242TTFH.js";
56
58
  import "../chunk-EAXUQEO5.js";
57
59
  import "../chunk-CZEGRZBK.js";
58
60
  import "../chunk-ALOPZ54P.js";
59
61
  import "../chunk-YGL6SWKN.js";
60
- import "../chunk-4Y5BEXVN.js";
61
62
  import "../chunk-N552FDTV.js";
62
63
  export {
63
64
  ExpandTable,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "0.1.19",
3
+ "version": "0.1.21",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "exports": {
package/src/atoms/field-error-wrapper.tsx ADDED
@@ -0,0 +1,24 @@
1
+ import React from 'react';
2
+ import { Flex } from './flex';
3
+ import { Typo } from './typo';
4
+
5
+ export interface FieldErrorWrapperProps {
6
+ children?: React.ReactNode;
7
+ error?: React.ReactNode;
8
+ }
9
+
10
+ export function FieldErrorWrapper({
11
+ children,
12
+ error,
13
+ }: FieldErrorWrapperProps): JSX.Element {
14
+ return (
15
+ <Flex direction="column" gap="1">
16
+ {children}
17
+ {error ? (
18
+ <Typo color="red" variant="caption">
19
+ {error}
20
+ </Typo>
21
+ ) : null}
22
+ </Flex>
23
+ );
24
+ }
package/src/atoms/index.ts CHANGED
@@ -47,5 +47,5 @@ export * from './text-field';
47
47
  export * from './tooltip';
48
48
  export * from './collapse';
49
49
  export * from './spinner';
50
-
51
50
  export * from './pagination';
51
+ export * from './field-error-wrapper';
package/src/atoms/typo.tsx CHANGED
@@ -3,7 +3,7 @@ import { Text as RadixText } from '@radix-ui/themes';
3
3
  import React, { useMemo, forwardRef } from 'react';
4
4
 
5
5
  export type TypoProps = RadixTextProps & {
6
- variant?: 'body' | 'caption' | 'subtitle 2' | 'subtitle 1';
6
+ variant?: 'body' | 'caption' | 'subtitle';
7
7
  };
8
8
 
9
9
  export const Typo = forwardRef<HTMLSpanElement, TypoProps>(
@@ -11,16 +11,13 @@ export const Typo = forwardRef<HTMLSpanElement, TypoProps>(
11
11
  const { size, variant, children, ...rest } = props;
12
12
 
13
13
  const radixSize = useMemo<RadixTextProps['size']>(() => {
14
- if (size) return size;
14
+ if (size !== undefined) return size;
15
15
  switch (variant) {
16
16
  case 'caption':
17
17
  return '1';
18
- case 'subtitle 2':
18
+ case 'subtitle':
19
19
  return '3';
20
- case 'subtitle 1':
21
- return '4';
22
20
  case 'body':
23
- return '2';
24
21
  default:
25
22
  return '2';
26
23
  }