@julien-wiegandt/open-ui 0.1.51 → 0.1.52

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 (10) hide show
  1. package/dist/components/input/index.d.ts +2 -0
  2. package/dist/components/modal/index.d.ts +3 -2
  3. package/dist/components/select/index.d.ts +4 -0
  4. package/dist/components/skeleton/index.d.ts +3 -0
  5. package/dist/components/skeleton/style.d.ts +4 -1
  6. package/dist/components/utils/get-color-based-on-background.d.ts +1 -0
  7. package/dist/open-ui.js +1058 -1029
  8. package/dist/open-ui.umd.cjs +65 -58
  9. package/package.json +1 -1
  10. package/dist/components/utils/get-text-color-based-on-background.d.ts +0 -1
package/dist/components/input/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export type InputProps = {
7
7
  required?: boolean;
8
8
  w?: string;
9
9
  h?: string;
10
+ errorStyle?: React.CSSProperties;
10
11
  } & MarginProps & PaddingProps & React.InputHTMLAttributes<HTMLInputElement>;
11
12
  export declare const Input: import('react').ForwardRefExoticComponent<{
12
13
  error?: string;
@@ -15,4 +16,5 @@ export declare const Input: import('react').ForwardRefExoticComponent<{
15
16
  required?: boolean;
16
17
  w?: string;
17
18
  h?: string;
19
+ errorStyle?: React.CSSProperties;
18
20
  } & MarginProps & PaddingProps & import('react').InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
package/dist/components/modal/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  export type ModalProps = {
2
3
  isOpen: boolean;
3
4
  fullScreen?: boolean;
@@ -9,7 +10,7 @@ export type ModalProps = {
9
10
  onClose?: () => void;
10
11
  closeOnClickOutside?: boolean;
11
12
  } & React.HTMLAttributes<HTMLDivElement>;
12
- export declare const Modal: import('react').ForwardRefExoticComponent<{
13
+ export declare const Modal: React.ForwardRefExoticComponent<{
13
14
  isOpen: boolean;
14
15
  fullScreen?: boolean;
15
16
  title?: React.ReactNode;
@@ -19,4 +20,4 @@ export declare const Modal: import('react').ForwardRefExoticComponent<{
19
20
  style?: React.CSSProperties;
20
21
  onClose?: () => void;
21
22
  closeOnClickOutside?: boolean;
22
- } & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
23
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
package/dist/components/select/index.d.ts CHANGED
@@ -11,9 +11,13 @@ export type SelectProps = {
11
11
  label?: string;
12
12
  required?: boolean;
13
13
  placeholder?: string;
14
+ orientation?: "up" | "down";
15
+ hideScrollbar?: boolean;
14
16
  CustomOption?: (props: {
15
17
  option?: SelectOption;
16
18
  handleChange?: (option: SelectOption) => void;
17
19
  }) => React.ReactNode;
20
+ selectOptionStyle?: React.CSSProperties;
21
+ optionContainerStyle?: React.CSSProperties;
18
22
  };
19
23
  export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLDivElement>>;
package/dist/components/skeleton/index.d.ts CHANGED
@@ -2,5 +2,8 @@ export type SkeletonProps = {
2
2
  width?: string;
3
3
  height?: string;
4
4
  radius?: string;
5
+ color?: string;
6
+ wrapperStyle?: React.CSSProperties;
7
+ shimmerStyle?: React.CSSProperties;
5
8
  };
6
9
  export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
package/dist/components/skeleton/style.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  import { SkeletonProps } from '.';
2
2
  export declare const SkeletonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonProps>> & string;
3
- export declare const ShimmerEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const ShimmerEffect: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ color: SkeletonProps["color"];
5
+ style: SkeletonProps["shimmerStyle"];
6
+ }>> & string;
package/dist/components/utils/get-color-based-on-background.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const getColorBasedOnBackground: (backgroundColor: string) => string;