@mdsfe/mds-ui 0.4.0-rc.1 → 0.4.0-rc.3

package/dist/style/cascaderpanel.css

@@ -1,122 +1 @@
-.mds-cascader-zoom-in-top-enter-active,
-.mds-cascader-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
-  transform-origin: center top;
-}
-.mds-cascader-zoom-in-top-enter,
-.mds-cascader-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-/* 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-cascader-panel {
-  display: flex;
-  background: #fff;
-  overflow-x: auto;
-  max-width: 'none';
-}
-.mds-cascader-panel-level {
-  border-right: 1px solid #dcdfe6;
-  min-width: 160px;
-  min-height: 160px;
-  overflow: auto;
-}
-.mds-cascader-panel-level:last-child {
-  border-right: none;
-}
-.mds-cascader-panel-empty-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.mds-cascader-panel-empty-text {
-  font-size: 14px;
-  color: #c0c4cc;
-}
-.mds-cascader-panel.is-bordered {
-  border: 1px solid #dcdfe6;
-}
-.mds-cascader-panel:after {
-  content: "";
-  display: block;
-  clear: both;
-}
-.mds-cascader-option {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  cursor: pointer;
-  user-select: none;
-}
-.mds-cascader-option .mds-radio-wrapper {
-  margin-right: 0;
-}
-.mds-cascader-option .mdsicon {
-  float: right;
-}
-.mds-cascader-option:hover {
-  background: #e6f4ff;
-  color: #0364ff;
-}
-.mds-cascader-option-checkbox {
-  margin-right: 12px;
-}
-.mds-cascader-option-label {
-  flex: 1;
-  white-space: nowrap;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.mds-cascader-option-active {
-  background: #e6f4ff;
-  color: #0364ff;
-}
-.mds-cascader-option-multi-active {
-  color: #0364ff;
-}
-.mds-cascader-option-disabled:hover {
-  background: none;
-  color: #c0c4cc;
-  cursor: not-allowed;
-}
-.mds-cascader-option-disabled {
-  color: #c0c4cc;
-}
-.mds-cascader-option-large {
-  line-height: 40px;
-  font-size: 16px;
-  padding: 0 12px;
-}
-.mds-cascader-option-large .mdsicon {
-  margin: 0 0 0 12px;
-}
-.mds-cascader-option-medium {
-  line-height: 36px;
-  font-size: 14px;
-  padding: 0 12px;
-}
-.mds-cascader-option-medium .mdsicon {
-  margin: 0 0 0 12px;
-}
-.mds-cascader-option-small {
-  line-height: 32px;
-  font-size: 14px;
-  padding: 0 12px;
-}
-.mds-cascader-option-small .mdsicon {
-  margin: 0 0 0 10px;
-}
-.mds-cascader-option-mini {
-  line-height: 28px;
-  font-size: 12px;
-  padding-left: 8px;
-}
-.mds-cascader-option-mini .mdsicon {
-  margin: 0 0 0 10px;
-}
+.mds-cascader-zoom-in-top-enter-active,.mds-cascader-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mds-cascader-zoom-in-top-enter,.mds-cascader-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.mds-cascader-panel{display:flex;background:#fff;overflow-x:auto;max-width:"none"}.mds-cascader-panel-level{border-right:1px solid #dcdfe6;min-width:160px;min-height:160px;overflow:auto}.mds-cascader-panel-level:last-child{border-right:none}.mds-cascader-panel-empty-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.mds-cascader-panel-empty-text{font-size:14px;color:#c0c4cc}.mds-cascader-panel.is-bordered{border:1px solid #dcdfe6}.mds-cascader-panel:after{content:"";display:block;clear:both}.mds-cascader-option{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;user-select:none}.mds-cascader-option .mds-radio-wrapper{margin-right:0}.mds-cascader-option .mdsicon{float:right}.mds-cascader-option:hover{background:#e6f4ff;color:#0364ff}.mds-cascader-option-checkbox{margin-right:12px}.mds-cascader-option-label{flex:1;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.mds-cascader-option-active{background:#e6f4ff;color:#0364ff}.mds-cascader-option-multi-active{color:#0364ff}.mds-cascader-option-disabled:hover{background:none;color:#c0c4cc;cursor:not-allowed}.mds-cascader-option-disabled{color:#c0c4cc}.mds-cascader-option-large{line-height:40px;font-size:16px;padding:0 12px}.mds-cascader-option-large .mdsicon{margin:0 0 0 12px}.mds-cascader-option-medium{line-height:36px;font-size:14px;padding:0 12px}.mds-cascader-option-medium .mdsicon{margin:0 0 0 12px}.mds-cascader-option-small{line-height:32px;font-size:14px;padding:0 12px}.mds-cascader-option-small .mdsicon{margin:0 0 0 10px}.mds-cascader-option-mini{line-height:28px;font-size:12px;padding-left:8px}.mds-cascader-option-mini .mdsicon{margin:0 0 0 10px}

package/dist/style/checkbox.css

@@ -1,186 +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 */
-@keyframes mdsCheckboxEffect {
-  0% {
-    transform: scale(1);
-    opacity: 0.5;
-  }
-  100% {
-    transform: scale(1.6);
-    opacity: 0;
-  }
-}
-.clums .mds-checkbox-wrapper.mds-checkbox-group-item {
-  display: block;
-  margin-bottom: 16px;
-}
-.mds-checkbox {
-  white-space: nowrap;
-  cursor: pointer;
-  outline: none;
-  display: inline-block;
-  line-height: 1;
-  position: relative;
-  vertical-align: text-bottom;
-}
-.mds-checkbox-wrapper:hover .mds-checkbox-inner,
-.mds-checkbox:hover .mds-checkbox-inner,
-.mds-checkbox-input:focus + .mds-checkbox-inner {
-  border-color: #0364FF;
-}
-.mds-checkbox-checked:after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 2px;
-  border: 1px solid #0364FF;
-  content: '';
-  animation: mdsCheckboxEffect 0.36s ease-in-out;
-  animation-fill-mode: both;
-  visibility: hidden;
-}
-.mds-checkbox:hover:after,
-.mds-checkbox-wrapper:hover .mds-checkbox:after {
-  visibility: visible;
-}
-.mds-checkbox-inner {
-  position: relative;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 16px;
-  height: 16px;
-  border: 1px solid #D8DCE6;
-  border-radius: 2px;
-  background-color: #fff;
-  transition: all .3s;
-}
-.mds-checkbox-inner:after {
-  transform: rotate(45deg) scale(0);
-  position: absolute;
-  left: 4.3px;
-  top: 1px;
-  display: block;
-  width: 6px;
-  height: 10px;
-  border: 2px solid #fff;
-  border-top: 0;
-  border-left: 0;
-  content: ' ';
-  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-}
-.mds-checkbox-input {
-  position: absolute;
-  left: 0;
-  z-index: 1;
-  cursor: pointer;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-}
-.mds-checkbox-indeterminate .mds-checkbox-inner {
-  background: #fff;
-}
-.mds-checkbox-indeterminate .mds-checkbox-inner:after {
-  content: '';
-  transform: scale(1);
-  position: absolute;
-  left: 2.85714286px;
-  top: 2.85714286px;
-  width: 10.28571429px;
-  height: 10.28571429px;
-  background: #0364FF;
-}
-.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after {
-  border-color: rgba(0, 0, 0, 0.2);
-}
-.mds-checkbox-checked .mds-checkbox-inner:after {
-  transform: rotate(45deg) scale(1);
-  position: absolute;
-  display: block;
-  border: 2px solid #fff;
-  border-top: 0;
-  border-left: 0;
-  content: ' ';
-  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
-}
-.mds-checkbox-checked .mds-checkbox-inner {
-  background-color: #0364FF;
-  border-color: #0364FF;
-}
-.mds-checkbox-disabled {
-  cursor: not-allowed;
-}
-.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after {
-  animation-name: none;
-  border-color: #D8DCE6;
-}
-.mds-checkbox-disabled .mds-checkbox-input {
-  cursor: not-allowed;
-}
-.mds-checkbox-disabled .mds-checkbox-inner {
-  border-color: #D8DCE6 !important;
-  background-color: #FAFAFD;
-}
-.mds-checkbox-disabled .mds-checkbox-inner:after {
-  animation-name: none;
-  border-color: #FAFAFD;
-}
-.mds-checkbox-disabled + span {
-  color: #aaaaaa !important;
-  cursor: not-allowed;
-}
-.mds-checkbox-wrapper {
-  cursor: pointer;
-  font-size: 14px;
-  display: inline-block;
-}
-.mds-checkbox-wrapper + .mds-checkbox-wrapper {
-  margin-left: 8px;
-}
-.mds-checkbox-wrapper + span,
-.mds-checkbox + span {
-  padding-left: 8px;
-  padding-right: 8px;
-  color: #354052;
-}
-.mds-checkbox-group {
-  font-size: 14px;
-}
-.mds-checkbox-group-item {
-  display: inline-block;
-  margin-right: 20px;
-}
-.mds-checkbox-group-item:last-child {
-  margin-right: 0;
-}
-.mds-checkbox-group-item + .mds-checkbox-group-item {
-  margin-left: 0;
-}
-@media \0screen {
-  .mds-checkbox-checked .mds-checkbox-inner:before,
-  .mds-checkbox-checked .mds-checkbox-inner:after {
-    font-family: 'mdsicon';
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    content: "\E632";
-    font-weight: bold;
-    font-size: 8px;
-    border: 0;
-    color: #fff;
-    left: 2px;
-    top: 3px;
-    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 */
+@keyframes mdsCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.clums .mds-checkbox-wrapper.mds-checkbox-group-item{display:block;margin-bottom:16px}.mds-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.mds-checkbox-input:focus+.mds-checkbox-inner,.mds-checkbox-wrapper:hover .mds-checkbox-inner,.mds-checkbox:hover .mds-checkbox-inner{border-color:#0364ff}.mds-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:1px solid #0364ff;content:"";animation:mdsCheckboxEffect .36s ease-in-out;animation-fill-mode:both;visibility:hidden}.mds-checkbox-wrapper:hover .mds-checkbox:after,.mds-checkbox:hover:after{visibility:visible}.mds-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;border:1px solid #d8dce6;border-radius:2px;background-color:#fff;transition:all .3s}.mds-checkbox-inner:after{transform:rotate(45deg) scale(0);position:absolute;left:4.3px;top:1px;display:block;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.mds-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.mds-checkbox-indeterminate .mds-checkbox-inner{background:#fff}.mds-checkbox-indeterminate .mds-checkbox-inner:after{content:"";transform:scale(1);position:absolute;left:2.85714286px;top:2.85714286px;width:10.28571429px;height:10.28571429px;background:#0364ff}.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after{border-color:rgba(0,0,0,.2)}.mds-checkbox-checked .mds-checkbox-inner:after{transform:rotate(45deg) scale(1);position:absolute;display:block;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.mds-checkbox-checked .mds-checkbox-inner{background-color:#0364ff;border-color:#0364ff}.mds-checkbox-disabled{cursor:not-allowed}.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after{animation-name:none;border-color:#d8dce6}.mds-checkbox-disabled .mds-checkbox-input{cursor:not-allowed}.mds-checkbox-disabled .mds-checkbox-inner{border-color:#d8dce6!important;background-color:#fafafd}.mds-checkbox-disabled .mds-checkbox-inner:after{animation-name:none;border-color:#fafafd}.mds-checkbox-disabled+span{color:#aaa!important;cursor:not-allowed}.mds-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block}.mds-checkbox-wrapper+.mds-checkbox-wrapper{margin-left:8px}.mds-checkbox+span,.mds-checkbox-wrapper+span{padding-left:8px;padding-right:8px;color:#354052}.mds-checkbox-group{font-size:14px}.mds-checkbox-group-item{display:inline-block;margin-right:20px}.mds-checkbox-group-item:last-child{margin-right:0}.mds-checkbox-group-item+.mds-checkbox-group-item{margin-left:0}@media \0screen{.mds-checkbox-checked .mds-checkbox-inner:after,.mds-checkbox-checked .mds-checkbox-inner:before{font-family:mdsicon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}