npm - @databricks/design-system - Versions diffs - 0.1.8 → 0.2.0 - Mend

@databricks/design-system 0.1.8 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1896) hide show

package/dist/index-dark.css CHANGED Viewed

@@ -974,8 +974,8 @@ abbr[data-original-title] {
   font-size: 14px;
   border-radius: 4px;
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
 }
 .du-bois-dark-btn > .anticon {
   line-height: 1;
@@ -1025,8 +1025,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn:hover,
 .du-bois-dark-btn:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn:hover > a:only-child,
 .du-bois-dark-btn:focus > a:only-child {
@@ -1044,8 +1044,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn:active > a:only-child {
   color: currentColor;
@@ -1064,8 +1064,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn[disabled]:focus,
 .du-bois-dark-btn[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1098,8 +1098,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-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);
 }
@@ -1118,8 +1118,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-primary:focus {
   color: #fff;
-  border-color: #14538f;
   background: #14538f;
+  border-color: #14538f;
 }
 .du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-primary:focus > a:only-child {
@@ -1137,8 +1137,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-primary:active {
   color: #fff;
-  border-color: #448dc2;
   background: #448dc2;
+  border-color: #448dc2;
 }
 .du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1157,8 +1157,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1203,8 +1203,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-ghost {
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
 }
 .du-bois-dark-btn-ghost > a:only-child {
   color: currentColor;
@@ -1221,8 +1221,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-ghost:hover,
 .du-bois-dark-btn-ghost:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-ghost:hover > a:only-child,
 .du-bois-dark-btn-ghost:focus > a:only-child {
@@ -1240,8 +1240,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-ghost:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-ghost:active > a:only-child {
   color: currentColor;
@@ -1260,8 +1260,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-ghost[disabled]:focus,
 .du-bois-dark-btn-ghost[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1285,8 +1285,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dashed {
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
   border-style: dashed;
 }
 .du-bois-dark-btn-dashed > a:only-child {
@@ -1304,8 +1304,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed:hover,
 .du-bois-dark-btn-dashed:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dashed:hover > a:only-child,
 .du-bois-dark-btn-dashed:focus > a:only-child {
@@ -1323,8 +1323,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dashed:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dashed:active > a:only-child {
   color: currentColor;
@@ -1343,8 +1343,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed[disabled]:focus,
 .du-bois-dark-btn-dashed[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1368,8 +1368,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-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);
 }
@@ -1388,8 +1388,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-danger:focus {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-danger:focus > a:only-child {
@@ -1407,8 +1407,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger:active {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1427,8 +1427,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger[disabled]:focus,
 .du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1452,8 +1452,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-link {
   color: #2272B4;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-link > a:only-child {
@@ -1471,8 +1471,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-link:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-link:focus > a:only-child {
@@ -1490,8 +1490,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-link:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1510,8 +1510,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1546,8 +1546,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1571,8 +1571,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-text {
   color: #ffffffd6;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-text > a:only-child {
@@ -1590,8 +1590,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-text:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-text:focus > a:only-child {
@@ -1609,8 +1609,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-text:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -1629,8 +1629,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1668,8 +1668,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1693,8 +1693,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous {
   color: #CC3352;
-  border-color: #CC3352;
   background: transparent;
+  border-color: #CC3352;
 }
 .du-bois-dark-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1711,8 +1711,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-dangerous:focus {
   color: #a62140;
-  border-color: #a62140;
   background: transparent;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -1730,8 +1730,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous:active {
   color: #d9596e;
-  border-color: #d9596e;
   background: transparent;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1750,8 +1750,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous[disabled]:focus,
 .du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1775,8 +1775,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-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);
 }
@@ -1795,8 +1795,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus > a:only-child {
@@ -1814,8 +1814,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1834,8 +1834,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1859,8 +1859,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link > a:only-child {
@@ -1878,8 +1878,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus > a:only-child {
@@ -1897,8 +1897,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1917,8 +1917,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1943,8 +1943,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #a62140;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus > a:only-child {
@@ -1962,8 +1962,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #d9596e;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1982,8 +1982,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2007,8 +2007,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text > a:only-child {
@@ -2026,8 +2026,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus > a:only-child {
@@ -2045,8 +2045,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -2065,8 +2065,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2091,8 +2091,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
   color: #a62140;
-  border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus > a:only-child {
@@ -2110,8 +2110,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
   color: #d9596e;
-  border-color: transparent;
   background: rgba(255, 255, 255, 0.04);
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -2130,8 +2130,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2159,7 +2159,7 @@ abbr[data-original-title] {
   padding: 6.4px 0;
   font-size: 16px;
   border-radius: 4px;
-  vertical-align: -3px;
+  vertical-align: -1px;
 }
 .du-bois-dark-btn-icon-only > * {
   font-size: 16px;
@@ -2184,10 +2184,6 @@ abbr[data-original-title] {
 .du-bois-dark-btn-icon-only.du-bois-dark-btn-sm > * {
   font-size: 14px;
 }
-.du-bois-dark-btn-icon-only > .anticon {
-  display: flex;
-  justify-content: center;
-}
 .du-bois-dark-btn-round {
   height: 40px;
   padding: 8px 20px;
@@ -2444,18 +2440,14 @@ abbr[data-original-title] {
 .du-bois-dark-btn > span + .anticon {
   margin-left: 8px;
 }
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost {
+.du-bois-dark-btn-background-ghost {
   color: #ffffffd6;
+  background: transparent !important;
   border-color: rgba(255, 255, 255, 0.25);
 }
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:hover,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:active,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:focus {
-  background: transparent;
-}
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary {
   color: #2272B4;
+  background: transparent;
   border-color: #2272B4;
   text-shadow: none;
 }
@@ -2474,6 +2466,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:focus {
   color: #14538f;
+  background: transparent;
   border-color: #14538f;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:hover > a:only-child,
@@ -2492,6 +2485,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:active {
   color: #448dc2;
+  background: transparent;
   border-color: #448dc2;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:active > a:only-child {
@@ -2511,8 +2505,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2536,6 +2530,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2554,6 +2549,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover > a:only-child,
@@ -2572,6 +2568,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active > a:only-child {
@@ -2591,8 +2588,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2616,6 +2613,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2634,6 +2632,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover > a:only-child,
@@ -2652,6 +2651,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active > a:only-child {
@@ -2671,8 +2671,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2696,6 +2696,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
   color: #CC3352;
+  background: transparent;
   border-color: transparent;
   text-shadow: none;
 }
@@ -2714,6 +2715,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #a62140;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
@@ -2732,6 +2734,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #d9596e;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
@@ -2751,8 +2754,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2878,11 +2881,11 @@ a.du-bois-dark-btn-sm {
   color: #ffffff99;
 }
 .du-bois-dark-alert-warning {
-  background-color: #2b2111;
+  background-color: #FFF9EB;
   border: 1px solid #F8D4A5;
 }
 .du-bois-dark-alert-warning .du-bois-dark-alert-icon {
-  color: #AF5B23;
+  color: #93320B;
 }
 .du-bois-dark-alert-error {
   background-color: #2a1215;
@@ -3059,7 +3062,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -4803,17 +4806,17 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-form-item-has-warning .du-bois-dark-form-item-split {
   color: #AF5B23;
 }
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:hover,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:hover {
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
   border-color: #AF5B23;
 }
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:focus,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:focus,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input-focused,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper-focused {
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
   border-color: #AF5B23;
   border-right-width: 1px !important;
   outline: 0;
@@ -4878,17 +4881,17 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-form-item-has-error .du-bois-dark-form-item-split {
   color: #CC3352;
 }
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:hover,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:hover {
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
   border-color: #CC3352;
 }
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:focus,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:focus,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input-focused,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper-focused {
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
   border-color: #CC3352;
   border-right-width: 1px !important;
   outline: 0;
@@ -5108,7 +5111,6 @@ a.du-bois-dark-btn-sm {
   position: relative;
   display: inline-flex;
   align-items: center;
-  max-width: 100%;
   height: 40px;
   color: rgba(255, 255, 255, 0.85);
   font-size: 14px;
@@ -10827,8 +10829,6 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-input-affix-wrapper-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10839,8 +10839,6 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-input-affix-wrapper[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10901,7 +10899,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   outline: none;
 }
 .du-bois-dark-input-affix-wrapper > input.du-bois-dark-input:focus {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .du-bois-dark-input-affix-wrapper::before {
   width: 0;
@@ -10921,7 +10919,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.du-bois-dark-input-clear-icon {
-  margin: 0;
+  margin: 0 4px;
   color: rgba(255, 255, 255, 0.3);
   font-size: 12px;
   vertical-align: -1px;
@@ -10937,8 +10935,8 @@ textarea.du-bois-dark-input-affix-wrapper {
 .anticon.du-bois-dark-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.du-bois-dark-input-clear-icon-has-suffix {
-  margin: 0 4px;
+.anticon.du-bois-dark-input-clear-icon:last-child {
+  margin-right: 0;
 }
 .du-bois-dark-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -11003,8 +11001,6 @@ textarea.du-bois-dark-input-affix-wrapper {
 .du-bois-dark-input-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11015,8 +11011,6 @@ textarea.du-bois-dark-input-affix-wrapper {
 .du-bois-dark-input[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11458,9 +11452,9 @@ textarea.du-bois-dark-input {
 .du-bois-dark-input-textarea-rtl.du-bois-dark-input-textarea-show-count::after {
   text-align: left;
 }
-.du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon-has-suffix {
-  margin-right: 0;
-  margin-left: 4px;
+.du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon:last-child {
+  margin-right: 4px;
+  margin-left: 0;
 }
 .du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon {
   right: auto;
@@ -15392,8 +15386,6 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-options-quick-jumper input-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15404,8 +15396,6 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-options-quick-jumper input[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15929,15 +15919,8 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab,
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab,
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab {
-  margin-right: 2px;
-  margin-left: 0;
-}
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add {
-  margin-right: 2px;
-  margin-left: 0;
+  margin-right: 0;
+  margin-left: 2px;
 }
 .du-bois-dark-tabs-dropdown-rtl {
   direction: rtl;
@@ -16355,7 +16338,6 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tabs > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
 .du-bois-dark-tabs > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add {
   min-width: 40px;
-  margin-left: 2px;
   padding: 0 4px;
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid #303030;
@@ -16588,7 +16570,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -17077,7 +17059,6 @@ h5.du-bois-dark-typography,
 a.du-bois-dark-typography-ellipsis,
 span.du-bois-dark-typography-ellipsis {
   display: inline-block;
-  max-width: 100%;
 }
 a.du-bois-dark-typography,
 .du-bois-dark-typography a {