@purple/phoenix-components 4.32.0 → 4.34.0

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactElement, InputHTMLAttributes, JSXElementConstructor, MouseEventHandler, FocusEventHandler, TextareaHTMLAttributes } from 'react';
+import React__default, { HTMLAttributes, ReactElement, InputHTMLAttributes, FocusEventHandler, JSXElementConstructor, MouseEventHandler, TextareaHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { IntrinsicElementsKeys } from 'styled-components';
 import { LayoutProps, FlexboxProps, GridProps, BackgroundColorProps, BackgroundProps, OpacityProps, PositionProps, BorderProps } from 'styled-system';
 import * as CSS from 'csstype';
+import { OptionTypeBase, NamedProps } from 'react-select';
 import { DayPickerProps } from 'react-day-picker';
 import { Props } from 'tippy.js';
-import { OptionTypeBase, NamedProps } from 'react-select';
 import { TippyProps } from '@tippyjs/react';
 export { TabPanel, Tabs } from 'react-tabs';
 
@@ -347,6 +347,49 @@ interface CollapsibleCardProps extends CardProps, GenericComponentProps {
 }
 declare const CollapsibleCard: React$1.FC<CollapsibleCardProps>;
 
+interface FormControlProps extends GenericComponentProps {
+    label?: string;
+    success?: boolean;
+    warning?: FormControlWarningType;
+    error?: FormControlErrorType;
+    contentRight?: string | React__default.ReactNode;
+    helperText?: string;
+    RTL?: boolean;
+    size?: ComponentSize;
+    disabled?: boolean;
+    focused?: boolean;
+    minimal?: boolean;
+}
+
+interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'>, FormControlProps {
+    value: number | null;
+    onChange: (value: number | null) => void;
+    numberFormatErrorMessage?: string;
+    maxDecimalCount?: number;
+}
+declare const NumberInput: React__default.FC<NumberInputProps>;
+
+interface CommonSelectProps extends FormControlProps {
+    name?: string;
+    options?: SelectOption[];
+    onFocus?: FocusEventHandler<HTMLSelectElement>;
+    onBlur?: FocusEventHandler<HTMLSelectElement>;
+    reactSelectProps?: Omit<NamedProps, 'theme'>;
+    preventSearch?: boolean;
+}
+interface SelectOption extends OptionTypeBase {
+    label: string;
+    value: string | number;
+    isDisabled?: boolean;
+}
+
+interface SelectProps extends CommonSelectProps {
+    onChange: (option: SelectOption | null) => void;
+    value?: SelectOption | null;
+    useNativeSelectOnMobile?: boolean;
+}
+declare const Select: React__default.FC<SelectProps>;
+
 interface Month {
     value: number;
     label: string;
@@ -375,6 +418,9 @@ interface DateInputProps extends GenericComponentProps {
     size?: ComponentSizeSmallMediumLarge;
     disabled?: boolean;
     setTouched?: (touched: boolean) => void;
+    dayProps?: Omit<NumberInputProps, 'value' | 'onChange'>;
+    monthProps?: Omit<SelectProps, 'onChange'>;
+    yearProps?: Omit<NumberInputProps, 'value' | 'onChange'>;
 }
 declare const DateInput: React__default.FC<DateInputProps>;
 
@@ -548,28 +594,6 @@ interface NoticeProps extends GenericComponentProps, MarginProps, PaddingProps {
 }
 declare const Notice: React__default.FC<NoticeProps>;
 
-interface FormControlProps extends GenericComponentProps {
-    label?: string;
-    success?: boolean;
-    warning?: FormControlWarningType;
-    error?: FormControlErrorType;
-    contentRight?: string | React__default.ReactNode;
-    helperText?: string;
-    RTL?: boolean;
-    size?: ComponentSize;
-    disabled?: boolean;
-    focused?: boolean;
-    minimal?: boolean;
-}
-
-interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'>, FormControlProps {
-    value: number | null;
-    onChange: (value: number | null) => void;
-    numberFormatErrorMessage?: string;
-    maxDecimalCount?: number;
-}
-declare const NumberInput: React__default.FC<NumberInputProps>;
-
 interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingProps, MarginProps {
     size?: ComponentSizeSmallMediumLarge | string | number;
 }
@@ -578,27 +602,6 @@ declare const Paragraph: React__default.FC<ParagraphProps>;
 declare type RadioProps = CheckboxRadioCommonProps;
 declare const Radio: React__default.VoidFunctionComponent<RadioProps>;
 
-interface CommonSelectProps extends FormControlProps {
-    name?: string;
-    options?: SelectOption[];
-    onFocus?: FocusEventHandler<HTMLSelectElement>;
-    onBlur?: FocusEventHandler<HTMLSelectElement>;
-    reactSelectProps?: Omit<NamedProps, 'theme'>;
-    preventSearch?: boolean;
-}
-interface SelectOption extends OptionTypeBase {
-    label: string;
-    value: string | number;
-    isDisabled?: boolean;
-}
-
-interface SelectProps extends CommonSelectProps {
-    onChange: (option: SelectOption | null) => void;
-    value?: SelectOption | null;
-    useNativeSelectOnMobile?: boolean;
-}
-declare const Select: React__default.FC<SelectProps>;
-
 interface SelectNativeProps extends FormControlProps {
     onChange: (option: SelectOption | null) => void;
     value?: SelectOption | null;
@@ -654,10 +657,16 @@ interface SpinnerProps extends MarginProps, GenericComponentProps {
 }
 declare const Spinner: React__default.FC<SpinnerProps>;
 
-interface TabProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'tabIndex'>, GenericComponentProps {
+interface TabListCommonProps {
     animate?: boolean;
+    size?: ComponentSizeSmallMediumLarge;
+}
+interface TabCommonProps extends TabListCommonProps {
     selected?: boolean;
     disabled?: boolean;
+}
+
+interface TabProps extends Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'tabIndex'>, GenericComponentProps, TabCommonProps {
     disabledClassName?: string;
     selectedClassName?: string;
     tabIndex?: string;
@@ -668,9 +677,7 @@ declare type TabFunctionProps = React__default.ForwardRefExoticComponent<TabProp
 } & React__default.RefAttributes<HTMLAnchorElement>;
 declare const Tab: TabFunctionProps;
 
-interface TabListProps extends GenericComponentProps {
-    animate?: boolean;
-}
+declare type TabListProps = GenericComponentProps & TabListCommonProps;
 declare const TabList: React__default.FC<TabListProps> & {
     tabsRole: 'TabList';
 };
@@ -942,6 +949,13 @@ declare const prefixedTheme: {
                 large: number;
             };
         };
+        tabs: {
+            size: {
+                small: number;
+                medium: number;
+                large: number;
+            };
+        };
         tag: {
             padding: {
                 small: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@purple/phoenix-components",
-	"version": "4.32.0",
+	"version": "4.34.0",
 	"description": "",
 	"main": "dist/bundle.umd.js",
 	"module": "dist/bundle.esm.js",