@julien-wiegandt/open-ui 0.3.4 → 0.3.9

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

@@ -3,3 +3,4 @@ export declare const toRem: (value: number | string) => string;
 export declare const getMarginsCSS: (props: MarginProps) => string;
 export declare const getPaddingCSS: (props: PaddingProps) => string;
 export declare const getScrollbarCSS: () => string;
+export declare const resolveThemeColor: (color: any, theme: any) => any;

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

@@ -1,11 +1,12 @@
+import { Color } from '../../theme/types';
 export type DividerProps = {
-    color?: string;
+    color?: Color | string;
     orientation?: "vertical" | "horizontal";
     size?: "sm" | "md" | "lg";
     type?: "solid" | "dotted" | "dashed" | "double";
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const Divider: import('react').ForwardRefExoticComponent<{
-    color?: string;
+    color?: Color | string;
     orientation?: "vertical" | "horizontal";
     size?: "sm" | "md" | "lg";
     type?: "solid" | "dotted" | "dashed" | "double";

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

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { Color, Radius, Variant } from '../../theme/types';
+import { MarginProps, PaddingProps } from '../common/types';
+import { DropdownSize } from './style';
+export type DropdownOption = {
+    key: string;
+    label: string;
+    data?: any;
+};
+export type DropdownProps = {
+    children: React.ReactNode;
+    trigger?: "hover" | "click";
+    options?: Array<DropdownOption>;
+    onSelect?: (option: DropdownOption) => void;
+    content?: React.ReactNode;
+    placement?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom";
+    gap?: number;
+    color?: Color | string;
+    variant?: Variant;
+    bgcolor?: string;
+    radius?: Radius;
+    size?: DropdownSize;
+    zIndex?: number;
+} & MarginProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, "content">;
+export declare const Dropdown: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    trigger?: "hover" | "click";
+    options?: Array<DropdownOption>;
+    onSelect?: (option: DropdownOption) => void;
+    content?: React.ReactNode;
+    placement?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom";
+    gap?: number;
+    color?: Color | string;
+    variant?: Variant;
+    bgcolor?: string;
+    radius?: Radius;
+    size?: DropdownSize;
+    zIndex?: number;
+} & MarginProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, "content"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/dropdown/style.d.ts

@@ -0,0 +1,73 @@
+import { Color, Radius, Variant } from '../../theme/types';
+export type DropdownSize = "sm" | "md" | "lg";
+export type StyledDropdownContainerProps = {
+    color: Color | string;
+    variant: Variant;
+    bgcolor?: string;
+    radius?: Radius;
+    size: DropdownSize;
+};
+export declare const StyledDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledDropdownContainerProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export type StyledDropdownOptionProps = {
+    color: Color | string;
+    variant: Variant;
+    size: DropdownSize;
+    radius?: Radius;
+};
+export declare const StyledDropdownOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledDropdownOptionProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
+    elevation?: import('../..').Elevation;
+    direction?: import('../flex').FlexDirection;
+    gap?: string | number;
+    align?: import('../flex').FlexAlign;
+    justify?: import('../flex').FlexJustify;
+    wrap?: import('../flex').FlexWrap;
+    width?: string;
+    height?: string;
+    minWidth?: string;
+    minheight?: string;
+    hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
+} & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

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

@@ -1,4 +1,4 @@
-import { Elevation } from '../../theme/types';
+import { Color, Elevation } from '../../theme/types';
 import { Styles } from 'styled-components/dist/types';
 import { MarginProps, PaddingProps } from '../common/types';
 export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
@@ -17,6 +17,8 @@ export type FlexProps = {
     minWidth?: string;
     minheight?: string;
     hoverstyle?: Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
 } & MarginProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, "content">;
 export declare const Flex: import('react').ForwardRefExoticComponent<{
     elevation?: Elevation;
@@ -30,4 +32,6 @@ export declare const Flex: import('react').ForwardRefExoticComponent<{
     minWidth?: string;
     minheight?: string;
     hoverstyle?: Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
 } & MarginProps & PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -14,6 +14,8 @@ export type ModalProps = {
     bodyStyle?: React.CSSProperties;
     close?: React.ReactNode;
     closeStyle?: React.CSSProperties;
+    bgcolor?: string;
+    color?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare const Modal: React.ForwardRefExoticComponent<{
     isOpen: boolean;
@@ -29,4 +31,6 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     bodyStyle?: React.CSSProperties;
     close?: React.ReactNode;
     closeStyle?: React.CSSProperties;
+    bgcolor?: string;
+    color?: string;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/popover/style.d.ts

@@ -11,6 +11,8 @@ export declare const StyledPopover: import('styled-components/dist/types').IStyl
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: import('../..').Color | string;
+    color?: import('../..').Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, Omit<PopoverStyleProps, "content" | "children" | "body">>> & string & Omit<import('react').ForwardRefExoticComponent<{
     elevation?: import('../..').Elevation;
     direction?: import('../flex').FlexDirection;
@@ -23,4 +25,6 @@ export declare const StyledPopover: import('styled-components/dist/types').IStyl
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: import('../..').Color | string;
+    color?: import('../..').Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/components/toast/style.d.ts

@@ -11,6 +11,8 @@ export declare const StyledToast: import('styled-components/dist/types').IStyled
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: import('../..').Color | string;
+    color?: import('../..').Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, Omit<ToastProps, "id">>> & string & Omit<import('react').ForwardRefExoticComponent<{
     elevation?: import('../..').Elevation;
     direction?: import('../flex').FlexDirection;
@@ -23,4 +25,6 @@ export declare const StyledToast: import('styled-components/dist/types').IStyled
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: import('../..').Color | string;
+    color?: import('../..').Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/components/tooltip/style.d.ts

@@ -19,6 +19,8 @@ export declare const StyledTooltip: import('styled-components/dist/types').IStyl
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledTooltipProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
     elevation?: import('../..').Elevation;
     direction?: import('../flex').FlexDirection;
@@ -31,4 +33,6 @@ export declare const StyledTooltip: import('styled-components/dist/types').IStyl
     minWidth?: string;
     minheight?: string;
     hoverstyle?: import('styled-components/dist/types').Styles<object>;
+    bgcolor?: Color | string;
+    color?: Color | string;
 } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;

package/dist/components/utils/use-auto-contrast-color.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare function useAutoContrastColor(elementRef: RefObject<Element | null>, skip?: boolean): string | undefined;
+export declare function useAutoContrastColor(elementRef: RefObject<Element | null>, skip?: boolean, initialBgColor?: string): string | undefined;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/button';
 export * from './components/checkbox';
 export * from './components/chip';
 export * from './components/divider';
+export * from './components/dropdown';
 export * from './components/flex';
 export * from './components/icons';
 export * from './components/image';
@@ -25,3 +26,4 @@ export * from './theme/constants';
 export * from './theme/create-theme';
 export * from './theme/index';
 export * from './theme/types';
+export * from './llm-docs';

package/dist/llm-docs/index.d.ts

@@ -0,0 +1 @@
+export declare const LLM_DOCS: Record<string, string>;