orcs-design-system 3.2.4 → 3.2.6

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 (96) hide show
  1. package/es/GlobalStyles.js +1 -31
  2. package/es/SystemThemeProvider.js +11 -5
  3. package/es/assets/Colour/Colour.stories.js +211 -0
  4. package/es/assets/Colour/index.js +3 -3
  5. package/es/components/ActionsMenu/ActionsMenu.stories.js +260 -233
  6. package/es/components/ActionsMenu/index.js +144 -229
  7. package/es/components/Avatar/Avatar.stories.js +212 -196
  8. package/es/components/Avatar/index.js +280 -307
  9. package/es/components/Badge/Badge.stories.js +71 -46
  10. package/es/components/Badge/index.js +71 -74
  11. package/es/components/Box/Box.stories.js +51 -35
  12. package/es/components/Box/index.js +33 -34
  13. package/es/components/Button/Button.stories.js +161 -145
  14. package/es/components/Button/ButtonLink.stories.js +152 -139
  15. package/es/components/Button/index.js +79 -99
  16. package/es/components/ButtonGroup/ButtonGroup.stories.js +43 -42
  17. package/es/components/ButtonGroup/ButtonGroupItem.stories.js +11 -13
  18. package/es/components/ButtonGroup/index.js +103 -99
  19. package/es/components/Card/Card.stories.js +94 -62
  20. package/es/components/Card/index.js +50 -71
  21. package/es/components/Checkbox/Checkbox.stories.js +37 -43
  22. package/es/components/Checkbox/index.js +61 -76
  23. package/es/components/DatePicker/DatePicker.stories.js +86 -118
  24. package/es/components/DatePicker/index.js +71 -187
  25. package/es/components/Divider/Divider.stories.js +39 -42
  26. package/es/components/Divider/index.js +21 -27
  27. package/es/components/Expandable/Expandable.stories.js +46 -36
  28. package/es/components/Expandable/index.js +55 -82
  29. package/es/components/Flex/Flex.stories.js +19 -5
  30. package/es/components/Flex/FlexItem.stories.js +10 -9
  31. package/es/components/Flex/index.js +34 -27
  32. package/es/components/Grid/Grid.stories.js +129 -55
  33. package/es/components/Grid/index.js +25 -24
  34. package/es/components/Header/Header.stories.js +101 -92
  35. package/es/components/Header/index.js +433 -436
  36. package/es/components/HeaderSimple/HeaderSimple.stories.js +23 -27
  37. package/es/components/HeaderSimple/index.js +73 -68
  38. package/es/components/Icon/Icon.stories.js +58 -57
  39. package/es/components/Icon/index.js +48 -46
  40. package/es/components/Loading/Loading.stories.js +32 -39
  41. package/es/components/Loading/index.js +44 -51
  42. package/es/components/Modal/Modal.stories.js +172 -153
  43. package/es/components/Modal/index.js +126 -134
  44. package/es/components/Notification/Notification.stories.js +59 -58
  45. package/es/components/Notification/index.js +123 -133
  46. package/es/components/Popover/Popover.stories.js +134 -102
  47. package/es/components/Popover/index.js +65 -111
  48. package/es/components/ProgressBar/ProgressBar.stories.js +36 -39
  49. package/es/components/ProgressBar/index.js +29 -34
  50. package/es/components/RadioButton/RadioButton.stories.js +32 -37
  51. package/es/components/RadioButton/index.js +170 -184
  52. package/es/components/Range/Range.stories.js +19 -19
  53. package/es/components/Range/index.js +35 -45
  54. package/es/components/Select/Select.stories.js +107 -128
  55. package/es/components/Select/index.js +324 -336
  56. package/es/components/SideNav/NavItem.js +112 -122
  57. package/es/components/SideNav/SideNav.stories.js +84 -57
  58. package/es/components/SideNav/index.js +161 -185
  59. package/es/components/Sidebar/Sidebar.stories.js +50 -33
  60. package/es/components/Sidebar/index.js +152 -155
  61. package/es/components/Spacer/Spacer.stories.js +35 -32
  62. package/es/components/Spacer/index.js +20 -20
  63. package/es/components/StatusDot/StatusDot.stories.js +103 -90
  64. package/es/components/StatusDot/index.js +36 -38
  65. package/es/components/StyledLink/StyledLink.stories.js +68 -69
  66. package/es/components/StyledLink/index.js +47 -48
  67. package/es/components/Table/Table.stories.js +118 -112
  68. package/es/components/Table/getExpandColumnConfig.js +67 -62
  69. package/es/components/Table/index.js +24 -27
  70. package/es/components/Table/muiStyleOverrides.js +10 -8
  71. package/es/components/Tabs/Tab.stories.js +55 -38
  72. package/es/components/Tabs/TabsContainer.stories.js +30 -22
  73. package/es/components/Tabs/index.js +95 -92
  74. package/es/components/Tag/Tag.stories.js +250 -220
  75. package/es/components/Tag/index.js +118 -190
  76. package/es/components/TextArea/TextArea.stories.js +76 -89
  77. package/es/components/TextArea/index.js +117 -115
  78. package/es/components/TextInput/TextInput.stories.js +41 -61
  79. package/es/components/TextInput/index.js +127 -171
  80. package/es/components/Toggle/Toggle.stories.js +63 -62
  81. package/es/components/Toggle/index.js +43 -77
  82. package/es/components/TreeNav/TreeNav.stories.js +7 -8
  83. package/es/components/TreeNav/index.js +72 -69
  84. package/es/components/Typography/Typography.stories.js +174 -0
  85. package/es/components/Typography/index.js +252 -308
  86. package/es/components.test.js +1 -1
  87. package/es/hooks/isVisible.js +6 -10
  88. package/es/hooks/keepInView.js +27 -32
  89. package/es/hooks/keypress.js +14 -14
  90. package/es/hooks/useInputFocus.js +5 -5
  91. package/es/hooks/usePrevious.js +3 -3
  92. package/es/systemThemeCollapsed.js +53 -53
  93. package/es/systemtheme.js +53 -53
  94. package/es/utils/selectUtil.js +1 -1
  95. package/es/utils/selectUtil.test.js +6 -6
  96. package/package.json +29 -38
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "orcs-design-system",
3
- "version": "3.2.4",
3
+ "version": "3.2.6",
4
4
  "engines": {
5
5
  "node": "20.12.2"
6
6
  },
@@ -36,8 +36,8 @@
36
36
  "module": "BABEL_ENV=es babel lib -d es",
37
37
  "deploy-stack": "serverless deploy",
38
38
  "deploy-client": "serverless client deploy --no-confirm",
39
- "storybook": "storybook dev -s ./lib/assets",
40
- "build-storybook": "storybook build -s .storybook/static -o .build_storybook",
39
+ "storybook": "storybook dev",
40
+ "build-storybook": "storybook build -o .build_storybook",
41
41
  "deploy-storybook": "storybook-to-ghpages",
42
42
  "playroom": "playroom start",
43
43
  "build-playroom": "playroom build",
@@ -76,32 +76,30 @@
76
76
  "@babel/preset-env": "^7.12.11",
77
77
  "@babel/preset-react": "^7.12.10",
78
78
  "@babel/runtime": "^7.12.5",
79
+ "@chromatic-com/storybook": "^1.5.0",
79
80
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
80
81
  "@fortawesome/free-regular-svg-icons": "^5.15.1",
81
82
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
82
83
  "@fortawesome/react-fontawesome": "^0.1.14",
83
84
  "@mdx-js/loader": "^2.3.0",
84
85
  "@mdx-js/react": "^2.3.0",
85
- "@storybook/addon-a11y": "^7.6.7",
86
- "@storybook/addon-actions": "^7.6.7",
87
- "@storybook/addon-docs": "^7.6.7",
88
- "@storybook/addon-knobs": "^7.0.2",
89
- "@storybook/addon-links": "^7.6.7",
90
- "@storybook/addon-mdx-gfm": "^7.6.7",
91
- "@storybook/addon-storyshots": "^7.6.7",
92
- "@storybook/addon-toolbars": "^7.6.7",
93
- "@storybook/addon-viewport": "^7.6.7",
94
- "@storybook/addons": "^7.6.7",
95
- "@storybook/api": "^7.6.7",
96
- "@storybook/blocks": "^7.6.7",
97
- "@storybook/components": "^7.6.7",
98
- "@storybook/core-events": "^7.6.7",
99
- "@storybook/manager-api": "^7.6.7",
86
+ "@storybook/addon-a11y": "^8.1.7",
87
+ "@storybook/addon-actions": "^8.1.7",
88
+ "@storybook/addon-docs": "^8.1.7",
89
+ "@storybook/addon-links": "^8.1.7",
90
+ "@storybook/addon-toolbars": "^8.1.7",
91
+ "@storybook/addon-viewport": "^8.1.7",
92
+ "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
93
+ "@storybook/blocks": "^8.1.7",
94
+ "@storybook/components": "^8.1.7",
95
+ "@storybook/core-events": "^8.1.7",
96
+ "@storybook/manager-api": "^8.1.7",
100
97
  "@storybook/mdx1-csf": "^1.0.0",
101
- "@storybook/preset-create-react-app": "^7.6.7",
102
- "@storybook/react": "^7.6.7",
103
- "@storybook/react-webpack5": "^7.6.7",
98
+ "@storybook/preset-create-react-app": "^8.1.7",
99
+ "@storybook/react": "^8.1.7",
100
+ "@storybook/react-webpack5": "^8.1.7",
104
101
  "@storybook/storybook-deployer": "2.8.16",
102
+ "@storybook/theming": "^8.1.7",
105
103
  "@testing-library/jest-dom": "^5.11.6",
106
104
  "@testing-library/react": "^11.2.2",
107
105
  "@types/jest": "^27.5.2",
@@ -136,9 +134,10 @@
136
134
  "react-docgen": "^7.0.3",
137
135
  "react-dom": "^18.3.1",
138
136
  "shelljs": "^0.8.5",
139
- "storybook": "^7.6.7",
137
+ "storybook": "^8.1.7",
140
138
  "style-loader": "^2.0.0",
141
139
  "styled-components": "^5.2.1",
140
+ "transform-loader": "^0.2.4",
142
141
  "webpack": "^5.88.2",
143
142
  "webpack-cli": "^5.1.4"
144
143
  },
@@ -154,21 +153,14 @@
154
153
  "typescript": "5.2.2",
155
154
  "webpack-dev-middleware": "6.1.2",
156
155
  "jest": "$jest",
157
- "@mui/utils": "6.0.0-alpha.9"
158
- },
159
- "browserslist": {
160
- "development": [
161
- "last 2 chrome versions",
162
- "last 2 firefox versions",
163
- "last 2 edge versions"
164
- ],
165
- "production": [
166
- ">1%",
167
- "last 4 versions",
168
- "Firefox ESR",
169
- "not ie < 11"
170
- ]
156
+ "@mui/utils": "6.0.0-alpha.9",
157
+ "braces": "3.0.3"
171
158
  },
159
+ "browserslist": [
160
+ ">0.2%",
161
+ "not dead",
162
+ "not op_mini all"
163
+ ],
172
164
  "files": [
173
165
  "es"
174
166
  ],
@@ -195,8 +187,7 @@
195
187
  "transform": {
196
188
  "^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
197
189
  "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
198
- "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js",
199
- "^.+\\.mdx?$": "<rootDir>/node_modules/@storybook/addon-docs/jest-transform-mdx"
190
+ "^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
200
191
  },
201
192
  "transformIgnorePatterns": [
202
193
  "<rootDir>/lib/components/*/*.mdx",