@purple/phoenix-components 5.27.0 → 5.28.0

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/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import React$1, { HTMLAttributes, PropsWithChildren, ReactElement, InputHTMLAttributes, FocusEventHandler, JSXElementConstructor, MouseEventHandler, TextareaHTMLAttributes } from 'react';
2
+ import React$1, { HTMLAttributes, JSX, PropsWithChildren, ReactElement, InputHTMLAttributes, FocusEventHandler, JSXElementConstructor, MouseEventHandler, TextareaHTMLAttributes } from 'react';
3
3
  import * as styled_components from 'styled-components';
4
4
  import { DefaultTheme, IntrinsicElementsKeys } from 'styled-components';
5
5
  import { LayoutProps, FlexboxProps, GridProps, BackgroundColorProps, BackgroundProps, OpacityProps, PositionProps, BorderProps, DisplayProps } from 'styled-system';
@@ -330,11 +330,11 @@ declare const PhoenixIconsSrc: {
330
330
  readonly withdrawal: string;
331
331
  readonly wrench: string;
332
332
  };
333
- declare const PhoenixIconsOutlined: ("filter" | "revert" | "key" | "download" | "list" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "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" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
333
+ declare const PhoenixIconsOutlined: ("search" | "filter" | "revert" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "download" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "gift" | "history" | "house" | "id-card" | "info-circle" | "key" | "language" | "later" | "lightning" | "list" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
334
334
  type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
335
335
  declare const PhoenixIconsColored: ("bell-brand" | "browser-brand" | "calendar-brand" | "camera-brand" | "contrast-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "key-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")[];
336
336
  type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
337
- declare const PhoenixIcons: ("filter" | "revert" | "key" | "download" | "list" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "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" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "bell-brand" | "browser-brand" | "calendar-brand" | "camera-brand" | "contrast-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "key-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")[];
337
+ declare const PhoenixIcons: ("search" | "filter" | "revert" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "download" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "gift" | "history" | "house" | "id-card" | "info-circle" | "key" | "language" | "later" | "lightning" | "list" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "bell-brand" | "browser-brand" | "calendar-brand" | "camera-brand" | "contrast-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "key-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")[];
338
338
  type PhoenixIcons = keyof typeof PhoenixIconsSrc;
339
339
 
340
340
  type IconType = PhoenixIconsOutlined | React.ReactElement | string;
@@ -770,7 +770,7 @@ interface ProgressBarProps extends MarginProps, GenericComponentProps {
770
770
  declare const ProgressBar: React$1.FC<ProgressBarProps>;
771
771
 
772
772
  type RadioProps = CheckboxRadioCommonProps;
773
- declare const Radio: React$1.VoidFunctionComponent<RadioProps>;
773
+ declare const Radio: React$1.FunctionComponent<RadioProps>;
774
774
 
775
775
  interface SelectNativeProps<Option extends SelectOption = SelectOption> extends FormControlProps {
776
776
  onChange: (option: Option | null) => void;
@@ -838,10 +838,11 @@ interface TabProps extends Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>,
838
838
  selectedClassName?: string;
839
839
  tabIndex?: string;
840
840
  id?: string;
841
+ ref?: React$1.Ref<HTMLAnchorElement>;
841
842
  }
842
- type TabFunctionProps = React$1.ForwardRefExoticComponent<TabProps> & {
843
+ type TabFunctionProps = React$1.FC<TabProps> & {
843
844
  tabsRole?: 'Tab';
844
- } & React$1.RefAttributes<HTMLAnchorElement>;
845
+ };
845
846
  declare const Tab: TabFunctionProps;
846
847
 
847
848
  type TabListProps = GenericComponentProps & TabListCommonProps;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purple/phoenix-components",
3
- "version": "5.27.0",
3
+ "version": "5.28.0",
4
4
  "description": "",
5
5
  "main": "dist/bundle.umd.js",
6
6
  "module": "dist/bundle.esm.js",
@@ -35,23 +35,23 @@
35
35
  "@react-hook/previous": "~1.0.1",
36
36
  "@tippyjs/react": "~4.2.6",
37
37
  "countries-and-timezones": "^3.3.0",
38
- "formik": "~2.2.9",
38
+ "formik": "~2.4.6",
39
39
  "is-mobile": "~3.1.1",
40
40
  "lodash": "~4.17.21",
41
41
  "nanoid": "~3.3.4",
42
42
  "nouislider": "~15.7.2",
43
43
  "react-day-picker": "~8.7.1",
44
- "react-dropzone": "~14.2.2",
44
+ "react-dropzone": "~14.3.8",
45
45
  "react-inlinesvg": "~3.0.1",
46
46
  "react-pdf": "~8.0.2",
47
- "react-select": "^5.7.0",
47
+ "react-select": "^5.10.2",
48
48
  "react-tabs": "^6.1.0",
49
49
  "styled-system": "~5.1.5",
50
50
  "zxcvbn": "~4.4.2"
51
51
  },
52
52
  "peerDependencies": {
53
- "react": ">=16.3",
54
- "react-dom": ">=16.3",
53
+ "react": ">=18",
54
+ "react-dom": ">=18",
55
55
  "styled-components": ">=5.3"
56
56
  },
57
57
  "devDependencies": {
@@ -70,7 +70,6 @@
70
70
  "@commitlint/config-conventional": "^17.0.0",
71
71
  "@eslint/js": "^9.29.0",
72
72
  "@ironkinoko/rollup-plugin-styles": "^4.0.3",
73
- "@pxblue/storybook-rtl-addon": "^1.1.0",
74
73
  "@rollup/plugin-json": "^6.0.0",
75
74
  "@rollup/plugin-node-resolve": "^15.0.2",
76
75
  "@rollup/plugin-terser": "^0.4.3",
@@ -91,8 +90,8 @@
91
90
  "@types/jest": "^27.0.2",
92
91
  "@types/lodash": "^4.14.178",
93
92
  "@types/node": "^20.4.7",
94
- "@types/react": "^18.0.20",
95
- "@types/react-dom": "^18.0.6",
93
+ "@types/react": "^19.1.8",
94
+ "@types/react-dom": "^19.1.6",
96
95
  "@types/react-tabs": "^5.0.5",
97
96
  "@types/styled-components": "^5.1.26",
98
97
  "@types/styled-system": "^5.1.13",
@@ -117,9 +116,9 @@
117
116
  "lint-staged": "^12.0.0",
118
117
  "postcss": "^8.4.21",
119
118
  "prettier": "2.3.2",
120
- "react": "^18.2.0",
119
+ "react": "^19.1.0",
121
120
  "react-docgen-typescript-loader": "^3.1.1",
122
- "react-dom": "^18.2.0",
121
+ "react-dom": "^19.1.0",
123
122
  "react-is": "^18.2.0",
124
123
  "remark-gfm": "^3.0.1",
125
124
  "rimraf": "^3.0.0",