@tipp/ui 1.1.13 → 1.1.15

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 (27) hide show
  1. package/dist/atoms/button.cjs +12 -12
  2. package/dist/atoms/button.cjs.map +1 -1
  3. package/dist/atoms/button.js +1 -1
  4. package/dist/atoms/index.cjs +12 -12
  5. package/dist/atoms/index.cjs.map +1 -1
  6. package/dist/atoms/index.js +40 -40
  7. package/dist/atoms/pagination.js +3 -3
  8. package/dist/chunk-PAJ5MPES.js +63 -0
  9. package/dist/chunk-PAJ5MPES.js.map +1 -0
  10. package/dist/chunk-RCWGUTYK.js +54 -0
  11. package/dist/chunk-RCWGUTYK.js.map +1 -0
  12. package/dist/index.cjs +12 -12
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/index.css +3 -1
  15. package/dist/index.css.map +1 -1
  16. package/dist/index.js +66 -66
  17. package/dist/molecules/date-picker/index.js +2 -2
  18. package/dist/molecules/expand-table/index.js +17 -17
  19. package/dist/molecules/expand-table/row.js +17 -17
  20. package/dist/molecules/index.cjs +12 -12
  21. package/dist/molecules/index.cjs.map +1 -1
  22. package/dist/molecules/index.js +21 -21
  23. package/dist/molecules/navigation.cjs +12 -12
  24. package/dist/molecules/navigation.cjs.map +1 -1
  25. package/dist/molecules/navigation.js +18 -18
  26. package/package.json +3 -3
  27. package/src/atoms/button.tsx +9 -10
package/dist/molecules/index.js CHANGED
@@ -1,49 +1,56 @@
1
1
  import "../chunk-FU2NF5HR.js";
2
2
  import {
3
3
  DatePicker
4
- } from "../chunk-XIQSSPSX.js";
4
+ } from "../chunk-TFJPLDJW.js";
5
5
  import {
6
6
  ExpandTable,
7
7
  createColumnHelper
8
8
  } from "../chunk-2R3VJMYC.js";
9
9
  import "../chunk-JFKC7O5G.js";
10
+ import {
11
+ Navigation
12
+ } from "../chunk-PAJ5MPES.js";
10
13
  import "../chunk-BSTJBBEX.js";
11
14
  import "../chunk-NDUKDKGB.js";
12
15
  import {
13
16
  DotNavigation
14
17
  } from "../chunk-EDTEVEJW.js";
15
- import {
16
- Navigation
17
- } from "../chunk-BHFREV7Y.js";
18
18
  import "../chunk-2ANGYYEV.js";
19
+ import "../chunk-JPIZP2PZ.js";
20
+ import "../chunk-HYITAA4J.js";
21
+ import "../chunk-5H3YPCZK.js";
19
22
  import "../chunk-FR2GDOU2.js";
20
23
  import "../chunk-74DX4CU7.js";
21
24
  import "../chunk-OYM4XCHQ.js";
22
25
  import "../chunk-YJ7ZFOYL.js";
23
26
  import "../chunk-5ZITU5L7.js";
24
27
  import "../chunk-ILRUXI2E.js";
25
- import "../chunk-JPIZP2PZ.js";
28
+ import "../chunk-YO3BQW6S.js";
29
+ import "../chunk-6IVCARWS.js";
26
30
  import "../chunk-6DJOIRMF.js";
27
31
  import "../chunk-FPD73OHW.js";
28
32
  import "../chunk-ZKZDVS7G.js";
29
33
  import "../chunk-MUNMDHRF.js";
30
34
  import "../chunk-TVDKGMBI.js";
31
35
  import "../chunk-3JRNKBMN.js";
32
- import "../chunk-HYITAA4J.js";
33
- import "../chunk-5H3YPCZK.js";
34
36
  import "../chunk-XQOL7UBI.js";
35
37
  import "../chunk-TULWX7D6.js";
36
38
  import "../chunk-XQOZWYUA.js";
37
- import "../chunk-3ML54TPS.js";
39
+ import "../chunk-DMU7IYOM.js";
38
40
  import "../chunk-5AVBYDPB.js";
39
41
  import "../chunk-365QMK4D.js";
40
- import "../chunk-YO3BQW6S.js";
41
- import "../chunk-6IVCARWS.js";
42
+ import "../chunk-4IKPNQV5.js";
43
+ import "../chunk-ACVANQJ4.js";
44
+ import "../chunk-2DZ2Y3JI.js";
42
45
  import "../chunk-CNQ7RNNY.js";
46
+ import "../chunk-O3XTRD7R.js";
47
+ import "../chunk-25HMMI7R.js";
43
48
  import "../chunk-2CVXGGI5.js";
44
49
  import "../chunk-EGEQY3KT.js";
45
50
  import "../chunk-WMZAV6PQ.js";
46
51
  import "../chunk-O3T3TM3V.js";
52
+ import "../chunk-JEHDCZQU.js";
53
+ import "../chunk-OHMOP5PV.js";
47
54
  import "../chunk-KGLIAFTI.js";
48
55
  import "../chunk-Q37G2GS6.js";
49
56
  import "../chunk-VTJZMOSP.js";
@@ -53,25 +60,18 @@ import "../chunk-BVBX6IJ3.js";
53
60
  import "../chunk-NJ2U2TVS.js";
54
61
  import "../chunk-O3DNDMV3.js";
55
62
  import "../chunk-4WFMOFN2.js";
56
- import "../chunk-4IKPNQV5.js";
57
- import "../chunk-ACVANQJ4.js";
58
- import "../chunk-O3XTRD7R.js";
59
- import "../chunk-2DZ2Y3JI.js";
63
+ import "../chunk-5JJ3GWKF.js";
64
+ import "../chunk-YGL6SWKN.js";
60
65
  import "../chunk-4Y5BEXVN.js";
61
- import "../chunk-DZMZGZZO.js";
66
+ import "../chunk-RCWGUTYK.js";
62
67
  import "../chunk-B6XJN6EC.js";
63
68
  import "../chunk-UVKNLJDZ.js";
64
69
  import "../chunk-MIMJ7LON.js";
65
70
  import "../chunk-IQEEPHOY.js";
66
- import "../chunk-JEHDCZQU.js";
67
- import "../chunk-OHMOP5PV.js";
71
+ import "../chunk-RC25EWE2.js";
68
72
  import "../chunk-J242TTFH.js";
69
73
  import "../chunk-EAXUQEO5.js";
70
74
  import "../chunk-CZEGRZBK.js";
71
- import "../chunk-5JJ3GWKF.js";
72
- import "../chunk-YGL6SWKN.js";
73
- import "../chunk-RC25EWE2.js";
74
- import "../chunk-25HMMI7R.js";
75
75
  import "../chunk-N552FDTV.js";
76
76
  export {
77
77
  DatePicker,
package/dist/molecules/navigation.cjs CHANGED
@@ -59,7 +59,7 @@ var import_react = require("react");
59
59
  var import_jsx_runtime = require("react/jsx-runtime");
60
60
  var Button = (0, import_react.forwardRef)(
61
61
  (props, ref) => {
62
- const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
62
+ const _a = props, { size, style } = _a, restProps = __objRest(_a, ["size", "style"]);
63
63
  const radixSize = (0, import_react.useMemo)(() => {
64
64
  switch (size) {
65
65
  case "small":
@@ -73,20 +73,20 @@ var Button = (0, import_react.forwardRef)(
73
73
  return "2";
74
74
  }
75
75
  }, [size]);
76
- const largestStyle = (0, import_react.useMemo)(() => {
76
+ const mergedStyle = (0, import_react.useMemo)(() => {
77
77
  if (size !== "largest")
78
- return {};
79
- return {
80
- style: {
81
- borderRadius: "var(--radius-4)",
82
- padding: "var(--space-5)",
83
- fontSize: "var(--font-size-4)"
84
- }
85
- };
86
- }, [size]);
78
+ return style;
79
+ return __spreadValues({
80
+ borderRadius: "var(--radius-4)",
81
+ padding: "var(--space-5)",
82
+ fontSize: "var(--font-size-4)"
83
+ }, style);
84
+ }, [size, style]);
87
85
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
88
86
  import_themes.Button,
89
- __spreadProps(__spreadValues(__spreadValues({}, largestStyle), restProps), {
87
+ __spreadProps(__spreadValues({
88
+ style: mergedStyle
89
+ }, restProps), {
90
90
  ref,
91
91
  size: radixSize
92
92
  })
package/dist/molecules/navigation.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/molecules/navigation.tsx","../../src/atoms/button.tsx","../../src/atoms/flex.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"37px\"\n onClick={menu.onClick}\n size=\"large\"\n style={{\n color: 'var(--white-a12)',\n height: '32px',\n paddingLeft: 'var(--space-2)',\n }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n","import {\n Button as RadixButton,\n type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n size?: 'small' | 'medium' | 'large' | 'largest';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref): React.ReactNode => {\n const { size, ...restProps } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n case 'largest':\n return '3';\n default:\n return '2';\n }\n }, [size]);\n\n const largestStyle = useMemo<ButtonProps>(() => {\n if (size !== 'largest') return {};\n return {\n style: {\n borderRadius: 'var(--radius-4)',\n padding: 'var(--space-5)',\n fontSize: 'var(--font-size-4)',\n },\n };\n }, [size]);\n\n return (\n <RadixButton\n {...largestStyle}\n {...restProps}\n ref={ref}\n size={radixSize}\n />\n );\n }\n);\n\nButton.displayName = 'Button';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n (props: TypoProps, ref): React.ReactNode => {\n const { size, variant, children, ...rest } = props;\n\n const radixSize = useMemo<RadixTextProps['size']>(() => {\n if (size !== undefined) return size;\n switch (variant) {\n case 'caption':\n return '1';\n case 'subtitle':\n return '3';\n case 'body':\n default:\n return '2';\n }\n }, [size, variant]);\n\n return (\n <RadixText {...rest} ref={ref} size={radixSize}>\n {children}\n </RadixText>\n );\n }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAGO;AACP,mBAA2C;AAoCrC;AA9BC,IAAM,aAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,mBAAe,sBAAqB,MAAM;AAC9C,UAAI,SAAS;AAAW,eAAO,CAAC;AAChC,aAAO;AAAA,QACL,OAAO;AAAA,UACL,cAAc;AAAA,UACd,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WACE;AAAA,MAAC,cAAAA;AAAA,MAAA,gDACK,eACA,YAFL;AAAA,QAGC;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;AClDrB,IAAAC,iBAAqC;;;ACCrC,IAAAC,iBAAkC;AAClC,IAAAC,gBAA2C;AAwBrC,IAAAC,sBAAA;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,uBAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,6CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AHSL,IAAAC,sBAAA;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,8CAAC,uBAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,8CAAC,uBAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,6CAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["RadixButton","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../../src/molecules/navigation.tsx","../../src/atoms/button.tsx","../../src/atoms/flex.tsx","../../src/atoms/typo.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"37px\"\n onClick={menu.onClick}\n size=\"large\"\n style={{\n color: 'var(--white-a12)',\n height: '32px',\n paddingLeft: 'var(--space-2)',\n }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n","import {\n Button as RadixButton,\n type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n size?: 'small' | 'medium' | 'large' | 'largest';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref): React.ReactNode => {\n const { size, style, ...restProps } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'medium':\n return '2';\n case 'large':\n case 'largest':\n return '3';\n default:\n return '2';\n }\n }, [size]);\n\n const mergedStyle = useMemo<ButtonProps['style']>(() => {\n if (size !== 'largest') return style;\n return {\n borderRadius: 'var(--radius-4)',\n padding: 'var(--space-5)',\n fontSize: 'var(--font-size-4)',\n ...style,\n };\n }, [size, style]);\n\n return (\n <RadixButton\n style={mergedStyle}\n {...restProps}\n ref={ref}\n size={radixSize}\n />\n );\n }\n);\n\nButton.displayName = 'Button';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n","import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n variant?: 'body' | 'caption' | 'subtitle';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n (props: TypoProps, ref): React.ReactNode => {\n const { size, variant, children, ...rest } = props;\n\n const radixSize = useMemo<RadixTextProps['size']>(() => {\n if (size !== undefined) return size;\n switch (variant) {\n case 'caption':\n return '1';\n case 'subtitle':\n return '3';\n case 'body':\n default:\n return '2';\n }\n }, [size, variant]);\n\n return (\n <RadixText {...rest} ref={ref} size={radixSize}>\n {children}\n </RadixText>\n );\n }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAGO;AACP,mBAA2C;AAmCrC;AA7BC,IAAM,aAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAAsC,YAA9B,QAAM,MAZlB,IAY0C,IAAd,sBAAc,IAAd,CAAhB,QAAM;AAEd,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,kBAAc,sBAA8B,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,aAAO;AAAA,QACL,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU;AAAA,SACP;AAAA,IAEP,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,WACE;AAAA,MAAC,cAAAA;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,SACH,YAFL;AAAA,QAGC;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;;;ACjDrB,IAAAC,iBAAqC;;;ACCrC,IAAAC,iBAAkC;AAClC,IAAAC,gBAA2C;AAwBrC,IAAAC,sBAAA;AAlBC,IAAM,WAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,gBAAY,uBAAgC,MAAM;AACtD,UAAI,SAAS;AAAW,eAAO;AAC/B,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,6CAAC,eAAAC,MAAA,iCAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;;;AHSL,IAAAC,sBAAA;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,8CAAC,uBAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,8CAAC,uBAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,6CAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH,SAAS,KAAK;AAAA,gBACd,MAAK;AAAA,gBACL,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,aAAa;AAAA,gBACf;AAAA,gBAEC,eAAK;AAAA;AAAA,cAVD,KAAK;AAAA,YAWZ;AAAA,UAEJ;AAAA,aA5B4B,GA6B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":["RadixButton","import_themes","import_themes","import_react","import_jsx_runtime","RadixText","import_jsx_runtime"]}
package/dist/molecules/navigation.js CHANGED
@@ -1,35 +1,42 @@
1
1
  import {
2
2
  Navigation
3
- } from "../chunk-BHFREV7Y.js";
3
+ } from "../chunk-PAJ5MPES.js";
4
4
  import "../chunk-2ANGYYEV.js";
5
+ import "../chunk-JPIZP2PZ.js";
6
+ import "../chunk-HYITAA4J.js";
7
+ import "../chunk-5H3YPCZK.js";
5
8
  import "../chunk-FR2GDOU2.js";
6
9
  import "../chunk-74DX4CU7.js";
7
10
  import "../chunk-OYM4XCHQ.js";
8
11
  import "../chunk-YJ7ZFOYL.js";
9
12
  import "../chunk-5ZITU5L7.js";
10
13
  import "../chunk-ILRUXI2E.js";
11
- import "../chunk-JPIZP2PZ.js";
14
+ import "../chunk-YO3BQW6S.js";
15
+ import "../chunk-6IVCARWS.js";
12
16
  import "../chunk-6DJOIRMF.js";
13
17
  import "../chunk-FPD73OHW.js";
14
18
  import "../chunk-ZKZDVS7G.js";
15
19
  import "../chunk-MUNMDHRF.js";
16
20
  import "../chunk-TVDKGMBI.js";
17
21
  import "../chunk-3JRNKBMN.js";
18
- import "../chunk-HYITAA4J.js";
19
- import "../chunk-5H3YPCZK.js";
20
22
  import "../chunk-XQOL7UBI.js";
21
23
  import "../chunk-TULWX7D6.js";
22
24
  import "../chunk-XQOZWYUA.js";
23
- import "../chunk-3ML54TPS.js";
25
+ import "../chunk-DMU7IYOM.js";
24
26
  import "../chunk-5AVBYDPB.js";
25
27
  import "../chunk-365QMK4D.js";
26
- import "../chunk-YO3BQW6S.js";
27
- import "../chunk-6IVCARWS.js";
28
+ import "../chunk-4IKPNQV5.js";
29
+ import "../chunk-ACVANQJ4.js";
30
+ import "../chunk-2DZ2Y3JI.js";
28
31
  import "../chunk-CNQ7RNNY.js";
32
+ import "../chunk-O3XTRD7R.js";
33
+ import "../chunk-25HMMI7R.js";
29
34
  import "../chunk-2CVXGGI5.js";
30
35
  import "../chunk-EGEQY3KT.js";
31
36
  import "../chunk-WMZAV6PQ.js";
32
37
  import "../chunk-O3T3TM3V.js";
38
+ import "../chunk-JEHDCZQU.js";
39
+ import "../chunk-OHMOP5PV.js";
33
40
  import "../chunk-KGLIAFTI.js";
34
41
  import "../chunk-Q37G2GS6.js";
35
42
  import "../chunk-VTJZMOSP.js";
@@ -39,25 +46,18 @@ import "../chunk-BVBX6IJ3.js";
39
46
  import "../chunk-NJ2U2TVS.js";
40
47
  import "../chunk-O3DNDMV3.js";
41
48
  import "../chunk-4WFMOFN2.js";
42
- import "../chunk-4IKPNQV5.js";
43
- import "../chunk-ACVANQJ4.js";
44
- import "../chunk-O3XTRD7R.js";
45
- import "../chunk-2DZ2Y3JI.js";
49
+ import "../chunk-5JJ3GWKF.js";
50
+ import "../chunk-YGL6SWKN.js";
46
51
  import "../chunk-4Y5BEXVN.js";
47
- import "../chunk-DZMZGZZO.js";
52
+ import "../chunk-RCWGUTYK.js";
48
53
  import "../chunk-B6XJN6EC.js";
49
54
  import "../chunk-UVKNLJDZ.js";
50
55
  import "../chunk-MIMJ7LON.js";
51
56
  import "../chunk-IQEEPHOY.js";
52
- import "../chunk-JEHDCZQU.js";
53
- import "../chunk-OHMOP5PV.js";
57
+ import "../chunk-RC25EWE2.js";
54
58
  import "../chunk-J242TTFH.js";
55
59
  import "../chunk-EAXUQEO5.js";
56
60
  import "../chunk-CZEGRZBK.js";
57
- import "../chunk-5JJ3GWKF.js";
58
- import "../chunk-YGL6SWKN.js";
59
- import "../chunk-RC25EWE2.js";
60
- import "../chunk-25HMMI7R.js";
61
61
  import "../chunk-N552FDTV.js";
62
62
  export {
63
63
  Navigation
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.1.13",
3
+ "version": "1.1.15",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -53,8 +53,8 @@
53
53
  "postcss-nesting": "12.0.2",
54
54
  "tsup": "^8.0.2",
55
55
  "typescript": "^5.3.3",
56
- "@tipp/typescript-config": "1.0.0",
57
- "@tipp/eslint-config": "1.0.0"
56
+ "@tipp/eslint-config": "1.0.0",
57
+ "@tipp/typescript-config": "1.0.0"
58
58
  },
59
59
  "scripts": {
60
60
  "build": "pnpm run build:js && pnpm run build:css",
package/src/atoms/button.tsx CHANGED
@@ -10,7 +10,7 @@ export type ButtonProps = Omit<RadixButtonProps, 'size'> & {
10
10
 
11
11
  export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
12
12
  (props, ref): React.ReactNode => {
13
- const { size, ...restProps } = props;
13
+ const { size, style, ...restProps } = props;
14
14
 
15
15
  const radixSize = useMemo(() => {
16
16
  switch (size) {
@@ -26,20 +26,19 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
26
26
  }
27
27
  }, [size]);
28
28
 
29
- const largestStyle = useMemo<ButtonProps>(() => {
30
- if (size !== 'largest') return {};
29
+ const mergedStyle = useMemo<ButtonProps['style']>(() => {
30
+ if (size !== 'largest') return style;
31
31
  return {
32
- style: {
33
- borderRadius: 'var(--radius-4)',
34
- padding: 'var(--space-5)',
35
- fontSize: 'var(--font-size-4)',
36
- },
32
+ borderRadius: 'var(--radius-4)',
33
+ padding: 'var(--space-5)',
34
+ fontSize: 'var(--font-size-4)',
35
+ ...style,
37
36
  };
38
- }, [size]);
37
+ }, [size, style]);
39
38
 
40
39
  return (
41
40
  <RadixButton
42
- {...largestStyle}
41
+ style={mergedStyle}
43
42
  {...restProps}
44
43
  ref={ref}
45
44
  size={radixSize}