@kwantis-id3/frontend-library 0.5.0 → 0.6.1

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

@@ -1,43 +1,50 @@
 import React from "react";
-export type ThemeColorsObject = {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
+export type Color = {
+    main: string;
+    contrastText: string;
 };
-export type ThemeTextColorsObject = {
-    dark: string;
-    bright: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
+export type ThemeColorsObject = {
+    primary: Color;
+    secondary: Color;
+    tertiary: Color;
+    statusOk: Color;
+    statusWarning: Color;
+    statusCritical: Color;
+    statusNeutral: Color;
 };
 interface ThemeContextProps {
     colors: ThemeColorsObject;
-    textColors: ThemeTextColorsObject;
 }
 export type ThemeColors = keyof ThemeColorsObject;
-export type ThemeTextColors = keyof ThemeTextColorsObject;
 export declare const defaultThemeColors: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
-};
-export declare const defaultThemeTextColors: {
-    dark: string;
-    bright: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
+    primary: {
+        main: string;
+        contrastText: string;
+    };
+    secondary: {
+        main: string;
+        contrastText: string;
+    };
+    tertiary: {
+        main: string;
+        contrastText: string;
+    };
+    statusOk: {
+        main: string;
+        contrastText: string;
+    };
+    statusWarning: {
+        main: string;
+        contrastText: string;
+    };
+    statusCritical: {
+        main: string;
+        contrastText: string;
+    };
+    statusNeutral: {
+        main: string;
+        contrastText: string;
+    };
 };
 export declare const ThemeContextProvider: (props: React.PropsWithChildren<{
     theme?: ThemeContextProps;

package/dist/esm/types/components/accordion/Accordion.d.ts

@@ -0,0 +1,20 @@
+/** @jsxImportSource @emotion/react */
+import { Interpolation } from "@emotion/styled";
+import React from "react";
+import { ThemeColors } from "../ThemeContext";
+import { Theme } from "@emotion/react";
+export interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    color?: ThemeColors;
+    iconColor?: ThemeColors;
+    dividerColor?: ThemeColors;
+    variant?: "contained" | "outlined" | "text";
+    isOpen?: boolean;
+    isLazy?: boolean;
+    onClick?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    sx?: Interpolation<Theme>;
+}
+export declare const Accordion: (props: AccordionProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/esm/types/components/accordion/AccordionStyled.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare const Divider: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+    textColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    iconColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleH2: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/dist/esm/types/components/accordion/index.d.ts

@@ -0,0 +1 @@
+export { Accordion, AccordionProps } from "./Accordion";

package/dist/esm/types/components/button/Button.d.ts

@@ -1,12 +1,11 @@
 /** @jsxImportSource @emotion/react */
-import { ThemeColors, ThemeTextColors } from "../ThemeContext/ThemeContext";
+import { ThemeColors } from "../ThemeContext/ThemeContext";
 import { Interpolation } from "@emotion/styled";
 import { Theme } from "@emotion/react";
 export type ButtonVariants = "contained" | "outlined" | "text";
 export interface ButtonProps {
     label: string;
     color?: ThemeColors;
-    textColor?: ThemeTextColors;
     sx?: Interpolation<Theme>;
     variant?: ButtonVariants;
     onClick?: () => void;

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

@@ -1,2 +1,3 @@
 export { Button, ButtonProps } from "./button";
 export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
+export { Accordion, AccordionProps } from "./accordion";

package/dist/index.d.ts

@@ -3,29 +3,23 @@ import React from 'react';
 import { Interpolation } from '@emotion/styled';
 import { Theme } from '@emotion/react';
 
-type ThemeColorsObject = {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
+type Color = {
+    main: string;
+    contrastText: string;
 };
-type ThemeTextColorsObject = {
-    dark: string;
-    bright: string;
-    statusOk: string;
-    statusWarning: string;
-    statusCritical: string;
-    statusNeutral: string;
+type ThemeColorsObject = {
+    primary: Color;
+    secondary: Color;
+    tertiary: Color;
+    statusOk: Color;
+    statusWarning: Color;
+    statusCritical: Color;
+    statusNeutral: Color;
 };
 interface ThemeContextProps {
     colors: ThemeColorsObject;
-    textColors: ThemeTextColorsObject;
 }
 type ThemeColors = keyof ThemeColorsObject;
-type ThemeTextColors = keyof ThemeTextColorsObject;
 declare const ThemeContextProvider: (props: React.PropsWithChildren<{
     theme?: ThemeContextProps;
 }>) => JSX.Element;
@@ -35,7 +29,6 @@ type ButtonVariants = "contained" | "outlined" | "text";
 interface ButtonProps {
     label: string;
     color?: ThemeColors;
-    textColor?: ThemeTextColors;
     sx?: Interpolation<Theme>;
     variant?: ButtonVariants;
     onClick?: () => void;
@@ -45,4 +38,20 @@ interface ButtonProps {
 }
 declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { Button, ButtonProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext };
+interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    color?: ThemeColors;
+    iconColor?: ThemeColors;
+    dividerColor?: ThemeColors;
+    variant?: "contained" | "outlined" | "text";
+    isOpen?: boolean;
+    isLazy?: boolean;
+    onClick?: () => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    sx?: Interpolation<Theme>;
+}
+declare const Accordion: (props: AccordionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+export { Accordion, AccordionProps, Button, ButtonProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "Kwantis frontend components collection",
   "author": "kwantis",
   "license": "apache-2.0",
@@ -10,6 +10,13 @@
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@storybook/addon-essentials": "7.0.6",
+    "@storybook/addon-interactions": "7.0.6",
+    "@storybook/addon-links": "7.0.6",
+    "@storybook/blocks": "7.0.6",
+    "@storybook/react": "7.0.6",
+    "@storybook/react-webpack5": "7.0.6",
+    "@storybook/testing-library": "0.0.14-next.2",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
@@ -23,8 +30,12 @@
     "jest": "^29.5.0",
     "jest-config": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "prop-types": "15.8.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "rollup": "^3.20.2",
     "rollup-plugin-dts": "^5.3.0",
+    "storybook": "7.0.6",
     "ts-jest": "^29.1.0",
     "ts-node": "^10.9.1",
     "tslib": "^2.5.0",
@@ -41,11 +52,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@rollup/plugin-terser": "^0.4.1",
+    "react-collapsible": "^2.10.0",
+    "react-icons-kit": "^2.0.0",
     "rollup-plugin-peer-deps-external": "^2.2.4"
   },
   "scripts": {
     "rollup": "rollup -c",
     "test": "jest",
-    "storybook": "storybook dev -p 6006"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
 }