@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/es/components/Button/style.less

@@ -1,51 +1,51 @@
-@import 'antd/lib/button/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-button {
-  box-shadow: none;
-
-  &.@{sdk-prefix}-button-disabled {
-    background: @button-disabled-bg;
-    color: @button-disabled-color;
-    border-color: @button-disabled-border-color;
-    pointer-events: none;
-    text-shadow: none;
-  }
-
-  // type
-  &.@{sdk-prefix}-type-default {
-    background: @button-default-bg;
-    color: @button-default-color;
-    border: 1px solid @button-default-border-color;
-    &:hover,
-    &:focus {
-      background: @button-default-hover-bg;
-      border-color: @button-default-hover-border-color;
-    }
-  }
-
-  // size
-  &.@{sdk-prefix}-size-large {
-    font-size: 16px;
-    padding: 0 20px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-default {
-    font-size: 14px;
-    padding: 0 16px;
-    height: 32px;
-  }
-  &.@{sdk-prefix}-size-small {
-    font-size: 12px;
-    padding: 4px 14px;
-  }
-  &.@{sdk-prefix}-size-mini {
-    font-size: 10px;
-    padding: 2px 6px;
-  }
-
-  .anticon {
-    color: inherit;
-    vertical-align: middle;
-  }
-}
+@import 'antd/lib/button/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-button {
+  box-shadow: none;
+
+  &.@{sdk-prefix}-button-disabled {
+    background: @button-disabled-bg;
+    color: @button-disabled-color;
+    border-color: @button-disabled-border-color;
+    pointer-events: none;
+    text-shadow: none;
+  }
+
+  // type
+  &.@{sdk-prefix}-type-default {
+    background: @button-default-bg;
+    color: @button-default-color;
+    border: 1px solid @button-default-border-color;
+    &:hover,
+    &:focus {
+      background: @button-default-hover-bg;
+      border-color: @button-default-hover-border-color;
+    }
+  }
+
+  // size
+  &.@{sdk-prefix}-size-large {
+    font-size: 16px;
+    padding: 0 20px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-default {
+    font-size: 14px;
+    padding: 0 16px;
+    height: 32px;
+  }
+  &.@{sdk-prefix}-size-small {
+    font-size: 12px;
+    padding: 0px 7px;
+  }
+  &.@{sdk-prefix}-size-mini {
+    font-size: 10px;
+    padding: 2px 6px;
+  }
+
+  .anticon {
+    color: inherit;
+    vertical-align: middle;
+  }
+}

package/es/components/Card/RowExtra/style.css

@@ -10,6 +10,7 @@
   -webkit-box-direction: normal;
       -ms-flex-flow: row wrap;
           flex-flow: row wrap;
+  min-width: 0;
 }
 .ant-row::before,
 .ant-row::after {
@@ -45,6 +46,11 @@
   -ms-flex-pack: distribute;
       justify-content: space-around;
 }
+.ant-row-space-evenly {
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+}
 .ant-row-top {
   -webkit-box-align: start;
       -ms-flex-align: start;

package/es/components/Card/RowExtra/style.less

@@ -1,8 +1,8 @@
-@import 'antd/lib/grid/style/index.less';
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-row-extra {
-  button {
-    min-width: 80px;
-  }
-}
+@import 'antd/lib/grid/style/index.less';
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-row-extra {
+  button {
+    min-width: 80px;
+  }
+}

package/es/components/Card/SearchInput/style.less

@@ -1,8 +1,8 @@
-@import '../../../style/theme.less';
-
-.@{sdk-prefix}-card-search-input {
-  min-width: 200px;
-  i {
-    color: @input-placeholder-color;
-  }
-}
+@import '../../../style/theme.less';
+
+.@{sdk-prefix}-card-search-input {
+  min-width: 200px;
+  i {
+    color: @input-placeholder-color;
+  }
+}

package/es/components/Card/style.css

@@ -91,7 +91,6 @@
   border-bottom: 1px solid #e5e5e5;
 }
 .ant-card-extra {
-  float: right;
   margin-left: auto;
   padding: 16px 0;
   color: rgba(0, 0, 0, 0.65);
@@ -114,12 +113,18 @@
   clear: both;
   content: '';
 }
+.ant-card-contain-grid .ant-card-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
 .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
   margin: -1px 0 0 -1px;
   padding: 0;
 }
 .ant-card-grid {
-  float: left;
   width: 33.33%;
   padding: 20px;
   border: 0;
@@ -129,9 +134,6 @@
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.ant-card-rtl .ant-card-grid {
-  float: right;
-}
 .ant-card-grid-hoverable:hover {
   position: relative;
   z-index: 1;
@@ -158,6 +160,9 @@
   border-radius: 2px 2px 0 0;
 }
 .ant-card-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
@@ -174,14 +179,10 @@
   content: '';
 }
 .ant-card-actions > li {
-  float: left;
   margin: 12px 0;
   color: rgba(0, 0, 0, 0.45);
   text-align: center;
 }
-.ant-card-rtl .ant-card-actions > li {
-  float: right;
-}
 .ant-card-actions > li > span {
   position: relative;
   display: block;
@@ -191,7 +192,7 @@
   cursor: pointer;
 }
 .ant-card-actions > li > span:hover {
-  color: #7a869a;
+  color: #436bff;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
@@ -206,7 +207,7 @@
 }
 .ant-card-actions > li > span a:not(.ant-btn):hover,
 .ant-card-actions > li > span > .anticon:hover {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-card-actions > li > span > .anticon {
   font-size: 16px;
@@ -234,6 +235,9 @@
   padding: 13.5px 0;
 }
 .ant-card-meta {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   margin: -4px 0;
 }
 .ant-card-meta::before {
@@ -246,15 +250,16 @@
   content: '';
 }
 .ant-card-meta-avatar {
-  float: left;
   padding-right: 16px;
 }
 .ant-card-rtl .ant-card-meta-avatar {
-  float: right;
   padding-right: 0;
   padding-left: 16px;
 }
 .ant-card-meta-detail {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
   overflow: hidden;
 }
 .ant-card-meta-detail > div:not(:last-child) {
@@ -280,37 +285,6 @@
       -ms-user-select: none;
           user-select: none;
 }
-.ant-card-loading-content p {
-  margin: 0;
-}
-.ant-card-loading-block {
-  height: 14px;
-  margin: 4px 0;
-  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
-  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
-  background-size: 600% 600%;
-  border-radius: 2px;
-  -webkit-animation: card-loading 1.4s ease infinite;
-          animation: card-loading 1.4s ease infinite;
-}
-@-webkit-keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
-@keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
 .ant-card-small > .ant-card-head {
   min-height: 36px;
   padding: 0 10px;
@@ -717,10 +691,10 @@
   cursor: pointer;
 }
 .ant-tabs-dropdown-menu-item-remove:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-dropdown-menu-item:hover {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-tabs-dropdown-menu-item-disabled,
 .ant-tabs-dropdown-menu-item-disabled:hover {
@@ -739,7 +713,7 @@
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
 .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
-  color: #7a869a;
+  color: #436bff;
   background: #ffffff;
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
@@ -805,7 +779,6 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  overflow: hidden;
 }
 .ant-tabs > .ant-tabs-nav,
 .ant-tabs > div > .ant-tabs-nav {
@@ -907,13 +880,13 @@
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-extra-content {
   -webkit-box-flex: 0;
@@ -928,7 +901,7 @@
 }
 .ant-tabs-ink-bar {
   position: absolute;
-  background: #2c6dd2;
+  background: #436bff;
   pointer-events: none;
 }
 .ant-tabs-tab {
@@ -950,7 +923,7 @@
 .ant-tabs-tab-remove:focus,
 .ant-tabs-tab-btn:active,
 .ant-tabs-tab-remove:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab-btn {
   outline: none;
@@ -976,11 +949,11 @@
   color: #333;
 }
 .ant-tabs-tab:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: #2c6dd2;
-  text-shadow: 0 0 0.25px currentColor;
+  color: #436bff;
+  text-shadow: 0 0 0.25px currentcolor;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -1002,9 +975,7 @@
   margin: 0 0 0 32px;
 }
 .ant-tabs-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+  position: relative;
   width: 100%;
 }
 .ant-tabs-content-holder {
@@ -1014,17 +985,41 @@
   min-width: 0;
   min-height: 0;
 }
-.ant-tabs-content-animated {
-  -webkit-transition: margin 0.3s;
-  transition: margin 0.3s;
-}
 .ant-tabs-tabpane {
-  -webkit-box-flex: 0;
-      -ms-flex: none;
-          flex: none;
-  width: 100%;
   outline: none;
 }
+.ant-tabs-tabpane-hidden {
+  display: none;
+}
+.ant-tabs-switch-appear,
+.ant-tabs-switch-enter {
+  -webkit-transition: none;
+  transition: none;
+}
+.ant-tabs-switch-appear-start,
+.ant-tabs-switch-enter-start {
+  opacity: 0;
+}
+.ant-tabs-switch-appear-active,
+.ant-tabs-switch-enter-active {
+  opacity: 1;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.ant-tabs-switch-leave {
+  position: absolute;
+  -webkit-transition: none;
+  transition: none;
+  inset: 0;
+}
+.ant-tabs-switch-leave-start {
+  opacity: 1;
+}
+.ant-tabs-switch-leave-active {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
 .pandora-sdk-card .ant-card-head .ant-card-extra {
   padding: 0;
 }

package/es/components/Card/style.less

@@ -1,11 +1,11 @@
-@import 'antd/lib/card/style/index.less';
-@import 'antd/lib/tabs/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-card {
-  .@{ant-prefix}-card-head {
-    .@{ant-prefix}-card-extra {
-      padding: 0;
-    }
-  }
-}
+@import 'antd/lib/card/style/index.less';
+@import 'antd/lib/tabs/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-card {
+  .@{ant-prefix}-card-head {
+    .@{ant-prefix}-card-extra {
+      padding: 0;
+    }
+  }
+}