@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/Button/style.css

@@ -27,8 +27,8 @@
   font-size: 14px;
   border-radius: 2px;
   color: rgba(0, 0, 0, 0.65);
-  background: #ffffff;
   border-color: #e5e5e5;
+  background: #ffffff;
 }
 .ant-btn > .anticon {
   line-height: 1;
@@ -79,8 +79,8 @@
 .ant-btn:hover,
 .ant-btn:focus {
   color: #528cde;
-  background: #ffffff;
   border-color: #528cde;
+  background: #ffffff;
 }
 .ant-btn:hover > a:only-child,
 .ant-btn:focus > a:only-child {
@@ -98,8 +98,8 @@
 }
 .ant-btn:active {
   color: #1b4eab;
-  background: #ffffff;
   border-color: #1b4eab;
+  background: #ffffff;
 }
 .ant-btn:active > a:only-child {
   color: currentColor;
@@ -118,8 +118,8 @@
 .ant-btn[disabled]:focus,
 .ant-btn[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -153,8 +153,8 @@
 }
 .ant-btn-primary {
   color: #ffffff;
-  background: #2c6dd2;
   border-color: #2c6dd2;
+  background: #2c6dd2;
   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;
-  background: #528cde;
   border-color: #528cde;
+  background: #528cde;
 }
 .ant-btn-primary:hover > a:only-child,
 .ant-btn-primary:focus > a:only-child {
@@ -193,8 +193,8 @@
 }
 .ant-btn-primary:active {
   color: #ffffff;
-  background: #1b4eab;
   border-color: #1b4eab;
+  background: #1b4eab;
 }
 .ant-btn-primary:active > a:only-child {
   color: currentColor;
@@ -213,8 +213,8 @@
 .ant-btn-primary[disabled]:focus,
 .ant-btn-primary[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -260,8 +260,8 @@
 }
 .ant-btn-ghost {
   color: rgba(0, 0, 0, 0.65);
-  background: transparent;
   border-color: #e5e5e5;
+  background: transparent;
 }
 .ant-btn-ghost > a:only-child {
   color: currentColor;
@@ -278,8 +278,8 @@
 .ant-btn-ghost:hover,
 .ant-btn-ghost:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
+  background: transparent;
 }
 .ant-btn-ghost:hover > a:only-child,
 .ant-btn-ghost:focus > a:only-child {
@@ -297,8 +297,8 @@
 }
 .ant-btn-ghost:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
+  background: transparent;
 }
 .ant-btn-ghost:active > a:only-child {
   color: currentColor;
@@ -317,8 +317,8 @@
 .ant-btn-ghost[disabled]:focus,
 .ant-btn-ghost[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -343,8 +343,8 @@
 }
 .ant-btn-dashed {
   color: rgba(0, 0, 0, 0.65);
-  background: #ffffff;
   border-color: #e5e5e5;
+  background: #ffffff;
   border-style: dashed;
 }
 .ant-btn-dashed > a:only-child {
@@ -362,8 +362,8 @@
 .ant-btn-dashed:hover,
 .ant-btn-dashed:focus {
   color: #528cde;
-  background: #ffffff;
   border-color: #528cde;
+  background: #ffffff;
 }
 .ant-btn-dashed:hover > a:only-child,
 .ant-btn-dashed:focus > a:only-child {
@@ -381,8 +381,8 @@
 }
 .ant-btn-dashed:active {
   color: #1b4eab;
-  background: #ffffff;
   border-color: #1b4eab;
+  background: #ffffff;
 }
 .ant-btn-dashed:active > a:only-child {
   color: currentColor;
@@ -401,8 +401,8 @@
 .ant-btn-dashed[disabled]:focus,
 .ant-btn-dashed[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -427,8 +427,8 @@
 }
 .ant-btn-danger {
   color: #fff;
-  background: #f5222d;
   border-color: #f5222d;
+  background: #f5222d;
   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);
@@ -448,8 +448,8 @@
 .ant-btn-danger:hover,
 .ant-btn-danger:focus {
   color: #fff;
-  background: #ff4d4f;
   border-color: #ff4d4f;
+  background: #ff4d4f;
 }
 .ant-btn-danger:hover > a:only-child,
 .ant-btn-danger:focus > a:only-child {
@@ -467,8 +467,8 @@
 }
 .ant-btn-danger:active {
   color: #fff;
-  background: #cf1322;
   border-color: #cf1322;
+  background: #cf1322;
 }
 .ant-btn-danger:active > a:only-child {
   color: currentColor;
@@ -487,8 +487,8 @@
 .ant-btn-danger[disabled]:focus,
 .ant-btn-danger[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -513,8 +513,8 @@
 }
 .ant-btn-link {
   color: #7a869a;
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -533,8 +533,8 @@
 .ant-btn-link:hover,
 .ant-btn-link:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
+  background: transparent;
 }
 .ant-btn-link:hover > a:only-child,
 .ant-btn-link:focus > a:only-child {
@@ -552,8 +552,8 @@
 }
 .ant-btn-link:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
+  background: transparent;
 }
 .ant-btn-link:active > a:only-child {
   color: currentColor;
@@ -572,8 +572,8 @@
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -609,8 +609,8 @@
 .ant-btn-link[disabled]:focus,
 .ant-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -635,8 +635,8 @@
 }
 .ant-btn-text {
   color: rgba(0, 0, 0, 0.65);
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -655,8 +655,8 @@
 .ant-btn-text:hover,
 .ant-btn-text:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
+  background: transparent;
 }
 .ant-btn-text:hover > a:only-child,
 .ant-btn-text:focus > a:only-child {
@@ -674,8 +674,8 @@
 }
 .ant-btn-text:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
+  background: transparent;
 }
 .ant-btn-text:active > a:only-child {
   color: currentColor;
@@ -694,8 +694,8 @@
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -734,8 +734,8 @@
 .ant-btn-text[disabled]:focus,
 .ant-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -760,8 +760,8 @@
 }
 .ant-btn-dangerous {
   color: #f5222d;
-  background: #ffffff;
   border-color: #f5222d;
+  background: #ffffff;
 }
 .ant-btn-dangerous > a:only-child {
   color: currentColor;
@@ -778,8 +778,8 @@
 .ant-btn-dangerous:hover,
 .ant-btn-dangerous:focus {
   color: #ff4d4f;
-  background: #ffffff;
   border-color: #ff4d4f;
+  background: #ffffff;
 }
 .ant-btn-dangerous:hover > a:only-child,
 .ant-btn-dangerous:focus > a:only-child {
@@ -797,8 +797,8 @@
 }
 .ant-btn-dangerous:active {
   color: #cf1322;
-  background: #ffffff;
   border-color: #cf1322;
+  background: #ffffff;
 }
 .ant-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -817,8 +817,8 @@
 .ant-btn-dangerous[disabled]:focus,
 .ant-btn-dangerous[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -843,8 +843,8 @@
 }
 .ant-btn-dangerous.ant-btn-primary {
   color: #fff;
-  background: #f5222d;
   border-color: #f5222d;
+  background: #f5222d;
   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);
@@ -864,8 +864,8 @@
 .ant-btn-dangerous.ant-btn-primary:hover,
 .ant-btn-dangerous.ant-btn-primary:focus {
   color: #fff;
-  background: #ff4d4f;
   border-color: #ff4d4f;
+  background: #ff4d4f;
 }
 .ant-btn-dangerous.ant-btn-primary:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-primary:focus > a:only-child {
@@ -883,8 +883,8 @@
 }
 .ant-btn-dangerous.ant-btn-primary:active {
   color: #fff;
-  background: #cf1322;
   border-color: #cf1322;
+  background: #cf1322;
 }
 .ant-btn-dangerous.ant-btn-primary:active > a:only-child {
   color: currentColor;
@@ -903,8 +903,8 @@
 .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
 .ant-btn-dangerous.ant-btn-primary[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -929,8 +929,8 @@
 }
 .ant-btn-dangerous.ant-btn-link {
   color: #f5222d;
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -949,8 +949,8 @@
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
@@ -968,8 +968,8 @@
 }
 .ant-btn-dangerous.ant-btn-link:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:active > a:only-child {
   color: currentColor;
@@ -988,8 +988,8 @@
 .ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-dangerous.ant-btn-link[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1015,8 +1015,8 @@
 .ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-dangerous.ant-btn-link:focus {
   color: #ff4d4f;
-  background: transparent;
   border-color: transparent;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-link:focus > a:only-child {
@@ -1034,8 +1034,8 @@
 }
 .ant-btn-dangerous.ant-btn-link:active {
   color: #cf1322;
-  background: transparent;
   border-color: transparent;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-link:active > a:only-child {
   color: currentColor;
@@ -1054,8 +1054,8 @@
 .ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-dangerous.ant-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1080,8 +1080,8 @@
 }
 .ant-btn-dangerous.ant-btn-text {
   color: #f5222d;
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -1100,8 +1100,8 @@
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
@@ -1119,8 +1119,8 @@
 }
 .ant-btn-dangerous.ant-btn-text:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
+  background: transparent;
 }
 .ant-btn-dangerous.ant-btn-text:active > a:only-child {
   color: currentColor;
@@ -1139,8 +1139,8 @@
 .ant-btn-dangerous.ant-btn-text[disabled]:focus,
 .ant-btn-dangerous.ant-btn-text[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1166,8 +1166,8 @@
 .ant-btn-dangerous.ant-btn-text:hover,
 .ant-btn-dangerous.ant-btn-text:focus {
   color: #ff4d4f;
-  background: rgba(0, 0, 0, 0.018);
   border-color: transparent;
+  background: rgba(0, 0, 0, 0.018);
 }
 .ant-btn-dangerous.ant-btn-text:hover > a:only-child,
 .ant-btn-dangerous.ant-btn-text:focus > a:only-child {
@@ -1185,8 +1185,8 @@
 }
 .ant-btn-dangerous.ant-btn-text:active {
   color: #cf1322;
-  background: rgba(0, 0, 0, 0.028);
   border-color: transparent;
+  background: rgba(0, 0, 0, 0.028);
 }
 .ant-btn-dangerous.ant-btn-text:active > a:only-child {
   color: currentColor;
@@ -1205,8 +1205,8 @@
 .ant-btn-dangerous.ant-btn-text[disabled]:focus,
 .ant-btn-dangerous.ant-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  background: transparent;
   border-color: transparent;
+  background: transparent;
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1235,7 +1235,7 @@
   padding: 2.4px 0;
   font-size: 16px;
   border-radius: 2px;
-  vertical-align: -1px;
+  vertical-align: -3px;
 }
 .ant-btn-icon-only > * {
   font-size: 16px;
@@ -1260,6 +1260,20 @@
 .ant-btn-icon-only.ant-btn-sm > * {
   font-size: 14px;
 }
+.ant-btn-icon-only > .anticon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+a.ant-btn-icon-only {
+  vertical-align: -1px;
+}
+a.ant-btn-icon-only > .anticon {
+  display: inline;
+}
 .ant-btn-round {
   height: 32px;
   padding: 4px 16px;
@@ -1322,9 +1336,7 @@
 }
 .ant-btn.ant-btn-loading {
   position: relative;
-}
-.ant-btn.ant-btn-loading:not([disabled]) {
-  pointer-events: none;
+  cursor: default;
 }
 .ant-btn.ant-btn-loading::before {
   display: block;
@@ -1489,31 +1501,19 @@
 }
 .ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child),
 .ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
+  border-radius: 0 2px 2px 0;
 }
 .ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child),
 .ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
+  border-radius: 2px 0 0 2px;
 }
 .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
 .ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
-  border-top-left-radius: 0;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 0;
+  border-radius: 0 2px 2px 0;
 }
 .ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
 .ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
-  border-top-left-radius: 2px;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 2px;
+  border-radius: 2px 0 0 2px;
 }
 .ant-btn:focus > span,
 .ant-btn:active > span {
@@ -1523,14 +1523,32 @@
 .ant-btn > span + .anticon {
   margin-left: 8px;
 }
-.ant-btn-background-ghost {
+.ant-btn.ant-btn-background-ghost {
   color: #ffffff;
-  background: transparent !important;
   border-color: #ffffff;
 }
+.ant-btn.ant-btn-background-ghost,
+.ant-btn.ant-btn-background-ghost:hover,
+.ant-btn.ant-btn-background-ghost:active,
+.ant-btn.ant-btn-background-ghost:focus {
+  background: transparent;
+}
+.ant-btn.ant-btn-background-ghost:hover,
+.ant-btn.ant-btn-background-ghost:focus {
+  color: #9ca0a6;
+  border-color: #9ca0a6;
+}
+.ant-btn.ant-btn-background-ghost:active {
+  color: #555f73;
+  border-color: #555f73;
+}
+.ant-btn.ant-btn-background-ghost[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  border-color: #e5e5e5;
+}
 .ant-btn-background-ghost.ant-btn-primary {
   color: #2c6dd2;
-  background: transparent;
   border-color: #2c6dd2;
   text-shadow: none;
 }
@@ -1549,7 +1567,6 @@
 .ant-btn-background-ghost.ant-btn-primary:hover,
 .ant-btn-background-ghost.ant-btn-primary:focus {
   color: #528cde;
-  background: transparent;
   border-color: #528cde;
 }
 .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
@@ -1568,7 +1585,6 @@
 }
 .ant-btn-background-ghost.ant-btn-primary:active {
   color: #1b4eab;
-  background: transparent;
   border-color: #1b4eab;
 }
 .ant-btn-background-ghost.ant-btn-primary:active > a:only-child {
@@ -1588,8 +1604,8 @@
 .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1614,7 +1630,6 @@
 }
 .ant-btn-background-ghost.ant-btn-danger {
   color: #f5222d;
-  background: transparent;
   border-color: #f5222d;
   text-shadow: none;
 }
@@ -1633,7 +1648,6 @@
 .ant-btn-background-ghost.ant-btn-danger:hover,
 .ant-btn-background-ghost.ant-btn-danger:focus {
   color: #ff4d4f;
-  background: transparent;
   border-color: #ff4d4f;
 }
 .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
@@ -1652,7 +1666,6 @@
 }
 .ant-btn-background-ghost.ant-btn-danger:active {
   color: #cf1322;
-  background: transparent;
   border-color: #cf1322;
 }
 .ant-btn-background-ghost.ant-btn-danger:active > a:only-child {
@@ -1672,8 +1685,8 @@
 .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1698,7 +1711,6 @@
 }
 .ant-btn-background-ghost.ant-btn-dangerous {
   color: #f5222d;
-  background: transparent;
   border-color: #f5222d;
   text-shadow: none;
 }
@@ -1717,7 +1729,6 @@
 .ant-btn-background-ghost.ant-btn-dangerous:hover,
 .ant-btn-background-ghost.ant-btn-dangerous:focus {
   color: #ff4d4f;
-  background: transparent;
   border-color: #ff4d4f;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child,
@@ -1736,7 +1747,6 @@
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active {
   color: #cf1322;
-  background: transparent;
   border-color: #cf1322;
 }
 .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child {
@@ -1756,8 +1766,8 @@
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1782,7 +1792,6 @@
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
   color: #f5222d;
-  background: transparent;
   border-color: transparent;
   text-shadow: none;
 }
@@ -1801,7 +1810,6 @@
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
   color: #ff4d4f;
-  background: transparent;
   border-color: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child,
@@ -1820,7 +1828,6 @@
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
   color: #cf1322;
-  background: transparent;
   border-color: transparent;
 }
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child {
@@ -1840,8 +1847,8 @@
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
 .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
   color: #eeeeee;
-  background: rgba(44, 109, 210, 0.7);
   border-color: #e5e5e5;
+  background: rgba(44, 109, 210, 0.7);
   text-shadow: none;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1927,9 +1934,9 @@ a.ant-btn-sm {
           box-shadow: none;
 }
 .pandora-sdk-button.pandora-sdk-button-disabled {
-  background: #eee !important;
-  color: #bfbfbf !important;
-  border-color: #eee !important;
+  background: #eee;
+  color: #bfbfbf;
+  border-color: #eee;
   pointer-events: none;
   text-shadow: none;
 }
@@ -1943,17 +1950,6 @@ a.ant-btn-sm {
   background: #fafafa;
   border-color: #bfbfbf;
 }
-.pandora-sdk-button.pandora-sdk-type-primary {
-  background: #2c6dd2;
-  color: #ffffff;
-  border: 1px solid #2c6dd2;
-}
-.pandora-sdk-button.pandora-sdk-type-primary:hover,
-.pandora-sdk-button.pandora-sdk-type-primary:focus {
-  background: rgba(44, 109, 210, 0.8);
-  color: #ffffff;
-  border-color: rgba(44, 109, 210, 0.8);
-}
 .pandora-sdk-button.pandora-sdk-size-large {
   font-size: 16px;
   padding: 0 20px;