@empathyco/x-components 3.0.0-alpha.154 → 3.0.0-alpha.155

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 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.155](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.154...@empathyco/x-components@3.0.0-alpha.155) (2022-08-18)
+
+### Features
+
+- **design-system:** add `tailwindcss` to `x-components` and configure it to use `x-tailwindcss`
+  (#655)
+  ([4109a8a](https://github.com/empathyco/x/commit/4109a8ad9d29378078603d97e31c073ceb2671ae)),
+  closes [EX-6793](https://searchbroker.atlassian.net/browse/EX-6793)
+
+# 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.154](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.153...@empathyco/x-components@3.0.0-alpha.154) (2022-08-12)
 
 ### Features

package/design-system/button-default.css

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

package/design-system/default-theme.css

@@ -134,7 +134,7 @@
   line-height: var(--x-size-line-height-button-default);
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-button {
     gap: 0;
   }
@@ -290,7 +290,7 @@
   overflow: var(--x-string-overflow-dropdown-toggle-default);
   box-shadow: var(--x-string-box-shadow-dropdown-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__toggle {
     gap: 0;
   }
@@ -368,7 +368,7 @@
   white-space: nowrap;
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-dropdown__item {
     gap: 0;
   }
@@ -592,7 +592,7 @@
   font-weight: var(--x-number-font-weight-facet-default);
   line-height: var(--x-size-line-height-facet-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-facet > *:first-child, .x-facet__header {
     gap: 0;
   }
@@ -725,7 +725,7 @@
   line-height: var(--x-size-line-height-filter-default);
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }
@@ -928,7 +928,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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-input-group {
     gap: 0;
   }
@@ -1151,7 +1151,7 @@
   font-weight: var(--x-number-font-weight-input-default);
   line-height: var(--x-size-line-height-input-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-input {
     -webkit-appearance: none;
   }
@@ -1214,23 +1214,19 @@
   align-items: var(--x-size-align-list);
   min-width: 0;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-list:not(.x-list--horizontal), .x-list.x-list--vertical {
     gap: 0;
   }
   .x-list:not(.x-list--horizontal) > *:not(:last-child), .x-list.x-list--vertical > *:not(:last-child) {
     margin-bottom: var(--x-size-gap-list);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list.x-list--horizontal {
     gap: 0;
   }
   .x-list.x-list--horizontal > *:not(:last-child) {
     margin-right: var(--x-size-gap-list);
   }
-}
-@media not all and (min-resolution: 0.001dpcm) {
   .x-list.x-list--wrap, .x-list.x-list--wrap-reverse {
     gap: 0;
   }
@@ -1410,7 +1406,7 @@
   font-size: var(--x-size-font-message-default);
   font-weight: var(--x-number-font-weight-message-default);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-message {
     gap: 0;
   }
@@ -2184,7 +2180,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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-suggestion-group {
     gap: 0;
   }
@@ -2359,7 +2355,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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-suggestion {
     gap: 0;
   }
@@ -2583,7 +2579,7 @@
   min-width: calc(3 * var(--x-size-line-height-tag-default));
   cursor: pointer;
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-tag {
     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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), 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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), 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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), 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 (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .x-filter {
     gap: 0;
   }