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

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.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
+
+- **design-system:** add zoom effect (#799)
+  ([e7af33a](https://github.com/empathyco/x/commit/e7af33a7d2186e4fc6191961ee8b12a35198fc59)),
+  closes [EX-6315](https://searchbroker.atlassian.net/browse/EX-6315)
+
+# 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.202](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.201...@empathyco/x-components@3.0.0-alpha.202) (2022-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
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 ## [3.0.0-alpha.201](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.200...@empathyco/x-components@3.0.0-alpha.201) (2022-10-21)
 
 ### ⚠ BREAKING CHANGES

package/design-system/full-theme.css

@@ -114,6 +114,13 @@
     --x-size-border-radius-bottom-left-button-card
   );
 }
+: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);
+  --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
+  --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);
+}
 [dir="ltr"] .x-button {
   padding-right: var(--x-size-padding-right-button-default);
 }
@@ -1055,26 +1062,6 @@
 .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);
@@ -1100,6 +1087,26 @@
   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;
@@ -3076,6 +3083,16 @@
 :root {
   --x-number-aspect-ratio-picture: 1;
 }
+.x-picture--zoom .x-picture__image {
+  transition: transform var(--x-number-zoom-duration-picture) ease-out;
+}
+.x-picture--zoom .x-picture__image:hover {
+  transform: scale(var(--x-number-zoom-scale-picture));
+}
+:root {
+  --x-number-zoom-scale-picture: 1.1;
+  --x-number-zoom-duration-picture: 0.3s;
+}
 .x-progress-bar {
   display: inline-block;
   overflow: hidden;
@@ -7485,11 +7502,3 @@
 .x-normal-case {
   text-transform: none;
 }
-
-: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);
-  --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
-  --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);
-}

package/design-system/picture-zoom.css

@@ -0,0 +1,11 @@
+:root {
+  --x-number-zoom-scale-picture: 1.1;
+  --x-number-zoom-duration-picture: 0.3s;
+}
+
+.x-picture--zoom .x-picture__image {
+  transition: transform var(--x-number-zoom-duration-picture) ease-out;
+}
+.x-picture--zoom .x-picture__image:hover {
+  transform: scale(var(--x-number-zoom-scale-picture));
+}

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

@@ -9,14 +9,14 @@ Returns the facet's config.
 <b>Signature:</b>
 
 ```typescript
-export declare function getFacetConfig(facet: string): FacetConfig;
+export declare function getFacetConfig(type: PlatformFacetType): FacetConfig;
 ```
 
 ## Parameters
 
 |  Parameter | Type | Description |
 |  --- | --- | --- |
-|  facet | string | The facet to resolve the configuration. |
+|  type | [PlatformFacetType](./x-adapter-platform.platformfacettype.md) | The facet type to resolve the configuration. |
 
 <b>Returns:</b>
 

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

@@ -9,7 +9,7 @@
 |  Function | Description |
 |  --- | --- |
 |  [extractUrlParameters(url)](./x-adapter-platform.extracturlparameters.md) | Returns the base url path and an object with the query parameters. |
-|  [getFacetConfig(facet)](./x-adapter-platform.getfacetconfig.md) | Returns the facet's config. |
+|  [getFacetConfig(type)](./x-adapter-platform.getfacetconfig.md) | Returns the facet's config. |
 |  [getTaggingInfoFromUrl(taggingUrl)](./x-adapter-platform.gettagginginfofromurl.md) | Extracts the tagging info from a URL. |
 
 ## Interfaces
@@ -17,7 +17,6 @@
 |  Interface | Description |
 |  --- | --- |
 |  [FacetConfig](./x-adapter-platform.facetconfig.md) | Facet configuration containing the model name and the schema. |
-|  [FacetsConfig](./x-adapter-platform.facetsconfig.md) | Dictionary grouping facets configurations. |
 |  [PlatformAdapter](./x-adapter-platform.platformadapter.md) |  |
 |  [PlatformBanner](./x-adapter-platform.platformbanner.md) | Banner model for the <code>platform</code> API. |
 |  [PlatformFacet](./x-adapter-platform.platformfacet.md) | Facet model for the <code>platform</code> API. |
@@ -52,7 +51,6 @@
 |  --- | --- |
 |  [bannerSchema](./x-adapter-platform.bannerschema.md) |  |
 |  [facetSchema](./x-adapter-platform.facetschema.md) |  |
-|  [facetsConfig](./x-adapter-platform.facetsconfig.md) |  |
 |  [hierarchicalFilterSchema](./x-adapter-platform.hierarchicalfilterschema.md) |  |
 |  [identifierResultsEndpointAdapter](./x-adapter-platform.identifierresultsendpointadapter.md) |  |
 |  [identifierResultsRequestMapper](./x-adapter-platform.identifierresultsrequestmapper.md) |  |
@@ -102,3 +100,9 @@
 |  [taggingEndpointAdapter](./x-adapter-platform.taggingendpointadapter.md) |  |
 |  [taggingRequestMapper](./x-adapter-platform.taggingrequestmapper.md) |  |
 
+## Type Aliases
+
+|  Type Alias | Description |
+|  --- | --- |
+|  [PlatformFacetType](./x-adapter-platform.platformfacettype.md) | Facet type for the <code>platform</code> API. It can be: value, hierarchical or range. |
+

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

@@ -17,5 +17,6 @@ export interface PlatformFacet
 |  Property | Type | Description |
 |  --- | --- | --- |
 |  [facet](./x-adapter-platform.platformfacet.facet.md) | string |  |
+|  [type](./x-adapter-platform.platformfacet.type.md) | [PlatformFacetType](./x-adapter-platform.platformfacettype.md) |  |
 |  [values](./x-adapter-platform.platformfacet.values.md) | [PlatformFilter](./x-adapter-platform.platformfilter.md)<!-- -->\[\] |  |
 

package/docs/API-reference/api/x-adapter-platform.platformfacet.type.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; [PlatformFacet](./x-adapter-platform.platformfacet.md) &gt; [type](./x-adapter-platform.platformfacet.type.md)
+
+## PlatformFacet.type property
+
+<b>Signature:</b>
+
+```typescript
+type: PlatformFacetType;
+```

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

@@ -0,0 +1,13 @@
+<!-- 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; [PlatformFacetType](./x-adapter-platform.platformfacettype.md)
+
+## PlatformFacetType type
+
+Facet type for the `platform` API. It can be: value, hierarchical or range.
+
+<b>Signature:</b>
+
+```typescript
+export declare type PlatformFacetType = 'value' | 'hierarchical' | 'range';
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "3.0.0-alpha.201",
+  "version": "3.0.0-alpha.203",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -85,7 +85,7 @@
   "devDependencies": {
     "@cypress/vue": "~2.2.4",
     "@cypress/webpack-dev-server": "~1.8.4",
-    "@empathyco/x-adapter-platform": "^1.0.0-alpha.38",
+    "@empathyco/x-adapter-platform": "^1.0.0-alpha.39",
     "@empathyco/x-tailwindcss": "^0.2.0-alpha.22",
     "@microsoft/api-documenter": "~7.15.3",
     "@microsoft/api-extractor": "~7.19.4",
@@ -136,5 +136,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "a10f63bb6ffc498d465ec3aaf17c24e76732869f"
+  "gitHead": "f636534fb9ed13d71e27a416dc6724ce7a85e894"
 }

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

@@ -432,104 +432,19 @@
             "endIndex": 16
           }
         },
-        {
-          "kind": "Interface",
-          "canonicalReference": "@empathyco/x-adapter-platform!FacetsConfig:interface",
-          "docComment": "/**\n * Dictionary grouping facets configurations.\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "export interface FacetsConfig "
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "FacetsConfig",
-          "members": [
-            {
-              "kind": "IndexSignature",
-              "canonicalReference": "@empathyco/x-adapter-platform!FacetsConfig:index(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "[key: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "Facet",
-                  "canonicalReference": "@empathyco/x-adapter-platform!Facet:interface"
-                },
-                {
-                  "kind": "Content",
-                  "text": "['id']"
-                },
-                {
-                  "kind": "Content",
-                  "text": "]: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "FacetConfig",
-                  "canonicalReference": "@empathyco/x-adapter-platform!FacetConfig:interface"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "returnTypeTokenRange": {
-                "startIndex": 4,
-                "endIndex": 5
-              },
-              "releaseTag": "Public",
-              "overloadIndex": 1,
-              "parameters": [
-                {
-                  "parameterName": "key",
-                  "parameterTypeTokenRange": {
-                    "startIndex": 1,
-                    "endIndex": 3
-                  }
-                }
-              ]
-            }
-          ],
-          "extendsTokenRanges": []
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@empathyco/x-adapter-platform!facetsConfig:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "facetsConfig: "
-            },
-            {
-              "kind": "Reference",
-              "text": "FacetsConfig",
-              "canonicalReference": "@empathyco/x-adapter-platform!FacetsConfig:interface"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "facetsConfig",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 2
-          }
-        },
         {
           "kind": "Function",
           "canonicalReference": "@empathyco/x-adapter-platform!getFacetConfig:function(1)",
-          "docComment": "/**\n * Returns the facet's config.\n *\n * @param facet - The facet to resolve the configuration.\n *\n * @returns The facet's config.\n */\n",
+          "docComment": "/**\n * Returns the facet's config.\n *\n * @param type - The facet type to resolve the configuration.\n *\n * @returns The facet's config.\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
-              "text": "export declare function getFacetConfig(facet: "
+              "text": "export declare function getFacetConfig(type: "
             },
             {
-              "kind": "Content",
-              "text": "string"
+              "kind": "Reference",
+              "text": "PlatformFacetType",
+              "canonicalReference": "@empathyco/x-adapter-platform!PlatformFacetType:type"
             },
             {
               "kind": "Content",
@@ -553,7 +468,7 @@
           "overloadIndex": 1,
           "parameters": [
             {
-              "parameterName": "facet",
+              "parameterName": "type",
               "parameterTypeTokenRange": {
                 "startIndex": 1,
                 "endIndex": 2
@@ -1970,6 +1885,33 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-adapter-platform!PlatformFacet#type:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "type: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "PlatformFacetType",
+                  "canonicalReference": "@empathyco/x-adapter-platform!PlatformFacetType:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "type",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-adapter-platform!PlatformFacet#values:member",
@@ -2004,6 +1946,31 @@
           ],
           "extendsTokenRanges": []
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@empathyco/x-adapter-platform!PlatformFacetType:type",
+          "docComment": "/**\n * Facet type for the `platform` API. It can be: value, hierarchical or range.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare type PlatformFacetType = "
+            },
+            {
+              "kind": "Content",
+              "text": "'value' | 'hierarchical' | 'range'"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "releaseTag": "Public",
+          "name": "PlatformFacetType",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@empathyco/x-adapter-platform!PlatformFilter:interface",

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

@@ -1,11 +0,0 @@
-<!-- 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; [facetsConfig](./x-adapter-platform.facetsconfig.md)
-
-## facetsConfig variable
-
-<b>Signature:</b>
-
-```typescript
-facetsConfig: FacetsConfig
-```