@empathyco/x-components 6.0.0-alpha.84 → 6.0.0-alpha.85
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 +8 -0
- package/design-system/deprecated-full-theme.css +78 -79
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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
|
+
## [6.0.0-alpha.85](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.84...@empathyco/x-components@6.0.0-alpha.85) (2025-05-19)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @empathyco/x-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [6.0.0-alpha.84](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.83...@empathyco/x-components@6.0.0-alpha.84) (2025-05-15)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
1
|
.x-uppercase {
|
|
4
2
|
text-transform: uppercase;
|
|
5
3
|
}
|
|
@@ -15,6 +13,7 @@
|
|
|
15
13
|
.x-normal-case {
|
|
16
14
|
text-transform: none;
|
|
17
15
|
}
|
|
16
|
+
|
|
18
17
|
.x-underline {
|
|
19
18
|
-webkit-text-decoration-line: underline;
|
|
20
19
|
text-decoration-line: underline;
|
|
@@ -3596,9 +3595,6 @@
|
|
|
3596
3595
|
:root {
|
|
3597
3596
|
--x-color-text-accent: var(--x-color-base-accent);
|
|
3598
3597
|
}
|
|
3599
|
-
.x-text--accent {
|
|
3600
|
-
--x-color-text-default: var(--x-color-text-accent);
|
|
3601
|
-
}
|
|
3602
3598
|
:root {
|
|
3603
3599
|
--x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
|
|
3604
3600
|
--x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
@@ -3606,6 +3602,9 @@
|
|
|
3606
3602
|
--x-size-border-radius-bottom-right-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
3607
3603
|
--x-size-border-radius-bottom-left-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
3608
3604
|
}
|
|
3605
|
+
.x-text--accent {
|
|
3606
|
+
--x-color-text-default: var(--x-color-text-accent);
|
|
3607
|
+
}
|
|
3609
3608
|
:root {
|
|
3610
3609
|
--x-size-border-radius-tag-pill: var(--x-size-border-radius-base-pill);
|
|
3611
3610
|
--x-size-border-radius-top-left-tag-pill: var(--x-size-border-radius-tag-pill);
|
|
@@ -3636,18 +3635,6 @@
|
|
|
3636
3635
|
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3637
3636
|
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3638
3637
|
}
|
|
3639
|
-
:root {
|
|
3640
|
-
--x-color-background-tag-ghost: transparent;
|
|
3641
|
-
--x-color-border-tag-ghost: transparent;
|
|
3642
|
-
--x-color-background-tag-selected-ghost: transparent;
|
|
3643
|
-
--x-color-border-tag-selected-ghost: transparent;
|
|
3644
|
-
--x-color-background-tag-curated-ghost: transparent;
|
|
3645
|
-
--x-color-border-tag-curated-ghost: transparent;
|
|
3646
|
-
--x-color-background-tag-curated-selected-ghost: transparent;
|
|
3647
|
-
--x-color-border-tag-curated-selected-ghost: transparent;
|
|
3648
|
-
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3649
|
-
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3650
|
-
}
|
|
3651
3638
|
|
|
3652
3639
|
.x-tag--ghost.x-tag,
|
|
3653
3640
|
.x-tag--ghost .x-tag {
|
|
@@ -3712,6 +3699,18 @@
|
|
|
3712
3699
|
--x-number-font-weight-tag-default-selected
|
|
3713
3700
|
);
|
|
3714
3701
|
}
|
|
3702
|
+
:root {
|
|
3703
|
+
--x-color-background-tag-ghost: transparent;
|
|
3704
|
+
--x-color-border-tag-ghost: transparent;
|
|
3705
|
+
--x-color-background-tag-selected-ghost: transparent;
|
|
3706
|
+
--x-color-border-tag-selected-ghost: transparent;
|
|
3707
|
+
--x-color-background-tag-curated-ghost: transparent;
|
|
3708
|
+
--x-color-border-tag-curated-ghost: transparent;
|
|
3709
|
+
--x-color-background-tag-curated-selected-ghost: transparent;
|
|
3710
|
+
--x-color-border-tag-curated-selected-ghost: transparent;
|
|
3711
|
+
--x-number-font-weight-tag-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3712
|
+
--x-number-font-weight-tag-curated-selected-ghost: var(--x-number-font-weight-base-bold);
|
|
3713
|
+
}
|
|
3715
3714
|
:root {
|
|
3716
3715
|
--x-color-background-tag-default: var(--x-color-base-neutral-100);
|
|
3717
3716
|
--x-color-border-tag-default: var(--x-color-text-tag-default);
|
|
@@ -5091,12 +5090,6 @@
|
|
|
5091
5090
|
--x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5092
5091
|
--x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5093
5092
|
}
|
|
5094
|
-
:root {
|
|
5095
|
-
--x-color-background-picture-colored: var(--x-color-base-neutral-95);
|
|
5096
|
-
--x-mix-blend-mode-picture-colored: multiply;
|
|
5097
|
-
--x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5098
|
-
--x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5099
|
-
}
|
|
5100
5093
|
|
|
5101
5094
|
.x-picture--colored.x-picture {
|
|
5102
5095
|
--x-color-background-picture-default: var(--x-color-background-picture-colored);
|
|
@@ -5110,6 +5103,12 @@
|
|
|
5110
5103
|
.x-picture--colored.x-picture .x-picture--placeholder {
|
|
5111
5104
|
--x-mix-blend-mode-picture-default: var(--x-mix-blend-mode-picture-placeholder-colored);
|
|
5112
5105
|
}
|
|
5106
|
+
:root {
|
|
5107
|
+
--x-color-background-picture-colored: var(--x-color-base-neutral-95);
|
|
5108
|
+
--x-mix-blend-mode-picture-colored: multiply;
|
|
5109
|
+
--x-mix-blend-mode-picture-fallback-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5110
|
+
--x-mix-blend-mode-picture-placeholder-colored: var(--x-mix-blend-mode-picture-colored);
|
|
5111
|
+
}
|
|
5113
5112
|
:root {
|
|
5114
5113
|
--x-size-border-radius-picture-card: var(--x-size-border-radius-base-s);
|
|
5115
5114
|
--x-size-border-radius-top-picture-card: var(--x-size-border-radius-picture-card);
|
|
@@ -5701,22 +5700,6 @@
|
|
|
5701
5700
|
--x-size-padding-list-12: var(--x-size-base-12);
|
|
5702
5701
|
--x-size-padding-list-13: var(--x-size-base-13);
|
|
5703
5702
|
}
|
|
5704
|
-
/* @deprecated */
|
|
5705
|
-
:root {
|
|
5706
|
-
--x-size-padding-list-01: var(--x-size-base-01);
|
|
5707
|
-
--x-size-padding-list-02: var(--x-size-base-02);
|
|
5708
|
-
--x-size-padding-list-03: var(--x-size-base-03);
|
|
5709
|
-
--x-size-padding-list-04: var(--x-size-base-04);
|
|
5710
|
-
--x-size-padding-list-05: var(--x-size-base-05);
|
|
5711
|
-
--x-size-padding-list-06: var(--x-size-base-06);
|
|
5712
|
-
--x-size-padding-list-07: var(--x-size-base-07);
|
|
5713
|
-
--x-size-padding-list-08: var(--x-size-base-08);
|
|
5714
|
-
--x-size-padding-list-09: var(--x-size-base-09);
|
|
5715
|
-
--x-size-padding-list-10: var(--x-size-base-10);
|
|
5716
|
-
--x-size-padding-list-11: var(--x-size-base-11);
|
|
5717
|
-
--x-size-padding-list-12: var(--x-size-base-12);
|
|
5718
|
-
--x-size-padding-list-13: var(--x-size-base-13);
|
|
5719
|
-
}
|
|
5720
5703
|
|
|
5721
5704
|
/* @deprecated */
|
|
5722
5705
|
[class*=x-list--padding-].x-list.x-list--padding-top:not(.x-list--padding-right) {
|
|
@@ -6041,6 +6024,22 @@
|
|
|
6041
6024
|
margin-right: var(--x-size-gap-list-13);
|
|
6042
6025
|
}
|
|
6043
6026
|
}
|
|
6027
|
+
/* @deprecated */
|
|
6028
|
+
:root {
|
|
6029
|
+
--x-size-padding-list-01: var(--x-size-base-01);
|
|
6030
|
+
--x-size-padding-list-02: var(--x-size-base-02);
|
|
6031
|
+
--x-size-padding-list-03: var(--x-size-base-03);
|
|
6032
|
+
--x-size-padding-list-04: var(--x-size-base-04);
|
|
6033
|
+
--x-size-padding-list-05: var(--x-size-base-05);
|
|
6034
|
+
--x-size-padding-list-06: var(--x-size-base-06);
|
|
6035
|
+
--x-size-padding-list-07: var(--x-size-base-07);
|
|
6036
|
+
--x-size-padding-list-08: var(--x-size-base-08);
|
|
6037
|
+
--x-size-padding-list-09: var(--x-size-base-09);
|
|
6038
|
+
--x-size-padding-list-10: var(--x-size-base-10);
|
|
6039
|
+
--x-size-padding-list-11: var(--x-size-base-11);
|
|
6040
|
+
--x-size-padding-list-12: var(--x-size-base-12);
|
|
6041
|
+
--x-size-padding-list-13: var(--x-size-base-13);
|
|
6042
|
+
}
|
|
6044
6043
|
:root {
|
|
6045
6044
|
--x-size-gap-list-01: var(--x-size-base-01);
|
|
6046
6045
|
--x-size-gap-list-02: var(--x-size-base-02);
|
|
@@ -7693,30 +7692,6 @@
|
|
|
7693
7692
|
--x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
|
|
7694
7693
|
--x-size-border-width-left-facet-header-line: 0;
|
|
7695
7694
|
}
|
|
7696
|
-
:root {
|
|
7697
|
-
--x-color-border-facet-header-line: var(--x-color-base-neutral-10);
|
|
7698
|
-
--x-size-border-width-facet-header-line: var(--x-size-border-width-base);
|
|
7699
|
-
--x-size-border-width-top-facet-header-line: 0;
|
|
7700
|
-
--x-size-border-width-right-facet-header-line: 0;
|
|
7701
|
-
--x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
|
|
7702
|
-
--x-size-border-width-left-facet-header-line: 0;
|
|
7703
|
-
}
|
|
7704
|
-
|
|
7705
|
-
.x-facet--line.x-facet,
|
|
7706
|
-
.x-facet--line .x-facet {
|
|
7707
|
-
--x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
|
|
7708
|
-
--x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
|
|
7709
|
-
--x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
|
|
7710
|
-
--x-size-border-width-right-facet-header-default: var(
|
|
7711
|
-
--x-size-border-width-right-facet-header-line
|
|
7712
|
-
);
|
|
7713
|
-
--x-size-border-width-bottom-facet-header-default: var(
|
|
7714
|
-
--x-size-border-width-bottom-facet-header-line
|
|
7715
|
-
);
|
|
7716
|
-
--x-size-border-width-left-facet-header-default: var(
|
|
7717
|
-
--x-size-border-width-left-facet-header-line
|
|
7718
|
-
);
|
|
7719
|
-
}
|
|
7720
7695
|
:root {
|
|
7721
7696
|
--x-color-background-facet-default: transparent;
|
|
7722
7697
|
--x-color-border-facet-default: var(--x-color-background-facet-default);
|
|
@@ -7915,6 +7890,30 @@
|
|
|
7915
7890
|
--x-size-padding-bottom-facet-header-default: var(--x-size-padding-bottom-facet-header-card);
|
|
7916
7891
|
--x-size-padding-left-facet-header-default: var(--x-size-padding-left-facet-header-card);
|
|
7917
7892
|
}
|
|
7893
|
+
:root {
|
|
7894
|
+
--x-color-border-facet-header-line: var(--x-color-base-neutral-10);
|
|
7895
|
+
--x-size-border-width-facet-header-line: var(--x-size-border-width-base);
|
|
7896
|
+
--x-size-border-width-top-facet-header-line: 0;
|
|
7897
|
+
--x-size-border-width-right-facet-header-line: 0;
|
|
7898
|
+
--x-size-border-width-bottom-facet-header-line: var(--x-size-border-width-facet-header-line);
|
|
7899
|
+
--x-size-border-width-left-facet-header-line: 0;
|
|
7900
|
+
}
|
|
7901
|
+
|
|
7902
|
+
.x-facet--line.x-facet,
|
|
7903
|
+
.x-facet--line .x-facet {
|
|
7904
|
+
--x-color-border-facet-header-default: var(--x-color-border-facet-header-line);
|
|
7905
|
+
--x-size-border-width-facet-header-default: var(--x-size-border-width-facet-header-line);
|
|
7906
|
+
--x-size-border-width-top-facet-header-default: var(--x-size-border-width-top-facet-header-line);
|
|
7907
|
+
--x-size-border-width-right-facet-header-default: var(
|
|
7908
|
+
--x-size-border-width-right-facet-header-line
|
|
7909
|
+
);
|
|
7910
|
+
--x-size-border-width-bottom-facet-header-default: var(
|
|
7911
|
+
--x-size-border-width-bottom-facet-header-line
|
|
7912
|
+
);
|
|
7913
|
+
--x-size-border-width-left-facet-header-default: var(
|
|
7914
|
+
--x-size-border-width-left-facet-header-line
|
|
7915
|
+
);
|
|
7916
|
+
}
|
|
7918
7917
|
:root {
|
|
7919
7918
|
--x-size-width-dropdown-xl: 282px;
|
|
7920
7919
|
}
|
|
@@ -8670,6 +8669,13 @@
|
|
|
8670
8669
|
--x-number-font-weight-button-default: var(--x-number-font-weight-base-bold);
|
|
8671
8670
|
--x-size-line-height-button-default: var(--x-size-line-height-text);
|
|
8672
8671
|
}
|
|
8672
|
+
:root {
|
|
8673
|
+
--x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
|
|
8674
|
+
--x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
|
|
8675
|
+
--x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
|
|
8676
|
+
--x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
|
|
8677
|
+
--x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
|
|
8678
|
+
}
|
|
8673
8679
|
:root {
|
|
8674
8680
|
--x-color-background-button-default: var(--x-color-base-lead);
|
|
8675
8681
|
--x-color-border-button-default: var(--x-color-background-button-default);
|
|
@@ -8756,11 +8762,14 @@
|
|
|
8756
8762
|
}
|
|
8757
8763
|
}
|
|
8758
8764
|
:root {
|
|
8759
|
-
--x-
|
|
8760
|
-
--x-
|
|
8761
|
-
--x-
|
|
8762
|
-
--x-size-border-radius-
|
|
8763
|
-
--x-size-border-
|
|
8765
|
+
--x-color-background-badge-default: var(--x-color-base-neutral-10);
|
|
8766
|
+
--x-color-text-badge-default: var(--x-color-base-neutral-100);
|
|
8767
|
+
--x-color-border-badge-default: var(--x-color-base-neutral-10);
|
|
8768
|
+
--x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
|
|
8769
|
+
--x-size-border-width-badge-default: 0;
|
|
8770
|
+
--x-size-width-badge-default: 1.5em;
|
|
8771
|
+
--x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
|
|
8772
|
+
--x-size-font-badge-default: var(--x-size-font-base-xs);
|
|
8764
8773
|
}
|
|
8765
8774
|
:root {
|
|
8766
8775
|
--x-size-border-radius-button-card: var(--x-size-border-radius-base-s);
|
|
@@ -8794,16 +8803,6 @@
|
|
|
8794
8803
|
--x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
|
|
8795
8804
|
--x-size-font-badge-default: var(--x-size-font-base-xs);
|
|
8796
8805
|
}
|
|
8797
|
-
:root {
|
|
8798
|
-
--x-color-background-badge-default: var(--x-color-base-neutral-10);
|
|
8799
|
-
--x-color-text-badge-default: var(--x-color-base-neutral-100);
|
|
8800
|
-
--x-color-border-badge-default: var(--x-color-base-neutral-10);
|
|
8801
|
-
--x-size-border-radius-badge-default: var(--x-size-border-radius-base-pill);
|
|
8802
|
-
--x-size-border-width-badge-default: 0;
|
|
8803
|
-
--x-size-width-badge-default: 1.5em;
|
|
8804
|
-
--x-number-font-weight-badge-default: var(--x-number-font-weight-base-regular);
|
|
8805
|
-
--x-size-font-badge-default: var(--x-size-font-base-xs);
|
|
8806
|
-
}
|
|
8807
8806
|
|
|
8808
8807
|
[dir="ltr"] .x-badge {
|
|
8809
8808
|
right: calc(var(--x-size-width-badge-default) / 4);
|
|
@@ -8884,4 +8883,4 @@
|
|
|
8884
8883
|
--x-size-border-radius-base-m: var(--x-size-base-06);
|
|
8885
8884
|
--x-size-border-radius-base-pill: 99999px;
|
|
8886
8885
|
--x-size-border-width-base: 1px;
|
|
8887
|
-
}
|
|
8886
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@empathyco/x-components",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.85",
|
|
4
4
|
"description": "Empathy X Components",
|
|
5
5
|
"author": "Empathy Systems Corporation S.L.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
},
|
|
79
79
|
"dependencies": {
|
|
80
80
|
"@empathyco/x-adapter": "^8.1.0-alpha.3",
|
|
81
|
-
"@empathyco/x-adapter-platform": "^1.1.0-alpha.
|
|
81
|
+
"@empathyco/x-adapter-platform": "^1.1.0-alpha.16",
|
|
82
82
|
"@empathyco/x-bus": "^1.0.3-alpha.3",
|
|
83
83
|
"@empathyco/x-deep-merge": "^2.0.3-alpha.4",
|
|
84
84
|
"@empathyco/x-logger": "^1.2.0-alpha.11",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"access": "public",
|
|
143
143
|
"directory": "dist"
|
|
144
144
|
},
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "5fe2507e4b13bb83eec94df393bb1d2534fca4d7"
|
|
146
146
|
}
|