@empathyco/x-components 3.0.0-alpha.327 → 3.0.0-alpha.329

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 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.329](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.328...@empathyco/x-components@3.0.0-alpha.329) (2023-03-09)
+
+**Note:** Version bump only for package @empathyco/x-components
+
+# 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.328](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.327...@empathyco/x-components@3.0.0-alpha.328) (2023-03-07)
+
+### Bug Fixes
+
+- **edocs-live-examples:** Live example was not rendered
+  ([5aa2653](https://github.com/empathyco/x/commit/5aa2653054686a3a6b8ada0478f171518d7733c2))
+
+# 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.327](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.326...@empathyco/x-components@3.0.0-alpha.327) (2023-03-07)
 
 ### Bug Fixes

package/design-system/full-theme.css

@@ -1910,6 +1910,27 @@
 .x-message > p {
   margin: 0;
 }
+:root {
+  --x-string-justify-message-default: center;
+  --x-size-gap-message-default: var(--x-size-base-03);
+  --x-size-padding-message-default: var(--x-size-base-06);
+  --x-color-background-message-default: var(--x-color-base-neutral-95);
+  --x-color-border-message-default: var(--x-color-background-message-default);
+  --x-color-text-message-default: var(--x-color-text-default);
+  --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
+  --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
+  --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
+  --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
+  --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
+  --x-size-border-width-message-default: var(--x-size-border-width-base);
+  --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
+  --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
+  --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
+  --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
+  --x-font-family-message-default: var(--x-font-family-title3);
+  --x-size-font-message-default: var(--x-size-font-title3);
+  --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
+}
 .x-option-list--bottom.x-option-list,
 .x-option-list--bottom .x-option-list {
   --x-color-text-option-list-button-default: var(--x-color-text-option-list-button-bottom);
@@ -5968,25 +5989,3 @@
 .x-sticky {
   position: sticky !important;
 }
-
-:root {
-  --x-string-justify-message-default: center;
-  --x-size-gap-message-default: var(--x-size-base-03);
-  --x-size-padding-message-default: var(--x-size-base-06);
-  --x-color-background-message-default: var(--x-color-base-neutral-95);
-  --x-color-border-message-default: var(--x-color-background-message-default);
-  --x-color-text-message-default: var(--x-color-text-default);
-  --x-size-border-radius-message-default: var(--x-size-border-radius-base-m);
-  --x-size-border-radius-top-left-message-default: var(--x-size-border-radius-message-default);
-  --x-size-border-radius-top-right-message-default: var(--x-size-border-radius-message-default);
-  --x-size-border-radius-bottom-right-message-default: var(--x-size-border-radius-message-default);
-  --x-size-border-radius-bottom-left-message-default: var(--x-size-border-radius-message-default);
-  --x-size-border-width-message-default: var(--x-size-border-width-base);
-  --x-size-border-width-top-message-default: var(--x-size-border-width-message-default);
-  --x-size-border-width-right-message-default: var(--x-size-border-width-message-default);
-  --x-size-border-width-bottom-message-default: var(--x-size-border-width-message-default);
-  --x-size-border-width-left-message-default: var(--x-size-border-width-message-default);
-  --x-font-family-message-default: var(--x-font-family-title3);
-  --x-size-font-message-default: var(--x-size-font-title3);
-  --x-number-font-weight-message-default: var(--x-number-font-weight-title3);
-}

package/docs/API-reference/components/common/animations/x-components.fade.md

@@ -38,7 +38,7 @@ Wrapping a component:
 import { Fade } from "@empathyco/x-components";
 export default {
   name: "FadeAnimationDemo",
-  component: {
+  components: {
     Fade
   },
   data() {

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-78b428ba";
+  const __vue_scope_id__ = "data-v-5e4322a1";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */

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

@@ -1 +1 @@
-{"version":3,"file":"fade.vue.js","sources":["../../../../src/components/animations/fade.vue"],"sourcesContent":["<template>\n  <transition v-on=\"$listeners\" name=\"x-fade-\" v-bind=\"$attrs\" :appear=\"appear\">\n    <!-- @slot (Required) to add content to the transition -->\n    <slot />\n  </transition>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n\n  /**\n   * Renders a transition wrapping the element passed in the default slot. The animation just fades\n   * in/out the element by changing its opacity.\n   *\n   * @public\n   */\n  @Component({\n    inheritAttrs: false\n  })\n  export default class Fade extends Vue {\n    /**\n     * Indicates if the transition must be applied on the initial render of the node.\n     */\n    @Prop({\n      type: Boolean,\n      default: true\n    })\n    public appear!: boolean;\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-fade {\n    &--enter-active,\n    &--leave-active {\n      transition: opacity 0.25s ease-in-out;\n    }\n\n    &--leave-to,\n    &--enter {\n      opacity: 0;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Example\n\nThe `Fade` component is intended to be used as animation to wrap an element with v-if or v-show and\nanimate it. The animation just fades in/out the element by changing its opacity.\n\nWrapping a component:\n\n```vue live\n<template>\n  <div>\n    <button @click=\"shouldRender = !shouldRender\">Toggle</button>\n    <Fade>\n      <p v-if=\"shouldRender\">León is southern Spain</p>\n    </Fade>\n  </div>\n</template>\n<script>\n  import { Fade } from '@empathyco/x-components';\n  export default {\n    name: 'FadeAnimationDemo',\n    component: {\n      Fade\n    },\n    data() {\n      return {\n        shouldRender: false\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fade.vue.js","sources":["../../../../src/components/animations/fade.vue"],"sourcesContent":["<template>\n  <transition v-on=\"$listeners\" name=\"x-fade-\" v-bind=\"$attrs\" :appear=\"appear\">\n    <!-- @slot (Required) to add content to the transition -->\n    <slot />\n  </transition>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n\n  /**\n   * Renders a transition wrapping the element passed in the default slot. The animation just fades\n   * in/out the element by changing its opacity.\n   *\n   * @public\n   */\n  @Component({\n    inheritAttrs: false\n  })\n  export default class Fade extends Vue {\n    /**\n     * Indicates if the transition must be applied on the initial render of the node.\n     */\n    @Prop({\n      type: Boolean,\n      default: true\n    })\n    public appear!: boolean;\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .x-fade {\n    &--enter-active,\n    &--leave-active {\n      transition: opacity 0.25s ease-in-out;\n    }\n\n    &--leave-to,\n    &--enter {\n      opacity: 0;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Example\n\nThe `Fade` component is intended to be used as animation to wrap an element with v-if or v-show and\nanimate it. The animation just fades in/out the element by changing its opacity.\n\nWrapping a component:\n\n```vue live\n<template>\n  <div>\n    <button @click=\"shouldRender = !shouldRender\">Toggle</button>\n    <Fade>\n      <p v-if=\"shouldRender\">León is southern Spain</p>\n    </Fade>\n  </div>\n</template>\n<script>\n  import { Fade } from '@empathyco/x-components';\n  export default {\n    name: 'FadeAnimationDemo',\n    components: {\n      Fade\n    },\n    data() {\n      return {\n        shouldRender: false\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA,MAAc,cAAA,GAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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-78b428ba], .x-fade--leave-active[data-v-78b428ba] {\n  transition: opacity 0.25s ease-in-out;\n}\n.x-fade--leave-to[data-v-78b428ba], .x-fade--enter[data-v-78b428ba] {\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) !==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.327",
+  "version": "3.0.0-alpha.329",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -89,7 +89,7 @@
     "@badeball/cypress-cucumber-preprocessor": "~15.0.0",
     "@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
     "@cypress/vue": "~2.2.4",
-    "@empathyco/x-adapter-platform": "^1.0.0-alpha.65",
+    "@empathyco/x-adapter-platform": "^1.0.0-alpha.66",
     "@empathyco/x-tailwindcss": "^1.0.0-alpha.13",
     "@microsoft/api-documenter": "~7.21.3",
     "@microsoft/api-extractor": "~7.33.7",
@@ -140,5 +140,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "17d561179b659fa82195f26392d2a0238d322f29"
+  "gitHead": "7b57f13f4e72b7625a866571e175859c647ff3c8"
 }