gd-design-library 0.0.1

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

@@ -0,0 +1,8 @@
+import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '../..';
+export declare enum WrapperVariant {
+    Inline = "inline",
+    Section = "section",
+    FullPage = "fullPage"
+}
+export type WrapperProps = CommonCoreComponentProps<WrapperVariant>;
+export type WrapperStyledProps = CommonCoreStyledComponentProps<WrapperVariant>;

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

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "wrapper";

package/components/core/Wrapper/index.d.ts

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

package/components/core/index.d.ts

@@ -0,0 +1,19 @@
+export * from './Button';
+export * from './Typography';
+export * from './Input';
+export { Textarea } from './Textarea';
+export * from './Label';
+export * from './Loader';
+export * from './Form';
+export * from './Wrapper';
+export * from './Link';
+export * from './Portal';
+export * from './Switch';
+export * from './Tooltip';
+export * from './Modal';
+export * from './Snackbar';
+export * from './Icon';
+export * from './Skeleton';
+export * from './List';
+export * from './Breadcrumbs';
+export * from './types/index.types';

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

@@ -0,0 +1,24 @@
+import { ChangeEvent, FocusEvent, MouseEvent, ReactNode } from 'react';
+import { CommonComponentProps, CommonStyledComponentProps } from '../..';
+import { EnumOrPrimitive } from '../../../types';
+export type CommonCoreContent = ReactNode;
+export interface CommonCoreComponentProps<V extends string | number = never, C extends string | number = never> extends CommonComponentProps {
+    variant?: EnumOrPrimitive<V>;
+    color?: EnumOrPrimitive<C>;
+}
+export interface CommonCoreStyledComponentProps<V extends string | number = never, C extends string | number = never> extends CommonStyledComponentProps {
+    $variant?: EnumOrPrimitive<V>;
+    $disabled?: boolean;
+    $color?: EnumOrPrimitive<C>;
+}
+export interface EventBaseComponentsCoreProps<T extends HTMLElement = HTMLBaseElement> {
+    onClick?: (event: MouseEvent<T>) => void;
+    onChange?: (event: ChangeEvent<T>) => void;
+    onBlur?: (event: FocusEvent<T>) => void;
+    onFocus?: (event: FocusEvent<T>) => void;
+}
+export declare enum ColorVariant {
+    Default = "default",
+    Primary = "primary",
+    Secondary = "secondary"
+}

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

@@ -0,0 +1,14 @@
+export declare enum Cursors {
+    Default = "default",
+    Pointer = "pointer",
+    Text = "text",
+    Move = "move",
+    Wait = "wait",
+    Crosshair = "crosshair",
+    NotAllowed = "not-allowed",
+    Help = "help",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out",
+    Grab = "grab",
+    Grabbing = "grabbing"
+}

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

@@ -0,0 +1,3 @@
+export * from './cursors.types';
+export * from './common.types';
+export * from './roles.types';

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

@@ -0,0 +1,3 @@
+export declare enum Roles {
+    Link = "link"
+}

package/components/domainSpecific/Stepper/Stepper.d.ts

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

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

@@ -0,0 +1,39 @@
+import { ReactNode, MouseEvent } from 'react';
+import { Theme } from '../../../hooks/useTheme';
+import { EnumOrPrimitive } from '../../../types';
+import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
+export declare enum StepStatus {
+    Active = "active",
+    Inactive = "inactive",
+    Complete = "complete"
+}
+export declare enum StepValidationStatus {
+    Error = "error",
+    Success = "success"
+}
+export interface StepProps {
+    validationStatus?: EnumOrPrimitive<StepValidationStatus>;
+    customView?: ReactNode;
+    label?: ReactNode;
+}
+export type ContentViewProps = {
+    status: StepStatus;
+    theme: Theme;
+    validationStatus: EnumOrPrimitive<StepValidationStatus>;
+    customView: ReactNode;
+    isIconsView: boolean;
+};
+export interface StepperProps extends CommonComponentProps {
+    steps: StepProps[];
+    isIconsView?: boolean;
+    activeStep?: number;
+    onStepClick?: (idx: number, status: StepStatus, event: MouseEvent) => void;
+}
+export type StepperStyledProps = CommonStyledComponentProps;
+export interface StepCommonStyledProps extends StepperStyledProps {
+    $status: StepStatus;
+}
+export interface StepEntityStyledProps extends StepCommonStyledProps {
+    $validationStatus: EnumOrPrimitive<StepValidationStatus>;
+}
+export type StepStyledProps = StepCommonStyledProps;

package/components/domainSpecific/Stepper/StyledStepper.d.ts

@@ -0,0 +1,6 @@
+import { StepCommonStyledProps, StepEntityStyledProps } from './Stepper.types';
+export declare const StyledStepper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
+export declare const StyledSeparator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StepCommonStyledProps>> & string;
+export declare const StyledStep: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StepCommonStyledProps>> & string;
+export declare const StyledStepIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StepEntityStyledProps>> & string;
+export declare const StyledStepLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StepEntityStyledProps>> & string;

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

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Stepper";

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

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

package/components/domainSpecific/Stepper/utils.d.ts

@@ -0,0 +1,2 @@
+import { ContentViewProps } from '../..';
+export declare const getStepStatusIcon: ({ status, validationStatus, customView, isIconsView, theme }: ContentViewProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/components/domainSpecific/Tabs/StyledTabs.d.ts

@@ -0,0 +1,7 @@
+import { TabLabelStyledProps } from './Tabs.types';
+export declare const StyledTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
+export declare const StyledTabsHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
+export declare const StyledTabLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabLabelStyledProps>> & string;
+export declare const StyledTabPanelsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
+export declare const StyledTabPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import('../..').CommonStyledComponentProps>> & string;
+export declare const StyledNoticeCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TabLabelStyledProps>> & string;

package/components/domainSpecific/Tabs/Tabs.d.ts

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

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { CommonComponentProps, CommonStyledComponentProps } from '../../index.types';
+export interface TabProps {
+    id?: string | number;
+    label: ReactNode;
+    content: ReactNode;
+    isDisabled?: boolean;
+    noticeCounter?: number | string;
+}
+export interface TabsProps extends CommonComponentProps {
+    tabs?: (TabProps | never)[];
+    activeTab?: number;
+    ariaLabel?: string;
+}
+export type TabsStyledProps = CommonStyledComponentProps;
+export interface TabLabelStyledProps extends CommonStyledComponentProps {
+    $isActive?: boolean;
+    $isDisabled?: boolean;
+}

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

@@ -0,0 +1,6 @@
+export declare const COMPONENT_NAME = "Tabs";
+export declare enum TabRoles {
+    TabList = "tablist",
+    Tab = "tab",
+    TabPanel = "tabpanel"
+}

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

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

package/components/domainSpecific/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs';
+export * from './Stepper';

package/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './core';
+export * from './domainSpecific';
+export * from './layout';
+export * from './index.types';

package/components/index.types.d.ts

@@ -0,0 +1,37 @@
+import { CSSObject } from 'styled-components';
+import { defaultTheme } from '../tokens';
+export interface CommonComponentProps {
+    classNames?: string;
+    id?: string;
+    styles?: CSSObject;
+}
+export interface CommonStyledComponentProps {
+    $styles?: CSSObject;
+    theme: typeof defaultTheme;
+}
+export type AlignType = 'start' | 'center' | 'end' | 'stretch';
+export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around';
+export declare enum SizeVariant {
+    Xs = "xs",
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    Xl = "xl",
+    Xxl = "xxl"
+}
+export interface FlexElementProps {
+    gutter?: number | string;
+    flex?: string;
+    isReversed?: boolean;
+    isWrap?: boolean;
+    align?: AlignType;
+    justify?: JustifyType;
+}
+export interface StyledFlexElementProps {
+    $gutter: number | string;
+    $flex?: string;
+    $isReversed: boolean;
+    $isWrap: boolean;
+    $align: AlignType;
+    $justify: JustifyType;
+}

package/components/layout/Column/Column.d.ts

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

package/components/layout/Column/Column.types.d.ts

@@ -0,0 +1,5 @@
+import { CommonComponentProps, CommonStyledComponentProps, FlexElementProps, StyledFlexElementProps } from '../..';
+export interface ColumnProps extends CommonComponentProps, FlexElementProps {
+}
+export interface StyledColumnProps extends CommonStyledComponentProps, StyledFlexElementProps {
+}

package/components/layout/Column/StyledColumn.d.ts

@@ -0,0 +1,2 @@
+import { StyledColumnProps } from './Column.types';
+export declare const StyledColumn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColumnProps>> & string;

package/components/layout/Column/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "column";

package/components/layout/Column/index.d.ts

@@ -0,0 +1 @@
+export * from './Column';

package/components/layout/FlexContainer/FlexContainer.d.ts

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

package/components/layout/FlexContainer/FlexContainer.types.d.ts

@@ -0,0 +1,9 @@
+import { CommonComponentProps, CommonStyledComponentProps, LayoutSize } from '../..';
+export interface FlexContainerProps extends CommonComponentProps {
+    maxWidth?: LayoutSize;
+    isResponsive?: boolean;
+}
+export interface StyledFlexContainerProps extends CommonStyledComponentProps {
+    $maxWidth: LayoutSize;
+    $isResponsive: boolean;
+}

package/components/layout/FlexContainer/StyledFlexContainer.d.ts

@@ -0,0 +1,2 @@
+import { StyledFlexContainerProps } from './FlexContainer.types';
+export declare const StyledFlexContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledFlexContainerProps>> & string;

package/components/layout/FlexContainer/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "FlexContainer";

package/components/layout/FlexContainer/index.d.ts

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

package/components/layout/FlexContainer/utils.d.ts

@@ -0,0 +1,2 @@
+import { LayoutSize } from '../../../tokens';
+export declare const calculateMaxWidth: (maxWidth?: LayoutSize, isResponsive?: boolean) => string;

package/components/layout/Row/Row.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { RowProps } from './Row.types';
+export declare const Row: React.ForwardRefExoticComponent<RowProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/components/layout/Row/Row.types.d.ts

@@ -0,0 +1,5 @@
+import { CommonComponentProps, CommonStyledComponentProps, FlexElementProps, StyledFlexElementProps } from '../..';
+export interface RowProps extends CommonComponentProps, FlexElementProps {
+}
+export interface StyledRowProps extends CommonStyledComponentProps, StyledFlexElementProps {
+}

package/components/layout/Row/StyledRow.d.ts

@@ -0,0 +1,2 @@
+import { StyledRowProps } from './Row.types';
+export declare const StyledRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledRowProps>> & string;

package/components/layout/Row/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Row";

package/components/layout/Row/index.d.ts

@@ -0,0 +1 @@
+export * from './Row';

package/components/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FlexContainer';
+export * from './Column';
+export * from './Row';
+export * from './index.types';

package/components/layout/index.types.d.ts

@@ -0,0 +1 @@
+export type LayoutSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';

package/components/layout/utils.d.ts

@@ -0,0 +1,4 @@
+import { AlignType, JustifyType } from '../index.types';
+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;

package/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './positioning';
+export * from './timers';

package/constants/keyboard.d.ts

@@ -0,0 +1,3 @@
+export declare const KEYBOARD_KEYS: {
+    ESCAPE: string;
+};

package/constants/positioning.d.ts

@@ -0,0 +1,6 @@
+export declare const Z_INDEX: {
+    LOW: number;
+    MEDIUM: number;
+    HIGH: number;
+    TOP: number;
+};

package/constants/timers.d.ts

@@ -0,0 +1,2 @@
+export declare const BASE_ANIMATION_MS = 2000;
+export declare const BASE_ANIMATION_DELAY_MS = 500;

package/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useTheme';

package/hooks/useAutoFocus/index.d.ts

@@ -0,0 +1 @@
+export * from './useAutoFocus';

package/hooks/useAutoFocus/useAutoFocus.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useAutoFocus: <T extends HTMLElement>(ref: RefObject<T>, autoFocus: boolean) => void;

package/hooks/useTheme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useTheme';
+export * from './useTheme.types';
+export { useTheme as default } from './useTheme';

package/hooks/useTheme/useTheme.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { ThemeProviderProps, ThemeContextProps } from '.';
+export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeContextProps;

package/hooks/useTheme/useTheme.types.d.ts

@@ -0,0 +1,14 @@
+import { defaultTheme } from '../../tokens';
+export type Theme = typeof defaultTheme;
+export interface ThemeProviderProps {
+    isDefault?: boolean;
+    initialTheme?: Theme;
+}
+export interface ThemeContextProps {
+    theme: Theme;
+    setTheme: (themeName?: string) => void;
+    addTheme: (themeName: string, themeConfig: Theme) => void;
+}
+export type ThemeState = {
+    [key: string]: Theme;
+};

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './components';
+export * from './assets';