@empathyco/x-components 3.0.0-alpha.402 → 3.0.0-alpha.404

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 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.404](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.403...@empathyco/x-components@3.0.0-alpha.404) (2023-08-23)
+
+
+### Documentation
+
+* remove jsdoc [@links](https://github.com/links) from generated documentation (#1261) ([9082fb2](https://github.com/empathyco/x/commit/9082fb2a9d2be89252cc58931d8b3035849a3123))
+
+
+
+## [3.0.0-alpha.403](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.402...@empathyco/x-components@3.0.0-alpha.403) (2023-08-21)
+
+**Note:** Version bump only for package @empathyco/x-components
+
+
+
+
+
 ## [3.0.0-alpha.402](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.401...@empathyco/x-components@3.0.0-alpha.402) (2023-08-17)
 
 

package/design-system/deprecated-full-theme.css

@@ -3971,6 +3971,122 @@
   --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
   --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
 }
+:root {
+  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
+  --x-color-text-suggestion-group-matching-part-default: var(
+    --x-color-text-suggestion-matching-part-default
+  );
+  --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
+  --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
+  --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
+  --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
+  --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
+  --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
+  --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
+  --x-size-border-width-suggestion-group-default: 0;
+  --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
+  --x-size-border-width-right-suggestion-group-default: var(
+    --x-size-border-width-suggestion-default
+  );
+  --x-size-border-width-bottom-suggestion-group-default: var(
+    --x-size-border-width-suggestion-default
+  );
+  --x-size-border-width-left-suggestion-group-default: var(
+    --x-size-border-width-suggestion-default
+  );
+  --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
+  --x-size-border-radius-top-left-suggestion-group-default: var(
+    --x-size-border-radius-suggestion-default
+  );
+  --x-size-border-radius-top-right-suggestion-group-default: var(
+    --x-size-border-radius-suggestion-default
+  );
+  --x-size-border-radius-bottom-right-suggestion-group-default: var(
+    --x-size-border-radius-suggestion-default
+  );
+  --x-size-border-radius-bottom-left-suggestion-group-default: var(
+    --x-size-border-radius-suggestion-default
+  );
+  --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
+  --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
+  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
+  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
+}
+
+[dir="ltr"] .x-suggestion-group {
+  padding-left: var(--x-size-padding-left-suggestion-group-default);
+}
+
+[dir="rtl"] .x-suggestion-group {
+  padding-right: var(--x-size-padding-left-suggestion-group-default);
+}
+
+[dir="ltr"] .x-suggestion-group {
+  padding-right: var(--x-size-padding-right-suggestion-group-default);
+}
+
+[dir="rtl"] .x-suggestion-group {
+  padding-left: var(--x-size-padding-right-suggestion-group-default);
+}
+
+[dir="ltr"] .x-suggestion-group {
+  border-left-width: var(--x-size-border-width-left-suggestion-group-default);
+}
+
+[dir="rtl"] .x-suggestion-group {
+  border-right-width: var(--x-size-border-width-left-suggestion-group-default);
+}
+
+[dir="ltr"] .x-suggestion-group {
+  border-right-width: var(--x-size-border-width-right-suggestion-group-default);
+}
+
+[dir="rtl"] .x-suggestion-group {
+  border-left-width: var(--x-size-border-width-right-suggestion-group-default);
+}
+
+.x-suggestion-group {
+  display: flex;
+  flex-flow: row nowrap;
+  box-sizing: border-box;
+  background-color: var(--x-color-background-suggestion-group-default);
+  color: var(--x-color-text-suggestion-group-default);
+  border-color: var(--x-color-border-suggestion-group-default);
+  font-family: var(--x-font-family-suggestion-group-default);
+  font-size: var(--x-size-font-suggestion-group-default);
+  line-height: var(--x-size-line-height-suggestion-group-default);
+  font-weight: var(--x-number-font-weight-suggestion-group-default);
+  cursor: pointer;
+  padding-top: var(--x-size-padding-top-suggestion-group-default);
+  padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
+  gap: var(--x-size-gap-suggestion-group-default);
+  border-style: solid;
+  border-top-width: var(--x-size-border-width-top-suggestion-group-default);
+  border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
+  border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
+}
+@media not all and (min-resolution: 0.001dpcm) {
+  .x-suggestion-group {
+    gap: 0;
+  }
+  .x-suggestion-group > *:not(:last-child) {
+    margin-right: var(--x-size-gap-suggestion-group-default);
+  }
+}
+.x-suggestion-group .x-suggestion {
+  padding: 0;
+  flex: 1 1 auto;
+  border: none;
+}
+.x-suggestion-group .x-button {
+  --x-color-background-button-default: transparent;
+  --x-color-border-button-default: transparent;
+  --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
+  --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
+  --x-size-padding-right-button-default: 0;
+  --x-size-padding-left-button-default: 0;
+  border: none;
+}
 :root {
   --x-string-align-items-suggestion-default: center;
   --x-color-text-suggestion-default: var(--x-color-text-default);
@@ -4283,122 +4399,6 @@
     --x-color-text-suggestion-default-matching-curated
   );
 }
-:root {
-  --x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
-  --x-color-text-suggestion-group-matching-part-default: var(
-    --x-color-text-suggestion-matching-part-default
-  );
-  --x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
-  --x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
-  --x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
-  --x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
-  --x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
-  --x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
-  --x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
-  --x-size-border-width-suggestion-group-default: 0;
-  --x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
-  --x-size-border-width-right-suggestion-group-default: var(
-    --x-size-border-width-suggestion-default
-  );
-  --x-size-border-width-bottom-suggestion-group-default: var(
-    --x-size-border-width-suggestion-default
-  );
-  --x-size-border-width-left-suggestion-group-default: var(
-    --x-size-border-width-suggestion-default
-  );
-  --x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
-  --x-size-border-radius-top-left-suggestion-group-default: var(
-    --x-size-border-radius-suggestion-default
-  );
-  --x-size-border-radius-top-right-suggestion-group-default: var(
-    --x-size-border-radius-suggestion-default
-  );
-  --x-size-border-radius-bottom-right-suggestion-group-default: var(
-    --x-size-border-radius-suggestion-default
-  );
-  --x-size-border-radius-bottom-left-suggestion-group-default: var(
-    --x-size-border-radius-suggestion-default
-  );
-  --x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
-  --x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
-  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
-  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
-}
-
-[dir="ltr"] .x-suggestion-group {
-  padding-left: var(--x-size-padding-left-suggestion-group-default);
-}
-
-[dir="rtl"] .x-suggestion-group {
-  padding-right: var(--x-size-padding-left-suggestion-group-default);
-}
-
-[dir="ltr"] .x-suggestion-group {
-  padding-right: var(--x-size-padding-right-suggestion-group-default);
-}
-
-[dir="rtl"] .x-suggestion-group {
-  padding-left: var(--x-size-padding-right-suggestion-group-default);
-}
-
-[dir="ltr"] .x-suggestion-group {
-  border-left-width: var(--x-size-border-width-left-suggestion-group-default);
-}
-
-[dir="rtl"] .x-suggestion-group {
-  border-right-width: var(--x-size-border-width-left-suggestion-group-default);
-}
-
-[dir="ltr"] .x-suggestion-group {
-  border-right-width: var(--x-size-border-width-right-suggestion-group-default);
-}
-
-[dir="rtl"] .x-suggestion-group {
-  border-left-width: var(--x-size-border-width-right-suggestion-group-default);
-}
-
-.x-suggestion-group {
-  display: flex;
-  flex-flow: row nowrap;
-  box-sizing: border-box;
-  background-color: var(--x-color-background-suggestion-group-default);
-  color: var(--x-color-text-suggestion-group-default);
-  border-color: var(--x-color-border-suggestion-group-default);
-  font-family: var(--x-font-family-suggestion-group-default);
-  font-size: var(--x-size-font-suggestion-group-default);
-  line-height: var(--x-size-line-height-suggestion-group-default);
-  font-weight: var(--x-number-font-weight-suggestion-group-default);
-  cursor: pointer;
-  padding-top: var(--x-size-padding-top-suggestion-group-default);
-  padding-bottom: var(--x-size-padding-bottom-suggestion-group-default);
-  gap: var(--x-size-gap-suggestion-group-default);
-  border-style: solid;
-  border-top-width: var(--x-size-border-width-top-suggestion-group-default);
-  border-bottom-width: var(--x-size-border-width-bottom-suggestion-group-default);
-  border-radius: var(--x-size-border-radius-top-left-suggestion-group-default) var(--x-size-border-radius-top-right-suggestion-group-default) var(--x-size-border-radius-bottom-right-suggestion-group-default) var(--x-size-border-radius-bottom-left-suggestion-group-default);
-}
-@media not all and (min-resolution: 0.001dpcm) {
-  .x-suggestion-group {
-    gap: 0;
-  }
-  .x-suggestion-group > *:not(:last-child) {
-    margin-right: var(--x-size-gap-suggestion-group-default);
-  }
-}
-.x-suggestion-group .x-suggestion {
-  padding: 0;
-  flex: 1 1 auto;
-  border: none;
-}
-.x-suggestion-group .x-button {
-  --x-color-background-button-default: transparent;
-  --x-color-border-button-default: transparent;
-  --x-color-text-button-default: var(--x-color-text-suggestion-group-default);
-  --x-size-height-button-default: var(--x-size-line-height-suggestion-group-default);
-  --x-size-padding-right-button-default: 0;
-  --x-size-padding-left-button-default: 0;
-  border: none;
-}
 :root {
   --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
   --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
@@ -4895,9 +4895,6 @@
 :root {
   --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
 }
-:root {
-  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
-}
 
 .x-result.x-result--card {
   overflow: hidden;
@@ -7275,13 +7272,6 @@
   --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
   --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
 }
-:root {
-  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
-  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
-}
 
 .x-input--card.x-input,
 .x-input--card .x-input {
@@ -7295,6 +7285,13 @@
     --x-size-border-radius-bottom-left-input-card
   );
 }
+:root {
+  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
+  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
+}
 :root {
   --x-size-width-icon-xl: var(--x-size-base-07);
   --x-size-height-icon-xl: var(--x-size-base-07);
@@ -7906,14 +7903,6 @@
   --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
   --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
 }
-:root {
-  --x-size-gap-dropdown-pill: var(--x-size-base-03);
-  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
-  --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
-  --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
-  --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
-  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
-}
 
 .x-dropdown--pill {
   --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-pill);
@@ -7949,6 +7938,14 @@
     --x-size-border-width-left-dropdown-list-pill
   );
 }
+:root {
+  --x-size-gap-dropdown-pill: var(--x-size-base-03);
+  --x-size-border-width-dropdown-list-pill: var(--x-size-border-width-base);
+  --x-size-border-width-top-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
+  --x-size-border-width-right-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
+  --x-size-border-width-bottom-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
+  --x-size-border-width-left-dropdown-list-pill: var(--x-size-border-width-dropdown-list-pill);
+}
 :root {
   --x-size-width-dropdown-m: 130px;
 }
@@ -8631,13 +8628,6 @@
   --x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
   --x-size-line-height-button-default: var(--x-size-line-height-text);
 }
-:root {
-  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
-  --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
-  --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
-  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
-  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
-}
 :root {
   --x-color-background-button-default: var(--x-color-base-lead);
   --x-color-border-button-default: var(--x-color-background-button-default);
@@ -8730,6 +8720,13 @@
   --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
   --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
 }
+:root {
+  --x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
+  --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
+  --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
+  --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
+  --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
+}
 
 .x-button--card.x-button,
 .x-button--card .x-button {
@@ -8845,4 +8842,7 @@
   --x-size-border-radius-base-m: var(--x-size-base-06);
   --x-size-border-radius-base-pill: 99999px;
   --x-size-border-width-base: 1px;
+}
+:root {
+  --x-size-border-radius-result-card: var(--x-size-border-radius-base-s);
 }

package/docs/API-reference/api/x-components.basecolumnpickerdropdown.emitevent.md

@@ -4,7 +4,7 @@
 
 ## BaseColumnPickerDropdown.emitEvent() method
 
-Emits a [UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) and [ColumnsNumberProvided](./x-components.xeventstypes.columnsnumberprovided.md) events.
+Emits a [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) and [XEventsTypes.ColumnsNumberProvided](./x-components.xeventstypes.columnsnumberprovided.md) events.
 
 **Signature:**
 

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

@@ -4,9 +4,9 @@
 
 ## BaseColumnPickerDropdown class
 
-Column picker dropdown component renders [dropdown](./x-components.basedropdown.md) component which options are the different columns you can set for a grid.
+Column picker dropdown component renders [BaseDropdown](./x-components.basedropdown.md) component which options are the different columns you can set for a grid.
 
-It emits [UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) on dropdown input.
+It emits [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) on dropdown input.
 
 **Signature:**
 
@@ -29,5 +29,5 @@ It extends [ColumnPickerMixin](./x-components.columnpickermixin.md)<!-- -->.
 
 |  Method | Modifiers | Description |
 |  --- | --- | --- |
-|  [emitEvent(column)](./x-components.basecolumnpickerdropdown.emitevent.md) |  | Emits a [UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) and [ColumnsNumberProvided](./x-components.xeventstypes.columnsnumberprovided.md) events. |
+|  [emitEvent(column)](./x-components.basecolumnpickerdropdown.emitevent.md) |  | Emits a [XEventsTypes.UserClickedColumnPicker](./x-components.xeventstypes.userclickedcolumnpicker.md) and [XEventsTypes.ColumnsNumberProvided](./x-components.xeventstypes.columnsnumberprovided.md) events. |
 

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

@@ -4,7 +4,7 @@
 
 ## BaseEventButton class
 
-Component to be reused that renders a `<button>` with the logic of emitting events to the bus on click. The events are passed as an object to prop [events](./x-components.xeventstypes.md)<!-- -->. The keys are the event name and the values are the payload of each event. All events are emitted with its respective payload. If any event doesn't need payload a `undefined` must be passed as value.
+Component to be reused that renders a `<button>` with the logic of emitting events to the bus on click. The events are passed as an object to prop [XEventsTypes](./x-components.xeventstypes.md)<!-- -->. The keys are the event name and the values are the payload of each event. All events are emitted with its respective payload. If any event doesn't need payload a `undefined` must be passed as value.
 
 **Signature:**
 

package/docs/API-reference/api/x-components.baseeventsmodal.eventstoclosemodal.md

@@ -4,7 +4,7 @@
 
 ## BaseEventsModal.eventsToCloseModal property
 
-Array of [xEvents](./x-components.xevent.md) to listen to close the modal.
+Array of [XEvent](./x-components.xevent.md) to listen to close the modal.
 
 **Signature:**
 

package/docs/API-reference/api/x-components.baseeventsmodal.eventstoopenmodal.md

@@ -4,7 +4,7 @@
 
 ## BaseEventsModal.eventsToOpenModal property
 
-Array of [xEvents](./x-components.xevent.md) to listen to open the modal.
+Array of [XEvent](./x-components.xevent.md) to listen to open the modal.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## BaseEventsModal class
 
-Component containing a modal that emits a [XEventsTypes.UserClickedCloseEventsModal](./x-components.xeventstypes.userclickedcloseeventsmodal.md) when clicking outside the content rendered in the default slot and can receive, through the eventsToCloseModal prop, a list of [xEvents](./x-components.xevent.md) to listen to in order to close also the modal, eventsToOpenModal prop, another list of [xEvents](./x-components.xevent.md) 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.
+Component containing a modal that emits a [XEventsTypes.UserClickedCloseEventsModal](./x-components.xeventstypes.userclickedcloseeventsmodal.md) when clicking outside the content rendered in the default slot and can receive, through the eventsToCloseModal prop, a list of [XEvent](./x-components.xevent.md) to listen to in order to close also the modal, eventsToOpenModal prop, another list of [XEvent](./x-components.xevent.md) 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.
 
 **Signature:**
 
@@ -19,8 +19,8 @@ export default class BaseEventsModal extends Vue
 |  --- | --- | --- | --- |
 |  [animation?](./x-components.baseeventsmodal.animation.md) |  | Vue \| string | _(Optional)_ Animation to use for opening/closing the modal. |
 |  [bodyClickEvent](./x-components.baseeventsmodal.bodyclickevent.md) |  | [XEvent](./x-components.xevent.md) | Event to emit when any part of the website out of the modal has been clicked. |
-|  [eventsToCloseModal](./x-components.baseeventsmodal.eventstoclosemodal.md) |  | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [xEvents](./x-components.xevent.md) to listen to close the modal. |
-|  [eventsToOpenModal](./x-components.baseeventsmodal.eventstoopenmodal.md) |  | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [xEvents](./x-components.xevent.md) to listen to open the modal. |
+|  [eventsToCloseModal](./x-components.baseeventsmodal.eventstoclosemodal.md) |  | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [XEvent](./x-components.xevent.md) to listen to close the modal. |
+|  [eventsToOpenModal](./x-components.baseeventsmodal.eventstoopenmodal.md) |  | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [XEvent](./x-components.xevent.md) to listen to open the modal. |
 |  [isOpen](./x-components.baseeventsmodal.isopen.md) | <code>protected</code> | boolean | Whether the modal is open or not. |
 |  [openerElement?](./x-components.baseeventsmodal.openerelement.md) | <code>protected</code> | HTMLElement | _(Optional)_ The element that opened the modal. |
 

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

@@ -23,9 +23,9 @@ The component can be customized through props: an array of navigationHijacker ob
 |  --- | --- | --- | --- |
 |  [elementToFocus](./x-components.basekeyboardnavigation.elementtofocus.md) | <code>protected</code> | HTMLElement \| undefined | The element to focus. |
 |  [eventsForDirectionLimit](./x-components.basekeyboardnavigation.eventsfordirectionlimit.md) | <code>protected</code> | Partial&lt;[EventsForDirectionLimit](./x-components.eventsfordirectionlimit.md)<!-- -->&gt; | An [EventsForDirectionLimit](./x-components.eventsfordirectionlimit.md) to emit when the user is already at the furthest element in a direction and tries to keep going on the same direction. |
-|  [navigationHijacker](./x-components.basekeyboardnavigation.navigationhijacker.md) | <code>protected</code> | [TakeNavigationControl](./x-components.takenavigationcontrol.md)<!-- -->\[\] | An array of [navigation hijacker](./x-components.takenavigationcontrol.md) objects defining when to take control of the keyboard navigation. |
+|  [navigationHijacker](./x-components.basekeyboardnavigation.navigationhijacker.md) | <code>protected</code> | [TakeNavigationControl](./x-components.takenavigationcontrol.md)<!-- -->\[\] | An array of [TakeNavigationControl](./x-components.takenavigationcontrol.md) objects defining when to take control of the keyboard navigation. |
 |  [navigationHijackerEvents](./x-components.basekeyboardnavigation.navigationhijackerevents.md) | <p><code>protected</code></p><p><code>readonly</code></p> | [XEventsOf](./x-components.xeventsof.md)<!-- -->&lt;[ArrowKey](./x-components.arrowkey.md)<!-- -->&gt;\[\] | Get the navigation hijacker events. |
-|  [navigationService](./x-components.basekeyboardnavigation.navigationservice.md) | <code>protected</code> | [SpatialNavigation](./x-components.spatialnavigation.md) | The [navigation service](./x-components.spatialnavigation.md) to use. |
+|  [navigationService](./x-components.basekeyboardnavigation.navigationservice.md) | <code>protected</code> | [SpatialNavigation](./x-components.spatialnavigation.md) | The [SpatialNavigation](./x-components.spatialnavigation.md) service to use. |
 
 ## Methods
 

package/docs/API-reference/api/x-components.basekeyboardnavigation.navigationhijacker.md

@@ -4,7 +4,7 @@
 
 ## BaseKeyboardNavigation.navigationHijacker property
 
-An array of [navigation hijacker](./x-components.takenavigationcontrol.md) objects defining when to take control of the keyboard navigation.
+An array of [TakeNavigationControl](./x-components.takenavigationcontrol.md) objects defining when to take control of the keyboard navigation.
 
 **Signature:**
 

package/docs/API-reference/api/x-components.basekeyboardnavigation.navigationservice.md

@@ -4,7 +4,7 @@
 
 ## BaseKeyboardNavigation.navigationService property
 
-The [navigation service](./x-components.spatialnavigation.md) to use.
+The [SpatialNavigation](./x-components.spatialnavigation.md) service to use.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## BaseResultCurrentPrice variable
 
-Component that renders the [result](./x-types.result.md) current price that may or may not be on sale.
+Component that renders the [Result](./x-types.result.md) current price that may or may not be on sale.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## BaseResultPreviousPrice variable
 
-Component that renders the [result](./x-types.result.md) previous price.
+Component that renders the [Result](./x-types.result.md) previous price.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## BaseSuggestion variable
 
-Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvents](./x-components.xevent.md) that will be emitted on click with a given feature.
+Renders a button with a default slot. It receives a query, which should be the query of the module using this component, a suggestion, the [XEvent](./x-components.xevent.md) that will be emitted on click with a given feature.
 
 The default slot receives the suggestion and the matched query has props.
 

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

@@ -4,7 +4,7 @@
 
 ## DeviceDetector class
 
-This component helps detecting or setting a device, that can be used later to create different layouts optimized for different devices. This detected device is available under the [XComponentAliasAPI.device](./x-components.xcomponentaliasapi.device.md) property.
+This component helps to detect or setting a device, that can be used later to create different layouts optimized for different devices. This detected device is available under the [XComponentAliasAPI.device](./x-components.xcomponentaliasapi.device.md) property.
 
 **Signature:**
 

package/docs/API-reference/api/x-components.empathize.eventstocloseempathize.md

@@ -4,7 +4,7 @@
 
 ## Empathize.eventsToCloseEmpathize property
 
-Array of [xEvents](./x-components.xevent.md) to close the empathize.
+Array of [XEvent](./x-components.xevent.md) to close the empathize.
 
 **Signature:**
 

package/docs/API-reference/api/x-components.empathize.eventstoopenempathize.md

@@ -4,7 +4,7 @@
 
 ## Empathize.eventsToOpenEmpathize property
 
-Array of [xEvents](./x-components.xevent.md) to open the empathize.
+Array of [XEvent](./x-components.xevent.md) to open the empathize.
 
 **Signature:**
 

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

@@ -19,12 +19,12 @@ export default class Empathize extends Vue
 |  --- | --- | --- | --- |
 |  [$refs](./x-components.empathize._refs.md) |  | { noContent?: HTMLSpanElement; empathize: HTMLDivElement; } |  |
 |  [animation](./x-components.empathize.animation.md) | <code>protected</code> | Vue | Animation component that will be used to animate the empathize. |
-|  [eventsToCloseEmpathize](./x-components.empathize.eventstocloseempathize.md) | <code>protected</code> | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [xEvents](./x-components.xevent.md) to close the empathize. |
-|  [eventsToOpenEmpathize](./x-components.empathize.eventstoopenempathize.md) | <code>protected</code> | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [xEvents](./x-components.xevent.md) to open the empathize. |
+|  [eventsToCloseEmpathize](./x-components.empathize.eventstocloseempathize.md) | <code>protected</code> | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [XEvent](./x-components.xevent.md) to close the empathize. |
+|  [eventsToOpenEmpathize](./x-components.empathize.eventstoopenempathize.md) | <code>protected</code> | [XEvent](./x-components.xevent.md)<!-- -->\[\] | Array of [XEvent](./x-components.xevent.md) to open the empathize. |
 
 ## Methods
 
 |  Method | Modifiers | Description |
 |  --- | --- | --- |
-|  [updated()](./x-components.empathize.updated.md) |  | The Vue lifecycle hook [updated](https://vuex.vuejs.org/guide/state.html) is called after a data change causes the virtual DOM to be re-rendered and patched. Using it to detect if the default slot content has been replaced. |
+|  [updated()](./x-components.empathize.updated.md) |  | The Vue lifecycle hook \[https://vuex.vuejs.org/guide/state.html\](updated) is called after a data change causes the virtual DOM to be re-rendered and patched. Using it to detect if the default slot content has been replaced. |
 

package/docs/API-reference/api/x-components.empathize.updated.md

@@ -4,7 +4,7 @@
 
 ## Empathize.updated() method
 
-The Vue lifecycle hook [updated](https://vuex.vuejs.org/guide/state.html) is called after a data change causes the virtual DOM to be re-rendered and patched. Using it to detect if the default slot content has been replaced.
+The Vue lifecycle hook \[https://vuex.vuejs.org/guide/state.html\](updated) is called after a data change causes the virtual DOM to be re-rendered and patched. Using it to detect if the default slot content has been replaced.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## IdentifierResult class
 
-This component renders an identifier result value and highlights its matching part with the query from the state. Receives as prop the [result data](./x-types.result.md)<!-- -->.
+This component renders an identifier result value and highlights its matching part with the query from the state. Receives as prop the [Result](./x-types.result.md) data.
 
 **Signature:**
 
@@ -20,5 +20,5 @@ export default class IdentifierResult extends Vue
 |  [highlightedQueryHTML](./x-components.identifierresult.highlightedqueryhtml.md) | <p><code>protected</code></p><p><code>readonly</code></p> | string | Highlights the matching part of the identifier result with the query from the state. |
 |  [identifierHighlightRegexp](./x-components.identifierresult.identifierhighlightregexp.md) |  | RegExp | The RegExp with the current query from the state adding the separatorChars after each matching character. |
 |  [query](./x-components.identifierresult.query.md) |  | string | Query from the module state. |
-|  [result](./x-components.identifierresult.result.md) | <code>protected</code> | Result | (Required) The [result](./x-types.result.md) information. |
+|  [result](./x-components.identifierresult.result.md) | <code>protected</code> | Result | (Required) The [Result](./x-types.result.md) information. |
 

package/docs/API-reference/api/x-components.identifierresult.result.md

@@ -4,7 +4,7 @@
 
 ## IdentifierResult.result property
 
-(Required) The [result](./x-types.result.md) information.
+(Required) The [Result](./x-types.result.md) information.
 
 **Signature:**
 

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

@@ -4,7 +4,7 @@
 
 ## IdentifierResults class
 
-Paints the list of identifier results stored in the state. Each identifier result should be represented by a [identifier result component](./x-components.identifierresult.md) besides any other component.
+Paints the list of identifier results stored in the state. Each identifier result should be represented by a [IdentifierResult](./x-components.identifierresult.md) component besides any other component.
 
 **Signature:**