@kwantis-id3/frontend-library 0.20.3 → 0.21.0-rc.0

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

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import React from "react";
 import { ThemeColorsExtended } from "../ThemeContext/ThemeContext";
 /**
@@ -28,5 +29,5 @@ export type DropdownProps = {
     /** The mobile breakpoint, by default it's 768px */
     mobileBreakpoint?: number;
 };
-export declare const DropdownDesktop: (props: DropdownProps) => JSX.Element;
-export declare const Dropdown: (props: DropdownProps) => JSX.Element;
+export declare const DropdownDesktop: (props: DropdownProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const Dropdown: (props: DropdownProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/dist/esm/types/components/Dropdown/DropdownStyled.d.ts

@@ -6,8 +6,6 @@ export declare const DropdownContainer: import("@emotion/styled").StyledComponen
 export declare const DropdownTrigger: import("@emotion/styled").StyledComponent<{
     theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    $textColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
     theme?: import("..").ThemeContextProps | undefined;
@@ -15,8 +13,9 @@ export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
 } & {
     $direction: string;
     $isOpen: boolean;
+    $bgColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropdownItemContainer: import("@emotion/styled").StyledComponent<{
+export declare const DropdownItemInnerContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -48,3 +47,14 @@ export declare const ClickableItemMobile: import("@emotion/styled").StyledCompon
     theme?: import("..").ThemeContextProps | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MobileItemTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("..").ThemeContextProps | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $bgColor?: string | undefined;
+    $textColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemSpanValue: import("@emotion/styled").StyledComponent<{
+    theme?: import("..").ThemeContextProps | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -12,21 +12,15 @@ export interface ThemeColorsObject {
     statusCritical: Color;
     statusNeutral: Color;
 }
-export type ThemeContextProps = {
+export interface ThemeContextProps {
     colors: ThemeColorsObject;
-};
+}
 interface Nothing {
 }
 type Union<T, U> = T | (U & Nothing);
 export type ThemeColors = keyof ThemeColorsObject;
 export type ThemeColorsExtended = Union<ThemeColors, string>;
-type ThemeProperties = {
-    colors: ThemeColorsObject;
-    /**
-     *
-     * @param color one of the theme keys, a path to a specific color in the theme, OR a string representing a color (hex, rgb, hsl, etc)
-     * @returns a valid color object. If color is not valid, will return the primary color.
-     */
+type ThemeProperties = ThemeContextProps & {
     getColor: (color: ThemeColorsExtended) => Color;
 };
 export declare const defaultThemeColors: {

package/dist/index.d.ts

@@ -18,21 +18,15 @@ interface ThemeColorsObject {
     statusCritical: Color;
     statusNeutral: Color;
 }
-type ThemeContextProps = {
+interface ThemeContextProps {
     colors: ThemeColorsObject;
-};
+}
 interface Nothing {
 }
 type Union<T, U> = T | (U & Nothing);
 type ThemeColors = keyof ThemeColorsObject;
 type ThemeColorsExtended = Union<ThemeColors, string>;
-type ThemeProperties = {
-    colors: ThemeColorsObject;
-    /**
-     *
-     * @param color one of the theme keys, a path to a specific color in the theme, OR a string representing a color (hex, rgb, hsl, etc)
-     * @returns a valid color object. If color is not valid, will return the primary color.
-     */
+type ThemeProperties = ThemeContextProps & {
     getColor: (color: ThemeColorsExtended) => Color;
 };
 declare const ThemeContextProvider: (props: React__default.PropsWithChildren<{
@@ -276,7 +270,7 @@ type DropdownProps = {
     /** The mobile breakpoint, by default it's 768px */
     mobileBreakpoint?: number;
 };
-declare const Dropdown: (props: DropdownProps) => JSX.Element;
+declare const Dropdown: (props: DropdownProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 interface ModalProps {
     /** The content of the modal */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "0.20.3",
+  "version": "0.21.0-rc.0",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",