globalfy-design-system 1.16.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globalfy-design-system",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "Globalfy Design System",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -25,6 +25,8 @@
     "build:dev:watch": "vite build --config vite.config.dev.ts --watch",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "prettier:check": "prettier --check './**/*.{ts,tsx,css,json,md}'",
+    "prettier:fix": "prettier --write './**/*.{ts,tsx,css,json,md}'",
     "typecheck": "tsc --project tsconfig.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -58,7 +60,7 @@
     "react": "^18.2.0",
     "react-day-picker": "^8.10.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.47.0",
+    "react-hook-form": "7.52.1",
     "react-icons": "^5.0.1",
     "react-input-mask": "^2.0.4",
     "react-international-phone": "^4.2.6",
@@ -92,6 +94,7 @@
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "^14.1.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/google-libphonenumber": "^7.4.30",
     "@types/jest": "^29.5.8",
     "@types/node": "^20.8.7",
@@ -120,9 +123,10 @@
     "jsdom": "^22.1.0",
     "lint-staged": "15.2.7",
     "postcss": "8.4.40",
-    "prettier": "^3.0.3",
-    "prettier-plugin-tailwindcss": "^0.5.9",
+    "prettier": "3.3.3",
+    "prettier-plugin-tailwindcss": "0.6.6",
     "react-test-renderer": "^18.2.0",
+    "rollup-plugin-css-only": "^4.5.2",
     "semantic-release": "22",
     "storybook": "^7.5.1",
     "tailwindcss": "3.4.7",

package/dist/components/atoms/Alert/Alert.types.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export declare enum ActionType {
-    Button = "button",
-    Link = "link"
-}
-export declare enum ToastType {
-    Alert = "alert",
-    Banner = "banner"
-}
-export type AlertAction = {
-    label: string;
-    onClick: () => void;
-};
-export type AlertProps = {
-    message: string;
-    inlineActions?: boolean;
-    toastType?: ToastType;
-    icon?: React.ReactNode;
-    hasCloseButton?: boolean;
-    onClickCloseButton?: () => void;
-    iconVariant?: "neutral" | "success" | "error" | "warning" | "banner";
-    actions?: AlertAction[];
-    actionType?: ActionType;
-};

package/dist/components/atoms/Chip/Chip.types.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-
-export type ChipProps = {
-    children: ReactNode;
-    size?: "sm" | "lg";
-    className?: string;
-    "data-testid"?: string;
-    avatar?: string;
-    disabled?: boolean;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
-};

package/dist/components/atoms/DatePicker/DatePicker.types.d.ts

@@ -1,3 +0,0 @@
-import { DayPickerDefaultProps, DayPickerMultipleProps, DayPickerRangeProps, DayPickerSingleProps } from 'react-day-picker';
-
-export type DatePickerProps = DayPickerDefaultProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps;

package/dist/components/atoms/Flag/Flag.types.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from 'react';
-
-export type FlagProps = {
-    shadow?: boolean;
-    country: "bra" | "esp" | "usa";
-} & HTMLAttributes<HTMLImageElement>;

package/dist/components/atoms/Input/Input.types.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export type InputProps = {
-    label: string;
-    placeholder?: string;
-    message?: string;
-    icon?: React.ReactNode;
-    isInvalid?: boolean;
-    isRequired?: boolean;
-    isValid?: boolean;
-    disabled?: boolean;
-    value?: string;
-    isDatePicker?: boolean;
-    iconAction?: () => void;
-    iconSize?: "small" | "large";
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "color" | "onFocus" | "onBlur">;
-export type InputPasswordProps = Omit<InputProps, "icon" | "type" | "isDatePicker">;

package/dist/components/atoms/Logo/Logo.types.d.ts

@@ -1,15 +0,0 @@
-interface CommonProps {
-    variant?: "default" | "dark" | "light";
-    className?: string;
-    short?: boolean;
-}
-interface LogoWidthProps extends CommonProps {
-    width?: number;
-    height?: never;
-}
-interface LogoHeightProps extends CommonProps {
-    width?: never;
-    height?: number;
-}
-export type LogoProps = LogoWidthProps | LogoHeightProps;
-export {};

package/dist/components/atoms/PhoneNumberInput/PhoneNumberInput.types.d.ts

@@ -1,15 +0,0 @@
-import { ParsedCountry } from 'react-international-phone';
-
-export type PhoneNumberInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
-    value?: string;
-    onChange?: (data: {
-        phone: string;
-        inputValue: string;
-        country: ParsedCountry;
-    }) => void;
-    error?: boolean;
-    errorMessage?: string;
-    isValid?: boolean;
-    searchMessage: string;
-    noResultsFoundMessage: string;
-};

package/dist/components/atoms/Popover/Popover.types.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export type PopoverProps = {
-    children: React.ReactNode;
-    content: React.ReactNode;
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    onInteractOutside?: () => void;
-    onOpenAutoFocus?: (event: Event) => void;
-    defaultOpen?: boolean;
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
-    hasCloseButton?: boolean;
-    hasShadow?: boolean;
-    className?: string;
-    sideOffset?: number;
-};

package/dist/components/atoms/RadioGroup/RadioGroup.types.d.ts

@@ -1,18 +0,0 @@
-import { ChangeEventHandler, ReactNode } from 'react';
-
-export type RadioGroupOption = {
-    label: ReactNode;
-    value: string;
-    id: string;
-};
-export type RadioGroupProps = {
-    options: RadioGroupOption[];
-    labelPosition?: "left" | "right";
-    orientation?: "vertical" | "horizontal";
-    onValueChange?: (value: string) => void;
-    value?: string;
-    className?: string;
-    optionWrapperClassName?: string;
-    labelClassName?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-};

package/dist/components/atoms/SegmentedControl/SegmentedControl.types.d.ts

@@ -1,17 +0,0 @@
-import { Key, ReactNode } from 'react';
-
-export type SegmentedControlProps = {
-    className?: string;
-    "data-testid"?: string;
-    size?: "sm" | "md" | "lg";
-    tabs: {
-        icon?: ReactNode;
-        key: string;
-        title: ReactNode;
-        component?: ReactNode;
-    }[];
-    tabClass?: string;
-    onSelectionChange?: (key: Key) => void;
-    selectedKey?: string | number | null;
-    fullWidth?: boolean;
-};

package/dist/components/atoms/Snackbar/Snackbar.types.d.ts

@@ -1,9 +0,0 @@
-export type SnackbarAction = {
-    label: string;
-    onClick: () => void;
-};
-export type SnackbarProps = {
-    message: string;
-    inlineActions?: boolean;
-    actions?: SnackbarAction[];
-};

package/dist/components/atoms/Switch/Switch.types.d.ts

@@ -1,10 +0,0 @@
-export type SwitchProps = {
-    "data-testid"?: string;
-    icons?: {
-        selectedIcon: string;
-        unselectedIcon: string;
-    };
-    className?: string;
-    isSelected: boolean;
-    onValueChange?: ((isSelected: boolean) => void) | undefined;
-};

package/dist/components/atoms/Tabs/Tabs.types.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-
-export type TabsProps = {
-    className?: string;
-    "data-testid"?: string;
-    tabs: {
-        icon?: ReactNode;
-        key: string;
-        title: string;
-        content?: ReactNode;
-    }[];
-    defaultValue?: string;
-    variant?: "underline" | "button";
-};

package/dist/components/atoms/Tag/Tag.types.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-
-export type TagColor = "red" | "orange" | "lightGreen" | "violet" | "blue" | "darkGreen" | "gray" | "yellow";
-export type TagVariant = "light" | "dark" | "ghost";
-export type TagProps = {
-    children: ReactNode;
-    className?: string;
-    variant?: TagVariant;
-    color?: TagColor;
-    "data-testid"?: string;
-};

package/dist/components/atoms/Typography/Typography.types.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from 'react';
-
-export type TypographyProps = {
-    children: React.ReactNode;
-    font?: "satoshi" | "livvic";
-    weight?: "light" | "regular" | "medium" | "semibold" | "bold" | "black";
-} & HTMLAttributes<HTMLParagraphElement>;

package/dist/components/molecules/DatePickerInput/DatePickerInput.types.d.ts

@@ -1,6 +0,0 @@
-export type DatePickerInputProps = {
-    label: string;
-    onSelect?: (date: Date | undefined) => void;
-    initialDate?: Date;
-    dateFormat?: string;
-};