cx 26.3.9 → 26.3.10
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/build/widgets/nav/MenuItem.js +1 -1
- package/dist/manifest.js +879 -879
- package/dist/widgets.css +11 -11
- package/dist/widgets.js +1 -1
- package/package.json +1 -1
- package/src/widgets/nav/MenuItem.scss +8 -3
- package/src/widgets/nav/MenuItem.tsx +1 -1
package/dist/widgets.css
CHANGED
|
@@ -3939,7 +3939,7 @@ th.cxe-calendar-display {
|
|
|
3939
3939
|
}
|
|
3940
3940
|
|
|
3941
3941
|
.cxb-menuitem.cxs-xsmall-padding.cxs-icon {
|
|
3942
|
-
padding-left: 16px;
|
|
3942
|
+
padding-left: calc(0px + max(1lh, 16px));
|
|
3943
3943
|
}
|
|
3944
3944
|
|
|
3945
3945
|
.cxb-menuitem.cxs-xsmall-padding.cxs-empty {
|
|
@@ -3951,7 +3951,7 @@ th.cxe-calendar-display {
|
|
|
3951
3951
|
}
|
|
3952
3952
|
|
|
3953
3953
|
.cxb-menuitem.cxs-xsmall-padding > .cxe-menuitem-button {
|
|
3954
|
-
|
|
3954
|
+
left: calc(-5px + 0.5lh);
|
|
3955
3955
|
}
|
|
3956
3956
|
|
|
3957
3957
|
.cxb-menuitem.cxs-small-padding > a, .cxb-menuitem.cxs-small-padding > span {
|
|
@@ -3966,7 +3966,7 @@ th.cxe-calendar-display {
|
|
|
3966
3966
|
}
|
|
3967
3967
|
|
|
3968
3968
|
.cxb-menuitem.cxs-small-padding.cxs-icon {
|
|
3969
|
-
padding-left: 16px;
|
|
3969
|
+
padding-left: calc(0px + max(1lh, 16px));
|
|
3970
3970
|
}
|
|
3971
3971
|
|
|
3972
3972
|
.cxb-menuitem.cxs-small-padding.cxs-empty {
|
|
@@ -3978,7 +3978,7 @@ th.cxe-calendar-display {
|
|
|
3978
3978
|
}
|
|
3979
3979
|
|
|
3980
3980
|
.cxb-menuitem.cxs-small-padding > .cxe-menuitem-button {
|
|
3981
|
-
|
|
3981
|
+
left: calc(-3px + 0.5lh);
|
|
3982
3982
|
}
|
|
3983
3983
|
|
|
3984
3984
|
.cxb-menuitem.cxs-medium-padding > a, .cxb-menuitem.cxs-medium-padding > span {
|
|
@@ -3993,7 +3993,7 @@ th.cxe-calendar-display {
|
|
|
3993
3993
|
}
|
|
3994
3994
|
|
|
3995
3995
|
.cxb-menuitem.cxs-medium-padding.cxs-icon {
|
|
3996
|
-
padding-left: 16px;
|
|
3996
|
+
padding-left: calc(0px + max(1lh, 16px));
|
|
3997
3997
|
}
|
|
3998
3998
|
|
|
3999
3999
|
.cxb-menuitem.cxs-medium-padding.cxs-empty {
|
|
@@ -4005,7 +4005,7 @@ th.cxe-calendar-display {
|
|
|
4005
4005
|
}
|
|
4006
4006
|
|
|
4007
4007
|
.cxb-menuitem.cxs-medium-padding > .cxe-menuitem-button {
|
|
4008
|
-
|
|
4008
|
+
left: calc(2px + 0.5lh);
|
|
4009
4009
|
}
|
|
4010
4010
|
|
|
4011
4011
|
.cxb-menuitem.cxs-large-padding > a, .cxb-menuitem.cxs-large-padding > span {
|
|
@@ -4020,7 +4020,7 @@ th.cxe-calendar-display {
|
|
|
4020
4020
|
}
|
|
4021
4021
|
|
|
4022
4022
|
.cxb-menuitem.cxs-large-padding.cxs-icon {
|
|
4023
|
-
padding-left: 16px;
|
|
4023
|
+
padding-left: calc(0px + max(1lh, 16px));
|
|
4024
4024
|
}
|
|
4025
4025
|
|
|
4026
4026
|
.cxb-menuitem.cxs-large-padding.cxs-empty {
|
|
@@ -4032,7 +4032,7 @@ th.cxe-calendar-display {
|
|
|
4032
4032
|
}
|
|
4033
4033
|
|
|
4034
4034
|
.cxb-menuitem.cxs-large-padding > .cxe-menuitem-button {
|
|
4035
|
-
|
|
4035
|
+
left: calc(7px + 0.5lh);
|
|
4036
4036
|
}
|
|
4037
4037
|
|
|
4038
4038
|
.cxb-menuitem.cxs-xlarge-padding > a, .cxb-menuitem.cxs-xlarge-padding > span {
|
|
@@ -4047,7 +4047,7 @@ th.cxe-calendar-display {
|
|
|
4047
4047
|
}
|
|
4048
4048
|
|
|
4049
4049
|
.cxb-menuitem.cxs-xlarge-padding.cxs-icon {
|
|
4050
|
-
padding-left: 16px;
|
|
4050
|
+
padding-left: calc(0px + max(1lh, 16px));
|
|
4051
4051
|
}
|
|
4052
4052
|
|
|
4053
4053
|
.cxb-menuitem.cxs-xlarge-padding.cxs-empty {
|
|
@@ -4059,7 +4059,7 @@ th.cxe-calendar-display {
|
|
|
4059
4059
|
}
|
|
4060
4060
|
|
|
4061
4061
|
.cxb-menuitem.cxs-xlarge-padding > .cxe-menuitem-button {
|
|
4062
|
-
|
|
4062
|
+
left: calc(12px + 0.5lh);
|
|
4063
4063
|
}
|
|
4064
4064
|
|
|
4065
4065
|
.cxe-menuitem-arrow {
|
|
@@ -4076,9 +4076,9 @@ th.cxe-calendar-display {
|
|
|
4076
4076
|
|
|
4077
4077
|
.cxe-menuitem-button {
|
|
4078
4078
|
position: absolute;
|
|
4079
|
-
left: 0;
|
|
4080
4079
|
top: 0;
|
|
4081
4080
|
bottom: 0;
|
|
4081
|
+
width: max(16px, 1lh);
|
|
4082
4082
|
}
|
|
4083
4083
|
|
|
4084
4084
|
.cxe-menuitem-baseline {
|
package/dist/widgets.js
CHANGED
|
@@ -5548,7 +5548,7 @@ let MenuItemComponent$1 = class MenuItemComponent extends VDOM.Component {
|
|
|
5548
5548
|
onFocus: this.onFocus.bind(this),
|
|
5549
5549
|
onClick: this.onClick.bind(this),
|
|
5550
5550
|
onBlur: this.onBlur.bind(this),
|
|
5551
|
-
children: [
|
|
5551
|
+
children: [icon, children, arrow, dropdown],
|
|
5552
5552
|
});
|
|
5553
5553
|
}
|
|
5554
5554
|
componentDidUpdate() {
|
package/package.json
CHANGED
|
@@ -80,7 +80,12 @@
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
&.#{$state}icon {
|
|
83
|
-
padding-left: cx-calc(
|
|
83
|
+
padding-left: cx-calc(
|
|
84
|
+
max(1lh, $icon-size),
|
|
85
|
+
cx-top($value),
|
|
86
|
+
cx-top($value),
|
|
87
|
+
cx-multiply(cx-left($value), -1)
|
|
88
|
+
);
|
|
84
89
|
}
|
|
85
90
|
|
|
86
91
|
&.#{$state}empty {
|
|
@@ -92,7 +97,7 @@
|
|
|
92
97
|
}
|
|
93
98
|
|
|
94
99
|
& > .#{$element}#{$name}-button {
|
|
95
|
-
|
|
100
|
+
left: cx-calc(cx-top($value), 0.5lh, cx-multiply($icon-size, -0.5));
|
|
96
101
|
}
|
|
97
102
|
}
|
|
98
103
|
}
|
|
@@ -112,9 +117,9 @@
|
|
|
112
117
|
|
|
113
118
|
.#{$element}#{$name}-button {
|
|
114
119
|
position: absolute;
|
|
115
|
-
left: 0;
|
|
116
120
|
top: 0;
|
|
117
121
|
bottom: 0;
|
|
122
|
+
width: max($icon-size, 1lh);
|
|
118
123
|
}
|
|
119
124
|
|
|
120
125
|
.#{$element}#{$name}-baseline {
|