@kwantis-id3/frontend-library 1.0.0-rc.13 → 1.0.0-rc.15
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.
- package/dist/esm/index.js +18 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Drawer/Drawer.d.ts +1 -1
- package/dist/esm/types/components/Drawer/DrawerInterfaces.d.ts +6 -0
- package/dist/esm/types/components/Drawer/DrawerStyled.d.ts +1 -0
- package/dist/esm/types/components/Indicator/IndicatorInterfaces.d.ts +1 -1
- package/dist/esm/types/components/Indicator/NeutralIndicator.d.ts +3 -0
- package/dist/esm/types/components/ThemeContext/ThemeContext.d.ts +2 -1
- package/dist/esm/types/components/ThemeContext/ThemeInterfaces.d.ts +2 -0
- package/dist/index.d.ts +12 -3
- package/package.json +1 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { TDrawerProps } from "./DrawerInterfaces";
|
|
3
|
-
export declare const Drawer: ({ anchor, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, }: 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, hideTrigger, }: TDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { ReactNode } from "react";
|
|
|
2
2
|
export type TDrawerProps = {
|
|
3
3
|
/** Position of the drawer */
|
|
4
4
|
anchor: "top" | "right" | "bottom" | "left";
|
|
5
|
+
/** Optional state value to control the component */
|
|
6
|
+
isOpen?: boolean;
|
|
5
7
|
/** Trigger showed when drawer is closed */
|
|
6
8
|
closedTrigger?: ReactNode;
|
|
7
9
|
/** Trigger showed when drawer is open */
|
|
@@ -18,4 +20,8 @@ export type TDrawerProps = {
|
|
|
18
20
|
bgColor?: string;
|
|
19
21
|
/** Trigger hover color */
|
|
20
22
|
triggerHoverColor?: string;
|
|
23
|
+
/** Hide the default thumb trigger */
|
|
24
|
+
hideTrigger?: boolean;
|
|
25
|
+
onOpen?: () => void;
|
|
26
|
+
onClose?: () => void;
|
|
21
27
|
};
|
|
@@ -22,4 +22,5 @@ export declare const Trigger: import("@emotion/styled").StyledComponent<{
|
|
|
22
22
|
$anchor: "top" | "right" | "bottom" | "left";
|
|
23
23
|
$bgColor?: string;
|
|
24
24
|
$triggerHoverColor?: string;
|
|
25
|
+
$hideTrigger: boolean;
|
|
25
26
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -8,4 +8,4 @@ export type TIndicatorInstanceProps = {
|
|
|
8
8
|
export type TIndicatorProps = {
|
|
9
9
|
variant: TIndicatorVariants;
|
|
10
10
|
} & TIndicatorInstanceProps;
|
|
11
|
-
export type TIndicatorVariants = "live" | "success" | "warning" | "error";
|
|
11
|
+
export type TIndicatorVariants = "live" | "success" | "warning" | "error" | "neutral";
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PropsWithChildren, ReactNode } from "react";
|
|
2
|
-
import { IPalette, IThemeContextProps, IThemeContextValue } from "./ThemeInterfaces";
|
|
2
|
+
import { ICommonColors, IPalette, IThemeContextProps, IThemeContextValue } from "./ThemeInterfaces";
|
|
3
|
+
export declare const commonColors: ICommonColors;
|
|
3
4
|
export declare const defaultLightPalette: IPalette;
|
|
4
5
|
export declare const defaultDarkPalette: IPalette;
|
|
5
6
|
export declare const ThemeContextProvider: ({ palettes, defaultMode, children, }: PropsWithChildren<IThemeContextProps>) => ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -95,6 +95,8 @@ interface IIndicatorColors {
|
|
|
95
95
|
warningFill: string;
|
|
96
96
|
error: string;
|
|
97
97
|
errorFill: string;
|
|
98
|
+
neutral: string;
|
|
99
|
+
netrualFill: string;
|
|
98
100
|
}
|
|
99
101
|
interface IPalette {
|
|
100
102
|
/** Application background */
|
|
@@ -140,6 +142,7 @@ interface IThemeContextValue {
|
|
|
140
142
|
setMode: (mode: TThemeMode) => void;
|
|
141
143
|
}
|
|
142
144
|
|
|
145
|
+
declare const commonColors: ICommonColors;
|
|
143
146
|
declare const defaultLightPalette: IPalette;
|
|
144
147
|
declare const defaultDarkPalette: IPalette;
|
|
145
148
|
declare const ThemeContextProvider: ({ palettes, defaultMode, children, }: PropsWithChildren<IThemeContextProps>) => ReactNode;
|
|
@@ -380,7 +383,7 @@ type TIndicatorInstanceProps = {
|
|
|
380
383
|
type TIndicatorProps = {
|
|
381
384
|
variant: TIndicatorVariants;
|
|
382
385
|
} & TIndicatorInstanceProps;
|
|
383
|
-
type TIndicatorVariants = "live" | "success" | "warning" | "error";
|
|
386
|
+
type TIndicatorVariants = "live" | "success" | "warning" | "error" | "neutral";
|
|
384
387
|
|
|
385
388
|
type TGenericIndicatorProps = {
|
|
386
389
|
variant: TIndicatorVariants;
|
|
@@ -546,6 +549,8 @@ declare const UncontrolledTreeView: FC<TUncontrolledTreeViewProps>;
|
|
|
546
549
|
type TDrawerProps = {
|
|
547
550
|
/** Position of the drawer */
|
|
548
551
|
anchor: "top" | "right" | "bottom" | "left";
|
|
552
|
+
/** Optional state value to control the component */
|
|
553
|
+
isOpen?: boolean;
|
|
549
554
|
/** Trigger showed when drawer is closed */
|
|
550
555
|
closedTrigger?: ReactNode;
|
|
551
556
|
/** Trigger showed when drawer is open */
|
|
@@ -562,9 +567,13 @@ type TDrawerProps = {
|
|
|
562
567
|
bgColor?: string;
|
|
563
568
|
/** Trigger hover color */
|
|
564
569
|
triggerHoverColor?: string;
|
|
570
|
+
/** Hide the default thumb trigger */
|
|
571
|
+
hideTrigger?: boolean;
|
|
572
|
+
onOpen?: () => void;
|
|
573
|
+
onClose?: () => void;
|
|
565
574
|
};
|
|
566
575
|
|
|
567
|
-
declare const Drawer: ({ anchor, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
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;
|
|
568
577
|
|
|
569
578
|
/**
|
|
570
579
|
* emotion.js doesn't support transient options out of the box.
|
|
@@ -615,4 +624,4 @@ declare const getActiveColor: (color: string) => string;
|
|
|
615
624
|
|
|
616
625
|
declare function usePrefersColorScheme(): "light" | "dark";
|
|
617
626
|
|
|
618
|
-
export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
|
|
627
|
+
export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kwantis-id3/frontend-library",
|
|
3
|
-
"version": "1.0.0-rc.
|
|
3
|
+
"version": "1.0.0-rc.15",
|
|
4
4
|
"description": "Kwantis frontend components collection",
|
|
5
5
|
"scriptsComments": {
|
|
6
6
|
"storybook": "Starts storybook in development mode",
|
|
@@ -27,7 +27,6 @@
|
|
|
27
27
|
"test": "vitest run",
|
|
28
28
|
"test:watch": "vitest",
|
|
29
29
|
"test:coverage": "vitest --coverage",
|
|
30
|
-
"chromatic": "npx chromatic --project-token=3dd812d03e4c",
|
|
31
30
|
"build": "pnpm rollup",
|
|
32
31
|
"bump:patch": "pnpm version patch",
|
|
33
32
|
"bump:minor": "pnpm version minor",
|