@aivenio/aquarium 1.24.0 → 1.26.0-rc1

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 (134) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +2 -3
  4. package/dist/atoms.mjs +2 -3
  5. package/dist/src/atoms/Alert/Alert.d.ts +2 -2
  6. package/dist/src/atoms/Banner/Banner.d.ts +6 -6
  7. package/dist/src/atoms/Card/Card.d.ts +6 -6
  8. package/dist/src/atoms/Card/Card.js +1 -1
  9. package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
  10. package/dist/src/atoms/DataList/DataList.js +2 -2
  11. package/dist/src/atoms/Dialog/Dialog.d.ts +1 -1
  12. package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +5 -5
  13. package/dist/src/atoms/Modal/Modal.d.ts +3 -3
  14. package/dist/src/atoms/Navigation/Navigation.d.ts +1 -1
  15. package/dist/src/atoms/PageHeader/PageHeader.d.ts +4 -2
  16. package/dist/src/atoms/PageHeader/PageHeader.js +3 -3
  17. package/dist/src/atoms/ProgressBar/ProgressBar.d.ts +2 -2
  18. package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
  19. package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
  20. package/dist/src/atoms/Section/Section.d.ts +1 -1
  21. package/dist/src/atoms/Select/Select.d.ts +23 -23
  22. package/dist/src/atoms/Select/Select.js +3 -3
  23. package/dist/src/atoms/Stepper/Stepper.d.ts +2 -2
  24. package/dist/src/atoms/Switch/Switch.d.ts +1 -1
  25. package/dist/src/atoms/Table/Table.d.ts +4 -4
  26. package/dist/src/atoms/Table/Table.js +2 -2
  27. package/dist/src/atoms/Toast/Toast.d.ts +1 -1
  28. package/dist/src/atoms/Typography/Typography.d.ts +1 -1
  29. package/dist/src/atoms/Typography/Typography.js +7 -5
  30. package/dist/src/charts/BarChart/BarChart.d.ts +2 -2
  31. package/dist/src/charts/lib/utils.d.ts +1 -1
  32. package/dist/src/js/resolveTheme.d.ts +4 -2
  33. package/dist/src/molecules/Alert/Alert.d.ts +2 -1
  34. package/dist/src/molecules/Alert/Alert.js +1 -1
  35. package/dist/src/molecules/Badge/Badge.d.ts +2 -2
  36. package/dist/src/molecules/Banner/Banner.d.ts +2 -1
  37. package/dist/src/molecules/Banner/Banner.js +1 -1
  38. package/dist/src/molecules/Box/Box.d.ts +17 -17
  39. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  40. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +3 -3
  41. package/dist/src/molecules/Button/Button.d.ts +8 -8
  42. package/dist/src/molecules/Button/Button.js +4 -4
  43. package/dist/src/molecules/Card/Card.d.ts +11 -10
  44. package/dist/src/molecules/Card/Card.js +5 -3
  45. package/dist/src/molecules/Card/Compact.d.ts +2 -2
  46. package/dist/src/molecules/Card/Compact.js +5 -3
  47. package/dist/src/molecules/Carousel/Carousel.js +20 -12
  48. package/dist/src/molecules/Chip/Chip.d.ts +3 -3
  49. package/dist/src/molecules/Combobox/Combobox.d.ts +4 -4
  50. package/dist/src/molecules/Combobox/Combobox.js +1 -1
  51. package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
  52. package/dist/src/molecules/DataList/DataList.d.ts +2 -2
  53. package/dist/src/molecules/DataTable/DataTable.d.ts +2 -2
  54. package/dist/src/molecules/Dialog/Dialog.js +8 -6
  55. package/dist/src/molecules/Dropdown/Dropdown.d.ts +1 -1
  56. package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
  57. package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +6 -6
  58. package/dist/src/molecules/Element/Element.d.ts +2 -2
  59. package/dist/src/molecules/EmptyState/EmptyState.d.ts +1 -1
  60. package/dist/src/molecules/Flexbox/Flexbox.d.ts +7 -7
  61. package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +7 -7
  62. package/dist/src/molecules/Grid/Grid.d.ts +7 -7
  63. package/dist/src/molecules/Grid/GridItem.d.ts +7 -7
  64. package/dist/src/molecules/Input/Input.js +7 -5
  65. package/dist/src/molecules/LineClamp/LineClamp.d.ts +15 -15
  66. package/dist/src/molecules/ListItem/ListItem.js +4 -4
  67. package/dist/src/molecules/Modal/Modal.js +8 -6
  68. package/dist/src/molecules/MultiInput/InputChip.d.ts +2 -2
  69. package/dist/src/molecules/MultiInput/InputChip.js +2 -2
  70. package/dist/src/molecules/MultiInput/MultiInput.d.ts +5 -5
  71. package/dist/src/molecules/MultiInput/MultiInput.js +9 -5
  72. package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +4 -4
  73. package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -4
  74. package/dist/src/molecules/NativeSelect/NativeSelect.js +12 -8
  75. package/dist/src/molecules/Navigation/Navigation.d.ts +2 -2
  76. package/dist/src/molecules/PageHeader/PageHeader.d.ts +44 -8
  77. package/dist/src/molecules/PageHeader/PageHeader.js +18 -6
  78. package/dist/src/molecules/Pagination/usePagination.d.ts +1 -1
  79. package/dist/src/molecules/Pagination/usePagination.js +1 -1
  80. package/dist/src/molecules/Popover/Popover.d.ts +2 -2
  81. package/dist/src/molecules/Popover/Popover.js +1 -1
  82. package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +1 -1
  83. package/dist/src/molecules/ProgressBar/ProgressBar.d.ts +1 -1
  84. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.d.ts +4 -3
  85. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +1 -1
  86. package/dist/src/molecules/Section/Section.d.ts +1 -1
  87. package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +3 -3
  88. package/dist/src/molecules/SegmentedControl/SegmentedControl.js +2 -2
  89. package/dist/src/molecules/Select/Select.d.ts +2 -2
  90. package/dist/src/molecules/Select/Select.js +5 -3
  91. package/dist/src/molecules/Stepper/Stepper.d.ts +1 -1
  92. package/dist/src/molecules/Switch/Switch.d.ts +1 -1
  93. package/dist/src/molecules/Tabs/Tabs.d.ts +13 -9
  94. package/dist/src/molecules/Tabs/Tabs.js +26 -17
  95. package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
  96. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +5 -5
  97. package/dist/src/molecules/Tailwindify/Tailwindify.js +7 -4
  98. package/dist/src/molecules/Template/Template.d.ts +1 -1
  99. package/dist/src/molecules/Textarea/Textarea.d.ts +3 -3
  100. package/dist/src/molecules/Timeline/Timeline.d.ts +3 -3
  101. package/dist/src/molecules/Toast/Toast.spec.js +2 -2
  102. package/dist/src/molecules/Toast/types.d.ts +5 -5
  103. package/dist/src/molecules/Toast/types.js +1 -1
  104. package/dist/src/molecules/Tooltip/Tooltip.d.ts +1 -1
  105. package/dist/src/molecules/Tooltip/Tooltip.js +5 -3
  106. package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +9 -5
  107. package/dist/src/molecules/Typography/Typography.d.ts +4 -4
  108. package/dist/src/molecules/Typography/Typography.js +9 -9
  109. package/dist/src/molecules/index.d.ts +2 -2
  110. package/dist/src/system.js +9 -5
  111. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  112. package/dist/src/utils/form/HelperText/HelperText.js +4 -4
  113. package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
  114. package/dist/src/utils/form/Label/Label.d.ts +3 -3
  115. package/dist/src/utils/form/Label/Label.js +12 -10
  116. package/dist/src/utils/object.d.ts +1 -1
  117. package/dist/src/utils/positioner.d.ts +1 -1
  118. package/dist/src/utils/table/types.d.ts +9 -9
  119. package/dist/src/utils/table/useTableSort.d.ts +1 -1
  120. package/dist/src/utils/table/utils.d.ts +1 -1
  121. package/dist/src/utils/tailwind.js +6 -4
  122. package/dist/src/utils/themeVariableSamples.d.ts +2 -0
  123. package/dist/src/utils/themeVariableSamples.js +146 -0
  124. package/dist/src/utils/useStyle.d.ts +3 -3
  125. package/dist/src/utils/useStyle.js +30 -22
  126. package/dist/system.cjs +48 -15
  127. package/dist/system.mjs +48 -15
  128. package/dist/tsconfig.module.tsbuildinfo +1 -1
  129. package/dist/types/DimensionProps.d.ts +1 -1
  130. package/dist/types/designTokens.d.ts +2 -2
  131. package/dist/types/designTokens.js +6 -4
  132. package/dist/types/tailwind.d.ts +1 -1
  133. package/dist/types/utils.d.ts +5 -5
  134. package/package.json +29 -33
package/dist/types/DimensionProps.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  declare type RelativeSize = `${number}%`;
2
- export declare type LimitedCssDimension = number | RelativeSize | 'auto';
2
+ export declare type LimitedCssDimension = RelativeSize | number | 'auto';
3
3
  export {};
package/dist/types/designTokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare type TypographyFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
2
- export declare type TypographyTextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
2
+ export declare type TypographyTextTransform = 'capitalize' | 'inherit' | 'initial' | 'lowercase' | 'none' | 'uppercase';
3
3
  export declare type TypographyCSSStyles = {
4
4
  fontFamily: string;
5
5
  fontWeight: TypographyFontWeight;
@@ -20,7 +20,7 @@ export interface Typography {
20
20
  sizes: TypographySize[];
21
21
  }
22
22
  export declare type HexColorString = string;
23
- export declare type ColorIntent = 'primary' | 'secondary' | 'grey' | 'info' | 'success' | 'warning' | 'error';
23
+ export declare type ColorIntent = 'error' | 'grey' | 'info' | 'primary' | 'secondary' | 'success' | 'warning';
24
24
  export declare type ColorWeight = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
25
25
  export declare type ColorName = `${ColorIntent}-${ColorWeight}`;
26
26
  export declare type Colors = {
package/dist/types/designTokens.js CHANGED
@@ -1,5 +1,7 @@
1
- // These types are imported from https://github.com/mrmartineau/design-system-utils/blob/cc51d3299b7b44aa841d8f2695a3752297190db4/src/types.ts
2
- // as a starting point.
3
- // The types should be edited for our purposes, no need to stick with the old ones
1
+ /*
2
+ * These types are imported from https://github.com/mrmartineau/design-system-utils/blob/cc51d3299b7b44aa841d8f2695a3752297190db4/src/types.ts
3
+ * as a starting point.
4
+ * The types should be edited for our purposes, no need to stick with the old ones
5
+ */
4
6
  export {};
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduVG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvZGVzaWduVG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhJQUE4STtBQUM5SSx1QkFBdUI7QUFDdkIsa0ZBQWtGIn0=
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduVG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvZGVzaWduVG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUcifQ==
package/dist/types/tailwind.d.ts CHANGED
@@ -35,7 +35,7 @@ declare type ClassNamesObject = {
35
35
  [key: string]: boolean;
36
36
  };
37
37
  export declare type TailwindClassNamesObject<T extends ClassNamesObject> = {
38
- [K in keyof T & string]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
38
+ [K in string & keyof T]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
39
39
  };
40
40
  export declare type TailwindClassNamesArray<UnvalidatedItems extends unknown[], Validated extends unknown[] = []> = UnvalidatedItems extends [] ? Validated : UnvalidatedItems extends [infer Head, ...infer Rest] ? Head extends string ? Head extends ValidTailwindClassesString<Head> ? TailwindClassNamesArray<Rest, [...Validated, Head]> : ValidTailwindClassesString<Head> : never : never;
41
41
  export declare type TailwindClassParameterValue<S> = S extends string ? ValidTailwindClassesString<S> : S extends any[] ? TailwindClassNamesArray<S> : S extends ClassNamesObject ? TailwindClassNamesObject<S> : never;
package/dist/types/utils.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { type ElementType, type ReactElement, type ReactNode } from 'react';
2
2
  export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T, string | import("react").JSXElementConstructor<any>>;
3
- export declare type Either<A, B> = (Partial<Record<keyof B, never>> & A) | (Partial<Record<keyof A, never>> & B);
3
+ export declare type Either<A, B> = (A & Partial<Record<keyof B, never>>) | (B & Partial<Record<keyof A, never>>);
4
4
  export declare type AllOrNone<T> = T | {
5
5
  [K in keyof T]?: never;
6
6
  };
7
7
  export declare type AcceptEmpty = boolean | null | undefined;
8
- export declare type EmptyOrOneOrMore<T> = React.ReactElement<T> | AcceptEmpty | Array<React.ReactElement<T> | AcceptEmpty>;
9
- export declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
10
- [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
11
- }[Keys];
8
+ export declare type EmptyOrOneOrMore<T> = AcceptEmpty | Array<AcceptEmpty | React.ReactElement<T>> | React.ReactElement<T>;
9
+ export declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = {
10
+ [K in Keys]-?: Partial<Pick<T, Exclude<Keys, K>>> & Required<Pick<T, K>>;
11
+ }[Keys] & Pick<T, Exclude<keyof T, Keys>>;
12
12
  export declare type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.24.0",
3
+ "version": "1.26.0-rc1",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -48,13 +48,11 @@
48
48
  "test:coverage": "jest --coverage",
49
49
  "test:all": "npm run eslint && npm run test",
50
50
  "test:update": "jest --updateSnapshot",
51
- "prettier:write": "echo 'Deprecated command! Use \"npm run eslint:fix\" instead.' && exit 1",
52
- "prettier:check": "echo 'Deprecated command! Use \"npm run eslint\" instead.' && exit 1",
53
51
  "eslint": "npm run eslint:prebuild && npm run eslint:check:src && npm run eslint:check:tools",
54
52
  "eslint:prebuild": "npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
55
53
  "eslint:fix": "npm run eslint:check:src -- --fix && npm run eslint:check:tools -- --fix",
56
54
  "eslint:check:src": "eslint --config .eslintrc.js \"{src,types}/**/*.{ts,tsx}\"",
57
- "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{ts,tsx}\"",
55
+ "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{mjs,ts,tsx}\"",
58
56
  "start:storybook": "STORYBOOK_THEME=$THEME storybook dev -p 6006",
59
57
  "start": "npm run build:generated && npm run start:storybook",
60
58
  "figma:cached": "echo 'WARNING: Using local cache!' && USE_CACHE=true npm run figma",
@@ -66,14 +64,14 @@
66
64
  "build": "npm run build:ds",
67
65
  "build:ds": "npm run build:ds:style-dictionary && npm run build:tailwind && npm run build:tailwind:timescale && npm run build:tailwind:json && npm run build:ds:icons && npm run build:ds:module && npm run build:copy-files",
68
66
  "build:ds:module": "npm run build:ds:tsc && cp tailwind.config.js dist/ && npm run build:ds:bundle -- --format=cjs --out-extension:.js=.cjs && npm run build:ds:bundle -- --format=esm --out-extension:.js=.mjs",
69
- "build:ds:bundle": "node tools/esbuild.js",
70
- "build:ds:icons": "node tools/svgIconsToDistModules.js",
67
+ "build:ds:bundle": "node tools/esbuild.mjs",
68
+ "build:ds:icons": "node tools/svgIconsToDistModules.mjs",
71
69
  "build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
72
70
  "build:tailwind": "postcss src/main.css -o dist/styles.css",
73
- "build:tailwind:json": "NODE_PATH=./ node tools/resolveTailwindConfig.js > tailwind.theme.json",
71
+ "build:tailwind:json": "node tools/resolveTailwindConfig.mjs > tailwind.theme.json",
74
72
  "build:ds:style-dictionary": "npm run build:tailwind:sass && npm run build:tailwind:sass:timescale",
75
- "build:tailwind:sass": "NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
76
- "build:tailwind:sass:timescale": "THEME=timescale NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
73
+ "build:tailwind:sass": "style-dictionary build --config ./style-dictionary.config.js",
74
+ "build:tailwind:sass:timescale": "THEME=timescale style-dictionary build --config ./style-dictionary.config.js",
77
75
  "build:tailwind:timescale": "THEME=timescale postcss src/main.css -o dist/styles_timescaledb.css",
78
76
  "build:copy-files": "echo 'Copying files that are not included by TS' && cp tailwind.theme.json dist/ && mkdir -p dist/src/js/ && cp src/js/resolveTheme.d.ts dist/src/js/",
79
77
  "clean": "rm -rf .cache dist/",
@@ -84,28 +82,27 @@
84
82
  "devDependencies": {
85
83
  "@actions/core": "^1.10.0",
86
84
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
87
- "@aivenio/eslint-config-aiven": "^3.3.0",
88
- "@babel/core": "^7.13.10",
85
+ "@aivenio/eslint-config-aiven": "^4.0.2",
86
+ "@babel/core": "^7.22.5",
89
87
  "@babel/preset-env": "^7.20.2",
90
88
  "@babel/preset-react": "^7.18.6",
91
89
  "@babel/preset-typescript": "^7.18.6",
92
90
  "@iconify/tools": "^2.0.14",
93
- "@storybook/addon-a11y": "^7.0.15",
94
- "@storybook/addon-essentials": "^7.0.15",
95
- "@storybook/addon-links": "^7.0.15",
96
- "@storybook/addon-mdx-gfm": "^7.0.15",
91
+ "@storybook/addon-a11y": "^7.1.0-alpha.29",
92
+ "@storybook/addon-essentials": "^7.1.0-alpha.29",
93
+ "@storybook/addon-links": "^7.1.0-alpha.29",
94
+ "@storybook/addon-mdx-gfm": "^7.1.0-alpha.29",
97
95
  "@storybook/addon-postcss": "^2.0.0",
98
- "@storybook/addon-storyshots": "^7.0.15",
99
- "@storybook/addon-toolbars": "^7.0.15",
100
- "@storybook/addons": "^7.0.15",
96
+ "@storybook/addon-storyshots": "^7.1.0-alpha.29",
97
+ "@storybook/addon-toolbars": "^7.1.0-alpha.29",
98
+ "@storybook/addons": "^7.1.0-alpha.29",
101
99
  "@storybook/preset-typescript": "^3.0.0",
102
- "@storybook/react": "^7.0.15",
103
- "@storybook/react-webpack5": "^7.0.15",
100
+ "@storybook/react": "^7.1.0-alpha.29",
101
+ "@storybook/react-webpack5": "^7.1.0-alpha.29",
104
102
  "@tailwindcss/line-clamp": "^0.4.2",
105
103
  "@testing-library/dom": "^8.20.0",
106
104
  "@testing-library/jest-dom": "^5.16.5",
107
- "@testing-library/react": "^12.1.5",
108
- "@testing-library/react-hooks": "^8.0.1",
105
+ "@testing-library/react": "^14.0.0",
109
106
  "@testing-library/user-event": "^14.4.3",
110
107
  "@tryfabric/mack": "^1.2.1",
111
108
  "@types/common-tags": "^1.8.0",
@@ -116,8 +113,8 @@
116
113
  "@types/react": "^17.0.58",
117
114
  "@types/react-dom": "^17.0.20",
118
115
  "@types/tailwindcss": "^3.1.0",
119
- "@typescript-eslint/eslint-plugin": "^5.59.6",
120
- "@typescript-eslint/parser": "^5.59.6",
116
+ "@typescript-eslint/eslint-plugin": "^5.59.11",
117
+ "@typescript-eslint/parser": "^5.59.11",
121
118
  "@zerollup/ts-transform-paths": "^1.7.18",
122
119
  "arg": "^5.0.0",
123
120
  "autoprefixer": "^10.3.2",
@@ -129,9 +126,8 @@
129
126
  "cssnano": "^4.1.10",
130
127
  "csstype": "^3.1.2",
131
128
  "esbuild": "^0.15.8",
132
- "eslint": "^8.40.0",
129
+ "eslint": "^8.42.0",
133
130
  "eslint-import-resolver-typescript": "^3.5.5",
134
- "eslint-plugin-design-system": "file:contrib/dev/eslint",
135
131
  "eslint-plugin-jsx-a11y": "^6.7.1",
136
132
  "eslint-plugin-react": "^7.32.2",
137
133
  "figma-js": "^1.15.0",
@@ -151,10 +147,10 @@
151
147
  "postcss-reporter": "^7.0.5",
152
148
  "postcss-ts-classnames": "^0.3.0",
153
149
  "prettier": "^2.8.3",
154
- "react": "^17.0.2",
155
- "react-dom": "^17.0.2",
156
- "react-test-renderer": "^17.0.2",
157
- "storybook": "^7.0.15",
150
+ "react": "^18.2.0",
151
+ "react-dom": "^18.2.0",
152
+ "react-test-renderer": "^18.2.0",
153
+ "storybook": "^7.1.0-alpha.29",
158
154
  "style-dictionary": "^3.7.0",
159
155
  "tailwindcss": "^3.2.4",
160
156
  "tailwindcss-children": "^2.1.0",
@@ -182,8 +178,8 @@
182
178
  },
183
179
  "peerDependencies": {
184
180
  "lodash": "4.x",
185
- "react": "16.x || 17.x",
186
- "react-dom": "16.x || 17.x"
181
+ "react": "16.x || 17.x || 18.x",
182
+ "react-dom": "16.x || 17.x || 18.x"
187
183
  },
188
184
  "browserslist": [
189
185
  "defaults"
@@ -191,4 +187,4 @@
191
187
  "resolutions": {
192
188
  "webpack": "^5"
193
189
  }
194
- }
190
+ }