@reapit/elements 4.0.5 → 4.1.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.
Files changed (154) hide show
  1. package/dist/cjs/components/accordion/__styles__/index.d.ts +1 -1
  2. package/dist/cjs/components/accordion/accordion.d.ts +6 -3
  3. package/dist/cjs/components/accordion/accordion.stories.d.ts +8 -0
  4. package/dist/cjs/components/avatar/avatar.stories.d.ts +15 -0
  5. package/dist/cjs/components/badge/badge.stories.d.ts +12 -0
  6. package/dist/cjs/components/breadcrumb/__styles__/index.d.ts +1 -1
  7. package/dist/cjs/components/breadcrumb/breadcrumb.d.ts +3 -3
  8. package/dist/cjs/components/breadcrumb/breadcrumb.stories.d.ts +12 -0
  9. package/dist/cjs/components/button/__styles__/index.d.ts +1 -0
  10. package/dist/cjs/components/button/button.d.ts +5 -5
  11. package/dist/cjs/components/button/button.stories.d.ts +50 -0
  12. package/dist/cjs/components/card/card-components.d.ts +2 -2
  13. package/dist/cjs/components/card/card.stories.d.ts +34 -0
  14. package/dist/cjs/components/chip/chip.stories.d.ts +12 -0
  15. package/dist/cjs/components/drawer/drawer.stories.d.ts +17 -0
  16. package/dist/cjs/components/file-input/file-input.stories.d.ts +11 -0
  17. package/dist/cjs/components/form-layout/form-layout.stories.d.ts +12 -0
  18. package/dist/cjs/components/grid/grid.stories.d.ts +26 -0
  19. package/dist/cjs/components/icon/icon.stories.d.ts +24 -0
  20. package/dist/cjs/components/input/input.stories.d.ts +67 -0
  21. package/dist/cjs/components/input-add-on/input-add-on.stories.d.ts +15 -0
  22. package/dist/cjs/components/input-error/input-error.d.ts +1 -2
  23. package/dist/cjs/components/input-error/input-error.stories.d.ts +8 -0
  24. package/dist/cjs/components/input-group/input-group.stories.d.ts +58 -0
  25. package/dist/cjs/components/key-value-list/key-value-list.stories.d.ts +12 -0
  26. package/dist/cjs/components/label/label.stories.d.ts +9 -0
  27. package/dist/cjs/components/layout/__styles__/index.d.ts +4 -4
  28. package/dist/cjs/components/layout/layout.d.ts +7 -0
  29. package/dist/cjs/components/layout/layout.stories.d.ts +33 -0
  30. package/dist/cjs/components/loader/loader.stories.d.ts +17 -0
  31. package/dist/cjs/components/mobile-controls/mobile-controls.stories.d.ts +9 -0
  32. package/dist/cjs/components/modal/modal.stories.d.ts +21 -0
  33. package/dist/cjs/components/multi-select/multi-select.stories.d.ts +15 -0
  34. package/dist/cjs/components/nav/__styles__/index.d.ts +1 -0
  35. package/dist/cjs/components/nav/nav-responsive.d.ts +4 -0
  36. package/dist/cjs/components/nav/nav.stories.d.ts +18 -0
  37. package/dist/cjs/components/page-header/page-header.stories.d.ts +9 -0
  38. package/dist/cjs/components/pagination/pagination.stories.d.ts +15 -0
  39. package/dist/cjs/components/persistent-notification/persistent-notification.stories.d.ts +45 -0
  40. package/dist/cjs/components/placeholder-image/images/index.d.ts +2 -2
  41. package/dist/cjs/components/placeholder-image/images/placeholder-images/placeholderLarge.d.ts +1 -1
  42. package/dist/cjs/components/placeholder-image/images/placeholder-images/placeholderSmall.d.ts +1 -1
  43. package/dist/cjs/components/placeholder-image/placeholder-image.stories.d.ts +12 -0
  44. package/dist/cjs/components/progress-bar/__styles__/index.d.ts +1 -0
  45. package/dist/cjs/components/progress-bar/progress-bar.stories.d.ts +22 -0
  46. package/dist/cjs/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
  47. package/dist/cjs/components/searchable-dropdown/searchable-dropdown.stories.d.ts +25 -0
  48. package/dist/cjs/components/secondary-nav/secondary-nav.stories.d.ts +12 -0
  49. package/dist/cjs/components/select/select.stories.d.ts +12 -0
  50. package/dist/cjs/components/snack/snack.stories.d.ts +45 -0
  51. package/dist/cjs/components/snack/use-snack-hook.story-component.d.ts +1 -0
  52. package/dist/cjs/components/status-indicator/status-indicator.stories.d.ts +38 -0
  53. package/dist/cjs/components/steps/steps.stories.d.ts +24 -0
  54. package/dist/cjs/components/table/table.stories.d.ts +248 -0
  55. package/dist/cjs/components/tabs/tabs.stories.d.ts +22 -0
  56. package/dist/cjs/components/tag/tag.stories.d.ts +40 -0
  57. package/dist/cjs/components/textarea/textarea.stories.d.ts +15 -0
  58. package/dist/cjs/components/tile/tile.stories.d.ts +15 -0
  59. package/dist/cjs/components/toggle/toggle.stories.d.ts +28 -0
  60. package/dist/cjs/components/tool-tip/tooltip.stories.d.ts +12 -0
  61. package/dist/cjs/components/typography/__styles__/index.d.ts +8 -22
  62. package/dist/cjs/components/typography/typography.d.ts +6 -0
  63. package/dist/cjs/components/typography/typography.stories.d.ts +39 -0
  64. package/dist/cjs/hooks/use-media-query/media.stories.d.ts +16 -3
  65. package/dist/cjs/hooks/use-media-query/media.story-component.d.ts +2 -0
  66. package/dist/cjs/hooks/use-portal/use-portal.stories.d.ts +13 -0
  67. package/dist/cjs/icons/icons-legacy.d.ts +15 -0
  68. package/dist/cjs/index.js +10 -1
  69. package/dist/cjs/index.js.map +1 -1
  70. package/dist/cjs/storybook/render-html-markup.d.ts +5 -8
  71. package/dist/cjs/styles/flexbox.stories.d.ts +116 -0
  72. package/dist/cjs/styles/globals.d.ts +1 -0
  73. package/dist/cjs/styles/intent.d.ts +3 -0
  74. package/dist/cjs/styles/theming.stories.d.ts +7 -0
  75. package/dist/cjs/styles/utilities.stories.d.ts +16 -0
  76. package/dist/esm/components/accordion/__styles__/index.d.ts +1 -1
  77. package/dist/esm/components/accordion/accordion.d.ts +6 -3
  78. package/dist/esm/components/accordion/accordion.stories.d.ts +8 -0
  79. package/dist/esm/components/avatar/avatar.stories.d.ts +15 -0
  80. package/dist/esm/components/badge/badge.stories.d.ts +12 -0
  81. package/dist/esm/components/breadcrumb/__styles__/index.d.ts +1 -1
  82. package/dist/esm/components/breadcrumb/breadcrumb.d.ts +3 -3
  83. package/dist/esm/components/breadcrumb/breadcrumb.stories.d.ts +12 -0
  84. package/dist/esm/components/button/__styles__/index.d.ts +1 -0
  85. package/dist/esm/components/button/button.d.ts +5 -5
  86. package/dist/esm/components/button/button.stories.d.ts +50 -0
  87. package/dist/esm/components/card/card-components.d.ts +2 -2
  88. package/dist/esm/components/card/card.stories.d.ts +34 -0
  89. package/dist/esm/components/chip/chip.stories.d.ts +12 -0
  90. package/dist/esm/components/drawer/drawer.stories.d.ts +17 -0
  91. package/dist/esm/components/file-input/file-input.stories.d.ts +11 -0
  92. package/dist/esm/components/form-layout/form-layout.stories.d.ts +12 -0
  93. package/dist/esm/components/grid/grid.stories.d.ts +26 -0
  94. package/dist/esm/components/icon/icon.stories.d.ts +24 -0
  95. package/dist/esm/components/input/input.stories.d.ts +67 -0
  96. package/dist/esm/components/input-add-on/input-add-on.stories.d.ts +15 -0
  97. package/dist/esm/components/input-error/input-error.d.ts +1 -2
  98. package/dist/esm/components/input-error/input-error.stories.d.ts +8 -0
  99. package/dist/esm/components/input-group/input-group.stories.d.ts +58 -0
  100. package/dist/esm/components/key-value-list/key-value-list.stories.d.ts +12 -0
  101. package/dist/esm/components/label/label.stories.d.ts +9 -0
  102. package/dist/esm/components/layout/__styles__/index.d.ts +4 -4
  103. package/dist/esm/components/layout/layout.d.ts +7 -0
  104. package/dist/esm/components/layout/layout.stories.d.ts +33 -0
  105. package/dist/esm/components/loader/loader.stories.d.ts +17 -0
  106. package/dist/esm/components/mobile-controls/mobile-controls.stories.d.ts +9 -0
  107. package/dist/esm/components/modal/modal.stories.d.ts +21 -0
  108. package/dist/esm/components/multi-select/multi-select.stories.d.ts +15 -0
  109. package/dist/esm/components/nav/__styles__/index.d.ts +1 -0
  110. package/dist/esm/components/nav/nav-responsive.d.ts +4 -0
  111. package/dist/esm/components/nav/nav.stories.d.ts +18 -0
  112. package/dist/esm/components/page-header/page-header.stories.d.ts +9 -0
  113. package/dist/esm/components/pagination/pagination.stories.d.ts +15 -0
  114. package/dist/esm/components/persistent-notification/persistent-notification.stories.d.ts +45 -0
  115. package/dist/esm/components/placeholder-image/images/index.d.ts +2 -2
  116. package/dist/esm/components/placeholder-image/images/placeholder-images/placeholderLarge.d.ts +1 -1
  117. package/dist/esm/components/placeholder-image/images/placeholder-images/placeholderSmall.d.ts +1 -1
  118. package/dist/esm/components/placeholder-image/placeholder-image.stories.d.ts +12 -0
  119. package/dist/esm/components/progress-bar/__styles__/index.d.ts +1 -0
  120. package/dist/esm/components/progress-bar/progress-bar.stories.d.ts +22 -0
  121. package/dist/esm/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
  122. package/dist/esm/components/searchable-dropdown/searchable-dropdown.stories.d.ts +25 -0
  123. package/dist/esm/components/secondary-nav/secondary-nav.stories.d.ts +12 -0
  124. package/dist/esm/components/select/select.stories.d.ts +12 -0
  125. package/dist/esm/components/snack/snack.stories.d.ts +45 -0
  126. package/dist/esm/components/snack/use-snack-hook.story-component.d.ts +1 -0
  127. package/dist/esm/components/status-indicator/status-indicator.stories.d.ts +38 -0
  128. package/dist/esm/components/steps/steps.stories.d.ts +24 -0
  129. package/dist/esm/components/table/table.stories.d.ts +248 -0
  130. package/dist/esm/components/tabs/tabs.stories.d.ts +22 -0
  131. package/dist/esm/components/tag/tag.stories.d.ts +40 -0
  132. package/dist/esm/components/textarea/textarea.stories.d.ts +15 -0
  133. package/dist/esm/components/tile/tile.stories.d.ts +15 -0
  134. package/dist/esm/components/toggle/toggle.stories.d.ts +28 -0
  135. package/dist/esm/components/tool-tip/tooltip.stories.d.ts +12 -0
  136. package/dist/esm/components/typography/__styles__/index.d.ts +8 -22
  137. package/dist/esm/components/typography/typography.d.ts +6 -0
  138. package/dist/esm/components/typography/typography.stories.d.ts +39 -0
  139. package/dist/esm/hooks/use-media-query/media.stories.d.ts +16 -3
  140. package/dist/esm/hooks/use-media-query/media.story-component.d.ts +2 -0
  141. package/dist/esm/hooks/use-portal/use-portal.stories.d.ts +13 -0
  142. package/dist/esm/icons/icons-legacy.d.ts +15 -0
  143. package/dist/esm/index.js +10 -1
  144. package/dist/esm/index.js.map +1 -1
  145. package/dist/esm/storybook/render-html-markup.d.ts +5 -8
  146. package/dist/esm/styles/flexbox.stories.d.ts +116 -0
  147. package/dist/esm/styles/globals.d.ts +1 -0
  148. package/dist/esm/styles/intent.d.ts +3 -0
  149. package/dist/esm/styles/theming.stories.d.ts +7 -0
  150. package/dist/esm/styles/utilities.stories.d.ts +16 -0
  151. package/dist/index.css +23 -23
  152. package/package.json +40 -47
  153. package/dist/cjs/components/snack/use-snack-hook.stories.d.ts +0 -2
  154. package/dist/esm/components/snack/use-snack-hook.stories.d.ts +0 -2
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@reapit/elements",
3
- "version": "4.0.5",
3
+ "version": "4.1.1",
4
4
  "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
5
- "homepage": "https://github.com/reapit/foundations#readme",
5
+ "homepage": "https://github.com/reapit/elements#readme",
6
6
  "bugs": {
7
- "url": "https://github.com/reapit/foundations/issues"
7
+ "url": "https://github.com/reapit/elements/issues"
8
8
  },
9
9
  "bin": {
10
10
  "elements-deploy": "./scripts/cdk/bin/rpt-cdk.js"
11
11
  },
12
12
  "repository": {
13
13
  "type": "git",
14
- "url": "git+https://github.com/reapit/foundations.git"
14
+ "url": "git+https://github.com/reapit/elements.git"
15
15
  },
16
16
  "license": "MIT",
17
17
  "author": "Will McVay <wmcvay@reapit.com>",
@@ -29,14 +29,14 @@
29
29
  ],
30
30
  "scripts": {
31
31
  "build": "yarn build:dist && yarn build:storybook",
32
- "build:storybook": "cross-env NODE_ENV=production && build-storybook -o public/dist",
32
+ "build:storybook": "cross-env NODE_ENV=production && storybook build -o public/dist",
33
33
  "build:dist": "cross-env NODE_ENV=production && rimraf public/dist && rimraf dist && rollup -c",
34
34
  "commit": "yarn test --coverage --no-cache --silent --forceExit --detectOpenHandles --runInBand --watch=false && jest-coverage-badges --input src/tests/coverage/coverage-summary.json --output src/tests/badges && yarn lint --fix && yarn check",
35
35
  "lint": "eslint --cache --ext=ts,tsx,js src",
36
36
  "check": "tsc --noEmit --skipLibCheck",
37
37
  "publish": "yarn npm publish --access public",
38
38
  "deploy": "elements-deploy deploy",
39
- "start": "start-storybook -p 6006",
39
+ "start": "storybook dev -p 6006",
40
40
  "test": "cross-env TZ=UTC jest --watch --colors --silent"
41
41
  },
42
42
  "dependencies": {
@@ -45,101 +45,94 @@
45
45
  },
46
46
  "devDependencies": {
47
47
  "@babel/core": "^7.23.9",
48
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
49
+ "@babel/plugin-proposal-private-methods": "^7.18.6",
48
50
  "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
49
51
  "@linaria/babel-preset": "^5.0.4",
50
52
  "@linaria/rollup": "^5.0.4",
51
53
  "@linaria/shaker": "^5.0.3",
54
+ "@linaria/vite": "^5.0.4",
52
55
  "@linaria/webpack-loader": "^5.0.4",
53
56
  "@mdx-js/react": "^1.6.22",
54
- "@reapit/storybook-addon-html": "^5.0.1",
55
57
  "@rollup/plugin-babel": "^6.0.4",
56
58
  "@rollup/plugin-commonjs": "^24.1.0",
57
59
  "@rollup/plugin-node-resolve": "^15.2.3",
58
60
  "@rollup/plugin-terser": "^0.4.4",
59
61
  "@rollup/plugin-typescript": "^11.1.5",
60
62
  "@rollup/plugin-url": "^8.0.2",
61
- "@storybook/addon-actions": "^6.5.16",
62
- "@storybook/addon-docs": "^6.5.16",
63
- "@storybook/addon-essentials": "^6.5.16",
64
- "@storybook/addon-links": "^6.5.16",
65
- "@storybook/addon-postcss": "^2.0.0",
66
- "@storybook/addon-storysource": "^6.5.16",
67
- "@storybook/addons": "^6.5.16",
68
- "@storybook/builder-webpack5": "^6.5.16",
69
- "@storybook/cli": "^6.5.16",
70
- "@storybook/csf": "^0.1.2",
71
- "@storybook/manager-webpack5": "^6.5.16",
72
- "@storybook/react": "^6.5.16",
73
- "@storybook/react-docgen-typescript-plugin": "1.0.1",
74
- "@storybook/theming": "^6.5.16",
75
- "@svgr/rollup": "^6.5.1",
63
+ "@storybook/addon-a11y": "^8.0.0-rc.0",
64
+ "@storybook/addon-actions": "^8.0.0-rc.0",
65
+ "@storybook/addon-docs": "^8.0.0-rc.0",
66
+ "@storybook/addon-essentials": "^8.0.0-rc.0",
67
+ "@storybook/addon-links": "^8.0.0-rc.0",
68
+ "@storybook/addon-storysource": "^8.0.0-rc.0",
69
+ "@storybook/blocks": "^8.0.0-rc.0",
70
+ "@storybook/cli": "^8.0.0-rc.0",
71
+ "@storybook/csf": "0.1.2-next.0",
72
+ "@storybook/icons": "^1.2.5",
73
+ "@storybook/manager-api": "^8.0.0-rc.0",
74
+ "@storybook/preview-api": "^8.0.0-rc.0",
75
+ "@storybook/react": "^8.0.0-rc.0",
76
+ "@storybook/react-dom-shim": "^8.0.0-rc.0",
77
+ "@storybook/react-vite": "^8.0.0-rc.0",
78
+ "@storybook/theming": "^8.0.0-rc.0",
79
+ "@svgr/rollup": "^8.1.0",
76
80
  "@svgr/webpack": "^8.1.0",
77
81
  "@testing-library/react": "^14.1.2",
78
82
  "@testing-library/react-hooks": "^8.0.1",
79
83
  "@types/babel__core": "^7",
80
84
  "@types/jest": "^29.5.10",
81
85
  "@types/node": "^18",
86
+ "@types/postcss-flexbugs-fixes": "^5",
82
87
  "@types/react": "^18.2.39",
83
88
  "@types/react-dom": "^18.2.17",
84
- "@types/uuid": "^8.3.4",
89
+ "@types/react-syntax-highlighter": "^15",
85
90
  "@typescript-eslint/eslint-plugin": "^5.62.0",
86
91
  "@typescript-eslint/parser": "^5.62.0",
92
+ "@vitejs/plugin-react": "^4.2.1",
93
+ "autoprefixer": "^10.4.17",
87
94
  "aws-cdk": "^2.124.0",
88
95
  "aws-cdk-lib": "^2.124.0",
89
96
  "aws-sdk": "^2.1545.0",
90
97
  "babel-jest": "^29.7.0",
91
- "babel-loader": "^9.1.3",
92
98
  "colord": "^2.9.3",
93
99
  "concurrently": "^6.5.1",
94
100
  "constructs": "^10.3.0",
95
101
  "cross-env": "^7.0.3",
96
102
  "dashify": "2.0.0",
97
- "esbuild-loader": "^3.2.0",
98
103
  "eslint": "8.54.0",
99
104
  "eslint-config-prettier": "^8.10.0",
100
- "eslint-plugin-prettier": "^4.2.1",
105
+ "eslint-plugin-prettier": "^5.1.3",
101
106
  "eslint-plugin-react": "^7.33.2",
102
107
  "eslint-plugin-react-hooks": "^4.6.0",
108
+ "eslint-plugin-storybook": "^0.6.15",
103
109
  "jest": "^29.7.0",
104
110
  "jest-coverage-badges": "^1.1.2",
105
111
  "jest-environment-jsdom": "^29.7.0",
106
- "mini-css-extract-plugin": "^2.7.7",
107
112
  "move-file-cli": "^2.0.0",
108
- "node-polyfill-webpack-plugin": "^1.1.4",
109
113
  "postcss": "^8.4.31",
110
- "prettier": "2.2.1",
111
- "react": "^18.0.2",
114
+ "postcss-flexbugs-fixes": "^5.0.2",
115
+ "prettier": "^3.1.1",
116
+ "react": "^18.2.0",
112
117
  "react-docgen-typescript-loader": "^3.7.2",
113
- "react-dom": "^18.0.2",
114
- "react-is": "^16.13.1",
115
- "require-from-string": "^2.0.2",
118
+ "react-dom": "^18.2.0",
119
+ "react-syntax-highlighter": "^15.5.0",
116
120
  "rimraf": "^3.0.2",
117
121
  "rollup": "^3.29.4",
118
122
  "rollup-plugin-css-only": "^4.5.2",
119
123
  "snyk": "^1.1259.0",
124
+ "storybook": "^8.0.0-rc.0",
120
125
  "ts-jest": "^29.1.1",
121
126
  "ts-node": "^10.9.1",
122
127
  "tslib": "^2.6.2",
123
128
  "typescript": "4.9.5",
124
- "url-loader": "^4.1.1",
125
- "vite": "^5.0.12",
126
- "webpack": "^5.89.0"
129
+ "vite": "^5.1.4",
130
+ "vite-plugin-svgr": "^4.2.0"
127
131
  },
128
132
  "peerDependencies": {
129
133
  "react": ">=18.0.2",
130
134
  "react-dom": ">=18.0.2"
131
135
  },
132
- "resolutions": {
133
- "webpack": "^5.0.0",
134
- "css-loader": "^5.0.0",
135
- "dotenv-webpack": "^6.0.0",
136
- "html-webpack-plugin": "^5.0.0",
137
- "style-loader": "^2.0.0",
138
- "terser-webpack-plugin": "^5.0.0",
139
- "webpack-dev-middleware": "^4.1.0",
140
- "webpack-virtual-modules": "^0.4.2",
141
- "prettier": "2.2.1"
142
- },
143
136
  "snyk": true,
144
137
  "packageManager": "yarn@4.0.2"
145
138
  }
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const UseSnackHookStory: () => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const UseSnackHookStory: () => React.JSX.Element;