@purple/phoenix-components 5.26.0 → 5.27.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 (8) hide show
  1. package/dist/bundle.cjs.js +1415 -1
  2. package/dist/bundle.cjs.js.map +1 -1
  3. package/dist/bundle.esm.js +1415 -1
  4. package/dist/bundle.esm.js.map +1 -1
  5. package/dist/bundle.umd.js +1415 -1
  6. package/dist/bundle.umd.js.map +1 -1
  7. package/dist/index.d.ts +36 -36
  8. package/package.json +28 -26
package/dist/index.d.ts CHANGED
@@ -12,16 +12,16 @@ import { PipsMode, PipsType } from 'nouislider';
12
12
  import { TabsProps as TabsProps$1 } from 'react-tabs';
13
13
  export { TabPanel } from 'react-tabs';
14
14
 
15
- declare type GenericComponentProps = {
15
+ type GenericComponentProps = {
16
16
  testId?: string;
17
17
  className?: string;
18
18
  };
19
19
 
20
- declare type CSSValue = (string & {}) | number;
21
- declare type CSSColor = string & {};
20
+ type CSSValue = (string & {}) | number;
21
+ type CSSColor = string & {};
22
22
 
23
23
  declare const Spacing: readonly ["3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
24
- declare type Spacing = typeof Spacing[number];
24
+ type Spacing = typeof Spacing[number];
25
25
  declare const isSpacing: (size?: Spacing | CSSValue) => size is "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
26
26
  declare const getSpacingCssValue: (theme: DefaultTheme, value?: Spacing | CSSValue, defaultValue?: string) => string;
27
27
 
@@ -46,25 +46,25 @@ interface PaddingProps {
46
46
  }
47
47
 
48
48
  declare const ColorTheme: readonly ["brand", "success", "warning", "error", "info", "neutral"];
49
- declare type ColorTheme = typeof ColorTheme[number];
49
+ type ColorTheme = typeof ColorTheme[number];
50
50
  declare const isColorTheme: (color?: Color) => color is "brand" | "success" | "warning" | "error" | "info" | "neutral";
51
51
  declare const TextColor: readonly ["primary", "secondary", "tertiary", "quaternary"];
52
- declare type TextColor = typeof TextColor[number];
52
+ type TextColor = typeof TextColor[number];
53
53
  declare const isTextColor: (color?: Color) => color is "primary" | "secondary" | "tertiary" | "quaternary";
54
- declare type Color = TextColor | ColorTheme | CSSColor;
54
+ type Color = TextColor | ColorTheme | CSSColor;
55
55
 
56
56
  declare const Sizing: readonly ["xs", "sm", "md", "lg"];
57
- declare type Sizing = typeof Sizing[number];
57
+ type Sizing = typeof Sizing[number];
58
58
  declare const isSizing: (size?: Sizing | CSSValue) => size is "xs" | "sm" | "md" | "lg";
59
59
  declare const SizingSmMd: readonly ["sm", "md"];
60
- declare type SizingSmMd = typeof SizingSmMd[number];
60
+ type SizingSmMd = typeof SizingSmMd[number];
61
61
  declare const SizingMdLg: readonly ["md", "lg"];
62
- declare type SizingMdLg = typeof SizingMdLg[number];
62
+ type SizingMdLg = typeof SizingMdLg[number];
63
63
  declare const SizingSmMdLg: readonly ["sm", "md", "lg"];
64
- declare type SizingSmMdLg = typeof SizingSmMdLg[number];
64
+ type SizingSmMdLg = typeof SizingSmMdLg[number];
65
65
 
66
66
  declare const TextAlignment: readonly ["left", "center", "right", "justify"];
67
- declare type TextAlignment = typeof TextAlignment[number];
67
+ type TextAlignment = typeof TextAlignment[number];
68
68
 
69
69
  interface CommonTextProps<T> extends HTMLAttributes<T>, GenericComponentProps, TextAlignProp {
70
70
  color?: Color;
@@ -88,7 +88,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, Layout
88
88
  declare const Box: React$1.FC<BoxProps>;
89
89
 
90
90
  declare const IconAlignment: readonly ["left", "right"];
91
- declare type IconAlignment = typeof IconAlignment[number];
91
+ type IconAlignment = typeof IconAlignment[number];
92
92
 
93
93
  declare const PhoenixIconsOutlinedSrc: {
94
94
  readonly actions: string;
@@ -330,14 +330,14 @@ declare const PhoenixIconsSrc: {
330
330
  readonly withdrawal: string;
331
331
  readonly wrench: string;
332
332
  };
333
- declare const PhoenixIconsOutlined: ("filter" | "revert" | "key" | "document" | "list" | "search" | "email" | "download" | "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" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "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-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
334
- declare type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
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")[];
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
- declare type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
337
- declare const PhoenixIcons: ("filter" | "revert" | "key" | "document" | "list" | "search" | "email" | "download" | "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" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "driving-licence" | "edit" | "ellipsis" | "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-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
- declare type PhoenixIcons = keyof typeof PhoenixIconsSrc;
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")[];
338
+ type PhoenixIcons = keyof typeof PhoenixIconsSrc;
339
339
 
340
- declare type IconType = PhoenixIconsOutlined | React.ReactElement | string;
340
+ type IconType = PhoenixIconsOutlined | React.ReactElement | string;
341
341
 
342
342
  interface CommonButtonProps extends MarginProps {
343
343
  colorTheme?: ColorTheme;
@@ -368,8 +368,8 @@ interface CardProps extends PaddingProps, MarginProps, GenericComponentProps {
368
368
  }
369
369
  declare const Card: React$1.FC<PropsWithChildren<CardProps>>;
370
370
 
371
- declare type FormControlWarningType = ReactElement | string;
372
- declare type FormControlErrorType = ReactElement | string | boolean;
371
+ type FormControlWarningType = ReactElement | string;
372
+ type FormControlErrorType = ReactElement | string | boolean;
373
373
 
374
374
  interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, GenericComponentProps {
375
375
  colorTheme?: ColorTheme;
@@ -379,7 +379,7 @@ interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputEle
379
379
  error?: FormControlErrorType;
380
380
  }
381
381
 
382
- declare type CheckboxProps = CheckboxRadioCommonProps & {
382
+ type CheckboxProps = CheckboxRadioCommonProps & {
383
383
  indeterminate?: boolean;
384
384
  };
385
385
  declare const Checkbox: React$1.FC<CheckboxProps>;
@@ -554,7 +554,7 @@ declare const Flex: React$1.FC<BoxProps>;
554
554
 
555
555
  declare const Grid: React$1.FC<BoxProps>;
556
556
 
557
- declare type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4';
557
+ type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4';
558
558
  interface HeadingProps extends CommonTextProps<HTMLHeadingElement>, PaddingProps, MarginProps {
559
559
  element?: HeadingElement;
560
560
  }
@@ -581,7 +581,7 @@ interface ImageProps extends Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, '
581
581
  }
582
582
  declare const Image: React$1.FC<ImageProps>;
583
583
 
584
- declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & GenericComponentProps & PaddingProps & MarginProps;
584
+ type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & GenericComponentProps & PaddingProps & MarginProps;
585
585
  declare const Label: React$1.FC<LabelProps>;
586
586
 
587
587
  interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, GenericComponentProps, MarginProps, PaddingProps {
@@ -661,9 +661,9 @@ interface ComponentSliderProps extends GenericComponentProps {
661
661
  px?: CSSValue;
662
662
  disabled?: boolean;
663
663
  }
664
- declare type Pips = PositionsPips | ValuesPips | CountPips | StepsPips | RangePips;
665
- declare type SubRange = number | [number] | [number, number];
666
- declare type PipsFilter = (value: number, type: PipsType) => PipsType;
664
+ type Pips = PositionsPips | ValuesPips | CountPips | StepsPips | RangePips;
665
+ type SubRange = number | [number] | [number, number];
666
+ type PipsFilter = (value: number, type: PipsType) => PipsType;
667
667
  interface PartialFormatter {
668
668
  to: (value: number) => string | number;
669
669
  from?: (value: string) => number | false;
@@ -696,7 +696,7 @@ interface RangePips extends BasePips {
696
696
  mode: PipsMode.Range;
697
697
  }
698
698
 
699
- declare type MultiSliderValue = (number | string)[];
699
+ type MultiSliderValue = (number | string)[];
700
700
  interface MultiSliderProps extends CommonSliderProps, ComponentSliderProps {
701
701
  value: MultiSliderValue;
702
702
  onChange(value: MultiSliderValue): void;
@@ -739,7 +739,7 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'si
739
739
  }
740
740
  declare const TextInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<TextInputProps> & React$1.RefAttributes<HTMLInputElement>>;
741
741
 
742
- declare type PasswordInputProps = Omit<TextInputProps, 'type' | 'contentRight'>;
742
+ type PasswordInputProps = Omit<TextInputProps, 'type' | 'contentRight'>;
743
743
  declare const PasswordInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<PasswordInputProps> & React$1.RefAttributes<HTMLInputElement>>;
744
744
 
745
745
  declare enum PasswordStrengthEnum {
@@ -769,7 +769,7 @@ interface ProgressBarProps extends MarginProps, GenericComponentProps {
769
769
  }
770
770
  declare const ProgressBar: React$1.FC<ProgressBarProps>;
771
771
 
772
- declare type RadioProps = CheckboxRadioCommonProps;
772
+ type RadioProps = CheckboxRadioCommonProps;
773
773
  declare const Radio: React$1.VoidFunctionComponent<RadioProps>;
774
774
 
775
775
  interface SelectNativeProps<Option extends SelectOption = SelectOption> extends FormControlProps {
@@ -805,7 +805,7 @@ interface SelectPickerOption {
805
805
  }
806
806
  declare const SelectPicker: React$1.FC<SelectPickerProps>;
807
807
 
808
- declare type SliderValue = number | string;
808
+ type SliderValue = number | string;
809
809
  interface SliderProps extends CommonSliderProps, ComponentSliderProps {
810
810
  value: SliderValue;
811
811
  onChange(value: SliderValue): void;
@@ -821,7 +821,7 @@ interface SpinnerProps extends MarginProps, GenericComponentProps {
821
821
  }
822
822
  declare const Spinner: React$1.FC<SpinnerProps>;
823
823
 
824
- declare type TabsProps = TabsProps$1 & GenericComponentProps;
824
+ type TabsProps = TabsProps$1 & GenericComponentProps;
825
825
  declare const Tabs: React$1.FC<TabsProps>;
826
826
 
827
827
  interface TabListCommonProps {
@@ -839,12 +839,12 @@ interface TabProps extends Omit<React$1.AnchorHTMLAttributes<HTMLAnchorElement>,
839
839
  tabIndex?: string;
840
840
  id?: string;
841
841
  }
842
- declare type TabFunctionProps = React$1.ForwardRefExoticComponent<TabProps> & {
842
+ type TabFunctionProps = React$1.ForwardRefExoticComponent<TabProps> & {
843
843
  tabsRole?: 'Tab';
844
844
  } & React$1.RefAttributes<HTMLAnchorElement>;
845
845
  declare const Tab: TabFunctionProps;
846
846
 
847
- declare type TabListProps = GenericComponentProps & TabListCommonProps;
847
+ type TabListProps = GenericComponentProps & TabListCommonProps;
848
848
  declare const TabList: React$1.FC<PropsWithChildren<TabListProps>> & {
849
849
  tabsRole: 'TabList';
850
850
  };
@@ -868,7 +868,7 @@ interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, For
868
868
  }
869
869
  declare const TextArea: React$1.FC<TextAreaProps>;
870
870
 
871
- declare type TimezonePickerProps = Omit<SelectProps, 'options'> & GenericComponentProps;
871
+ type TimezonePickerProps = Omit<SelectProps, 'options'> & GenericComponentProps;
872
872
  declare const TimezonePicker: React$1.FC<TimezonePickerProps>;
873
873
 
874
874
  declare const getOptions: () => SelectOption[];
@@ -881,7 +881,7 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
881
881
  }
882
882
  declare const Toggle: React$1.FC<ToggleProps>;
883
883
 
884
- declare type TooltipProps = Omit<TippyProps, 'theme'> & GenericComponentProps;
884
+ type TooltipProps = Omit<TippyProps, 'theme'> & GenericComponentProps;
885
885
  declare const Tooltip: React$1.FC<TooltipProps>;
886
886
 
887
887
  declare const prefixedTheme: {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@purple/phoenix-components",
3
- "version": "5.26.0",
3
+ "version": "5.27.0",
4
4
  "description": "",
5
5
  "main": "dist/bundle.umd.js",
6
6
  "module": "dist/bundle.esm.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "sideEffects": false,
9
9
  "engines": {
10
- "node": ">=18"
10
+ "node": "22.x"
11
11
  },
12
12
  "files": [
13
13
  "dist"
@@ -22,7 +22,6 @@
22
22
  "styled-components"
23
23
  ],
24
24
  "contributors": [
25
- "Ales Chromec <achromec@purple-technology.com>",
26
25
  "Adam Stepanek <astepanek@purple-technology.com>"
27
26
  ],
28
27
  "license": "MIT",
@@ -69,22 +68,21 @@
69
68
  "@babel/preset-typescript": "^7.23.3",
70
69
  "@commitlint/cli": "^17.0.0",
71
70
  "@commitlint/config-conventional": "^17.0.0",
71
+ "@eslint/js": "^9.29.0",
72
72
  "@ironkinoko/rollup-plugin-styles": "^4.0.3",
73
- "@pxblue/storybook-rtl-addon": "^1.0.1",
73
+ "@pxblue/storybook-rtl-addon": "^1.1.0",
74
74
  "@rollup/plugin-json": "^6.0.0",
75
75
  "@rollup/plugin-node-resolve": "^15.0.2",
76
76
  "@rollup/plugin-terser": "^0.4.3",
77
77
  "@rollup/plugin-typescript": "^11.1.1",
78
78
  "@rollup/plugin-url": "^8.0.1",
79
- "@storybook/addon-a11y": "^7.0.21",
80
- "@storybook/addon-docs": "^7.0.21",
81
- "@storybook/addon-essentials": "^7.0.21",
82
- "@storybook/addon-links": "^7.0.21",
83
- "@storybook/addon-mdx-gfm": "^7.0.21",
84
- "@storybook/addon-viewport": "^7.0.21",
85
- "@storybook/blocks": "^7.0.21",
86
- "@storybook/react": "^7.0.21",
87
- "@storybook/react-webpack5": "^7.0.21",
79
+ "@storybook/addon-a11y": "^9.0.12",
80
+ "@storybook/addon-docs": "^9.0.12",
81
+ "@storybook/addon-links": "^9.0.12",
82
+ "@storybook/manager-api": "^8.6.14",
83
+ "@storybook/react": "^9.0.12",
84
+ "@storybook/react-vite": "^9.0.12",
85
+ "@storybook/react-webpack5": "^9.0.12",
88
86
  "@storybook/storybook-deployer": "^2.8.16",
89
87
  "@testing-library/dom": "^9.3.1",
90
88
  "@testing-library/jest-dom": "^6.1.3",
@@ -99,19 +97,21 @@
99
97
  "@types/styled-components": "^5.1.26",
100
98
  "@types/styled-system": "^5.1.13",
101
99
  "@types/zxcvbn": "^4.4.2",
102
- "@typescript-eslint/eslint-plugin": "^4.8.2",
103
- "@typescript-eslint/parser": "^4.8.2",
100
+ "@typescript-eslint/eslint-plugin": "^8.34.1",
101
+ "@typescript-eslint/parser": "^8.34.1",
104
102
  "babel-loader": "^8.2.5",
105
103
  "core-js": "^3.25.2",
106
104
  "csstype": "^3.1.2",
107
105
  "date-fns": "^2.30.0",
108
- "eslint": "^7.32.0",
106
+ "eslint": "^9.29.0",
109
107
  "eslint-config-prettier": "^8.3.0",
110
- "eslint-plugin-prettier": "^4.0.0",
111
- "eslint-plugin-react": "^7.23.2",
112
- "eslint-plugin-react-hooks": "^4.2.0",
113
- "eslint-plugin-simple-import-sort": "^7.0.0",
114
- "eslint-plugin-storybook": "^0.6.12",
108
+ "eslint-plugin-json": "^4.0.1",
109
+ "eslint-plugin-prettier": "^5.5.0",
110
+ "eslint-plugin-react": "^7.37.2",
111
+ "eslint-plugin-react-hooks": "^5.2.0",
112
+ "eslint-plugin-simple-import-sort": "^12.0.0",
113
+ "eslint-plugin-storybook": "^9.0.12",
114
+ "globals": "^16.2.0",
115
115
  "husky": "^7.0.1",
116
116
  "jest": "^27.2.4",
117
117
  "lint-staged": "^12.0.0",
@@ -126,20 +126,22 @@
126
126
  "rollup": "^3.22.0",
127
127
  "rollup-plugin-dts": "^5.3.0",
128
128
  "rollup-plugin-peer-deps-external": "^2.2.0",
129
+ "sb-design-token": "^4.0.1",
129
130
  "standard-version": "^9.3.0",
130
- "storybook": "^7.0.21",
131
- "storybook-design-token": "^3.0.0-beta.3",
132
- "style-dictionary": "^3.7.2",
131
+ "storybook": "^9.0.12",
132
+ "style-dictionary": "^5.0.0",
133
+ "style-dictionary-utils": "^4.1.0",
133
134
  "styled-components": "^5.3.5",
134
135
  "tippy.js": "^6.3.7",
135
136
  "ts-node": "^10.9.1",
136
137
  "tslib": "^2.6.2",
137
- "typescript": "^4.8.3"
138
+ "tsx": "^4.20.3",
139
+ "typescript": "^4.8.4"
138
140
  },
139
141
  "scripts": {
140
142
  "lint": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts",
141
143
  "lint:fix": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts --fix",
142
- "build:tokens": "ts-node --project ./ts-node.tsconfig.json --files src/tokens/build.ts && eslint 'src/tokens/' --ext .json --fix",
144
+ "build:tokens": "tsx src/tokens/build.ts && eslint 'src/tokens/' --ext .json --fix",
143
145
  "tokens": "(git -C my-axiory-tokens pull || git clone https://github.com/purple-technology/my-axiory-tokens.git) && pnpm build:tokens",
144
146
  "build": "rollup -c && rm -r ./dist/types",
145
147
  "build-watch": "rollup -c -w",