@empathyco/x-components 3.0.0-alpha.367 → 3.0.0-alpha.368
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.
- package/CHANGELOG.md +13 -0
- package/design-system/deprecated-full-theme.css +96 -96
- package/package.json +13 -13
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.0.0-alpha.368](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.367...@empathyco/x-components@3.0.0-alpha.368) (2023-05-11)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### ⚠ BREAKING CHANGES
|
|
10
|
+
|
|
11
|
+
* **deps:** minimum node version required is 18.
|
|
12
|
+
|
|
13
|
+
### Others
|
|
14
|
+
|
|
15
|
+
* **deps:** update node to 18 (#1196) ([e0e6b35](https://github.com/empathyco/x/commit/e0e6b35eefb3ef83f22e341f662475b0e6066e94))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
6
19
|
## [3.0.0-alpha.367](https://github.com/empathyco/x/compare/@empathyco/x-components@3.0.0-alpha.366...@empathyco/x-components@3.0.0-alpha.367) (2023-05-11)
|
|
7
20
|
|
|
8
21
|
|
|
@@ -286,6 +286,49 @@
|
|
|
286
286
|
--x-size-border-width-bottom-button-default: var(--x-size-border-width-bottom-button-tertiary);
|
|
287
287
|
--x-size-border-width-left-button-default: var(--x-size-border-width-left-button-tertiary);
|
|
288
288
|
}
|
|
289
|
+
:root {
|
|
290
|
+
--x-size-gap-dropdown-card: var(--x-size-base-03);
|
|
291
|
+
--x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
|
|
292
|
+
--x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
293
|
+
--x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
294
|
+
--x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
295
|
+
--x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
296
|
+
--x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
|
|
297
|
+
--x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
298
|
+
--x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
299
|
+
--x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
300
|
+
--x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.x-dropdown--card {
|
|
304
|
+
--x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
|
|
305
|
+
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
|
|
306
|
+
--x-size-border-radius-top-left-dropdown-default: var(
|
|
307
|
+
--x-size-border-radius-top-left-dropdown-card
|
|
308
|
+
);
|
|
309
|
+
--x-size-border-radius-top-right-dropdown-default: var(
|
|
310
|
+
--x-size-border-radius-top-right-dropdown-card
|
|
311
|
+
);
|
|
312
|
+
--x-size-border-radius-bottom-right-dropdown-default: var(
|
|
313
|
+
--x-size-border-radius-bottom-right-dropdown-card
|
|
314
|
+
);
|
|
315
|
+
--x-size-border-radius-bottom-left-dropdown-default: var(
|
|
316
|
+
--x-size-border-radius-bottom-left-dropdown-card
|
|
317
|
+
);
|
|
318
|
+
--x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
|
|
319
|
+
--x-size-border-width-top-dropdown-list-default: var(
|
|
320
|
+
--x-size-border-width-top-dropdown-list-card
|
|
321
|
+
);
|
|
322
|
+
--x-size-border-width-right-dropdown-list-default: var(
|
|
323
|
+
--x-size-border-width-right-dropdown-list-card
|
|
324
|
+
);
|
|
325
|
+
--x-size-border-width-bottom-dropdown-list-default: var(
|
|
326
|
+
--x-size-border-width-bottom-dropdown-list-card
|
|
327
|
+
);
|
|
328
|
+
--x-size-border-width-left-dropdown-list-default: var(
|
|
329
|
+
--x-size-border-width-left-dropdown-list-card
|
|
330
|
+
);
|
|
331
|
+
}
|
|
289
332
|
:root {
|
|
290
333
|
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
|
|
291
334
|
--x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
@@ -528,49 +571,6 @@
|
|
|
528
571
|
[dir="rtl"] .x-dropdown--right .x-dropdown__items-list {
|
|
529
572
|
left: 0;
|
|
530
573
|
}
|
|
531
|
-
:root {
|
|
532
|
-
--x-size-gap-dropdown-card: var(--x-size-base-03);
|
|
533
|
-
--x-size-border-radius-dropdown-card: var(--x-size-border-radius-base-s);
|
|
534
|
-
--x-size-border-radius-top-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
535
|
-
--x-size-border-radius-top-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
536
|
-
--x-size-border-radius-bottom-right-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
537
|
-
--x-size-border-radius-bottom-left-dropdown-card: var(--x-size-border-radius-dropdown-card);
|
|
538
|
-
--x-size-border-width-dropdown-list-card: var(--x-size-border-width-base);
|
|
539
|
-
--x-size-border-width-top-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
540
|
-
--x-size-border-width-right-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
541
|
-
--x-size-border-width-bottom-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
542
|
-
--x-size-border-width-left-dropdown-list-card: var(--x-size-border-width-dropdown-list-card);
|
|
543
|
-
}
|
|
544
|
-
|
|
545
|
-
.x-dropdown--card {
|
|
546
|
-
--x-size-gap-dropdown-default: var(--x-size-gap-dropdown-card);
|
|
547
|
-
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-dropdown-card);
|
|
548
|
-
--x-size-border-radius-top-left-dropdown-default: var(
|
|
549
|
-
--x-size-border-radius-top-left-dropdown-card
|
|
550
|
-
);
|
|
551
|
-
--x-size-border-radius-top-right-dropdown-default: var(
|
|
552
|
-
--x-size-border-radius-top-right-dropdown-card
|
|
553
|
-
);
|
|
554
|
-
--x-size-border-radius-bottom-right-dropdown-default: var(
|
|
555
|
-
--x-size-border-radius-bottom-right-dropdown-card
|
|
556
|
-
);
|
|
557
|
-
--x-size-border-radius-bottom-left-dropdown-default: var(
|
|
558
|
-
--x-size-border-radius-bottom-left-dropdown-card
|
|
559
|
-
);
|
|
560
|
-
--x-size-border-width-dropdown-list-default: var(--x-size-border-width-dropdown-list-card);
|
|
561
|
-
--x-size-border-width-top-dropdown-list-default: var(
|
|
562
|
-
--x-size-border-width-top-dropdown-list-card
|
|
563
|
-
);
|
|
564
|
-
--x-size-border-width-right-dropdown-list-default: var(
|
|
565
|
-
--x-size-border-width-right-dropdown-list-card
|
|
566
|
-
);
|
|
567
|
-
--x-size-border-width-bottom-dropdown-list-default: var(
|
|
568
|
-
--x-size-border-width-bottom-dropdown-list-card
|
|
569
|
-
);
|
|
570
|
-
--x-size-border-width-left-dropdown-list-default: var(
|
|
571
|
-
--x-size-border-width-left-dropdown-list-card
|
|
572
|
-
);
|
|
573
|
-
}
|
|
574
574
|
:root {
|
|
575
575
|
--x-size-width-dropdown-l: 202px;
|
|
576
576
|
}
|
|
@@ -1055,6 +1055,12 @@
|
|
|
1055
1055
|
.x-hierarchical-filter-container .x-filter, .x-hierarchical-filter-container .x-facet-filter {
|
|
1056
1056
|
width: 100%;
|
|
1057
1057
|
}
|
|
1058
|
+
.x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
|
|
1059
|
+
.x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
|
|
1060
|
+
.x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
|
|
1061
|
+
.x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
|
|
1062
|
+
margin-left: auto;
|
|
1063
|
+
}
|
|
1058
1064
|
:root {
|
|
1059
1065
|
--x-size-padding-grid: 0;
|
|
1060
1066
|
--x-size-gap-grid: var(--x-size-base-03);
|
|
@@ -1081,12 +1087,6 @@
|
|
|
1081
1087
|
.x-grid-list--cols-auto .x-grid-list__item {
|
|
1082
1088
|
min-width: var(--x-size-min-width-grid-item);
|
|
1083
1089
|
}
|
|
1084
|
-
.x-filter--justified.x-filter > *:last-child:not(.x-filter__label),
|
|
1085
|
-
.x-filter--justified.x-facet-filter > *:last-child:not(.x-filter__label),
|
|
1086
|
-
.x-filter--justified .x-filter > *:last-child:not(.x-filter__label),
|
|
1087
|
-
.x-filter--justified .x-facet-filter > *:last-child:not(.x-filter__label) {
|
|
1088
|
-
margin-left: auto;
|
|
1089
|
-
}
|
|
1090
1090
|
:root {
|
|
1091
1091
|
--x-color-stroke-icon-default: currentColor;
|
|
1092
1092
|
--x-color-fill-icon-default: none;
|
|
@@ -1144,15 +1144,6 @@
|
|
|
1144
1144
|
--x-size-width-icon-default: var(--x-size-width-icon-s);
|
|
1145
1145
|
--x-size-height-icon-default: var(--x-size-height-icon-s);
|
|
1146
1146
|
}
|
|
1147
|
-
:root {
|
|
1148
|
-
--x-size-width-icon-xl: var(--x-size-base-07);
|
|
1149
|
-
--x-size-height-icon-xl: var(--x-size-base-07);
|
|
1150
|
-
}
|
|
1151
|
-
|
|
1152
|
-
.x-icon--xl {
|
|
1153
|
-
--x-size-width-icon-default: var(--x-size-width-icon-xl);
|
|
1154
|
-
--x-size-height-icon-default: var(--x-size-height-icon-xl);
|
|
1155
|
-
}
|
|
1156
1147
|
:root {
|
|
1157
1148
|
--x-size-border-radius-input-group-card: var(--x-size-border-radius-base-s);
|
|
1158
1149
|
--x-size-border-radius-top-left-input-group-card: var(--x-size-border-radius-input-group-card);
|
|
@@ -1189,6 +1180,15 @@
|
|
|
1189
1180
|
--x-size-border-radius-top-left-input-group-default: 0;
|
|
1190
1181
|
--x-size-border-radius-bottom-left-input-group-default: 0;
|
|
1191
1182
|
}
|
|
1183
|
+
:root {
|
|
1184
|
+
--x-size-width-icon-xl: var(--x-size-base-07);
|
|
1185
|
+
--x-size-height-icon-xl: var(--x-size-base-07);
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
.x-icon--xl {
|
|
1189
|
+
--x-size-width-icon-default: var(--x-size-width-icon-xl);
|
|
1190
|
+
--x-size-height-icon-default: var(--x-size-height-icon-xl);
|
|
1191
|
+
}
|
|
1192
1192
|
:root {
|
|
1193
1193
|
--x-color-background-input-group-default: var(--x-color-background-input-default);
|
|
1194
1194
|
--x-color-border-input-group-default: var(--x-color-border-input-default);
|
|
@@ -2619,6 +2619,15 @@
|
|
|
2619
2619
|
margin-right: var(--x-size-gap-list-13);
|
|
2620
2620
|
}
|
|
2621
2621
|
}
|
|
2622
|
+
:root {
|
|
2623
|
+
--x-modal-overlay-color: rgb(0, 0, 0);
|
|
2624
|
+
--x-modal-overlay-opacity: 0.7;
|
|
2625
|
+
}
|
|
2626
|
+
|
|
2627
|
+
.x-modal__overlay {
|
|
2628
|
+
background-color: var(--x-modal-overlay-color) !important;
|
|
2629
|
+
opacity: var(--x-modal-overlay-opacity) !important;
|
|
2630
|
+
}
|
|
2622
2631
|
:root {
|
|
2623
2632
|
--x-string-justify-message-default: center;
|
|
2624
2633
|
--x-size-gap-message-default: var(--x-size-base-03);
|
|
@@ -2690,15 +2699,6 @@
|
|
|
2690
2699
|
.x-message > p {
|
|
2691
2700
|
margin: 0;
|
|
2692
2701
|
}
|
|
2693
|
-
:root {
|
|
2694
|
-
--x-modal-overlay-color: rgb(0, 0, 0);
|
|
2695
|
-
--x-modal-overlay-opacity: 0.7;
|
|
2696
|
-
}
|
|
2697
|
-
|
|
2698
|
-
.x-modal__overlay {
|
|
2699
|
-
background-color: var(--x-modal-overlay-color) !important;
|
|
2700
|
-
opacity: var(--x-modal-overlay-opacity) !important;
|
|
2701
|
-
}
|
|
2702
2702
|
:root {
|
|
2703
2703
|
--x-color-text-option-list-button-bottom-hover: var(--x-color-base-neutral-10);
|
|
2704
2704
|
--x-color-text-option-list-button-bottom-selected-hover: var(
|
|
@@ -3484,6 +3484,35 @@
|
|
|
3484
3484
|
.x-row--gap-20 {
|
|
3485
3485
|
--x-size-gap-row: var(--x-size-gap-row-20);
|
|
3486
3486
|
}
|
|
3487
|
+
/* @deprecated */
|
|
3488
|
+
:root {
|
|
3489
|
+
--x-size-padding-row-02: var(--x-size-base-02);
|
|
3490
|
+
--x-size-padding-row-03: var(--x-size-base-03);
|
|
3491
|
+
--x-size-padding-row-04: var(--x-size-base-04);
|
|
3492
|
+
--x-size-padding-row-05: var(--x-size-base-05);
|
|
3493
|
+
--x-size-padding-row-06: var(--x-size-base-06);
|
|
3494
|
+
}
|
|
3495
|
+
|
|
3496
|
+
/* @deprecated */
|
|
3497
|
+
.x-row--padding-02 {
|
|
3498
|
+
--x-size-padding-row: var(--x-size-padding-row-02);
|
|
3499
|
+
}
|
|
3500
|
+
|
|
3501
|
+
.x-row--padding-03 {
|
|
3502
|
+
--x-size-padding-row: var(--x-size-padding-row-03);
|
|
3503
|
+
}
|
|
3504
|
+
|
|
3505
|
+
.x-row--padding-04 {
|
|
3506
|
+
--x-size-padding-row: var(--x-size-padding-row-04);
|
|
3507
|
+
}
|
|
3508
|
+
|
|
3509
|
+
.x-row--padding-05 {
|
|
3510
|
+
--x-size-padding-row: var(--x-size-padding-row-05);
|
|
3511
|
+
}
|
|
3512
|
+
|
|
3513
|
+
.x-row--padding-06 {
|
|
3514
|
+
--x-size-padding-row: var(--x-size-padding-row-06);
|
|
3515
|
+
}
|
|
3487
3516
|
:root {
|
|
3488
3517
|
--x-string-overflow-scroll: auto;
|
|
3489
3518
|
--x-color-background-scroll-bar: transparent;
|
|
@@ -3522,35 +3551,6 @@
|
|
|
3522
3551
|
.x-base-scroll {
|
|
3523
3552
|
overflow-y: var(--x-string-overflow-scroll, auto);
|
|
3524
3553
|
}
|
|
3525
|
-
/* @deprecated */
|
|
3526
|
-
:root {
|
|
3527
|
-
--x-size-padding-row-02: var(--x-size-base-02);
|
|
3528
|
-
--x-size-padding-row-03: var(--x-size-base-03);
|
|
3529
|
-
--x-size-padding-row-04: var(--x-size-base-04);
|
|
3530
|
-
--x-size-padding-row-05: var(--x-size-base-05);
|
|
3531
|
-
--x-size-padding-row-06: var(--x-size-base-06);
|
|
3532
|
-
}
|
|
3533
|
-
|
|
3534
|
-
/* @deprecated */
|
|
3535
|
-
.x-row--padding-02 {
|
|
3536
|
-
--x-size-padding-row: var(--x-size-padding-row-02);
|
|
3537
|
-
}
|
|
3538
|
-
|
|
3539
|
-
.x-row--padding-03 {
|
|
3540
|
-
--x-size-padding-row: var(--x-size-padding-row-03);
|
|
3541
|
-
}
|
|
3542
|
-
|
|
3543
|
-
.x-row--padding-04 {
|
|
3544
|
-
--x-size-padding-row: var(--x-size-padding-row-04);
|
|
3545
|
-
}
|
|
3546
|
-
|
|
3547
|
-
.x-row--padding-05 {
|
|
3548
|
-
--x-size-padding-row: var(--x-size-padding-row-05);
|
|
3549
|
-
}
|
|
3550
|
-
|
|
3551
|
-
.x-row--padding-06 {
|
|
3552
|
-
--x-size-padding-row: var(--x-size-padding-row-06);
|
|
3553
|
-
}
|
|
3554
3554
|
.x-sliding-panel {
|
|
3555
3555
|
z-index: 0;
|
|
3556
3556
|
background-color: var(--x-color-background-sliding-panel);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.368",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"directory": "packages/x-components"
|
|
41
41
|
},
|
|
42
42
|
"engines": {
|
|
43
|
-
"node": ">=
|
|
43
|
+
"node": ">=18"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"serve": "vue-cli-service serve",
|
|
@@ -67,14 +67,14 @@
|
|
|
67
67
|
"prepublishOnly": "pnpm run build"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@empathyco/x-adapter": "^8.0.0-alpha.
|
|
71
|
-
"@empathyco/x-adapter-platform": "^1.0.0-alpha.
|
|
72
|
-
"@empathyco/x-bus": "^
|
|
73
|
-
"@empathyco/x-deep-merge": "^
|
|
70
|
+
"@empathyco/x-adapter": "^8.0.0-alpha.29",
|
|
71
|
+
"@empathyco/x-adapter-platform": "^1.0.0-alpha.72",
|
|
72
|
+
"@empathyco/x-bus": "^1.0.0-alpha.0",
|
|
73
|
+
"@empathyco/x-deep-merge": "^2.0.0-alpha.0",
|
|
74
74
|
"@empathyco/x-logger": "^1.2.0-alpha.11",
|
|
75
|
-
"@empathyco/x-storage-service": "^2.0.0-alpha.
|
|
76
|
-
"@empathyco/x-types": "^10.0.0-alpha.
|
|
77
|
-
"@empathyco/x-utils": "^1.0.0-alpha.
|
|
75
|
+
"@empathyco/x-storage-service": "^2.0.0-alpha.13",
|
|
76
|
+
"@empathyco/x-types": "^10.0.0-alpha.67",
|
|
77
|
+
"@empathyco/x-utils": "^1.0.0-alpha.20",
|
|
78
78
|
"@vue/devtools-api": "~6.5.0",
|
|
79
79
|
"@vueuse/core": "~9.13.0",
|
|
80
80
|
"rxjs": "~7.8.0",
|
|
@@ -89,10 +89,10 @@
|
|
|
89
89
|
"vuex": "^3.0.0"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
|
-
"@badeball/cypress-cucumber-preprocessor": "~
|
|
92
|
+
"@badeball/cypress-cucumber-preprocessor": "~17.0.0",
|
|
93
93
|
"@bahmutov/cypress-esbuild-preprocessor": "~2.2.0",
|
|
94
94
|
"@cypress/vue2": "~2.0.1",
|
|
95
|
-
"@empathyco/x-tailwindcss": "^1.0.0-alpha.
|
|
95
|
+
"@empathyco/x-tailwindcss": "^1.0.0-alpha.30",
|
|
96
96
|
"@microsoft/api-documenter": "~7.22.0",
|
|
97
97
|
"@microsoft/api-extractor": "~7.34.0",
|
|
98
98
|
"@rollup/plugin-commonjs": "~24.1.0",
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"@types/autoprefixer": "~10.2.0",
|
|
101
101
|
"@types/glob": "^8.0.1",
|
|
102
102
|
"@types/jest": "~27.5.0",
|
|
103
|
-
"@types/node": "~16.
|
|
103
|
+
"@types/node": "~18.16.0",
|
|
104
104
|
"@types/testing-library__jest-dom": "~5.14.5",
|
|
105
105
|
"@vue/cli-plugin-e2e-cypress": "~5.0.4",
|
|
106
106
|
"@vue/cli-plugin-typescript": "~5.0.4",
|
|
@@ -143,5 +143,5 @@
|
|
|
143
143
|
"access": "public",
|
|
144
144
|
"directory": "dist"
|
|
145
145
|
},
|
|
146
|
-
"gitHead": "
|
|
146
|
+
"gitHead": "c7794658570688883d32c6b2b28f0e3a88e87483"
|
|
147
147
|
}
|