@alma-oss/spirit-web-react 4.1.0 → 4.2.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 (249) hide show
  1. package/README.md +2 -1
  2. package/bundles/web-react.umd.js +765 -419
  3. package/bundles/web-react.umd.js.map +1 -1
  4. package/bundles/web-react.umd.min.js +1 -1
  5. package/bundles/web-react.umd.min.js.map +1 -1
  6. package/components/Accordion/Accordion.cjs +24 -8
  7. package/components/Accordion/Accordion.cjs.map +1 -1
  8. package/components/Accordion/Accordion.d.ts +5 -3
  9. package/components/Accordion/Accordion.js +2 -0
  10. package/components/Accordion/Accordion.js.map +1 -1
  11. package/components/Accordion/AccordionHeader.d.ts +5 -3
  12. package/components/Accordion/AccordionHeader.js +14 -4
  13. package/components/Accordion/AccordionHeader.js.map +1 -1
  14. package/components/Accordion/AccordionItem.d.ts +5 -3
  15. package/components/Accordion/AccordionItem.js +2 -0
  16. package/components/Accordion/AccordionItem.js.map +1 -1
  17. package/components/Accordion/UncontrolledAccordion.d.ts +5 -3
  18. package/components/Accordion/UncontrolledAccordion.js +3 -1
  19. package/components/Accordion/UncontrolledAccordion.js.map +1 -1
  20. package/components/Accordion/useAccordion.d.ts +2 -2
  21. package/components/Accordion/useAccordion.js.map +1 -1
  22. package/components/ActionGroup/ActionGroup.cjs +4 -2
  23. package/components/ActionGroup/ActionGroup.cjs.map +1 -1
  24. package/components/Avatar/Avatar.js.map +1 -1
  25. package/components/Button/Button.cjs +49 -12
  26. package/components/Button/Button.cjs.map +1 -1
  27. package/components/Button/Button.js.map +1 -1
  28. package/components/Button/useButtonStyleProps.js +6 -6
  29. package/components/Button/useButtonStyleProps.js.map +1 -1
  30. package/components/ButtonLink/ButtonLink.js.map +1 -1
  31. package/components/ButtonLink/useButtonLinkStyleProps.js +6 -6
  32. package/components/ButtonLink/useButtonLinkStyleProps.js.map +1 -1
  33. package/components/Card/CardLink.d.ts +1 -1
  34. package/components/Card/CardLink.js.map +1 -1
  35. package/components/Checkbox/Checkbox.cjs +45 -1
  36. package/components/Checkbox/Checkbox.cjs.map +1 -1
  37. package/components/Checkbox/Checkbox.js.map +1 -1
  38. package/components/Checkbox/useCheckboxStyleProps.js +5 -2
  39. package/components/Checkbox/useCheckboxStyleProps.js.map +1 -1
  40. package/components/Collapse/Collapse.cjs +2 -2
  41. package/components/Collapse/Collapse.cjs.map +1 -1
  42. package/components/ControlButton/ControlButton.js.map +1 -1
  43. package/components/ControlButton/useControlButtonStyleProps.js +3 -4
  44. package/components/ControlButton/useControlButtonStyleProps.js.map +1 -1
  45. package/components/Drawer/Drawer.cjs +49 -12
  46. package/components/Drawer/Drawer.cjs.map +1 -1
  47. package/components/Drawer/DrawerPanel.js.map +1 -1
  48. package/components/FileUploader/FileUploader.cjs +6 -4
  49. package/components/FileUploader/FileUploader.cjs.map +1 -1
  50. package/components/FileUploader/FileUploaderAttachment.js +3 -3
  51. package/components/FileUploader/FileUploaderAttachment.js.map +1 -1
  52. package/components/FileUploader/FileUploaderList.js +2 -1
  53. package/components/FileUploader/FileUploaderList.js.map +1 -1
  54. package/components/FileUploader/constants.d.ts +1 -0
  55. package/components/FileUploader/constants.js +1 -0
  56. package/components/FileUploader/constants.js.map +1 -1
  57. package/components/FileUploader/useFileUploaderInput.js.map +1 -1
  58. package/components/Flex/Flex.cjs +4 -2
  59. package/components/Flex/Flex.cjs.map +1 -1
  60. package/components/Flex/Flex.d.ts +2 -0
  61. package/components/Flex/Flex.js +2 -0
  62. package/components/Flex/Flex.js.map +1 -1
  63. package/components/Flex/useFlexStyleProps.d.ts +2 -2
  64. package/components/Footer/Footer.cjs +40 -3
  65. package/components/Footer/Footer.cjs.map +1 -1
  66. package/components/Footer/Footer.d.ts +2 -2
  67. package/components/Footer/Footer.js +5 -3
  68. package/components/Footer/Footer.js.map +1 -1
  69. package/components/Footer/useFooterStyleProps.d.ts +2 -2
  70. package/components/Footer/useFooterStyleProps.js.map +1 -1
  71. package/components/Grid/Grid.cjs +10 -5
  72. package/components/Grid/Grid.cjs.map +1 -1
  73. package/components/Grid/Grid.d.ts +2 -0
  74. package/components/Grid/Grid.js +2 -0
  75. package/components/Grid/Grid.js.map +1 -1
  76. package/components/Grid/GridItem.d.ts +2 -0
  77. package/components/Grid/GridItem.js +2 -0
  78. package/components/Grid/GridItem.js.map +1 -1
  79. package/components/Grid/useGridItemStyleProps.d.ts +2 -2
  80. package/components/Grid/useGridItemStyleProps.js +6 -5
  81. package/components/Grid/useGridItemStyleProps.js.map +1 -1
  82. package/components/Grid/useGridStyleProps.d.ts +2 -2
  83. package/components/Header/Header.cjs +49 -12
  84. package/components/Header/Header.cjs.map +1 -1
  85. package/components/Header/HeaderDialogLink.js.map +1 -1
  86. package/components/Header/HeaderLink.js.map +1 -1
  87. package/components/Hidden/Hidden.d.ts +9 -0
  88. package/components/Hidden/Hidden.js +31 -0
  89. package/components/Hidden/Hidden.js.map +1 -0
  90. package/components/Hidden/index.d.ts +1 -0
  91. package/components/Hidden/index.js +2 -0
  92. package/components/Hidden/index.js.map +1 -0
  93. package/components/Icon/Icon.js.map +1 -1
  94. package/components/Icon/useIconStyleProps.d.ts +10 -10
  95. package/components/Link/Link.js.map +1 -1
  96. package/components/Matrix/Matrix.cjs.map +1 -1
  97. package/components/Matrix/Matrix.js +2 -2
  98. package/components/Matrix/Matrix.js.map +1 -1
  99. package/components/Matrix/useMatrixStyleProps.d.ts +1 -1
  100. package/components/Matrix/useMatrixStyleProps.js.map +1 -1
  101. package/components/Modal/Modal.cjs +54 -16
  102. package/components/Modal/Modal.cjs.map +1 -1
  103. package/components/Modal/ModalCloseButton.js +2 -1
  104. package/components/Modal/ModalCloseButton.js.map +1 -1
  105. package/components/Modal/ModalHeader.js +2 -1
  106. package/components/Modal/ModalHeader.js.map +1 -1
  107. package/components/Modal/constants.d.ts +1 -0
  108. package/components/Modal/constants.js +2 -0
  109. package/components/Modal/constants.js.map +1 -0
  110. package/components/Modal/useModalDialogStyleProps.js +1 -2
  111. package/components/Modal/useModalDialogStyleProps.js.map +1 -1
  112. package/components/Navigation/NavigationAction.js.map +1 -1
  113. package/components/Navigation/NavigationAvatar.js.map +1 -1
  114. package/components/Pagination/Pagination.cjs +61 -19
  115. package/components/Pagination/Pagination.cjs.map +1 -1
  116. package/components/Pagination/PaginationButtonLink.js +4 -1
  117. package/components/Pagination/PaginationButtonLink.js.map +1 -1
  118. package/components/Pagination/PaginationLink.js +4 -2
  119. package/components/Pagination/PaginationLink.js.map +1 -1
  120. package/components/Pagination/PaginationLinkNext.js.map +1 -1
  121. package/components/Pagination/PaginationLinkPrevious.js.map +1 -1
  122. package/components/Pagination/UncontrolledPagination.js +2 -1
  123. package/components/Pagination/UncontrolledPagination.js.map +1 -1
  124. package/components/Pagination/constants.d.ts +1 -0
  125. package/components/Pagination/constants.js +1 -0
  126. package/components/Pagination/constants.js.map +1 -1
  127. package/components/PricingPlan/PricingPlan.cjs +54 -16
  128. package/components/PricingPlan/PricingPlan.cjs.map +1 -1
  129. package/components/Radio/Radio.cjs +45 -1
  130. package/components/Radio/Radio.cjs.map +1 -1
  131. package/components/Radio/Radio.js.map +1 -1
  132. package/components/Radio/useRadioStyleProps.js +5 -2
  133. package/components/Radio/useRadioStyleProps.js.map +1 -1
  134. package/components/ScrollView/ScrollView.cjs +80 -11
  135. package/components/ScrollView/ScrollView.cjs.map +1 -1
  136. package/components/ScrollView/ScrollViewArrows.js +3 -8
  137. package/components/ScrollView/ScrollViewArrows.js.map +1 -1
  138. package/components/ScrollView/constants.d.ts +1 -0
  139. package/components/ScrollView/constants.js +1 -0
  140. package/components/ScrollView/constants.js.map +1 -1
  141. package/components/ScrollView/index.d.ts +1 -0
  142. package/components/ScrollView/index.js +1 -0
  143. package/components/ScrollView/index.js.map +1 -1
  144. package/components/ScrollView/useScrollCallback.d.ts +10 -0
  145. package/components/ScrollView/useScrollCallback.js +41 -0
  146. package/components/ScrollView/useScrollCallback.js.map +1 -0
  147. package/components/ScrollView/useScrollPosition.js.map +1 -1
  148. package/components/SegmentedControl/SegmentedControlContext.js.map +1 -1
  149. package/components/Select/Select.js.map +1 -1
  150. package/components/Skeleton/useSkeletonShapeStyleProps.d.ts +10 -10
  151. package/components/SkipLink/SkipLink.js.map +1 -1
  152. package/components/Slider/Slider.js.map +1 -1
  153. package/components/Spinner/Spinner.js.map +1 -1
  154. package/components/SplitButton/SplitButton.cjs +52 -12
  155. package/components/SplitButton/SplitButton.cjs.map +1 -1
  156. package/components/SplitButton/UncontrolledSplitButton.js +2 -0
  157. package/components/SplitButton/UncontrolledSplitButton.js.map +1 -1
  158. package/components/SplitButton/constants.d.ts +1 -0
  159. package/components/SplitButton/constants.js +2 -0
  160. package/components/SplitButton/constants.js.map +1 -0
  161. package/components/Tabs/TabContext.js.map +1 -1
  162. package/components/Tabs/TabLink.js.map +1 -1
  163. package/components/Tag/Tag.js.map +1 -1
  164. package/components/TextArea/TextArea.cjs +7 -1
  165. package/components/TextArea/TextArea.cjs.map +1 -1
  166. package/components/TextArea/TextArea.js.map +1 -1
  167. package/components/TextArea/useAdjustHeight.js.map +1 -1
  168. package/components/TextField/TextField.cjs +7 -1
  169. package/components/TextField/TextField.cjs.map +1 -1
  170. package/components/TextField/TextField.js.map +1 -1
  171. package/components/TextFieldBase/TextFieldBase.cjs +7 -1
  172. package/components/TextFieldBase/TextFieldBase.cjs.map +1 -1
  173. package/components/TextFieldBase/TextFieldBase.d.ts +2 -2
  174. package/components/TextFieldBase/TextFieldBase.js.map +1 -1
  175. package/components/TextFieldBase/TextFieldBaseInput.js.map +1 -1
  176. package/components/TextFieldBase/TextFieldBasePasswordToggle.js +5 -1
  177. package/components/TextFieldBase/TextFieldBasePasswordToggle.js.map +1 -1
  178. package/components/TextFieldBase/constants.d.ts +2 -0
  179. package/components/TextFieldBase/constants.js +3 -0
  180. package/components/TextFieldBase/constants.js.map +1 -0
  181. package/components/Toast/Toast.cjs +1 -1
  182. package/components/Toast/Toast.cjs.map +1 -1
  183. package/components/Toast/ToastBarLink.js.map +1 -1
  184. package/components/Toast/ToastContext.js +2 -2
  185. package/components/Toast/ToastContext.js.map +1 -1
  186. package/components/Toast/UncontrolledToast.js +2 -1
  187. package/components/Toast/UncontrolledToast.js.map +1 -1
  188. package/components/Toast/useToastBarStyleProps.d.ts +10 -10
  189. package/components/Toggle/Toggle.cjs +46 -1
  190. package/components/Toggle/Toggle.cjs.map +1 -1
  191. package/components/Toggle/Toggle.js.map +1 -1
  192. package/components/Toggle/useToggleStyleProps.js +5 -2
  193. package/components/Toggle/useToggleStyleProps.js.map +1 -1
  194. package/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map +1 -1
  195. package/components/components.cjs +441 -285
  196. package/components/components.cjs.map +1 -1
  197. package/components/index.d.ts +1 -0
  198. package/components/index.js +1 -0
  199. package/components/index.js.map +1 -1
  200. package/constants/constants.cjs +6 -0
  201. package/constants/constants.cjs.map +1 -1
  202. package/constants/index.d.ts +1 -0
  203. package/constants/index.js +1 -0
  204. package/constants/index.js.map +1 -1
  205. package/constants/inputs.d.ts +4 -0
  206. package/constants/inputs.js +5 -0
  207. package/constants/inputs.js.map +1 -0
  208. package/hooks/hooks.cjs +48 -7
  209. package/hooks/hooks.cjs.map +1 -1
  210. package/hooks/index.d.ts +2 -1
  211. package/hooks/index.js +2 -1
  212. package/hooks/index.js.map +1 -1
  213. package/hooks/useDeprecationMessage.js +2 -2
  214. package/hooks/useDeprecationMessage.js.map +1 -1
  215. package/hooks/useInputPositionClass.d.ts +2 -0
  216. package/hooks/useInputPositionClass.js +8 -0
  217. package/hooks/useInputPositionClass.js.map +1 -0
  218. package/hooks/useSymmetry.d.ts +7 -0
  219. package/hooks/useSymmetry.js +39 -0
  220. package/hooks/useSymmetry.js.map +1 -0
  221. package/index.cjs +444 -290
  222. package/index.cjs.map +1 -1
  223. package/package.json +11 -18
  224. package/spirit-web-react.cjs +444 -290
  225. package/spirit-web-react.cjs.map +1 -1
  226. package/spirit-web-react.min.cjs +1 -1
  227. package/types/accordion.d.ts +14 -7
  228. package/types/box.d.ts +2 -2
  229. package/types/button.d.ts +2 -2
  230. package/types/checkbox.d.ts +2 -1
  231. package/types/controlButton.d.ts +2 -2
  232. package/types/flex.d.ts +2 -3
  233. package/types/footer.d.ts +7 -2
  234. package/types/grid.d.ts +3 -5
  235. package/types/hidden.d.ts +10 -0
  236. package/types/hidden.js +2 -0
  237. package/types/hidden.js.map +1 -0
  238. package/types/index.d.ts +1 -0
  239. package/types/index.js +1 -0
  240. package/types/index.js.map +1 -1
  241. package/types/item.d.ts +2 -2
  242. package/types/pricingPlan.d.ts +1 -1
  243. package/types/radio.d.ts +2 -1
  244. package/types/shared/inputs.d.ts +3 -0
  245. package/types/slider.d.ts +2 -2
  246. package/types/toggle.d.ts +2 -1
  247. package/hooks/useDirectionClass.d.ts +0 -2
  248. package/hooks/useDirectionClass.js +0 -5
  249. package/hooks/useDirectionClass.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alma-oss/spirit-web-react",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
4
4
  "description": "React implementation of Spirit Design System components",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -33,9 +33,9 @@
33
33
  "@babel/preset-env": "7.26.9",
34
34
  "@babel/preset-react": "7.26.3",
35
35
  "@babel/preset-typescript": "7.27.0",
36
- "@eslint/compat": "^1.4.0",
37
- "@eslint/eslintrc": "^3.3.1",
38
- "@figma/code-connect": "1.3.11",
36
+ "@eslint/compat": "1.4.0",
37
+ "@eslint/eslintrc": "3.3.1",
38
+ "@figma/code-connect": "1.3.12",
39
39
  "@juggle/resize-observer": "3.4.0",
40
40
  "@lmc-eu/eslint-config-base": "3.1.3",
41
41
  "@lmc-eu/eslint-config-jest": "3.0.6",
@@ -44,6 +44,8 @@
44
44
  "@rollup/plugin-node-resolve": "15.3.1",
45
45
  "@rollup/plugin-replace": "6.0.2",
46
46
  "@rollup/plugin-terser": "0.4.4",
47
+ "@storybook/addon-docs": "10.1.11",
48
+ "@storybook/react": "10.1.11",
47
49
  "@testing-library/dom": "10.4.1",
48
50
  "@testing-library/jest-dom": "6.9.1",
49
51
  "@testing-library/react": "16.3.0",
@@ -68,7 +70,7 @@
68
70
  "eslint-plugin-react-hooks": "4.6.2",
69
71
  "eslint-plugin-react-refresh": "0.4.20",
70
72
  "eslint-plugin-standard": "5.0.0",
71
- "glob": "10.5.0",
73
+ "glob": "11.1.0",
72
74
  "html-element-attributes": "3.5.0",
73
75
  "jest": "30.2.0",
74
76
  "jest-axe": "10.0.0",
@@ -89,9 +91,9 @@
89
91
  "webpack-merge": "6.0.1"
90
92
  },
91
93
  "peerDependencies": {
92
- "@alma-oss/spirit-design-tokens": "^3.0.0",
93
- "@alma-oss/spirit-icons": "^2.0.0",
94
- "@alma-oss/spirit-web": "^3.0.0",
94
+ "@alma-oss/spirit-design-tokens": "^4.0.0",
95
+ "@alma-oss/spirit-icons": "^3.0.0",
96
+ "@alma-oss/spirit-web": "^4.0.0",
95
97
  "react": "^18.0.0 || ^19.0.0",
96
98
  "react-dom": "^18.0.0 || ^19.0.0"
97
99
  },
@@ -124,20 +126,11 @@
124
126
  "lint": "eslint ./",
125
127
  "lint:fix": "yarn lint --fix",
126
128
  "test": "npm-run-all --serial lint types test:unit:coverage",
127
- "test:unit": "jest",
129
+ "test:unit": "TS_NODE_PROJECT=./config/tsconfig.test.json jest",
128
130
  "test:unit:watch": "yarn test:unit --watchAll",
129
131
  "test:unit:coverage": "yarn test:unit --coverage",
130
132
  "figma:connect": "yarn figma connect",
131
133
  "figma:publish": "yarn figma connect publish",
132
134
  "figma:unpublish": "yarn figma connect unpublish"
133
- },
134
- "nx": {
135
- "targets": {
136
- "build": {
137
- "outputs": [
138
- "{projectRoot}/dist"
139
- ]
140
- }
141
- }
142
135
  }
143
136
  }