@empathyco/x-components 3.0.0-alpha.35 → 3.0.0-alpha.39

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 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.39](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.38...@empathyco/x-components@3.0.0-alpha.39) (2021-12-22)
+
+### Features
+
+- **design-system:** Add bottom variant to `x-shadow` utility in the Design System
+  ([a23552f](https://github.com/empathyco/x/commit/a23552f29d1ec1b7939c770862d91f9e2f3a4890)),
+  closes [EX-5184](https://searchbroker.atlassian.net/browse/EX-5184)
+
+### Bug Fixes
+
+- Fix multiple issues.
+  ([2f5515e](https://github.com/empathyco/x/commit/2f5515e5bcaca67f085ff3eef4fb52698041292c)),
+  closes [EX-5179](https://searchbroker.atlassian.net/browse/EX-5179)
+
+# 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.38](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.37...@empathyco/x-components@3.0.0-alpha.38) (2021-12-22)
+
+### Features
+
+- **desing-system:** Add new color tokens. (#275)
+  ([e93fcc4](https://github.com/empathyco/x/commit/e93fcc4cea0e975441695f14a66b0863cb5896af)),
+  closes [EX-5171](https://searchbroker.atlassian.net/browse/EX-5171)
+- **test:** refactor base tests to cypress component testing
+  ([dc7a924](https://github.com/empathyco/x/commit/dc7a924b612411470742d222bcc6531fa656ce13)),
+  closes [EX-4928](https://searchbroker.atlassian.net/browse/EX-4928)
+- **x-plugin:** Add selected sort (#274)
+  ([b4c0d14](https://github.com/empathyco/x/commit/b4c0d140ca5eba8de189068fef5dd2a6249c1207)),
+  closes [EX-5165](https://searchbroker.atlassian.net/browse/EX-5165)
+
+### Bug Fixes
+
+- **components:** Fix infinite scroll not working in Android Chrome. (#277)
+  ([19c3d77](https://github.com/empathyco/x/commit/19c3d77f124a1bbc099bae0e5dbb80fb30a132a1)),
+  closes [EX-5181](https://searchbroker.atlassian.net/browse/EX-5181)
+- **search:** rows and start parameters calculations moved from getter to action to avoid multiple
+  requests
+  ([84752ba](https://github.com/empathyco/x/commit/84752ba3eb1ab728b6adf5cc62ea31646f42b959)),
+  closes [EX-5047](https://searchbroker.atlassian.net/browse/EX-5047)
+
+# 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.37](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.36...@empathyco/x-components@3.0.0-alpha.37) (2021-12-15)
+
+### Features
+
+- **scroll:** remove animations on pending element to scroll
+  ([7a33653](https://github.com/empathyco/x/commit/7a336531c4fedb2c38133a5464f9b7e9736cef68)),
+  closes [EX-5025](https://searchbroker.atlassian.net/browse/EX-5025)
+- **tagging:** Include 'location' parameter to track result events. (#273)
+  ([69bab4b](https://github.com/empathyco/x/commit/69bab4b81f85725f3fc0a9bdc3177db09dd46a40)),
+  closes [EX-5163](https://searchbroker.atlassian.net/browse/EX-5163)
+  [EX-5163](https://searchbroker.atlassian.net/browse/EX-5163)
+
+# 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.36](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.35...@empathyco/x-components@3.0.0-alpha.36) (2021-12-15)
+
+### Build System
+
+- Load PostCSS plugins from rollup build (#272)
+  ([aaed2f3](https://github.com/empathyco/x/commit/aaed2f328b0b7252853922703283c77bcd1221d0)),
+  closes [EX-5162](https://searchbroker.atlassian.net/browse/EX-5162)
+
+### Testing
+
+- **e2e:** fix tagging tests (#270)
+  ([ff2ecba](https://github.com/empathyco/x/commit/ff2ecbac79fd3c16d72a05c133dbe0b60de606f7)),
+  closes [EX-5161](https://searchbroker.atlassian.net/browse/EX-5161)
+
+# 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.35](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.34...@empathyco/x-components@3.0.0-alpha.35) (2021-12-14)
 
 ### Features

package/design-system/base.css

@@ -12,9 +12,11 @@
   --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-neutral-100: #ffffff;
+  --x-color-base-accent: #b90276;
+  --x-color-base-enable: #00705c;
+  --x-color-base-disable: #e11f26; }
 
-/* Update this value if adding more values */
 :root {
   --x-size-base-01: 2px;
   --x-size-base-02: 4px;

package/design-system/default-theme.css

@@ -1827,6 +1827,7 @@
   --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default); }
 
 :root {
+  --x-string-align-items-suggestion-default: center;
   --x-color-text-suggestion-default: var(--x-color-text-default);
   --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
   --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
@@ -1871,8 +1872,8 @@
 .x-suggestion {
   display: flex;
   flex-flow: row nowrap;
-  align-items: flex-start;
   box-sizing: border-box;
+  align-items: var(--x-string-align-items-suggestion-default);
   border: none;
   background-color: var(--x-color-background-suggestion-default);
   color: var(--x-color-text-suggestion-default);
@@ -1891,7 +1892,8 @@
         margin-right: var(--x-size-gap-suggestion-default); } }
   .x-suggestion__query {
     flex: 1 1 auto; }
-  .x-suggestion__matching-part, .x-suggestion .x-identifier-result__matching-part {
+  .x-suggestion__matching-part,
+  .x-suggestion .x-identifier-result__matching-part {
     font-family: var(--x-font-family-suggestion-matching-part-default);
     font-size: var(--x-size-font-suggestion-matching-part-default);
     line-height: var(--x-size-line-height-suggestion-matching-part-default);
@@ -1909,6 +1911,7 @@
     flex: none; }
 
 :root {
+  --x-string-align-items-suggestion-default: center;
   --x-color-text-suggestion-default: var(--x-color-text-default);
   --x-color-text-suggestion-matching-part-default: var(--x-color-base-neutral-35);
   --x-color-text-suggestion-default-matching: var(--x-color-text-suggestion-default);
@@ -2011,15 +2014,18 @@
       .x-tag > *:not(:last-child) {
         margin-right: var(--x-size-gap-tag-default); } }
   .x-tag.x-filter {
-    --x-color-background-filter: transparent;
-    --x-size-border-width-filter: 0;
-    --x-color-text-filter: var(--x-color-text-tag-default);
-    --x-size-padding-filter: 0;
-    --x-size-gap-filter: var(--x-size-gap-tag-default);
-    --x-font-family-filter: var(--x-font-family-tag-default);
-    --x-size-font-filter: var(--x-size-font-tag-default);
-    --x-number-font-weight-filter: var(--x-number-font-weight-tag-default);
-    --x-size-line-height-filter: var(--x-size-line-height-tag-default); }
+    --x-color-background-filter-default: transparent;
+    --x-size-border-width-filter-default: 0;
+    --x-color-text-filter-default: var(--x-color-text-tag-default);
+    --x-size-padding-top-filter-default: 0;
+    --x-size-padding-right-filter-default: var(--x-size-padding-right-tag-default);
+    --x-size-padding-bottom-filter-default: 0;
+    --x-size-padding-left-filter-default: var(--x-size-padding-left-tag-default);
+    --x-size-gap-filter-default: var(--x-size-gap-tag-default);
+    --x-font-family-filter-default: var(--x-font-family-tag-default);
+    --x-size-font-filter-default: var(--x-size-font-tag-default);
+    --x-number-font-weight-filter-count-default: var(--x-number-font-weight-tag-default);
+    --x-size-line-height-filter-default: var(--x-size-line-height-tag-default); }
   .x-tag.x-tag.x-tag--is-selected {
     background-color: var(--x-color-background-tag-default-selected);
     border-color: var(--x-color-border-tag-default-selected);
@@ -2029,11 +2035,13 @@
     font-size: var(--x-size-font-tag-default-selected);
     font-weight: var(--x-number-font-weight-tag-default-selected); }
     .x-tag.x-tag.x-tag--is-selected.x-filter {
-      --x-color-text-filter: var(--x-color-text-tag-default-selected);
-      --x-font-family-filter: var(--x-font-family-tag-default-selected);
-      --x-size-font-filter: var(--x-size-font-tag-default-selected);
-      --x-number-font-weight-filter: var(--x-number-font-weight-tag-default-selected);
-      --x-size-line-height-filter: var(--x-size-line-height-tag-default-selected); }
+      --x-color-text-filter-default-selected: var(--x-color-text-tag-default-selected);
+      --x-font-family-filter-default-selected: var(--x-font-family-tag-default-selected);
+      --x-size-font-filter-default-selected: var(--x-size-font-tag-default-selected);
+      --x-number-font-weight-filter-count-default-selected: var(
+        --x-number-font-weight-tag-default-selected
+      );
+      --x-size-line-height-filter-default-selected: var(--x-size-line-height-tag-default-selected); }
 
 :root {
   --x-color-background-tag-default: var(--x-color-base-neutral-100);
@@ -2190,9 +2198,11 @@
   --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-neutral-100: #ffffff;
+  --x-color-base-accent: #b90276;
+  --x-color-base-enable: #00705c;
+  --x-color-base-disable: #e11f26; }
 
-/* Update this value if adding more values */
 :root {
   --x-size-base-01: 2px;
   --x-size-base-02: 4px;