BREAKING CHANGE(web-react): Remove align prop in ModalFooter

  ## Migration guide

Use `alignmentX` instead of `align` prop on ModalFooter component.

- `<ModalFooter align="right" />` → `<ModalFooter alignmentX="right" />`

Please refer back to these instructions or reach out to our team
if you encounter any issues during migration.

packages/web-react/src/components/Modal/ModalFooter.tsx

@@ -1,25 +1,15 @@
 import React from 'react';
 import classNames from 'classnames';
-import { useStyleProps, useDeprecationMessage } from '../../hooks';
+import { useStyleProps } from '../../hooks';
 import { ModalFooterProps } from '../../types';
 import { useModalStyleProps } from './useModalStyleProps';
 
 const ModalFooter = (props: ModalFooterProps) => {
- const { children, alignmentX = 'right', align = 'right', description, ...restProps } = props;
+ const { children, alignmentX = 'right', description, ...restProps } = props;
 
- const { classProps } = useModalStyleProps({ footerAlignment: alignmentX || align });
+ const { classProps } = useModalStyleProps({ footerAlignment: alignmentX });
  const { styleProps, props: otherProps } = useStyleProps(restProps);
 
- useDeprecationMessage({
- method: 'property',
- trigger: !!align,
- componentName: 'ModalFooter',
- propertyProps: {
- deprecatedName: 'align',
- newName: 'alignmentX',
- },
- });
-
  return (
  <footer {...otherProps} {...styleProps} className={classNames(classProps.footer.root, styleProps.className)}>
  {description && <div className={classProps.footer.description}>{description}</div>}

packages/web-react/src/components/Modal/README.md

@@ -103,13 +103,12 @@ The rest of the properties are created from the default `<div>` element. [Docs][
 
 **Available props**
 
-| Name | Type | Default | Required | Description |
-| ------------------ | --------------------------------------------- | --------- | -------- | ---------------------------------------------------------------------------- |
-| `children` | `ReactNode` | - | no | Children node |
-| `align` | [AlignmentX dictionary][dictionary-alignment] | `'right'` | no | [**DEPRECATED**][deprecated] in favor of `alignmentX`; ModalFooter alignment |
-| `alignmentX` | [AlignmentX dictionary][dictionary-alignment] | `'right'` | no | ModalFooter alignment |
-| `UNSAFE_className` | `string` | - | no | ModalFooter custom class name |
-| `UNSAFE_style` | `CSSProperties` | - | no | ModalFooter custom style |
+| Name | Type | Default | Required | Description |
+| ------------------ | --------------------------------------------- | --------- | -------- | ----------------------------- |
+| `children` | `ReactNode` | - | no | Children node |
+| `alignmentX` | [AlignmentX dictionary][dictionary-alignment] | `'right'` | no | ModalFooter alignment |
+| `UNSAFE_className` | `string` | - | no | ModalFooter custom class name |
+| `UNSAFE_style` | `CSSProperties` | - | no | ModalFooter custom style |
 
 The rest of the properties are based from type of `HTMLElement`. [Docs][HTMLElementDocs]
 
@@ -119,4 +118,3 @@ The rest of the properties are based from type of `HTMLElement`. [Docs][HTMLElem
 [DivElementDocs]: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div
 [HTMLElementDocs]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement
 [dictionary-alignment]: https://github.com/lmc-eu/spirit-design-system/blob/main/docs/DICTIONARIES.md#alignment
-[deprecated]: https://github.com/lmc-eu/spirit-design-system/tree/main/packages/web-react/README.md#deprecations