@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.
@@ -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 }: TNativeComboBoxRootProps) => import("react/jsx-runtime").JSX.Element;
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 NativeComboBox: {
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 }: TNativeComboBoxRootProps) => import("react/jsx-runtime").JSX.Element;
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 TRadioGroupProps<T extends FieldValues> = {
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: <T extends FieldValues>({ children, className, disabled, label, name, variant, ...props }: TRadioGroupProps<T>) => import("react/jsx-runtime").JSX.Element;
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
  };
@@ -8,4 +8,3 @@ export declare const GeneralUsage: Story;
8
8
  export declare const Variants: Story;
9
9
  export declare const Error: Story;
10
10
  export declare const ExtraLong: Story;
11
- export declare const Native: Story;