@databricks/design-system 0.1.8 → 0.2.0

package/dist/index.css

@@ -968,8 +968,8 @@ abbr[data-original-title] {
   font-size: 14px;
   border-radius: 4px;
   color: #20272E;
-  border-color: #d9d9d9;
   background: #fff;
+  border-color: #d9d9d9;
 }
 .du-bois-light-btn > .anticon {
   line-height: 1;
@@ -1019,8 +1019,8 @@ abbr[data-original-title] {
 .du-bois-light-btn:hover,
 .du-bois-light-btn:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: #fff;
+  border-color: #448dc2;
 }
 .du-bois-light-btn:hover > a:only-child,
 .du-bois-light-btn:focus > a:only-child {
@@ -1038,8 +1038,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn:active {
   color: #14538f;
-  border-color: #14538f;
   background: #fff;
+  border-color: #14538f;
 }
 .du-bois-light-btn:active > a:only-child {
   color: currentColor;
@@ -1058,8 +1058,8 @@ abbr[data-original-title] {
 .du-bois-light-btn[disabled]:focus,
 .du-bois-light-btn[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1092,8 +1092,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-primary {
   color: #fff;
-  border-color: #2272B4;
   background: #2272B4;
+  border-color: #2272B4;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1112,8 +1112,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-primary:hover,
 .du-bois-light-btn-primary:focus {
   color: #fff;
-  border-color: #448dc2;
   background: #448dc2;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-primary:hover > a:only-child,
 .du-bois-light-btn-primary:focus > a:only-child {
@@ -1131,8 +1131,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-primary:active {
   color: #fff;
-  border-color: #14538f;
   background: #14538f;
+  border-color: #14538f;
 }
 .du-bois-light-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1151,8 +1151,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1197,8 +1197,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-ghost {
   color: #20272E;
-  border-color: #d9d9d9;
   background: transparent;
+  border-color: #d9d9d9;
 }
 .du-bois-light-btn-ghost > a:only-child {
   color: currentColor;
@@ -1215,8 +1215,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-ghost:hover,
 .du-bois-light-btn-ghost:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-ghost:hover > a:only-child,
 .du-bois-light-btn-ghost:focus > a:only-child {
@@ -1234,8 +1234,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-ghost:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-ghost:active > a:only-child {
   color: currentColor;
@@ -1254,8 +1254,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-ghost[disabled]:focus,
 .du-bois-light-btn-ghost[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1279,8 +1279,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dashed {
   color: #20272E;
-  border-color: #d9d9d9;
   background: #fff;
+  border-color: #d9d9d9;
   border-style: dashed;
 }
 .du-bois-light-btn-dashed > a:only-child {
@@ -1298,8 +1298,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dashed:hover,
 .du-bois-light-btn-dashed:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: #fff;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dashed:hover > a:only-child,
 .du-bois-light-btn-dashed:focus > a:only-child {
@@ -1317,8 +1317,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dashed:active {
   color: #14538f;
-  border-color: #14538f;
   background: #fff;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dashed:active > a:only-child {
   color: currentColor;
@@ -1337,8 +1337,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dashed[disabled]:focus,
 .du-bois-light-btn-dashed[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1362,8 +1362,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-danger {
   color: #fff;
-  border-color: #CC3352;
   background: #CC3352;
+  border-color: #CC3352;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1382,8 +1382,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-danger:hover,
 .du-bois-light-btn-danger:focus {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-danger:hover > a:only-child,
 .du-bois-light-btn-danger:focus > a:only-child {
@@ -1401,8 +1401,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-danger:active {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-light-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1421,8 +1421,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-danger[disabled]:focus,
 .du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1446,8 +1446,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-link {
   color: #2272B4;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-link > a:only-child {
@@ -1465,8 +1465,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link:hover,
 .du-bois-light-btn-link:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-link:focus > a:only-child {
@@ -1484,8 +1484,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-link:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1504,8 +1504,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1540,8 +1540,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1565,8 +1565,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-text {
   color: #20272E;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-text > a:only-child {
@@ -1584,8 +1584,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text:hover,
 .du-bois-light-btn-text:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-text:focus > a:only-child {
@@ -1603,8 +1603,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-text:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -1623,8 +1623,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1662,8 +1662,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1687,8 +1687,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous {
   color: #CC3352;
-  border-color: #CC3352;
   background: #fff;
+  border-color: #CC3352;
 }
 .du-bois-light-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1705,8 +1705,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous:hover,
 .du-bois-light-btn-dangerous:focus {
   color: #d9596e;
-  border-color: #d9596e;
   background: #fff;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-dangerous:hover > a:only-child,
 .du-bois-light-btn-dangerous:focus > a:only-child {
@@ -1724,8 +1724,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous:active {
   color: #a62140;
-  border-color: #a62140;
   background: #fff;
+  border-color: #a62140;
 }
 .du-bois-light-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1744,8 +1744,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous[disabled]:focus,
 .du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1769,8 +1769,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary {
   color: #fff;
-  border-color: #CC3352;
   background: #CC3352;
+  border-color: #CC3352;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1789,8 +1789,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:focus {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:focus > a:only-child {
@@ -1808,8 +1808,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:active {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1828,8 +1828,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1853,8 +1853,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link > a:only-child {
@@ -1872,8 +1872,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus > a:only-child {
@@ -1891,8 +1891,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1911,8 +1911,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1937,8 +1937,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #d9596e;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus > a:only-child {
@@ -1956,8 +1956,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #a62140;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1976,8 +1976,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2001,8 +2001,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text > a:only-child {
@@ -2020,8 +2020,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus > a:only-child {
@@ -2039,8 +2039,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -2059,8 +2059,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2085,8 +2085,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus {
   color: #d9596e;
-  border-color: transparent;
   background: rgba(0, 0, 0, 0.018);
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus > a:only-child {
@@ -2104,8 +2104,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active {
   color: #a62140;
-  border-color: transparent;
   background: rgba(0, 0, 0, 0.028);
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -2124,8 +2124,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2153,7 +2153,7 @@ abbr[data-original-title] {
   padding: 6.4px 0;
   font-size: 16px;
   border-radius: 4px;
-  vertical-align: -3px;
+  vertical-align: -1px;
 }
 .du-bois-light-btn-icon-only > * {
   font-size: 16px;
@@ -2178,10 +2178,6 @@ abbr[data-original-title] {
 .du-bois-light-btn-icon-only.du-bois-light-btn-sm > * {
   font-size: 14px;
 }
-.du-bois-light-btn-icon-only > .anticon {
-  display: flex;
-  justify-content: center;
-}
 .du-bois-light-btn-round {
   height: 40px;
   padding: 8px 20px;
@@ -2438,18 +2434,14 @@ abbr[data-original-title] {
 .du-bois-light-btn > span + .anticon {
   margin-left: 8px;
 }
-.du-bois-light-btn.du-bois-light-btn-background-ghost {
+.du-bois-light-btn-background-ghost {
   color: #fff;
+  background: transparent !important;
   border-color: #fff;
 }
-.du-bois-light-btn.du-bois-light-btn-background-ghost,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:hover,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:active,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:focus {
-  background: transparent;
-}
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary {
   color: #2272B4;
+  background: transparent;
   border-color: #2272B4;
   text-shadow: none;
 }
@@ -2468,6 +2460,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:focus {
   color: #448dc2;
+  background: transparent;
   border-color: #448dc2;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:hover > a:only-child,
@@ -2486,6 +2479,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:active {
   color: #14538f;
+  background: transparent;
   border-color: #14538f;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:active > a:only-child {
@@ -2505,8 +2499,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2530,6 +2524,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2548,6 +2543,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:focus {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:hover > a:only-child,
@@ -2566,6 +2562,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active > a:only-child {
@@ -2585,8 +2582,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2610,6 +2607,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2628,6 +2626,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:focus {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:hover > a:only-child,
@@ -2646,6 +2645,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active > a:only-child {
@@ -2665,8 +2665,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2690,6 +2690,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link {
   color: #CC3352;
+  background: transparent;
   border-color: transparent;
   text-shadow: none;
 }
@@ -2708,6 +2709,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #d9596e;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
@@ -2726,6 +2728,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #a62140;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
@@ -2745,8 +2748,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2869,11 +2872,11 @@ a.du-bois-light-btn-sm {
   color: #5D7283;
 }
 .du-bois-light-alert-warning {
-  background-color: #f0e9e1;
+  background-color: #FFF9EB;
   border: 1px solid #F8D4A5;
 }
 .du-bois-light-alert-warning .du-bois-light-alert-icon {
-  color: #AF5B23;
+  color: #93320B;
 }
 .du-bois-light-alert-error {
   background-color: #fff0f0;
@@ -3047,7 +3050,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -4771,17 +4774,17 @@ a.du-bois-light-btn-sm {
 .du-bois-light-form-item-has-warning .du-bois-light-form-item-split {
   color: #AF5B23;
 }
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:hover,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:hover {
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input:hover,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:hover {
   background-color: #fff;
   border-color: #AF5B23;
 }
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:focus,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:focus,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input-focused,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper-focused {
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input:focus,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:focus,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input-focused,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper-focused {
   border-color: #bd7844;
   border-right-width: 1px !important;
   outline: 0;
@@ -4846,17 +4849,17 @@ a.du-bois-light-btn-sm {
 .du-bois-light-form-item-has-error .du-bois-light-form-item-split {
   color: #CC3352;
 }
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:hover,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:hover {
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input:hover,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:hover {
   background-color: #fff;
   border-color: #CC3352;
 }
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:focus,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:focus,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input-focused,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper-focused {
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input:focus,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:focus,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input-focused,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper-focused {
   border-color: #d9596e;
   border-right-width: 1px !important;
   outline: 0;
@@ -5076,7 +5079,6 @@ a.du-bois-light-btn-sm {
   position: relative;
   display: inline-flex;
   align-items: center;
-  max-width: 100%;
   height: 40px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
@@ -10786,8 +10788,6 @@ a.du-bois-light-btn-sm {
 .du-bois-light-input-affix-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10798,8 +10798,6 @@ a.du-bois-light-btn-sm {
 .du-bois-light-input-affix-wrapper[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10860,7 +10858,7 @@ textarea.du-bois-light-input-affix-wrapper {
   outline: none;
 }
 .du-bois-light-input-affix-wrapper > input.du-bois-light-input:focus {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .du-bois-light-input-affix-wrapper::before {
   width: 0;
@@ -10880,7 +10878,7 @@ textarea.du-bois-light-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.du-bois-light-input-clear-icon {
-  margin: 0;
+  margin: 0 4px;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
@@ -10896,8 +10894,8 @@ textarea.du-bois-light-input-affix-wrapper {
 .anticon.du-bois-light-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.du-bois-light-input-clear-icon-has-suffix {
-  margin: 0 4px;
+.anticon.du-bois-light-input-clear-icon:last-child {
+  margin-right: 0;
 }
 .du-bois-light-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -10962,8 +10960,6 @@ textarea.du-bois-light-input-affix-wrapper {
 .du-bois-light-input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10974,8 +10970,6 @@ textarea.du-bois-light-input-affix-wrapper {
 .du-bois-light-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11417,9 +11411,9 @@ textarea.du-bois-light-input {
 .du-bois-light-input-textarea-rtl.du-bois-light-input-textarea-show-count::after {
   text-align: left;
 }
-.du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon-has-suffix {
-  margin-right: 0;
-  margin-left: 4px;
+.du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon:last-child {
+  margin-right: 4px;
+  margin-left: 0;
 }
 .du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon {
   right: auto;
@@ -15132,8 +15126,6 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-options-quick-jumper input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15144,8 +15136,6 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-options-quick-jumper input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15663,15 +15653,8 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab,
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab,
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab {
-  margin-right: 2px;
-  margin-left: 0;
-}
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add {
-  margin-right: 2px;
-  margin-left: 0;
+  margin-right: 0;
+  margin-left: 2px;
 }
 .du-bois-light-tabs-dropdown-rtl {
   direction: rtl;
@@ -16089,7 +16072,6 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
 .du-bois-light-tabs > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add {
   min-width: 40px;
-  margin-left: 2px;
   padding: 0 4px;
   background: #fafafa;
   border: 1px solid #f0f0f0;
@@ -16319,7 +16301,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -16805,7 +16787,6 @@ h5.du-bois-light-typography,
 a.du-bois-light-typography-ellipsis,
 span.du-bois-light-typography-ellipsis {
   display: inline-block;
-  max-width: 100%;
 }
 a.du-bois-light-typography,
 .du-bois-light-typography a {