@empathyco/x-components 3.0.0 → 3.0.1-alpha.1

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+# 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.1-alpha.1](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.1-alpha.0...@empathyco/x-components@3.0.1-alpha.1) (2023-10-26)
+
+
+### Bug Fixes
+
+* **history-queries:** map selected filters correctly when coming from Query Preview (#1325) ([61fdfd1](https://github.com/empathyco/x/commit/61fdfd1f4af0183952084abfd8a72ecdd76ee6ee))
+
+
+
+## [3.0.1-alpha.0](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.425...@empathyco/x-components@3.0.1-alpha.0) (2023-10-24)
+
+**Note:** Version bump only for package @empathyco/x-components
+
+
+
+
+
 # Change Log
 
 All notable changes to this project will be documented in this file. See

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

@@ -1778,92 +1778,6 @@
 .x-border-width--left-10 {
   border-style: solid !important;
 }
-.x-border-color--lead {
-  border-color: var(--x-color-base-lead) !important;
-}
-
-.x-border-color--auxiliary {
-  border-color: var(--x-color-base-auxiliary) !important;
-}
-
-.x-border-color--neutral-10 {
-  border-color: var(--x-color-base-neutral-10) !important;
-}
-
-.x-border-color--neutral-35 {
-  border-color: var(--x-color-base-neutral-35) !important;
-}
-
-.x-border-color--neutral-70 {
-  border-color: var(--x-color-base-neutral-70) !important;
-}
-
-.x-border-color--neutral-95 {
-  border-color: var(--x-color-base-neutral-95) !important;
-}
-
-.x-border-color--neutral-100 {
-  border-color: var(--x-color-base-neutral-100) !important;
-}
-
-.x-border-color--accent {
-  border-color: var(--x-color-base-accent) !important;
-}
-
-.x-border-color--enable {
-  border-color: var(--x-color-base-enable) !important;
-}
-
-.x-border-color--disable {
-  border-color: var(--x-color-base-disable) !important;
-}
-
-.x-border-color--transparent {
-  border-color: var(--x-color-base-transparent) !important;
-}
-.x-background--lead {
-  background-color: var(--x-color-base-lead) !important;
-}
-
-.x-background--auxiliary {
-  background-color: var(--x-color-base-auxiliary) !important;
-}
-
-.x-background--neutral-10 {
-  background-color: var(--x-color-base-neutral-10) !important;
-}
-
-.x-background--neutral-35 {
-  background-color: var(--x-color-base-neutral-35) !important;
-}
-
-.x-background--neutral-70 {
-  background-color: var(--x-color-base-neutral-70) !important;
-}
-
-.x-background--neutral-95 {
-  background-color: var(--x-color-base-neutral-95) !important;
-}
-
-.x-background--neutral-100 {
-  background-color: var(--x-color-base-neutral-100) !important;
-}
-
-.x-background--accent {
-  background-color: var(--x-color-base-accent) !important;
-}
-
-.x-background--enable {
-  background-color: var(--x-color-base-enable) !important;
-}
-
-.x-background--disable {
-  background-color: var(--x-color-base-disable) !important;
-}
-
-.x-background--transparent {
-  background-color: var(--x-color-base-transparent) !important;
-}
 .x-border-radius--00 {
   border-radius: 0 !important;
 }
@@ -3372,6 +3286,92 @@
 [dir="rtl"] .x-border-radius--bottom-right-20 {
   border-bottom-left-radius: var(--x-size-base-20) !important;
 }
+.x-border-color--lead {
+  border-color: var(--x-color-base-lead) !important;
+}
+
+.x-border-color--auxiliary {
+  border-color: var(--x-color-base-auxiliary) !important;
+}
+
+.x-border-color--neutral-10 {
+  border-color: var(--x-color-base-neutral-10) !important;
+}
+
+.x-border-color--neutral-35 {
+  border-color: var(--x-color-base-neutral-35) !important;
+}
+
+.x-border-color--neutral-70 {
+  border-color: var(--x-color-base-neutral-70) !important;
+}
+
+.x-border-color--neutral-95 {
+  border-color: var(--x-color-base-neutral-95) !important;
+}
+
+.x-border-color--neutral-100 {
+  border-color: var(--x-color-base-neutral-100) !important;
+}
+
+.x-border-color--accent {
+  border-color: var(--x-color-base-accent) !important;
+}
+
+.x-border-color--enable {
+  border-color: var(--x-color-base-enable) !important;
+}
+
+.x-border-color--disable {
+  border-color: var(--x-color-base-disable) !important;
+}
+
+.x-border-color--transparent {
+  border-color: var(--x-color-base-transparent) !important;
+}
+.x-background--lead {
+  background-color: var(--x-color-base-lead) !important;
+}
+
+.x-background--auxiliary {
+  background-color: var(--x-color-base-auxiliary) !important;
+}
+
+.x-background--neutral-10 {
+  background-color: var(--x-color-base-neutral-10) !important;
+}
+
+.x-background--neutral-35 {
+  background-color: var(--x-color-base-neutral-35) !important;
+}
+
+.x-background--neutral-70 {
+  background-color: var(--x-color-base-neutral-70) !important;
+}
+
+.x-background--neutral-95 {
+  background-color: var(--x-color-base-neutral-95) !important;
+}
+
+.x-background--neutral-100 {
+  background-color: var(--x-color-base-neutral-100) !important;
+}
+
+.x-background--accent {
+  background-color: var(--x-color-base-accent) !important;
+}
+
+.x-background--enable {
+  background-color: var(--x-color-base-enable) !important;
+}
+
+.x-background--disable {
+  background-color: var(--x-color-base-disable) !important;
+}
+
+.x-background--transparent {
+  background-color: var(--x-color-base-transparent) !important;
+}
 .x-text--stroke.x-text {
   --x-string-text-decoration: line-through;
 }
@@ -7620,6 +7620,19 @@
   --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
   --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
 }
+:root {
+  --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
+  --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
+  --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
+  --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
+  --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
+  --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
+  --x-size-padding-facet-header-outlined: var(--x-size-base-03);
+  --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
+  --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
+  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
+  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
+}
 
 .x-facet--outlined.x-facet,
 .x-facet--outlined .x-facet {
@@ -7643,19 +7656,6 @@
   --x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
   --x-size-border-width-left-facet-header-line: 0;
 }
-:root {
-  --x-color-border-facet-outlined: var(--x-color-base-neutral-70);
-  --x-size-border-width-facet-outlined: var(--x-size-border-width-base);
-  --x-size-border-width-top-facet-outlined: var(--x-size-border-width-facet-outlined);
-  --x-size-border-width-right-facet-outlined: var(--x-size-border-width-facet-outlined);
-  --x-size-border-width-bottom-facet-outlined: var(--x-size-border-width-facet-outlined);
-  --x-size-border-width-left-facet-outlined: var(--x-size-border-width-facet-outlined);
-  --x-size-padding-facet-header-outlined: var(--x-size-base-03);
-  --x-size-padding-top-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
-  --x-size-padding-right-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
-  --x-size-padding-bottom-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
-  --x-size-padding-left-facet-header-outlined: var(--x-size-padding-facet-header-outlined);
-}
 :root {
   --x-color-border-facet-header-line: var(--x-color-base-neutral-10);
   --x-size-border-width-facet-header-line: var(--x-size-border-width-base);
@@ -8049,9 +8049,6 @@
 :root {
   --x-size-width-dropdown-l: 202px;
 }
-:root {
-  --x-size-width-dropdown-l: 202px;
-}
 
 .x-dropdown.x-dropdown--l {
   --x-size-width-dropdown-toggle-default: var(--x-size-width-dropdown-l);
@@ -8129,6 +8126,9 @@
   --x-string-overflow-dropdown-toggle-default: hidden;
   --x-string-overflow-dropdown-list-default: hidden;
 }
+:root {
+  --x-size-width-dropdown-l: 202px;
+}
 :root {
   --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
   --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
@@ -8468,16 +8468,6 @@
   --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
   --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
 }
-:root {
-  --x-color-background-button-secondary: transparent;
-  --x-color-border-button-secondary: var(--x-color-border-button-default);
-  --x-color-text-button-secondary: var(--x-color-border-button-default);
-  --x-size-border-width-button-secondary: var(--x-size-border-width-base);
-  --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
-  --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
-  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
-  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
-}
 
 .x-button--secondary.x-button,
 .x-button--secondary .x-button {
@@ -8489,6 +8479,16 @@
   --x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-secondary);
   --x-size-border-width-left-button-default: var(--x-size-border-width-left-button-secondary);
 }
+:root {
+  --x-color-background-button-secondary: transparent;
+  --x-color-border-button-secondary: var(--x-color-border-button-default);
+  --x-color-text-button-secondary: var(--x-color-border-button-default);
+  --x-size-border-width-button-secondary: var(--x-size-border-width-base);
+  --x-size-border-width-top-button-secondary: var(--x-size-border-width-button-secondary);
+  --x-size-border-width-right-button-secondary: var(--x-size-border-width-button-secondary);
+  --x-size-border-width-bottom-button-secondary: var(--x-size-border-width-button-secondary);
+  --x-size-border-width-left-button-secondary: var(--x-size-border-width-button-secondary);
+}
 :root {
   --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
   --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8496,16 +8496,6 @@
   --x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
   --x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
 }
-:root {
-  --x-color-background-button-primary: var(--x-color-background-button-default);
-  --x-color-border-button-primary: var(--x-color-border-button-default);
-  --x-color-text-button-primary: var(--x-color-text-button-default);
-  --x-size-border-width-button-primary: var(--x-size-border-width-base);
-  --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
-  --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
-  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
-  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
-}
 :root {
   --x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
   --x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
@@ -8541,6 +8531,16 @@
   --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
   --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
 }
+:root {
+  --x-color-background-button-primary: var(--x-color-background-button-default);
+  --x-color-border-button-primary: var(--x-color-border-button-default);
+  --x-color-text-button-primary: var(--x-color-text-button-default);
+  --x-size-border-width-button-primary: var(--x-size-border-width-base);
+  --x-size-border-width-top-button-primary: var(--x-size-border-width-button-primary);
+  --x-size-border-width-right-button-primary: var(--x-size-border-width-button-primary);
+  --x-size-border-width-bottom-button-primary: var(--x-size-border-width-button-primary);
+  --x-size-border-width-left-button-primary: var(--x-size-border-width-button-primary);
+}
 
 .x-button--primary.x-button,
 .x-button--primary .x-button {
@@ -8723,6 +8723,16 @@
   --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-badge-default: var(--x-color-base-neutral-10);
+  --x-color-text-badge-default: var(--x-color-base-neutral-100);
+  --x-color-border-badge-default: var(--x-color-base-neutral-10);
+  --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
+  --x-size-border-width-badge-default: 0;
+  --x-size-width-badge-default: 1.5em;
+  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
+  --x-size-font-badge-default: var(--x-size-font-base-xs);
+}
 :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);
@@ -8755,16 +8765,6 @@
   --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
   --x-size-font-badge-default: var(--x-size-font-base-xs);
 }
-:root {
-  --x-color-background-badge-default: var(--x-color-base-neutral-10);
-  --x-color-text-badge-default: var(--x-color-base-neutral-100);
-  --x-color-border-badge-default: var(--x-color-base-neutral-10);
-  --x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
-  --x-size-border-width-badge-default: 0;
-  --x-size-width-badge-default: 1.5em;
-  --x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
-  --x-size-font-badge-default: var(--x-size-font-base-xs);
-}
 
 [dir="ltr"] .x-badge {
   right: calc(var(--x-size-width-badge-default) / 4);

package/js/components/animations/animate-clip-path/animate-clip-path.style.scss.js

@@ -10,7 +10,7 @@ var css = ".x-animate-clip-path--enter-active, .x-animate-clip-path--leave-activ
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-clip-path.style.scss.js.map

package/js/components/animations/animate-scale/animate-scale.style.scss.js

@@ -10,7 +10,7 @@ var css = ".x-animate-scale--enter-active, .x-animate-scale--leave-active, .x-an
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-scale.style.scss.js.map

package/js/components/animations/animate-translate/animate-translate.style.scss.js

@@ -10,7 +10,7 @@ var css = ".x-animate-translate--enter-active, .x-animate-translate--leave-activ
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/animate-translate/animate-translate.style.scss',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-translate/animate-translate.style.scss',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-translate.style.scss.js.map

package/js/components/animations/animate-width.vue.js

@@ -30,7 +30,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-d7caf02c";
+  const __vue_scope_id__ = "data-v-5122106f";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/animate-width.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-animate-width--enter-active[data-v-d7caf02c], .x-animate-width--leave-active[data-v-d7caf02c] {\n  transition: width 0.3s ease-out;\n  overflow-x: hidden;\n}\n.x-animate-width--enter[data-v-d7caf02c], .x-animate-width--leave-to[data-v-d7caf02c] {\n  width: 0 !important;\n}";
+var css = ".x-animate-width--enter-active[data-v-5122106f], .x-animate-width--leave-active[data-v-5122106f] {\n  transition: width 0.3s ease-out;\n  overflow-x: hidden;\n}\n.x-animate-width--enter[data-v-5122106f], .x-animate-width--leave-to[data-v-5122106f] {\n  width: 0 !important;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-animate-width--enter-active[data-v-d7caf02c], .x-animate-width--le
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/animate-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=animate-width.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/collapse-height.vue.js

@@ -37,7 +37,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-ac8a58de";
+  const __vue_scope_id__ = "data-v-a801a3a8";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/collapse-height.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-collapse-height--enter-active[data-v-ac8a58de], .x-collapse-height--leave-active[data-v-ac8a58de] {\n  transition: height 0.3s ease-out;\n  overflow: hidden;\n}";
+var css = ".x-collapse-height--enter-active[data-v-a801a3a8], .x-collapse-height--leave-active[data-v-a801a3a8] {\n  transition: height 0.3s ease-out;\n  overflow: hidden;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-collapse-height--enter-active[data-v-ac8a58de], .x-collapse-height
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/collapse-height.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/collapse-height.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=collapse-height.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/collapse-width.vue.js

@@ -37,7 +37,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-779213bb";
+  const __vue_scope_id__ = "data-v-c86c6100";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/collapse-width.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-collapse-width--enter-active[data-v-779213bb], .x-collapse-width--leave-active[data-v-779213bb] {\n  transition: width 0.3s ease-out;\n  overflow: hidden;\n}";
+var css = ".x-collapse-width--enter-active[data-v-c86c6100], .x-collapse-width--leave-active[data-v-c86c6100] {\n  transition: width 0.3s ease-out;\n  overflow: hidden;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-collapse-width--enter-active[data-v-779213bb], .x-collapse-width--
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/collapse-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/collapse-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=collapse-width.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/cross-fade.vue.js

@@ -30,7 +30,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-36be91e4";
+  const __vue_scope_id__ = "data-v-250c6169";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/cross-fade.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-cross-fade--enter-active[data-v-36be91e4], .x-cross-fade--leave-active[data-v-36be91e4] {\n  transition: opacity 0.25s ease-in-out;\n  mix-blend-mode: multiply;\n}\n.x-cross-fade--leave-active[data-v-36be91e4] {\n  position: absolute;\n}\n.x-cross-fade--leave-to[data-v-36be91e4], .x-cross-fade--enter[data-v-36be91e4] {\n  opacity: 0;\n}";
+var css = ".x-cross-fade--enter-active[data-v-250c6169], .x-cross-fade--leave-active[data-v-250c6169] {\n  transition: opacity 0.25s ease-in-out;\n  mix-blend-mode: multiply;\n}\n.x-cross-fade--leave-active[data-v-250c6169] {\n  position: absolute;\n}\n.x-cross-fade--leave-to[data-v-250c6169], .x-cross-fade--enter[data-v-250c6169] {\n  opacity: 0;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-cross-fade--enter-active[data-v-36be91e4], .x-cross-fade--leave-ac
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/cross-fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/cross-fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=cross-fade.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/fade-and-slide.vue.js

@@ -33,7 +33,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-c916b1c6";
+  const __vue_scope_id__ = "data-v-47f745a2";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--move, .x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--enter-active, .x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--leave-active {\n  transition: opacity 0.2s ease-out, transform 0.3s ease-out;\n}\n.x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--enter, .x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--leave-to {\n  transform: translate(-20%, 0);\n  opacity: 0;\n}\n.x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--leave-active {\n  position: absolute;\n}";
+var css = ".x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--move, .x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--enter-active, .x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--leave-active {\n  transition: opacity 0.2s ease-out, transform 0.3s ease-out;\n}\n.x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--enter, .x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--leave-to {\n  transform: translate(-20%, 0);\n  opacity: 0;\n}\n.x-fade-and-slide[data-v-47f745a2] .x-fade-and-slide--leave-active {\n  position: absolute;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-fade-and-slide[data-v-c916b1c6] .x-fade-and-slide--move, .x-fade-a
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/fade.vue.js

@@ -30,7 +30,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-5e4322a1";
+  const __vue_scope_id__ = "data-v-253cdca6";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/fade.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-fade--enter-active[data-v-5e4322a1], .x-fade--leave-active[data-v-5e4322a1] {\n  transition: opacity 0.25s ease-in-out;\n}\n.x-fade--leave-to[data-v-5e4322a1], .x-fade--enter[data-v-5e4322a1] {\n  opacity: 0;\n}";
+var css = ".x-fade--enter-active[data-v-253cdca6], .x-fade--leave-active[data-v-253cdca6] {\n  transition: opacity 0.25s ease-in-out;\n}\n.x-fade--leave-to[data-v-253cdca6], .x-fade--enter[data-v-253cdca6] {\n  opacity: 0;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-fade--enter-active[data-v-5e4322a1], .x-fade--leave-active[data-v-
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=fade.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/staggered-fade-and-slide.vue.js

@@ -33,7 +33,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-6a081eff";
+  const __vue_scope_id__ = "data-v-54972a1a";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-staggered-fade-and-slide[data-v-6a081eff] {\n  z-index: 0;\n}\n.x-staggered-fade-and-slide[data-v-6a081eff] .x-staggered-fade-and-slide--enter-active, .x-staggered-fade-and-slide[data-v-6a081eff] .x-staggered-fade-and-slide--leave-active {\n  transition: 0.25s ease-out;\n  transition-property: opacity, transform;\n}\n.x-staggered-fade-and-slide[data-v-6a081eff] .x-staggered-fade-and-slide--move {\n  transition: transform 0.25s ease-out;\n}\n.x-staggered-fade-and-slide[data-v-6a081eff] .x-staggered-fade-and-slide--enter, .x-staggered-fade-and-slide[data-v-6a081eff] .x-staggered-fade-and-slide--leave-to {\n  transform: translate3d(0, 50%, 0);\n  opacity: 0;\n  z-index: -1;\n}";
+var css = ".x-staggered-fade-and-slide[data-v-54972a1a] {\n  z-index: 0;\n}\n.x-staggered-fade-and-slide[data-v-54972a1a] .x-staggered-fade-and-slide--enter-active, .x-staggered-fade-and-slide[data-v-54972a1a] .x-staggered-fade-and-slide--leave-active {\n  transition: 0.25s ease-out;\n  transition-property: opacity, transform;\n}\n.x-staggered-fade-and-slide[data-v-54972a1a] .x-staggered-fade-and-slide--move {\n  transition: transform 0.25s ease-out;\n}\n.x-staggered-fade-and-slide[data-v-54972a1a] .x-staggered-fade-and-slide--enter, .x-staggered-fade-and-slide[data-v-54972a1a] .x-staggered-fade-and-slide--leave-to {\n  transform: translate3d(0, 50%, 0);\n  opacity: 0;\n  z-index: -1;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-staggered-fade-and-slide[data-v-6a081eff] {\n  z-index: 0;\n}\n.x-
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/staggered-fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/staggered-fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=staggered-fade-and-slide.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/animations/staggering-transition-group.vue.js

@@ -9,7 +9,7 @@ const __vue_script__ = script;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-60ead390";
+  const __vue_scope_id__ = "data-v-2fdd74eb";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

package/js/components/animations/staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js

@@ -1,6 +1,6 @@
 import { createInjector, createInjectorSSR } from 'vue-runtime-helpers';
 
-var css = ".x-staggering-transition-group[data-v-60ead390] {\n  position: relative;\n}";
+var css = ".x-staggering-transition-group[data-v-2fdd74eb] {\n  position: relative;\n}";
            const isBrowser = /*#__PURE__*/ (function () {
              return (
                 Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) !==
@@ -10,7 +10,7 @@ var css = ".x-staggering-transition-group[data-v-60ead390] {\n  position: relati
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/animations/staggering-transition-group.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/staggering-transition-group.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=staggering-transition-group.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js

@@ -10,7 +10,7 @@ var css = ".x-progress-bar {\n  display: inline-block;\n  overflow: hidden;\n  b
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/__w/x/x/packages/x-components/src/components/auto-progress-bar.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/home/runner/work/x/x/packages/x-components/src/components/auto-progress-bar.vue?rollup-plugin-vue=styles.0.css',{source:css});
 
 export { css, css as default };
 //# sourceMappingURL=auto-progress-bar.vue_rollup-plugin-vue_styles.0.vue.js.map

package/js/components/base-dropdown.vue.js

@@ -214,7 +214,7 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-59445e96";
+  const __vue_scope_id__ = "data-v-3e509310";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */