@kwantis-id3/frontend-library 1.0.0-rc.15 → 1.0.0-rc.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  /** @jsxImportSource @emotion/react */
2
2
  import { TDrawerProps } from "./DrawerInterfaces";
3
- export declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, hideTrigger, }: TDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
3
+ export declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, }: TDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -22,6 +22,8 @@ export type TDrawerProps = {
22
22
  triggerHoverColor?: string;
23
23
  /** Hide the default thumb trigger */
24
24
  hideTrigger?: boolean;
25
+ /** Set a custom z-index */
26
+ zIndex?: number;
25
27
  onOpen?: () => void;
26
28
  onClose?: () => void;
27
29
  };
@@ -7,6 +7,7 @@ export declare const DrawerBody: import("@emotion/styled").StyledComponent<{
7
7
  $minOpen?: string;
8
8
  $maxOpen?: string;
9
9
  $bgColor?: string;
10
+ $zIndex?: number;
10
11
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
12
  export declare const DrawerContent: import("@emotion/styled").StyledComponent<{
12
13
  theme?: import("@emotion/react").Theme;
@@ -1,5 +1,5 @@
1
1
  export declare const InputField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
2
2
  containerClassName?: string;
3
3
  color?: string;
4
- sx?: React.CSSProperties;
4
+ sx?: import("@emotion/react").Interpolation<import("@emotion/react").Theme>;
5
5
  } & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,8 +1,9 @@
1
+ import { Interpolation, Theme } from "@emotion/react";
1
2
  export type TTextFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
2
3
  /** Classname given to the container div */
3
4
  containerClassName?: string;
4
5
  /** The color of the input */
5
6
  color?: string;
6
7
  /** Change the styles of the input field */
7
- sx?: React.CSSProperties;
8
+ sx?: Interpolation<Theme>;
8
9
  };
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
2
+ import * as _emotion_react from '@emotion/react';
2
3
  import { Interpolation, Theme as Theme$1 } from '@emotion/react';
3
4
  import { Theme } from '@emotion/react/dist/declarations/src';
4
5
  import * as react from 'react';
@@ -174,7 +175,7 @@ declare const Accordion: FC<TAccordionProps>;
174
175
  declare const InputField: react.ForwardRefExoticComponent<react.InputHTMLAttributes<HTMLInputElement> & {
175
176
  containerClassName?: string;
176
177
  color?: string;
177
- sx?: React.CSSProperties;
178
+ sx?: _emotion_react.Interpolation<_emotion_react.Theme>;
178
179
  } & react.RefAttributes<HTMLInputElement>>;
179
180
 
180
181
  type TTextFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
@@ -183,7 +184,7 @@ type TTextFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
183
184
  /** The color of the input */
184
185
  color?: string;
185
186
  /** Change the styles of the input field */
186
- sx?: React.CSSProperties;
187
+ sx?: Interpolation<Theme$1>;
187
188
  };
188
189
 
189
190
  interface SingleSelectProps<Option = {
@@ -569,11 +570,13 @@ type TDrawerProps = {
569
570
  triggerHoverColor?: string;
570
571
  /** Hide the default thumb trigger */
571
572
  hideTrigger?: boolean;
573
+ /** Set a custom z-index */
574
+ zIndex?: number;
572
575
  onOpen?: () => void;
573
576
  onClose?: () => void;
574
577
  };
575
578
 
576
- declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, hideTrigger, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
579
+ declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
577
580
 
578
581
  /**
579
582
  * emotion.js doesn't support transient options out of the box.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwantis-id3/frontend-library",
3
- "version": "1.0.0-rc.15",
3
+ "version": "1.0.0-rc.17",
4
4
  "description": "Kwantis frontend components collection",
5
5
  "scriptsComments": {
6
6
  "storybook": "Starts storybook in development mode",