gd-design-library 0.0.7 → 0.0.9

package/components/core/Button/Button.types.d.ts

@@ -35,6 +35,7 @@ export interface ButtonProps extends CommonCoreComponentProps<ButtonVariant, But
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     type?: ButtonTypes | `${ButtonTypes}`;
     disabled?: boolean;
+    fullWidth?: boolean;
     isIcon?: boolean;
     ariaLabel?: ButtonAriaLabel | `${ButtonAriaLabel}`;
     ariaPressed?: boolean;
@@ -44,4 +45,5 @@ export interface ButtonProps extends CommonCoreComponentProps<ButtonVariant, But
 }
 export interface StyledButtonProps extends CommonCoreStyledComponentProps<ButtonVariant, ButtonColorVariant> {
     $isIcon?: boolean;
+    $fullWidth?: boolean;
 }

package/components/core/Image/Image.types.d.ts

@@ -17,7 +17,7 @@ export interface StyledImageWrapperProps extends Pick<ImageProps, 'width' | 'hei
 }
 export interface StyledImageProps extends Pick<ImageProps, 'objectFit'> {
     theme: Theme;
-    isLoading: boolean;
+    isLoading?: boolean;
 }
 export interface StyledImagePlaceholderProps {
     theme: Theme;

package/components/core/Select/Select.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEvent } from 'react';
-import { Theme } from '../../../hooks';
+import { Theme } from '../../../hooks/useTheme';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '..';
 import { OnSelectProps } from '../types/events.types';
 export interface Option {
@@ -26,8 +26,9 @@ export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exc
     initiator?: ReactNode;
     width?: number | string;
     emptyItemsResult?: string;
-    renderOption?: (value: renderOptionType) => React.ReactNode;
-    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
+    selectedItem?: string;
+    renderOption?: (value: renderOptionType) => ReactNode;
+    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => ReactNode;
     autoOpen?: boolean;
     activeIndex?: string | number;
 }

package/components/core/Select/constants.d.ts

@@ -1 +1,2 @@
 export declare const COMPONENT_NAME = "Select";
+export declare const DEFAULT_SELECTED_VALUE = "Select";

package/components/core/Snackbar/StyledSnackbar.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../hooks';
+import { Theme } from '../../../hooks/useTheme';
 import { SnackbarPosition, StyledSnackbarProps } from './Snackbar.types';
 export declare const StyledSnackbar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSnackbarProps>> & string;
 export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/components/core/Typography/Typography.types.d.ts

@@ -13,7 +13,7 @@ export declare enum TextAlign {
     Revert = "revert",
     RevertLayer = "revert-layer",
     Unset = "unset",
-    Webkitcenter = "-webkit-center",
+    WebkitCenter = "-webkit-center",
     MozCenter = "-moz-center"
 }
 export declare enum TypographyVariant {
@@ -44,12 +44,12 @@ export interface OnChangeCallbackProps {
     event: FormEvent<HTMLDivElement>;
     content: string;
 }
-export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant> {
+export interface StyledTypographyType extends CommonCoreStyledComponentProps<TypographyVariant, string> {
     as?: TypographyVariant;
     $size?: SizeVariant;
     $align: TextAlign;
 }
-export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant> {
+export interface TypographyProps extends CommonCoreComponentProps<TypographyVariant, string> {
     editable?: boolean;
     as?: ElementType;
     size?: SizeVariant;

package/components/domainSpecific/Card/Card.d.ts

@@ -0,0 +1,28 @@
+import { CardProps } from './Card.types';
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>> & {
+    Row: import('react').ForwardRefExoticComponent<import('../../layout/Row/Row.types').RowProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Column: import('react').ForwardRefExoticComponent<import('../../layout/Column/Column.types').ColumnProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Counter: import('react').ForwardRefExoticComponent<import('../..').CardCounterProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Image: import('react').ForwardRefExoticComponent<import('../..').CardImageProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Price: import('react').ForwardRefExoticComponent<import('../..').CardPriceProps & import('react').RefAttributes<HTMLDivElement>>;
+    Button: import('react').ForwardRefExoticComponent<import('../..').CardButtonProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<import('../..').CardTextProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLElement>>;
+    Description: import('react').ForwardRefExoticComponent<import('../..').CardTextProps & {
+        children?: import('react').ReactNode | undefined;
+    } & import('react').RefAttributes<HTMLElement>>;
+    Rating: import('react').ForwardRefExoticComponent<import('../..').CardRatingProps & import('react').RefAttributes<HTMLDivElement>>;
+};

package/components/domainSpecific/Card/Card.types.d.ts

@@ -0,0 +1,55 @@
+import { PriceProps, StyledPriceProps, ImageProps, StyledImageProps, ButtonProps, CounterProps, CounterStyledProps, TypographyProps, StyledTypographyType, RatingProps, CommonStyledComponentProps, BoxComponentProps, BoxStyledComponentProps } from '../..';
+import { EnumOrPrimitive, TabIndex } from '../../../types';
+export declare enum CardVariant {
+    Vertical = "Vertical",
+    Horizontal = "horizontal"
+}
+export declare enum CardSizeVariant {
+    Default = "default",
+    Sm = "sm"
+}
+export interface CardProps extends Exclude<BoxComponentProps, 'minWidth' | 'minHeight'> {
+    variant?: EnumOrPrimitive<CardVariant>;
+    isBordered?: boolean;
+    tabIndex?: TabIndex;
+    isHighlighted?: boolean;
+}
+export interface CardStyledProps extends Exclude<BoxStyledComponentProps, '$minWidth' | '$minHeight'> {
+    $variant: EnumOrPrimitive<CardVariant>;
+    $isBordered?: boolean;
+    $isHighlighted?: boolean;
+    tabIndex?: TabIndex;
+}
+export interface CardCommonProps {
+    sizeVariant?: EnumOrPrimitive<CardSizeVariant>;
+    cardVariant?: EnumOrPrimitive<CardVariant>;
+}
+export interface CardCommonStyledProps {
+    $sizeVariant: EnumOrPrimitive<CardSizeVariant>;
+    $cardVariant: EnumOrPrimitive<CardVariant>;
+}
+export interface CardTextProps extends CardCommonProps, TypographyProps {
+}
+export interface CardTextStyledProps extends CardCommonStyledProps, StyledTypographyType {
+}
+export interface CardRatingProps extends CardCommonProps, RatingProps {
+    label?: string;
+}
+export interface CardRatingStyledProps extends CardCommonStyledProps, CommonStyledComponentProps {
+}
+export interface CardButtonProps extends CardCommonProps, ButtonProps {
+}
+export interface CardButtonStyledProps extends CardCommonStyledProps, CommonStyledComponentProps {
+}
+export interface CardPriceProps extends CardCommonProps, PriceProps {
+}
+export interface CardPriceStyledProps extends CardCommonStyledProps, StyledPriceProps {
+}
+export interface CardImageProps extends CardCommonProps, ImageProps {
+}
+export interface CardImageStyledProps extends CardCommonStyledProps, Exclude<StyledImageProps, 'isLoading'> {
+}
+export interface CardCounterProps extends CardCommonProps, CounterProps {
+}
+export interface CardCounterStyledProps extends CardCommonStyledProps, CounterStyledProps {
+}

package/components/domainSpecific/Card/CardButton.d.ts

@@ -0,0 +1,4 @@
+import { CardButtonProps } from '../..';
+export declare const CardButton: import('react').ForwardRefExoticComponent<CardButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardCounter.d.ts

@@ -0,0 +1,4 @@
+import { CardCounterProps } from './Card.types';
+export declare const CardCounter: import('react').ForwardRefExoticComponent<CardCounterProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardDescription.d.ts

@@ -0,0 +1,4 @@
+import { CardTextProps } from './Card.types';
+export declare const CardDescription: import('react').ForwardRefExoticComponent<CardTextProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/components/domainSpecific/Card/CardImage.d.ts

@@ -0,0 +1,4 @@
+import { CardImageProps } from './Card.types';
+export declare const CardImage: import('react').ForwardRefExoticComponent<CardImageProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardPrice.d.ts

@@ -0,0 +1,2 @@
+import { CardPriceProps } from './Card.types';
+export declare const CardPrice: import('react').ForwardRefExoticComponent<CardPriceProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardRating.d.ts

@@ -0,0 +1,2 @@
+import { CardRatingProps } from './Card.types';
+export declare const CardRating: import('react').ForwardRefExoticComponent<CardRatingProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/CardTitle.d.ts

@@ -0,0 +1,4 @@
+import { CardTextProps } from './Card.types';
+export declare const CardTitle: import('react').ForwardRefExoticComponent<CardTextProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>;

package/components/domainSpecific/Card/StyledCard.d.ts

@@ -0,0 +1,30 @@
+import { CardButtonStyledProps, CardImageStyledProps } from '../..';
+import { CardStyledProps, CardTextStyledProps, CardRatingStyledProps, CardPriceStyledProps, CardCounterStyledProps } from './Card.types';
+export declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardStyledProps>> & string;
+export declare const StyledCardTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLElement> | null | undefined;
+}, Omit<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLElement> | null | undefined;
+}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledCardDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Omit<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLElement> | null | undefined;
+}, Omit<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLElement> | null | undefined;
+}>, CardTextStyledProps>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../..').TypographyProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledCardRating: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardRatingStyledProps>> & string;
+export declare const StyledCardButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardButtonStyledProps>> & string;
+export declare const StyledCardImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardImageStyledProps>> & string;
+export declare const StyledCardPrice: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardPriceStyledProps>> & string;
+export declare const StyledCardCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardCounterStyledProps>> & string;

package/components/domainSpecific/Card/constants.d.ts

@@ -0,0 +1,19 @@
+import { TypographyVariant } from '../../core/Typography/Typography.types';
+export declare const COMPONENT_NAME = "Card";
+export declare const CARD_BUTTON_COMPONENT_NAME = "CardButton";
+export declare const CARD_DESCRIPTION_COMPONENT_NAME = "CardDescription";
+export declare const CARD_PRICE_COMPONENT_NAME = "CardPrice";
+export declare const CARD_TITLE_COMPONENT_NAME = "CardTitle";
+export declare const CARD_RATING_COMPONENT_NAME = "CardRating";
+export declare const CARD_IMAGE_COMPONENT_NAME = "CardImage";
+export declare const CARD_COUNTER_COMPONENT_NAME = "CardCounter";
+export declare const TITLE_SIZE: {
+    default: TypographyVariant;
+    sm: TypographyVariant;
+};
+export declare const DESCRIPTION_SIZE: {
+    default: TypographyVariant;
+    sm: TypographyVariant;
+};
+export declare const CARD_RATING_DEFAULT_VAL = 0;
+export declare const CARD_RATING_DEFAULT_SIZE = "sm";

package/components/domainSpecific/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './Card.types';

package/components/domainSpecific/Counter/Counter.d.ts

@@ -1,3 +1,2 @@
 import { CounterProps } from './Counter.types';
-declare const Counter: import('react').ForwardRefExoticComponent<CounterProps & import('react').RefAttributes<HTMLDivElement>>;
-export default Counter;
+export declare const Counter: import('react').ForwardRefExoticComponent<CounterProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Price/Price.d.ts

@@ -1,5 +1,4 @@
 import { PriceProps } from './Price.types';
-declare const Price: import('react').ForwardRefExoticComponent<PriceProps & {
+export declare const Price: import('react').ForwardRefExoticComponent<PriceProps & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;
-export default Price;

package/components/domainSpecific/Price/index.d.ts

@@ -1 +1,2 @@
-export { default as Price } from './Price';
+export { Price } from './Price';
+export * from './Price.types';

package/components/domainSpecific/Search/StyledSearch.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../hooks';
+import { Theme } from '../../../hooks/useTheme';
 import { IconProps } from '../../core/Icon';
 export declare const StyledSearch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: Theme;

package/components/domainSpecific/Search/renderers.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../../hooks';
+import { Theme } from '../../../hooks/useTheme';
 import { DropdownParams, Option } from '../../core/Select';
 export declare const renderDropdownHeader: (theme: Theme, dropdownParams: DropdownParams) => import("react/jsx-runtime").JSX.Element;
 export declare const defaultRenderOption: (item: Partial<Option>) => import("react/jsx-runtime").JSX.Element;

package/components/domainSpecific/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Card';
 export * from './Counter';
 export * from './Header';
 export * from './Price';

package/components/index.types.d.ts

@@ -9,6 +9,24 @@ export interface CommonStyledComponentProps {
     $styles?: CSSObject;
     theme: typeof defaultTheme;
 }
+export interface BoxComponentProps extends CommonComponentProps {
+    overflow?: string;
+    minWidth?: string;
+    width?: string;
+    maxWidth?: string;
+    minHeight?: string;
+    height?: string;
+    maxHeight?: string;
+}
+export interface BoxStyledComponentProps extends CommonStyledComponentProps {
+    $overflow?: string;
+    $minWidth?: string;
+    $width?: string;
+    $maxWidth?: string;
+    $minHeight?: string;
+    $height?: string;
+    $maxHeight?: string;
+}
 export type AlignType = 'start' | 'center' | 'end' | 'stretch';
 export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around';
 export declare enum SizeVariant {

package/components/layout/utils.d.ts

@@ -1,4 +1,4 @@
 import { AlignType, JustifyType } from '../index.types';
-export declare const calculateAlign: (align: AlignType) => "stretch" | "center" | "flex-end" | "flex-start";
-export declare const calculateJustify: (justify: JustifyType) => "space-around" | "space-between" | "center" | "flex-end" | "flex-start";
+export declare const calculateAlign: (align: AlignType) => "flex-start" | "center" | "flex-end" | "stretch";
+export declare const calculateJustify: (justify: JustifyType) => "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
 export declare const calculateGutter: (gutter?: number | string) => string;