@kroo-web/design-system 1.29.0 → 1.31.0
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/components/ComboBox/ComboBox.stories.d.ts +2 -7
- package/dist/components/ComboBox/index.d.ts +4 -11
- package/dist/components/RadioGroup/index.d.ts +2 -22
- package/dist/components/RadioGroup/radioGroup.stories.d.ts +0 -1
- package/dist/index.js +16797 -18778
- package/dist/index.umd.cjs +40 -56
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
2
|
import { ComboBox } from '.';
|
|
3
3
|
|
|
4
|
-
declare const _default: Meta<typeof ComboBox>;
|
|
4
|
+
declare const _default: Meta<typeof ComboBox.Root>;
|
|
5
5
|
export default _default;
|
|
6
|
-
type Story = StoryObj<typeof ComboBox>;
|
|
6
|
+
type Story = StoryObj<typeof ComboBox.Root>;
|
|
7
7
|
export declare const GeneralUsage: Story;
|
|
8
|
-
export declare const AlwaysOpen: Story;
|
|
9
|
-
export declare const Render: Story;
|
|
10
|
-
export declare const Native: {
|
|
11
|
-
render: () => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
};
|
|
@@ -15,14 +15,7 @@ export type TComboBoxProps = {
|
|
|
15
15
|
onSelect?: (item: TComboBoxItem) => void;
|
|
16
16
|
options: TComboBoxItem[];
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
*
|
|
20
|
-
* @deprecated This component is deprecated.
|
|
21
|
-
* Please use the NativeComboBox component instead.
|
|
22
|
-
*/
|
|
23
|
-
export declare const ComboBox: (props: Omit<TComboBoxProps, "field">) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export declare const Field: ({ alwaysOpen, field: { onBlur, ...restField }, label, onSelect, options }: TComboBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export type TNativeComboBoxRootProps = {
|
|
18
|
+
export type TComboBoxRootProps = {
|
|
26
19
|
children: ReactNode;
|
|
27
20
|
disabled?: boolean;
|
|
28
21
|
error?: {
|
|
@@ -37,7 +30,7 @@ export type TNativeComboBoxRootProps = {
|
|
|
37
30
|
missing?: boolean;
|
|
38
31
|
placeholder?: string;
|
|
39
32
|
} & Omit<ComboBoxProps<TComboBoxItem>, 'children' | 'isDisabled' | 'label' | 'onOpenChange' | 'placeholder'>;
|
|
40
|
-
export declare const Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }:
|
|
33
|
+
export declare const Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }: TComboBoxRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
34
|
export declare const Options: ({ children }: {
|
|
42
35
|
children: ReactNode;
|
|
43
36
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -45,7 +38,7 @@ export declare const Item: ({ children, img }: {
|
|
|
45
38
|
children: ReactNode;
|
|
46
39
|
img?: string;
|
|
47
40
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
48
|
-
export declare const
|
|
41
|
+
export declare const ComboBox: {
|
|
49
42
|
Item: ({ children, img }: {
|
|
50
43
|
children: ReactNode;
|
|
51
44
|
img?: string;
|
|
@@ -53,5 +46,5 @@ export declare const NativeComboBox: {
|
|
|
53
46
|
Options: ({ children }: {
|
|
54
47
|
children: ReactNode;
|
|
55
48
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
56
|
-
Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }:
|
|
49
|
+
Root: ({ children, disabled, error, helper, hideLabel, id, label, missing, placeholder, ...rest }: TComboBoxRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
50
|
};
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
import { FieldError, FieldValues, Path } from 'react-hook-form';
|
|
2
1
|
import * as RadixRadioGroup from '@radix-ui/react-radio-group';
|
|
3
|
-
export type
|
|
4
|
-
error?: FieldError;
|
|
5
|
-
label: string;
|
|
6
|
-
name: Path<T>;
|
|
7
|
-
variant?: 'cards' | 'circle';
|
|
8
|
-
} & Omit<RadixRadioGroup.RadioGroupProps, 'name'>;
|
|
9
|
-
export type TNativeRadioGroupRootProps = {
|
|
2
|
+
export type TRadioGroupRootProps = {
|
|
10
3
|
children: React.ReactNode;
|
|
11
4
|
className?: string;
|
|
12
5
|
disabled?: boolean;
|
|
@@ -19,24 +12,11 @@ export type TNativeRadioGroupRootProps = {
|
|
|
19
12
|
variant?: 'cards' | 'circle';
|
|
20
13
|
visual?: 'horizontal' | 'vertical';
|
|
21
14
|
} & RadixRadioGroup.RadioGroupProps;
|
|
22
|
-
/**
|
|
23
|
-
*
|
|
24
|
-
* @deprecated This component is deprecated.
|
|
25
|
-
* Please use the NativeRadioGroup component instead.
|
|
26
|
-
*/
|
|
27
15
|
export declare const RadioGroup: {
|
|
28
16
|
Indicator: ({ className, ...props }: RadixRadioGroup.RadioGroupIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
17
|
Item: ({ children, className, supportingText, variant, ...props }: {
|
|
30
18
|
supportingText?: string;
|
|
31
19
|
variant?: "cards" | "circle";
|
|
32
20
|
} & RadixRadioGroup.RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
Root:
|
|
34
|
-
};
|
|
35
|
-
export declare const NativeRadioGroup: {
|
|
36
|
-
Indicator: ({ className, ...props }: RadixRadioGroup.RadioGroupIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
Item: ({ children, className, supportingText, variant, ...props }: {
|
|
38
|
-
supportingText?: string;
|
|
39
|
-
variant?: "cards" | "circle";
|
|
40
|
-
} & RadixRadioGroup.RadioGroupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
-
Root: ({ children, className, disabled, error, label, onChange, variant, visual, ...props }: TNativeRadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
Root: ({ children, className, disabled, error, label, onChange, variant, visual, ...props }: TRadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
22
|
};
|