@kwantis-id3/frontend-library 0.7.0 → 0.8.0

package/dist/esm/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/esm/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/esm/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/esm/types/components/Slider/index.d.ts

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

package/dist/esm/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/esm/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";

package/dist/index.d.ts

@@ -1,15 +1,16 @@
 /// <reference types="react" />
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
-import React from 'react';
+import * as React from 'react';
+import React__default from 'react';
 import { Interpolation } from '@emotion/styled';
 import { Theme } from '@emotion/react';
 import { GroupBase } from 'react-select';
 
-type Color = {
+interface Color {
     main: string;
     contrastText: string;
-};
-type ThemeColorsObject = {
+}
+interface ThemeColorsObject {
     primary: Color;
     secondary: Color;
     tertiary: Color;
@@ -17,32 +18,32 @@ type ThemeColorsObject = {
     statusWarning: Color;
     statusCritical: Color;
     statusNeutral: Color;
-};
+}
 type ThemeContextProps = {
     colors: ThemeColorsObject;
 };
 type ThemeColors = keyof ThemeColorsObject;
-declare const ThemeContextProvider: (props: React.PropsWithChildren<{
+declare const ThemeContextProvider: (props: React__default.PropsWithChildren<{
     theme?: ThemeContextProps;
 }>) => JSX.Element;
 declare const useThemeContext: () => ThemeContextProps;
 
 type ButtonVariants = "contained" | "outlined" | "text";
 type ButtonProps = {
-    label: string;
     color?: ThemeColors;
     sx?: Interpolation<Theme>;
     variant?: ButtonVariants;
     onClick?: () => void;
-    htmlClassName?: string;
+    className?: string;
     htmlId?: string;
     disabled?: boolean;
+    children?: React.ReactNode;
 };
 declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type AccordionProps = {
     title: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     color?: ThemeColors;
     iconColor?: ThemeColors;
     dividerColor?: ThemeColors;
@@ -87,4 +88,19 @@ interface MultiSelectProps<Option, IsMulti extends boolean, Group> {
 }
 declare const MultiSelect: <Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiSelectProps<Option, IsMulti, Group>) => JSX.Element;
 
-export { Accordion, AccordionProps, Button, ButtonProps, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext };
+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;
+};
+declare const Slider: (props: SliderProps) => JSX.Element;
+
+export { Accordion, AccordionProps, Button, ButtonProps, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, Slider, SliderProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Kwantis frontend components collection",
   "author": {
     "name": "kwantis"
@@ -47,7 +47,7 @@
     "typescript": "^5.0.3"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
+    "react": ">= 17.0.2"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -59,6 +59,7 @@
     "@rollup/plugin-terser": "^0.4.1",
     "react-collapsible": "^2.10.0",
     "react-icons-kit": "^2.0.0",
+    "react-range": "^1.8.14",
     "react-select": "^5.7.3",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "tinycolor2": "^1.6.0"