@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 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-size-border-radius-button-card: var(--x-size-border-radius-base-s);
8760
- --x-size-border-radius-top-left-button-card: var(--x-size-border-radius-button-card);
8761
- --x-size-border-radius-top-right-button-card: var(--x-size-border-radius-button-card);
8762
- --x-size-border-radius-bottom-right-button-card: var(--x-size-border-radius-button-card);
8763
- --x-size-border-radius-bottom-left-button-card: var(--x-size-border-radius-button-card);
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.84",
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.15",
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": "c298f7de8b504c699c2b020c2ecc9d11e5eaf442"
145
+ "gitHead": "5fe2507e4b13bb83eec94df393bb1d2534fca4d7"
146
146
  }