@alma-oss/spirit-web-react 4.2.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 (154) hide show
  1. package/README.md +2 -1
  2. package/bundles/web-react.umd.js +450 -277
  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 +2 -2
  7. package/components/Accordion/Accordion.cjs.map +1 -1
  8. package/components/ActionGroup/ActionGroup.cjs +2 -2
  9. package/components/ActionGroup/ActionGroup.cjs.map +1 -1
  10. package/components/Avatar/Avatar.js.map +1 -1
  11. package/components/Button/Button.cjs +49 -12
  12. package/components/Button/Button.cjs.map +1 -1
  13. package/components/Button/Button.js.map +1 -1
  14. package/components/Button/useButtonStyleProps.js +6 -6
  15. package/components/Button/useButtonStyleProps.js.map +1 -1
  16. package/components/ButtonLink/ButtonLink.js.map +1 -1
  17. package/components/ButtonLink/useButtonLinkStyleProps.js +6 -6
  18. package/components/ButtonLink/useButtonLinkStyleProps.js.map +1 -1
  19. package/components/Card/CardLink.js.map +1 -1
  20. package/components/Checkbox/Checkbox.cjs +45 -1
  21. package/components/Checkbox/Checkbox.cjs.map +1 -1
  22. package/components/Checkbox/Checkbox.js.map +1 -1
  23. package/components/Checkbox/useCheckboxStyleProps.js +5 -2
  24. package/components/Checkbox/useCheckboxStyleProps.js.map +1 -1
  25. package/components/Collapse/Collapse.cjs +2 -2
  26. package/components/Collapse/Collapse.cjs.map +1 -1
  27. package/components/ControlButton/ControlButton.js.map +1 -1
  28. package/components/ControlButton/useControlButtonStyleProps.js +3 -4
  29. package/components/ControlButton/useControlButtonStyleProps.js.map +1 -1
  30. package/components/Drawer/Drawer.cjs +49 -12
  31. package/components/Drawer/Drawer.cjs.map +1 -1
  32. package/components/Drawer/DrawerPanel.js.map +1 -1
  33. package/components/FileUploader/useFileUploaderInput.js.map +1 -1
  34. package/components/Flex/Flex.cjs +2 -2
  35. package/components/Flex/Flex.cjs.map +1 -1
  36. package/components/Grid/Grid.cjs +6 -5
  37. package/components/Grid/Grid.cjs.map +1 -1
  38. package/components/Grid/useGridItemStyleProps.js +6 -5
  39. package/components/Grid/useGridItemStyleProps.js.map +1 -1
  40. package/components/Header/Header.cjs +49 -12
  41. package/components/Header/Header.cjs.map +1 -1
  42. package/components/Header/HeaderDialogLink.js.map +1 -1
  43. package/components/Header/HeaderLink.js.map +1 -1
  44. package/components/Hidden/Hidden.d.ts +9 -0
  45. package/components/Hidden/Hidden.js +31 -0
  46. package/components/Hidden/Hidden.js.map +1 -0
  47. package/components/Hidden/index.d.ts +1 -0
  48. package/components/Hidden/index.js +2 -0
  49. package/components/Hidden/index.js.map +1 -0
  50. package/components/Icon/Icon.js.map +1 -1
  51. package/components/Link/Link.js.map +1 -1
  52. package/components/Matrix/Matrix.cjs.map +1 -1
  53. package/components/Matrix/Matrix.js +2 -2
  54. package/components/Matrix/Matrix.js.map +1 -1
  55. package/components/Matrix/useMatrixStyleProps.d.ts +1 -1
  56. package/components/Matrix/useMatrixStyleProps.js.map +1 -1
  57. package/components/Modal/Modal.cjs +50 -14
  58. package/components/Modal/Modal.cjs.map +1 -1
  59. package/components/Modal/useModalDialogStyleProps.js +1 -2
  60. package/components/Modal/useModalDialogStyleProps.js.map +1 -1
  61. package/components/Navigation/NavigationAction.js.map +1 -1
  62. package/components/Navigation/NavigationAvatar.js.map +1 -1
  63. package/components/Pagination/Pagination.cjs +50 -13
  64. package/components/Pagination/Pagination.cjs.map +1 -1
  65. package/components/Pagination/PaginationButtonLink.js.map +1 -1
  66. package/components/Pagination/PaginationLink.js +1 -1
  67. package/components/Pagination/PaginationLink.js.map +1 -1
  68. package/components/Pagination/PaginationLinkNext.js.map +1 -1
  69. package/components/Pagination/PaginationLinkPrevious.js.map +1 -1
  70. package/components/PricingPlan/PricingPlan.cjs +50 -14
  71. package/components/PricingPlan/PricingPlan.cjs.map +1 -1
  72. package/components/Radio/Radio.cjs +45 -1
  73. package/components/Radio/Radio.cjs.map +1 -1
  74. package/components/Radio/Radio.js.map +1 -1
  75. package/components/Radio/useRadioStyleProps.js +5 -2
  76. package/components/Radio/useRadioStyleProps.js.map +1 -1
  77. package/components/ScrollView/ScrollView.cjs +39 -3
  78. package/components/ScrollView/ScrollView.cjs.map +1 -1
  79. package/components/ScrollView/useScrollPosition.js.map +1 -1
  80. package/components/SegmentedControl/SegmentedControlContext.js.map +1 -1
  81. package/components/Select/Select.js.map +1 -1
  82. package/components/SkipLink/SkipLink.js.map +1 -1
  83. package/components/Slider/Slider.js.map +1 -1
  84. package/components/Spinner/Spinner.js.map +1 -1
  85. package/components/SplitButton/SplitButton.cjs +49 -12
  86. package/components/SplitButton/SplitButton.cjs.map +1 -1
  87. package/components/Tabs/TabContext.js.map +1 -1
  88. package/components/Tabs/TabLink.js.map +1 -1
  89. package/components/Tag/Tag.js.map +1 -1
  90. package/components/TextArea/TextArea.js.map +1 -1
  91. package/components/TextArea/useAdjustHeight.js.map +1 -1
  92. package/components/TextField/TextField.js.map +1 -1
  93. package/components/TextFieldBase/TextFieldBase.js.map +1 -1
  94. package/components/TextFieldBase/TextFieldBaseInput.js.map +1 -1
  95. package/components/Toast/Toast.cjs.map +1 -1
  96. package/components/Toast/ToastBarLink.js.map +1 -1
  97. package/components/Toast/ToastContext.js +2 -2
  98. package/components/Toast/ToastContext.js.map +1 -1
  99. package/components/Toggle/Toggle.cjs +46 -1
  100. package/components/Toggle/Toggle.cjs.map +1 -1
  101. package/components/Toggle/Toggle.js.map +1 -1
  102. package/components/Toggle/useToggleStyleProps.js +5 -2
  103. package/components/Toggle/useToggleStyleProps.js.map +1 -1
  104. package/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map +1 -1
  105. package/components/components.cjs +344 -263
  106. package/components/components.cjs.map +1 -1
  107. package/components/index.d.ts +1 -0
  108. package/components/index.js +1 -0
  109. package/components/index.js.map +1 -1
  110. package/constants/constants.cjs +6 -0
  111. package/constants/constants.cjs.map +1 -1
  112. package/constants/index.d.ts +1 -0
  113. package/constants/index.js +1 -0
  114. package/constants/index.js.map +1 -1
  115. package/constants/inputs.d.ts +4 -0
  116. package/constants/inputs.js +5 -0
  117. package/constants/inputs.js.map +1 -0
  118. package/hooks/hooks.cjs +48 -7
  119. package/hooks/hooks.cjs.map +1 -1
  120. package/hooks/index.d.ts +2 -1
  121. package/hooks/index.js +2 -1
  122. package/hooks/index.js.map +1 -1
  123. package/hooks/useDeprecationMessage.js +2 -2
  124. package/hooks/useDeprecationMessage.js.map +1 -1
  125. package/hooks/useInputPositionClass.d.ts +2 -0
  126. package/hooks/useInputPositionClass.js +8 -0
  127. package/hooks/useInputPositionClass.js.map +1 -0
  128. package/hooks/useSymmetry.d.ts +7 -0
  129. package/hooks/useSymmetry.js +39 -0
  130. package/hooks/useSymmetry.js.map +1 -0
  131. package/index.cjs +347 -268
  132. package/index.cjs.map +1 -1
  133. package/package.json +6 -15
  134. package/spirit-web-react.cjs +347 -268
  135. package/spirit-web-react.cjs.map +1 -1
  136. package/spirit-web-react.min.cjs +1 -1
  137. package/types/button.d.ts +2 -2
  138. package/types/checkbox.d.ts +2 -1
  139. package/types/controlButton.d.ts +2 -2
  140. package/types/hidden.d.ts +10 -0
  141. package/types/hidden.js +2 -0
  142. package/types/hidden.js.map +1 -0
  143. package/types/index.d.ts +1 -0
  144. package/types/index.js +1 -0
  145. package/types/index.js.map +1 -1
  146. package/types/item.d.ts +2 -2
  147. package/types/pricingPlan.d.ts +1 -1
  148. package/types/radio.d.ts +2 -1
  149. package/types/shared/inputs.d.ts +3 -0
  150. package/types/slider.d.ts +2 -2
  151. package/types/toggle.d.ts +2 -1
  152. package/hooks/useDirectionClass.d.ts +0 -2
  153. package/hooks/useDirectionClass.js +0 -5
  154. package/hooks/useDirectionClass.js.map +0 -1
package/README.md CHANGED
@@ -120,7 +120,7 @@ values or `auto`. We use these props to set global CSS utility classes on the ro
120
120
  - `hideOn` - Hide the component only at specific breakpoint(s)
121
121
  - `hideFrom` - Hide the component from a specific breakpoint and up
122
122
 
123
- The `hideOn` prop accepts either a single breakpoint token (eg. `mobile`, `tablet`, `desktop`) or an array of breakpoint tokens.
123
+ The `hideOn` prop accepts either a single [breakpoint token][dictionary-breakpoint] (e.g. `mobile`, `tablet`, `desktop`), or an array of breakpoint tokens.
124
124
  The `hideFrom` prop accepts a single breakpoint token.
125
125
  The component will be hidden from the specified breakpoints up using CSS display utilities.
126
126
 
@@ -232,6 +232,7 @@ See the [LICENSE](LICENSE.md) file for information.
232
232
 
233
233
  [accessibility-testing]: https://github.com/lmc-eu/spirit-design-system/tree/main/docs/contribution/accessibility-testing.md
234
234
  [all-deprecations]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/DEPRECATIONS.md
235
+ [dictionary-breakpoint]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#breakpoint
235
236
  [examples]: https://spirit-design-system-storybook.netlify.app
236
237
  [react-controlled]: https://reactjs.org/docs/forms.html#controlled-components
237
238
  [react-uncontrolled]: https://reactjs.org/docs/uncontrolled-components.html