@kwantis-id3/frontend-library 1.0.0-rc.39 → 1.0.0-rc.40

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

@@ -0,0 +1,3 @@
+/** @jsxImportSource @emotion/react */
+import { TCheckboxProps } from "./CheckboxInterfaces";
+export declare const Checkbox: ({ label, htmlId, checked, defaultChecked, onChange, indeterminate, disabled, className, sx, name, size, }: TCheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Checkbox/CheckboxInterfaces.d.ts

@@ -0,0 +1,24 @@
+import { Interpolation } from "@emotion/react";
+import { Theme } from "@emotion/react/dist/declarations/src";
+export type TCheckboxProps = {
+    /** Lable of the checkbox */
+    label?: string;
+    /** HTML id */
+    htmlId?: string;
+    name?: string;
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Uncontrolled default checked state */
+    defaultChecked?: boolean;
+    /** onChange handler */
+    onChange?: (checked: boolean) => void;
+    /** Mixed state in its children checkboxes */
+    indeterminate?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    className?: string;
+    /** Custom styles */
+    sx?: Interpolation<Theme>;
+    /** Checkbox sizes */
+    size?: "small" | "medium" | "large";
+};

package/dist/esm/types/components/Checkbox/CheckboxStyled.d.ts

@@ -0,0 +1,32 @@
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const StyledCheckboxInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const StyledCheckboxBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $checked: boolean;
+    $indeterminate: boolean;
+    $disabled?: boolean;
+    $backgroundColor?: string;
+    $checkmarkColor?: string;
+    $borderColor?: string;
+    $size?: "small" | "medium" | "large";
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledLabelText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $disabled?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -0,0 +1,2 @@
+export * from "./Checkbox";
+export * from "./CheckboxInterfaces";

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

@@ -14,3 +14,4 @@ export * from "./DataGrid";
 export * from "./MultiViewList";
 export * from "./TreeView";
 export * from "./Drawer";
+export * from "./Checkbox";

package/dist/index.d.ts

@@ -628,6 +628,31 @@ type TDrawerProps = {
 
 declare const Drawer: ({ anchor, isOpen: isOpenProp, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerColor, triggerHoverColor, onOpen, onClose, zIndex, hideTrigger, keepMounted, sx, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type TCheckboxProps = {
+    /** Lable of the checkbox */
+    label?: string;
+    /** HTML id */
+    htmlId?: string;
+    name?: string;
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Uncontrolled default checked state */
+    defaultChecked?: boolean;
+    /** onChange handler */
+    onChange?: (checked: boolean) => void;
+    /** Mixed state in its children checkboxes */
+    indeterminate?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    className?: string;
+    /** Custom styles */
+    sx?: Interpolation<Theme>;
+    /** Checkbox sizes */
+    size?: "small" | "medium" | "large";
+};
+
+declare const Checkbox: ({ label, htmlId, checked, defaultChecked, onChange, indeterminate, disabled, className, sx, name, size, }: TCheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 /**
  * emotion.js doesn't support transient options out of the box.
  *
@@ -677,4 +702,4 @@ declare const getActiveColor: (color: string) => string;
 
 declare function usePrefersColorScheme(): "light" | "dark";
 
-export { Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, 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 };
+export { Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, Checkbox, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TCheckboxProps, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, 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

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