@kwantis-id3/frontend-library 0.13.4 → 0.13.6

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

@@ -1,24 +1,24 @@
 /// <reference types="react" />
 export declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("..").ThemeContextProps | 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;
+    theme?: import("..").ThemeContextProps | 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;
+    theme?: import("..").ThemeContextProps | 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;
+    theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

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

@@ -1,16 +1,16 @@
 /// <reference types="react" />
 export declare const OuterTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const InnerTrackDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $bgColor: string;
@@ -18,7 +18,7 @@ export declare const ThumbDiv: import("@emotion/styled").StyledComponent<{
     $disabled?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ThumbValueSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     $textColor: string;

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

@@ -12,7 +12,7 @@ export interface ThemeColorsObject {
     statusCritical: Color;
     statusNeutral: Color;
 }
-type ThemeContextProps = {
+export type ThemeContextProps = {
     colors: ThemeColorsObject;
 };
 interface Nothing {

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

@@ -1 +1 @@
-export { ThemeColors, ThemeColorsObject, ThemeContextProvider, useThemeContext, } from "./ThemeContext";
+export { ThemeColors, ThemeColorsObject, ThemeContextProps, ThemeContextProvider, useThemeContext, } from "./ThemeContext";

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

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

package/dist/esm/types/utils/styled.d.ts

@@ -1,3 +1,40 @@
-import { CreateStyled } from "@emotion/styled";
-declare const myStyled: CreateStyled;
-export { myStyled as styled };
+/// <reference types="react" />
+import { PropsOf } from '@emotion/react';
+import { CreateStyledComponent, StyledOptions, FilteringStyledOptions } from '@emotion/styled';
+import { ThemeContextProps } from '../components';
+export type StyledTags = {
+    [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, JSX.IntrinsicElements[Tag]>;
+};
+export interface BaseCreateStyled {
+    <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+        theme?: ThemeContextProps;
+    }, {}, {
+        ref?: React.Ref<InstanceType<C>>;
+    }>;
+    <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
+        theme?: ThemeContextProps;
+    }, {}, {
+        ref?: React.Ref<InstanceType<C>>;
+    }>;
+    <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+        theme?: ThemeContextProps;
+    }>;
+    <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
+        theme?: ThemeContextProps;
+    }>;
+    <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] & string = keyof JSX.IntrinsicElements[Tag] & string>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>): CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
+    <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]>): CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, JSX.IntrinsicElements[Tag]>;
+}
+interface CreateStyled extends BaseCreateStyled, StyledTags {
+}
+export declare const styled: CreateStyled;
+export {};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
-import { Interpolation, CreateStyled } from '@emotion/styled';
-import { Theme } from '@emotion/react';
+import { Interpolation, CreateStyled as CreateStyled$1, CreateStyledComponent, FilteringStyledOptions, StyledOptions } from '@emotion/styled';
+import { Theme, PropsOf } from '@emotion/react';
 
 interface Color {
     main: string;
@@ -49,7 +49,7 @@ type ButtonProps = {
     className?: string;
     htmlId?: string;
     disabled?: boolean;
-    children?: React.ReactNode;
+    children?: React$1.ReactNode;
 };
 declare const Button: (props: ButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -124,8 +124,42 @@ type SliderProps = {
 };
 declare const Slider: (props: SliderProps) => JSX.Element;
 
-declare const transientOptions: Parameters<CreateStyled>[1];
+declare const transientOptions: Parameters<CreateStyled$1>[1];
 
-declare const myStyled: CreateStyled;
+type StyledTags = {
+    [Tag in keyof JSX.IntrinsicElements]: CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, JSX.IntrinsicElements[Tag]>;
+};
+interface BaseCreateStyled {
+    <C extends React.ComponentClass<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+        theme?: ThemeContextProps;
+    }, {}, {
+        ref?: React.Ref<InstanceType<C>>;
+    }>;
+    <C extends React.ComponentClass<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
+        theme?: ThemeContextProps;
+    }, {}, {
+        ref?: React.Ref<InstanceType<C>>;
+    }>;
+    <C extends React.ComponentType<React.ComponentProps<C>>, ForwardedProps extends keyof React.ComponentProps<C> & string = keyof React.ComponentProps<C> & string>(component: C, options: FilteringStyledOptions<React.ComponentProps<C>, ForwardedProps>): CreateStyledComponent<Pick<PropsOf<C>, ForwardedProps> & {
+        theme?: ThemeContextProps;
+    }>;
+    <C extends React.ComponentType<React.ComponentProps<C>>>(component: C, options?: StyledOptions<React.ComponentProps<C>>): CreateStyledComponent<PropsOf<C> & {
+        theme?: ThemeContextProps;
+    }>;
+    <Tag extends keyof JSX.IntrinsicElements, ForwardedProps extends keyof JSX.IntrinsicElements[Tag] & string = keyof JSX.IntrinsicElements[Tag] & string>(tag: Tag, options: FilteringStyledOptions<JSX.IntrinsicElements[Tag], ForwardedProps>): CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, Pick<JSX.IntrinsicElements[Tag], ForwardedProps>>;
+    <Tag extends keyof JSX.IntrinsicElements>(tag: Tag, options?: StyledOptions<JSX.IntrinsicElements[Tag]>): CreateStyledComponent<{
+        theme?: ThemeContextProps;
+        as?: React.ElementType;
+    }, JSX.IntrinsicElements[Tag]>;
+}
+interface CreateStyled extends BaseCreateStyled, StyledTags {
+}
+declare const styled: CreateStyled;
 
-export { Accordion, AccordionProps, Button, ButtonProps, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, Slider, SliderProps, ThemeColors, ThemeColorsObject, ThemeContextProvider, myStyled as styled, transientOptions, useThemeContext };
+export { Accordion, AccordionProps, Button, ButtonProps, MultiSelect, MultiSelectProps, SingleSelect, SingleSelectProps, Slider, SliderProps, ThemeColors, ThemeColorsObject, ThemeContextProps, ThemeContextProvider, styled, transientOptions, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "0.13.4",
+  "version": "0.13.6",
   "description": "Kwantis frontend components collection",
   "author": {
     "name": "kwantis"
@@ -50,8 +50,7 @@
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "files": [
-    "dist",
-    "src/types/*.d.ts"
+    "dist"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {

package/src/types/emotion.d.ts

@@ -1,8 +0,0 @@
-import "@emotion/react";
-import { ThemeColorsObject } from "../components";
-
-declare module "@emotion/react" {
-  export interface Theme {
-    colors: ThemeColorsObject;
-  }
-}