@empathyco/x-components 3.0.0-alpha.245 → 3.0.0-alpha.246

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.246](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.245...@empathyco/x-components@3.0.0-alpha.246) (2022-12-09)
+
+### Build System
+
+- **deps:** update dependencies (#908)
+  ([840da52](https://github.com/empathyco/x/commit/840da52dec32e04cf2b402cca2646b49c839e6e8))
+
+### Code Refactoring
+
+- **plugin:** Rename `inputStatus` to `searchBoxStatus` in Alias API. (#913)
+  ([5cb837e](https://github.com/empathyco/x/commit/5cb837ed57db3fb5543a7f8e82d9beea0088cdd9)),
+  closes [EX-7597](https://searchbroker.atlassian.net/browse/EX-7597)
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.245](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.244...@empathyco/x-components@3.0.0-alpha.245) (2022-12-09)
 
 ### Features

package/design-system/full-theme.css

@@ -56,9 +56,11 @@
 }
 [dir="ltr"] .x-badge {
   right: calc(var(--x-size-width-badge-default) / 4);
-}[dir="rtl"] .x-badge {
+}
+[dir="rtl"] .x-badge {
   left: calc(var(--x-size-width-badge-default) / 4);
-}.x-badge {
+}
+.x-badge {
   border-radius: var(--x-size-border-radius-badge-default);
   border-style: solid;
   border-width: var(--x-size-border-width-badge-default);
@@ -536,13 +538,17 @@
 }
 [dir="ltr"] .x-facet {
   border-right-width: var(--x-size-border-width-right-facet-default);
-}[dir="rtl"] .x-facet {
+}
+[dir="rtl"] .x-facet {
   border-left-width: var(--x-size-border-width-right-facet-default);
-}[dir="ltr"] .x-facet {
+}
+[dir="ltr"] .x-facet {
   border-left-width: var(--x-size-border-width-left-facet-default);
-}[dir="rtl"] .x-facet {
+}
+[dir="rtl"] .x-facet {
   border-right-width: var(--x-size-border-width-left-facet-default);
-}.x-facet {
+}
+.x-facet {
   display: flex;
   flex-flow: column nowrap;
   justify-content: flex-start;
@@ -661,6 +667,14 @@
   --x-size-border-width-bottom-facet-header-default: var(--x-size-border-width-bottom-facet-header-line);
   --x-size-border-width-left-facet-header-default: var(--x-size-border-width-left-facet-header-line);
 }
+:root {
+  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
+  --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
+  --x-size-border-width-top-facet-header-line: 0;
+  --x-size-border-width-right-facet-header-line: 0;
+  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
+  --x-size-border-width-left-facet-header-line: 0;
+}
 .x-facet--outlined.x-facet,
 .x-facet--outlined .x-facet {
   --x-color-border-facet-default: var(--x-color-border-facet-outlined);
@@ -690,21 +704,29 @@
 }
 [dir="ltr"] .x-filter {
   padding-left: var(--x-size-padding-left-filter-default);
-}[dir="rtl"] .x-filter {
+}
+[dir="rtl"] .x-filter {
   padding-right: var(--x-size-padding-left-filter-default);
-}[dir="ltr"] .x-filter {
+}
+[dir="ltr"] .x-filter {
   padding-right: var(--x-size-padding-right-filter-default);
-}[dir="rtl"] .x-filter {
+}
+[dir="rtl"] .x-filter {
   padding-left: var(--x-size-padding-right-filter-default);
-}[dir="ltr"] .x-filter {
+}
+[dir="ltr"] .x-filter {
   border-right-width: var(--x-size-border-width-right-filter-default);
-}[dir="rtl"] .x-filter {
+}
+[dir="rtl"] .x-filter {
   border-left-width: var(--x-size-border-width-right-filter-default);
-}[dir="ltr"] .x-filter {
+}
+[dir="ltr"] .x-filter {
   border-left-width: var(--x-size-border-width-left-filter-default);
-}[dir="rtl"] .x-filter {
+}
+[dir="rtl"] .x-filter {
   border-right-width: var(--x-size-border-width-left-filter-default);
-}.x-filter {
+}
+.x-filter {
   display: inline-flex;
   justify-content: flex-start;
   align-items: flex-start;
@@ -938,13 +960,17 @@
 }
 [dir="ltr"] .x-input-group {
   border-right-width: var(--x-size-border-width-right-input-group-default);
-}[dir="rtl"] .x-input-group {
+}
+[dir="rtl"] .x-input-group {
   border-left-width: var(--x-size-border-width-right-input-group-default);
-}[dir="ltr"] .x-input-group {
+}
+[dir="ltr"] .x-input-group {
   border-left-width: var(--x-size-border-width-left-input-group-default);
-}[dir="rtl"] .x-input-group {
+}
+[dir="rtl"] .x-input-group {
   border-right-width: var(--x-size-border-width-left-input-group-default);
-}.x-input-group {
+}
+.x-input-group {
   display: flex;
   flex-flow: row nowrap;
   align-content: center;
@@ -1198,21 +1224,29 @@
 }
 [dir="ltr"] .x-input {
   padding-left: var(--x-size-padding-left-input-default);
-}[dir="rtl"] .x-input {
+}
+[dir="rtl"] .x-input {
   padding-right: var(--x-size-padding-left-input-default);
-}[dir="ltr"] .x-input {
+}
+[dir="ltr"] .x-input {
   padding-right: var(--x-size-padding-right-input-default);
-}[dir="rtl"] .x-input {
+}
+[dir="rtl"] .x-input {
   padding-left: var(--x-size-padding-right-input-default);
-}[dir="ltr"] .x-input {
+}
+[dir="ltr"] .x-input {
   border-right-width: var(--x-size-border-width-right-input-default);
-}[dir="rtl"] .x-input {
+}
+[dir="rtl"] .x-input {
   border-left-width: var(--x-size-border-width-right-input-default);
-}[dir="ltr"] .x-input {
+}
+[dir="ltr"] .x-input {
   border-left-width: var(--x-size-border-width-left-input-default);
-}[dir="rtl"] .x-input {
+}
+[dir="rtl"] .x-input {
   border-right-width: var(--x-size-border-width-left-input-default);
-}.x-input {
+}
+.x-input {
   position: relative;
   display: flex;
   overflow: hidden;
@@ -2332,13 +2366,17 @@
 }
 [dir="ltr"] .x-message {
   border-left-width: var(--x-size-border-width-left-message-default);
-}[dir="rtl"] .x-message {
+}
+[dir="rtl"] .x-message {
   border-right-width: var(--x-size-border-width-left-message-default);
-}[dir="ltr"] .x-message {
+}
+[dir="ltr"] .x-message {
   border-right-width: var(--x-size-border-width-right-message-default);
-}[dir="rtl"] .x-message {
+}
+[dir="rtl"] .x-message {
   border-left-width: var(--x-size-border-width-right-message-default);
-}.x-message {
+}
+.x-message {
   display: flex;
   flex-flow: column nowrap;
   justify-content: var(--x-string-justify-message-default);
@@ -3277,21 +3315,29 @@
 }
 [dir="ltr"] .x-suggestion-group {
   padding-left: var(--x-size-padding-left-suggestion-group-default);
-}[dir="rtl"] .x-suggestion-group {
+}
+[dir="rtl"] .x-suggestion-group {
   padding-right: var(--x-size-padding-left-suggestion-group-default);
-}[dir="ltr"] .x-suggestion-group {
+}
+[dir="ltr"] .x-suggestion-group {
   padding-right: var(--x-size-padding-right-suggestion-group-default);
-}[dir="rtl"] .x-suggestion-group {
+}
+[dir="rtl"] .x-suggestion-group {
   padding-left: var(--x-size-padding-right-suggestion-group-default);
-}[dir="ltr"] .x-suggestion-group {
+}
+[dir="ltr"] .x-suggestion-group {
   border-left-width: var(--x-size-border-width-left-suggestion-group-default);
-}[dir="rtl"] .x-suggestion-group {
+}
+[dir="rtl"] .x-suggestion-group {
   border-right-width: var(--x-size-border-width-left-suggestion-group-default);
-}[dir="ltr"] .x-suggestion-group {
+}
+[dir="ltr"] .x-suggestion-group {
   border-right-width: var(--x-size-border-width-right-suggestion-group-default);
-}[dir="rtl"] .x-suggestion-group {
+}
+[dir="rtl"] .x-suggestion-group {
   border-left-width: var(--x-size-border-width-right-suggestion-group-default);
-}.x-suggestion-group {
+}
+.x-suggestion-group {
   display: flex;
   flex-flow: row nowrap;
   box-sizing: border-box;
@@ -3360,25 +3406,35 @@
 }
 [dir="ltr"] .x-suggestion {
   text-align: left;
-}[dir="rtl"] .x-suggestion {
+}
+[dir="rtl"] .x-suggestion {
   text-align: right;
-}[dir="ltr"] .x-suggestion {
+}
+[dir="ltr"] .x-suggestion {
   padding-left: var(--x-size-padding-left-suggestion-default);
-}[dir="rtl"] .x-suggestion {
+}
+[dir="rtl"] .x-suggestion {
   padding-right: var(--x-size-padding-left-suggestion-default);
-}[dir="ltr"] .x-suggestion {
+}
+[dir="ltr"] .x-suggestion {
   padding-right: var(--x-size-padding-right-suggestion-default);
-}[dir="rtl"] .x-suggestion {
+}
+[dir="rtl"] .x-suggestion {
   padding-left: var(--x-size-padding-right-suggestion-default);
-}[dir="ltr"] .x-suggestion {
+}
+[dir="ltr"] .x-suggestion {
   border-left-width: var(--x-size-border-width-left-suggestion-default);
-}[dir="rtl"] .x-suggestion {
+}
+[dir="rtl"] .x-suggestion {
   border-right-width: var(--x-size-border-width-left-suggestion-default);
-}[dir="ltr"] .x-suggestion {
+}
+[dir="ltr"] .x-suggestion {
   border-right-width: var(--x-size-border-width-right-suggestion-default);
-}[dir="rtl"] .x-suggestion {
+}
+[dir="rtl"] .x-suggestion {
   border-left-width: var(--x-size-border-width-right-suggestion-default);
-}.x-suggestion {
+}
+.x-suggestion {
   display: flex;
   flex-flow: row nowrap;
   box-sizing: border-box;
@@ -3554,21 +3610,29 @@
 }
 [dir="ltr"] .x-tag {
   border-left-width: var(--x-size-border-width-left-tag-default);
-}[dir="rtl"] .x-tag {
+}
+[dir="rtl"] .x-tag {
   border-right-width: var(--x-size-border-width-left-tag-default);
-}[dir="ltr"] .x-tag {
+}
+[dir="ltr"] .x-tag {
   border-right-width: var(--x-size-border-width-right-tag-default);
-}[dir="rtl"] .x-tag {
+}
+[dir="rtl"] .x-tag {
   border-left-width: var(--x-size-border-width-right-tag-default);
-}[dir="ltr"] .x-tag {
+}
+[dir="ltr"] .x-tag {
   padding-left: var(--x-size-padding-left-tag-default);
-}[dir="rtl"] .x-tag {
+}
+[dir="rtl"] .x-tag {
   padding-right: var(--x-size-padding-left-tag-default);
-}[dir="ltr"] .x-tag {
+}
+[dir="ltr"] .x-tag {
   padding-right: var(--x-size-padding-right-tag-default);
-}[dir="rtl"] .x-tag {
+}
+[dir="rtl"] .x-tag {
   padding-left: var(--x-size-padding-right-tag-default);
-}.x-tag {
+}
+.x-tag {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7228,12 +7292,3 @@
 .x-normal-case {
   text-transform: none;
 }
-
-:root {
-  --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
-  --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
-  --x-size-border-width-top-facet-header-line: 0;
-  --x-size-border-width-right-facet-header-line: 0;
-  --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
-  --x-size-border-width-left-facet-header-line: 0;
-}

package/docs/API-reference/api/x-components.xcomponentaliasapi.md

@@ -21,7 +21,6 @@ export interface XComponentAliasAPI
 |  [fullHistoryQueries](./x-components.xcomponentaliasapi.fullhistoryqueries.md) | ReadonlyArray<HistoryQuery> | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries. |
 |  [historyQueries](./x-components.xcomponentaliasapi.historyqueries.md) | ReadonlyArray<HistoryQuery> | The [HistoryQueriesXModule](./x-components.historyqueriesxmodule.md) history queries matching the query. |
 |  [identifierResults](./x-components.xcomponentaliasapi.identifierresults.md) | ReadonlyArray<Result> | The [IdentifierResultsXModule](./x-components.identifierresultsxmodule.md) results. |
-|  [inputStatus](./x-components.xcomponentaliasapi.inputstatus.md) | InputStatus \| undefined | The [SearchBoxXModule](./x-components.searchboxxmodule.md) input status. |
 |  [isEmpathizeOpen](./x-components.xcomponentaliasapi.isempathizeopen.md) | boolean | The [Empathize](./x-components.empathize.md) is open state. |
 |  [nextQueries](./x-components.xcomponentaliasapi.nextqueries.md) | ReadonlyArray<NextQuery> | The [NextQueriesXModule](./x-components.nextqueriesxmodule.md) next queries. |
 |  [noResults](./x-components.xcomponentaliasapi.noresults.md) | boolean | The [SearchXModule](./x-components.searchxmodule.md) no results situation. |
@@ -34,6 +33,7 @@ export interface XComponentAliasAPI
 |  [relatedTags](./x-components.xcomponentaliasapi.relatedtags.md) | ReadonlyArray<RelatedTag> | The [RelatedTagsXModule](./x-components.relatedtagsxmodule.md) related tags (Both selected and deselected). |
 |  [results](./x-components.xcomponentaliasapi.results.md) | ReadonlyArray<Result> | The [SearchXModule](./x-components.searchxmodule.md) search results. |
 |  [scroll](./x-components.xcomponentaliasapi.scroll.md) | Record&lt;string, [ScrollComponentState](./x-components.scrollcomponentstate.md)<!-- -->&gt; | The [ScrollXModule](./x-components.scrollxmodule.md) data state. |
+|  [searchBoxStatus](./x-components.xcomponentaliasapi.searchboxstatus.md) | InputStatus \| undefined | The [SearchBoxXModule](./x-components.searchboxxmodule.md) input status. |
 |  [selectedFilters](./x-components.xcomponentaliasapi.selectedfilters.md) | Filter\[\] | The [FacetsXModule](./x-components.facetsxmodule.md) selected filters. |
 |  [selectedRelatedTags](./x-components.xcomponentaliasapi.selectedrelatedtags.md) | ReadonlyArray&lt;RelatedTag&gt; | The [RelatedTagsXModule](./x-components.relatedtagsxmodule.md) selected related tags. |
 |  [selectedSort](./x-components.xcomponentaliasapi.selectedsort.md) | string | The [SearchXModule](./x-components.searchxmodule.md) selected sort. |

package/docs/API-reference/api/{x-components.xcomponentaliasapi.inputstatus.md → x-components.xcomponentaliasapi.searchboxstatus.md}

@@ -1,13 +1,13 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [XComponentAliasAPI](./x-components.xcomponentaliasapi.md) &gt; [inputStatus](./x-components.xcomponentaliasapi.inputstatus.md)
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [XComponentAliasAPI](./x-components.xcomponentaliasapi.md) &gt; [searchBoxStatus](./x-components.xcomponentaliasapi.searchboxstatus.md)
 
-## XComponentAliasAPI.inputStatus property
+## XComponentAliasAPI.searchBoxStatus property
 
 The [SearchBoxXModule](./x-components.searchboxxmodule.md) input status.
 
 <b>Signature:</b>
 
 ```typescript
-readonly inputStatus: InputStatus | undefined;
+readonly searchBoxStatus: InputStatus | undefined;
 ```

package/docs/API-reference/components/common/animations/x-components.animate-width.md

@@ -6,8 +6,6 @@ title: AnimateWidth
 
 # AnimateWidth
 
-Renders a transition wrapping an element passed in the default slot and animating its width.
-
 ## Slots
 
 | Name                 | Description                   | Bindings<br />(name - type - description) |

package/docs/API-reference/components/common/animations/x-components.collapse-height.md

@@ -6,9 +6,6 @@ title: CollapseHeight
 
 # CollapseHeight
 
-Renders a transition wrapping the element passed in the default slot and animating
-it with a height animation.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.collapse-width.md

@@ -6,9 +6,6 @@ title: CollapseWidth
 
 # CollapseWidth
 
-Renders a transition wrapping the element passed in the default slot and animating
-it with a width animation.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.cross-fade.md

@@ -6,9 +6,6 @@ title: CrossFade
 
 # CrossFade
 
-Renders a transition wrapping the element passed in the default slot. The transition
-fades between the two toggled elements at the same time.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.fade-and-slide.md

@@ -6,9 +6,6 @@ title: FadeAndSlide
 
 # FadeAndSlide
 
-Renders a transition group wrapping the elements passed in the default slot and animating
-them with a fade and slide animation.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.fade.md

@@ -6,9 +6,6 @@ title: Fade
 
 # Fade
 
-Renders a transition wrapping the element passed in the default slot. The animation just fades
-in/out the element by changing its opacity.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.staggered-fade-and-slide.md

@@ -6,9 +6,6 @@ title: StaggeredFadeAndSlide
 
 # StaggeredFadeAndSlide
 
-Renders a transition group wrapping the elements passed in the default slot and animating
-them with an staggered fade and slide animation.
-
 ## Props
 
 | Name                | Description                                                                    | Type                 | Default           |

package/docs/API-reference/components/common/animations/x-components.staggering-transition-group.md

@@ -6,9 +6,6 @@ title: StaggeringTransitionGroup
 
 # StaggeringTransitionGroup
 
-A replacement component for Vue's transition-group, that also adds the option to stagger
-the animations.
-
 ## Props
 
 | Name                    | Description                                                   | Type                | Default            |

package/docs/API-reference/components/common/column-picker/x-components.base-column-picker-dropdown.md

@@ -6,12 +6,6 @@ title: BaseColumnPickerDropdown
 
 # BaseColumnPickerDropdown
 
-Column picker dropdown component renders {@link BaseDropdown | dropdown} component which
-options are the different columns you can set for a grid.
-
-It emits {@link XEventsTypes.UserClickedColumnPicker | UserClickedColumnPicker} on dropdown
-input.
-
 ## Props
 
 | Name                   | Description                                                          | Type                | Default       |

package/docs/API-reference/components/common/column-picker/x-components.base-column-picker-list.md

@@ -6,11 +6,6 @@ title: BaseColumnPickerList
 
 # BaseColumnPickerList
 
-Column picker list component renders a list of buttons to choose the columns number.
-
-Additionally, this component exposes the following props to modify the classes of the
-elements: `buttonClass`.
-
 ## Props
 
 | Name                 | Description                                                          | Type                | Default       |

package/docs/API-reference/components/common/currency/x-components.base-currency.md

@@ -6,24 +6,6 @@ title: BaseCurrency
 
 # BaseCurrency
 
-Renders the value received as a property which always must be a JavaScript number, with the
-proper format provided as a string property or by injection. The rendered tag is a span in
-order to render a default inline HTML element.
-
-Regarding the format or mask to be defined as string:
-
-- Use 'i' to define integer numbers.
-- Use 'd' to define decimal numbers. You can define the length of the decimal part. If the
-  format doesn't include decimals, it is filled with zeros until reach the length defined with
-  'd's.
-- Integer separator must be defined between the 3rd and the 4th integer 'i' of a group.
-- Decimal separator must be defined between the last 'i' and the first 'd'. It can be more
-  than one character.
-- If you want to hide the decimal part if it's zero, you can add the `?` symbol after the
-  decimal characters (e.g. 'i.iii,dd?', for `1234` you would get `1.234` instead of `1.234,00`).
-- Set whatever you need around the integers and decimals marks.
-- Default mask: 'i.iii,dd' which returns '1.345,67'.
-
 ## Props
 
 | Name                | Description                    | Type                | Default       |

package/docs/API-reference/components/common/filters/labels/x-components.base-price-filter-label.md

@@ -6,9 +6,6 @@ title: BasePriceFilterLabel
 
 # BasePriceFilterLabel
 
-Renders a label for a price filter, allowing to select different messages depending on the
-value of the filter.
-
 ## Props
 
 | Name                  | Description                                                            | Type                               | Default       |

package/docs/API-reference/components/common/filters/labels/x-components.base-rating-filter-label.md

@@ -6,9 +6,6 @@ title: BaseRatingFilterLabel
 
 # BaseRatingFilterLabel
 
-Renders a label for a rating filter, allowing to override the elements used to paint
-the rating.
-
 ## Props
 
 | Name                | Description                          | Type                       | Default        |

package/docs/API-reference/components/common/layouts/x-components.fixed-header-and-asides-layout.md

@@ -6,8 +6,6 @@ title: FixedHeaderAndAsidesLayout
 
 # FixedHeaderAndAsidesLayout
 
-Component for use as Layout to be filled with the rest of the components.
-
 ## Props
 
 | Name                 | Description                                                                 | Type                 | Default            |

package/docs/API-reference/components/common/layouts/x-components.multi-column-max-width-layout.md

@@ -6,8 +6,6 @@ title: MultiColumnMaxWidthLayout
 
 # MultiColumnMaxWidthLayout
 
-Component for use as Layout to be filled with the rest of the Components.
-
 ## Props
 
 | Name                        | Description                                                                 | Type                 | Default                         |

package/docs/API-reference/components/common/layouts/x-components.single-column-layout.md

@@ -6,8 +6,6 @@ title: SingleColumnLayout
 
 # SingleColumnLayout
 
-Component for use as Layout to be filled with the rest of the Components.
-
 ## Props
 
 | Name                        | Description                                                                 | Type                 | Default                                      |

package/docs/API-reference/components/common/modals/x-components.base-events-modal-close.md

@@ -6,9 +6,6 @@ title: BaseEventsModalClose
 
 # BaseEventsModalClose
 
-Component contains an event button that emits {@link XEventsTypes.UserClickedCloseEventsModal}
-when clicked. It has a default slot to customize its contents.
-
 ## Props
 
 | Name                      | Description | Type                       | Default                                    |

package/docs/API-reference/components/common/modals/x-components.base-events-modal-open.md

@@ -6,9 +6,6 @@ title: BaseEventsModalOpen
 
 # BaseEventsModalOpen
 
-Component contains an event button that emits {@link XEventsTypes.UserClickedOpenEventsModal}
-when clicked. It has a default slot to customize its contents.
-
 ## Props
 
 | Name                      | Description | Type                       | Default                                   |

package/docs/API-reference/components/common/modals/x-components.base-events-modal.md

@@ -6,14 +6,6 @@ title: BaseEventsModal
 
 # BaseEventsModal
 
-Component containing a modal that emits a {@link XEventsTypes.UserClickedCloseEventsModal} when
-clicking outside the content rendered in the default slot and can receive, through the
-eventsToCloseModal prop, a list of {@link XEvent | xEvents} to listen to in order to close
-also the modal, eventsToOpenModal prop, another list of {@link XEvent | xEvents} to customize
-the events to listen to open the modal and a prop, displayOverlay, to display an
-overlay over the rest of the html. The default slot offers the possibility to customize the
-modal content.
-
 ## Props
 
 | Name                            | Description                                                                   | Type                | Default                                                                                     |

package/docs/API-reference/components/common/modals/x-components.base-id-modal-close.md

@@ -6,10 +6,6 @@ title: BaseIdModalClose
 
 # BaseIdModalClose
 
-Component that allows to close a modal by emitting {@link XEventsTypes.UserClickedCloseModal}.
-It allows full customization with the 'closing-element' slot and exposes the 'closeModal'
-function.
-
 ## Props
 
 | Name                 | Description                                   | Type                | Default       |

package/docs/API-reference/components/common/modals/x-components.base-id-modal-open.md

@@ -6,10 +6,6 @@ title: BaseIdModalOpen
 
 # BaseIdModalOpen
 
-Component that allows to open a modal by emitting {@link XEventsTypes.UserClickedOpenModal}
-with the modalId as payload. It allows full customization with the 'opening-element' slot and
-exposes the 'openModal' function.
-
 ## Props
 
 | Name                 | Description                                   | Type                | Default       |

package/docs/API-reference/components/common/modals/x-components.base-id-modal.md

@@ -6,11 +6,6 @@ title: BaseIdModal
 
 # BaseIdModal
 
-Component containing a modal expecting a required prop, named `modalId`. It reacts to
-`UserClickedOpenModal`, `UserClickedCloseModal` and `UserClickedOutOfModal` events, when their
-payload matches the component's 'modalId' prop, to handle its open/close state. The default
-slot offers the possibility to customise the modal content.
-
 ## Props
 
 | Name                   | Description                                                | Type                | Default       |

package/docs/API-reference/components/common/modals/x-components.base-modal.md

@@ -6,9 +6,6 @@ title: BaseModal
 
 # BaseModal
 
-Base component with no XPlugin dependencies that serves as a utility for constructing more
-complex modals.
-
 ## Props
 
 | Name                           | Description                                                                                                                                                                                       | Type                 | Default                      |

package/docs/API-reference/components/common/modals/x-components.close-main-modal.md

@@ -6,8 +6,6 @@ title: CloseMainModal
 
 # CloseMainModal
 
-Button to close the {@link MainModal}.
-
 ## Slots
 
 | Name                 | Description | Bindings<br />(name - type - description) |