@empathyco/x-components 3.0.0-alpha.324 → 3.0.0-alpha.326

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/design-system/full-theme.css +80 -80
  3. package/docs/build-search-ui/web-archetype-integration-guide.md +1 -0
  4. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,27 @@
3
3
  All notable changes to this project will be documented in this file. See
4
4
  [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.0-alpha.326](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.325...@empathyco/x-components@3.0.0-alpha.326) (2023-03-06)
7
+
8
+ ### Documentation
9
+
10
+ - **integration:** add close api function (#1096)
11
+ ([2602e90](https://github.com/empathyco/x/commit/2602e90cf05eea95707d15ea0dac2a319fee6604))
12
+
13
+ # Change Log
14
+
15
+ All notable changes to this project will be documented in this file. See
16
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
17
+
18
+ ## [3.0.0-alpha.325](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.324...@empathyco/x-components@3.0.0-alpha.325) (2023-03-02)
19
+
20
+ **Note:** Version bump only for package @empathyco/x-components
21
+
22
+ # Change Log
23
+
24
+ All notable changes to this project will be documented in this file. See
25
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
26
+
6
27
  ## [3.0.0-alpha.324](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.323...@empathyco/x-components@3.0.0-alpha.324) (2023-03-02)
7
28
 
8
29
  ### Features
package/design-system/full-theme.css CHANGED
@@ -2061,6 +2061,86 @@
2061
2061
  --x-number-font-weight-base-regular
2062
2062
  );
2063
2063
  }
2064
+ :root {
2065
+ --x-color-background-option-list-button-default: transparent;
2066
+ --x-color-border-option-list-button-default: transparent;
2067
+ --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
2068
+ --x-color-background-option-list-button-default-hover: var(
2069
+ --x-color-background-option-list-button-default
2070
+ );
2071
+ --x-color-border-option-list-button-default-hover: var(
2072
+ --x-color-border-option-list-button-default
2073
+ );
2074
+ --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
2075
+ --x-color-background-option-list-button-default-selected: var(
2076
+ --x-color-background-option-list-button-default
2077
+ );
2078
+ --x-color-border-option-list-button-default-selected: var(
2079
+ --x-color-border-option-list-button-default
2080
+ );
2081
+ --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
2082
+ --x-color-background-option-list-button-default-selected-hover: var(
2083
+ --x-color-background-option-list-button-default-selected
2084
+ );
2085
+ --x-color-border-option-list-button-default-selected-hover: var(
2086
+ --x-color-border-option-list-button-default-selected
2087
+ );
2088
+ --x-color-text-option-list-button-default-selected-hover: var(
2089
+ --x-color-text-option-list-button-default-selected
2090
+ );
2091
+ --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
2092
+ --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
2093
+ --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
2094
+ --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
2095
+ --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
2096
+ --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
2097
+ --x-color-border-top-option-list-item-default-selected: var(
2098
+ --x-color-border-option-list-item-default-selected
2099
+ );
2100
+ --x-color-border-right-option-list-item-default-selected: var(
2101
+ --x-color-border-option-list-item-default-selected
2102
+ );
2103
+ --x-color-border-bottom-option-list-item-default-selected: var(
2104
+ --x-color-border-option-list-item-default-selected
2105
+ );
2106
+ --x-color-border-left-option-list-item-default-selected: var(
2107
+ --x-color-border-option-list-item-default-selected
2108
+ );
2109
+ --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
2110
+ --x-size-border-width-top-option-list-item-default: 0;
2111
+ --x-size-border-width-right-option-list-item-default: var(
2112
+ --x-size-border-width-option-list-item-default
2113
+ );
2114
+ --x-size-border-width-bottom-option-list-item-default: 0;
2115
+ --x-size-border-width-left-option-list-item-default: 0;
2116
+ --x-size-border-width-top-option-list-item-default-selected: var(
2117
+ --x-size-border-width-top-option-list-item-default
2118
+ );
2119
+ --x-size-border-width-right-option-list-item-default-selected: var(
2120
+ --x-size-border-width-right-option-list-item-default
2121
+ );
2122
+ --x-size-border-width-bottom-option-list-item-default-selected: var(
2123
+ --x-size-border-width-bottom-option-list-item-default
2124
+ );
2125
+ --x-size-border-width-left-option-list-item-default-selected: var(
2126
+ --x-size-border-width-left-option-list-item-default
2127
+ );
2128
+ --x-size-padding-option-list-button-default: var(--x-size-base-02);
2129
+ --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
2130
+ --x-size-padding-right-option-list-button-default: var(
2131
+ --x-size-padding-option-list-button-default
2132
+ );
2133
+ --x-size-padding-bottom-option-list-button-default: var(
2134
+ --x-size-padding-option-list-button-default
2135
+ );
2136
+ --x-size-padding-left-option-list-button-default: var(
2137
+ --x-size-padding-option-list-button-default
2138
+ );
2139
+ --x-font-decoration-option-list-button-default-hover: underline;
2140
+ --x-size-font-option-list-button-default: var(--x-size-font-text);
2141
+ --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
2142
+ --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
2143
+ }
2064
2144
  .x-option-list {
2065
2145
  display: inline-flex;
2066
2146
  flex-flow: row nowrap;
@@ -2172,86 +2252,6 @@
2172
2252
  -webkit-text-decoration: var(--x-font-decoration-option-list-button-default-hover);
2173
2253
  text-decoration: var(--x-font-decoration-option-list-button-default-hover);
2174
2254
  }
2175
- :root {
2176
- --x-color-background-option-list-button-default: transparent;
2177
- --x-color-border-option-list-button-default: transparent;
2178
- --x-color-text-option-list-button-default: var(--x-color-base-neutral-35);
2179
- --x-color-background-option-list-button-default-hover: var(
2180
- --x-color-background-option-list-button-default
2181
- );
2182
- --x-color-border-option-list-button-default-hover: var(
2183
- --x-color-border-option-list-button-default
2184
- );
2185
- --x-color-text-option-list-button-default-hover: var(--x-color-text-option-list-button-default);
2186
- --x-color-background-option-list-button-default-selected: var(
2187
- --x-color-background-option-list-button-default
2188
- );
2189
- --x-color-border-option-list-button-default-selected: var(
2190
- --x-color-border-option-list-button-default
2191
- );
2192
- --x-color-text-option-list-button-default-selected: var(--x-color-text-default);
2193
- --x-color-background-option-list-button-default-selected-hover: var(
2194
- --x-color-background-option-list-button-default-selected
2195
- );
2196
- --x-color-border-option-list-button-default-selected-hover: var(
2197
- --x-color-border-option-list-button-default-selected
2198
- );
2199
- --x-color-text-option-list-button-default-selected-hover: var(
2200
- --x-color-text-option-list-button-default-selected
2201
- );
2202
- --x-color-border-option-list-item-default: var(--x-color-base-neutral-70);
2203
- --x-color-border-top-option-list-item-default: var(--x-color-border-option-list-item-default);
2204
- --x-color-border-right-option-list-item-default: var(--x-color-border-option-list-item-default);
2205
- --x-color-border-bottom-option-list-item-default: var(--x-color-border-option-list-item-default);
2206
- --x-color-border-left-option-list-item-default: var(--x-color-border-option-list-item-default);
2207
- --x-color-border-option-list-item-default-selected: var(--x-color-base-neutral-70);
2208
- --x-color-border-top-option-list-item-default-selected: var(
2209
- --x-color-border-option-list-item-default-selected
2210
- );
2211
- --x-color-border-right-option-list-item-default-selected: var(
2212
- --x-color-border-option-list-item-default-selected
2213
- );
2214
- --x-color-border-bottom-option-list-item-default-selected: var(
2215
- --x-color-border-option-list-item-default-selected
2216
- );
2217
- --x-color-border-left-option-list-item-default-selected: var(
2218
- --x-color-border-option-list-item-default-selected
2219
- );
2220
- --x-size-border-width-option-list-item-default: var(--x-size-border-width-base);
2221
- --x-size-border-width-top-option-list-item-default: 0;
2222
- --x-size-border-width-right-option-list-item-default: var(
2223
- --x-size-border-width-option-list-item-default
2224
- );
2225
- --x-size-border-width-bottom-option-list-item-default: 0;
2226
- --x-size-border-width-left-option-list-item-default: 0;
2227
- --x-size-border-width-top-option-list-item-default-selected: var(
2228
- --x-size-border-width-top-option-list-item-default
2229
- );
2230
- --x-size-border-width-right-option-list-item-default-selected: var(
2231
- --x-size-border-width-right-option-list-item-default
2232
- );
2233
- --x-size-border-width-bottom-option-list-item-default-selected: var(
2234
- --x-size-border-width-bottom-option-list-item-default
2235
- );
2236
- --x-size-border-width-left-option-list-item-default-selected: var(
2237
- --x-size-border-width-left-option-list-item-default
2238
- );
2239
- --x-size-padding-option-list-button-default: var(--x-size-base-02);
2240
- --x-size-padding-top-option-list-button-default: var(--x-size-padding-option-list-button-default);
2241
- --x-size-padding-right-option-list-button-default: var(
2242
- --x-size-padding-option-list-button-default
2243
- );
2244
- --x-size-padding-bottom-option-list-button-default: var(
2245
- --x-size-padding-option-list-button-default
2246
- );
2247
- --x-size-padding-left-option-list-button-default: var(
2248
- --x-size-padding-option-list-button-default
2249
- );
2250
- --x-font-decoration-option-list-button-default-hover: underline;
2251
- --x-size-font-option-list-button-default: var(--x-size-font-text);
2252
- --x-number-font-weight-option-list-button-default: var(--x-number-font-weight-base-regular);
2253
- --x-number-font-weight-option-list-button-default-selected: var(--x-number-font-weight-base-bold);
2254
- }
2255
2255
  .x-progress-bar {
2256
2256
  display: inline-block;
2257
2257
  overflow: hidden;
package/docs/build-search-ui/web-archetype-integration-guide.md CHANGED
@@ -305,6 +305,7 @@ functions to integrate Interface X in your website. You can access these fu
305
305
  | ------------------ | ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
306
306
  | `init` | [snippet configuration params](#snippet-configuration) - _Required_. Initialization options | [Initializes Interface X on demand](#initializing-interface-x-project-on-demand). |
307
307
  | `search` | `query` - _Optional_. Query to open Interface X | Executes Interface X and triggers a search with the given query. |
308
+ | `close` | none | Closes Interface X search layer. |
308
309
  | `setSnippetConfig` | [snippet configuration params](#snippet-configuration) - _Required_. Initialization options | Changes initialization options so that all components react to the changes, i.e. changing both search engine and language without reloading the page. |
309
310
  | `addProductToCart` | `productId` - _Optional._ Id of the product added to cart | Sends tracking of the `AddToCart` event to the [Empathy Tagging microservice](https://docs.empathy.co/develop-empathy-platform/capture-interaction-signals/tagging-api-guide.html) for the product displayed on screen. This function is called from the product detail page (PDP) when the shopper clicks on the add-to-cart button. If the `productId` is not provided, the URL detects whether the shopper found the product via a search session or not. |
310
311
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "3.0.0-alpha.324",
3
+ "version": "3.0.0-alpha.326",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -91,7 +91,7 @@
91
91
  "@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
92
92
  "@cypress/vue": "~2.2.4",
93
93
  "@empathyco/x-adapter-platform": "^1.0.0-alpha.64",
94
- "@empathyco/x-tailwindcss": "^1.0.0-alpha.11",
94
+ "@empathyco/x-tailwindcss": "^1.0.0-alpha.12",
95
95
  "@microsoft/api-documenter": "~7.21.3",
96
96
  "@microsoft/api-extractor": "~7.33.7",
97
97
  "@rollup/plugin-commonjs": "~24.0.0",
@@ -141,5 +141,5 @@
141
141
  "access": "public",
142
142
  "directory": "dist"
143
143
  },
144
- "gitHead": "93cf495bdf6d39881371b88df3b0b31d0c731f10"
144
+ "gitHead": "78730dd83ae48fdc6af04dc439f1f7f009a59d29"
145
145
  }