@qn-pandora/pandora-component 5.1.1 → 5.1.2

package/lib/components/AutoComplete/style.css

@@ -427,9 +427,9 @@
   cursor: auto;
 }
 .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -460,7 +460,7 @@
   -webkit-appearance: none;
 }
 .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-select-selection-item {
@@ -685,15 +685,15 @@
           flex: none;
 }
 .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
   color: rgba(0, 0, 0, 0.65);
   font-weight: 600;
-  background-color: rgba(44, 109, 210, 0.05);
+  background-color: rgba(67, 107, 255, 0.05);
 }
 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-select-item-option-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -865,7 +865,7 @@
 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .ant-checkbox:hover .ant-checkbox-inner,
 .ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-checkbox-checked::after {
   position: absolute;
@@ -873,7 +873,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 2px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -944,8 +944,8 @@
   content: ' ';
 }
 .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #2c6dd2;
-  border-color: #2c6dd2;
+  background-color: #436bff;
+  border-color: #436bff;
 }
 .ant-checkbox-disabled {
   cursor: not-allowed;
@@ -1050,7 +1050,7 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border: 0;
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);
@@ -1135,11 +1135,11 @@
   color: #d9d9d9;
 }
 .pandora-sdk-selector-dropdown .ant-select-item-option-selected {
-  color: #2c6dd2;
+  color: #436bff;
   font-weight: 400;
 }
 .pandora-sdk-selector-dropdown .ant-select-item-option:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-selector-dropdown .ant-select-item-group {
   color: #d9d9d9;
@@ -1153,7 +1153,7 @@
   text-overflow: unset;
 }
 .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option {
-  color: #2c6dd2;
+  color: #436bff;
   cursor: default;
 }
 .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option::before,
@@ -1161,10 +1161,10 @@
   content: none;
 }
 .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .pandora-sdk-selector-create-lint {
   display: block;

package/lib/components/AutoComplete/style.less

@@ -1,8 +1,8 @@
-@import 'antd/lib/auto-complete/style/index.less';
-@import '../../style/theme.less';
-@import '../Selector/style.less';
-.@{sdk-prefix}-auto-complete {
-  .@{ant-prefix}-input {
-    border: 0px;
-  }
-}
+@import 'antd/lib/auto-complete/style/index.less';
+@import '../../style/theme.less';
+@import '../Selector/style.less';
+.@{sdk-prefix}-auto-complete {
+  .@{ant-prefix}-input {
+    border: 0px;
+  }
+}

package/lib/components/Breadcrumb/style.less

@@ -1,9 +1,9 @@
-@import 'antd/lib/breadcrumb/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-breadcrumb {
-  font-size: 14px;
-  a {
-    text-decoration: none;
-  }
-}
+@import 'antd/lib/breadcrumb/style/index.less';
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-breadcrumb {
+  font-size: 14px;
+  a {
+    text-decoration: none;
+  }
+}

package/lib/components/Button/style.css

@@ -78,8 +78,8 @@
 }
 .ant-btn:hover,
 .ant-btn:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: #ffffff;
 }
 .ant-btn:hover > a:only-child,
@@ -97,8 +97,8 @@
   content: '';
 }
 .ant-btn:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: #ffffff;
 }
 .ant-btn:active > a:only-child {
@@ -119,7 +119,7 @@
 .ant-btn[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -153,8 +153,8 @@
 }
 .ant-btn-primary {
   color: #ffffff;
-  border-color: #2c6dd2;
-  background: #2c6dd2;
+  border-color: #436bff;
+  background: #436bff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
           box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
@@ -174,8 +174,8 @@
 .ant-btn-primary:hover,
 .ant-btn-primary:focus {
   color: #ffffff;
-  border-color: #528cde;
-  background: #528cde;
+  border-color: #6b90ff;
+  background: #6b90ff;
 }
 .ant-btn-primary:hover > a:only-child,
 .ant-btn-primary:focus > a:only-child {
@@ -193,8 +193,8 @@
 }
 .ant-btn-primary:active {
   color: #ffffff;
-  border-color: #1b4eab;
-  background: #1b4eab;
+  border-color: #2e4dd9;
+  background: #2e4dd9;
 }
 .ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -214,7 +214,7 @@
 .ant-btn-primary[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -238,21 +238,21 @@
   content: '';
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
-  border-right-color: #9ca0a6;
-  border-left-color: #9ca0a6;
+  border-right-color: #6b90ff;
+  border-left-color: #6b90ff;
 }
 .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
   border-color: #e5e5e5;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
-  border-right-color: #9ca0a6;
+  border-right-color: #6b90ff;
 }
 .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
   border-right-color: #e5e5e5;
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group .ant-btn-primary + .ant-btn-primary {
-  border-left-color: #9ca0a6;
+  border-left-color: #6b90ff;
 }
 .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
@@ -277,8 +277,8 @@
 }
 .ant-btn-ghost:hover,
 .ant-btn-ghost:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: transparent;
 }
 .ant-btn-ghost:hover > a:only-child,
@@ -296,8 +296,8 @@
   content: '';
 }
 .ant-btn-ghost:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: transparent;
 }
 .ant-btn-ghost:active > a:only-child {
@@ -318,7 +318,7 @@
 .ant-btn-ghost[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -361,8 +361,8 @@
 }
 .ant-btn-dashed:hover,
 .ant-btn-dashed:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: #ffffff;
 }
 .ant-btn-dashed:hover > a:only-child,
@@ -380,8 +380,8 @@
   content: '';
 }
 .ant-btn-dashed:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: #ffffff;
 }
 .ant-btn-dashed:active > a:only-child {
@@ -402,7 +402,7 @@
 .ant-btn-dashed[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -488,7 +488,7 @@
 .ant-btn-danger[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -512,7 +512,7 @@
   content: '';
 }
 .ant-btn-link {
-  color: #7a869a;
+  color: #436bff;
   border-color: transparent;
   background: transparent;
   -webkit-box-shadow: none;
@@ -532,8 +532,8 @@
 }
 .ant-btn-link:hover,
 .ant-btn-link:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: transparent;
 }
 .ant-btn-link:hover > a:only-child,
@@ -551,8 +551,8 @@
   content: '';
 }
 .ant-btn-link:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: transparent;
 }
 .ant-btn-link:active > a:only-child {
@@ -573,7 +573,7 @@
 .ant-btn-link[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -654,8 +654,8 @@
 }
 .ant-btn-text:hover,
 .ant-btn-text:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: transparent;
 }
 .ant-btn-text:hover > a:only-child,
@@ -673,8 +673,8 @@
   content: '';
 }
 .ant-btn-text:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: transparent;
 }
 .ant-btn-text:active > a:only-child {
@@ -695,7 +695,7 @@
 .ant-btn-text[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -818,7 +818,7 @@
 .ant-btn-dangerous[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -904,7 +904,7 @@
 .ant-btn-dangerous.ant-btn-primary[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -948,8 +948,8 @@
 }
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
@@ -967,8 +967,8 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-link:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:active > a:only-child {
@@ -989,7 +989,7 @@
 .ant-btn-dangerous.ant-btn-link[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1099,8 +1099,8 @@
 }
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
@@ -1118,8 +1118,8 @@
   content: '';
 }
 .ant-btn-dangerous.ant-btn-text:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
   background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:active > a:only-child {
@@ -1140,7 +1140,7 @@
 .ant-btn-dangerous.ant-btn-text[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1505,12 +1505,12 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn.ant-btn-background-ghost:hover,
 .ant-btn.ant-btn-background-ghost:focus {
-  color: #9ca0a6;
-  border-color: #9ca0a6;
+  color: #6b90ff;
+  border-color: #6b90ff;
 }
 .ant-btn.ant-btn-background-ghost:active {
-  color: #555f73;
-  border-color: #555f73;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
 }
 .ant-btn.ant-btn-background-ghost[disabled] {
   color: rgba(0, 0, 0, 0.25);
@@ -1518,8 +1518,8 @@ a.ant-btn-icon-only > .anticon {
   border-color: #e5e5e5;
 }
 .ant-btn-background-ghost.ant-btn-primary {
-  color: #2c6dd2;
-  border-color: #2c6dd2;
+  color: #436bff;
+  border-color: #436bff;
   text-shadow: none;
 }
 .ant-btn-background-ghost.ant-btn-primary > a:only-child {
@@ -1536,8 +1536,8 @@ a.ant-btn-icon-only > .anticon {
 }
 .ant-btn-background-ghost.ant-btn-primary:hover,
 .ant-btn-background-ghost.ant-btn-primary:focus {
-  color: #528cde;
-  border-color: #528cde;
+  color: #6b90ff;
+  border-color: #6b90ff;
 }
 .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
 .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
@@ -1554,8 +1554,8 @@ a.ant-btn-icon-only > .anticon {
   content: '';
 }
 .ant-btn-background-ghost.ant-btn-primary:active {
-  color: #1b4eab;
-  border-color: #1b4eab;
+  color: #2e4dd9;
+  border-color: #2e4dd9;
 }
 .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
   color: currentcolor;
@@ -1575,7 +1575,7 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1656,7 +1656,7 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1737,7 +1737,7 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1818,7 +1818,7 @@ a.ant-btn-icon-only > .anticon {
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
   color: #eeeeee;
   border-color: #e5e5e5;
-  background: rgba(44, 109, 210, 0.7);
+  background: rgba(67, 107, 255, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1950,7 +1950,7 @@ a.ant-btn-sm {
   display: inline-block;
   width: 1px;
   height: calc(100% + 1px * 2);
-  background-color: #9ca0a6;
+  background-color: #6b90ff;
   content: ' ';
 }
 .ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) {
@@ -2004,7 +2004,7 @@ a.ant-btn-sm {
   display: inline-block;
   width: calc(100% + 1px * 2);
   height: 1px;
-  background-color: #9ca0a6;
+  background-color: #6b90ff;
   content: ' ';
 }
 .ant-btn-rtl {
@@ -2012,13 +2012,13 @@ a.ant-btn-sm {
 }
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary {
-  border-right-color: #9ca0a6;
+  border-right-color: #6b90ff;
   border-left-color: #e5e5e5;
 }
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
 .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
   border-right-color: #e5e5e5;
-  border-left-color: #9ca0a6;
+  border-left-color: #6b90ff;
 }
 .ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon {
   padding-right: 0;
@@ -2062,7 +2062,7 @@ a.ant-btn-sm {
 }
 .pandora-sdk-button.pandora-sdk-size-small {
   font-size: 12px;
-  padding: 4px 14px;
+  padding: 0px 7px;
 }
 .pandora-sdk-button.pandora-sdk-size-mini {
   font-size: 10px;

package/lib/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;
+  }
+}