@kwantis-id3/frontend-library 0.7.0 → 0.8.1

package/dist/cjs/types/components/Button/Button.d.ts

@@ -1,16 +1,17 @@
 /** @jsxImportSource @emotion/react */
+import * as React from "react";
 import { ThemeColors } from "../ThemeContext/ThemeContext";
 import { Interpolation } from "@emotion/styled";
 import { Theme } from "@emotion/react";
 export type ButtonVariants = "contained" | "outlined" | "text";
 export type ButtonProps = {
-    label: string;
     color?: ThemeColors;
     sx?: Interpolation<Theme>;
     variant?: ButtonVariants;
     onClick?: () => void;
-    htmlClassName?: string;
+    className?: string;
     htmlId?: string;
     disabled?: boolean;
+    children?: React.ReactNode;
 };
 export declare const Button: (props: ButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/cjs/types/components/Slider/Slider.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ThemeColors } from "../ThemeContext";
+export type SliderProps = {
+    values: number[];
+    min?: number;
+    max?: number;
+    onChange: (values: number[]) => void;
+    onFinalChange?: (values: number[]) => void;
+    color?: ThemeColors;
+    unselectedColor?: ThemeColors;
+    htmlId?: string;
+    className?: string;
+    showThumbValue?: boolean;
+    autoCalculateMinMax?: boolean;
+};
+export declare const Slider: (props: SliderProps) => JSX.Element;

package/dist/cjs/types/components/Slider/SliderStyled.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    bgColor: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    bgColor: string;
+    borderColor: string;
+    value: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    textColor: string;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1 @@
+export { Slider, SliderProps } from "./Slider";

package/dist/cjs/types/components/ThemeContext/ThemeContext.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-export type Color = {
+export interface Color {
     main: string;
     contrastText: string;
-};
-export type ThemeColorsObject = {
+}
+export interface ThemeColorsObject {
     primary: Color;
     secondary: Color;
     tertiary: Color;
@@ -11,7 +11,7 @@ export type ThemeColorsObject = {
     statusWarning: Color;
     statusCritical: Color;
     statusNeutral: Color;
-};
+}
 type ThemeContextProps = {
     colors: ThemeColorsObject;
 };

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

@@ -2,3 +2,4 @@ export { Button, ButtonProps } from "./Button";
 export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
 export { Accordion, AccordionProps } from "./Accordion";
 export { SingleSelect, SingleSelectProps, MultiSelect, MultiSelectProps, } from "./SelectFilter";
+export { Slider, SliderProps } from "./Slider";