@empathyco/x-components 4.0.1-alpha.0 → 4.0.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.1](https://github.com/empathyco/x/compare/@empathyco/x-components@4.0.1-alpha.0...@empathyco/x-components@4.0.1) (2023-11-24)
+
+**Note:** Version bump only for package @empathyco/x-components
+
+
+
+
+
 ## [4.0.1-alpha.0](https://github.com/empathyco/x/compare/@empathyco/x-components@4.0.0-alpha.1...@empathyco/x-components@4.0.1-alpha.0) (2023-11-22)
 
 **Note:** Version bump only for package @empathyco/x-components

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

@@ -1,4 +1,5 @@
 
+
 .x-uppercase {
   text-transform: uppercase;
 }
@@ -493,7 +494,6 @@
 [dir="rtl"] .x-padding--left-20 {
   padding-right: var(--x-size-base-20) !important;
 }
-
 .x-margin--auto {
   margin: auto !important;
 }
@@ -3286,49 +3286,6 @@
 [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;
 }
@@ -3372,6 +3329,49 @@
 .x-background--transparent {
   background-color: var(--x-color-base-transparent) !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-text--stroke.x-text {
   --x-string-text-decoration: line-through;
 }
@@ -3387,12 +3387,12 @@
 .x-text--stroke.x-small {
   --x-string-text-decoration-small: line-through;
 }
-.x-text--secondary {
-  --x-color-text-default: var(--x-color-text-secondary);
-}
 :root {
   --x-color-text-secondary: var(--x-color-base-neutral-35);
 }
+.x-text--secondary {
+  --x-color-text-default: var(--x-color-text-secondary);
+}
 .x-text--light.x-text {
   --x-number-font-weight-text: var(--x-number-font-weight-base-light);
 }
@@ -3684,52 +3684,6 @@
     --x-number-font-weight-tag-default-selected
   );
 }
-:root {
-  --x-color-background-tag-default: var(--x-color-base-neutral-100);
-  --x-color-border-tag-default: var(--x-color-text-tag-default);
-  --x-color-text-tag-default: var(--x-color-text-default);
-  --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
-  --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
-  --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
-  --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
-  --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
-  --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
-  --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
-  --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
-  --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
-  --x-size-border-width-tag-default: var(--x-size-border-width-base);
-  --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
-  --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
-  --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
-  --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
-  --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
-  --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
-  --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
-  --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
-  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
-  --x-size-height-tag-default: var(--x-size-base-07);
-  --x-size-padding-right-tag-default: var(--x-size-base-04);
-  --x-size-padding-left-tag-default: var(--x-size-base-04);
-  --x-size-gap-tag-default: var(--x-size-base-02);
-  --x-font-family-tag-default: var(--x-font-family-text);
-  --x-size-font-tag-default: var(--x-size-font-text);
-  --x-size-line-height-tag-default: var(--x-size-line-height-text);
-  --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
-  --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
-  --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
-  --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
-  --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
-  --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
-  --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
-  --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
-  --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
-  --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
-  --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
-  --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
-  --x-number-font-weight-tag-default-curated-selected: var(
-    --x-number-font-weight-tag-default-selected
-  );
-}
 
 [dir="ltr"] .x-tag {
   border-left-width: var(--x-size-border-width-left-tag-default);
@@ -3905,6 +3859,52 @@
   );
   --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);
+  --x-color-border-tag-default: var(--x-color-text-tag-default);
+  --x-color-text-tag-default: var(--x-color-text-default);
+  --x-color-background-tag-default-selected: var(--x-color-base-neutral-95);
+  --x-color-border-tag-default-selected: var(--x-color-border-tag-default);
+  --x-color-text-tag-default-selected: var(--x-color-text-tag-default);
+  --x-color-background-tag-default-curated: var(--x-color-background-tag-default);
+  --x-color-border-tag-default-curated: var(--x-color-border-tag-default);
+  --x-color-text-tag-default-curated: var(--x-color-text-tag-default);
+  --x-color-background-tag-default-curated-selected: var(--x-color-background-tag-default-selected);
+  --x-color-border-tag-default-curated-selected: var(--x-color-border-tag-default-selected);
+  --x-color-text-tag-default-curated-selected: var(--x-color-text-tag-default-selected);
+  --x-size-border-width-tag-default: var(--x-size-border-width-base);
+  --x-size-border-width-top-tag-default: var(--x-size-border-width-tag-default);
+  --x-size-border-width-right-tag-default: var(--x-size-border-width-tag-default);
+  --x-size-border-width-bottom-tag-default: var(--x-size-border-width-tag-default);
+  --x-size-border-width-left-tag-default: var(--x-size-border-width-tag-default);
+  --x-size-border-radius-tag-default: var(--x-size-border-radius-base-none);
+  --x-size-border-radius-top-left-tag-default: var(--x-size-border-radius-tag-default);
+  --x-size-border-radius-top-right-tag-default: var(--x-size-border-radius-tag-default);
+  --x-size-border-radius-bottom-right-tag-default: var(--x-size-border-radius-tag-default);
+  --x-size-border-radius-bottom-left-tag-default: var(--x-size-border-radius-tag-default);
+  --x-size-height-tag-default: var(--x-size-base-07);
+  --x-size-padding-right-tag-default: var(--x-size-base-04);
+  --x-size-padding-left-tag-default: var(--x-size-base-04);
+  --x-size-gap-tag-default: var(--x-size-base-02);
+  --x-font-family-tag-default: var(--x-font-family-text);
+  --x-size-font-tag-default: var(--x-size-font-text);
+  --x-size-line-height-tag-default: var(--x-size-line-height-text);
+  --x-number-font-weight-tag-default: var(--x-number-font-weight-text);
+  --x-font-family-tag-default-selected: var(--x-font-family-tag-default);
+  --x-size-font-tag-default-selected: var(--x-size-font-tag-default);
+  --x-size-line-height-tag-default-selected: var(--x-size-line-height-tag-default);
+  --x-number-font-weight-tag-default-selected: var(--x-number-font-weight-tag-default);
+  --x-font-family-tag-default-curated: var(--x-font-family-tag-default);
+  --x-size-font-tag-default-curated: var(--x-size-font-tag-default);
+  --x-size-line-height-tag-default-curated: var(--x-size-line-height-tag-default);
+  --x-number-font-weight-tag-default-curated: var(--x-number-font-weight-tag-default);
+  --x-font-family-tag-default-curated-selected: var(--x-font-family-tag-default-selected);
+  --x-size-font-tag-default-curated-selected: var(--x-size-font-tag-default-selected);
+  --x-size-line-height-tag-default-curated-selected: var(--x-size-line-height-tag-default-selected);
+  --x-number-font-weight-tag-default-curated-selected: var(
+    --x-number-font-weight-tag-default-selected
+  );
+}
 :root {
   --x-size-border-radius-tag-card: var(--x-size-border-radius-base-s);
   --x-size-border-radius-top-left-tag-card: var(--x-size-border-radius-tag-card);
@@ -4567,28 +4567,6 @@
   --x-size-gap-row-19: var(--x-size-base-19);
   --x-size-gap-row-20: var(--x-size-base-20);
 }
-:root {
-  --x-size-gap-row-01: var(--x-size-base-01);
-  --x-size-gap-row-02: var(--x-size-base-02);
-  --x-size-gap-row-03: var(--x-size-base-03);
-  --x-size-gap-row-04: var(--x-size-base-04);
-  --x-size-gap-row-05: var(--x-size-base-05);
-  --x-size-gap-row-06: var(--x-size-base-06);
-  --x-size-gap-row-07: var(--x-size-base-07);
-  --x-size-gap-row-08: var(--x-size-base-08);
-  --x-size-gap-row-09: var(--x-size-base-09);
-  --x-size-gap-row-10: var(--x-size-base-10);
-  --x-size-gap-row-11: var(--x-size-base-11);
-  --x-size-gap-row-12: var(--x-size-base-12);
-  --x-size-gap-row-13: var(--x-size-base-13);
-  --x-size-gap-row-14: var(--x-size-base-14);
-  --x-size-gap-row-15: var(--x-size-base-15);
-  --x-size-gap-row-16: var(--x-size-base-16);
-  --x-size-gap-row-17: var(--x-size-base-17);
-  --x-size-gap-row-18: var(--x-size-base-18);
-  --x-size-gap-row-19: var(--x-size-base-19);
-  --x-size-gap-row-20: var(--x-size-base-20);
-}
 
 .x-row--gap-01 {
   --x-size-gap-row: var(--x-size-gap-row-01);
@@ -7160,13 +7138,6 @@
   --x-size-line-height-input-placeholder-default: var(--x-size-line-height-input-default);
   --x-number-font-weight-input-placeholder-default: var(--x-number-font-weight-input-default);
 }
-:root {
-  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
-  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
-  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
-}
 :root {
   --x-color-background-input-default: var(--x-color-base-neutral-100);
   --x-color-border-input-default: var(--x-color-base-neutral-70);
@@ -7282,6 +7253,13 @@
   --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
   --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
 }
+:root {
+  --x-size-border-radius-input-card: var(--x-size-border-radius-base-s);
+  --x-size-border-radius-top-left-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-top-right-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-bottom-right-input-card: var(--x-size-border-radius-input-card);
+  --x-size-border-radius-bottom-left-input-card: var(--x-size-border-radius-input-card);
+}
 
 .x-input--card.x-input,
 .x-input--card .x-input {
@@ -8129,19 +8107,6 @@
   --x-string-overflow-dropdown-toggle-default: hidden;
   --x-string-overflow-dropdown-list-default: hidden;
 }
-:root {
-  --x-size-gap-dropdown-card: var(--x-size-base-03);
-  --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
-  --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
-  --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
-  --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
-  --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
-  --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
-  --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
-  --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
-  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
-  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
-}
 :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);
@@ -8397,6 +8362,19 @@
   --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
   --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
 }
+:root {
+  --x-size-gap-dropdown-card: var(--x-size-base-03);
+  --x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
+  --x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
+  --x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
+  --x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
+  --x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
+  --x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
+  --x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
+  --x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
+  --x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
+  --x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
+}
 
 .x-dropdown--card {
   --x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
@@ -8804,19 +8782,6 @@
 .x-badge-container {
   position: relative;
 }
-: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;
@@ -8839,10 +8804,45 @@
   --x-size-base-19: 280px;
   --x-size-base-20: 344px;
 }
+: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-border-radius-base-none: 0;
   --x-size-border-radius-base-s: var(--x-size-base-02);
   --x-size-border-radius-base-m: var(--x-size-base-06);
   --x-size-border-radius-base-pill: 99999px;
   --x-size-border-width-base: 1px;
+}
+:root {
+  --x-size-gap-row-01: var(--x-size-base-01);
+  --x-size-gap-row-02: var(--x-size-base-02);
+  --x-size-gap-row-03: var(--x-size-base-03);
+  --x-size-gap-row-04: var(--x-size-base-04);
+  --x-size-gap-row-05: var(--x-size-base-05);
+  --x-size-gap-row-06: var(--x-size-base-06);
+  --x-size-gap-row-07: var(--x-size-base-07);
+  --x-size-gap-row-08: var(--x-size-base-08);
+  --x-size-gap-row-09: var(--x-size-base-09);
+  --x-size-gap-row-10: var(--x-size-base-10);
+  --x-size-gap-row-11: var(--x-size-base-11);
+  --x-size-gap-row-12: var(--x-size-base-12);
+  --x-size-gap-row-13: var(--x-size-base-13);
+  --x-size-gap-row-14: var(--x-size-base-14);
+  --x-size-gap-row-15: var(--x-size-base-15);
+  --x-size-gap-row-16: var(--x-size-base-16);
+  --x-size-gap-row-17: var(--x-size-base-17);
+  --x-size-gap-row-18: var(--x-size-base-18);
+  --x-size-gap-row-19: var(--x-size-base-19);
+  --x-size-gap-row-20: var(--x-size-base-20);
 }

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('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-clip-path/animate-clip-path.style.scss',{source:css});
+           injector('/__w/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('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-scale/animate-scale.style.scss',{source:css});
+           injector('/__w/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('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-translate/animate-translate.style.scss',{source:css});
+           injector('/__w/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-5122106f";
+  const __vue_scope_id__ = "data-v-d7caf02c";
   /* 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-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}";
+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}";
            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-5122106f], .x-animate-width--le
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/animate-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-a801a3a8";
+  const __vue_scope_id__ = "data-v-ac8a58de";
   /* 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-a801a3a8], .x-collapse-height--leave-active[data-v-a801a3a8] {\n  transition: height 0.3s ease-out;\n  overflow: hidden;\n}";
+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}";
            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-a801a3a8], .x-collapse-height
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/collapse-height.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-c86c6100";
+  const __vue_scope_id__ = "data-v-779213bb";
   /* 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-c86c6100], .x-collapse-width--leave-active[data-v-c86c6100] {\n  transition: width 0.3s ease-out;\n  overflow: hidden;\n}";
+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}";
            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-c86c6100], .x-collapse-width--
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/collapse-width.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-250c6169";
+  const __vue_scope_id__ = "data-v-36be91e4";
   /* 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-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}";
+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}";
            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-250c6169], .x-cross-fade--leave-ac
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/cross-fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-47f745a2";
+  const __vue_scope_id__ = "data-v-c916b1c6";
   /* 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-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}";
+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}";
            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-47f745a2] .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('/home/runner/work/x/x/packages/x-components/src/components/animations/fade-and-slide.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-253cdca6";
+  const __vue_scope_id__ = "data-v-5e4322a1";
   /* 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-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}";
+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}";
            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-253cdca6], .x-fade--leave-active[data-v-
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           injector('/home/runner/work/x/x/packages/x-components/src/components/animations/fade.vue?rollup-plugin-vue=styles.0.css',{source:css});
+           injector('/__w/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-54972a1a";
+  const __vue_scope_id__ = "data-v-6a081eff";
   /* 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-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}";
+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}";
            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-54972a1a] {\n  z-index: 0;\n}\n.x-
            const useBrowserInjector =
              (typeof STRIP_SSR_INJECTOR !== 'undefined' && STRIP_SSR_INJECTOR) || isBrowser;
            const injector = useBrowserInjector ? createInjector({}) : createInjectorSSR({});
-           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});
+           injector('/__w/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-2fdd74eb";
+  const __vue_scope_id__ = "data-v-60ead390";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */