@empathyco/x-components 3.0.0-alpha.263 → 3.0.0-alpha.265

package/CHANGELOG.md

@@ -1,16 +1,27 @@
 # Change Log
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+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.263](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.262...@empathyco/x-components@3.0.0-alpha.263) (2022-12-30)
+## [3.0.0-alpha.265](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.264...@empathyco/x-components@3.0.0-alpha.265) (2022-12-30)
 
+### Testing
 
-### Features
+- **e2e:** update `cypress` to version `12.1.0` and replace `cypress-cucumber-preprocessor` with
+  `@badeball/cypress-cucumber-preprocessor` (#747)
+  ([2adb2cd](https://github.com/empathyco/x/commit/2adb2cd03591c37934fb385b120822ef271c359f))
 
-* **design-system:** Add suggestion group component (#943) ([4bac818](https://github.com/empathyco/x/commit/4bac8183a29ec17a99a90edeae55ba3d4301b626)), closes [EX-7496](https://searchbroker.atlassian.net/browse/EX-7496)
+## [3.0.0-alpha.264](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.263...@empathyco/x-components@3.0.0-alpha.264) (2022-12-30)
 
+**Note:** Version bump only for package @empathyco/x-components
+
+## [3.0.0-alpha.263](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.262...@empathyco/x-components@3.0.0-alpha.263) (2022-12-30)
 
+### Features
+
+- **design-system:** Add suggestion group component (#943)
+  ([4bac818](https://github.com/empathyco/x/commit/4bac8183a29ec17a99a90edeae55ba3d4301b626)),
+  closes [EX-7496](https://searchbroker.atlassian.net/browse/EX-7496)
 
 # Change Log
 
@@ -21,18 +32,13 @@ All notable changes to this project will be documented in this file. See
 
 **Note:** Version bump only for package @empathyco/x-components
 
-
-
-
-
 ## [3.0.0-alpha.261](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.260...@empathyco/x-components@3.0.0-alpha.261) (2022-12-29)
 
-
 ### Bug Fixes
 
-* **build:** use the default `vue-cli` `webpack` configuration in `rollup-plugin-vue` (#961) ([f9a9238](https://github.com/empathyco/x/commit/f9a9238cf4a05a6a35129336f318c9440cb6732d)), closes [EX-7706](https://searchbroker.atlassian.net/browse/EX-7706)
-
-
+- **build:** use the default `vue-cli` `webpack` configuration in `rollup-plugin-vue` (#961)
+  ([f9a9238](https://github.com/empathyco/x/commit/f9a9238cf4a05a6a35129336f318c9440cb6732d)),
+  closes [EX-7706](https://searchbroker.atlassian.net/browse/EX-7706)
 
 ## [3.0.0-alpha.260](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.259...@empathyco/x-components@3.0.0-alpha.260) (2022-12-26)
 

package/design-system/base.css

@@ -5,19 +5,6 @@
   --x-size-border-radius-base-pill: 99999px;
   --x-size-border-width-base: 1px;
 }
-:root {
-  --x-color-base-lead: #243d48;
-  --x-color-base-auxiliary: #BFE1EC;
-  --x-color-base-neutral-10: #1a1a1a;
-  --x-color-base-neutral-35: #595959;
-  --x-color-base-neutral-70: #b3b3b3;
-  --x-color-base-neutral-95: #f2f2f2;
-  --x-color-base-neutral-100: #ffffff;
-  --x-color-base-accent: #0086B2;
-  --x-color-base-enable: #00705c;
-  --x-color-base-disable: #e11f26;
-  --x-color-base-transparent: transparent;
-}
 :root {
   --x-size-base-01: 2px;
   --x-size-base-02: 4px;
@@ -53,4 +40,17 @@
   --x-size-line-height-base-s: 16px;
   --x-size-line-height-base-m: 24px;
   --x-size-line-height-base-l: 32px;
+}
+:root {
+  --x-color-base-lead: #243d48;
+  --x-color-base-auxiliary: #BFE1EC;
+  --x-color-base-neutral-10: #1a1a1a;
+  --x-color-base-neutral-35: #595959;
+  --x-color-base-neutral-70: #b3b3b3;
+  --x-color-base-neutral-95: #f2f2f2;
+  --x-color-base-neutral-100: #ffffff;
+  --x-color-base-accent: #0086B2;
+  --x-color-base-enable: #00705c;
+  --x-color-base-disable: #e11f26;
+  --x-color-base-transparent: transparent;
 }

package/design-system/default-theme.css

@@ -182,7 +182,7 @@
   overflow: var(--x-string-overflow-dropdown-toggle-default);
   box-shadow: var(--x-string-box-shadow-dropdown-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__toggle {
     gap: 0;
   }
@@ -260,7 +260,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__item {
     gap: 0;
   }
@@ -484,7 +484,7 @@
   font-weight: var(--x-number-font-weight-facet-default);
   line-height: var(--x-size-line-height-facet-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-facet > *:first-child, .x-facet__header {
     gap: 0;
   }
@@ -617,7 +617,7 @@
   line-height: var(--x-size-line-height-filter-default);
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }
@@ -820,7 +820,7 @@
   border-radius: var(--x-size-border-radius-top-left-input-group-default) var(--x-size-border-radius-top-right-input-group-default) var(--x-size-border-radius-bottom-right-input-group-default) var(--x-size-border-radius-bottom-left-input-group-default);
   border-style: solid;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input-group {
     gap: 0;
   }
@@ -1046,7 +1046,7 @@
   font-weight: var(--x-number-font-weight-input-default);
   line-height: var(--x-size-line-height-input-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input {
     -webkit-appearance: none;
   }
@@ -1119,7 +1119,7 @@
   align-items: var(--x-size-align-list);
   min-width: 0;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
     gap: 0;
   }
@@ -1311,7 +1311,7 @@
   font-size: var(--x-size-font-message-default);
   font-weight: var(--x-number-font-weight-message-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-message {
     gap: 0;
   }
@@ -2085,7 +2085,7 @@
   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 (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion-group {
     gap: 0;
   }
@@ -2268,7 +2268,7 @@
   border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
   border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion {
     gap: 0;
   }
@@ -2505,7 +2505,7 @@
   min-width: calc(3 * var(--x-size-line-height-tag-default));
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-tag {
     gap: 0;
   }

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

@@ -97,7 +97,7 @@
   line-height: var(--x-size-line-height-button-default);
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-button {
     gap: 0;
   }

package/design-system/dropdown-default.css

@@ -123,7 +123,7 @@
   overflow: var(--x-string-overflow-dropdown-toggle-default);
   box-shadow: var(--x-string-box-shadow-dropdown-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__toggle {
     gap: 0;
   }
@@ -201,7 +201,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__item {
     gap: 0;
   }

package/design-system/facet-default.css

@@ -110,7 +110,7 @@
   font-weight: var(--x-number-font-weight-facet-default);
   line-height: var(--x-size-line-height-facet-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-facet > *:first-child, .x-facet__header {
     gap: 0;
   }

package/design-system/filter-default.css

@@ -83,7 +83,7 @@
   line-height: var(--x-size-line-height-filter-default);
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }

package/design-system/full-theme.css

@@ -193,7 +193,7 @@
   overflow: var(--x-string-overflow-dropdown-toggle-default);
   box-shadow: var(--x-string-box-shadow-dropdown-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__toggle {
     gap: 0;
   }
@@ -271,7 +271,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__item {
     gap: 0;
   }
@@ -610,7 +610,7 @@
   font-weight: var(--x-number-font-weight-facet-default);
   line-height: var(--x-size-line-height-facet-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-facet > *:first-child, .x-facet__header {
     gap: 0;
   }
@@ -748,7 +748,7 @@
   line-height: var(--x-size-line-height-filter-default);
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }
@@ -987,7 +987,7 @@
   border-radius: var(--x-size-border-radius-top-left-input-group-default) var(--x-size-border-radius-top-right-input-group-default) var(--x-size-border-radius-bottom-right-input-group-default) var(--x-size-border-radius-bottom-left-input-group-default);
   border-style: solid;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input-group {
     gap: 0;
   }
@@ -1268,7 +1268,7 @@
   font-weight: var(--x-number-font-weight-input-default);
   line-height: var(--x-size-line-height-input-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input {
     -webkit-appearance: none;
   }
@@ -1368,7 +1368,7 @@
   align-items: var(--x-size-align-list);
   min-width: 0;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
     gap: 0;
   }
@@ -1507,7 +1507,7 @@
 .x-list--gap-01.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1532,7 +1532,7 @@
 .x-list--gap-02.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1557,7 +1557,7 @@
 .x-list--gap-03.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1582,7 +1582,7 @@
 .x-list--gap-04.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1607,7 +1607,7 @@
 .x-list--gap-05.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1632,7 +1632,7 @@
 .x-list--gap-06.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1657,7 +1657,7 @@
 .x-list--gap-07.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1682,7 +1682,7 @@
 .x-list--gap-08.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1707,7 +1707,7 @@
 .x-list--gap-09.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1732,7 +1732,7 @@
 .x-list--gap-10.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1757,7 +1757,7 @@
 .x-list--gap-11.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1782,7 +1782,7 @@
 .x-list--gap-12.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1807,7 +1807,7 @@
 .x-list--gap-13.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1832,7 +1832,7 @@
 .x-list--gap-14.x-list {
   gap: var(--x-size-gap-list-14);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1857,7 +1857,7 @@
 .x-list--gap-15.x-list {
   gap: var(--x-size-gap-list-15);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1882,7 +1882,7 @@
 .x-list--gap-16.x-list {
   gap: var(--x-size-gap-list-16);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1907,7 +1907,7 @@
 .x-list--gap-17.x-list {
   gap: var(--x-size-gap-list-17);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1932,7 +1932,7 @@
 .x-list--gap-18.x-list {
   gap: var(--x-size-gap-list-18);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1957,7 +1957,7 @@
 .x-list--gap-19.x-list {
   gap: var(--x-size-gap-list-19);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
     gap: 0;
   }
@@ -1982,7 +1982,7 @@
 .x-list--gap-20.x-list {
   gap: var(--x-size-gap-list-20);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
     gap: 0;
   }
@@ -2070,7 +2070,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2092,7 +2092,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2114,7 +2114,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2136,7 +2136,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2158,7 +2158,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2180,7 +2180,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2202,7 +2202,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2224,7 +2224,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2246,7 +2246,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2268,7 +2268,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2290,7 +2290,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2312,7 +2312,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2334,7 +2334,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -2394,7 +2394,7 @@
   font-size: var(--x-size-font-message-default);
   font-weight: var(--x-number-font-weight-message-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-message {
     gap: 0;
   }
@@ -3357,7 +3357,7 @@
   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 (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion-group {
     gap: 0;
   }
@@ -3455,7 +3455,7 @@
   border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
   border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion {
     gap: 0;
   }
@@ -3654,7 +3654,7 @@
   min-width: calc(3 * var(--x-size-line-height-tag-default));
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-tag {
     gap: 0;
   }

package/design-system/input-default.css

@@ -81,7 +81,7 @@
   font-weight: var(--x-number-font-weight-input-default);
   line-height: var(--x-size-line-height-input-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input {
     -webkit-appearance: none;
   }

package/design-system/input-group-default.css

@@ -75,7 +75,7 @@
   border-radius: var(--x-size-border-radius-top-left-input-group-default) var(--x-size-border-radius-top-right-input-group-default) var(--x-size-border-radius-bottom-right-input-group-default) var(--x-size-border-radius-bottom-left-input-group-default);
   border-style: solid;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-input-group {
     gap: 0;
   }

package/design-system/list-default.css

@@ -18,7 +18,7 @@
   align-items: var(--x-size-align-list);
   min-width: 0;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
     gap: 0;
   }

package/design-system/list-gap.css

@@ -24,7 +24,7 @@
 .x-list--gap-01.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-01.x-list:not(.x-list--horizontal), .x-list--gap-01.x-list.x-list--vertical {
     gap: 0;
   }
@@ -49,7 +49,7 @@
 .x-list--gap-02.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-02.x-list:not(.x-list--horizontal), .x-list--gap-02.x-list.x-list--vertical {
     gap: 0;
   }
@@ -74,7 +74,7 @@
 .x-list--gap-03.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-03.x-list:not(.x-list--horizontal), .x-list--gap-03.x-list.x-list--vertical {
     gap: 0;
   }
@@ -99,7 +99,7 @@
 .x-list--gap-04.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-04.x-list:not(.x-list--horizontal), .x-list--gap-04.x-list.x-list--vertical {
     gap: 0;
   }
@@ -124,7 +124,7 @@
 .x-list--gap-05.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-05.x-list:not(.x-list--horizontal), .x-list--gap-05.x-list.x-list--vertical {
     gap: 0;
   }
@@ -149,7 +149,7 @@
 .x-list--gap-06.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-06.x-list:not(.x-list--horizontal), .x-list--gap-06.x-list.x-list--vertical {
     gap: 0;
   }
@@ -174,7 +174,7 @@
 .x-list--gap-07.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-07.x-list:not(.x-list--horizontal), .x-list--gap-07.x-list.x-list--vertical {
     gap: 0;
   }
@@ -199,7 +199,7 @@
 .x-list--gap-08.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-08.x-list:not(.x-list--horizontal), .x-list--gap-08.x-list.x-list--vertical {
     gap: 0;
   }
@@ -224,7 +224,7 @@
 .x-list--gap-09.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-09.x-list:not(.x-list--horizontal), .x-list--gap-09.x-list.x-list--vertical {
     gap: 0;
   }
@@ -249,7 +249,7 @@
 .x-list--gap-10.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-10.x-list:not(.x-list--horizontal), .x-list--gap-10.x-list.x-list--vertical {
     gap: 0;
   }
@@ -274,7 +274,7 @@
 .x-list--gap-11.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-11.x-list:not(.x-list--horizontal), .x-list--gap-11.x-list.x-list--vertical {
     gap: 0;
   }
@@ -299,7 +299,7 @@
 .x-list--gap-12.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-12.x-list:not(.x-list--horizontal), .x-list--gap-12.x-list.x-list--vertical {
     gap: 0;
   }
@@ -324,7 +324,7 @@
 .x-list--gap-13.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-13.x-list:not(.x-list--horizontal), .x-list--gap-13.x-list.x-list--vertical {
     gap: 0;
   }
@@ -349,7 +349,7 @@
 .x-list--gap-14.x-list {
   gap: var(--x-size-gap-list-14);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-14.x-list:not(.x-list--horizontal), .x-list--gap-14.x-list.x-list--vertical {
     gap: 0;
   }
@@ -374,7 +374,7 @@
 .x-list--gap-15.x-list {
   gap: var(--x-size-gap-list-15);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-15.x-list:not(.x-list--horizontal), .x-list--gap-15.x-list.x-list--vertical {
     gap: 0;
   }
@@ -399,7 +399,7 @@
 .x-list--gap-16.x-list {
   gap: var(--x-size-gap-list-16);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-16.x-list:not(.x-list--horizontal), .x-list--gap-16.x-list.x-list--vertical {
     gap: 0;
   }
@@ -424,7 +424,7 @@
 .x-list--gap-17.x-list {
   gap: var(--x-size-gap-list-17);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-17.x-list:not(.x-list--horizontal), .x-list--gap-17.x-list.x-list--vertical {
     gap: 0;
   }
@@ -449,7 +449,7 @@
 .x-list--gap-18.x-list {
   gap: var(--x-size-gap-list-18);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-18.x-list:not(.x-list--horizontal), .x-list--gap-18.x-list.x-list--vertical {
     gap: 0;
   }
@@ -474,7 +474,7 @@
 .x-list--gap-19.x-list {
   gap: var(--x-size-gap-list-19);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-19.x-list:not(.x-list--horizontal), .x-list--gap-19.x-list.x-list--vertical {
     gap: 0;
   }
@@ -499,7 +499,7 @@
 .x-list--gap-20.x-list {
   gap: var(--x-size-gap-list-20);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-20.x-list:not(.x-list--horizontal), .x-list--gap-20.x-list.x-list--vertical {
     gap: 0;
   }

package/design-system/list-padding.css

@@ -60,7 +60,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-01);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -82,7 +82,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-02);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -104,7 +104,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-03);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -126,7 +126,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-04);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -148,7 +148,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-05);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -170,7 +170,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-06);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -192,7 +192,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-07);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -214,7 +214,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-08);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -236,7 +236,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-09);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -258,7 +258,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-10);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -280,7 +280,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-11);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -302,7 +302,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-12);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }
@@ -324,7 +324,7 @@
 .x-list--gap-.x-list {
   gap: var(--x-size-gap-list-13);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-list--gap-.x-list {
     gap: 0;
   }

package/design-system/message-default.css

@@ -54,7 +54,7 @@
   font-size: var(--x-size-font-message-default);
   font-weight: var(--x-number-font-weight-message-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-message {
     gap: 0;
   }

package/design-system/suggestion-default.css

@@ -134,7 +134,7 @@
   border-bottom-width: var(--x-size-border-width-bottom-suggestion-default);
   border-radius: var(--x-size-border-radius-top-left-suggestion-default) var(--x-size-border-radius-top-right-suggestion-default) var(--x-size-border-radius-bottom-right-suggestion-default) var(--x-size-border-radius-bottom-left-suggestion-default);
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion {
     gap: 0;
   }

package/design-system/suggestion-group-default.css

@@ -76,7 +76,7 @@
   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 (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-suggestion-group {
     gap: 0;
   }

package/design-system/tag-default.css

@@ -99,7 +99,7 @@
   min-width: calc(3 * var(--x-size-line-height-tag-default));
   cursor: pointer;
 }
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   .x-tag {
     gap: 0;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.263",
+  "version": "3.0.0-alpha.265",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -53,21 +53,24 @@
     "prepublishOnly": "npm run build",
     "test:unit": "jest --silent && npm run test:unit-cypress",
     "test:unit-jest": "jest",
-    "test:unit-cypress": "cypress run-ct",
+    "test:unit-cypress": "cypress run --component",
     "test:unit-coverage": "jest --coverage",
     "test:unit-watch": "jest --watch",
-    "test:e2e": "vue-cli-service test:e2e",
+    "test:e2e": "vue-cli-service test:e2e --e2e --browser chrome",
+    "test:e2e:firefox": "vue-cli-service test:e2e --e2e --browser firefox",
     "test:e2e:ci": "vue-cli-service test:e2e --headless --browser chrome",
     "test": "npm run test:unit && npm run test:e2e:ci",
-    "cypress:open": "cypress open",
-    "cypress:open:component": "cypress open-ct"
+    "cypress:open": "cypress open --e2e --browser chrome",
+    "cypress:open:firefox": "cypress open --e2e --browser firefox",
+    "cypress:open:component": "cypress open --component --browser chrome",
+    "cypress:open:component:firefox": "cypress open --component --browser firefox"
   },
   "dependencies": {
-    "@empathyco/x-adapter": "^8.0.0-alpha.15",
+    "@empathyco/x-adapter": "^8.0.0-alpha.16",
     "@empathyco/x-deep-merge": "^1.3.0-alpha.26",
     "@empathyco/x-logger": "^1.2.0-alpha.4",
     "@empathyco/x-storage-service": "^2.0.0-alpha.4",
-    "@empathyco/x-types": "^10.0.0-alpha.47",
+    "@empathyco/x-types": "^10.0.0-alpha.48",
     "@empathyco/x-utils": "^1.0.0-alpha.12",
     "@vue/devtools-api": "~6.4.5",
     "rxjs": "~7.8.0",
@@ -82,9 +85,10 @@
     "vuex": "^3.0.0"
   },
   "devDependencies": {
+    "@badeball/cypress-cucumber-preprocessor": "~15.0.0",
+    "@bahmutov/cypress-esbuild-preprocessor": "~2.1.5",
     "@cypress/vue": "~2.2.4",
-    "@cypress/webpack-dev-server": "~1.8.4",
-    "@empathyco/x-adapter-platform": "^1.0.0-alpha.49",
+    "@empathyco/x-adapter-platform": "^1.0.0-alpha.50",
     "@empathyco/x-tailwindcss": "^0.2.0-alpha.39",
     "@microsoft/api-documenter": "~7.19.27",
     "@microsoft/api-extractor": "~7.19.4",
@@ -101,9 +105,8 @@
     "@vue/test-utils": "~1.0.3",
     "@vue/vue2-jest": "~27.0.0-alpha.3",
     "autoprefixer": "~10.4.4",
-    "cypress": "~8.4.0",
-    "cypress-cucumber-preprocessor": "~4.0.0",
-    "cypress-plugin-tab": "~1.0.5",
+    "cypress": "~12.1.0",
+    "esbuild": "0.15.16",
     "glob": "~7.1.6",
     "jest": "~27.3.1",
     "jest-scss-transform": "~1.0.1",
@@ -135,5 +138,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "654ad8e52b56520fc97b5b53aaddd8c1e34c09db"
+  "gitHead": "0a14f284183b4c990994eab9681a53220c894afe"
 }