@kdcloudjs/kdesign 1.3.2 → 1.3.3
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 +27 -1
- package/dist/kdesign-complete.less +171 -103
- package/dist/kdesign.css +160 -73
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +346 -268
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/button/group.js +2 -1
- package/es/button/style/index.css +20 -19
- package/es/button/style/index.less +29 -27
- package/es/button/style/token.less +4 -4
- package/es/checkbox/checkbox.js +20 -12
- package/es/config-provider/compDefaultProps.d.ts +0 -1
- package/es/config-provider/compDefaultProps.js +1 -2
- package/es/menu/menu.d.ts +1 -1
- package/es/menu/menu.js +51 -19
- package/es/menu/menuItem.d.ts +1 -0
- package/es/menu/menuItem.js +14 -10
- package/es/menu/style/index.css +139 -53
- package/es/menu/style/index.less +101 -69
- package/es/menu/style/mixin.less +33 -1
- package/es/menu/style/token.less +4 -2
- package/es/menu/subMenu.d.ts +1 -1
- package/es/menu/subMenu.js +118 -112
- package/es/radio/radio.d.ts +1 -1
- package/es/radio/radio.js +18 -11
- package/es/select/select.js +9 -2
- package/lib/button/group.js +2 -1
- package/lib/button/style/index.css +20 -19
- package/lib/button/style/index.less +29 -27
- package/lib/button/style/token.less +4 -4
- package/lib/checkbox/checkbox.js +19 -11
- package/lib/config-provider/compDefaultProps.d.ts +0 -1
- package/lib/config-provider/compDefaultProps.js +1 -2
- package/lib/menu/menu.d.ts +1 -1
- package/lib/menu/menu.js +57 -23
- package/lib/menu/menuItem.d.ts +1 -0
- package/lib/menu/menuItem.js +16 -10
- package/lib/menu/style/index.css +139 -53
- package/lib/menu/style/index.less +101 -69
- package/lib/menu/style/mixin.less +33 -1
- package/lib/menu/style/token.less +4 -2
- package/lib/menu/subMenu.d.ts +1 -1
- package/lib/menu/subMenu.js +137 -135
- package/lib/radio/radio.d.ts +1 -1
- package/lib/radio/radio.js +30 -20
- package/lib/select/select.js +9 -2
- package/package.json +1 -1
package/dist/kdesign.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.3.
|
|
3
|
+
* @kdcloudjs/kdesign v1.3.2
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -3668,35 +3668,36 @@ template {
|
|
|
3668
3668
|
.kd-btn-group-basic-icon {
|
|
3669
3669
|
margin-left: 4px;
|
|
3670
3670
|
}
|
|
3671
|
-
.kd-btn-group-
|
|
3672
|
-
|
|
3671
|
+
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn {
|
|
3672
|
+
border-top-left-radius: 0;
|
|
3673
|
+
border-bottom-left-radius: 0;
|
|
3674
|
+
margin-left: -1px;
|
|
3673
3675
|
}
|
|
3674
|
-
.kd-btn-group-trigger .kd-btn-primary
|
|
3675
|
-
background: var(--kd-c-button-group-trigger-color-background-
|
|
3676
|
-
border-color: var(--kd-c-button-group-trigger-color-background-hover, #4c74da);
|
|
3676
|
+
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary {
|
|
3677
|
+
background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca));
|
|
3677
3678
|
}
|
|
3678
|
-
.kd-btn-group-trigger .kd-btn-primary:
|
|
3679
|
-
background: var(--kd-c-button-group-trigger-color-background-
|
|
3679
|
+
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover {
|
|
3680
|
+
background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
|
|
3681
|
+
border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
|
|
3680
3682
|
}
|
|
3681
|
-
.kd-btn-group-trigger .kd-btn-primary:
|
|
3682
|
-
background: var(--kd-c-button-group-trigger-color-background-
|
|
3683
|
+
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active {
|
|
3684
|
+
background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1));
|
|
3683
3685
|
}
|
|
3684
|
-
.kd-btn-group-trigger .kd-btn {
|
|
3685
|
-
|
|
3686
|
+
.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled {
|
|
3687
|
+
background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important;
|
|
3688
|
+
}
|
|
3689
|
+
.kd-btn-group-similar > .kd-btn:first-child {
|
|
3690
|
+
border-top-right-radius: 0;
|
|
3691
|
+
border-bottom-right-radius: 0;
|
|
3692
|
+
}
|
|
3693
|
+
.kd-btn-group-similar > .kd-btn:first-child:hover {
|
|
3694
|
+
z-index: 1;
|
|
3686
3695
|
}
|
|
3687
3696
|
.kd-btn-group .kd-btn-size-small,
|
|
3688
3697
|
.kd-btn-group .kd-btn-size-middle,
|
|
3689
3698
|
.kd-btn-group .kd-btn-size-large {
|
|
3690
3699
|
min-width: unset;
|
|
3691
3700
|
}
|
|
3692
|
-
.kd-btn-group .kd-btn:first-child {
|
|
3693
|
-
border-top-right-radius: 0;
|
|
3694
|
-
border-bottom-right-radius: 0;
|
|
3695
|
-
}
|
|
3696
|
-
.kd-btn-group .kd-btn:last-child {
|
|
3697
|
-
border-top-left-radius: 0;
|
|
3698
|
-
border-bottom-left-radius: 0;
|
|
3699
|
-
}
|
|
3700
3701
|
.kd-btn-group .kd-dropdown-menu {
|
|
3701
3702
|
padding: 0;
|
|
3702
3703
|
}
|
|
@@ -9884,13 +9885,37 @@ textarea {
|
|
|
9884
9885
|
color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
|
|
9885
9886
|
}
|
|
9886
9887
|
.light-hover {
|
|
9887
|
-
background-color: var(--kd-c-menu-light-color-background
|
|
9888
|
-
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-
|
|
9888
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9889
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9890
|
+
}
|
|
9891
|
+
.light-active {
|
|
9892
|
+
background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
|
|
9893
|
+
color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
|
|
9889
9894
|
}
|
|
9890
9895
|
.light-default {
|
|
9891
9896
|
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
9892
9897
|
background: #ffffff;
|
|
9893
9898
|
}
|
|
9899
|
+
.light {
|
|
9900
|
+
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
9901
|
+
background: #ffffff;
|
|
9902
|
+
}
|
|
9903
|
+
.light .kd-menu-submenu-hover,
|
|
9904
|
+
.light .kd-menu-submenu-sub {
|
|
9905
|
+
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
9906
|
+
background: #ffffff;
|
|
9907
|
+
}
|
|
9908
|
+
.light .kd-menu-submenu-title:hover {
|
|
9909
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9910
|
+
}
|
|
9911
|
+
.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
|
|
9912
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9913
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9914
|
+
}
|
|
9915
|
+
.light .kd-menu-item:not(.kd-menu-item-disabled):hover {
|
|
9916
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9917
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9918
|
+
}
|
|
9894
9919
|
.kd-menu {
|
|
9895
9920
|
position: relative;
|
|
9896
9921
|
width: 100%;
|
|
@@ -9913,50 +9938,15 @@ textarea {
|
|
|
9913
9938
|
.kd-menu-inline .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
|
|
9914
9939
|
color: var(--kd-c-menu-inline-color-active, var(--kd-g-color-white, #fff));
|
|
9915
9940
|
}
|
|
9941
|
+
.kd-menu-collapsed {
|
|
9942
|
+
width: 50px;
|
|
9943
|
+
min-width: auto;
|
|
9944
|
+
}
|
|
9916
9945
|
.kd-menu-vertical .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover,
|
|
9917
9946
|
.kd-menu-vertical .kd-menu-submenu-hover {
|
|
9918
9947
|
background-color: var(--kd-c-menu-sub-color-background, #121319);
|
|
9919
9948
|
color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
|
|
9920
9949
|
}
|
|
9921
|
-
.kd-menu-vertical .kd-menu-submenu {
|
|
9922
|
-
padding-right: 0;
|
|
9923
|
-
}
|
|
9924
|
-
.kd-menu-vertical .kd-menu-submenu-sub {
|
|
9925
|
-
background: var(--kd-c-menu-sub-color-background, #121319);
|
|
9926
|
-
}
|
|
9927
|
-
.kd-menu-vertical .kd-menu-submenu-sub .kd-menu-item:hover,
|
|
9928
|
-
.kd-menu-vertical .kd-menu-submenu-sub .kd-menu-item-active {
|
|
9929
|
-
color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
|
|
9930
|
-
}
|
|
9931
|
-
.kd-menu-vertical .kd-menu-submenu-sub-second,
|
|
9932
|
-
.kd-menu-vertical .kd-menu-submenu-sub-third {
|
|
9933
|
-
-webkit-animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
9934
|
-
animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
9935
|
-
opacity: 1;
|
|
9936
|
-
visibility: visible;
|
|
9937
|
-
-webkit-transition: opacity, visibility;
|
|
9938
|
-
transition: opacity, visibility;
|
|
9939
|
-
-webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
9940
|
-
transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
9941
|
-
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
9942
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
9943
|
-
}
|
|
9944
|
-
.kd-menu-vertical .kd-menu-submenu-sub-hide {
|
|
9945
|
-
opacity: 0;
|
|
9946
|
-
visibility: hidden;
|
|
9947
|
-
-webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
9948
|
-
animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
9949
|
-
-webkit-transition: opacity, visibility;
|
|
9950
|
-
transition: opacity, visibility;
|
|
9951
|
-
-webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
9952
|
-
transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
9953
|
-
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
9954
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
9955
|
-
}
|
|
9956
|
-
.kd-menu-collapsed {
|
|
9957
|
-
width: 50px;
|
|
9958
|
-
min-width: auto;
|
|
9959
|
-
}
|
|
9960
9950
|
.kd-menu-light {
|
|
9961
9951
|
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
9962
9952
|
background: #ffffff;
|
|
@@ -9967,32 +9957,28 @@ textarea {
|
|
|
9967
9957
|
background: #ffffff;
|
|
9968
9958
|
}
|
|
9969
9959
|
.kd-menu-light .kd-menu-submenu-title:hover {
|
|
9970
|
-
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-
|
|
9960
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9971
9961
|
}
|
|
9972
9962
|
.kd-menu-light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
|
|
9973
|
-
color: var(--kd-c-menu-light-color-
|
|
9974
|
-
|
|
9975
|
-
}
|
|
9976
|
-
.kd-menu-light .kd-menu-item-active {
|
|
9977
|
-
background-color: var(--kd-c-menu-light-color-background, var(--kd-g-color-background-ongoing, #f2f9ff));
|
|
9978
|
-
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-ongoing, #276ff5));
|
|
9963
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9964
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9979
9965
|
}
|
|
9980
9966
|
.kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):hover {
|
|
9981
|
-
background-color: var(--kd-c-menu-light-color-background
|
|
9982
|
-
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-
|
|
9967
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9968
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9983
9969
|
}
|
|
9984
9970
|
.kd-menu-light.kd-menu-vertical .kd-menu-submenu-sub {
|
|
9985
9971
|
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
9986
9972
|
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
9987
9973
|
}
|
|
9988
9974
|
.kd-menu-light.kd-menu-vertical .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
|
|
9989
|
-
color: var(--kd-c-menu-light-color-
|
|
9990
|
-
|
|
9975
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
9976
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
9991
9977
|
border: none;
|
|
9992
9978
|
}
|
|
9993
9979
|
.kd-menu-light.kd-menu-vertical .kd-menu-item-active {
|
|
9994
9980
|
color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
|
|
9995
|
-
background-color: var(--kd-c-menu-light-color-background
|
|
9981
|
+
background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
|
|
9996
9982
|
border: none !important;
|
|
9997
9983
|
}
|
|
9998
9984
|
.kd-menu-item {
|
|
@@ -10158,6 +10144,7 @@ textarea {
|
|
|
10158
10144
|
transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
|
|
10159
10145
|
}
|
|
10160
10146
|
.kd-menu-submenu-hover {
|
|
10147
|
+
background-color: var(--kd-c-menu-sub-color-background, #121319);
|
|
10161
10148
|
color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
|
|
10162
10149
|
}
|
|
10163
10150
|
.kd-menu-submenu-sub {
|
|
@@ -10263,6 +10250,106 @@ textarea {
|
|
|
10263
10250
|
.kd-menu-dark .kd-menu-submenu-sub-third {
|
|
10264
10251
|
background: var(--kd-c-menu-sub-color-background, #121319);
|
|
10265
10252
|
}
|
|
10253
|
+
.kd-menu-light .kd-menu-submenu-active,
|
|
10254
|
+
.kd-menu-light .kd-menu-item-active {
|
|
10255
|
+
background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
|
|
10256
|
+
color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
|
|
10257
|
+
}
|
|
10258
|
+
.kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover,
|
|
10259
|
+
.kd-menu-popper .kd-menu-submenu-hover {
|
|
10260
|
+
background-color: var(--kd-c-menu-sub-color-background, #121319);
|
|
10261
|
+
color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
|
|
10262
|
+
}
|
|
10263
|
+
.kd-menu-popper.hidden {
|
|
10264
|
+
opacity: 0;
|
|
10265
|
+
visibility: hidden;
|
|
10266
|
+
display: none;
|
|
10267
|
+
-webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10268
|
+
animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10269
|
+
-webkit-transition: opacity, visibility;
|
|
10270
|
+
transition: opacity, visibility;
|
|
10271
|
+
-webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10272
|
+
transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10273
|
+
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10274
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10275
|
+
}
|
|
10276
|
+
.kd-menu-popper .kd-menu-submenu {
|
|
10277
|
+
padding-right: 0;
|
|
10278
|
+
}
|
|
10279
|
+
.kd-menu-popper .kd-menu-submenu-sub {
|
|
10280
|
+
background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
|
|
10281
|
+
}
|
|
10282
|
+
.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:hover,
|
|
10283
|
+
.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active {
|
|
10284
|
+
color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff));
|
|
10285
|
+
}
|
|
10286
|
+
.kd-menu-popper .kd-menu-submenu-sub-second,
|
|
10287
|
+
.kd-menu-popper .kd-menu-submenu-sub-third {
|
|
10288
|
+
-webkit-animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10289
|
+
animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10290
|
+
opacity: 1;
|
|
10291
|
+
visibility: visible;
|
|
10292
|
+
-webkit-transition: opacity, visibility;
|
|
10293
|
+
transition: opacity, visibility;
|
|
10294
|
+
-webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10295
|
+
transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10296
|
+
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10297
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10298
|
+
}
|
|
10299
|
+
.kd-menu-popper .kd-menu-submenu-sub-hide {
|
|
10300
|
+
opacity: 0;
|
|
10301
|
+
visibility: hidden;
|
|
10302
|
+
-webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10303
|
+
animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s) cubic-bezier(0, 0.4, 0.4, 1) forwards;
|
|
10304
|
+
-webkit-transition: opacity, visibility;
|
|
10305
|
+
transition: opacity, visibility;
|
|
10306
|
+
-webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10307
|
+
transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, 0.3s)) - 0.1s);
|
|
10308
|
+
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10309
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
|
|
10310
|
+
}
|
|
10311
|
+
.kd-menu-popper.light {
|
|
10312
|
+
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
10313
|
+
background: #ffffff;
|
|
10314
|
+
}
|
|
10315
|
+
.kd-menu-popper.light .kd-menu-submenu-hover,
|
|
10316
|
+
.kd-menu-popper.light .kd-menu-submenu-sub {
|
|
10317
|
+
color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
|
|
10318
|
+
background: #ffffff;
|
|
10319
|
+
}
|
|
10320
|
+
.kd-menu-popper.light .kd-menu-submenu-title:hover {
|
|
10321
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
10322
|
+
}
|
|
10323
|
+
.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
|
|
10324
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
10325
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
10326
|
+
}
|
|
10327
|
+
.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):hover {
|
|
10328
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
10329
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
10330
|
+
}
|
|
10331
|
+
.kd-menu-popper.light .kd-menu-submenu-sub {
|
|
10332
|
+
-webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
10333
|
+
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
10334
|
+
}
|
|
10335
|
+
.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
|
|
10336
|
+
.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):hover {
|
|
10337
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
10338
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
10339
|
+
border: none;
|
|
10340
|
+
}
|
|
10341
|
+
.kd-menu-popper.light .kd-menu-item-hover,
|
|
10342
|
+
.kd-menu-popper.light .kd-menu-submenu-hover {
|
|
10343
|
+
background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
|
|
10344
|
+
color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
|
|
10345
|
+
border: none;
|
|
10346
|
+
}
|
|
10347
|
+
.kd-menu-popper.light .kd-menu-item-active,
|
|
10348
|
+
.kd-menu-popper.light .kd-menu-submenu-active {
|
|
10349
|
+
background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
|
|
10350
|
+
color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
|
|
10351
|
+
border: none;
|
|
10352
|
+
}
|
|
10266
10353
|
|
|
10267
10354
|
/* ----------- color ——————---- start */
|
|
10268
10355
|
/* ----------- color ——————---- end */
|