@tipp/ui 1.0.52 → 1.0.54
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/dist/atoms/alert-dialog.d.cts +1 -0
- package/dist/atoms/alert-dialog.d.ts +1 -0
- package/dist/atoms/aspect-ratio.d.cts +1 -0
- package/dist/atoms/aspect-ratio.d.ts +1 -0
- package/dist/atoms/avatar.d.cts +11 -0
- package/dist/atoms/avatar.d.ts +11 -0
- package/dist/atoms/badge.cjs +1 -1
- package/dist/atoms/badge.cjs.map +1 -1
- package/dist/atoms/badge.d.cts +13 -0
- package/dist/atoms/badge.d.ts +13 -0
- package/dist/atoms/badge.js +1 -1
- package/dist/atoms/blockquote.d.cts +1 -0
- package/dist/atoms/blockquote.d.ts +1 -0
- package/dist/atoms/box.d.cts +1 -0
- package/dist/atoms/box.d.ts +1 -0
- package/dist/atoms/button.d.cts +11 -0
- package/dist/atoms/button.d.ts +11 -0
- package/dist/atoms/call-out.d.cts +1 -0
- package/dist/atoms/call-out.d.ts +1 -0
- package/dist/atoms/card.d.cts +23 -0
- package/dist/atoms/card.d.ts +23 -0
- package/dist/atoms/check-box-card.d.cts +1 -0
- package/dist/atoms/check-box-card.d.ts +1 -0
- package/dist/atoms/check-box-group.d.cts +11 -0
- package/dist/atoms/check-box-group.d.ts +11 -0
- package/dist/atoms/check-box.d.cts +11 -0
- package/dist/atoms/check-box.d.ts +11 -0
- package/dist/atoms/code.d.cts +1 -0
- package/dist/atoms/code.d.ts +1 -0
- package/dist/atoms/collapse.d.cts +12 -0
- package/dist/atoms/collapse.d.ts +12 -0
- package/dist/atoms/container.d.cts +1 -0
- package/dist/atoms/container.d.ts +1 -0
- package/dist/atoms/data-list.d.cts +1 -0
- package/dist/atoms/data-list.d.ts +1 -0
- package/dist/atoms/dialog.d.cts +1 -0
- package/dist/atoms/dialog.d.ts +1 -0
- package/dist/atoms/drawer.d.cts +20 -0
- package/dist/atoms/drawer.d.ts +20 -0
- package/dist/atoms/dropdown-menu.d.cts +23 -0
- package/dist/atoms/dropdown-menu.d.ts +23 -0
- package/dist/atoms/ellipsis-tooltip.d.cts +11 -0
- package/dist/atoms/ellipsis-tooltip.d.ts +11 -0
- package/dist/atoms/em.d.cts +1 -0
- package/dist/atoms/em.d.ts +1 -0
- package/dist/atoms/field-error-wrapper.d.cts +9 -0
- package/dist/atoms/field-error-wrapper.d.ts +9 -0
- package/dist/atoms/field-error-wrapper.js +2 -2
- package/dist/atoms/flex.d.cts +1 -0
- package/dist/atoms/flex.d.ts +1 -0
- package/dist/atoms/form.d.cts +13 -0
- package/dist/atoms/form.d.ts +13 -0
- package/dist/atoms/grid.d.cts +1 -0
- package/dist/atoms/grid.d.ts +1 -0
- package/dist/atoms/heading.d.cts +9 -0
- package/dist/atoms/heading.d.ts +9 -0
- package/dist/atoms/hover-card.d.cts +1 -0
- package/dist/atoms/hover-card.d.ts +1 -0
- package/dist/atoms/icon-button.d.cts +1 -0
- package/dist/atoms/icon-button.d.ts +1 -0
- package/dist/atoms/index.cjs +1 -1
- package/dist/atoms/index.cjs.map +1 -1
- package/dist/atoms/index.d.cts +23 -0
- package/dist/atoms/index.d.ts +23 -0
- package/dist/atoms/index.js +52 -52
- package/dist/atoms/inset.d.cts +1 -0
- package/dist/atoms/inset.d.ts +1 -0
- package/dist/atoms/kbd.d.cts +1 -0
- package/dist/atoms/kbd.d.ts +1 -0
- package/dist/atoms/link.d.cts +9 -0
- package/dist/atoms/link.d.ts +9 -0
- package/dist/atoms/pagination.d.cts +16 -0
- package/dist/atoms/pagination.d.ts +16 -0
- package/dist/atoms/pagination.js +3 -3
- package/dist/atoms/popover.d.cts +1 -0
- package/dist/atoms/popover.d.ts +1 -0
- package/dist/atoms/progress.d.cts +1 -0
- package/dist/atoms/progress.d.ts +1 -0
- package/dist/atoms/quote.d.cts +1 -0
- package/dist/atoms/quote.d.ts +1 -0
- package/dist/atoms/radio-cards.d.cts +1 -0
- package/dist/atoms/radio-cards.d.ts +1 -0
- package/dist/atoms/radio-group.d.cts +1 -0
- package/dist/atoms/radio-group.d.ts +1 -0
- package/dist/atoms/radio.d.cts +1 -0
- package/dist/atoms/radio.d.ts +1 -0
- package/dist/atoms/scroll-area.d.cts +1 -0
- package/dist/atoms/scroll-area.d.ts +1 -0
- package/dist/atoms/section.d.cts +1 -0
- package/dist/atoms/section.d.ts +1 -0
- package/dist/atoms/segmented-control.d.cts +1 -0
- package/dist/atoms/segmented-control.d.ts +1 -0
- package/dist/atoms/select.d.cts +19 -0
- package/dist/atoms/select.d.ts +19 -0
- package/dist/atoms/separator.d.cts +1 -0
- package/dist/atoms/separator.d.ts +1 -0
- package/dist/atoms/skeleton.d.cts +1 -0
- package/dist/atoms/skeleton.d.ts +1 -0
- package/dist/atoms/spinner.d.cts +1 -0
- package/dist/atoms/spinner.d.ts +1 -0
- package/dist/atoms/strong.d.cts +1 -0
- package/dist/atoms/strong.d.ts +1 -0
- package/dist/atoms/switch.d.cts +1 -0
- package/dist/atoms/switch.d.ts +1 -0
- package/dist/atoms/tab-nav.d.cts +1 -0
- package/dist/atoms/tab-nav.d.ts +1 -0
- package/dist/atoms/tabs.d.cts +1 -0
- package/dist/atoms/tabs.d.ts +1 -0
- package/dist/atoms/text-area.d.cts +1 -0
- package/dist/atoms/text-area.d.ts +1 -0
- package/dist/atoms/text-field.d.cts +1 -0
- package/dist/atoms/text-field.d.ts +1 -0
- package/dist/atoms/toast.d.cts +6 -0
- package/dist/atoms/toast.d.ts +6 -0
- package/dist/atoms/tooltip.d.cts +1 -0
- package/dist/atoms/tooltip.d.ts +1 -0
- package/dist/atoms/typo.d.cts +9 -0
- package/dist/atoms/typo.d.ts +9 -0
- package/dist/charts/chart-default-props.d.cts +85 -0
- package/dist/charts/chart-default-props.d.ts +85 -0
- package/dist/charts/horizontal-bar-chart.d.cts +17 -0
- package/dist/charts/horizontal-bar-chart.d.ts +17 -0
- package/dist/charts/index.d.cts +3 -0
- package/dist/charts/index.d.ts +3 -0
- package/dist/chunk-5JJ3GWKF.js +47 -0
- package/dist/chunk-5JJ3GWKF.js.map +1 -0
- package/dist/chunk-7A7J457W.js +63 -0
- package/dist/chunk-7A7J457W.js.map +1 -0
- package/dist/chunk-A7CXRZIO.js +18 -0
- package/dist/chunk-A7CXRZIO.js.map +1 -0
- package/dist/chunk-CNQ7RNNY.js +23 -0
- package/dist/chunk-CNQ7RNNY.js.map +1 -0
- package/dist/chunk-FUSEDVWI.js +130 -0
- package/dist/chunk-FUSEDVWI.js.map +1 -0
- package/dist/chunk-G4FN6FJG.js +91 -0
- package/dist/chunk-G4FN6FJG.js.map +1 -0
- package/dist/chunk-HXJPG3ZO.js +130 -0
- package/dist/chunk-HXJPG3ZO.js.map +1 -0
- package/dist/chunk-ONYSO7Y2.js +49 -0
- package/dist/chunk-ONYSO7Y2.js.map +1 -0
- package/dist/chunk-YZZS2HN7.js +123 -0
- package/dist/chunk-YZZS2HN7.js.map +1 -0
- package/dist/icon.d.cts +3 -0
- package/dist/icon.d.ts +3 -0
- package/dist/icons/down.d.cts +6 -0
- package/dist/icons/down.d.ts +6 -0
- package/dist/icons/types.d.cts +6 -0
- package/dist/icons/types.d.ts +6 -0
- package/dist/icons/up.d.cts +6 -0
- package/dist/icons/up.d.ts +6 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +36 -0
- package/dist/index.d.ts +36 -0
- package/dist/index.js +63 -63
- package/dist/molecules/date-picker/index.d.cts +10 -0
- package/dist/molecules/date-picker/index.d.ts +10 -0
- package/dist/molecules/date-picker/index.js +2 -2
- package/dist/molecules/expand-table/index.d.cts +23 -0
- package/dist/molecules/expand-table/index.d.ts +23 -0
- package/dist/molecules/expand-table/index.js +22 -22
- package/dist/molecules/expand-table/row.d.cts +18 -0
- package/dist/molecules/expand-table/row.d.ts +18 -0
- package/dist/molecules/expand-table/row.js +21 -21
- package/dist/molecules/index.d.cts +8 -0
- package/dist/molecules/index.d.ts +8 -0
- package/dist/molecules/index.js +24 -24
- package/dist/molecules/navigation.d.cts +19 -0
- package/dist/molecules/navigation.d.ts +19 -0
- package/dist/molecules/navigation.js +22 -22
- package/dist/theme/theme-provider.d.cts +10 -0
- package/dist/theme/theme-provider.d.ts +10 -0
- package/dist/theme/use-theme.d.cts +1 -0
- package/dist/theme/use-theme.d.ts +1 -0
- package/dist/types/react-table.d.d.cts +19 -0
- package/dist/types/react-table.d.d.ts +19 -0
- package/dist/ui-props/index.d.cts +2 -0
- package/dist/ui-props/index.d.ts +2 -0
- package/dist/utils/get-cell-align.cjs.map +1 -1
- package/dist/utils/get-cell-align.d.cts +9 -0
- package/dist/utils/get-cell-align.d.ts +9 -0
- package/dist/utils/get-cell-align.js +1 -1
- package/dist/utils/index.cjs.map +1 -1
- package/dist/utils/index.d.cts +2 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +1 -1
- package/package.json +3 -3
- package/src/atoms/badge.tsx +3 -3
- package/src/utils/get-cell-align.ts +1 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialog } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AlertDialog } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AspectRatio } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { AspectRatio } from '@radix-ui/themes';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { AvatarProps as AvatarProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type AvatarProps = Omit<AvatarProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large' | 'full';
|
|
6
|
+
};
|
|
7
|
+
declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | "full" | undefined;
|
|
9
|
+
} & react.RefAttributes<HTMLImageElement>>;
|
|
10
|
+
|
|
11
|
+
export { Avatar, type AvatarProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { AvatarProps as AvatarProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type AvatarProps = Omit<AvatarProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large' | 'full';
|
|
6
|
+
};
|
|
7
|
+
declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | "full" | undefined;
|
|
9
|
+
} & react.RefAttributes<HTMLImageElement>>;
|
|
10
|
+
|
|
11
|
+
export { Avatar, type AvatarProps };
|
package/dist/atoms/badge.cjs
CHANGED
|
@@ -57,7 +57,7 @@ var import_react = require("react");
|
|
|
57
57
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
58
58
|
var Badge = (0, import_react.forwardRef)(
|
|
59
59
|
(props, ref) => {
|
|
60
|
-
const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
|
|
60
|
+
const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
|
|
61
61
|
const radixSize = (0, import_react.useMemo)(() => {
|
|
62
62
|
switch (size) {
|
|
63
63
|
case "small":
|
package/dist/atoms/badge.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n size
|
|
1
|
+
{"version":3,"sources":["../../src/atoms/badge.tsx"],"sourcesContent":["import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n size?: 'small' | 'large';\n color?: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size = 'small', color = 'accent', ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n switch (color) {\n case 'error':\n return 'red';\n case 'neutral':\n return 'gray';\n case 'success':\n return 'green';\n case 'accent':\n default:\n return undefined;\n }\n }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAGO;AACP,mBAAoC;AAqC9B;AA9BC,IAAM,YAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAsD,YAA9C,SAAO,SAAS,QAAQ,SAbpC,IAa0D,IAAT,iBAAS,IAAT,CAArC,QAAgB;AAExB,UAAM,gBAAY,sBAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,4CAAC,cAAAA,OAAA,iCAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":["RadixBadge"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type BadgeProps = Omit<BadgeProps$1, 'color'> & {
|
|
5
|
+
size: 'small' | 'large';
|
|
6
|
+
color: 'error' | 'accent' | 'neutral' | 'success';
|
|
7
|
+
};
|
|
8
|
+
declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
|
|
9
|
+
size: 'small' | 'large';
|
|
10
|
+
color: 'error' | 'accent' | 'neutral' | 'success';
|
|
11
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type BadgeProps = Omit<BadgeProps$1, 'color'> & {
|
|
5
|
+
size: 'small' | 'large';
|
|
6
|
+
color: 'error' | 'accent' | 'neutral' | 'success';
|
|
7
|
+
};
|
|
8
|
+
declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
|
|
9
|
+
size: 'small' | 'large';
|
|
10
|
+
color: 'error' | 'accent' | 'neutral' | 'success';
|
|
11
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
|
|
13
|
+
export { Badge, type BadgeProps };
|
package/dist/atoms/badge.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Blockquote, BlockquoteProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Blockquote, BlockquoteProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Box, BoxProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Box, BoxProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
|
|
2
|
+
import react__default from 'react';
|
|
3
|
+
|
|
4
|
+
type ButtonProps = Omit<ButtonProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large';
|
|
6
|
+
};
|
|
7
|
+
declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
9
|
+
} & react__default.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
|
|
11
|
+
export { Button, type ButtonProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
|
|
2
|
+
import react__default from 'react';
|
|
3
|
+
|
|
4
|
+
type ButtonProps = Omit<ButtonProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large';
|
|
6
|
+
};
|
|
7
|
+
declare const Button: react__default.ForwardRefExoticComponent<Omit<ButtonProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
9
|
+
} & react__default.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
|
|
11
|
+
export { Button, type ButtonProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Callout } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Callout } from '@radix-ui/themes';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { CardProps as CardProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type CardProps = CardProps$1 & {
|
|
5
|
+
borderRadius?: 'none';
|
|
6
|
+
borderDisable?: {
|
|
7
|
+
left?: boolean;
|
|
8
|
+
right?: boolean;
|
|
9
|
+
top?: boolean;
|
|
10
|
+
bottom?: boolean;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps$1 & {
|
|
14
|
+
borderRadius?: "none" | undefined;
|
|
15
|
+
borderDisable?: {
|
|
16
|
+
left?: boolean | undefined;
|
|
17
|
+
right?: boolean | undefined;
|
|
18
|
+
top?: boolean | undefined;
|
|
19
|
+
bottom?: boolean | undefined;
|
|
20
|
+
} | undefined;
|
|
21
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
|
|
23
|
+
export { Card, type CardProps };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { CardProps as CardProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type CardProps = CardProps$1 & {
|
|
5
|
+
borderRadius?: 'none';
|
|
6
|
+
borderDisable?: {
|
|
7
|
+
left?: boolean;
|
|
8
|
+
right?: boolean;
|
|
9
|
+
top?: boolean;
|
|
10
|
+
bottom?: boolean;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
declare const Card: react.ForwardRefExoticComponent<CardProps$1 & {
|
|
14
|
+
borderRadius?: "none" | undefined;
|
|
15
|
+
borderDisable?: {
|
|
16
|
+
left?: boolean | undefined;
|
|
17
|
+
right?: boolean | undefined;
|
|
18
|
+
top?: boolean | undefined;
|
|
19
|
+
bottom?: boolean | undefined;
|
|
20
|
+
} | undefined;
|
|
21
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
|
|
23
|
+
export { Card, type CardProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CheckboxCards } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CheckboxCards } from '@radix-ui/themes';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CheckboxGroup as CheckboxGroup$1 } from '@radix-ui/themes';
|
|
2
|
+
import react__default from 'react';
|
|
3
|
+
|
|
4
|
+
declare const CheckboxGroup: {
|
|
5
|
+
Root: react__default.ForwardRefExoticComponent<Omit<Omit<CheckboxGroup$1.RootProps & react__default.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
|
|
6
|
+
size: 'small' | 'medium' | 'large';
|
|
7
|
+
} & react__default.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Item: react__default.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { CheckboxGroup };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CheckboxGroup as CheckboxGroup$1 } from '@radix-ui/themes';
|
|
2
|
+
import react__default from 'react';
|
|
3
|
+
|
|
4
|
+
declare const CheckboxGroup: {
|
|
5
|
+
Root: react__default.ForwardRefExoticComponent<Omit<Omit<CheckboxGroup$1.RootProps & react__default.RefAttributes<HTMLDivElement>, "ref">, "size"> & {
|
|
6
|
+
size: 'small' | 'medium' | 'large';
|
|
7
|
+
} & react__default.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Item: react__default.ForwardRefExoticComponent<CheckboxGroup$1.ItemProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { CheckboxGroup };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large';
|
|
6
|
+
};
|
|
7
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
9
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
|
|
11
|
+
export { Checkbox, type CheckboxProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type CheckboxProps = Omit<CheckboxProps$1, 'size'> & {
|
|
5
|
+
size?: 'small' | 'medium' | 'large';
|
|
6
|
+
};
|
|
7
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps$1, "size"> & {
|
|
8
|
+
size?: "small" | "medium" | "large" | undefined;
|
|
9
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
|
|
11
|
+
export { Checkbox, type CheckboxProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Code, CodeProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Code, CodeProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface CollapseProps {
|
|
4
|
+
children: react__default.ReactNode;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
/** 닫힘 상태일 때 높이 값이 필요할 시 사용 */
|
|
8
|
+
closedHeight?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function Collapse(props: CollapseProps): react__default.ReactNode;
|
|
11
|
+
|
|
12
|
+
export { Collapse, type CollapseProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface CollapseProps {
|
|
4
|
+
children: react__default.ReactNode;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
defaultOpen?: boolean;
|
|
7
|
+
/** 닫힘 상태일 때 높이 값이 필요할 시 사용 */
|
|
8
|
+
closedHeight?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function Collapse(props: CollapseProps): react__default.ReactNode;
|
|
11
|
+
|
|
12
|
+
export { Collapse, type CollapseProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Container, ContainerProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Container, ContainerProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DataList } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DataList } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Dialog } from '@radix-ui/themes';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
|
+
|
|
4
|
+
declare function Root(props: Dialog.DialogProps): react__default.ReactNode;
|
|
5
|
+
type ContentProps = Dialog.DialogContentProps & {
|
|
6
|
+
/** Drawer가 붙는 위치, 기본값 right */
|
|
7
|
+
position?: 'left' | 'right' | 'bottom' | 'top';
|
|
8
|
+
};
|
|
9
|
+
declare function Content(props: ContentProps): react__default.ReactNode;
|
|
10
|
+
declare function Trigger(props: Dialog.DialogTriggerProps): react__default.ReactNode;
|
|
11
|
+
declare const Drawer: {
|
|
12
|
+
Root: react__default.FC<Dialog.DialogProps>;
|
|
13
|
+
Trigger: typeof Trigger;
|
|
14
|
+
Content: typeof Content;
|
|
15
|
+
Close: react__default.ForwardRefExoticComponent<Dialog.DialogCloseProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
Title: react__default.ForwardRefExoticComponent<Dialog.DialogTitleProps & react__default.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
Description: react__default.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react__default.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { Content, Drawer, Root, Trigger };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
|
+
|
|
4
|
+
declare function Root(props: Dialog.DialogProps): react__default.ReactNode;
|
|
5
|
+
type ContentProps = Dialog.DialogContentProps & {
|
|
6
|
+
/** Drawer가 붙는 위치, 기본값 right */
|
|
7
|
+
position?: 'left' | 'right' | 'bottom' | 'top';
|
|
8
|
+
};
|
|
9
|
+
declare function Content(props: ContentProps): react__default.ReactNode;
|
|
10
|
+
declare function Trigger(props: Dialog.DialogTriggerProps): react__default.ReactNode;
|
|
11
|
+
declare const Drawer: {
|
|
12
|
+
Root: react__default.FC<Dialog.DialogProps>;
|
|
13
|
+
Trigger: typeof Trigger;
|
|
14
|
+
Content: typeof Content;
|
|
15
|
+
Close: react__default.ForwardRefExoticComponent<Dialog.DialogCloseProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
16
|
+
Title: react__default.ForwardRefExoticComponent<Dialog.DialogTitleProps & react__default.RefAttributes<HTMLHeadingElement>>;
|
|
17
|
+
Description: react__default.ForwardRefExoticComponent<Dialog.DialogDescriptionProps & react__default.RefAttributes<HTMLParagraphElement>>;
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { Content, Drawer, Root, Trigger };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { DropdownMenu as DropdownMenu$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
declare const DropdownMenu: {
|
|
5
|
+
Content: react.ForwardRefExoticComponent<DropdownMenu$1.ContentProps & {
|
|
6
|
+
isNavigation?: boolean | undefined;
|
|
7
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Root: react.FC<DropdownMenu$1.RootProps>;
|
|
9
|
+
Trigger: react.ForwardRefExoticComponent<DropdownMenu$1.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
TriggerIcon: react.ForwardRefExoticComponent<DropdownMenu$1.TriggerIconProps & react.RefAttributes<SVGSVGElement>>;
|
|
11
|
+
Label: react.ForwardRefExoticComponent<DropdownMenu$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Item: react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Group: react.ForwardRefExoticComponent<DropdownMenu$1.GroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
RadioGroup: react.ForwardRefExoticComponent<DropdownMenu$1.RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
RadioItem: react.ForwardRefExoticComponent<DropdownMenu$1.RadioItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
CheckboxItem: react.ForwardRefExoticComponent<DropdownMenu$1.CheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Sub: react.FC<DropdownMenu$1.SubProps>;
|
|
18
|
+
SubTrigger: react.ForwardRefExoticComponent<DropdownMenu$1.SubTriggerProps & react.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
SubContent: react.ForwardRefExoticComponent<DropdownMenu$1.SubContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Separator: react.ForwardRefExoticComponent<DropdownMenu$1.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { DropdownMenu };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { DropdownMenu as DropdownMenu$1 } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
declare const DropdownMenu: {
|
|
5
|
+
Content: react.ForwardRefExoticComponent<DropdownMenu$1.ContentProps & {
|
|
6
|
+
isNavigation?: boolean | undefined;
|
|
7
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Root: react.FC<DropdownMenu$1.RootProps>;
|
|
9
|
+
Trigger: react.ForwardRefExoticComponent<DropdownMenu$1.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
TriggerIcon: react.ForwardRefExoticComponent<DropdownMenu$1.TriggerIconProps & react.RefAttributes<SVGSVGElement>>;
|
|
11
|
+
Label: react.ForwardRefExoticComponent<DropdownMenu$1.LabelProps & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
Item: react.ForwardRefExoticComponent<DropdownMenu$1.ItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Group: react.ForwardRefExoticComponent<DropdownMenu$1.GroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
RadioGroup: react.ForwardRefExoticComponent<DropdownMenu$1.RadioGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
RadioItem: react.ForwardRefExoticComponent<DropdownMenu$1.RadioItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
CheckboxItem: react.ForwardRefExoticComponent<DropdownMenu$1.CheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
Sub: react.FC<DropdownMenu$1.SubProps>;
|
|
18
|
+
SubTrigger: react.ForwardRefExoticComponent<DropdownMenu$1.SubTriggerProps & react.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
SubContent: react.ForwardRefExoticComponent<DropdownMenu$1.SubContentProps & react.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
Separator: react.ForwardRefExoticComponent<DropdownMenu$1.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { DropdownMenu };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
import { TypoProps } from './typo.cjs';
|
|
3
|
+
import '@radix-ui/themes';
|
|
4
|
+
|
|
5
|
+
type EllipsisTooltipProps = TypoProps & {
|
|
6
|
+
lineClamp?: number;
|
|
7
|
+
children?: string;
|
|
8
|
+
};
|
|
9
|
+
declare function EllipsisTooltip(props: EllipsisTooltipProps): react__default.ReactNode;
|
|
10
|
+
|
|
11
|
+
export { EllipsisTooltip, type EllipsisTooltipProps };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
import { TypoProps } from './typo.js';
|
|
3
|
+
import '@radix-ui/themes';
|
|
4
|
+
|
|
5
|
+
type EllipsisTooltipProps = TypoProps & {
|
|
6
|
+
lineClamp?: number;
|
|
7
|
+
children?: string;
|
|
8
|
+
};
|
|
9
|
+
declare function EllipsisTooltip(props: EllipsisTooltipProps): react__default.ReactNode;
|
|
10
|
+
|
|
11
|
+
export { EllipsisTooltip, type EllipsisTooltipProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Em, EmProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Em, EmProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface FieldErrorWrapperProps {
|
|
4
|
+
children?: react__default.ReactNode;
|
|
5
|
+
error?: react__default.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function FieldErrorWrapper({ children, error, }: FieldErrorWrapperProps): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { FieldErrorWrapper, type FieldErrorWrapperProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import react__default from 'react';
|
|
2
|
+
|
|
3
|
+
interface FieldErrorWrapperProps {
|
|
4
|
+
children?: react__default.ReactNode;
|
|
5
|
+
error?: react__default.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare function FieldErrorWrapper({ children, error, }: FieldErrorWrapperProps): JSX.Element;
|
|
8
|
+
|
|
9
|
+
export { FieldErrorWrapper, type FieldErrorWrapperProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Flex, FlexProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Flex, FlexProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as RadixForm from '@radix-ui/react-form';
|
|
3
|
+
|
|
4
|
+
declare const Form: {
|
|
5
|
+
Root: react.ForwardRefExoticComponent<RadixForm.FormProps & react.RefAttributes<HTMLFormElement>>;
|
|
6
|
+
Field: react.ForwardRefExoticComponent<RadixForm.FormFieldProps & react.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Label: react.ForwardRefExoticComponent<RadixForm.FormLabelProps & react.RefAttributes<HTMLLabelElement>>;
|
|
8
|
+
Message: react.ForwardRefExoticComponent<RadixForm.FormMessageProps & react.RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
Control: react.ForwardRefExoticComponent<RadixForm.FormControlProps & react.RefAttributes<HTMLInputElement>>;
|
|
10
|
+
Submit: react.ForwardRefExoticComponent<RadixForm.FormSubmitProps & react.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { Form };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as RadixForm from '@radix-ui/react-form';
|
|
3
|
+
|
|
4
|
+
declare const Form: {
|
|
5
|
+
Root: react.ForwardRefExoticComponent<RadixForm.FormProps & react.RefAttributes<HTMLFormElement>>;
|
|
6
|
+
Field: react.ForwardRefExoticComponent<RadixForm.FormFieldProps & react.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Label: react.ForwardRefExoticComponent<RadixForm.FormLabelProps & react.RefAttributes<HTMLLabelElement>>;
|
|
8
|
+
Message: react.ForwardRefExoticComponent<RadixForm.FormMessageProps & react.RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
Control: react.ForwardRefExoticComponent<RadixForm.FormControlProps & react.RefAttributes<HTMLInputElement>>;
|
|
10
|
+
Submit: react.ForwardRefExoticComponent<RadixForm.FormSubmitProps & react.RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { Form };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Grid, GridProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Grid, GridProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HeadingProps as HeadingProps$1 } from '@radix-ui/themes';
|
|
2
|
+
export { Heading as RadixHeading } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type HeadingProps = HeadingProps$1 & {
|
|
5
|
+
variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';
|
|
6
|
+
};
|
|
7
|
+
declare function Heading(props: HeadingProps): React.ReactNode;
|
|
8
|
+
|
|
9
|
+
export { Heading, type HeadingProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HeadingProps as HeadingProps$1 } from '@radix-ui/themes';
|
|
2
|
+
export { Heading as RadixHeading } from '@radix-ui/themes';
|
|
3
|
+
|
|
4
|
+
type HeadingProps = HeadingProps$1 & {
|
|
5
|
+
variant?: 'subtitle1' | 'heading1' | 'heading2' | 'heading3';
|
|
6
|
+
};
|
|
7
|
+
declare function Heading(props: HeadingProps): React.ReactNode;
|
|
8
|
+
|
|
9
|
+
export { Heading, type HeadingProps };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { HoverCard } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { HoverCard } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconButton, IconButtonProps } from '@radix-ui/themes';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { IconButton, IconButtonProps } from '@radix-ui/themes';
|
package/dist/atoms/index.cjs
CHANGED
|
@@ -158,7 +158,7 @@ var import_react2 = require("react");
|
|
|
158
158
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
159
159
|
var Badge = (0, import_react2.forwardRef)(
|
|
160
160
|
(props, ref) => {
|
|
161
|
-
const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
|
|
161
|
+
const _a = props, { size = "small", color = "accent" } = _a, rest = __objRest(_a, ["size", "color"]);
|
|
162
162
|
const radixSize = (0, import_react2.useMemo)(() => {
|
|
163
163
|
switch (size) {
|
|
164
164
|
case "small":
|