@homecode/ui 4.22.13 → 4.22.15

package/dist/esm/src/components/DatePickerInput/DatePickerInput.js

@@ -8,11 +8,11 @@ import { Popup } from '../Popup/Popup.js';
 import S from './DatePickerInput.styl.js';
 
 function DatePickerInput(props) {
-    const { value, variant = 'default', size = 'm', popupProps, displayFormat = 'MMM Do YYYY', } = props;
+    const { value, variant = 'default', size = 'm', popupProps, buttonProps, displayFormat = 'MMM Do YYYY', } = props;
     const isRange = Array.isArray(value);
     return (jsx(Popup, { size: size, focusControl: true, direction: "bottom-right", ...popupProps, trigger: 
         // @ts-ignore
-        jsx(Button, { variant: variant, size: size, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
+        jsx(Button, { variant: variant, size: size, ...buttonProps, children: isRange ? (jsxs(Fragment, { children: [jsx(DateTime, { value: strToDate(value[0]), format: displayFormat }), ' - ', jsx(DateTime, { value: strToDate(value[1]), format: displayFormat })] })) : (jsx(DateTime, { value: strToDate(value), format: displayFormat })) }), contentProps: {
             className: cn(S.popupContent, props.doubleCalendar && S.doubleCalendar, S[`size-${size}`], popupProps?.contentProps?.className),
         }, content: jsx(DatePicker, { ...props, className: S.content, calendarProps: { className: S.calendar } }) }));
 }

package/dist/esm/src/components/Flex/Flex.js

@@ -1,19 +1,21 @@
 import { jsx } from 'react/jsx-runtime';
 import S from './Flex.styl.js';
 
-const Flex = ({ children, ...props }) => {
-    return (jsx("div", { className: S.root, ...props, style: {
-            justifyContent: props.justifyContent,
-            alignItems: props.alignItems,
-            flexDirection: props.flexDirection,
-            flexWrap: props.flexWrap,
-            flexGrow: props.flexGrow,
-            flexShrink: props.flexShrink,
-            flexBasis: props.flexBasis,
-            flex: props.flex,
-            order: props.order,
-            alignSelf: props.alignSelf,
-            flexFlow: props.flexFlow,
+const Flex = ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, ...props }) => {
+    return (jsx("div", { className: S.root, 
+        // {...props}
+        style: {
+            justifyContent,
+            alignItems,
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flexShrink,
+            flexBasis,
+            flex,
+            order,
+            alignSelf,
+            flexFlow,
         }, children: children }));
 };
 

package/dist/esm/types/src/components/DatePickerInput/DatePickerInput.types.d.ts

@@ -1,8 +1,10 @@
 import type { Props as PopupProps } from 'uilib/components/Popup/Popup.types';
 import type { Props as DatePickerProps } from 'uilib/components/DatePicker/DatePicker.types';
+import type { Props as ButtonProps } from 'uilib/components/Button/Button.types';
 export type Value = string | [string, string];
 export type Props = DatePickerProps & {
     variant?: string;
     displayFormat: string;
     popupProps?: PopupProps;
+    buttonProps?: Omit<ButtonProps, 'children'>;
 };

package/dist/esm/types/src/components/Flex/Flex.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, HTMLAttributes } from 'react';
-type FlexProps = HTMLAttributes<HTMLDivElement> & CSSProperties & {
+type FlexProps = HTMLAttributes<HTMLDivElement> & Pick<CSSProperties, 'justifyContent' | 'alignItems' | 'flexDirection' | 'flexWrap' | 'flexGrow' | 'flexShrink' | 'flexBasis' | 'flex' | 'order' | 'alignSelf' | 'flexFlow'> & {
     children: React.ReactNode;
 };
-export declare const Flex: ({ children, ...props }: FlexProps) => JSX.Element;
+export declare const Flex: ({ children, justifyContent, alignItems, flexDirection, flexWrap, flexGrow, flexShrink, flexBasis, flex, order, alignSelf, flexFlow, ...props }: FlexProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.22.13",
+  "version": "4.22.15",
   "description": "React UI components library",
   "scripts": {
     "test": "jest",