@kwantis-id3/frontend-library 0.3.0 → 0.4.0

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

@@ -1,18 +1,30 @@
 import React from "react";
-export type KwantisColors = "primary" | "secondary" | "tertiary" | "textPrimary" | "textSecondary" | "textTertiary" | "statusOk" | "statusWarning" | "statusCritical" | "statusNeutral";
 export type KwantisColorsObject = {
     primary: string;
     secondary: string;
     tertiary: string;
-    textPrimary: string;
-    textSecondary: string;
-    textTertiary: string;
     statusOk: string;
     statusWarning: string;
     statusCritical: string;
     statusNeutral: string;
 };
+export type KwantisTextColorsObject = {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    statusOk: string;
+    statusWarning: string;
+    statusCritical: string;
+    statusNeutral: string;
+};
+export type KwantisColors = keyof KwantisColorsObject;
+export type KwantisTextColors = keyof KwantisTextColorsObject;
+interface KwantisThemeContextProps {
+    colors: KwantisColorsObject;
+    textColors: KwantisTextColorsObject;
+}
 export declare const KwantisThemeContextProvider: (props: React.PropsWithChildren<{
-    theme?: KwantisColorsObject;
+    theme?: KwantisThemeContextProps;
 }>) => JSX.Element;
-export declare const useKwantisThemeContext: () => KwantisColorsObject;
+export declare const useKwantisThemeContext: () => KwantisThemeContextProps;
+export {};

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

@@ -1,7 +1,11 @@
-/// <reference types="react" />
-import { KwantisColors } from "../ThemeContext/ThemeContext";
+/** @jsxImportSource @emotion/react */
+import { KwantisColors, KwantisTextColors } from "../ThemeContext/ThemeContext";
+import { Interpolation } from "@emotion/styled";
+import { Theme } from "@emotion/react";
 export interface ButtonProps {
     label: string;
     color?: KwantisColors;
+    textColor?: KwantisTextColors;
+    sx?: Interpolation<Theme>;
 }
-export declare const Button: (props: ButtonProps) => JSX.Element;
+export declare const Button: (props: ButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/index.d.ts

@@ -1,28 +1,43 @@
-/// <reference types="react" />
+import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import React from 'react';
+import { Interpolation } from '@emotion/styled';
+import { Theme } from '@emotion/react';
 
-type KwantisColors = "primary" | "secondary" | "tertiary" | "textPrimary" | "textSecondary" | "textTertiary" | "statusOk" | "statusWarning" | "statusCritical" | "statusNeutral";
 type KwantisColorsObject = {
     primary: string;
     secondary: string;
     tertiary: string;
-    textPrimary: string;
-    textSecondary: string;
-    textTertiary: string;
     statusOk: string;
     statusWarning: string;
     statusCritical: string;
     statusNeutral: string;
 };
+type KwantisTextColorsObject = {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    statusOk: string;
+    statusWarning: string;
+    statusCritical: string;
+    statusNeutral: string;
+};
+type KwantisColors = keyof KwantisColorsObject;
+type KwantisTextColors = keyof KwantisTextColorsObject;
+interface KwantisThemeContextProps {
+    colors: KwantisColorsObject;
+    textColors: KwantisTextColorsObject;
+}
 declare const KwantisThemeContextProvider: (props: React.PropsWithChildren<{
-    theme?: KwantisColorsObject;
+    theme?: KwantisThemeContextProps;
 }>) => JSX.Element;
-declare const useKwantisThemeContext: () => KwantisColorsObject;
+declare const useKwantisThemeContext: () => KwantisThemeContextProps;
 
 interface ButtonProps {
     label: string;
     color?: KwantisColors;
+    textColor?: KwantisTextColors;
+    sx?: Interpolation<Theme>;
 }
-declare const Button: (props: ButtonProps) => JSX.Element;
+declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 export { Button, ButtonProps, KwantisColors, KwantisColorsObject, KwantisThemeContextProvider, useKwantisThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Kwantis frontend components collection",
   "author": "kwantis",
   "license": "apache-2.0",
@@ -10,14 +10,23 @@
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
     "@types/react": "^18.0.33",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "@typescript-eslint/eslint-plugin": "^5.58.0",
     "@typescript-eslint/parser": "^5.58.0",
     "eslint": "^8.38.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "jest": "^29.5.0",
+    "jest-config": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "rollup": "^3.20.2",
     "rollup-plugin-dts": "^5.3.0",
+    "ts-jest": "^29.1.0",
+    "ts-node": "^10.9.1",
     "tslib": "^2.5.0",
     "typescript": "^5.0.3"
   },
@@ -35,6 +44,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4"
   },
   "scripts": {
-    "rollup": "rollup -c"
+    "rollup": "rollup -c",
+    "test": "jest"
   }
 }