@julien-wiegandt/open-ui 0.3.8 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/common/index.d.ts +1 -0
  2. package/dist/components/divider/index.d.ts +3 -2
  3. package/dist/components/dropdown/style.d.ts +8 -0
  4. package/dist/components/flex/index.d.ts +5 -1
  5. package/dist/components/modal/index.d.ts +4 -0
  6. package/dist/components/popover/style.d.ts +4 -0
  7. package/dist/components/toast/style.d.ts +4 -0
  8. package/dist/components/tooltip/style.d.ts +4 -0
  9. package/dist/components/utils/use-auto-contrast-color.d.ts +1 -1
  10. package/dist/index.d.ts +1 -0
  11. package/dist/llm-docs/index.d.ts +1 -0
  12. package/dist/open-ui.js +2749 -2387
  13. package/dist/open-ui.umd.cjs +354 -92
  14. package/dist/theme/create-theme.d.ts +2 -0
  15. package/dist/theme/types.d.ts +10 -0
  16. package/dist/theme/utils/colors.d.ts +4 -0
  17. package/package.json +1 -1
package/dist/components/common/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export declare const toRem: (value: number | string) => string;
3
3
  export declare const getMarginsCSS: (props: MarginProps) => string;
4
4
  export declare const getPaddingCSS: (props: PaddingProps) => string;
5
5
  export declare const getScrollbarCSS: () => string;
6
+ export declare const resolveThemeColor: (color: any, theme: any) => any;
package/dist/components/divider/index.d.ts CHANGED
@@ -1,11 +1,12 @@
1
+ import { Color } from '../../theme/types';
1
2
  export type DividerProps = {
2
- color?: string;
3
+ color?: Color | string;
3
4
  orientation?: "vertical" | "horizontal";
4
5
  size?: "sm" | "md" | "lg";
5
6
  type?: "solid" | "dotted" | "dashed" | "double";
6
7
  } & React.HTMLAttributes<HTMLDivElement>;
7
8
  export declare const Divider: import('react').ForwardRefExoticComponent<{
8
- color?: string;
9
+ color?: Color | string;
9
10
  orientation?: "vertical" | "horizontal";
10
11
  size?: "sm" | "md" | "lg";
11
12
  type?: "solid" | "dotted" | "dashed" | "double";
package/dist/components/dropdown/style.d.ts CHANGED
@@ -19,6 +19,8 @@ export declare const StyledDropdownContainer: import('styled-components/dist/typ
19
19
  minWidth?: string;
20
20
  minheight?: string;
21
21
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
22
+ bgcolor?: Color | string;
23
+ color?: Color | string;
22
24
  } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledDropdownContainerProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
23
25
  elevation?: import('../..').Elevation;
24
26
  direction?: import('../flex').FlexDirection;
@@ -31,6 +33,8 @@ export declare const StyledDropdownContainer: import('styled-components/dist/typ
31
33
  minWidth?: string;
32
34
  minheight?: string;
33
35
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
36
+ bgcolor?: Color | string;
37
+ color?: Color | string;
34
38
  } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
35
39
  export type StyledDropdownOptionProps = {
36
40
  color: Color | string;
@@ -50,6 +54,8 @@ export declare const StyledDropdownOption: import('styled-components/dist/types'
50
54
  minWidth?: string;
51
55
  minheight?: string;
52
56
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
57
+ bgcolor?: Color | string;
58
+ color?: Color | string;
53
59
  } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledDropdownOptionProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
54
60
  elevation?: import('../..').Elevation;
55
61
  direction?: import('../flex').FlexDirection;
@@ -62,4 +68,6 @@ export declare const StyledDropdownOption: import('styled-components/dist/types'
62
68
  minWidth?: string;
63
69
  minheight?: string;
64
70
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
71
+ bgcolor?: Color | string;
72
+ color?: Color | string;
65
73
  } & 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 CHANGED
@@ -1,4 +1,4 @@
1
- import { Elevation } from '../../theme/types';
1
+ import { Color, Elevation } from '../../theme/types';
2
2
  import { Styles } from 'styled-components/dist/types';
3
3
  import { MarginProps, PaddingProps } from '../common/types';
4
4
  export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
@@ -17,6 +17,8 @@ export type FlexProps = {
17
17
  minWidth?: string;
18
18
  minheight?: string;
19
19
  hoverstyle?: Styles<object>;
20
+ bgcolor?: Color | string;
21
+ color?: Color | string;
20
22
  } & MarginProps & PaddingProps & Omit<React.HTMLAttributes<HTMLDivElement>, "content">;
21
23
  export declare const Flex: import('react').ForwardRefExoticComponent<{
22
24
  elevation?: Elevation;
@@ -30,4 +32,6 @@ export declare const Flex: import('react').ForwardRefExoticComponent<{
30
32
  minWidth?: string;
31
33
  minheight?: string;
32
34
  hoverstyle?: Styles<object>;
35
+ bgcolor?: Color | string;
36
+ color?: Color | string;
33
37
  } & MarginProps & PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>>;
package/dist/components/modal/index.d.ts CHANGED
@@ -14,6 +14,8 @@ export type ModalProps = {
14
14
  bodyStyle?: React.CSSProperties;
15
15
  close?: React.ReactNode;
16
16
  closeStyle?: React.CSSProperties;
17
+ bgcolor?: string;
18
+ color?: string;
17
19
  } & React.HTMLAttributes<HTMLDivElement>;
18
20
  export declare const Modal: React.ForwardRefExoticComponent<{
19
21
  isOpen: boolean;
@@ -29,4 +31,6 @@ export declare const Modal: React.ForwardRefExoticComponent<{
29
31
  bodyStyle?: React.CSSProperties;
30
32
  close?: React.ReactNode;
31
33
  closeStyle?: React.CSSProperties;
34
+ bgcolor?: string;
35
+ color?: string;
32
36
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/popover/style.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const StyledPopover: import('styled-components/dist/types').IStyl
11
11
  minWidth?: string;
12
12
  minheight?: string;
13
13
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
14
+ bgcolor?: import('../..').Color | string;
15
+ color?: import('../..').Color | string;
14
16
  } & 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<{
15
17
  elevation?: import('../..').Elevation;
16
18
  direction?: import('../flex').FlexDirection;
@@ -23,4 +25,6 @@ export declare const StyledPopover: import('styled-components/dist/types').IStyl
23
25
  minWidth?: string;
24
26
  minheight?: string;
25
27
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
28
+ bgcolor?: import('../..').Color | string;
29
+ color?: import('../..').Color | string;
26
30
  } & 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 CHANGED
@@ -11,6 +11,8 @@ export declare const StyledToast: import('styled-components/dist/types').IStyled
11
11
  minWidth?: string;
12
12
  minheight?: string;
13
13
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
14
+ bgcolor?: import('../..').Color | string;
15
+ color?: import('../..').Color | string;
14
16
  } & 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<{
15
17
  elevation?: import('../..').Elevation;
16
18
  direction?: import('../flex').FlexDirection;
@@ -23,4 +25,6 @@ export declare const StyledToast: import('styled-components/dist/types').IStyled
23
25
  minWidth?: string;
24
26
  minheight?: string;
25
27
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
28
+ bgcolor?: import('../..').Color | string;
29
+ color?: import('../..').Color | string;
26
30
  } & 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 CHANGED
@@ -19,6 +19,8 @@ export declare const StyledTooltip: import('styled-components/dist/types').IStyl
19
19
  minWidth?: string;
20
20
  minheight?: string;
21
21
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
22
+ bgcolor?: Color | string;
23
+ color?: Color | string;
22
24
  } & import('../common/types').MarginProps & import('../common/types').PaddingProps & Omit<import('react').HTMLAttributes<HTMLDivElement>, "content"> & import('react').RefAttributes<HTMLDivElement>, StyledTooltipProps>> & string & Omit<import('react').ForwardRefExoticComponent<{
23
25
  elevation?: import('../..').Elevation;
24
26
  direction?: import('../flex').FlexDirection;
@@ -31,4 +33,6 @@ export declare const StyledTooltip: import('styled-components/dist/types').IStyl
31
33
  minWidth?: string;
32
34
  minheight?: string;
33
35
  hoverstyle?: import('styled-components/dist/types').Styles<object>;
36
+ bgcolor?: Color | string;
37
+ color?: Color | string;
34
38
  } & 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 CHANGED
@@ -1,2 +1,2 @@
1
1
  import { RefObject } from 'react';
2
- export declare function useAutoContrastColor(elementRef: RefObject<Element | null>, skip?: boolean): string | undefined;
2
+ export declare function useAutoContrastColor(elementRef: RefObject<Element | null>, skip?: boolean, initialBgColor?: string): string | undefined;
package/dist/index.d.ts CHANGED
@@ -26,3 +26,4 @@ export * from './theme/constants';
26
26
  export * from './theme/create-theme';
27
27
  export * from './theme/index';
28
28
  export * from './theme/types';
29
+ export * from './llm-docs';
package/dist/llm-docs/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const LLM_DOCS: Record<string, string>;