globalfy-design-system 1.17.0 → 1.19.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.
Files changed (73) hide show
  1. package/dist/@types/react-unicons.d.ts +2 -2
  2. package/dist/components/atoms/Alert/Alert.d.ts +27 -3
  3. package/dist/components/atoms/Alert/index.d.ts +0 -1
  4. package/dist/components/atoms/Alert/useAlert.d.ts +1 -1
  5. package/dist/components/atoms/Avatar/Avatar.d.ts +2 -2
  6. package/dist/components/atoms/Button/Button.d.ts +4 -4
  7. package/dist/components/atoms/Button/SpinnerIcon.d.ts +7 -0
  8. package/dist/components/atoms/Chip/Chip.d.ts +12 -2
  9. package/dist/components/atoms/Chip/Chip.stories.d.ts +1 -1
  10. package/dist/components/atoms/Chip/index.d.ts +0 -1
  11. package/dist/components/atoms/DatePicker/DatePicker.d.ts +1 -1
  12. package/dist/components/atoms/DropdownList/DropdownList.d.ts +3 -3
  13. package/dist/components/atoms/Flag/Flag.d.ts +5 -1
  14. package/dist/components/atoms/Flag/Flag.stories.d.ts +1 -1
  15. package/dist/components/atoms/Flag/index.d.ts +0 -1
  16. package/dist/components/atoms/Icon/Icon.d.ts +1 -1
  17. package/dist/components/atoms/Icon/feather/featherIconsList.d.ts +1 -1
  18. package/dist/components/atoms/Icon/glob-icons/glob-icons.d.ts +2 -0
  19. package/dist/components/atoms/Icon/glob-icons/icons/glob-amex.d.ts +1 -0
  20. package/dist/components/atoms/Icon/glob-icons/icons/glob-discover.d.ts +1 -0
  21. package/dist/components/atoms/Icon/glob-icons/icons/glob-mastercard-icon.d.ts +1 -0
  22. package/dist/components/atoms/Icon/glob-icons/icons/glob-paypal-icon.d.ts +1 -0
  23. package/dist/components/atoms/Icon/glob-icons/icons/glob-visa-icon.d.ts +1 -0
  24. package/dist/components/atoms/Icon/unicons/uniconsIconsList.d.ts +1 -1
  25. package/dist/components/atoms/Input/Input.d.ts +3 -3
  26. package/dist/components/atoms/InputMask/InputMask.d.ts +1 -1
  27. package/dist/components/atoms/Logo/Logo.d.ts +15 -2
  28. package/dist/components/atoms/Logo/index.d.ts +0 -1
  29. package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.d.ts +14 -1
  30. package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.stories.d.ts +1 -1
  31. package/dist/components/atoms/PhoneNumberInput/index.d.ts +0 -1
  32. package/dist/components/atoms/Popover/Popover.d.ts +16 -2
  33. package/dist/components/atoms/Popover/Popover.stories.d.ts +1 -1
  34. package/dist/components/atoms/Popover/index.d.ts +0 -1
  35. package/dist/components/atoms/RadioGroup/RadioGroup.d.ts +18 -2
  36. package/dist/components/atoms/RadioGroup/RadioGroup.stories.d.ts +1 -1
  37. package/dist/components/atoms/SegmentedControl/SegmentedControl.d.ts +16 -1
  38. package/dist/components/atoms/SegmentedControl/SegmentedControl.stories.d.ts +1 -1
  39. package/dist/components/atoms/SegmentedControl/index.d.ts +0 -1
  40. package/dist/components/atoms/Snackbar/Snackbar.d.ts +9 -2
  41. package/dist/components/atoms/Snackbar/useSnackbar.d.ts +1 -1
  42. package/dist/components/atoms/Switch/Switch.d.ts +10 -2
  43. package/dist/components/atoms/Switch/Switch.stories.d.ts +1 -1
  44. package/dist/components/atoms/Switch/index.d.ts +0 -1
  45. package/dist/components/atoms/Tabs/Tabs.d.ts +13 -1
  46. package/dist/components/atoms/Tabs/Tabs.stories.d.ts +1 -1
  47. package/dist/components/atoms/Tabs/index.d.ts +0 -1
  48. package/dist/components/atoms/Tag/Tag.d.ts +10 -1
  49. package/dist/components/atoms/Tag/Tag.stories.d.ts +1 -1
  50. package/dist/components/atoms/Tag/index.d.ts +0 -1
  51. package/dist/components/atoms/TextArea/TextArea.d.ts +1 -1
  52. package/dist/components/atoms/TextInput/TextInput.d.ts +1 -1
  53. package/dist/components/atoms/Tooltip/Tooltip.d.ts +2 -2
  54. package/dist/components/atoms/Tooltip/Tooltip.stories.d.ts +1 -1
  55. package/dist/components/atoms/Typography/Typography.d.ts +6 -1
  56. package/dist/components/atoms/Typography/Typography.stories.d.ts +1 -1
  57. package/dist/components/atoms/Typography/index.d.ts +0 -1
  58. package/dist/globalfy-design-system.js +8498 -8879
  59. package/dist/globalfy-design-system.umd.cjs +29 -29
  60. package/package.json +6 -3
  61. package/dist/components/atoms/Alert/Alert.types.d.ts +0 -24
  62. package/dist/components/atoms/Chip/Chip.types.d.ts +0 -12
  63. package/dist/components/atoms/Flag/Flag.types.d.ts +0 -6
  64. package/dist/components/atoms/Logo/Logo.types.d.ts +0 -15
  65. package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.types.d.ts +0 -15
  66. package/dist/components/atoms/Popover/Popover.types.d.ts +0 -16
  67. package/dist/components/atoms/RadioGroup/RadioGroup.types.d.ts +0 -18
  68. package/dist/components/atoms/SegmentedControl/SegmentedControl.types.d.ts +0 -17
  69. package/dist/components/atoms/Snackbar/Snackbar.types.d.ts +0 -9
  70. package/dist/components/atoms/Switch/Switch.types.d.ts +0 -10
  71. package/dist/components/atoms/Tabs/Tabs.types.d.ts +0 -14
  72. package/dist/components/atoms/Tag/Tag.types.d.ts +0 -11
  73. package/dist/components/atoms/Typography/Typography.types.d.ts +0 -7
@@ -1,5 +1,5 @@
1
- declare module "@iconscout/react-unicons" {
2
- import { SVGProps } from "react";
1
+ declare module '@iconscout/react-unicons' {
2
+ import { SVGProps } from 'react';
3
3
 
4
4
  export type IconType = (props: IconBaseProps) => JSX.Element;
5
5
 
@@ -1,3 +1,27 @@
1
- import { AlertProps } from './Alert.types';
2
-
3
- export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType }: AlertProps) => import("react/jsx-runtime").JSX.Element;
1
+ /// <reference types="react" />
2
+ export declare enum ActionType {
3
+ Button = "button",
4
+ Link = "link"
5
+ }
6
+ export declare enum ToastType {
7
+ Alert = "alert",
8
+ Banner = "banner"
9
+ }
10
+ export type AlertAction = {
11
+ label: string;
12
+ onClick: () => void;
13
+ isLoading?: boolean;
14
+ isDisabled?: boolean;
15
+ };
16
+ export type AlertProps = {
17
+ message: string;
18
+ inlineActions?: boolean;
19
+ toastType?: ToastType;
20
+ icon?: React.ReactNode;
21
+ hasCloseButton?: boolean;
22
+ onClickCloseButton?: () => void;
23
+ iconVariant?: 'neutral' | 'success' | 'error' | 'warning' | 'banner';
24
+ actions?: AlertAction[];
25
+ actionType?: ActionType;
26
+ };
27
+ export declare const Alert: ({ message, actions, inlineActions, toastType, icon, iconVariant, hasCloseButton, onClickCloseButton, actionType, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  export * from './Alert';
2
2
  export * from './useAlert';
3
- export * from './Alert.types';
@@ -1,4 +1,4 @@
1
- import { AlertProps } from './Alert.types';
1
+ import { AlertProps } from './Alert';
2
2
 
3
3
  export declare const useAlert: () => {
4
4
  alert: (props: AlertProps) => void;
@@ -1,9 +1,9 @@
1
1
  export type AvatarProps = {
2
- size?: "sm" | "md" | "lg" | "xs";
2
+ size?: 'sm' | 'md' | 'lg' | 'xs';
3
3
  image?: string;
4
4
  label?: string;
5
5
  border?: boolean;
6
6
  className?: string;
7
- "data-testid"?: string;
7
+ 'data-testid'?: string;
8
8
  };
9
9
  export declare const Avatar: ({ size, className, border, image, label, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,20 +1,20 @@
1
1
  import { default as React } from 'react';
2
2
  import { ButtonProps as NextUIButtonProps } from '@nextui-org/react';
3
3
 
4
- export type ButtonVariant = "primaryDark" | "primaryLight" | "primary" | "negative" | "secondaryNegative" | "secondary" | "tertiary" | "tertiaryDark" | "tertiaryLight" | "direction" | "directionCircle" | "icon";
5
- export type ButtonProps = Omit<NextUIButtonProps, "variant" | "size" | "ref"> & {
4
+ export type ButtonVariant = 'primaryDark' | 'primaryLight' | 'primary' | 'negative' | 'secondaryNegative' | 'secondary' | 'tertiary' | 'tertiaryDark' | 'tertiaryDarkGreen' | 'tertiaryLight' | 'direction' | 'directionCircle' | 'icon';
5
+ export type ButtonProps = Omit<NextUIButtonProps, 'variant' | 'size' | 'ref'> & {
6
6
  children: React.ReactNode;
7
7
  iconLeft?: React.ReactNode;
8
8
  iconRight?: React.ReactNode;
9
9
  full?: boolean;
10
- size?: "small" | "medium" | "large";
10
+ size?: 'small' | 'medium' | 'large';
11
11
  variant?: ButtonVariant;
12
12
  isLoading?: boolean;
13
13
  /**
14
14
  * @deprecated use {@link ButtonProps.isLoading} instead
15
15
  */
16
16
  isLoadingComplete?: boolean;
17
- } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "color">;
17
+ } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onFocus' | 'onBlur' | 'color'>;
18
18
  export declare const Button: React.ForwardRefExoticComponent<Omit<NextUIButtonProps, "variant" | "ref" | "size"> & {
19
19
  children: React.ReactNode;
20
20
  iconLeft?: React.ReactNode;
@@ -10,6 +10,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
10
10
  secondary: string;
11
11
  tertiary: string;
12
12
  tertiaryDark: string;
13
+ tertiaryDarkGreen: string;
13
14
  tertiaryLight: string;
14
15
  direction: string;
15
16
  directionCircle: string;
@@ -25,6 +26,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
25
26
  secondary: string;
26
27
  tertiary: string;
27
28
  tertiaryDark: string;
29
+ tertiaryDarkGreen: string;
28
30
  tertiaryLight: string;
29
31
  direction: string;
30
32
  directionCircle: string;
@@ -40,6 +42,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
40
42
  secondary: string;
41
43
  tertiary: string;
42
44
  tertiaryDark: string;
45
+ tertiaryDarkGreen: string;
43
46
  tertiaryLight: string;
44
47
  direction: string;
45
48
  directionCircle: string;
@@ -55,6 +58,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
55
58
  secondary: string;
56
59
  tertiary: string;
57
60
  tertiaryDark: string;
61
+ tertiaryDarkGreen: string;
58
62
  tertiaryLight: string;
59
63
  direction: string;
60
64
  directionCircle: string;
@@ -70,6 +74,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
70
74
  secondary: string;
71
75
  tertiary: string;
72
76
  tertiaryDark: string;
77
+ tertiaryDarkGreen: string;
73
78
  tertiaryLight: string;
74
79
  direction: string;
75
80
  directionCircle: string;
@@ -85,6 +90,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
85
90
  secondary: string;
86
91
  tertiary: string;
87
92
  tertiaryDark: string;
93
+ tertiaryDarkGreen: string;
88
94
  tertiaryLight: string;
89
95
  direction: string;
90
96
  directionCircle: string;
@@ -100,6 +106,7 @@ declare const iconLoadingVariants: import('tailwind-variants').TVReturnType<{
100
106
  secondary: string;
101
107
  tertiary: string;
102
108
  tertiaryDark: string;
109
+ tertiaryDarkGreen: string;
103
110
  tertiaryLight: string;
104
111
  direction: string;
105
112
  directionCircle: string;
@@ -1,3 +1,13 @@
1
- import { ChipProps } from './Chip.types';
1
+ import { ReactNode } from 'react';
2
2
 
3
- export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: ChipProps) => import("react/jsx-runtime").JSX.Element;
3
+ export type ChipProps = {
4
+ children: ReactNode;
5
+ size?: 'sm' | 'lg';
6
+ className?: string;
7
+ 'data-testid'?: string;
8
+ avatar?: string;
9
+ disabled?: boolean;
10
+ iconLeft?: ReactNode;
11
+ iconRight?: ReactNode;
12
+ };
13
+ export declare const Chip: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ children, className, avatar, size, disabled, iconLeft, iconRight }: import('./Chip.types').ChipProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ children, className, avatar, size, disabled, iconLeft, iconRight, }: import('./Chip').ChipProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './Chip';
2
- export * from './Chip.types';
@@ -1,4 +1,4 @@
1
1
  import { DayPickerSingleProps } from 'react-day-picker';
2
2
 
3
- export type DatePickerProps = Omit<DayPickerSingleProps, "mode">;
3
+ export type DatePickerProps = Omit<DayPickerSingleProps, 'mode'>;
4
4
  export declare const DatePicker: ({ selected, ...props }: DatePickerProps) => JSX.Element;
@@ -1,5 +1,5 @@
1
- import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
2
1
  import { ComponentType, ReactNode } from 'react';
2
+ import { ActionMeta, ControlProps, DropdownIndicatorProps, OptionProps, ValueContainerProps } from 'react-select';
3
3
 
4
4
  export type OptionType = {
5
5
  [key: string]: unknown;
@@ -32,12 +32,12 @@ export type DropdownListProps = {
32
32
  };
33
33
  };
34
34
  export type DropdownCreditCardOption = {
35
- label: string;
35
+ label?: string;
36
36
  prefix: ReactNode;
37
37
  isDefault?: boolean;
38
38
  };
39
39
  export type DropdownCreditCardProps = {
40
40
  options: DropdownCreditCardOption[];
41
- } & Omit<DropdownListProps, "options">;
41
+ } & Omit<DropdownListProps, 'options'>;
42
42
  export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, customClassNames, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
43
43
  export {};
@@ -1,3 +1,7 @@
1
- import { FlagProps } from '.';
1
+ import { HTMLAttributes } from 'react';
2
2
 
3
+ export type FlagProps = {
4
+ shadow?: boolean;
5
+ country: 'bra' | 'esp' | 'usa';
6
+ } & HTMLAttributes<HTMLImageElement>;
3
7
  export declare const Flag: ({ shadow, country, className, ...props }: FlagProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ shadow, country, className, ...props }: import('./Flag.types').FlagProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ shadow, country, className, ...props }: import('./Flag').FlagProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './Flag';
2
- export * from './Flag.types';
@@ -1,6 +1,6 @@
1
1
  import { HTMLAttributes } from 'react';
2
2
 
3
- export type IconNames = "add-circle" | "alert-circle" | "bank" | "briefcase" | "building" | "calendar" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "close" | "credit-card-number" | "credit-card" | "download" | "external-link" | "eye-close" | "eye-open" | "file-upload" | "filters" | "help-circle" | "image-broken" | "mail" | "open" | "refresh" | "Request" | "resend" | "ship" | "user" | "users" | "wallet";
3
+ export type IconNames = 'add-circle' | 'alert-circle' | 'bank' | 'briefcase' | 'building' | 'calendar' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'close' | 'credit-card-number' | 'credit-card' | 'download' | 'external-link' | 'eye-close' | 'eye-open' | 'file-upload' | 'filters' | 'help-circle' | 'image-broken' | 'mail' | 'open' | 'refresh' | 'Request' | 'resend' | 'ship' | 'user' | 'users' | 'wallet';
4
4
  export type IconProps = {
5
5
  name?: string;
6
6
  icon?: IconNames;
@@ -1,2 +1,2 @@
1
- import * as fi from "react-icons/fi";
1
+ import * as fi from 'react-icons/fi';
2
2
  export declare const featherIconsList: [string, typeof fi.FiActivity][];
@@ -1,3 +1,5 @@
1
+ export * from './icons/glob-amex';
2
+ export * from './icons/glob-discover';
1
3
  export * from './icons/glob-documents';
2
4
  export * from './icons/glob-mastercard-icon';
3
5
  export * from './icons/glob-paypal-icon';
@@ -0,0 +1 @@
1
+ export declare const GlobAmexIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare const GlobDiscoverIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1,2 @@
1
+ export declare const GlobMasterCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
1
2
  export declare const MasterCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1,2 @@
1
+ export declare const GlobPaypalIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
1
2
  export declare const PaypalIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1,2 @@
1
+ export declare const GlobVisaCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
1
2
  export declare const VisaCardIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="@/@types/react-unicons" />
2
- import * as uil from "@iconscout/react-unicons";
2
+ import * as uil from '@iconscout/react-unicons';
3
3
  export declare const uniconsIconsList: [string, typeof uil.Uil0Plus][];
@@ -12,9 +12,9 @@ export type InputProps = {
12
12
  value?: string;
13
13
  isDatePicker?: boolean;
14
14
  iconAction?: () => void;
15
- iconSize?: "small" | "large";
16
- } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
17
- export type InputPasswordProps = Omit<InputProps, "icon" | "type" | "isDatePicker">;
15
+ iconSize?: 'small' | 'large';
16
+ } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
17
+ export type InputPasswordProps = Omit<InputProps, 'icon' | 'type' | 'isDatePicker'>;
18
18
  export declare const Input: React.ForwardRefExoticComponent<{
19
19
  label?: string | undefined;
20
20
  placeholder?: string | undefined;
@@ -12,7 +12,7 @@ export type InputMaskProps = {
12
12
  iconAction?: () => void;
13
13
  mask?: string;
14
14
  removeTopMargin?: boolean;
15
- } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
15
+ } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
16
16
  export declare const InputMask: import('react').ForwardRefExoticComponent<{
17
17
  label?: string | undefined;
18
18
  placeholder?: string | undefined;
@@ -1,3 +1,16 @@
1
- import { LogoProps } from '.';
2
-
1
+ interface CommonProps {
2
+ variant?: 'default' | 'dark' | 'light';
3
+ className?: string;
4
+ short?: boolean;
5
+ }
6
+ interface LogoWidthProps extends CommonProps {
7
+ width?: number;
8
+ height?: never;
9
+ }
10
+ interface LogoHeightProps extends CommonProps {
11
+ width?: never;
12
+ height?: number;
13
+ }
14
+ export type LogoProps = LogoWidthProps | LogoHeightProps;
3
15
  export declare function Logo({ variant, className, short, width, height }: LogoProps): import("react/jsx-runtime").JSX.Element;
16
+ export {};
@@ -1,2 +1 @@
1
1
  export * from './Logo';
2
- export * from './Logo.types';
@@ -1,4 +1,17 @@
1
1
  import { default as React } from 'react';
2
- import { PhoneNumberInputProps } from './PhoneNumberInput.types';
2
+ import { ParsedCountry } from 'react-international-phone';
3
3
 
4
+ export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
5
+ value?: string;
6
+ onChange?: (data: {
7
+ phone: string;
8
+ inputValue: string;
9
+ country: ParsedCountry;
10
+ }) => void;
11
+ error?: boolean;
12
+ errorMessage?: string;
13
+ isValid?: boolean;
14
+ searchMessage: string;
15
+ noResultsFoundMessage: string;
16
+ };
4
17
  export declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: import('react').FC<import('./PhoneNumberInput.types').PhoneNumberInputProps>;
5
+ component: import('react').FC<import('./PhoneNumberInput').PhoneNumberInputProps>;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './PhoneNumberInput';
2
- export * from './PhoneNumberInput.types';
@@ -1,3 +1,17 @@
1
- import { PopoverProps } from './Popover.types';
2
-
1
+ /// <reference types="react" />
2
+ export type PopoverProps = {
3
+ children: React.ReactNode;
4
+ content: React.ReactNode;
5
+ isOpen?: boolean;
6
+ onOpenChange?: (isOpen: boolean) => void;
7
+ onInteractOutside?: () => void;
8
+ onOpenAutoFocus?: (event: Event) => void;
9
+ defaultOpen?: boolean;
10
+ side?: 'top' | 'right' | 'bottom' | 'left';
11
+ align?: 'start' | 'center' | 'end';
12
+ hasCloseButton?: boolean;
13
+ hasShadow?: boolean;
14
+ className?: string;
15
+ sideOffset?: number;
16
+ };
3
17
  export declare const Popover: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover.types').PopoverProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ children, content, className, isOpen, side, align, hasCloseButton, hasShadow, sideOffset, onInteractOutside, onOpenAutoFocus, ...props }: import('./Popover').PopoverProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  parameters: {
8
8
  layout: string;
@@ -1,2 +1 @@
1
1
  export * from './Popover';
2
- export * from './Popover.types';
@@ -1,3 +1,19 @@
1
- import { RadioGroupProps } from './RadioGroup.types';
1
+ import { ChangeEventHandler, ReactNode } from 'react';
2
2
 
3
- export declare const RadioGroup: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
3
+ export type RadioGroupOption = {
4
+ label: ReactNode;
5
+ value: string;
6
+ id: string;
7
+ };
8
+ export type RadioGroupProps = {
9
+ options: RadioGroupOption[];
10
+ labelPosition?: 'left' | 'right';
11
+ orientation?: 'vertical' | 'horizontal';
12
+ onValueChange?: (value: string) => void;
13
+ value?: string;
14
+ className?: string;
15
+ optionWrapperClassName?: string;
16
+ labelClassName?: string;
17
+ onChange?: ChangeEventHandler<HTMLInputElement>;
18
+ };
19
+ export declare const RadioGroup: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange }: import('./RadioGroup.types').RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ options, labelPosition, orientation, onChange, value, optionWrapperClassName, className, labelClassName, onValueChange, }: import('./RadioGroup').RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,3 +1,18 @@
1
- import { SegmentedControlProps } from './SegmentedControl.types';
1
+ import { Key, ReactNode } from 'react';
2
2
 
3
+ export type SegmentedControlProps = {
4
+ className?: string;
5
+ 'data-testid'?: string;
6
+ size?: 'sm' | 'md' | 'lg';
7
+ tabs: {
8
+ icon?: ReactNode;
9
+ key: string;
10
+ title: ReactNode;
11
+ component?: ReactNode;
12
+ }[];
13
+ tabClass?: string;
14
+ onSelectionChange?: (key: Key) => void;
15
+ selectedKey?: string | number | null;
16
+ fullWidth?: boolean;
17
+ };
3
18
  export declare const SegmentedControl: ({ tabs, tabClass, size, onSelectionChange, ...props }: SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  declare const meta: {
2
2
  title: string;
3
- component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl.types').SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
3
+ component: ({ tabs, tabClass, size, onSelectionChange, ...props }: import('./SegmentedControl').SegmentedControlProps) => import("react/jsx-runtime").JSX.Element;
4
4
  tags: string[];
5
5
  };
6
6
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './SegmentedControl';
2
- export * from './SegmentedControl.types';
@@ -1,3 +1,10 @@
1
- import { SnackbarProps } from './Snackbar.types';
2
-
1
+ export type SnackbarAction = {
2
+ label: string;
3
+ onClick: () => void;
4
+ };
5
+ export type SnackbarProps = {
6
+ message: string;
7
+ inlineActions?: boolean;
8
+ actions?: SnackbarAction[];
9
+ };
3
10
  export declare const Snackbar: ({ message, actions, inlineActions }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { SnackbarAction } from './Snackbar.types';
1
+ import { SnackbarAction } from './Snackbar';
2
2
 
3
3
  export declare const useSnackbar: () => {
4
4
  snackbar: (message: string, options?: {
@@ -1,3 +1,11 @@
1
- import { SwitchProps } from './Switch.types';
2
-
1
+ export type SwitchProps = {
2
+ 'data-testid'?: string;
3
+ icons?: {
4
+ selectedIcon: string;
5
+ unselectedIcon: string;
6
+ };
7
+ className?: string;
8
+ isSelected: boolean;
9
+ onValueChange?: ((isSelected: boolean) => void) | undefined;
10
+ };
3
11
  export declare const Switch: ({ icons, className, isSelected, onValueChange }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ icons, className, isSelected, onValueChange }: import('./Switch.types').SwitchProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ icons, className, isSelected, onValueChange }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './Switch';
2
- export * from './Switch.types';
@@ -1,3 +1,15 @@
1
- import { TabsProps } from './Tabs.types';
1
+ import { ReactNode } from 'react';
2
2
 
3
+ export type TabsProps = {
4
+ className?: string;
5
+ 'data-testid'?: string;
6
+ tabs: {
7
+ icon?: ReactNode;
8
+ key: string;
9
+ title: string;
10
+ content?: ReactNode;
11
+ }[];
12
+ defaultValue?: string;
13
+ variant?: 'underline' | 'button';
14
+ };
3
15
  export declare const Tabs: ({ tabs, defaultValue, variant, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs.types').TabsProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ tabs, defaultValue, variant, className, ...props }: import('./Tabs').TabsProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  parameters: {
8
8
  layout: string;
@@ -1,2 +1 @@
1
1
  export * from './Tabs';
2
- export * from './Tabs.types';
@@ -1,3 +1,12 @@
1
- import { TagProps } from './Tag.types';
1
+ import { ReactNode } from 'react';
2
2
 
3
+ export type TagColor = 'red' | 'orange' | 'lightGreen' | 'violet' | 'blue' | 'darkGreen' | 'gray' | 'yellow';
4
+ export type TagVariant = 'light' | 'dark' | 'ghost';
5
+ export type TagProps = {
6
+ children: ReactNode;
7
+ className?: string;
8
+ variant?: TagVariant;
9
+ color?: TagColor;
10
+ 'data-testid'?: string;
11
+ };
3
12
  export declare const Tag: ({ children, className, variant, color }: TagProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ children, className, variant, color }: import('./Tag.types').TagProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ children, className, variant, color }: import('./Tag').TagProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -1,2 +1 @@
1
1
  export * from './Tag';
2
- export * from './Tag.types';
@@ -7,7 +7,7 @@ export type TextAreaProps = {
7
7
  isValid?: boolean;
8
8
  allowResize?: boolean;
9
9
  value?: string;
10
- } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
10
+ } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'defaultValue' | 'color' | 'onFocus' | 'onBlur'>;
11
11
  export declare const TextArea: import('react').ForwardRefExoticComponent<{
12
12
  label?: string | undefined;
13
13
  message?: string | undefined;
@@ -6,7 +6,7 @@ interface Props {
6
6
  icon?: React.ReactNode;
7
7
  isInvalid?: boolean;
8
8
  isValid?: boolean;
9
- iconSize?: "small" | "large";
9
+ iconSize?: 'small' | 'large';
10
10
  iconAction?: () => void;
11
11
  removeTopMargin?: boolean;
12
12
  }
@@ -9,6 +9,6 @@ export type TooltipProps = {
9
9
  onClick: () => void;
10
10
  label: string;
11
11
  };
12
- size?: "sm" | "lg" | "auto";
12
+ size?: 'sm' | 'lg' | 'auto';
13
13
  };
14
- export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Tooltip: ({ children, showArrow, startOpen, content, hasCloseButton, action, size, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;