@purple/phoenix-components 5.9.0 → 5.11.0-beta.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.
Files changed (10) hide show
  1. package/LICENSE +0 -0
  2. package/README.md +0 -0
  3. package/dist/bundle.cjs.js +1 -1
  4. package/dist/bundle.cjs.js.map +1 -1
  5. package/dist/bundle.esm.js +15 -1
  6. package/dist/bundle.esm.js.map +1 -1
  7. package/dist/bundle.umd.js +1 -1
  8. package/dist/bundle.umd.js.map +1 -1
  9. package/dist/index.d.ts +34 -32
  10. package/package.json +151 -148
package/dist/index.d.ts CHANGED
@@ -10,16 +10,16 @@ import { Accept } from 'react-dropzone';
10
10
  import { TippyProps } from '@tippyjs/react';
11
11
  export { TabPanel, Tabs } from 'react-tabs';
12
12
 
13
- type GenericComponentProps = {
13
+ declare type GenericComponentProps = {
14
14
  testId?: string;
15
15
  className?: string;
16
16
  };
17
17
 
18
- type CSSValue = (string & {}) | number;
19
- type CSSColor = string & {};
18
+ declare type CSSValue = (string & {}) | number;
19
+ declare type CSSColor = string & {};
20
20
 
21
21
  declare const Spacing: readonly ["3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
22
- type Spacing = typeof Spacing[number];
22
+ declare type Spacing = typeof Spacing[number];
23
23
  declare const isSpacing: (size?: Spacing | CSSValue) => size is "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
24
24
  declare const getSpacingCssValue: (theme: DefaultTheme, value?: Spacing | CSSValue, defaultValue?: string) => string;
25
25
 
@@ -44,25 +44,25 @@ interface PaddingProps {
44
44
  }
45
45
 
46
46
  declare const ColorTheme: readonly ["brand", "success", "warning", "error", "info", "neutral"];
47
- type ColorTheme = typeof ColorTheme[number];
47
+ declare type ColorTheme = typeof ColorTheme[number];
48
48
  declare const isColorTheme: (color?: Color) => color is "brand" | "success" | "warning" | "error" | "info" | "neutral";
49
49
  declare const TextColor: readonly ["primary", "secondary", "tertiary", "quaternary"];
50
- type TextColor = typeof TextColor[number];
50
+ declare type TextColor = typeof TextColor[number];
51
51
  declare const isTextColor: (color?: Color) => color is "primary" | "secondary" | "tertiary" | "quaternary";
52
- type Color = TextColor | ColorTheme | CSSColor;
52
+ declare type Color = TextColor | ColorTheme | CSSColor;
53
53
 
54
54
  declare const Sizing: readonly ["xs", "sm", "md", "lg"];
55
- type Sizing = typeof Sizing[number];
55
+ declare type Sizing = typeof Sizing[number];
56
56
  declare const isSizing: (size?: Sizing | CSSValue) => size is "xs" | "sm" | "md" | "lg";
57
57
  declare const SizingSmMd: readonly ["sm", "md"];
58
- type SizingSmMd = typeof SizingSmMd[number];
58
+ declare type SizingSmMd = typeof SizingSmMd[number];
59
59
  declare const SizingMdLg: readonly ["md", "lg"];
60
- type SizingMdLg = typeof SizingMdLg[number];
60
+ declare type SizingMdLg = typeof SizingMdLg[number];
61
61
  declare const SizingSmMdLg: readonly ["sm", "md", "lg"];
62
- type SizingSmMdLg = typeof SizingSmMdLg[number];
62
+ declare type SizingSmMdLg = typeof SizingSmMdLg[number];
63
63
 
64
64
  declare const TextAlignment: readonly ["left", "center", "right", "justify"];
65
- type TextAlignment = typeof TextAlignment[number];
65
+ declare type TextAlignment = typeof TextAlignment[number];
66
66
 
67
67
  interface CommonTextProps<T> extends HTMLAttributes<T>, GenericComponentProps, TextAlignProp {
68
68
  color?: Color;
@@ -86,7 +86,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, Layout
86
86
  declare const Box: React$1.FC<BoxProps>;
87
87
 
88
88
  declare const IconAlignment: readonly ["left", "right"];
89
- type IconAlignment = typeof IconAlignment[number];
89
+ declare type IconAlignment = typeof IconAlignment[number];
90
90
 
91
91
  declare const PhoenixIconsOutlinedSrc: {
92
92
  readonly actions: string;
@@ -288,14 +288,14 @@ declare const PhoenixIconsSrc: {
288
288
  readonly withdrawal: string;
289
289
  readonly wrench: string;
290
290
  };
291
- declare const PhoenixIconsOutlined: ("search" | "filter" | "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" | "bell" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "chat" | "check" | "check-circle" | "clock" | "cog" | "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")[];
292
- type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
291
+ declare const PhoenixIconsOutlined: ("filter" | "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" | "revert" | "scales" | "star" | "smartphone" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
292
+ declare type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
293
293
  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")[];
294
- type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
295
- declare const PhoenixIcons: ("search" | "filter" | "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" | "bell" | "browser" | "bullet-point" | "burger" | "calendar" | "camera" | "chat" | "check" | "check-circle" | "clock" | "cog" | "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")[];
296
- type PhoenixIcons = keyof typeof PhoenixIconsSrc;
294
+ declare type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
295
+ declare const PhoenixIcons: ("filter" | "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" | "revert" | "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")[];
296
+ declare type PhoenixIcons = keyof typeof PhoenixIconsSrc;
297
297
 
298
- type IconType = PhoenixIconsOutlined | React.ReactElement | string;
298
+ declare type IconType = PhoenixIconsOutlined | React.ReactElement | string;
299
299
 
300
300
  interface CommonButtonProps extends MarginProps {
301
301
  colorTheme?: ColorTheme;
@@ -326,8 +326,8 @@ interface CardProps extends PaddingProps, MarginProps, GenericComponentProps {
326
326
  }
327
327
  declare const Card: React$1.FC<PropsWithChildren<CardProps>>;
328
328
 
329
- type FormControlWarningType = ReactElement | string;
330
- type FormControlErrorType = ReactElement | string | boolean;
329
+ declare type FormControlWarningType = ReactElement | string;
330
+ declare type FormControlErrorType = ReactElement | string | boolean;
331
331
 
332
332
  interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, GenericComponentProps {
333
333
  colorTheme?: ColorTheme;
@@ -337,7 +337,9 @@ interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputEle
337
337
  error?: FormControlErrorType;
338
338
  }
339
339
 
340
- type CheckboxProps = CheckboxRadioCommonProps;
340
+ declare type CheckboxProps = CheckboxRadioCommonProps & {
341
+ indeterminate?: boolean;
342
+ };
341
343
  declare const Checkbox: React$1.FC<CheckboxProps>;
342
344
 
343
345
  interface ClosableButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, GenericComponentProps {
@@ -508,7 +510,7 @@ declare const Flex: React$1.FC<BoxProps>;
508
510
 
509
511
  declare const Grid: React$1.FC<BoxProps>;
510
512
 
511
- type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4';
513
+ declare type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4';
512
514
  interface HeadingProps extends CommonTextProps<HTMLHeadingElement>, PaddingProps, MarginProps {
513
515
  element?: HeadingElement;
514
516
  }
@@ -535,7 +537,7 @@ interface ImageProps extends Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, '
535
537
  }
536
538
  declare const Image: React$1.FC<ImageProps>;
537
539
 
538
- type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & GenericComponentProps & PaddingProps & MarginProps;
540
+ declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & GenericComponentProps & PaddingProps & MarginProps;
539
541
  declare const Label: React$1.FC<LabelProps>;
540
542
 
541
543
  interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, GenericComponentProps, MarginProps, PaddingProps {
@@ -600,7 +602,7 @@ interface MultiSelectProps<Option extends SelectOption = SelectOption> extends C
600
602
  }
601
603
  declare const MultiSelect: <Option extends SelectOption = SelectOption>({ value, testId, ...props }: MultiSelectProps<Option>) => React$1.ReactElement;
602
604
 
603
- type SubRange = number | [number] | [number, number];
605
+ declare type SubRange = number | [number] | [number, number];
604
606
  interface CommonSliderProps extends GenericComponentProps {
605
607
  range: {
606
608
  min: SubRange;
@@ -611,7 +613,7 @@ interface CommonSliderProps extends GenericComponentProps {
611
613
  step?: number;
612
614
  }
613
615
 
614
- type MultiSliderValue = (number | string)[];
616
+ declare type MultiSliderValue = (number | string)[];
615
617
  interface MultiSliderProps extends CommonSliderProps {
616
618
  value: MultiSliderValue;
617
619
  onChange(value: MultiSliderValue): void;
@@ -639,7 +641,7 @@ interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingP
639
641
  }
640
642
  declare const Paragraph: React$1.FC<ParagraphProps>;
641
643
 
642
- type RadioProps = CheckboxRadioCommonProps;
644
+ declare type RadioProps = CheckboxRadioCommonProps;
643
645
  declare const Radio: React$1.VoidFunctionComponent<RadioProps>;
644
646
 
645
647
  interface SelectNativeProps<Option extends SelectOption = SelectOption> extends FormControlProps {
@@ -675,7 +677,7 @@ interface SelectPickerOption {
675
677
  }
676
678
  declare const SelectPicker: React$1.FC<SelectPickerProps>;
677
679
 
678
- type SliderValue = number | string;
680
+ declare type SliderValue = number | string;
679
681
  interface SliderProps extends CommonSliderProps, GenericComponentProps {
680
682
  value: SliderValue;
681
683
  onChange(value: SliderValue): void;
@@ -705,12 +707,12 @@ interface TabProps extends Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>,
705
707
  tabIndex?: string;
706
708
  id?: string;
707
709
  }
708
- type TabFunctionProps = React$1.ForwardRefExoticComponent<TabProps> & {
710
+ declare type TabFunctionProps = React$1.ForwardRefExoticComponent<TabProps> & {
709
711
  tabsRole?: 'Tab';
710
712
  } & React$1.RefAttributes<HTMLAnchorElement>;
711
713
  declare const Tab: TabFunctionProps;
712
714
 
713
- type TabListProps = GenericComponentProps & TabListCommonProps;
715
+ declare type TabListProps = GenericComponentProps & TabListCommonProps;
714
716
  declare const TabList: React$1.FC<PropsWithChildren<TabListProps>> & {
715
717
  tabsRole: 'TabList';
716
718
  };
@@ -738,7 +740,7 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
738
740
  }
739
741
  declare const TextInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<TextInputProps> & React$1.RefAttributes<HTMLInputElement>>;
740
742
 
741
- type TimezonePickerProps = Omit<SelectProps, 'options'> & GenericComponentProps;
743
+ declare type TimezonePickerProps = Omit<SelectProps, 'options'> & GenericComponentProps;
742
744
  declare const TimezonePicker: React$1.FC<TimezonePickerProps>;
743
745
 
744
746
  declare const getOptions: () => SelectOption[];
@@ -751,7 +753,7 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
751
753
  }
752
754
  declare const Toggle: React$1.FC<ToggleProps>;
753
755
 
754
- type TooltipProps = Omit<TippyProps, 'theme'> & GenericComponentProps;
756
+ declare type TooltipProps = Omit<TippyProps, 'theme'> & GenericComponentProps;
755
757
  declare const Tooltip: React$1.FC<TooltipProps>;
756
758
 
757
759
  declare const prefixedTheme: {
package/package.json CHANGED
@@ -1,149 +1,152 @@
1
1
  {
2
- "name": "@purple/phoenix-components",
3
- "version": "5.9.0",
4
- "description": "",
5
- "main": "dist/bundle.umd.js",
6
- "module": "dist/bundle.esm.js",
7
- "types": "dist/index.d.ts",
8
- "sideEffects": false,
9
- "engines": {
10
- "node": ">=18"
11
- },
12
- "files": [
13
- "dist"
14
- ],
15
- "repository": {
16
- "type": "git",
17
- "url": "https://github.com/purple-technology/phoenix-components"
18
- },
19
- "keywords": [
20
- "react",
21
- "forms",
22
- "styled-components"
23
- ],
24
- "contributors": [
25
- "Ales Chromec <achromec@purple-technology.com>",
26
- "Adam Stepanek <astepanek@purple-technology.com>"
27
- ],
28
- "license": "MIT",
29
- "scripts": {
30
- "lint": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts",
31
- "lint:fix": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts --fix",
32
- "build:tokens": "ts-node --project ./ts-node.tsconfig.json --files src/tokens/build.ts && eslint 'src/tokens/' --ext .json --fix",
33
- "tokens": "(git -C my-axiory-tokens pull || git clone https://github.com/purple-technology/my-axiory-tokens.git) && npm run build:tokens",
34
- "build": "rollup -c && rm -r ./dist/types",
35
- "build-watch": "rollup -c -w",
36
- "prepare": "husky install",
37
- "prebuild": "rimraf dist",
38
- "dev": "npm run storybook",
39
- "storybook": "storybook dev -p 6006",
40
- "storybook:build": "storybook build -c .storybook",
41
- "predeploy": "npm run storybook:build",
42
- "release:feature": "standard-version && git push --follow-tags",
43
- "release:publish": "npm run build && npm publish --access public && npm run deploy-storybook",
44
- "deploy-storybook": "npm run storybook:build && cp -r .circleci storybook-static && cp -r storybook-build-v4 storybook-static/v4 && storybook-to-ghpages -e=storybook-static",
45
- "snapshot": "storybook build -c .storybook && percy storybook ./storybook-static",
46
- "percy": "if [[ $(git rev-parse --symbolic-full-name --abbrev-ref HEAD) != \"master\" ]]; then percy storybook ./storybook-static; else echo \"ERROR: percy should not be run on master because these snapshots are auto-approved\"; fi;",
47
- "test": "jest"
48
- },
49
- "bin": {
50
- "pc-check-tokens": "./bin/pc-check-tokens.js"
51
- },
52
- "lint-staged": {
53
- "*.{ts,tsx,js,jsx,json,d.ts}": "eslint --fix"
54
- },
55
- "dependencies": {
56
- "@react-hook/previous": "~1.0.1",
57
- "@tippyjs/react": "~4.2.6",
58
- "countries-and-timezones": "^3.3.0",
59
- "formik": "~2.2.9",
60
- "is-mobile": "~3.1.1",
61
- "lodash": "~4.17.21",
62
- "nanoid": "~3.3.4",
63
- "nouislider": "~15.6.1",
64
- "react-day-picker": "^8.7.1",
65
- "react-dropzone": "~14.2.2",
66
- "react-inlinesvg": "~3.0.1",
67
- "react-pdf": "~5.7.2",
68
- "react-select": "^5.7.0",
69
- "react-tabs": "^4.2.1",
70
- "styled-system": "~5.1.5"
71
- },
72
- "peerDependencies": {
73
- "react": ">=16.3",
74
- "react-dom": ">=16.3",
75
- "styled-components": ">=5.3"
76
- },
77
- "devDependencies": {
78
- "@babel/core": "^7.21.8",
79
- "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
80
- "@babel/preset-env": "^7.21.5",
81
- "@babel/preset-react": "^7.18.6",
82
- "@babel/preset-typescript": "^7.21.5",
83
- "@commitlint/cli": "^17.0.0",
84
- "@commitlint/config-conventional": "^17.0.0",
85
- "@ironkinoko/rollup-plugin-styles": "^4.0.3",
86
- "@percy/cli": "^1.26.0",
87
- "@percy/storybook": "^4.3.6",
88
- "@pxblue/storybook-rtl-addon": "^1.0.1",
89
- "@rollup/plugin-json": "^6.0.0",
90
- "@rollup/plugin-node-resolve": "^15.0.2",
91
- "@rollup/plugin-terser": "^0.4.3",
92
- "@rollup/plugin-typescript": "^11.1.1",
93
- "@rollup/plugin-url": "^8.0.1",
94
- "@storybook/addon-a11y": "^7.0.21",
95
- "@storybook/addon-docs": "^7.0.21",
96
- "@storybook/addon-essentials": "^7.0.21",
97
- "@storybook/addon-links": "^7.0.21",
98
- "@storybook/addon-mdx-gfm": "^7.0.21",
99
- "@storybook/addon-viewport": "^7.0.21",
100
- "@storybook/blocks": "^7.0.21",
101
- "@storybook/react": "^7.0.21",
102
- "@storybook/react-webpack5": "^7.0.21",
103
- "@storybook/storybook-deployer": "^2.8.16",
104
- "@testing-library/jest-dom": "^5.16.5",
105
- "@testing-library/react": "^14.0.0",
106
- "@types/countries-and-timezones": "^3.2.3",
107
- "@types/jest": "^27.0.2",
108
- "@types/lodash": "^4.14.178",
109
- "@types/react": "^18.0.20",
110
- "@types/react-dom": "^18.0.6",
111
- "@types/react-pdf": "^5.0.9",
112
- "@types/react-tabs": "^2.3.4",
113
- "@types/styled-components": "^5.1.26",
114
- "@types/styled-system": "^5.1.13",
115
- "@typescript-eslint/eslint-plugin": "^4.8.2",
116
- "@typescript-eslint/parser": "^4.8.2",
117
- "babel-loader": "^8.2.5",
118
- "core-js": "^3.25.2",
119
- "eslint": "^7.27.0",
120
- "eslint-config-prettier": "^8.3.0",
121
- "eslint-plugin-prettier": "^4.0.0",
122
- "eslint-plugin-react": "^7.23.2",
123
- "eslint-plugin-react-hooks": "^4.2.0",
124
- "eslint-plugin-simple-import-sort": "^7.0.0",
125
- "eslint-plugin-storybook": "^0.6.12",
126
- "husky": "^7.0.1",
127
- "jest": "^27.2.4",
128
- "lint-staged": "^12.0.0",
129
- "postcss": "^8.4.21",
130
- "prettier": "2.3.2",
131
- "react": "^18.2.0",
132
- "react-docgen-typescript-loader": "^3.1.1",
133
- "react-dom": "^18.2.0",
134
- "react-is": "^18.2.0",
135
- "remark-gfm": "^3.0.1",
136
- "rimraf": "^3.0.0",
137
- "rollup": "^3.22.0",
138
- "rollup-plugin-dts": "^5.3.0",
139
- "rollup-plugin-peer-deps-external": "^2.2.0",
140
- "standard-version": "^9.3.0",
141
- "storybook": "^7.0.21",
142
- "storybook-design-token": "^3.0.0-beta.3",
143
- "style-dictionary": "^3.7.2",
144
- "styled-components": "^5.3.5",
145
- "ts-node": "^10.9.1",
146
- "tslib": "^2.2.0",
147
- "typescript": "^4.8.3"
148
- }
149
- }
2
+ "name": "@purple/phoenix-components",
3
+ "version": "5.11.0-beta.0",
4
+ "description": "",
5
+ "main": "dist/bundle.umd.js",
6
+ "module": "dist/bundle.esm.js",
7
+ "types": "dist/index.d.ts",
8
+ "sideEffects": false,
9
+ "engines": {
10
+ "node": ">=18"
11
+ },
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "https://github.com/purple-technology/phoenix-components"
18
+ },
19
+ "keywords": [
20
+ "react",
21
+ "forms",
22
+ "styled-components"
23
+ ],
24
+ "contributors": [
25
+ "Ales Chromec <achromec@purple-technology.com>",
26
+ "Adam Stepanek <astepanek@purple-technology.com>"
27
+ ],
28
+ "license": "MIT",
29
+ "bin": {
30
+ "pc-check-tokens": "./bin/pc-check-tokens.js"
31
+ },
32
+ "lint-staged": {
33
+ "*.{ts,tsx,js,jsx,json,d.ts}": "eslint --fix"
34
+ },
35
+ "dependencies": {
36
+ "@react-hook/previous": "~1.0.1",
37
+ "@tippyjs/react": "~4.2.6",
38
+ "countries-and-timezones": "^3.3.0",
39
+ "formik": "~2.2.9",
40
+ "is-mobile": "~3.1.1",
41
+ "lodash": "~4.17.21",
42
+ "nanoid": "~3.3.4",
43
+ "nouislider": "~15.6.1",
44
+ "react-day-picker": "^8.7.1",
45
+ "react-dropzone": "~14.2.2",
46
+ "react-inlinesvg": "~3.0.1",
47
+ "react-pdf": "~5.7.2",
48
+ "react-select": "^5.7.0",
49
+ "react-tabs": "^4.2.1",
50
+ "styled-system": "~5.1.5"
51
+ },
52
+ "peerDependencies": {
53
+ "react": ">=16.3",
54
+ "react-dom": ">=16.3",
55
+ "styled-components": ">=5.3"
56
+ },
57
+ "devDependencies": {
58
+ "@babel/core": "^7.21.8",
59
+ "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
60
+ "@babel/plugin-proposal-private-methods": "^7.18.6",
61
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
62
+ "@babel/preset-env": "^7.21.5",
63
+ "@babel/preset-react": "^7.18.6",
64
+ "@babel/preset-typescript": "^7.21.5",
65
+ "@commitlint/cli": "^17.0.0",
66
+ "@commitlint/config-conventional": "^17.0.0",
67
+ "@ironkinoko/rollup-plugin-styles": "^4.0.3",
68
+ "@percy/cli": "^1.26.0",
69
+ "@percy/storybook": "^4.3.6",
70
+ "@pxblue/storybook-rtl-addon": "^1.0.1",
71
+ "@rollup/plugin-json": "^6.0.0",
72
+ "@rollup/plugin-node-resolve": "^15.0.2",
73
+ "@rollup/plugin-terser": "^0.4.3",
74
+ "@rollup/plugin-typescript": "^11.1.1",
75
+ "@rollup/plugin-url": "^8.0.1",
76
+ "@storybook/addon-a11y": "^7.0.21",
77
+ "@storybook/addon-docs": "^7.0.21",
78
+ "@storybook/addon-essentials": "^7.0.21",
79
+ "@storybook/addon-links": "^7.0.21",
80
+ "@storybook/addon-mdx-gfm": "^7.0.21",
81
+ "@storybook/addon-viewport": "^7.0.21",
82
+ "@storybook/blocks": "^7.0.21",
83
+ "@storybook/react": "^7.0.21",
84
+ "@storybook/react-webpack5": "^7.0.21",
85
+ "@storybook/storybook-deployer": "^2.8.16",
86
+ "@testing-library/jest-dom": "^5.16.5",
87
+ "@testing-library/react": "^14.0.0",
88
+ "@types/countries-and-timezones": "^3.2.3",
89
+ "@types/jest": "^27.0.2",
90
+ "@types/lodash": "^4.14.178",
91
+ "@types/react": "^18.0.20",
92
+ "@types/react-dom": "^18.0.6",
93
+ "@types/react-pdf": "^5.0.9",
94
+ "@types/react-tabs": "^2.3.4",
95
+ "@types/styled-components": "^5.1.26",
96
+ "@types/styled-system": "^5.1.13",
97
+ "@typescript-eslint/eslint-plugin": "^4.8.2",
98
+ "@typescript-eslint/parser": "^4.8.2",
99
+ "babel-loader": "^8.2.5",
100
+ "core-js": "^3.25.2",
101
+ "date-fns": "^2.30.0",
102
+ "eslint": "^7.32.0",
103
+ "eslint-config-prettier": "^8.3.0",
104
+ "eslint-plugin-prettier": "^4.0.0",
105
+ "eslint-plugin-react": "^7.23.2",
106
+ "eslint-plugin-react-hooks": "^4.2.0",
107
+ "eslint-plugin-simple-import-sort": "^7.0.0",
108
+ "eslint-plugin-storybook": "^0.6.12",
109
+ "husky": "^7.0.1",
110
+ "jest": "^27.2.4",
111
+ "lint-staged": "^12.0.0",
112
+ "postcss": "^8.4.21",
113
+ "prettier": "2.3.2",
114
+ "react": "^18.2.0",
115
+ "react-docgen-typescript-loader": "^3.1.1",
116
+ "react-dom": "^18.2.0",
117
+ "react-is": "^18.2.0",
118
+ "remark-gfm": "^3.0.1",
119
+ "rimraf": "^3.0.0",
120
+ "rollup": "^3.22.0",
121
+ "rollup-plugin-dts": "^5.3.0",
122
+ "rollup-plugin-peer-deps-external": "^2.2.0",
123
+ "standard-version": "^9.3.0",
124
+ "storybook": "^7.0.21",
125
+ "storybook-design-token": "^3.0.0-beta.3",
126
+ "style-dictionary": "^3.7.2",
127
+ "styled-components": "^5.3.5",
128
+ "ts-node": "^10.9.1",
129
+ "tslib": "^2.2.0",
130
+ "typescript": "^4.8.3"
131
+ },
132
+ "scripts": {
133
+ "preinstall": "npx only-allow pnpm",
134
+ "lint": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts",
135
+ "lint:fix": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts --fix",
136
+ "build:tokens": "ts-node --project ./ts-node.tsconfig.json --files src/tokens/build.ts && eslint 'src/tokens/' --ext .json --fix",
137
+ "tokens": "(git -C my-axiory-tokens pull || git clone https://github.com/purple-technology/my-axiory-tokens.git) && pnpm build:tokens",
138
+ "build": "rollup -c && rm -r ./dist/types",
139
+ "build-watch": "rollup -c -w",
140
+ "prebuild": "rimraf dist",
141
+ "dev": "pnpm storybook",
142
+ "storybook": "storybook dev -p 6006",
143
+ "storybook:build": "storybook build -c .storybook",
144
+ "predeploy": "pnpm storybook:build",
145
+ "release:feature": "standard-version && git push --follow-tags",
146
+ "release:publish": "pnpm build && pnpm publish --access public && pnpm deploy-storybook",
147
+ "deploy-storybook": "pnpm storybook:build && cp -r .circleci storybook-static && cp -r storybook-build-v4 storybook-static/v4 && storybook-to-ghpages -e=storybook-static",
148
+ "snapshot": "storybook build -c .storybook && percy storybook ./storybook-static",
149
+ "percy": "if [[ $(git rev-parse --symbolic-full-name --abbrev-ref HEAD) != \"master\" ]]; then percy storybook ./storybook-static; else echo \"ERROR: percy should not be run on master because these snapshots are auto-approved\"; fi;",
150
+ "test": "jest"
151
+ }
152
+ }