@purple/phoenix-components 5.13.1 → 5.14.0

package/dist/index.d.ts

@@ -7,7 +7,8 @@ import { Props } from 'react-select';
 import { DayPickerSingleProps, DayPickerProps, DayPickerRangeProps } from 'react-day-picker';
 import { TippyProps } from '@tippyjs/react';
 import { Accept } from 'react-dropzone';
-export { TabPanel, Tabs } from 'react-tabs';
+import { TabsProps as TabsProps$1 } from 'react-tabs';
+export { TabPanel } from 'react-tabs';
 
 declare type GenericComponentProps = {
     testId?: string;
@@ -89,6 +90,7 @@ declare type IconAlignment = typeof IconAlignment[number];
 
 declare const PhoenixIconsOutlinedSrc: {
     readonly actions: string;
+    readonly add: string;
     readonly 'add-circle': string;
     readonly android: string;
     readonly 'angled-arrow-left': string;
@@ -97,14 +99,17 @@ declare const PhoenixIconsOutlinedSrc: {
     readonly 'arrow-down': string;
     readonly 'arrow-left': string;
     readonly 'arrow-right': string;
+    readonly 'arrow-switch': string;
     readonly 'arrow-up': string;
     readonly asterisk: string;
     readonly bell: string;
     readonly browser: string;
     readonly 'bullet-point': string;
     readonly burger: string;
+    readonly calculator: string;
     readonly calendar: string;
     readonly camera: string;
+    readonly 'chart-bar-increase': string;
     readonly chat: string;
     readonly check: string;
     readonly 'check-circle': string;
@@ -128,6 +133,7 @@ declare const PhoenixIconsOutlinedSrc: {
     readonly exit: string;
     readonly external: string;
     readonly eye: string;
+    readonly 'eye-hidden': string;
     readonly filter: string;
     readonly 'forward-arrow': string;
     readonly gift: string;
@@ -142,6 +148,7 @@ declare const PhoenixIconsOutlinedSrc: {
     readonly lock: string;
     readonly paper: string;
     readonly passport: string;
+    readonly pencil: string;
     readonly 'photo-user': string;
     readonly pin: string;
     readonly 'play-circle': string;
@@ -152,8 +159,11 @@ declare const PhoenixIconsOutlinedSrc: {
     readonly revert: string;
     readonly scales: string;
     readonly search: string;
-    readonly star: string;
+    readonly 'search-plus': string;
+    readonly 'share-social': string;
+    readonly sliders: string;
     readonly smartphone: string;
+    readonly star: string;
     readonly 'star-circle': string;
     readonly stopwatch: string;
     readonly 'subtract-circle': string;
@@ -211,6 +221,7 @@ declare const PhoenixIconsSrc: {
     readonly 'star-warning': string;
     readonly 'trash-error': string;
     readonly actions: string;
+    readonly add: string;
     readonly 'add-circle': string;
     readonly android: string;
     readonly 'angled-arrow-left': string;
@@ -219,14 +230,17 @@ declare const PhoenixIconsSrc: {
     readonly 'arrow-down': string;
     readonly 'arrow-left': string;
     readonly 'arrow-right': string;
+    readonly 'arrow-switch': string;
     readonly 'arrow-up': string;
     readonly asterisk: string;
     readonly bell: string;
     readonly browser: string;
     readonly 'bullet-point': string;
     readonly burger: string;
+    readonly calculator: string;
     readonly calendar: string;
     readonly camera: string;
+    readonly 'chart-bar-increase': string;
     readonly chat: string;
     readonly check: string;
     readonly 'check-circle': string;
@@ -250,6 +264,7 @@ declare const PhoenixIconsSrc: {
     readonly exit: string;
     readonly external: string;
     readonly eye: string;
+    readonly 'eye-hidden': string;
     readonly filter: string;
     readonly 'forward-arrow': string;
     readonly gift: string;
@@ -264,6 +279,7 @@ declare const PhoenixIconsSrc: {
     readonly lock: string;
     readonly paper: string;
     readonly passport: string;
+    readonly pencil: string;
     readonly 'photo-user': string;
     readonly pin: string;
     readonly 'play-circle': string;
@@ -274,8 +290,11 @@ declare const PhoenixIconsSrc: {
     readonly revert: string;
     readonly scales: string;
     readonly search: string;
-    readonly star: string;
+    readonly 'search-plus': string;
+    readonly 'share-social': string;
+    readonly sliders: string;
     readonly smartphone: string;
+    readonly star: string;
     readonly 'star-circle': string;
     readonly stopwatch: string;
     readonly 'subtract-circle': string;
@@ -287,11 +306,11 @@ declare const PhoenixIconsSrc: {
     readonly withdrawal: string;
     readonly wrench: string;
 };
-declare const PhoenixIconsOutlined: ("filter" | "revert" | "document" | "list" | "search" | "email" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "bell" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "chat" | "check" | "check-circle" | "clock" | "cog" | "copy" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lightning" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "star" | "smartphone" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
+declare const PhoenixIconsOutlined: ("filter" | "revert" | "document" | "list" | "search" | "email" | "download" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "cog" | "copy" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lightning" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
 declare type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
 declare const PhoenixIconsColored: ("browser-brand" | "calendar-brand" | "camera-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "language-brand" | "lock-brand" | "lock-success" | "paper-brand" | "passport-brand" | "photo-user-brand" | "pin-brand" | "question-circle-brand" | "smartphone-brand" | "star-brand" | "star-warning" | "trash-error")[];
 declare type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
-declare const PhoenixIcons: ("filter" | "revert" | "document" | "list" | "search" | "email" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "bell" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "chat" | "check" | "check-circle" | "clock" | "cog" | "copy" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lightning" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "star" | "smartphone" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "browser-brand" | "calendar-brand" | "camera-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "language-brand" | "lock-brand" | "lock-success" | "paper-brand" | "passport-brand" | "photo-user-brand" | "pin-brand" | "question-circle-brand" | "smartphone-brand" | "star-brand" | "star-warning" | "trash-error")[];
+declare const PhoenixIcons: ("filter" | "revert" | "document" | "list" | "search" | "email" | "download" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "cog" | "copy" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lightning" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "browser-brand" | "calendar-brand" | "camera-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "language-brand" | "lock-brand" | "lock-success" | "paper-brand" | "passport-brand" | "photo-user-brand" | "pin-brand" | "question-circle-brand" | "smartphone-brand" | "star-brand" | "star-warning" | "trash-error")[];
 declare type PhoenixIcons = keyof typeof PhoenixIconsSrc;
 
 declare type IconType = PhoenixIconsOutlined | React.ReactElement | string;
@@ -644,6 +663,13 @@ interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingP
 }
 declare const Paragraph: React$1.FC<ParagraphProps>;
 
+interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, FormControlProps {
+}
+declare const TextInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<TextInputProps> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare type PasswordInputProps = Omit<TextInputProps, 'type' | 'contentRight'>;
+declare const PasswordInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<PasswordInputProps> & React$1.RefAttributes<HTMLInputElement>>;
+
 declare enum PasswordStrengthEnum {
     NONE = "none",
     WEAK = "weak",
@@ -722,6 +748,9 @@ interface SpinnerProps extends MarginProps, GenericComponentProps {
 }
 declare const Spinner: React$1.FC<SpinnerProps>;
 
+declare type TabsProps = TabsProps$1 & GenericComponentProps;
+declare const Tabs: React$1.FC<TabsProps>;
+
 interface TabListCommonProps {
     animate?: boolean;
     size?: Sizing;
@@ -766,10 +795,6 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, For
 }
 declare const TextArea: React$1.FC<TextAreaProps>;
 
-interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, FormControlProps {
-}
-declare const TextInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<TextInputProps> & React$1.RefAttributes<HTMLInputElement>>;
-
 declare type TimezonePickerProps = Omit<SelectProps, 'options'> & GenericComponentProps;
 declare const TimezonePicker: React$1.FC<TimezonePickerProps>;
 
@@ -1885,4 +1910,4 @@ interface BoxShadowObj {
 }
 declare const getBoxShadow: (shadow: BoxShadowObj | BoxShadowObj[]) => string;
 
-export { Box, BoxProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, Color, ColorAndTheme, ColorTheme, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingElement, HeadingProps, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Image, ImageProps, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSelect, MultiSelectProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Paragraph, ParagraphProps, PasswordStrength, PasswordStrengthProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Sizing, SizingMdLg, SizingSmMd, SizingSmMdLg, Slider, SliderProps, SliderValue, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Toggle, ToggleProps, Tooltip, TooltipProps, getBoxShadow, getLineHeightUnitless, getSpacingCssValue, getTextColor, getOptions as getTimezoneOptions, getUnitlessNumber, isColorTheme, isSizing, isSpacing, isTextColor };
+export { Box, BoxProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, ClosableButton, ClosableButtonProps, ClosableItem, ClosableItemProps, Collapsible, CollapsibleCard, CollapsibleCardProps, CollapsibleProps, Color, ColorAndTheme, ColorTheme, DateInput, DateInputProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, DateRangeValue, DateValue, Dropdown, DropdownProps, FileUpload, FileUploadProps, FileWithPreview, Flex, GlobalStyles, Grid, Heading, HeadingElement, HeadingProps, HorizontalDivider, HorizontalDividerProps, Icon, IconAlignment, IconProps, IconType, Image, ImageProps, Label, LabelProps, Link, LinkButton, LinkButtonProps, LinkProps, List, ListItem, ListItemProps, ListProps, Menu, MenuItem, MenuItemProps, MenuProps, Modal, ModalProps, MultiSelect, MultiSelectProps, MultiSlider, MultiSliderProps, MultiSliderValue, Notice, NoticeProps, NumberInput, NumberInputProps, Paragraph, ParagraphProps, PasswordInput, PasswordStrength, PasswordStrengthProps, PhoenixIcons, PhoenixIconsColored, PhoenixIconsColoredSrc, PhoenixIconsOutlined, PhoenixIconsOutlinedSrc, PhoenixIconsSrc, ProgressBar, ProgressBarProps, Radio, RadioProps, Select, SelectNative, SelectNativeProps, SelectOption, SelectPicker, SelectPickerOption, SelectPickerProps, SelectProps, Sizing, SizingMdLg, SizingSmMd, SizingSmMdLg, Slider, SliderProps, SliderValue, Spacing, Spinner, SpinnerProps, Tab, TabFunctionProps, TabList, TabListProps, TabProps, Tabs, TabsProps, Tag, TagProps, Text, TextArea, TextAreaProps, TextColor, TextInput, TextInputProps, TextProps, prefixedTheme as Theme, TimezonePicker, TimezonePickerProps, Toggle, ToggleProps, Tooltip, TooltipProps, getBoxShadow, getLineHeightUnitless, getSpacingCssValue, getTextColor, getOptions as getTimezoneOptions, getUnitlessNumber, isColorTheme, isSizing, isSpacing, isTextColor };

package/package.json

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