@empathyco/x-components 6.0.0-alpha.87 → 6.0.0-alpha.89
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 +17 -0
- package/design-system/deprecated-full-theme.css +249 -249
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,23 @@
|
|
|
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.89](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.88...@empathyco/x-components@6.0.0-alpha.89) (2025-05-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @empathyco/x-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [6.0.0-alpha.88](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.87...@empathyco/x-components@6.0.0-alpha.88) (2025-05-20)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Testing
|
|
18
|
+
|
|
19
|
+
* **base-teleport:** improve tests ([fbcb3bc](https://github.com/empathyco/x/commit/fbcb3bc05f02589123b383f066ab833ce78d5db9))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
6
23
|
## [6.0.0-alpha.87](https://github.com/empathyco/x/compare/@empathyco/x-components@6.0.0-alpha.86...@empathyco/x-components@6.0.0-alpha.87) (2025-05-20)
|
|
7
24
|
|
|
8
25
|
**Note:** Version bump only for package @empathyco/x-components
|
|
@@ -15,25 +15,6 @@
|
|
|
15
15
|
.x-normal-case {
|
|
16
16
|
text-transform: none;
|
|
17
17
|
}
|
|
18
|
-
.x-static {
|
|
19
|
-
position: static !important;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.x-fixed {
|
|
23
|
-
position: fixed !important;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.x-absolute {
|
|
27
|
-
position: absolute !important;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.x-relative {
|
|
31
|
-
position: relative !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.x-sticky {
|
|
35
|
-
position: sticky !important;
|
|
36
|
-
}
|
|
37
18
|
.x-underline {
|
|
38
19
|
-webkit-text-decoration-line: underline;
|
|
39
20
|
text-decoration-line: underline;
|
|
@@ -53,6 +34,25 @@
|
|
|
53
34
|
-webkit-text-decoration-line: none;
|
|
54
35
|
text-decoration-line: none;
|
|
55
36
|
}
|
|
37
|
+
.x-static {
|
|
38
|
+
position: static !important;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.x-fixed {
|
|
42
|
+
position: fixed !important;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.x-absolute {
|
|
46
|
+
position: absolute !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.x-relative {
|
|
50
|
+
position: relative !important;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.x-sticky {
|
|
54
|
+
position: sticky !important;
|
|
55
|
+
}
|
|
56
56
|
.x-padding--00 {
|
|
57
57
|
padding: 0 !important;
|
|
58
58
|
}
|
|
@@ -3999,6 +3999,47 @@
|
|
|
3999
3999
|
--x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
|
|
4000
4000
|
--x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
|
|
4001
4001
|
}
|
|
4002
|
+
:root {
|
|
4003
|
+
--x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
|
|
4004
|
+
--x-color-text-suggestion-group-matching-part-default: var(
|
|
4005
|
+
--x-color-text-suggestion-matching-part-default
|
|
4006
|
+
);
|
|
4007
|
+
--x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
|
|
4008
|
+
--x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
|
|
4009
|
+
--x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
|
|
4010
|
+
--x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
|
|
4011
|
+
--x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
|
|
4012
|
+
--x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
|
|
4013
|
+
--x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
|
|
4014
|
+
--x-size-border-width-suggestion-group-default: 0;
|
|
4015
|
+
--x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
|
|
4016
|
+
--x-size-border-width-right-suggestion-group-default: var(
|
|
4017
|
+
--x-size-border-width-suggestion-default
|
|
4018
|
+
);
|
|
4019
|
+
--x-size-border-width-bottom-suggestion-group-default: var(
|
|
4020
|
+
--x-size-border-width-suggestion-default
|
|
4021
|
+
);
|
|
4022
|
+
--x-size-border-width-left-suggestion-group-default: var(
|
|
4023
|
+
--x-size-border-width-suggestion-default
|
|
4024
|
+
);
|
|
4025
|
+
--x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
|
|
4026
|
+
--x-size-border-radius-top-left-suggestion-group-default: var(
|
|
4027
|
+
--x-size-border-radius-suggestion-default
|
|
4028
|
+
);
|
|
4029
|
+
--x-size-border-radius-top-right-suggestion-group-default: var(
|
|
4030
|
+
--x-size-border-radius-suggestion-default
|
|
4031
|
+
);
|
|
4032
|
+
--x-size-border-radius-bottom-right-suggestion-group-default: var(
|
|
4033
|
+
--x-size-border-radius-suggestion-default
|
|
4034
|
+
);
|
|
4035
|
+
--x-size-border-radius-bottom-left-suggestion-group-default: var(
|
|
4036
|
+
--x-size-border-radius-suggestion-default
|
|
4037
|
+
);
|
|
4038
|
+
--x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
|
|
4039
|
+
--x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
|
|
4040
|
+
--x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
|
|
4041
|
+
--x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
|
|
4042
|
+
}
|
|
4002
4043
|
|
|
4003
4044
|
[dir="ltr"] .x-suggestion-group {
|
|
4004
4045
|
padding-left: var(--x-size-padding-left-suggestion-group-default);
|
|
@@ -4074,47 +4115,6 @@
|
|
|
4074
4115
|
--x-size-padding-left-button-default: 0;
|
|
4075
4116
|
border: none;
|
|
4076
4117
|
}
|
|
4077
|
-
:root {
|
|
4078
|
-
--x-color-text-suggestion-group-default: var(--x-color-text-suggestion-default);
|
|
4079
|
-
--x-color-text-suggestion-group-matching-part-default: var(
|
|
4080
|
-
--x-color-text-suggestion-matching-part-default
|
|
4081
|
-
);
|
|
4082
|
-
--x-color-background-suggestion-group-default: var(--x-color-background-suggestion-default);
|
|
4083
|
-
--x-color-border-suggestion-group-default: var(--x-color-text-suggestion-group-default);
|
|
4084
|
-
--x-size-padding-top-suggestion-group-default: var(--x-size-padding-top-suggestion-default);
|
|
4085
|
-
--x-size-padding-right-suggestion-group-default: var(--x-size-padding-right-suggestion-default);
|
|
4086
|
-
--x-size-padding-bottom-suggestion-group-default: var(--x-size-padding-bottom-suggestion-default);
|
|
4087
|
-
--x-size-padding-left-suggestion-group-default: var(--x-size-padding-left-suggestion-default);
|
|
4088
|
-
--x-size-gap-suggestion-group-default: var(--x-size-gap-suggestion-default);
|
|
4089
|
-
--x-size-border-width-suggestion-group-default: 0;
|
|
4090
|
-
--x-size-border-width-top-suggestion-group-default: var(--x-size-border-width-suggestion-default);
|
|
4091
|
-
--x-size-border-width-right-suggestion-group-default: var(
|
|
4092
|
-
--x-size-border-width-suggestion-default
|
|
4093
|
-
);
|
|
4094
|
-
--x-size-border-width-bottom-suggestion-group-default: var(
|
|
4095
|
-
--x-size-border-width-suggestion-default
|
|
4096
|
-
);
|
|
4097
|
-
--x-size-border-width-left-suggestion-group-default: var(
|
|
4098
|
-
--x-size-border-width-suggestion-default
|
|
4099
|
-
);
|
|
4100
|
-
--x-size-border-radius-suggestion-group-default: var(--x-size-border-radius-base-none);
|
|
4101
|
-
--x-size-border-radius-top-left-suggestion-group-default: var(
|
|
4102
|
-
--x-size-border-radius-suggestion-default
|
|
4103
|
-
);
|
|
4104
|
-
--x-size-border-radius-top-right-suggestion-group-default: var(
|
|
4105
|
-
--x-size-border-radius-suggestion-default
|
|
4106
|
-
);
|
|
4107
|
-
--x-size-border-radius-bottom-right-suggestion-group-default: var(
|
|
4108
|
-
--x-size-border-radius-suggestion-default
|
|
4109
|
-
);
|
|
4110
|
-
--x-size-border-radius-bottom-left-suggestion-group-default: var(
|
|
4111
|
-
--x-size-border-radius-suggestion-default
|
|
4112
|
-
);
|
|
4113
|
-
--x-font-family-suggestion-group-default: var(--x-font-family-suggestion-default);
|
|
4114
|
-
--x-size-font-suggestion-group-default: var(--x-size-font-suggestion-default);
|
|
4115
|
-
--x-size-line-height-suggestion-group-default: var(--x-size-line-height-suggestion-default);
|
|
4116
|
-
--x-number-font-weight-suggestion-group-default: var(--x-number-font-weight-suggestion-default);
|
|
4117
|
-
}
|
|
4118
4118
|
:root {
|
|
4119
4119
|
--x-string-align-items-suggestion-default: center;
|
|
4120
4120
|
--x-color-text-suggestion-default: var(--x-color-text-default);
|
|
@@ -6593,6 +6593,97 @@
|
|
|
6593
6593
|
--x-size-align-list: stretch;
|
|
6594
6594
|
--x-size-align-list-stretch: stretch;
|
|
6595
6595
|
}
|
|
6596
|
+
:root {
|
|
6597
|
+
--x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
|
|
6598
|
+
--x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6599
|
+
--x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6600
|
+
--x-size-border-radius-bottom-right-input-group-pill: var(
|
|
6601
|
+
--x-size-border-radius-input-group-pill
|
|
6602
|
+
);
|
|
6603
|
+
--x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6604
|
+
}
|
|
6605
|
+
:root {
|
|
6606
|
+
--x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
|
|
6607
|
+
--x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6608
|
+
--x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6609
|
+
--x-size-border-radius-bottom-right-input-group-pill: var(
|
|
6610
|
+
--x-size-border-radius-input-group-pill
|
|
6611
|
+
);
|
|
6612
|
+
--x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6613
|
+
}
|
|
6614
|
+
|
|
6615
|
+
.x-input-group--pill.x-input-group,
|
|
6616
|
+
.x-input-group--pill .x-input-group {
|
|
6617
|
+
--x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
|
|
6618
|
+
--x-size-border-radius-top-left-input-group-default: var(
|
|
6619
|
+
--x-size-border-radius-top-left-input-group-pill
|
|
6620
|
+
);
|
|
6621
|
+
--x-size-border-radius-top-right-input-group-default: var(
|
|
6622
|
+
--x-size-border-radius-top-right-input-group-pill
|
|
6623
|
+
);
|
|
6624
|
+
--x-size-border-radius-bottom-right-input-group-default: var(
|
|
6625
|
+
--x-size-border-radius-bottom-right-input-group-pill
|
|
6626
|
+
);
|
|
6627
|
+
--x-size-border-radius-bottom-left-input-group-default: var(
|
|
6628
|
+
--x-size-border-radius-bottom-left-input-group-pill
|
|
6629
|
+
);
|
|
6630
|
+
}
|
|
6631
|
+
:root {
|
|
6632
|
+
--x-size-padding-left-input-group-line: 0;
|
|
6633
|
+
--x-size-padding-right-input-group-line: 0;
|
|
6634
|
+
--x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
|
|
6635
|
+
--x-size-border-width-top-input-group-line: 0;
|
|
6636
|
+
--x-size-border-width-right-input-group-line: 0;
|
|
6637
|
+
--x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
|
|
6638
|
+
--x-size-border-width-left-input-group-line: 0;
|
|
6639
|
+
}
|
|
6640
|
+
:root {
|
|
6641
|
+
--x-size-padding-left-input-group-line: 0;
|
|
6642
|
+
--x-size-padding-right-input-group-line: 0;
|
|
6643
|
+
--x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
|
|
6644
|
+
--x-size-border-width-top-input-group-line: 0;
|
|
6645
|
+
--x-size-border-width-right-input-group-line: 0;
|
|
6646
|
+
--x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
|
|
6647
|
+
--x-size-border-width-left-input-group-line: 0;
|
|
6648
|
+
}
|
|
6649
|
+
|
|
6650
|
+
.x-input-group--line .x-input-group,
|
|
6651
|
+
.x-input-group--line.x-input-group {
|
|
6652
|
+
--x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
|
|
6653
|
+
--x-size-border-width-right-input-group-default: var(
|
|
6654
|
+
--x-size-border-width-right-input-group-line
|
|
6655
|
+
);
|
|
6656
|
+
--x-size-border-width-bottom-input-group-default: var(
|
|
6657
|
+
--x-size-border-width-bottom-input-group-line
|
|
6658
|
+
);
|
|
6659
|
+
--x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
|
|
6660
|
+
}
|
|
6661
|
+
.x-input-group--line .x-input-group > *:not(.x-input-group__action),
|
|
6662
|
+
.x-input-group--line.x-input-group > *:not(.x-input-group__action) {
|
|
6663
|
+
--x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
|
|
6664
|
+
--x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
|
|
6665
|
+
}
|
|
6666
|
+
[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
|
|
6667
|
+
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6668
|
+
margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
|
|
6669
|
+
}
|
|
6670
|
+
[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
|
|
6671
|
+
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6672
|
+
margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
|
|
6673
|
+
}
|
|
6674
|
+
[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
|
|
6675
|
+
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6676
|
+
margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
|
|
6677
|
+
}
|
|
6678
|
+
[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
|
|
6679
|
+
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6680
|
+
margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
|
|
6681
|
+
}
|
|
6682
|
+
.x-input-group--line .x-input-group > .x-input-group__action,
|
|
6683
|
+
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6684
|
+
margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
|
|
6685
|
+
margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
|
|
6686
|
+
}
|
|
6596
6687
|
:root {
|
|
6597
6688
|
--x-string-flow-list: column nowrap;
|
|
6598
6689
|
--x-size-padding-list: 0;
|
|
@@ -6741,97 +6832,6 @@
|
|
|
6741
6832
|
.x-list > .x-list__item--12 {
|
|
6742
6833
|
flex: 12 1 auto;
|
|
6743
6834
|
}
|
|
6744
|
-
:root {
|
|
6745
|
-
--x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
|
|
6746
|
-
--x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6747
|
-
--x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6748
|
-
--x-size-border-radius-bottom-right-input-group-pill: var(
|
|
6749
|
-
--x-size-border-radius-input-group-pill
|
|
6750
|
-
);
|
|
6751
|
-
--x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6752
|
-
}
|
|
6753
|
-
:root {
|
|
6754
|
-
--x-size-border-radius-input-group-pill: var(--x-size-border-radius-base-pill);
|
|
6755
|
-
--x-size-border-radius-top-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6756
|
-
--x-size-border-radius-top-right-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6757
|
-
--x-size-border-radius-bottom-right-input-group-pill: var(
|
|
6758
|
-
--x-size-border-radius-input-group-pill
|
|
6759
|
-
);
|
|
6760
|
-
--x-size-border-radius-bottom-left-input-group-pill: var(--x-size-border-radius-input-group-pill);
|
|
6761
|
-
}
|
|
6762
|
-
|
|
6763
|
-
.x-input-group--pill.x-input-group,
|
|
6764
|
-
.x-input-group--pill .x-input-group {
|
|
6765
|
-
--x-size-border-radius-input-group-default: var(--x-size-border-radius-input-group-pill);
|
|
6766
|
-
--x-size-border-radius-top-left-input-group-default: var(
|
|
6767
|
-
--x-size-border-radius-top-left-input-group-pill
|
|
6768
|
-
);
|
|
6769
|
-
--x-size-border-radius-top-right-input-group-default: var(
|
|
6770
|
-
--x-size-border-radius-top-right-input-group-pill
|
|
6771
|
-
);
|
|
6772
|
-
--x-size-border-radius-bottom-right-input-group-default: var(
|
|
6773
|
-
--x-size-border-radius-bottom-right-input-group-pill
|
|
6774
|
-
);
|
|
6775
|
-
--x-size-border-radius-bottom-left-input-group-default: var(
|
|
6776
|
-
--x-size-border-radius-bottom-left-input-group-pill
|
|
6777
|
-
);
|
|
6778
|
-
}
|
|
6779
|
-
:root {
|
|
6780
|
-
--x-size-padding-left-input-group-line: 0;
|
|
6781
|
-
--x-size-padding-right-input-group-line: 0;
|
|
6782
|
-
--x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
|
|
6783
|
-
--x-size-border-width-top-input-group-line: 0;
|
|
6784
|
-
--x-size-border-width-right-input-group-line: 0;
|
|
6785
|
-
--x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
|
|
6786
|
-
--x-size-border-width-left-input-group-line: 0;
|
|
6787
|
-
}
|
|
6788
|
-
:root {
|
|
6789
|
-
--x-size-padding-left-input-group-line: 0;
|
|
6790
|
-
--x-size-padding-right-input-group-line: 0;
|
|
6791
|
-
--x-size-border-width-input-group-line: var(--x-size-border-width-input-group-default);
|
|
6792
|
-
--x-size-border-width-top-input-group-line: 0;
|
|
6793
|
-
--x-size-border-width-right-input-group-line: 0;
|
|
6794
|
-
--x-size-border-width-bottom-input-group-line: var(--x-size-border-width-input-group-line);
|
|
6795
|
-
--x-size-border-width-left-input-group-line: 0;
|
|
6796
|
-
}
|
|
6797
|
-
|
|
6798
|
-
.x-input-group--line .x-input-group,
|
|
6799
|
-
.x-input-group--line.x-input-group {
|
|
6800
|
-
--x-size-border-width-top-input-group-default: var(--x-size-border-width-top-input-group-line);
|
|
6801
|
-
--x-size-border-width-right-input-group-default: var(
|
|
6802
|
-
--x-size-border-width-right-input-group-line
|
|
6803
|
-
);
|
|
6804
|
-
--x-size-border-width-bottom-input-group-default: var(
|
|
6805
|
-
--x-size-border-width-bottom-input-group-line
|
|
6806
|
-
);
|
|
6807
|
-
--x-size-border-width-left-input-group-default: var(--x-size-border-width-left-input-group-line);
|
|
6808
|
-
}
|
|
6809
|
-
.x-input-group--line .x-input-group > *:not(.x-input-group__action),
|
|
6810
|
-
.x-input-group--line.x-input-group > *:not(.x-input-group__action) {
|
|
6811
|
-
--x-size-padding-right-input-group-default: var(--x-size-padding-right-input-group-line);
|
|
6812
|
-
--x-size-padding-left-input-group-default: var(--x-size-padding-left-input-group-line);
|
|
6813
|
-
}
|
|
6814
|
-
[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
|
|
6815
|
-
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6816
|
-
margin-right: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
|
|
6817
|
-
}
|
|
6818
|
-
[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
|
|
6819
|
-
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6820
|
-
margin-left: calc(var(--x-size-border-width-right-input-group-line) * -1) !important;
|
|
6821
|
-
}
|
|
6822
|
-
[dir="ltr"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="ltr"]
|
|
6823
|
-
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6824
|
-
margin-left: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
|
|
6825
|
-
}
|
|
6826
|
-
[dir="rtl"] .x-input-group--line .x-input-group > .x-input-group__action,[dir="rtl"]
|
|
6827
|
-
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6828
|
-
margin-right: calc(var(--x-size-border-width-inline-input-group-line) * -1) !important;
|
|
6829
|
-
}
|
|
6830
|
-
.x-input-group--line .x-input-group > .x-input-group__action,
|
|
6831
|
-
.x-input-group--line.x-input-group > .x-input-group__action {
|
|
6832
|
-
margin-top: calc(var(--x-size-border-width-top-input-group-line) * -1) !important;
|
|
6833
|
-
margin-bottom: calc(var(--x-size-border-width-bottom-input-group-line) * -1) !important;
|
|
6834
|
-
}
|
|
6835
6835
|
:root {
|
|
6836
6836
|
--x-color-background-input-group-default: var(--x-color-background-input-default);
|
|
6837
6837
|
--x-color-border-input-group-default: var(--x-color-border-input-default);
|
|
@@ -8168,79 +8168,6 @@
|
|
|
8168
8168
|
--x-string-overflow-dropdown-toggle-default: hidden;
|
|
8169
8169
|
--x-string-overflow-dropdown-list-default: hidden;
|
|
8170
8170
|
}
|
|
8171
|
-
:root {
|
|
8172
|
-
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
|
|
8173
|
-
--x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8174
|
-
--x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8175
|
-
--x-size-border-radius-bottom-right-dropdown-default: var(
|
|
8176
|
-
--x-size-border-radius-dropdown-default
|
|
8177
|
-
);
|
|
8178
|
-
--x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8179
|
-
--x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
|
|
8180
|
-
--x-size-border-width-top-dropdown-toggle-default: var(
|
|
8181
|
-
--x-size-border-width-dropdown-toggle-default
|
|
8182
|
-
);
|
|
8183
|
-
--x-size-border-width-right-dropdown-toggle-default: var(
|
|
8184
|
-
--x-size-border-width-dropdown-toggle-default
|
|
8185
|
-
);
|
|
8186
|
-
--x-size-border-width-bottom-dropdown-toggle-default: var(
|
|
8187
|
-
--x-size-border-width-dropdown-toggle-default
|
|
8188
|
-
);
|
|
8189
|
-
--x-size-border-width-left-dropdown-toggle-default: var(
|
|
8190
|
-
--x-size-border-width-dropdown-toggle-default
|
|
8191
|
-
);
|
|
8192
|
-
--x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
|
|
8193
|
-
--x-size-border-width-top-dropdown-list-default: 0;
|
|
8194
|
-
--x-size-border-width-right-dropdown-list-default: var(
|
|
8195
|
-
--x-size-border-width-dropdown-list-default
|
|
8196
|
-
);
|
|
8197
|
-
--x-size-border-width-bottom-dropdown-list-default: var(
|
|
8198
|
-
--x-size-border-width-dropdown-list-default
|
|
8199
|
-
);
|
|
8200
|
-
--x-size-border-width-left-dropdown-list-default: var(
|
|
8201
|
-
--x-size-border-width-dropdown-list-default
|
|
8202
|
-
);
|
|
8203
|
-
--x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
|
|
8204
|
-
--x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
|
|
8205
|
-
--x-color-background-dropdown-default: var(--x-color-base-neutral-100);
|
|
8206
|
-
--x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
|
|
8207
|
-
--x-color-background-dropdown-toggle-open-default: var(
|
|
8208
|
-
--x-color-background-dropdown-toggle-default
|
|
8209
|
-
);
|
|
8210
|
-
--x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
|
|
8211
|
-
--x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
|
|
8212
|
-
--x-color-text-dropdown-default: var(--x-color-text-default);
|
|
8213
|
-
--x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
|
|
8214
|
-
--x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
|
|
8215
|
-
--x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
|
|
8216
|
-
--x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
|
|
8217
|
-
--x-font-family-dropdown-default: var(--x-font-family-text);
|
|
8218
|
-
--x-size-font-dropdown-default: var(--x-size-font-text);
|
|
8219
|
-
--x-size-line-height-dropdown-default: var(--x-size-line-height-text);
|
|
8220
|
-
--x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
|
|
8221
|
-
--x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
|
|
8222
|
-
--x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
|
|
8223
|
-
--x-font-decoration-dropdown-item-default-hover: none;
|
|
8224
|
-
--x-font-decoration-dropdown-item-default-selected: none;
|
|
8225
|
-
--x-size-width-dropdown-toggle-default: 100%;
|
|
8226
|
-
--x-size-min-width-dropdown-list-default: 100%;
|
|
8227
|
-
--x-size-gap-dropdown-default: 0;
|
|
8228
|
-
--x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
|
|
8229
|
-
--x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
|
|
8230
|
-
--x-size-padding-bottom-dropdown-toggle-default: var(
|
|
8231
|
-
--x-size-padding-bottom-dropdown-item-default
|
|
8232
|
-
);
|
|
8233
|
-
--x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
|
|
8234
|
-
--x-size-padding-vertical-dropdown-list-default: 0;
|
|
8235
|
-
--x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
|
|
8236
|
-
--x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
|
|
8237
|
-
--x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
|
|
8238
|
-
--x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
|
|
8239
|
-
--x-size-gap-dropdown-item-default: var(--x-size-base-03);
|
|
8240
|
-
--x-string-box-shadow-dropdown-default: none;
|
|
8241
|
-
--x-string-overflow-dropdown-toggle-default: hidden;
|
|
8242
|
-
--x-string-overflow-dropdown-list-default: hidden;
|
|
8243
|
-
}
|
|
8244
8171
|
|
|
8245
8172
|
.x-dropdown {
|
|
8246
8173
|
box-sizing: border-box;
|
|
@@ -8476,6 +8403,79 @@
|
|
|
8476
8403
|
--x-size-border-width-bottom-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8477
8404
|
--x-size-border-width-left-button-tertiary: var(--x-size-border-width-button-tertiary);
|
|
8478
8405
|
}
|
|
8406
|
+
:root {
|
|
8407
|
+
--x-size-border-radius-dropdown-default: var(--x-size-border-radius-base-none);
|
|
8408
|
+
--x-size-border-radius-top-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8409
|
+
--x-size-border-radius-top-right-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8410
|
+
--x-size-border-radius-bottom-right-dropdown-default: var(
|
|
8411
|
+
--x-size-border-radius-dropdown-default
|
|
8412
|
+
);
|
|
8413
|
+
--x-size-border-radius-bottom-left-dropdown-default: var(--x-size-border-radius-dropdown-default);
|
|
8414
|
+
--x-size-border-width-dropdown-toggle-default: var(--x-size-border-width-base);
|
|
8415
|
+
--x-size-border-width-top-dropdown-toggle-default: var(
|
|
8416
|
+
--x-size-border-width-dropdown-toggle-default
|
|
8417
|
+
);
|
|
8418
|
+
--x-size-border-width-right-dropdown-toggle-default: var(
|
|
8419
|
+
--x-size-border-width-dropdown-toggle-default
|
|
8420
|
+
);
|
|
8421
|
+
--x-size-border-width-bottom-dropdown-toggle-default: var(
|
|
8422
|
+
--x-size-border-width-dropdown-toggle-default
|
|
8423
|
+
);
|
|
8424
|
+
--x-size-border-width-left-dropdown-toggle-default: var(
|
|
8425
|
+
--x-size-border-width-dropdown-toggle-default
|
|
8426
|
+
);
|
|
8427
|
+
--x-size-border-width-dropdown-list-default: var(--x-size-border-width-base);
|
|
8428
|
+
--x-size-border-width-top-dropdown-list-default: 0;
|
|
8429
|
+
--x-size-border-width-right-dropdown-list-default: var(
|
|
8430
|
+
--x-size-border-width-dropdown-list-default
|
|
8431
|
+
);
|
|
8432
|
+
--x-size-border-width-bottom-dropdown-list-default: var(
|
|
8433
|
+
--x-size-border-width-dropdown-list-default
|
|
8434
|
+
);
|
|
8435
|
+
--x-size-border-width-left-dropdown-list-default: var(
|
|
8436
|
+
--x-size-border-width-dropdown-list-default
|
|
8437
|
+
);
|
|
8438
|
+
--x-color-border-dropdown-toggle-default: var(--x-color-base-neutral-95);
|
|
8439
|
+
--x-color-border-dropdown-list-default: var(--x-color-border-dropdown-toggle-default);
|
|
8440
|
+
--x-color-background-dropdown-default: var(--x-color-base-neutral-100);
|
|
8441
|
+
--x-color-background-dropdown-toggle-default: var(--x-color-base-neutral-100);
|
|
8442
|
+
--x-color-background-dropdown-toggle-open-default: var(
|
|
8443
|
+
--x-color-background-dropdown-toggle-default
|
|
8444
|
+
);
|
|
8445
|
+
--x-color-background-dropdown-item-default-selected: var(--x-color-base-neutral-95);
|
|
8446
|
+
--x-color-background-dropdown-item-default-hover: var(--x-color-base-neutral-95);
|
|
8447
|
+
--x-color-text-dropdown-default: var(--x-color-text-default);
|
|
8448
|
+
--x-color-text-dropdown-toggle-default: var(--x-color-text-dropdown-default);
|
|
8449
|
+
--x-color-text-dropdown-toggle-default-selected: var(--x-color-base-neutral-35);
|
|
8450
|
+
--x-color-text-dropdown-item-default-hover: var(--x-color-base-neutral-35);
|
|
8451
|
+
--x-color-text-dropdown-item-default-selected: var(--x-color-text-default);
|
|
8452
|
+
--x-font-family-dropdown-default: var(--x-font-family-text);
|
|
8453
|
+
--x-size-font-dropdown-default: var(--x-size-font-text);
|
|
8454
|
+
--x-size-line-height-dropdown-default: var(--x-size-line-height-text);
|
|
8455
|
+
--x-number-font-weight-dropdown-default: var(--x-number-font-weight-base-regular);
|
|
8456
|
+
--x-number-font-weight-dropdown-item-default-hover: var(--x-number-font-weight-base-bold);
|
|
8457
|
+
--x-number-font-weight-dropdown-item-default-selected: var(--x-number-font-weight-base-regular);
|
|
8458
|
+
--x-font-decoration-dropdown-item-default-hover: none;
|
|
8459
|
+
--x-font-decoration-dropdown-item-default-selected: none;
|
|
8460
|
+
--x-size-width-dropdown-toggle-default: 100%;
|
|
8461
|
+
--x-size-min-width-dropdown-list-default: 100%;
|
|
8462
|
+
--x-size-gap-dropdown-default: 0;
|
|
8463
|
+
--x-size-padding-top-dropdown-toggle-default: var(--x-size-padding-top-dropdown-item-default);
|
|
8464
|
+
--x-size-padding-right-dropdown-toggle-default: var(--x-size-padding-right-dropdown-item-default);
|
|
8465
|
+
--x-size-padding-bottom-dropdown-toggle-default: var(
|
|
8466
|
+
--x-size-padding-bottom-dropdown-item-default
|
|
8467
|
+
);
|
|
8468
|
+
--x-size-padding-left-dropdown-toggle-default: var(--x-size-padding-left-dropdown-item-default);
|
|
8469
|
+
--x-size-padding-vertical-dropdown-list-default: 0;
|
|
8470
|
+
--x-size-padding-top-dropdown-item-default: var(--x-size-base-04);
|
|
8471
|
+
--x-size-padding-right-dropdown-item-default: var(--x-size-base-05);
|
|
8472
|
+
--x-size-padding-bottom-dropdown-item-default: var(--x-size-base-04);
|
|
8473
|
+
--x-size-padding-left-dropdown-item-default: var(--x-size-base-05);
|
|
8474
|
+
--x-size-gap-dropdown-item-default: var(--x-size-base-03);
|
|
8475
|
+
--x-string-box-shadow-dropdown-default: none;
|
|
8476
|
+
--x-string-overflow-dropdown-toggle-default: hidden;
|
|
8477
|
+
--x-string-overflow-dropdown-list-default: hidden;
|
|
8478
|
+
}
|
|
8479
8479
|
:root {
|
|
8480
8480
|
--x-color-background-button-tertiary: var(--x-color-base-neutral-95);
|
|
8481
8481
|
--x-color-border-button-tertiary: var(--x-color-base-neutral-70);
|
|
@@ -8535,13 +8535,6 @@
|
|
|
8535
8535
|
--x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
|
|
8536
8536
|
--x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
|
|
8537
8537
|
}
|
|
8538
|
-
:root {
|
|
8539
|
-
--x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
|
|
8540
|
-
--x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
|
|
8541
|
-
--x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
|
|
8542
|
-
--x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
|
|
8543
|
-
--x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
|
|
8544
|
-
}
|
|
8545
8538
|
|
|
8546
8539
|
.x-button--round.x-button,
|
|
8547
8540
|
.x-button--round .x-button {
|
|
@@ -8843,6 +8836,26 @@
|
|
|
8843
8836
|
.x-badge-container {
|
|
8844
8837
|
position: relative;
|
|
8845
8838
|
}
|
|
8839
|
+
:root {
|
|
8840
|
+
--x-color-base-lead: #243d48;
|
|
8841
|
+
--x-color-base-auxiliary: #bfe1ec;
|
|
8842
|
+
--x-color-base-neutral-10: #1a1a1a;
|
|
8843
|
+
--x-color-base-neutral-35: #595959;
|
|
8844
|
+
--x-color-base-neutral-70: #b3b3b3;
|
|
8845
|
+
--x-color-base-neutral-95: #f2f2f2;
|
|
8846
|
+
--x-color-base-neutral-100: #ffffff;
|
|
8847
|
+
--x-color-base-accent: #0086b2;
|
|
8848
|
+
--x-color-base-enable: #00705c;
|
|
8849
|
+
--x-color-base-disable: #e11f26;
|
|
8850
|
+
--x-color-base-transparent: transparent;
|
|
8851
|
+
}
|
|
8852
|
+
:root {
|
|
8853
|
+
--x-size-border-radius-base-none: 0;
|
|
8854
|
+
--x-size-border-radius-base-s: var(--x-size-base-02);
|
|
8855
|
+
--x-size-border-radius-base-m: var(--x-size-base-06);
|
|
8856
|
+
--x-size-border-radius-base-pill: 99999px;
|
|
8857
|
+
--x-size-border-width-base: 1px;
|
|
8858
|
+
}
|
|
8846
8859
|
:root {
|
|
8847
8860
|
--x-size-base-01: 2px;
|
|
8848
8861
|
--x-size-base-02: 4px;
|
|
@@ -8866,22 +8879,9 @@
|
|
|
8866
8879
|
--x-size-base-20: 344px;
|
|
8867
8880
|
}
|
|
8868
8881
|
:root {
|
|
8869
|
-
--x-
|
|
8870
|
-
--x-
|
|
8871
|
-
--x-
|
|
8872
|
-
--x-
|
|
8873
|
-
--x-
|
|
8874
|
-
--x-color-base-neutral-95: #f2f2f2;
|
|
8875
|
-
--x-color-base-neutral-100: #ffffff;
|
|
8876
|
-
--x-color-base-accent: #0086b2;
|
|
8877
|
-
--x-color-base-enable: #00705c;
|
|
8878
|
-
--x-color-base-disable: #e11f26;
|
|
8879
|
-
--x-color-base-transparent: transparent;
|
|
8880
|
-
}
|
|
8881
|
-
:root {
|
|
8882
|
-
--x-size-border-radius-base-none: 0;
|
|
8883
|
-
--x-size-border-radius-base-s: var(--x-size-base-02);
|
|
8884
|
-
--x-size-border-radius-base-m: var(--x-size-base-06);
|
|
8885
|
-
--x-size-border-radius-base-pill: 99999px;
|
|
8886
|
-
--x-size-border-width-base: 1px;
|
|
8882
|
+
--x-size-border-radius-button-round: var(--x-size-border-radius-base-pill);
|
|
8883
|
+
--x-size-border-radius-top-left-button-round: var(--x-size-border-radius-button-round);
|
|
8884
|
+
--x-size-border-radius-top-right-button-round: var(--x-size-border-radius-button-round);
|
|
8885
|
+
--x-size-border-radius-bottom-right-button-round: var(--x-size-border-radius-button-round);
|
|
8886
|
+
--x-size-border-radius-bottom-left-button-round: var(--x-size-border-radius-button-round);
|
|
8887
8887
|
}
|
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.89",
|
|
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.18",
|
|
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": "558d522cf94c5dcecee09689de8aea5b2d16cbfe"
|
|
146
146
|
}
|