@purple/phoenix-components 4.22.1 → 4.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -0
- package/dist/bundle.cjs.js +1 -1
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +2 -2
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.map +1 -1
- package/dist/index.d.ts +26 -3
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -87,6 +87,7 @@ declare const PhoenixIconsOutlinedSrc: {
|
|
|
87
87
|
readonly 'arrow-up': string;
|
|
88
88
|
readonly asterisk: string;
|
|
89
89
|
readonly browser: string;
|
|
90
|
+
readonly 'bullet-point': string;
|
|
90
91
|
readonly burger: string;
|
|
91
92
|
readonly calendar: string;
|
|
92
93
|
readonly camera: string;
|
|
@@ -110,6 +111,7 @@ declare const PhoenixIconsOutlinedSrc: {
|
|
|
110
111
|
readonly exclamation: string;
|
|
111
112
|
readonly exit: string;
|
|
112
113
|
readonly external: string;
|
|
114
|
+
readonly eye: string;
|
|
113
115
|
readonly filter: string;
|
|
114
116
|
readonly 'forward-arrow': string;
|
|
115
117
|
readonly gift: string;
|
|
@@ -118,6 +120,7 @@ declare const PhoenixIconsOutlinedSrc: {
|
|
|
118
120
|
readonly 'id-card': string;
|
|
119
121
|
readonly 'info-circle': string;
|
|
120
122
|
readonly language: string;
|
|
123
|
+
readonly later: string;
|
|
121
124
|
readonly list: string;
|
|
122
125
|
readonly lock: string;
|
|
123
126
|
readonly paper: string;
|
|
@@ -186,6 +189,7 @@ declare const PhoenixIconsSrc: {
|
|
|
186
189
|
readonly 'arrow-up': string;
|
|
187
190
|
readonly asterisk: string;
|
|
188
191
|
readonly browser: string;
|
|
192
|
+
readonly 'bullet-point': string;
|
|
189
193
|
readonly burger: string;
|
|
190
194
|
readonly calendar: string;
|
|
191
195
|
readonly camera: string;
|
|
@@ -209,6 +213,7 @@ declare const PhoenixIconsSrc: {
|
|
|
209
213
|
readonly exclamation: string;
|
|
210
214
|
readonly exit: string;
|
|
211
215
|
readonly external: string;
|
|
216
|
+
readonly eye: string;
|
|
212
217
|
readonly filter: string;
|
|
213
218
|
readonly 'forward-arrow': string;
|
|
214
219
|
readonly gift: string;
|
|
@@ -217,6 +222,7 @@ declare const PhoenixIconsSrc: {
|
|
|
217
222
|
readonly 'id-card': string;
|
|
218
223
|
readonly 'info-circle': string;
|
|
219
224
|
readonly language: string;
|
|
225
|
+
readonly later: string;
|
|
220
226
|
readonly list: string;
|
|
221
227
|
readonly lock: string;
|
|
222
228
|
readonly paper: string;
|
|
@@ -242,11 +248,11 @@ declare const PhoenixIconsSrc: {
|
|
|
242
248
|
readonly withdrawal: string;
|
|
243
249
|
readonly wrench: string;
|
|
244
250
|
};
|
|
245
|
-
declare const PhoenixIconsOutlined: ("filter" | "search" | "revert" | "document" | "list" | "email" | "copy" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "browser" | "burger" | "calendar" | "camera" | "check" | "check-circle" | "clock" | "cog" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "scales" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
|
|
251
|
+
declare const PhoenixIconsOutlined: ("filter" | "search" | "revert" | "document" | "list" | "email" | "copy" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "check" | "check-circle" | "clock" | "cog" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "scales" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
|
|
246
252
|
declare type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
|
|
247
253
|
declare const PhoenixIconsColored: ("calendar-primary" | "camera-primary" | "email-primary" | "exclamation-error" | "exclamation-warning" | "house-primary" | "id-card-primary" | "lock-primary" | "lock-success" | "paper-primary" | "passport-primary" | "photo-user-primary" | "pin-primary" | "trash-error")[];
|
|
248
254
|
declare type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
|
|
249
|
-
declare const PhoenixIcons: ("filter" | "search" | "revert" | "document" | "list" | "email" | "copy" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "browser" | "burger" | "calendar" | "camera" | "check" | "check-circle" | "clock" | "cog" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "scales" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "calendar-primary" | "camera-primary" | "email-primary" | "exclamation-error" | "exclamation-warning" | "house-primary" | "id-card-primary" | "lock-primary" | "lock-success" | "paper-primary" | "passport-primary" | "photo-user-primary" | "pin-primary" | "trash-error")[];
|
|
255
|
+
declare const PhoenixIcons: ("filter" | "search" | "revert" | "document" | "list" | "email" | "copy" | "download" | "actions" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "asterisk" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "check" | "check-circle" | "clock" | "cog" | "cross" | "deposit" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "edit" | "ellipsis" | "exclamation" | "exit" | "external" | "eye" | "forward-arrow" | "gift" | "history" | "house" | "id-card" | "info-circle" | "language" | "later" | "lock" | "paper" | "passport" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "scales" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "calendar-primary" | "camera-primary" | "email-primary" | "exclamation-error" | "exclamation-warning" | "house-primary" | "id-card-primary" | "lock-primary" | "lock-success" | "paper-primary" | "passport-primary" | "photo-user-primary" | "pin-primary" | "trash-error")[];
|
|
250
256
|
declare type PhoenixIcons = keyof typeof PhoenixIconsSrc;
|
|
251
257
|
|
|
252
258
|
declare type IconType = PhoenixIconsOutlined | React.ReactElement | string;
|
|
@@ -436,6 +442,22 @@ interface LinkButtonProps extends React__default.AnchorHTMLAttributes<HTMLAnchor
|
|
|
436
442
|
}
|
|
437
443
|
declare const LinkButton: React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<LinkButtonProps> & React__default.RefAttributes<HTMLAnchorElement>>;
|
|
438
444
|
|
|
445
|
+
interface ListCommonProps {
|
|
446
|
+
size?: ComponentSizeSmallMediumLarge | string | number;
|
|
447
|
+
color?: TextColor;
|
|
448
|
+
icon?: IconType | PhoenixIconsColored | null;
|
|
449
|
+
colorTheme?: ColorTheme;
|
|
450
|
+
bulletColor?: TextColor;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
interface ListProps extends ListCommonProps, Omit<HTMLAttributes<HTMLUListElement>, 'color'>, PaddingProps, MarginProps, GenericComponentProps {
|
|
454
|
+
}
|
|
455
|
+
declare const List: React__default.FC<ListProps>;
|
|
456
|
+
|
|
457
|
+
interface ListItemProps extends ListCommonProps, Omit<HTMLAttributes<HTMLLIElement>, 'size' | 'color'>, MarginProps, GenericComponentProps {
|
|
458
|
+
}
|
|
459
|
+
declare const ListItem: React__default.FC<ListItemProps>;
|
|
460
|
+
|
|
439
461
|
interface MenuProps extends PaddingProps, GenericComponentProps {
|
|
440
462
|
}
|
|
441
463
|
declare const Menu: React__default.FC<MenuProps>;
|
|
@@ -460,6 +482,7 @@ interface ModalProps extends GenericComponentProps, PaddingProps, MarginProps {
|
|
|
460
482
|
animate?: boolean;
|
|
461
483
|
center?: boolean;
|
|
462
484
|
closeOnOverlayClick?: boolean;
|
|
485
|
+
container?: Element;
|
|
463
486
|
}
|
|
464
487
|
declare const Modal: React__default.FC<ModalProps>;
|
|
465
488
|
|
|
@@ -896,4 +919,4 @@ declare const prefixedTheme: {
|
|
|
896
919
|
|
|
897
920
|
declare const GlobalStyles: styled_components.GlobalStyleComponent<{}, styled_components.DefaultTheme>;
|
|
898
921
|
|
|
899
|
-
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, 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 };
|
|
922
|
+
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purple/phoenix-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.23.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/bundle.umd.js",
|
|
6
6
|
"module": "dist/bundle.esm.js",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@types/react-pdf": "~5.0.5",
|
|
54
54
|
"countries-and-timezones": "~2.3.1",
|
|
55
55
|
"is-mobile": "~3.0.0",
|
|
56
|
-
"lodash
|
|
56
|
+
"lodash": "~4.17.21",
|
|
57
57
|
"nanoid": "~3.1.23",
|
|
58
58
|
"nouislider": "~15.2.0",
|
|
59
59
|
"react-day-picker": "~7.4.10",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@testing-library/react": "^12.1.2",
|
|
94
94
|
"@types/countries-and-timezones": "^2.0.3",
|
|
95
95
|
"@types/jest": "^27.0.2",
|
|
96
|
-
"@types/lodash
|
|
96
|
+
"@types/lodash": "^4.14.178",
|
|
97
97
|
"@types/react": "^17.0.6",
|
|
98
98
|
"@types/react-dom": "^17.0.5",
|
|
99
99
|
"@types/react-select": "^4.0.15",
|