@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.9

package/dist/style/drawer.css

@@ -1 +1,254 @@
-@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}.ball-spin-fade-loader>div:first-child{top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}.ball-spin-fade-loader>div:nth-child(2){top:17.04545px;left:17.04545px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}.ball-spin-fade-loader>div:nth-child(4){top:-17.04545px;left:17.04545px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}.ball-spin-fade-loader>div:nth-child(6){top:-17.04545px;left:-17.04545px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}.ball-spin-fade-loader>div:nth-child(8){top:17.04545px;left:-17.04545px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}.ball-spin-fade-loader>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.mds-drawer{-webkit-box-sizing:border-box;box-sizing:initial;margin:0;padding:0;display:flex;flex-direction:column;color:rgba(0,0,0,.65);background-color:#fff;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";position:relative;animation:HandleShow .3s}.mds-drawer-mask{height:100%;background-color:rgba(0,0,0,.65)}.mds-drawer-mask,.mds-drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;animation:HandleShow .3s}.mds-drawer-wrap{overflow:hidden;outline:0;overflow-scrolling:touch}.mds-drawer-header{display:flex;padding:20px;border-bottom:1px solid rgba(0,0,0,.15)}.mds-drawer-close{color:#1e2631;padding:4px;cursor:pointer}.mds-drawer-close:hover{opacity:.65}.mds-drawer-title{flex:auto;color:#333;font-weight:500;font-size:18px;line-height:22px}.mds-drawer-body{flex:1;padding:20px;font-size:14px;line-height:1.5;word-wrap:break-word;overflow:auto}.mds-drawer-footer{border-top:1px solid #f0f2f5;height:68px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end}.mds-drawer-top{position:absolute;top:0;left:0;right:0}.mds-drawer-right{position:absolute;top:0;bottom:0;right:0}.mds-drawer-bottom{position:absolute;left:0;right:0;bottom:0}.mds-drawer-left,.mds-drawer-loading{position:absolute;top:0;bottom:0;left:0}.mds-drawer-loading{right:0;z-index:99;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center}.mds-drawer-loading .ball-spin-fade-loader{transform:scale(.7)}.mds-drawer-loading .ball-spin-fade-loader>div{background:#0364ff}.demo-drawer-diy .mds-drawer-body{padding:0}.demo-drawer-diy .mds-drawer-body .title{padding-left:20px;color:#333;font-weight:500;font-size:18px;line-height:63px;border-bottom:1px solid rgba(0,0,0,.15)}.demo-drawer-diy .mds-drawer-body .content{width:100%;padding:20px}.demo-drawer-diy .mds-drawer-body .content p{color:#909399;line-height:40px}.demo-drawer-diy .mds-drawer-body .content p span{color:#606266}.demo-drawer-diy .mds-drawer-body .content p .green{color:#67c23a}.demo-drawer-diy .mds-drawer-body .content p .image{width:100px;height:100px;border-radius:5px;vertical-align:text-top}@keyframes HandleShow{0%{opacity:0}to{opacity:1}}
+/**
+ * Ball Spin Fade Loader Animation
+ * 用于 drawer 组件的加载动画
+ * 可被其他只需要此动画的组件复用
+ */
+@-webkit-keyframes ball-spin-fade-loader {
+  50% {
+    opacity: 0.3;
+    -webkit-transform: scale(0.4);
+    transform: scale(0.4);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes ball-spin-fade-loader {
+  50% {
+    opacity: 0.3;
+    -webkit-transform: scale(0.4);
+    transform: scale(0.4);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.ball-spin-fade-loader {
+  position: relative;
+  top: -10px;
+  left: -10px;
+}
+.ball-spin-fade-loader > div:nth-child(1) {
+  top: 25px;
+  left: 0;
+  -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.96s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(2) {
+  top: 17.04545px;
+  left: 17.04545px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.84s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(3) {
+  top: 0;
+  left: 25px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.72s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(4) {
+  top: -17.04545px;
+  left: 17.04545px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.6s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(5) {
+  top: -25px;
+  left: 0;
+  -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.48s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(6) {
+  top: -17.04545px;
+  left: -17.04545px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.36s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(7) {
+  top: 0;
+  left: -25px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.24s infinite linear;
+}
+.ball-spin-fade-loader > div:nth-child(8) {
+  top: 17.04545px;
+  left: -17.04545px;
+  -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
+  animation: ball-spin-fade-loader 1s -0.12s infinite linear;
+}
+.ball-spin-fade-loader > div {
+  background-color: #fff;
+  width: 15px;
+  height: 15px;
+  border-radius: 100%;
+  margin: 2px;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  position: absolute;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-drawer {
+  -webkit-box-sizing: border-box;
+  box-sizing: initial;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  color: rgba(0, 0, 0, 0.65);
+  background-color: #fff;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+  font-feature-settings: 'tnum';
+  position: relative;
+  animation: HandleShow .3s;
+}
+.mds-drawer-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65);
+  animation: HandleShow .3s;
+}
+.mds-drawer-wrap {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+  outline: 0;
+  overflow-scrolling: touch;
+  animation: HandleShow .3s;
+}
+.mds-drawer-header {
+  display: flex;
+  padding: 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+.mds-drawer-close {
+  color: #1E2631;
+  padding: 4px;
+  cursor: pointer;
+}
+.mds-drawer-close:hover {
+  opacity: 0.65;
+}
+.mds-drawer-title {
+  flex: auto;
+  color: #333;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 22px;
+}
+.mds-drawer-body {
+  flex: 1;
+  padding: 20px;
+  font-size: 14px;
+  line-height: 1.5;
+  word-wrap: break-word;
+  overflow: auto;
+}
+.mds-drawer-footer {
+  border-top: 1px solid #F0F2F5;
+  height: 68px;
+  padding: 0 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.mds-drawer-top {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+.mds-drawer-right {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+}
+.mds-drawer-bottom {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.mds-drawer-left {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+.mds-drawer-loading {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 99;
+  background: rgba(255, 255, 255, 0.9);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.mds-drawer-loading .ball-spin-fade-loader {
+  transform: scale(0.7, 0.7);
+}
+.mds-drawer-loading .ball-spin-fade-loader > div {
+  background: #0364ff;
+}
+.demo-drawer-diy .mds-drawer-body {
+  padding: 0;
+}
+.demo-drawer-diy .mds-drawer-body .title {
+  padding-left: 20px;
+  color: #333;
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 63px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+}
+.demo-drawer-diy .mds-drawer-body .content {
+  width: 100%;
+  padding: 20px;
+}
+.demo-drawer-diy .mds-drawer-body .content p {
+  color: #909399;
+  line-height: 40px;
+}
+.demo-drawer-diy .mds-drawer-body .content p span {
+  color: #606266;
+}
+.demo-drawer-diy .mds-drawer-body .content p .green {
+  color: #67C23A;
+}
+.demo-drawer-diy .mds-drawer-body .content p .image {
+  width: 100px;
+  height: 100px;
+  border-radius: 5px;
+  vertical-align: text-top;
+}
+@keyframes HandleShow {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */

package/dist/style/dropdown.css

@@ -1 +1,274 @@
-.mds-dropdown{position:absolute;left:-9999px;top:-9999px;z-index:1050;display:block;font-size:12px;font-weight:400;line-height:1.5}.mds-dropdown-icon{font-size:12px;color:#ccd2db}.mds-dropdown-wrap{position:relative}.mds-dropdown-wrap .mds-btn>.mdsicon-down{display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .mds-dropdown-wrap .mds-btn>.mdsicon-down{filter:none;font-size:12px}.mds-dropdown-wrap .mdsicon-down:before{transition:transform .2s ease}.mds-dropdown-wrap-open .mdsicon-down:before{transform:rotate(180deg)}.mds-dropdown-hidden,.mds-dropdown-menu-hidden{display:none}.mds-dropdown-menu{outline:none;position:relative;list-style-type:none;padding:0;margin:0;text-align:left;background-color:#fff;box-shadow:0 0 12px 0 #d8dce6;background-clip:padding-box}.mds-dropdown-menu-item-group-title{color:rgba(0,0,0,.43);padding:6px 8px;transition:all .3s}.mds-dropdown-menu-item,.mds-dropdown-menu-submenu-title{padding:7px 8px;margin:0;clear:both;font-size:14px;font-weight:400;color:#666;white-space:nowrap;cursor:pointer;transition:all .3s}.mds-dropdown-menu-item>a,.mds-dropdown-menu-submenu-title>a{color:#666;display:block;padding:7px 8px;margin:-7px -8px;transition:all .3s}.mds-dropdown-menu-item>a:focus,.mds-dropdown-menu-submenu-title>a:focus{text-decoration:none}.mds-dropdown-menu-item>a:hover,.mds-dropdown-menu-submenu-title>a:hover{color:#0364ff}.mds-dropdown-menu-item-selected,.mds-dropdown-menu-item-selected>a,.mds-dropdown-menu-submenu-title-selected,.mds-dropdown-menu-submenu-title-selected>a{color:#0364ff;background-color:#ebf3ff}.mds-dropdown-menu-item:hover,.mds-dropdown-menu-submenu-title:hover{background-color:#f2f7ff;color:#0364ff}.mds-dropdown-menu-item-disabled,.mds-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.2);background:#fafafd;cursor:not-allowed}.mds-dropdown-menu-item-disabled:hover,.mds-dropdown-menu-submenu-title-disabled:hover{color:rgba(0,0,0,.2);background-color:#fff;cursor:not-allowed}.mds-dropdown-menu-item:first-child,.mds-dropdown-menu-item:first-child>a,.mds-dropdown-menu-submenu-title:first-child,.mds-dropdown-menu-submenu-title:first-child>a{border-radius:4px 4px 0 0}.mds-dropdown-menu-item:last-child,.mds-dropdown-menu-item:last-child>a,.mds-dropdown-menu-submenu-title:last-child,.mds-dropdown-menu-submenu-title:last-child>a{border-radius:0 0 4px 4px}.mds-dropdown-menu-item:only-child,.mds-dropdown-menu-item:only-child>a,.mds-dropdown-menu-submenu-title:only-child,.mds-dropdown-menu-submenu-title:only-child>a{border-radius:4px}.mds-dropdown-menu-item-divider,.mds-dropdown-menu-submenu-title-divider{height:1px;overflow:hidden;background-color:#e9e9e9;line-height:0}.mds-dropdown-menu-submenu-title:after{margin-left:10px;font-family:mdsicon!important;color:#ccd2db;display:inline-block;font-size:12px;transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1}:root .mds-dropdown-menu-submenu-title:after{filter:none;font-size:12px}.mds-dropdown-menu-submenu-vertical{position:relative}.mds-dropdown-menu-submenu-vertical>.mds-dropdown-menu{top:0;left:100%;position:absolute;min-width:100%;margin-left:4px;transform-origin:0 0}.mds-dropdown-menu-submenu.mds-dropdown-menu-submenu-disabled .mds-dropdown-menu-submenu-title,.mds-dropdown-menu-submenu.mds-dropdown-menu-submenu-disabled .mds-dropdown-menu-submenu-title:after{color:rgba(0,0,0,.2)}.mds-dropdown-menu-submenu:first-child .mds-dropdown-menu-submenu-title{border-radius:4px 4px 0 0}.mds-dropdown-menu-submenu:last-child .mds-dropdown-menu-submenu-title{border-radius:0 0 4px 4px}.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomCenter,.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomLeft,.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomRight,.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomCenter,.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomLeft,.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomRight{animation-name:mdsSlideUpIn}.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topCenter,.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topLeft,.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topRight,.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topCenter,.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topLeft,.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topRight{animation-name:mdsSlideDownIn}.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomCenter,.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomLeft,.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomRight{animation-name:mdsSlideUpOut}.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topCenter,.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topLeft,.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topRight{animation-name:mdsSlideDownOut}.mds-dropdown-link .mdsicon-drop-down,.mds-dropdown-trigger .mdsicon-drop-down{display:inline-block;font-size:12px;font-size:10px;transform:scale(.83333333) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;color:#ccd2db}:root .mds-dropdown-link .mdsicon-drop-down,:root .mds-dropdown-trigger .mdsicon-drop-down{filter:none;font-size:12px}.mds-dropdown-button{white-space:nowrap}.mds-dropdown-button.mds-btn-group>.mds-btn:last-child:not(:first-child){padding-left:12px;padding-right:12px}.mds-dropdown-button .mdsicon-drop-down{display:inline-block;font-size:12px;transform:scale(1) rotate(0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";zoom:1;color:#ccd2db}:root .mds-dropdown-button .mdsicon-drop-down{filter:none;font-size:12px}.mds-dropdown-menu-dark,.mds-dropdown-menu-dark .mds-dropdown-menu{background:#404040}.mds-dropdown-menu-dark .mds-dropdown-menu-item,.mds-dropdown-menu-dark .mds-dropdown-menu-item:after,.mds-dropdown-menu-dark .mds-dropdown-menu-item>a,.mds-dropdown-menu-dark .mds-dropdown-menu-item>a:after,.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title,.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title:after{color:hsla(0,0%,100%,.67)}.mds-dropdown-menu-dark .mds-dropdown-menu-item:hover,.mds-dropdown-menu-dark .mds-dropdown-menu-item>a:hover,.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title:hover{color:#fff;background:transparent}.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected,.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected:hover,.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected>a{background:#0364ff;color:#fff}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-dropdown {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  z-index: 1050;
+  display: block;
+  font-size: 12px;
+  font-weight: normal;
+  line-height: 1.5;
+}
+.mds-dropdown-icon {
+  font-size: 12px;
+  color: #ccd2db;
+}
+.mds-dropdown-wrap {
+  position: relative;
+}
+.mds-dropdown-wrap .mds-btn > .mdsicon-down {
+  display: inline-block;
+  font-size: 12px;
+  font-size: 10px ;
+  transform: scale(0.83333333) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+}
+:root .mds-dropdown-wrap .mds-btn > .mdsicon-down {
+  filter: none;
+}
+:root .mds-dropdown-wrap .mds-btn > .mdsicon-down {
+  font-size: 12px;
+}
+.mds-dropdown-wrap .mdsicon-down:before {
+  transition: transform 0.2s ease;
+}
+.mds-dropdown-wrap-open .mdsicon-down:before {
+  transform: rotate(180deg);
+}
+.mds-dropdown-hidden,
+.mds-dropdown-menu-hidden {
+  display: none;
+}
+.mds-dropdown-menu {
+  outline: none;
+  position: relative;
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  text-align: left;
+  background-color: #fff;
+  box-shadow: 0px 0px 12px 0px #d8dce6;
+  background-clip: padding-box;
+}
+.mds-dropdown-menu-item-group-title {
+  color: rgba(0, 0, 0, 0.43);
+  padding: 6px 8px;
+  transition: all .3s;
+}
+.mds-dropdown-menu-item,
+.mds-dropdown-menu-submenu-title {
+  padding: 7px 8px;
+  margin: 0;
+  clear: both;
+  font-size: 14px;
+  font-weight: normal;
+  color: #666666;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: all .3s;
+}
+.mds-dropdown-menu-item > a,
+.mds-dropdown-menu-submenu-title > a {
+  color: #666;
+  display: block;
+  padding: 7px 8px;
+  margin: -7px -8px;
+  transition: all .3s;
+}
+.mds-dropdown-menu-item > a:focus,
+.mds-dropdown-menu-submenu-title > a:focus {
+  text-decoration: none;
+}
+.mds-dropdown-menu-item > a:hover,
+.mds-dropdown-menu-submenu-title > a:hover {
+  color: #0364FF ;
+}
+.mds-dropdown-menu-item-selected,
+.mds-dropdown-menu-submenu-title-selected,
+.mds-dropdown-menu-item-selected > a,
+.mds-dropdown-menu-submenu-title-selected > a {
+  color: #0364ff;
+  background-color: #ebf3ff;
+}
+.mds-dropdown-menu-item:hover,
+.mds-dropdown-menu-submenu-title:hover {
+  background-color: #F2F7FF ;
+  color: #0364FF ;
+}
+.mds-dropdown-menu-item-disabled,
+.mds-dropdown-menu-submenu-title-disabled {
+  color: rgba(0, 0, 0, 0.2);
+  background: #FAFAFD;
+  cursor: not-allowed;
+}
+.mds-dropdown-menu-item-disabled:hover,
+.mds-dropdown-menu-submenu-title-disabled:hover {
+  color: rgba(0, 0, 0, 0.2);
+  background-color: #fff;
+  cursor: not-allowed;
+}
+.mds-dropdown-menu-item:first-child,
+.mds-dropdown-menu-submenu-title:first-child,
+.mds-dropdown-menu-item:first-child > a,
+.mds-dropdown-menu-submenu-title:first-child > a {
+  border-radius: 4px 4px 0 0;
+}
+.mds-dropdown-menu-item:last-child,
+.mds-dropdown-menu-submenu-title:last-child,
+.mds-dropdown-menu-item:last-child > a,
+.mds-dropdown-menu-submenu-title:last-child > a {
+  border-radius: 0 0 4px 4px;
+}
+.mds-dropdown-menu-item:only-child,
+.mds-dropdown-menu-submenu-title:only-child,
+.mds-dropdown-menu-item:only-child > a,
+.mds-dropdown-menu-submenu-title:only-child > a {
+  border-radius: 4px;
+}
+.mds-dropdown-menu-item-divider,
+.mds-dropdown-menu-submenu-title-divider {
+  height: 1px;
+  overflow: hidden;
+  background-color: #e9e9e9;
+  line-height: 0;
+}
+.mds-dropdown-menu-submenu-title:after {
+  margin-left: 10px;
+  font-family: "mdsicon" !important;
+  color: #CCD2DB;
+  display: inline-block;
+  font-size: 12px;
+  font-size: 12px ;
+  transform: scale(1) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+}
+:root .mds-dropdown-menu-submenu-title:after {
+  filter: none;
+}
+:root .mds-dropdown-menu-submenu-title:after {
+  font-size: 12px;
+}
+.mds-dropdown-menu-submenu-vertical {
+  position: relative;
+}
+.mds-dropdown-menu-submenu-vertical > .mds-dropdown-menu {
+  top: 0;
+  left: 100%;
+  position: absolute;
+  min-width: 100%;
+  margin-left: 4px;
+  transform-origin: 0 0;
+}
+.mds-dropdown-menu-submenu.mds-dropdown-menu-submenu-disabled .mds-dropdown-menu-submenu-title,
+.mds-dropdown-menu-submenu.mds-dropdown-menu-submenu-disabled .mds-dropdown-menu-submenu-title:after {
+  color: rgba(0, 0, 0, 0.2);
+}
+.mds-dropdown-menu-submenu:first-child .mds-dropdown-menu-submenu-title {
+  border-radius: 4px 4px 0 0;
+}
+.mds-dropdown-menu-submenu:last-child .mds-dropdown-menu-submenu-title {
+  border-radius: 0 0 4px 4px;
+}
+.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomLeft,
+.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomLeft,
+.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomCenter,
+.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomCenter,
+.mds-dropdown.slide-down-enter.slide-down-enter-active.mds-dropdown-placement-bottomRight,
+.mds-dropdown.slide-down-appear.slide-down-appear-active.mds-dropdown-placement-bottomRight {
+  animation-name: mdsSlideUpIn;
+}
+.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topLeft,
+.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topLeft,
+.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topCenter,
+.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topCenter,
+.mds-dropdown.slide-up-enter.slide-up-enter-active.mds-dropdown-placement-topRight,
+.mds-dropdown.slide-up-appear.slide-up-appear-active.mds-dropdown-placement-topRight {
+  animation-name: mdsSlideDownIn;
+}
+.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomLeft,
+.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomCenter,
+.mds-dropdown.slide-down-leave.slide-down-leave-active.mds-dropdown-placement-bottomRight {
+  animation-name: mdsSlideUpOut;
+}
+.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topLeft,
+.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topCenter,
+.mds-dropdown.slide-up-leave.slide-up-leave-active.mds-dropdown-placement-topRight {
+  animation-name: mdsSlideDownOut;
+}
+.mds-dropdown-trigger .mdsicon-drop-down,
+.mds-dropdown-link .mdsicon-drop-down {
+  display: inline-block;
+  font-size: 12px;
+  font-size: 10px ;
+  transform: scale(0.83333333) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+  color: #ccd2db;
+}
+:root .mds-dropdown-trigger .mdsicon-drop-down,
+:root .mds-dropdown-link .mdsicon-drop-down {
+  filter: none;
+}
+:root .mds-dropdown-trigger .mdsicon-drop-down,
+:root .mds-dropdown-link .mdsicon-drop-down {
+  font-size: 12px;
+}
+.mds-dropdown-button {
+  white-space: nowrap;
+}
+.mds-dropdown-button.mds-btn-group > .mds-btn:last-child:not(:first-child) {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.mds-dropdown-button .mdsicon-drop-down {
+  display: inline-block;
+  font-size: 12px;
+  font-size: 12px ;
+  transform: scale(1) rotate(0deg);
+  /* IE6-IE8 */
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
+  zoom: 1;
+  color: #CCD2DB;
+}
+:root .mds-dropdown-button .mdsicon-drop-down {
+  filter: none;
+}
+:root .mds-dropdown-button .mdsicon-drop-down {
+  font-size: 12px;
+}
+.mds-dropdown-menu-dark,
+.mds-dropdown-menu-dark .mds-dropdown-menu {
+  background: #404040;
+}
+.mds-dropdown-menu-dark .mds-dropdown-menu-item,
+.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title,
+.mds-dropdown-menu-dark .mds-dropdown-menu-item > a {
+  color: rgba(255, 255, 255, 0.67);
+}
+.mds-dropdown-menu-dark .mds-dropdown-menu-item:after,
+.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title:after,
+.mds-dropdown-menu-dark .mds-dropdown-menu-item > a:after {
+  color: rgba(255, 255, 255, 0.67);
+}
+.mds-dropdown-menu-dark .mds-dropdown-menu-item:hover,
+.mds-dropdown-menu-dark .mds-dropdown-menu-submenu-title:hover,
+.mds-dropdown-menu-dark .mds-dropdown-menu-item > a:hover {
+  color: #fff;
+  background: transparent;
+}
+.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected,
+.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected:hover,
+.mds-dropdown-menu-dark .mds-dropdown-menu-item-selected > a {
+  background: #0364ff;
+  color: #fff;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */

package/dist/style/empty.css

@@ -1 +1,49 @@
-.mds-empty{text-align:center}.mds-empty-desc{font-size:14px;font-weight:400;color:#354052;line-height:22px}.mds-empty-image{height:64px;width:64px;margin:0 auto}.mds-empty-image img{height:100%;width:100%}.mds-empty-custom{margin-top:8px}.mds-empty-large .mds-empty-info{display:inline-block;vertical-align:middle}.mds-empty-large .mds-empty-desc{font-size:20px;line-height:28px}.mds-empty-large .mds-empty-image{width:320px;height:320px;display:inline-block;vertical-align:middle}.mds-empty-medium .mds-empty-desc{font-size:16px;line-height:24px}.mds-empty-medium .mds-empty-image{width:160px;height:160px}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-empty {
+  text-align: center;
+}
+.mds-empty-desc {
+  font-size: 14px;
+  font-weight: 400;
+  color: #354052;
+  line-height: 22px;
+}
+.mds-empty-image {
+  height: 64px;
+  width: 64px;
+  margin: 0 auto;
+}
+.mds-empty-image img {
+  height: 100%;
+  width: 100%;
+}
+.mds-empty-custom {
+  margin-top: 8px;
+}
+.mds-empty-large .mds-empty-info {
+  display: inline-block;
+  vertical-align: middle;
+}
+.mds-empty-large .mds-empty-desc {
+  font-size: 20px;
+  line-height: 28px;
+}
+.mds-empty-large .mds-empty-image {
+  width: 320px;
+  height: 320px;
+  display: inline-block;
+  vertical-align: middle;
+}
+.mds-empty-medium .mds-empty-desc {
+  font-size: 16px;
+  line-height: 24px;
+}
+.mds-empty-medium .mds-empty-image {
+  width: 160px;
+  height: 160px;
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */