@paygreen/pgui 2.3.0 → 2.5.0

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DrawerProps, ModalProps } from '@chakra-ui/react';
+declare type ModalResponsiveProps = ModalProps & DrawerProps;
+export declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextareaProps } from '@chakra-ui/react';
+export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
+    onFocus?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    onMouseEnter?: (() => void) | undefined;
+    onMouseLeave?: (() => void) | undefined;
+}) => JSX.Element;

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

@@ -5,6 +5,7 @@ export * from './DataList';
 export * from './DayPicker';
 export * from './FormGroup';
 export * from './InputDayPicker';
+export * from './ModalResponsive';
 export * from './Pagination';
 export * from './SearchInput';
 export * from './Select';

package/dist/esm/types/theme/components/checkbox.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+    baseStyle: {
+        control: {
+            borderRadius: string;
+        };
+    };
+};
+export default _default;

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

@@ -1,5 +1,12 @@
 export { default as Badge } from './badge';
 export { default as Button } from './button';
+export { default as Checkbox } from './checkbox';
 export { default as Drawer } from './drawer';
 export { default as Input } from './input';
+export { default as NumberInput } from './number-input';
+export { default as PinInput } from './pin-input';
+export { default as Radio } from './radio';
+export { default as Slider } from './slider';
+export { default as Switch } from './switch';
 export { default as Tag } from './tag';
+export { default as Textarea } from './textarea';

package/dist/esm/types/theme/components/input.d.ts

@@ -9,7 +9,6 @@ declare const _default: {
             field: {
                 bg: string;
                 borderColor: string;
-                borderRadius: string;
                 _focus: {
                     borderColor: string;
                 };
@@ -26,7 +25,6 @@ declare const _default: {
                 bg: string;
                 borderWidth: string;
                 borderColor: string;
-                borderRadius: string;
                 _hover: {
                     bg: string;
                     borderColor: string;

package/dist/esm/types/theme/components/number-input.d.ts

@@ -0,0 +1,54 @@
+declare const _default: {
+    baseStyle: {
+        field: {
+            borderRadius: string;
+        };
+        stepperGroup: {
+            width: string;
+        };
+        stepper: {
+            paddingRight: string;
+        };
+    };
+    variants: {
+        outline: (props: any) => {
+            field: {
+                bg: string;
+                borderColor: string;
+                borderRadius: string;
+                _focus: {
+                    borderColor: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderRadius: string;
+            };
+        };
+        filled: (props: any) => {
+            field: {
+                bg: string;
+                borderWidth: string;
+                borderColor: string;
+                borderRadius: string;
+                _hover: {
+                    bg: string;
+                    borderColor: string;
+                };
+                _focus: {
+                    bg: string;
+                    borderColor: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
+            };
+            addon: {
+                borderRadius: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/esm/types/theme/components/pin-input.d.ts

@@ -0,0 +1,31 @@
+declare const _default: {
+    variants: {
+        outline: (props: any) => {
+            bg: string;
+            borderColor: string;
+            _focus: {
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+        filled: (props: any) => {
+            bg: string;
+            borderWidth: string;
+            borderColor: string;
+            _hover: {
+                bg: string;
+                borderColor: string;
+            };
+            _focus: {
+                bg: string;
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/esm/types/theme/components/radio.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/esm/types/theme/components/slider.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/esm/types/theme/components/switch.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    defaultProps: {
+        colorScheme: string;
+    };
+};
+export default _default;

package/dist/esm/types/theme/components/textarea.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    baseStyle: {
+        paddingY: string;
+        minHeight: string;
+        lineHeight: string;
+        verticalAlign: string;
+        borderRadius: string;
+    };
+    variants: {
+        outline: (props: any) => {
+            bg: string;
+            borderColor: string;
+            _focus: {
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+        filled: (props: any) => {
+            bg: string;
+            borderWidth: string;
+            borderColor: string;
+            _hover: {
+                bg: string;
+                borderColor: string;
+            };
+            _focus: {
+                bg: string;
+                borderColor: string;
+            };
+            _focusVisible: {
+                boxShadow: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+};
+export default _default;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React, { FC, PropsWithChildren, ReactNode, Dispatch, SetStateAction, ReactComponentElement } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { IconButtonProps, FlexProps, HTMLChakraProps, MenuItemProps, AccordionProps, FormControlProps, PopoverProps, InputProps, StackProps, BoxProps, DrawerContentProps, ButtonProps, TextProps } from '@chakra-ui/react';
+import { IconButtonProps, FlexProps, HTMLChakraProps, MenuItemProps, AccordionProps, FormControlProps, PopoverProps, InputProps, ModalProps, DrawerProps, StackProps, BoxProps, DrawerContentProps, ButtonProps, TextProps } from '@chakra-ui/react';
 import { DayPickerProps, DaySelectionMode, DayPickerSingleProps } from 'react-day-picker';
 import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
 import * as react_select from 'react-select';
@@ -95,6 +95,9 @@ declare type InputDayPickerProps = {
 };
 declare const InputDayPicker: ({ isDisabled, popoverProps, inputProps, dayPickerProps, dateFormat, value, onChange, }: InputDayPickerProps) => JSX.Element;
 
+declare type ModalResponsiveProps = ModalProps & DrawerProps;
+declare const ModalResponsive: ({ isOpen, onClose, finalFocusRef, children, ...rest }: ModalResponsiveProps) => JSX.Element;
+
 declare const getPaginationInfo: ({ page, pageSize, totalItems, }: {
     page?: number | undefined;
     pageSize?: number | undefined;
@@ -298,4 +301,4 @@ declare const dateFormat = "dd/MM/yyyy";
 
 declare const useIsMobile: (currentBreakpoint: string) => boolean;
 
-export { ActionsButton, ActionsButtonProps, BottomBar, Card, ConfirmMenuItem, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, DayPicker, FormGroup, FormGroupProps, InputDayPicker, InputDayPickerProps, LayoutContainer, MenuItem, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, SideNav, SideNavBody, SideNavContainer, SideNavFooter, SideNavHeader, SideNavMenu, SideNavMenuItem, SideNavMenuItemProps, SideNavMenuProps, SideNavProps, SingleDayPickerProps, StyledMenuItemProps, TopBar, TopBarBackAction, TopBarBackActionProps, TopBarFirstElement, TopBarLastElement, dateFormat, getPaginationInfo, theme, useIsMobile };
+export { ActionsButton, ActionsButtonProps, BottomBar, Card, ConfirmMenuItem, DataList, DataListAccordion, DataListAccordionButton, DataListAccordionIcon, DataListAccordionPanel, DataListCell, DataListCellProps, DataListContext, DataListFooter, DataListFooterProps, DataListHeader, DataListHeaderContext, DataListHeaderProps, DataListProps, DataListRow, DataListRowProps, DayPicker, FormGroup, FormGroupProps, InputDayPicker, InputDayPickerProps, LayoutContainer, MenuItem, ModalResponsive, Pagination, PaginationButtonFirstPage, PaginationButtonLastPage, PaginationButtonNextPage, PaginationButtonPrevPage, PaginationContext, PaginationContextValue, PaginationInfo, PaginationProps, SearchInput, Select, SelectProps, SideNav, SideNavBody, SideNavContainer, SideNavFooter, SideNavHeader, SideNavMenu, SideNavMenuItem, SideNavMenuItemProps, SideNavMenuProps, SideNavProps, SingleDayPickerProps, StyledMenuItemProps, TopBar, TopBarBackAction, TopBarBackActionProps, TopBarFirstElement, TopBarLastElement, dateFormat, getPaginationInfo, theme, useIsMobile };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paygreen/pgui",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "description": "PGUI is the design system coming from Paygreen.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -96,4 +96,4 @@
     "sass": "^1.53.0",
     "typescript": "^4.7.4"
   }
-}
+}