@empathyco/x-components 3.0.0-alpha.78 → 3.0.0-alpha.79

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 (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/design-system/default-theme.css +73 -73
  3. package/design-system/full-theme.css +21 -20
  4. package/package.json +10 -12
  5. package/report/tsdoc-metadata.json +1 -1
  6. package/report/x-adapter.api.json +1 -1
  7. package/report/x-components.api.json +618 -310
  8. package/report/x-types.api.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,19 @@
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.79](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.78...@empathyco/x-components@3.0.0-alpha.79) (2022-04-04)
7
+
8
+ ### Build System
9
+
10
+ - **deps:** Upgrade Cypress and Vue Cli plugins versions. (#399)
11
+ ([630d6b0](https://github.com/empathyco/x/commit/630d6b0d767a3484140ecd252e2be10817e0900d)),
12
+ closes [EX-5417](https://searchbroker.atlassian.net/browse/EX-5417)
13
+
14
+ # Change Log
15
+
16
+ All notable changes to this project will be documented in this file. See
17
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
18
+
6
19
  ## [3.0.0-alpha.78](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.77...@empathyco/x-components@3.0.0-alpha.78) (2022-04-04)
7
20
 
8
21
  **Note:** Version bump only for package @empathyco/x-components
package/design-system/default-theme.css CHANGED
@@ -238,79 +238,6 @@
238
238
  --x-string-overflow-dropdown-toggle-default: hidden;
239
239
  --x-string-overflow-dropdown-list-default: hidden;
240
240
  }
241
- :root {
242
- --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
243
- --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
244
- --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
245
- --x-size-border-radius-bottom-right-dropdown-default: var(
246
- --x-size-border-radius-dropdown-default
247
- );
248
- --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
249
- --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
250
- --x-size-border-width-top-dropdown-toggle-default: var(
251
- --x-size-border-width-dropdown-toggle-default
252
- );
253
- --x-size-border-width-right-dropdown-toggle-default: var(
254
- --x-size-border-width-dropdown-toggle-default
255
- );
256
- --x-size-border-width-bottom-dropdown-toggle-default: var(
257
- --x-size-border-width-dropdown-toggle-default
258
- );
259
- --x-size-border-width-left-dropdown-toggle-default: var(
260
- --x-size-border-width-dropdown-toggle-default
261
- );
262
- --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
263
- --x-size-border-width-top-dropdown-list-default: 0;
264
- --x-size-border-width-right-dropdown-list-default: var(
265
- --x-size-border-width-dropdown-list-default
266
- );
267
- --x-size-border-width-bottom-dropdown-list-default: var(
268
- --x-size-border-width-dropdown-list-default
269
- );
270
- --x-size-border-width-left-dropdown-list-default: var(
271
- --x-size-border-width-dropdown-list-default
272
- );
273
- --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
274
- --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
275
- --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
276
- --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
277
- --x-color-background-dropdown-toggle-open-default: var(
278
- --x-color-background-dropdown-toggle-default
279
- );
280
- --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
281
- --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
282
- --x-color-text-dropdown-default: var(--x-color-text-default);
283
- --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
284
- --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
285
- --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
286
- --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
287
- --x-font-family-dropdown-default: var(--x-font-family-text);
288
- --x-size-font-dropdown-default: var(--x-size-font-text);
289
- --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
290
- --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
291
- --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
292
- --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
293
- --x-font-decoration-dropdown-item-default-hover: none;
294
- --x-font-decoration-dropdown-item-default-selected: none;
295
- --x-size-width-dropdown-toggle-default: 100%;
296
- --x-size-min-width-dropdown-list-default: 100%;
297
- --x-size-gap-dropdown-default: 0;
298
- --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
299
- --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
300
- --x-size-padding-bottom-dropdown-toggle-default: var(
301
- --x-size-padding-bottom-dropdown-item-default
302
- );
303
- --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
304
- --x-size-padding-vertical-dropdown-list-default: 0;
305
- --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
306
- --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
307
- --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
308
- --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
309
- --x-size-gap-dropdown-item-default: var(--x-size-base-03);
310
- --x-string-box-shadow-dropdown-default: none;
311
- --x-string-overflow-dropdown-toggle-default: hidden;
312
- --x-string-overflow-dropdown-list-default: hidden;
313
- }
314
241
 
315
242
  .x-dropdown {
316
243
  box-sizing: border-box;
@@ -480,6 +407,79 @@
480
407
  [dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
481
408
  left: 0;
482
409
  }
410
+ :root {
411
+ --x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
412
+ --x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
413
+ --x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
414
+ --x-size-border-radius-bottom-right-dropdown-default: var(
415
+ --x-size-border-radius-dropdown-default
416
+ );
417
+ --x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
418
+ --x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
419
+ --x-size-border-width-top-dropdown-toggle-default: var(
420
+ --x-size-border-width-dropdown-toggle-default
421
+ );
422
+ --x-size-border-width-right-dropdown-toggle-default: var(
423
+ --x-size-border-width-dropdown-toggle-default
424
+ );
425
+ --x-size-border-width-bottom-dropdown-toggle-default: var(
426
+ --x-size-border-width-dropdown-toggle-default
427
+ );
428
+ --x-size-border-width-left-dropdown-toggle-default: var(
429
+ --x-size-border-width-dropdown-toggle-default
430
+ );
431
+ --x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
432
+ --x-size-border-width-top-dropdown-list-default: 0;
433
+ --x-size-border-width-right-dropdown-list-default: var(
434
+ --x-size-border-width-dropdown-list-default
435
+ );
436
+ --x-size-border-width-bottom-dropdown-list-default: var(
437
+ --x-size-border-width-dropdown-list-default
438
+ );
439
+ --x-size-border-width-left-dropdown-list-default: var(
440
+ --x-size-border-width-dropdown-list-default
441
+ );
442
+ --x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
443
+ --x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
444
+ --x-color-background-dropdown-default: var(--x-color-base-neutral-100);
445
+ --x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
446
+ --x-color-background-dropdown-toggle-open-default: var(
447
+ --x-color-background-dropdown-toggle-default
448
+ );
449
+ --x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
450
+ --x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
451
+ --x-color-text-dropdown-default: var(--x-color-text-default);
452
+ --x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
453
+ --x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
454
+ --x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
455
+ --x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
456
+ --x-font-family-dropdown-default: var(--x-font-family-text);
457
+ --x-size-font-dropdown-default: var(--x-size-font-text);
458
+ --x-size-line-height-dropdown-default: var(--x-size-line-height-text);
459
+ --x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
460
+ --x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
461
+ --x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
462
+ --x-font-decoration-dropdown-item-default-hover: none;
463
+ --x-font-decoration-dropdown-item-default-selected: none;
464
+ --x-size-width-dropdown-toggle-default: 100%;
465
+ --x-size-min-width-dropdown-list-default: 100%;
466
+ --x-size-gap-dropdown-default: 0;
467
+ --x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
468
+ --x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
469
+ --x-size-padding-bottom-dropdown-toggle-default: var(
470
+ --x-size-padding-bottom-dropdown-item-default
471
+ );
472
+ --x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
473
+ --x-size-padding-vertical-dropdown-list-default: 0;
474
+ --x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
475
+ --x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
476
+ --x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
477
+ --x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
478
+ --x-size-gap-dropdown-item-default: var(--x-size-base-03);
479
+ --x-string-box-shadow-dropdown-default: none;
480
+ --x-string-overflow-dropdown-toggle-default: hidden;
481
+ --x-string-overflow-dropdown-list-default: hidden;
482
+ }
483
483
  :root {
484
484
  --x-color-background-facet-default: transparent;
485
485
  --x-color-border-facet-default: var(--x-color-background-facet-default);
package/design-system/full-theme.css CHANGED
@@ -218,20 +218,6 @@
218
218
  --x-color-border-button-ghost: transparent;
219
219
  --x-color-text-button-ghost: var(--x-color-base-lead);
220
220
  }
221
- .x-button--pill.x-button,
222
- .x-button--pill .x-button {
223
- --x-size-border-radius-button-default: var(--x-size-border-radius-button-pill);
224
- --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-pill);
225
- --x-size-border-radius-top-right-button-default: var(
226
- --x-size-border-radius-top-right-button-pill
227
- );
228
- --x-size-border-radius-bottom-right-button-default: var(
229
- --x-size-border-radius-bottom-right-button-pill
230
- );
231
- --x-size-border-radius-bottom-left-button-default: var(
232
- --x-size-border-radius-bottom-left-button-pill
233
- );
234
- }
235
221
  :root {
236
222
  --x-size-border-radius-button-pill: var(--x-size-border-radius-base-pill);
237
223
  --x-size-border-radius-top-left-button-pill: var(--x-size-border-radius-button-pill);
@@ -3633,6 +3619,12 @@
3633
3619
  .x-sliding-panel__scroll > .x-list {
3634
3620
  --x-string-flow-list: row nowrap;
3635
3621
  }
3622
+ :root {
3623
+ --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
3624
+ --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
3625
+ --x-size-padding-sliding-panel-button: var(--x-size-base-03);
3626
+ --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
3627
+ }
3636
3628
  [dir="ltr"] .x-suggestion-group {
3637
3629
  padding-left: var(--x-size-padding-left-suggestion-group-default);
3638
3630
  }
@@ -3724,12 +3716,6 @@
3724
3716
  --x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
3725
3717
  --x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
3726
3718
  }
3727
- :root {
3728
- --x-color-background-sliding-panel: var(--x-color-base-neutral-100);
3729
- --x-size-width-sliding-panel-gradient: var(--x-size-base-09);
3730
- --x-size-padding-sliding-panel-button: var(--x-size-base-03);
3731
- --x-size-horizontal-margin-sliding-panel-button-overflow: var(--x-size-base-02);
3732
- }
3733
3719
  [dir="ltr"] .x-suggestion {
3734
3720
  text-align: left;
3735
3721
  }
@@ -7566,3 +7552,18 @@
7566
7552
  .x-normal-case {
7567
7553
  text-transform: none;
7568
7554
  }
7555
+
7556
+ .x-button--pill.x-button,
7557
+ .x-button--pill .x-button {
7558
+ --x-size-border-radius-button-default: var(--x-size-border-radius-button-pill);
7559
+ --x-size-border-radius-top-left-button-default: var(--x-size-border-radius-top-left-button-pill);
7560
+ --x-size-border-radius-top-right-button-default: var(
7561
+ --x-size-border-radius-top-right-button-pill
7562
+ );
7563
+ --x-size-border-radius-bottom-right-button-default: var(
7564
+ --x-size-border-radius-bottom-right-button-pill
7565
+ );
7566
+ --x-size-border-radius-bottom-left-button-default: var(
7567
+ --x-size-border-radius-bottom-left-button-pill
7568
+ );
7569
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@empathyco/x-components",
3
- "version": "3.0.0-alpha.78",
3
+ "version": "3.0.0-alpha.79",
4
4
  "description": "Empathy X Components",
5
5
  "author": "Empathy Systems Corporation S.L.",
6
6
  "license": "Apache-2.0",
@@ -78,23 +78,20 @@
78
78
  "vuex": "^3.0.0"
79
79
  },
80
80
  "devDependencies": {
81
- "@cucumber/cucumber": "~7.0.0-rc.0",
82
- "@cypress/browserify-preprocessor": "~3.0.1",
83
- "@cypress/vue": "~2.2.3",
84
- "@cypress/webpack-dev-server": "~1.4.0",
85
- "@cypress/webpack-preprocessor": "~5.1.1",
81
+ "@cypress/vue": "~2.2.4",
82
+ "@cypress/webpack-dev-server": "~1.8.4",
86
83
  "@microsoft/api-documenter": "~7.15.3",
87
- "@microsoft/api-extractor": "~7.19.4",
84
+ "@microsoft/api-extractor": "~7.20.0",
88
85
  "@rollup/plugin-commonjs": "~21.0.1",
89
86
  "@testing-library/jest-dom": "~5.11.1",
90
87
  "@types/autoprefixer": "~9.6.1",
91
88
  "@types/jest": "~27.0.3",
92
89
  "@types/node": "~16.4.12",
93
90
  "@types/testing-library__jest-dom": "~5.9.1",
94
- "@vue/cli-plugin-e2e-cypress": "~4.5.16",
95
- "@vue/cli-plugin-typescript": "~4.5.16",
96
- "@vue/cli-plugin-vuex": "~4.5.16",
97
- "@vue/cli-service": "~4.5.16",
91
+ "@vue/cli-plugin-e2e-cypress": "~5.0.4",
92
+ "@vue/cli-plugin-typescript": "~5.0.4",
93
+ "@vue/cli-plugin-vuex": "~5.0.4",
94
+ "@vue/cli-service": "~5.0.4",
98
95
  "@vue/test-utils": "~1.0.3",
99
96
  "@vue/vue2-jest": "~27.0.0-alpha.3",
100
97
  "autoprefixer": "~9.7.4",
@@ -104,6 +101,7 @@
104
101
  "glob": "~7.1.6",
105
102
  "jest": "~27.3.1",
106
103
  "jest-scss-transform": "~1.0.1",
104
+ "postcss": "~8.4.12",
107
105
  "postcss-dir-pseudo-class": "~5.0.0",
108
106
  "postcss-logical": "~4.0.2",
109
107
  "rimraf": "~3.0.2",
@@ -128,5 +126,5 @@
128
126
  "access": "public",
129
127
  "directory": "dist"
130
128
  },
131
- "gitHead": "1dbdaee6edb8d9ffaabf2e82f2fa0ecc7c40a9f8"
129
+ "gitHead": "2c69dfbdef710f47d32db3ef9831559adeac971f"
132
130
  }
package/report/tsdoc-metadata.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "toolPackages": [
6
6
  {
7
7
  "packageName": "@microsoft/api-extractor",
8
- "packageVersion": "7.19.4"
8
+ "packageVersion": "7.20.0"
9
9
  }
10
10
  ]
11
11
  }
package/report/x-adapter.api.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "metadata": {
3
3
  "toolPackage": "@microsoft/api-extractor",
4
- "toolVersion": "7.19.4",
4
+ "toolVersion": "7.19.5",
5
5
  "schemaVersion": 1004,
6
6
  "oldestForwardsCompatibleVersion": 1001,
7
7
  "tsdocConfig": {