welcome-ui 0.32.2 → 1.0.0-beta.10

package/dist/types/components/Textarea/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import { DefaultFieldStylesProps } from '../../utils/field-styles';
+export interface TextareaOptions extends DefaultFieldStylesProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    maxLength?: number;
+    minRows?: number;
+    name?: string;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    value?: string;
+}
+export type TextareaProps = CreateWuiProps<'textarea', TextareaOptions>;
+export declare const Textarea: import('../System').CreateWuiComponent<"textarea", TextareaProps>;

package/dist/types/components/Textarea/styles.d.ts

@@ -0,0 +1,2 @@
+import { TextareaOptions } from './index';
+export declare const Textarea: import('styled-components').StyledComponent<"textarea", import('@xstyled/system').Theme, TextareaOptions, never>;

package/dist/types/components/Textarea/theme.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeTextareas = CSSObject;
+export declare const getTextareas: (theme: ThemeValues) => ThemeTextareas;

package/dist/types/components/TimePicker/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CustomInputOptions, StyledTimePicker } from '../DateTimePickerCommon';
+import { CreateWuiProps } from '../System';
+export interface TimePickerOptions {
+    onBlur?: CustomInputOptions['handleBlur'];
+    onChange?: (date?: Date) => void;
+    onFocus?: CustomInputOptions['handleFocus'];
+    placeholder?: ReactDatePickerProps['placeholderText'];
+    transparent?: boolean;
+    value: string | Date;
+}
+export type TimePickerProps = CreateWuiProps<typeof StyledTimePicker, Omit<ReactDatePickerProps, keyof TimePickerOptions> & Pick<CustomInputOptions, 'size' | 'icon' | 'iconPlacement'> & TimePickerOptions>;
+export declare const TimePicker: import('../System').CreateWuiComponent<"input", TimePickerProps>;

package/dist/types/components/TimePicker/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;

package/dist/types/components/Toast/Growl.d.ts

@@ -0,0 +1,12 @@
+import { CreateWuiProps } from '../System';
+export interface GrowlOptions {
+    hasCloseButton?: boolean;
+    icon?: JSX.Element | null;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+}
+export type GrowlProps = CreateWuiProps<'div', GrowlOptions>;
+/**
+ * @name Toast.Growl
+ */
+export declare const Growl: import('../System').CreateWuiComponent<"div", GrowlProps>;

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

@@ -0,0 +1,18 @@
+import { ButtonProps } from '../Button';
+import { CreateWuiProps } from '../System';
+export interface SnackbarOptions {
+    /** add correct separator for call to action
+     * use SnackbarAction
+     */
+    cta?: JSX.Element;
+    hasCloseButton?: boolean;
+    icon?: JSX.Element | null;
+    onClose?: () => void;
+    variant?: 'default' | 'info' | 'success' | 'danger' | 'warning';
+}
+export type SnackbarProps = CreateWuiProps<'div', SnackbarOptions>;
+/**
+ * @name Toast.Snackbar
+ */
+export declare const Snackbar: import('../System').CreateWuiComponent<"div", SnackbarProps>;
+export declare const SnackbarAction: import('../System').CreateWuiComponent<"button", ButtonProps>;

package/dist/types/components/Toast/ToastWrapper.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Toast, ToastPosition } from 'react-hot-toast/headless';
+type ToastWrapperProps = {
+    calculateOffset: (toast: Toast, opts?: {
+        defaultPosition?: ToastPosition;
+        gutter?: number;
+        reverseOrder?: boolean;
+    }) => number;
+    toast: Toast & CustomToastOptions;
+    updateHeight: (toastId: string, height: number) => void;
+};
+type CustomToastOptions = {
+    onClose?: () => void;
+};
+export declare const ToastWrapper: React.FC<ToastWrapperProps>;
+export {};

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { ToastPosition } from 'react-hot-toast/headless';
+import { TextProps } from '../Text';
+type NotificationsProps = {
+    pauseOnHover?: boolean;
+};
+export type ToastOptions = {
+    duration?: number;
+    id?: string;
+    onClose?: () => void;
+    position?: ToastPosition;
+};
+export declare const Notifications: React.FC<NotificationsProps>;
+export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
+export declare const remove: (id?: string) => void;
+export declare const dismiss: (id?: string) => void;
+/**
+ * @deprecated use directly `toast` function instead
+ */
+export declare const useToast: () => (component: JSX.Element, options?: ToastOptions) => string;
+export declare const Toast: {
+    Title: React.FC<TextProps>;
+    Growl: import('..').CreateWuiComponent<"div", import('./Growl').GrowlProps>;
+    Snackbar: import('..').CreateWuiComponent<"div", import('./Snackbar').SnackbarProps>;
+    SnackbarAction: import('..').CreateWuiComponent<"button", import('..').ButtonProps>;
+};
+export {};

package/dist/types/components/Toast/styles.d.ts

@@ -0,0 +1,19 @@
+import { GrowlOptions } from './Growl';
+import { SnackbarProps } from './Snackbar';
+export declare const ToastWrapper: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {
+    isBottom: boolean;
+}, never>;
+export declare const Growl: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+    Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
+    Button: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+}, import('@xstyled/system').Theme, GrowlOptions, never>;
+export declare const Title: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Box').BoxProps>, import('@xstyled/system').Theme, {}, never>;
+export declare const Snackbar: import('styled-components').StyledComponent<import('..').CreateWuiComponent<"div", import('../Alert').AlertProps> & {
+    Title: import('react').FC<import('../Alert/Title').AlertTitleProps>;
+    Button: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+    SecondaryButton: import('..').CreateWuiComponent<"button", Omit<import('..').ButtonProps, "size" | "variant">>;
+}, import('@xstyled/system').Theme, {}, never>;
+export declare const SnackbarSeparator: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    variant: SnackbarProps["variant"];
+}, never>;

package/dist/types/components/Toast/theme.d.ts

@@ -0,0 +1,22 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeToasts = {
+    bottom: CSSObject;
+    default: CSSObject;
+    growls: {
+        default: CSSObject;
+        title: CSSObject;
+    };
+    snackbar: {
+        default: CSSObject;
+        separator: {
+            danger: CSSObject;
+            default: CSSObject;
+            info: CSSObject;
+            success: CSSObject;
+            warning: CSSObject;
+        };
+    };
+    top: CSSObject;
+};
+export declare const getToasts: (theme: ThemeValues) => ThemeToasts;

package/dist/types/components/Toast/utils.d.ts

@@ -0,0 +1,26 @@
+export declare const POSITION_STYLE: {
+    'top-left': {
+        top: number;
+        left: number;
+    };
+    'top-center': {
+        top: number;
+        left: string;
+    };
+    'top-right': {
+        top: number;
+        right: number;
+    };
+    'bottom-left': {
+        bottom: number;
+        left: number;
+    };
+    'bottom-center': {
+        bottom: number;
+        left: string;
+    };
+    'bottom-right': {
+        bottom: number;
+        right: number;
+    };
+};

package/dist/types/components/Toggle/index.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxProps } from '../Checkbox';
+import { CreateWuiProps } from '../System';
+type Size = 'xs' | 'sm' | 'md';
+export type ToggleOptions = Omit<CheckboxProps, 'Component' | 'iconPlacement' | 'indeterminate' | 'hasIcon' | 'transparent' | 'isClearable'> & {
+    checkedIcon?: JSX.Element;
+    size?: Size;
+    uncheckedIcon?: JSX.Element;
+};
+export type ToggleProps = CreateWuiProps<'input', ToggleOptions>;
+export declare const Toggle: import('../System').CreateWuiComponent<"input", ToggleProps>;
+export {};

package/dist/types/components/Toggle/styles.d.ts

@@ -0,0 +1,12 @@
+import { ToggleOptions } from './index';
+import * as Ariakit from '@ariakit/react';
+type Size = 'xs' | 'sm' | 'md';
+export declare const Toggle: import('styled-components').StyledComponent<(props: Ariakit.CheckboxProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, import('@xstyled/system').Theme, ToggleOptions, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    onClick: React.MouseEventHandler<HTMLInputElement>;
+}, never>;
+export declare const IconWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    checked: boolean;
+    size: Size;
+}, never>;
+export {};

package/dist/types/components/Toggle/theme.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type State = 'default' | 'checked' | 'disabled' | 'sizes';
+export type ThemeToggles = {
+    after: Record<State, CSSObject>;
+    icon: Record<'sizes' | 'position', CSSObject>;
+    item: Record<State, CSSObject>;
+};
+export declare const getToggles: (theme: ThemeValues) => ThemeToggles;
+export {};

package/dist/types/components/Tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+import * as Ariakit from '@ariakit/react';
+export type TooltipOptions = {
+    children: React.ReactNode;
+    content: string | JSX.Element;
+    fixed?: boolean;
+    withArrow?: boolean;
+} & Pick<Ariakit.TooltipStoreProps, 'placement'> & Pick<Ariakit.TooltipOptions, 'gutter'>;
+export type TooltipProps = CreateWuiProps<'div', TooltipOptions>;
+export declare const Tooltip: import('../System').CreateWuiComponent<"div", TooltipProps>;

package/dist/types/components/Tooltip/styles.d.ts

@@ -0,0 +1,10 @@
+import { TooltipProps } from './index';
+type FadeIn = {
+    fixed?: boolean;
+    placement?: TooltipProps['placement'];
+    popoverHeight: number;
+    withArrow?: boolean;
+};
+export declare const FadeIn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & FadeIn, never>;
+export declare const ChildItem: import('styled-components').StyledComponent<string, import('@xstyled/system').Theme, {}, never>;
+export {};

package/dist/types/components/Tooltip/theme.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeTooltips = CSSObject;
+export declare const getTooltips: (theme: ThemeValues) => ThemeTooltips;

package/dist/types/components/UniversalLink/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CreateWuiProps } from '../System';
+export interface UniversalLinkOptions {
+    target?: React.HTMLAttributeAnchorTarget;
+}
+export type UniversalLinkProps = CreateWuiProps<'a', UniversalLinkOptions>;
+export declare const UniversalLink: import('../System').CreateWuiComponent<"a", UniversalLinkProps>;

package/dist/types/components/UniversalLink/styles.d.ts

@@ -0,0 +1 @@
+export declare const UniversalLink: import('styled-components').StyledComponent<"a", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, never>;

package/dist/types/components/VariantIcon/index.d.ts

@@ -0,0 +1,11 @@
+import { CreateWuiProps } from '../System';
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type Variant = 'danger' | 'warning' | 'success' | 'info' | 'default';
+export interface VariantIconOptions {
+    icon?: JSX.Element;
+    size?: Size;
+    variant?: Variant;
+}
+export type VariantIconProps = CreateWuiProps<'div', VariantIconOptions>;
+export declare const VariantIcon: import('../System').CreateWuiComponent<"div", VariantIconProps>;
+export {};

package/dist/types/components/VariantIcon/styles.d.ts

@@ -0,0 +1,4 @@
+import { VariantIconOptions } from '.';
+export declare const VariantIcon: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
+    variant: VariantIconOptions["variant"] | string;
+}, never>;

package/dist/types/components/VariantIcon/theme.d.ts

@@ -0,0 +1,10 @@
+import { CSSObject } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+export type ThemeVariantIcon = {
+    danger: CSSObject;
+    default: CSSObject;
+    info: CSSObject;
+    success: CSSObject;
+    warning: CSSObject;
+};
+export declare const getVariantIcon: (theme: ThemeValues) => ThemeVariantIcon;

package/dist/types/components/WelcomeLoader/index.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from '../Box';
+export declare const WelcomeLoader: import('../System').CreateWuiComponent<"div", BoxProps>;

package/dist/types/components/WuiProvider/font.d.ts

@@ -0,0 +1,16 @@
+import { css } from '@xstyled/styled-components';
+import { ThemeValues } from '../../theme';
+type FontVariation = {
+    display?: FontDisplay;
+    extensions?: string[];
+    isVariable?: boolean;
+    style?: string;
+    unicodeRange?: string;
+    url: string;
+    weight?: string;
+};
+export declare function getSource(url: FontVariation['url'], extensions: FontVariation['extensions'], isVariable: FontVariation['isVariable']): string;
+export declare const fonts: () => ({ theme }: {
+    theme: ThemeValues;
+}) => ReturnType<typeof css>;
+export {};

package/dist/types/components/WuiProvider/hide-focus-rings-root.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const hideFocusRingsDataAttribute = "data-wui-hidefocusrings";
+interface HideFocusRingsRootProps {
+    children?: React.ReactNode;
+    reactRootId: string;
+}
+export declare const HideFocusRingsRoot: React.FC<HideFocusRingsRootProps>;
+export {};

package/dist/types/components/WuiProvider/index.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ThemeValues } from '../../theme';
+export interface WuiProviderProps {
+    children?: React.ReactNode;
+    hasGlobalStyle?: boolean;
+    reactRootId?: string;
+    shouldHideFocusRingOnClick?: boolean;
+    theme: ThemeValues;
+    useReset?: boolean;
+}
+export declare const WuiProvider: React.FC<WuiProviderProps>;

package/dist/types/components/WuiProvider/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const resetStyles: import('styled-components').FlattenSimpleInterpolation;
+export declare const normalizeStyle: import('styled-components').FlattenSimpleInterpolation;
+export declare const GlobalStyle: import('styled-components').GlobalStyleComponent<{
+    useReset?: boolean;
+}, import('styled-components').DefaultTheme>;

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

@@ -0,0 +1,61 @@
+export * from './Accordion';
+export * from './Alert';
+export * from './AspectRatio';
+export * from './Avatar';
+export * from './Badge';
+export * from './Box';
+export * from './Breadcrumb';
+export * from './Button';
+export * from './ButtonGroup';
+export * from './Card';
+export * from './Checkbox';
+export * from './ClearButton';
+export * from './CloseButton';
+export * from './DatePicker';
+export * from './DateTimePicker';
+export * from './Drawer';
+export * from './DropdownMenu';
+export * from './Field';
+export * from './FieldGroup';
+export * from './FileDrop';
+export * from './Files';
+export * from './FileUpload';
+export * from './Flex';
+export * from './Grid';
+export * from './Hint';
+export * from './Icon';
+export * from './Icons';
+export * as Icons from './Icons';
+export * from './IconFont';
+export * from './InputText';
+export * from './Label';
+export * from './Link';
+export * from './Loader';
+export * from './Logo';
+export * from './Modal';
+export * from './Pagination';
+export * from './PasswordInput';
+export * from './Picker';
+export * from './Popover';
+export * from './Radio';
+export * from './RadioGroup';
+export * from './RadioTab';
+export * from './Search';
+export * from './Select';
+export * from './Shape';
+export * from './Slider';
+export * from './Stack';
+export * from './Swiper';
+export * from './System';
+export * from './Table';
+export * from './Tabs';
+export * from './Tag';
+export * from './Text';
+export * from './Textarea';
+export * from './TimePicker';
+export * from './Toast';
+export * from './Toggle';
+export * from './Tooltip';
+export * from './VariantIcon';
+export * from './WelcomeLoader';
+export * from './WuiProvider';

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './theme';
+export * from './utils';

package/dist/types/theme/borders.d.ts

@@ -0,0 +1,6 @@
+export type ThemeBorderWidths = {
+    lg: string;
+    md: string;
+    sm: string;
+};
+export declare const borderWidths: ThemeBorderWidths;