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

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 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
+
+- **search-box:** add input status handling(#903)
+  ([c74b8fb](https://github.com/empathyco/x/commit/c74b8fbc9734541774c535792466333b78197146)),
+  closes [EX-6474](https://searchbroker.atlassian.net/browse/EX-6474)
+
+# 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.244](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.243...@empathyco/x-components@3.0.0-alpha.244) (2022-12-08)
 
 ### 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);
@@ -425,6 +427,30 @@
     --x-size-border-width-left-dropdown-list-line
   );
 }
+:root {
+  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
+  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
+  --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
+  --x-size-padding-right-dropdown-item-line: 0;
+  --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
+  --x-size-padding-left-dropdown-item-line: 0;
+  --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
+  --x-size-padding-right-dropdown-toggle-line: 0;
+  --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
+  --x-size-padding-left-dropdown-toggle-line: 0;
+  --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
+  --x-size-border-width-top-dropdown-toggle-line: 0;
+  --x-size-border-width-right-dropdown-toggle-line: 0;
+  --x-size-border-width-bottom-dropdown-toggle-line: var(
+    --x-size-border-width-dropdown-toggle-line
+  );
+  --x-size-border-width-left-dropdown-toggle-line: 0;
+  --x-size-border-width-dropdown-list-line: 0;
+  --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
+  --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
+  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
+  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
+}
 .x-dropdown.x-dropdown--m {
   --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-m);
 }
@@ -512,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;
@@ -674,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;
@@ -922,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;
@@ -1182,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;
@@ -2316,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);
@@ -3261,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;
@@ -3344,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;
@@ -3538,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;
@@ -7212,28 +7292,3 @@
 .x-normal-case {
   text-transform: none;
 }
-
-:root {
-  --x-size-padding-block-dropdown-item-line: var(--x-size-base-03);
-  --x-size-padding-inline-dropdown-item-line: 0 var(--x-size-base-03);
-  --x-size-padding-top-dropdown-item-line: var(--x-size-base-03);
-  --x-size-padding-right-dropdown-item-line: 0;
-  --x-size-padding-bottom-dropdown-item-line: var(--x-size-base-03);
-  --x-size-padding-left-dropdown-item-line: 0;
-  --x-size-padding-top-dropdown-toggle-line: var(--x-size-base-03);
-  --x-size-padding-right-dropdown-toggle-line: 0;
-  --x-size-padding-bottom-dropdown-toggle-line: var(--x-size-base-03);
-  --x-size-padding-left-dropdown-toggle-line: 0;
-  --x-size-border-width-dropdown-toggle-line: var(--x-size-border-width-base);
-  --x-size-border-width-top-dropdown-toggle-line: 0;
-  --x-size-border-width-right-dropdown-toggle-line: 0;
-  --x-size-border-width-bottom-dropdown-toggle-line: var(
-    --x-size-border-width-dropdown-toggle-line
-  );
-  --x-size-border-width-left-dropdown-toggle-line: 0;
-  --x-size-border-width-dropdown-list-line: 0;
-  --x-size-border-width-top-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
-  --x-size-border-width-right-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
-  --x-size-border-width-bottom-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
-  --x-size-border-width-left-dropdown-list-line: var(--x-size-border-width-dropdown-list-line);
-}

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

@@ -16,5 +16,6 @@ export interface SearchBoxActions
 
 |  Method | Description |
 |  --- | --- |
+|  [setInputStatus(event)](./x-components.searchboxactions.setinputstatus.md) | Changes the machine state to a new state and updates the input status in the store with it. |
 |  [setUrlParams(urlParams)](./x-components.searchboxactions.seturlparams.md) | Checks if the url has a query on it and then updates the state with that value. |
 

package/docs/API-reference/api/x-components.searchboxactions.setinputstatus.md

@@ -0,0 +1,24 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [SearchBoxActions](./x-components.searchboxactions.md) &gt; [setInputStatus](./x-components.searchboxactions.setinputstatus.md)
+
+## SearchBoxActions.setInputStatus() method
+
+Changes the machine state to a new state and updates the input status in the store with it.
+
+<b>Signature:</b>
+
+```typescript
+setInputStatus(event: XEvent): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  event | [XEvent](./x-components.xevent.md) | The [XEvent](./x-components.xevent.md) to transition to the new state. |
+
+<b>Returns:</b>
+
+void
+

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

@@ -17,5 +17,6 @@ export interface SearchBoxMutations extends QueryMutations
 
 |  Method | Description |
 |  --- | --- |
+|  [setInputStatus(inputStatus)](./x-components.searchboxmutations.setinputstatus.md) | Sets the new input status of the search-box. |
 |  [setQuery(newQuery)](./x-components.searchboxmutations.setquery.md) | Sets the new query of the search-box. |
 

package/docs/API-reference/api/x-components.searchboxmutations.setinputstatus.md

@@ -0,0 +1,24 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [SearchBoxMutations](./x-components.searchboxmutations.md) &gt; [setInputStatus](./x-components.searchboxmutations.setinputstatus.md)
+
+## SearchBoxMutations.setInputStatus() method
+
+Sets the new input status of the search-box.
+
+<b>Signature:</b>
+
+```typescript
+setInputStatus(inputStatus: InputStatus): void;
+```
+
+## Parameters
+
+|  Parameter | Type | Description |
+|  --- | --- | --- |
+|  inputStatus | InputStatus | The new  of the search-box. |
+
+<b>Returns:</b>
+
+void
+

package/docs/API-reference/api/x-components.searchboxstate.inputstatus.md

@@ -0,0 +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; [SearchBoxState](./x-components.searchboxstate.md) &gt; [inputStatus](./x-components.searchboxstate.inputstatus.md)
+
+## SearchBoxState.inputStatus property
+
+The status of the search box input based on a state machine.
+
+<b>Signature:</b>
+
+```typescript
+inputStatus: string;
+```

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

@@ -17,5 +17,6 @@ export interface SearchBoxState extends QueryState
 
 |  Property | Type | Description |
 |  --- | --- | --- |
+|  [inputStatus](./x-components.searchboxstate.inputstatus.md) | string | The status of the search box input based on a state machine. |
 |  [query](./x-components.searchboxstate.query.md) | string | The query of the search box input. |
 

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

@@ -33,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.searchboxstatus.md

@@ -0,0 +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; [searchBoxStatus](./x-components.xcomponentaliasapi.searchboxstatus.md)
+
+## XComponentAliasAPI.searchBoxStatus property
+
+The [SearchBoxXModule](./x-components.searchboxxmodule.md) input status.
+
+<b>Signature:</b>
+
+```typescript
+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            |