@purple/phoenix-components 4.29.0 → 4.32.0

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import React__default, { HTMLAttributes, ReactElement, InputHTMLAttributes, JSXE
 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 { DayPickerProps } from 'react-day-picker';
 import { Props } from 'tippy.js';
 import { OptionTypeBase, NamedProps } from 'react-select';
@@ -39,8 +40,6 @@ interface PaddingProps {
 
 declare const ColorTheme: readonly ["primary", "success", "warning", "error", "info", "neutral"];
 declare type ColorTheme = typeof ColorTheme[number];
-declare const ButtonColorTheme: readonly ["primary", "success", "error", "neutral"];
-declare type ButtonColorTheme = typeof ButtonColorTheme[number];
 
 declare const TextAlignment: readonly ["left", "center", "right", "justify"];
 declare type TextAlignment = typeof TextAlignment[number];
@@ -57,7 +56,13 @@ interface TextAlignProp {
     textAlign?: TextAlignment;
 }
 
-interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, LayoutProps, FlexboxProps, GridProps, MarginProps, PaddingProps, BackgroundColorProps, BackgroundProps, OpacityProps, PositionProps, TextAlignProp, BorderProps, GenericComponentProps {
+interface GapProps {
+    gap?: CSS.Property.Gap;
+    rowGap?: Spacing | string | number;
+    columnGap?: Spacing | string | number;
+}
+
+interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, LayoutProps, FlexboxProps, GridProps, MarginProps, PaddingProps, BackgroundColorProps, BackgroundProps, OpacityProps, PositionProps, TextAlignProp, BorderProps, GenericComponentProps, GapProps {
     element?: IntrinsicElementsKeys;
 }
 declare const Box: React__default.FC<BoxProps>;
@@ -280,7 +285,7 @@ declare type PhoenixIcons = keyof typeof PhoenixIconsSrc;
 declare type IconType = PhoenixIconsOutlined | React.ReactElement | string;
 
 interface CommonButtonProps extends MarginProps {
-    colorTheme?: ButtonColorTheme;
+    colorTheme?: ColorTheme;
     size?: ComponentSize;
     minimal?: boolean;
     light?: boolean;
@@ -311,7 +316,7 @@ declare type FormControlErrorType = ReactElement | string | boolean;
 
 interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, GenericComponentProps {
     RTL?: boolean;
-    colorTheme?: ButtonColorTheme;
+    colorTheme?: ColorTheme;
     size?: ComponentSizeMediumLarge;
     label?: React__default.ReactNode;
     warning?: FormControlWarningType;
@@ -352,9 +357,9 @@ interface InputLabels {
     year: string;
 }
 interface DateValue {
-    day: string;
+    day: number;
     month: number;
-    year: string;
+    year: number;
 }
 interface DateInputProps extends GenericComponentProps {
     value: DateValue | null;
@@ -532,6 +537,11 @@ declare const MultiSlider: React__default.FC<MultiSliderProps>;
 interface NoticeProps extends GenericComponentProps, MarginProps, PaddingProps {
     colorTheme?: ColorTheme;
     buttonText?: string;
+    buttonLoading?: boolean;
+    buttonIcon?: IconType;
+    buttonIconAlignment?: IconAlignment;
+    buttonTestId?: string;
+    closeTestId?: string;
     onClick?: (event: React__default.MouseEvent) => void;
     onClose?: (event: React__default.MouseEvent) => void;
     breakpoint?: number;
@@ -555,8 +565,8 @@ interface FormControlProps extends GenericComponentProps {
 interface NumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'onChange'>, FormControlProps {
     value: number | null;
     onChange: (value: number | null) => void;
-    numberFormatErrorMessage: string;
-    maxDecimalCount: number;
+    numberFormatErrorMessage?: string;
+    maxDecimalCount?: number;
 }
 declare const NumberInput: React__default.FC<NumberInputProps>;
 
@@ -609,7 +619,7 @@ interface SelectPickerProps extends GenericComponentProps {
     warning?: string;
     onMouseOver?: (event: React__default.MouseEvent) => void;
     onMouseLeave?: (event: React__default.MouseEvent) => void;
-    colorTheme?: ButtonColorTheme;
+    colorTheme?: ColorTheme;
     size?: ComponentSizeMediumLarge;
     imageSize?: string;
 }
@@ -665,7 +675,7 @@ declare const TabList: React__default.FC<TabListProps> & {
     tabsRole: 'TabList';
 };
 
-interface TagProps extends GenericComponentProps {
+interface TagProps extends GenericComponentProps, MarginProps {
     colorTheme?: ColorTheme;
     size?: ComponentSizeSmallMedium;
 }
@@ -736,11 +746,21 @@ declare const prefixedTheme: {
             };
             warning: {
                 dark: string;
+                darkHoverBackground: string;
+                darkDisabledBackground: string;
                 light: string;
+                lightHoverBackground: string;
+                lightDisabledBackground: string;
+                lightDisabledColor: string;
             };
             info: {
                 dark: string;
+                darkHoverBackground: string;
+                darkDisabledBackground: string;
                 light: string;
+                lightHoverBackground: string;
+                lightDisabledBackground: string;
+                lightDisabledColor: string;
             };
             gray: {
                 _0: string;
@@ -944,4 +964,4 @@ declare const prefixedTheme: {
 
 declare const GlobalStyles: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;
 
-export { Box, BoxProps, Button, ButtonColorTheme, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, ColorTheme, ComponentSize, ComponentSizeMediumLarge, ComponentSizeSmallMedium, ComponentSizeSmallMediumLarge, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingProps, HeadingSizes, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuDivider, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Paragraph, ParagraphProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Slider, SliderProps, SliderValue, Spacer, SpacerProps, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Tooltip, TooltipProps, getOptions as getTimezoneOptions };
+export { Box, BoxProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, ColorTheme, ComponentSize, ComponentSizeMediumLarge, ComponentSizeSmallMedium, ComponentSizeSmallMediumLarge, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingProps, HeadingSizes, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuDivider, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Paragraph, ParagraphProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Slider, SliderProps, SliderValue, Spacer, SpacerProps, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Tooltip, TooltipProps, getOptions as getTimezoneOptions };

package/package.json

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