@kwantis-id3/frontend-library 0.8.1 → 0.8.2

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.
@@ -1,19 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import { Interpolation } from "@emotion/styled";
3
- import React from "react";
4
- import { ThemeColors } from "../ThemeContext";
5
- import { Theme } from "@emotion/react";
6
- export type AccordionProps = {
7
- title: string;
8
- children: React.ReactNode;
9
- color?: ThemeColors;
10
- iconColor?: ThemeColors;
11
- dividerColor?: ThemeColors;
12
- isOpen?: boolean;
13
- isLazy?: boolean;
14
- onClick?: () => void;
15
- onOpen?: () => void;
16
- onClose?: () => void;
17
- sx?: Interpolation<Theme>;
18
- };
19
- export declare const Accordion: (props: AccordionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -1,24 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Divider: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- color: string;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const TitleDiv: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- } & {
12
- color: string;
13
- textColor: string;
14
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
15
- export declare const IconContainer: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any> | undefined;
18
- } & {
19
- iconColor: string;
20
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
21
- export declare const TitleH2: import("@emotion/styled").StyledComponent<{
22
- theme?: import("@emotion/react").Theme | undefined;
23
- as?: import("react").ElementType<any> | undefined;
24
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
@@ -1 +0,0 @@
1
- export { Accordion, AccordionProps } from "./Accordion";
@@ -1,17 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import * as React from "react";
3
- import { ThemeColors } from "../ThemeContext/ThemeContext";
4
- import { Interpolation } from "@emotion/styled";
5
- import { Theme } from "@emotion/react";
6
- export type ButtonVariants = "contained" | "outlined" | "text";
7
- export type ButtonProps = {
8
- color?: ThemeColors;
9
- sx?: Interpolation<Theme>;
10
- variant?: ButtonVariants;
11
- onClick?: () => void;
12
- className?: string;
13
- htmlId?: string;
14
- disabled?: boolean;
15
- children?: React.ReactNode;
16
- };
17
- export declare const Button: (props: ButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
@@ -1 +0,0 @@
1
- export { Button, ButtonProps } from "./Button";
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { GroupBase } from "react-select";
3
- import { ThemeColors } from "../ThemeContext";
4
- export interface MultiSelectProps<Option, IsMulti extends boolean, Group> {
5
- options: Option[];
6
- onChange?: (option: Option[] | null) => void;
7
- value?: readonly Option[] | null;
8
- placeholder?: string;
9
- isDisabled?: boolean;
10
- isClearable?: boolean;
11
- isSearchable?: boolean;
12
- isOptionDisabled?: (option: Option) => boolean;
13
- isLoading?: boolean;
14
- color?: ThemeColors;
15
- htmlId?: string;
16
- className?: string;
17
- }
18
- export declare const MultiSelect: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiSelectProps<Option, IsMulti, Group>) => JSX.Element;
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { GroupBase } from "react-select";
3
- import { ThemeColors } from "../ThemeContext";
4
- export interface SingleSelectProps<Option, IsMulti extends boolean, Group> {
5
- options: Option[];
6
- onChange?: (option: Option | null) => void;
7
- value?: Option | null;
8
- placeholder?: string;
9
- isDisabled?: boolean;
10
- isClearable?: boolean;
11
- isSearchable?: boolean;
12
- isOptionDisabled?: (option: Option) => boolean;
13
- isLoading?: boolean;
14
- color?: ThemeColors;
15
- htmlId?: string;
16
- className?: string;
17
- }
18
- export declare const SingleSelect: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SingleSelectProps<Option, IsMulti, Group>) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export { SingleSelect, SingleSelectProps } from "./SingleSelect";
2
- export { MultiSelect, MultiSelectProps } from "./MultiSelect";
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import { ThemeColors } from "../ThemeContext";
3
- export type SliderProps = {
4
- values: number[];
5
- min?: number;
6
- max?: number;
7
- onChange: (values: number[]) => void;
8
- onFinalChange?: (values: number[]) => void;
9
- color?: ThemeColors;
10
- unselectedColor?: ThemeColors;
11
- htmlId?: string;
12
- className?: string;
13
- showThumbValue?: boolean;
14
- autoCalculateMinMax?: boolean;
15
- };
16
- export declare const Slider: (props: SliderProps) => JSX.Element;
@@ -1,25 +0,0 @@
1
- import React from "react";
2
- export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: React.ElementType<any> | undefined;
5
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: React.ElementType<any> | undefined;
9
- } & {
10
- bgColor: string;
11
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: React.ElementType<any> | undefined;
15
- } & {
16
- bgColor: string;
17
- borderColor: string;
18
- value: string;
19
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
20
- export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
21
- theme?: import("@emotion/react").Theme | undefined;
22
- as?: React.ElementType<any> | undefined;
23
- } & {
24
- textColor: string;
25
- }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1 +0,0 @@
1
- export { Slider, SliderProps } from "./Slider";
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- export interface Color {
3
- main: string;
4
- contrastText: string;
5
- }
6
- export interface ThemeColorsObject {
7
- primary: Color;
8
- secondary: Color;
9
- tertiary: Color;
10
- statusOk: Color;
11
- statusWarning: Color;
12
- statusCritical: Color;
13
- statusNeutral: Color;
14
- }
15
- type ThemeContextProps = {
16
- colors: ThemeColorsObject;
17
- };
18
- export type ThemeColors = keyof ThemeColorsObject;
19
- export declare const defaultThemeColors: {
20
- primary: {
21
- main: string;
22
- contrastText: string;
23
- };
24
- secondary: {
25
- main: string;
26
- contrastText: string;
27
- };
28
- tertiary: {
29
- main: string;
30
- contrastText: string;
31
- };
32
- statusOk: {
33
- main: string;
34
- contrastText: string;
35
- };
36
- statusWarning: {
37
- main: string;
38
- contrastText: string;
39
- };
40
- statusCritical: {
41
- main: string;
42
- contrastText: string;
43
- };
44
- statusNeutral: {
45
- main: string;
46
- contrastText: string;
47
- };
48
- };
49
- export declare const ThemeContextProvider: (props: React.PropsWithChildren<{
50
- theme?: ThemeContextProps;
51
- }>) => JSX.Element;
52
- export declare const useThemeContext: () => ThemeContextProps;
53
- export {};
@@ -1 +0,0 @@
1
- export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
@@ -1,5 +0,0 @@
1
- export { Button, ButtonProps } from "./Button";
2
- export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
3
- export { Accordion, AccordionProps } from "./Accordion";
4
- export { SingleSelect, SingleSelectProps, MultiSelect, MultiSelectProps, } from "./SelectFilter";
5
- export { Slider, SliderProps } from "./Slider";
@@ -1 +0,0 @@
1
- export * from "./components";