@empathyco/x-components 3.0.0-alpha.203 → 3.0.0-alpha.205

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 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.205](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.204...@empathyco/x-components@3.0.0-alpha.205) (2022-10-31)
+
+### Features
+
+- add position on Banner and Promoted models (#800)
+  ([e7393fb](https://github.com/empathyco/x/commit/e7393fbce8d0767d3c762aa714fe94e162203a12)),
+  closes [EX-7293](https://searchbroker.atlassian.net/browse/EX-7293)
+
+# 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.204](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.203...@empathyco/x-components@3.0.0-alpha.204) (2022-10-27)
+
+**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.203](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.202...@empathyco/x-components@3.0.0-alpha.203) (2022-10-26)
 
 ### Features

package/design-system/full-theme.css

@@ -1062,6 +1062,26 @@
 .x-filter--justified .x-filter > *:last-child:not(.x-filter__label) {
   margin-left: auto;
 }
+.x-grid {
+  margin: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(var(--x-size-min-width-grid-item), auto));
+  grid-auto-flow: dense;
+  align-items: stretch;
+  list-style: none;
+  padding: var(--x-size-padding-grid);
+  gap: var(--x-size-gap-grid);
+}
+.x-grid__item {
+  display: flex;
+  flex-flow: column nowrap;
+}
+.x-grid__item > * {
+  flex-grow: 1;
+}
+.x-grid--cols-auto .x-grid__item {
+  min-width: var(--x-size-min-width-grid-item);
+}
 :root {
   --x-size-padding-grid: 0;
   --x-size-gap-grid: var(--x-size-base-03);
@@ -1087,26 +1107,6 @@
   stroke: none;
   fill: var(--x-color-stroke-icon-default);
 }
-.x-grid {
-  margin: 0;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(var(--x-size-min-width-grid-item), auto));
-  grid-auto-flow: dense;
-  align-items: stretch;
-  list-style: none;
-  padding: var(--x-size-padding-grid);
-  gap: var(--x-size-gap-grid);
-}
-.x-grid__item {
-  display: flex;
-  flex-flow: column nowrap;
-}
-.x-grid__item > * {
-  flex-grow: 1;
-}
-.x-grid--cols-auto .x-grid__item {
-  min-width: var(--x-size-min-width-grid-item);
-}
 :root {
   --x-color-stroke-icon-default: currentColor;
   --x-color-fill-icon-default: none;

package/docs/API-reference/api/x-adapter-platform.platformbanner.md

@@ -18,6 +18,7 @@ export interface PlatformBanner
 |  --- | --- | --- |
 |  [id](./x-adapter-platform.platformbanner.id.md) | string |  |
 |  [image\_url](./x-adapter-platform.platformbanner.image_url.md) | string |  |
+|  [position](./x-adapter-platform.platformbanner.position.md) | number |  |
 |  [tagging?](./x-adapter-platform.platformbanner.tagging.md) | { query: string; } | <i>(Optional)</i> |
 |  [title](./x-adapter-platform.platformbanner.title.md) | string |  |
 |  [url](./x-adapter-platform.platformbanner.url.md) | string |  |

package/docs/API-reference/api/x-adapter-platform.platformbanner.position.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformBanner](./x-adapter-platform.platformbanner.md) &gt; [position](./x-adapter-platform.platformbanner.position.md)
+
+## PlatformBanner.position property
+
+<b>Signature:</b>
+
+```typescript
+position: number;
+```

package/docs/API-reference/api/x-adapter-platform.platformpromoted.md

@@ -18,6 +18,7 @@ export interface PlatformPromoted
 |  --- | --- | --- |
 |  [id](./x-adapter-platform.platformpromoted.id.md) | string |  |
 |  [image\_url](./x-adapter-platform.platformpromoted.image_url.md) | string |  |
+|  [position](./x-adapter-platform.platformpromoted.position.md) | number |  |
 |  [tagging?](./x-adapter-platform.platformpromoted.tagging.md) | { query: string; } | <i>(Optional)</i> |
 |  [title](./x-adapter-platform.platformpromoted.title.md) | string |  |
 |  [url](./x-adapter-platform.platformpromoted.url.md) | string |  |

package/docs/API-reference/api/x-adapter-platform.platformpromoted.position.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-adapter-platform](./x-adapter-platform.md) &gt; [PlatformPromoted](./x-adapter-platform.platformpromoted.md) &gt; [position](./x-adapter-platform.platformpromoted.position.md)
+
+## PlatformPromoted.position property
+
+<b>Signature:</b>
+
+```typescript
+position: number;
+```

package/docs/API-reference/api/x-types.banner.md

@@ -18,6 +18,7 @@ export interface Banner extends NamedModel<'Banner'>, Identifiable, Taggable
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [image](./x-types.banner.image.md) | string | Banner image. |
+|  [position](./x-types.banner.position.md) | number | Banner position (= row) inside the grid. |
 |  [title](./x-types.banner.title.md) | string | Banner title. |
 |  [url](./x-types.banner.url.md) | string | URL to redirect. |
 

package/docs/API-reference/api/x-types.banner.position.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [Banner](./x-types.banner.md) &gt; [position](./x-types.banner.position.md)
+
+## Banner.position property
+
+Banner position (= row) inside the grid.
+
+<b>Signature:</b>
+
+```typescript
+position: number;
+```

package/docs/API-reference/api/x-types.promoted.md

@@ -18,6 +18,7 @@ export interface Promoted extends NamedModel<'Promoted'>, Identifiable, Taggable
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [image](./x-types.promoted.image.md) | string | Promoted image. |
+|  [position](./x-types.promoted.position.md) | number | Promoted position inside the grid. |
 |  [title](./x-types.promoted.title.md) | string | Promoted title. |
 |  [url](./x-types.promoted.url.md) | string | URL to redirect. |
 

package/docs/API-reference/api/x-types.promoted.position.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-types](./x-types.md) &gt; [Promoted](./x-types.promoted.md) &gt; [position](./x-types.promoted.position.md)
+
+## Promoted.position property
+
+Promoted position inside the grid.
+
+<b>Signature:</b>
+
+```typescript
+position: number;
+```

package/docs/API-reference/components/search/x-components.banner.md

@@ -46,7 +46,8 @@ export default {
         id: "banner-example",
         url: "https://my-website.com/summer-shirts",
         image: "https://my-website.com/images/summer-shirts.jpg",
-        title: "Trendy summer shirts"
+        title: "Trendy summer shirts",
+        position: 1
       }
     };
   }

package/docs/API-reference/components/search/x-components.promoted.md

@@ -46,7 +46,8 @@ export default {
         id: "promoted-example",
         url: "https://my-website.com/summer-shirts",
         image: "https://my-website.com/images/summer-shirts.jpg",
-        title: "Trendy summer shirts"
+        title: "Trendy summer shirts",
+        position: 1
       }
     };
   }

package/js/x-modules/search/components/banner.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.vue.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <a @click=\"emitClickEvent\" :href=\"banner.url\" class=\"x-banner\" data-test=\"banner\">\n    <img :src=\"banner.image\" class=\"x-banner__image\" :alt=\"banner.title\" />\n    <h2 class=\"x-banner__title\">{{ banner.title }}</h2>\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Banner as BannerModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { searchXModule } from '../x-module';\n  /**\n   * A banner result is just an item that has been inserted into the search results to advertise\n   * something. Usually it is the first item in the grid or it can be placed in the middle of them\n   * and fill the whole row where appears. It just contains a link to the banner content, an image\n   * and a title.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Banner extends Vue {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public banner!: BannerModel;\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    protected emitClickEvent(): void {\n      this.$x.emit('UserClickedABanner', this.banner);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-banner {\n    display: flex;\n    flex-flow: column nowrap;\n    text-decoration: none;\n\n    &__image {\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\nIn this example banned data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script>\n  import { Banner } from '@empathyco/x-components/search';\n  export default {\n    name: 'BannerDemo',\n    components: {\n      Banner\n    },\n    data() {\n      return {\n        banner: {\n          modelName: 'Banner',\n          id: 'banner-example',\n          url: 'https://my-website.com/summer-shirts',\n          image: 'https://my-website.com/images/summer-shirts.jpg',\n          title: 'Trendy summer shirts'\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"banner.vue.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <a @click=\"emitClickEvent\" :href=\"banner.url\" class=\"x-banner\" data-test=\"banner\">\n    <img :src=\"banner.image\" class=\"x-banner__image\" :alt=\"banner.title\" />\n    <h2 class=\"x-banner__title\">{{ banner.title }}</h2>\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Banner as BannerModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { searchXModule } from '../x-module';\n  /**\n   * A banner result is just an item that has been inserted into the search results to advertise\n   * something. Usually it is the first item in the grid or it can be placed in the middle of them\n   * and fill the whole row where appears. It just contains a link to the banner content, an image\n   * and a title.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Banner extends Vue {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public banner!: BannerModel;\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    protected emitClickEvent(): void {\n      this.$x.emit('UserClickedABanner', this.banner);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-banner {\n    display: flex;\n    flex-flow: column nowrap;\n    text-decoration: none;\n\n    &__image {\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\nIn this example banned data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script>\n  import { Banner } from '@empathyco/x-components/search';\n  export default {\n    name: 'BannerDemo',\n    components: {\n      Banner\n    },\n    data() {\n      return {\n        banner: {\n          modelName: 'Banner',\n          id: 'banner-example',\n          url: 'https://my-website.com/summer-shirts',\n          image: 'https://my-website.com/images/summer-shirts.jpg',\n          title: 'Trendy summer shirts',\n          position: 1\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/search/components/promoted.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"promoted.vue.js","sources":["../../../../../src/x-modules/search/components/promoted.vue"],"sourcesContent":["<template>\n  <a @click=\"emitClickEvent\" :href=\"promoted.url\" class=\"x-promoted\" data-test=\"promoted\">\n    <img :src=\"promoted.image\" class=\"x-promoted__image\" :alt=\"promoted.title\" />\n    <h2 class=\"x-promoted__title\">{{ promoted.title }}</h2>\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Promoted as PromotedModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * A promoted result is just an item that has been inserted into the search results to advertise\n   * something. Usually it is one of the first items in the grid, and has the same shape as a\n   * result. It just contains a link to the promoted content, an image, and a title.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Promoted extends Vue {\n    /**\n     * The promoted data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public promoted!: PromotedModel;\n\n    /**\n     * Emits the promoted click event.\n     *\n     * @internal\n     */\n    protected emitClickEvent(): void {\n      this.$x.emit('UserClickedAPromoted', this.promoted);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-promoted {\n    display: flex;\n    flex-flow: column nowrap;\n    text-decoration: none;\n\n    &__image {\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\nIn this example promoted data is passed as a prop.\n\n_Here you can see how the `Promoted` component is rendered._\n\n```vue\n<template>\n  <Promoted :promoted=\"promoted\" />\n</template>\n\n<script>\n  import { Promoted } from '@empathyco/x-components/search';\n\n  export default {\n    name: 'PromotedDemo',\n    components: {\n      Promoted\n    },\n    data() {\n      return {\n        promoted: {\n          modelName: 'Promoted',\n          id: 'promoted-example',\n          url: 'https://my-website.com/summer-shirts',\n          image: 'https://my-website.com/images/summer-shirts.jpg',\n          title: 'Trendy summer shirts'\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"promoted.vue.js","sources":["../../../../../src/x-modules/search/components/promoted.vue"],"sourcesContent":["<template>\n  <a @click=\"emitClickEvent\" :href=\"promoted.url\" class=\"x-promoted\" data-test=\"promoted\">\n    <img :src=\"promoted.image\" class=\"x-promoted__image\" :alt=\"promoted.title\" />\n    <h2 class=\"x-promoted__title\">{{ promoted.title }}</h2>\n  </a>\n</template>\n\n<script lang=\"ts\">\n  import { Promoted as PromotedModel } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * A promoted result is just an item that has been inserted into the search results to advertise\n   * something. Usually it is one of the first items in the grid, and has the same shape as a\n   * result. It just contains a link to the promoted content, an image, and a title.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Promoted extends Vue {\n    /**\n     * The promoted data.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    public promoted!: PromotedModel;\n\n    /**\n     * Emits the promoted click event.\n     *\n     * @internal\n     */\n    protected emitClickEvent(): void {\n      this.$x.emit('UserClickedAPromoted', this.promoted);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .x-promoted {\n    display: flex;\n    flex-flow: column nowrap;\n    text-decoration: none;\n\n    &__image {\n      width: 100%;\n      object-fit: contain;\n    }\n  }\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\nIn this example promoted data is passed as a prop.\n\n_Here you can see how the `Promoted` component is rendered._\n\n```vue\n<template>\n  <Promoted :promoted=\"promoted\" />\n</template>\n\n<script>\n  import { Promoted } from '@empathyco/x-components/search';\n\n  export default {\n    name: 'PromotedDemo',\n    components: {\n      Promoted\n    },\n    data() {\n      return {\n        promoted: {\n          modelName: 'Promoted',\n          id: 'promoted-example',\n          url: 'https://my-website.com/summer-shirts',\n          image: 'https://my-website.com/images/summer-shirts.jpg',\n          title: 'Trendy summer shirts',\n          position: 1\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.203",
+  "version": "3.0.0-alpha.205",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -67,7 +67,7 @@
     "@empathyco/x-deep-merge": "^1.3.0-alpha.24",
     "@empathyco/x-logger": "^1.2.0-alpha.4",
     "@empathyco/x-storage-service": "^2.0.0-alpha.4",
-    "@empathyco/x-types": "^10.0.0-alpha.39",
+    "@empathyco/x-types": "^10.0.0-alpha.40",
     "@empathyco/x-utils": "^1.0.0-alpha.10",
     "@types/resize-observer-browser": "~0.1.5",
     "@vue/devtools-api": "~6.2.1",
@@ -85,8 +85,8 @@
   "devDependencies": {
     "@cypress/vue": "~2.2.4",
     "@cypress/webpack-dev-server": "~1.8.4",
-    "@empathyco/x-adapter-platform": "^1.0.0-alpha.39",
-    "@empathyco/x-tailwindcss": "^0.2.0-alpha.22",
+    "@empathyco/x-adapter-platform": "^1.0.0-alpha.40",
+    "@empathyco/x-tailwindcss": "^0.2.0-alpha.23",
     "@microsoft/api-documenter": "~7.15.3",
     "@microsoft/api-extractor": "~7.19.4",
     "@rollup/plugin-commonjs": "~21.0.1",
@@ -136,5 +136,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "f636534fb9ed13d71e27a416dc6724ce7a85e894"
+  "gitHead": "d87a97b291ad2b8ec0d61045e09a183f2f503de9"
 }

package/report/x-adapter-platform.api.json

@@ -1765,6 +1765,32 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-adapter-platform!PlatformBanner#position:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "position: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "position",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-adapter-platform!PlatformBanner#tagging:member",
@@ -2711,6 +2737,32 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-adapter-platform!PlatformPromoted#position:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "position: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "position",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-adapter-platform!PlatformPromoted#tagging:member",

package/report/x-types.api.json

@@ -239,6 +239,32 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-types!Banner#position:member",
+              "docComment": "/**\n * Banner position (= row) inside the grid.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "position: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "position",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-types!Banner#title:member",
@@ -3517,6 +3543,32 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-types!Promoted#position:member",
+              "docComment": "/**\n * Promoted position inside the grid.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "position: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "position",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-types!Promoted#title:member",