@empathyco/x-components 3.0.0-alpha.311 → 3.0.0-alpha.313

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 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.313](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.312...@empathyco/x-components@3.0.0-alpha.313) (2023-02-14)
+
+### ⚠ BREAKING CHANGES
+
+- **design-system:** design system scroll styles are deprecated. To continue using them import from
+  deprecated-full-theme.css
+
+### Features
+
+- **design-system:** deprecate old x-scroll styles (#1073)
+  ([3916c5f](https://github.com/empathyco/x/commit/3916c5fab866a51f5c2df089cef3e80a9c0ae1ee)),
+  closes [EX-7982](https://searchbroker.atlassian.net/browse/EX-7982)
+
+### Bug Fixes
+
+- **modal:** set focusOnOpen for the main-modal to false (#1074)
+  ([655e8eb](https://github.com/empathyco/x/commit/655e8eb6bc5bedab6b79ab2a7c7d6110f9d27437)),
+  closes [EX-7710](https://searchbroker.atlassian.net/browse/EX-7710)
+
+# 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.312](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.311...@empathyco/x-components@3.0.0-alpha.312) (2023-02-14)
+
+### Build System
+
+- Delete unused `Jenkinsfile`. (#1075)
+  ([fb9a15b](https://github.com/empathyco/x/commit/fb9a15b80686293b3bd14c8129ed045d8a6c99f2))
+
+# 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.311](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.310...@empathyco/x-components@3.0.0-alpha.311) (2023-02-10)
 
 **Note:** Version bump only for package @empathyco/x-components

package/design-system/default-theme.css

@@ -1795,47 +1795,6 @@
   --x-size-span-row-item: 1;
   --x-size-start-row-item: 0;
 }
-:root {
-  --x-string-overflow-scroll: auto;
-  --x-color-background-scroll-bar: transparent;
-  --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
-  --x-color-background-scroll-bar-hover: transparent;
-  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
-}
-
-.x-scroll {
-  overflow-y: var(--x-string-overflow-scroll);
-}
-@media (hover: hover) {
-  .x-scroll {
-    scrollbar-width: auto;
-    scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
-  }
-  .x-scroll::-webkit-scrollbar {
-    width: 17px;
-  }
-  .x-scroll::-webkit-scrollbar-track {
-    background: var(--x-color-background-scroll-bar);
-  }
-  .x-scroll::-webkit-scrollbar-thumb {
-    width: 5px;
-    border-radius: 15px;
-    background: var(--x-color-thumb-scroll-bar);
-    background-clip: content-box;
-    border: solid 4px rgba(0, 0, 0, 0.00001);
-  }
-  .x-scroll:hover {
-    --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
-    --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
-  }
-}
-:root {
-  --x-string-overflow-scroll: auto;
-  --x-color-background-scroll-bar: transparent;
-  --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
-  --x-color-background-scroll-bar-hover: transparent;
-  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
-}
 :root {
   --x-color-background-tag-default: var(--x-color-base-neutral-100);
   --x-color-border-tag-default: var(--x-color-text-tag-default);

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

@@ -444,6 +444,44 @@
   border-style: solid;
   border-width: var(--x-size-border-width-result-picture-default);
 }
+:root {
+  --x-string-overflow-scroll: auto;
+  --x-color-background-scroll-bar: transparent;
+  --x-color-thumb-scroll-bar: var(--x-color-base-neutral-95);
+  --x-color-background-scroll-bar-hover: transparent;
+  --x-color-thumb-scroll-bar-hover: var(--x-color-base-neutral-70);
+}
+
+.x-scroll {
+  overflow-y: var(--x-string-overflow-scroll);
+}
+@media (hover: hover) {
+  .x-scroll {
+    scrollbar-width: auto;
+    scrollbar-color: var(--x-color-thumb-scroll-bar) var(--x-color-background-scroll-bar);
+  }
+  .x-scroll::-webkit-scrollbar {
+    width: 17px;
+  }
+  .x-scroll::-webkit-scrollbar-track {
+    background: var(--x-color-background-scroll-bar);
+  }
+  .x-scroll::-webkit-scrollbar-thumb {
+    width: 5px;
+    border-radius: 15px;
+    background: var(--x-color-thumb-scroll-bar);
+    background-clip: content-box;
+    border: solid 4px rgba(0, 0, 0, 0.00001);
+  }
+  .x-scroll:hover {
+    --x-color-background-scroll-bar: var(--x-color-background-scroll-bar-hover);
+    --x-color-thumb-scroll-bar: var(--x-color-thumb-scroll-bar-hover);
+  }
+}
+
+.x-base-scroll {
+  overflow-y: var(--x-string-overflow-scroll, auto);
+}
 .x-sliding-panel {
   z-index: 0;
   background-color: var(--x-color-background-sliding-panel);