@databricks/design-system 1.2.0 → 1.3.0

package/dist/index.css

@@ -967,9 +967,9 @@ abbr[data-original-title] {
   padding: 0 16px;
   font-size: 13px;
   border-radius: 4px;
-  color: #20272E;
+  color: #1F272D;
   background: #fff;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-btn > .anticon {
   line-height: 1;
@@ -995,7 +995,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-lg {
   height: 40px;
   padding: 0 16px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 4px;
 }
 .du-bois-light-btn-sm {
@@ -1059,7 +1059,7 @@ abbr[data-original-title] {
 .du-bois-light-btn[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1152,7 +1152,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1179,13 +1179,13 @@ abbr[data-original-title] {
   border-left-color: #448dc2;
 }
 .du-bois-light-btn-group .du-bois-light-btn-primary:not(:first-child):not(:last-child):disabled {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-btn-group .du-bois-light-btn-primary:first-child:not(:last-child) {
   border-right-color: #448dc2;
 }
 .du-bois-light-btn-group .du-bois-light-btn-primary:first-child:not(:last-child)[disabled] {
-  border-right-color: #d9d9d9;
+  border-right-color: #CDDAE5;
 }
 .du-bois-light-btn-group .du-bois-light-btn-primary:last-child:not(:first-child),
 .du-bois-light-btn-group .du-bois-light-btn-primary + .du-bois-light-btn-primary {
@@ -1193,12 +1193,12 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-group .du-bois-light-btn-primary:last-child:not(:first-child)[disabled],
 .du-bois-light-btn-group .du-bois-light-btn-primary + .du-bois-light-btn-primary[disabled] {
-  border-left-color: #d9d9d9;
+  border-left-color: #CDDAE5;
 }
 .du-bois-light-btn-ghost {
-  color: #20272E;
+  color: #1F272D;
   background: transparent;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-btn-ghost > a:only-child {
   color: currentColor;
@@ -1255,7 +1255,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-ghost[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1278,9 +1278,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dashed {
-  color: #20272E;
+  color: #1F272D;
   background: #fff;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-style: dashed;
 }
 .du-bois-light-btn-dashed > a:only-child {
@@ -1338,7 +1338,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-dashed[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1362,8 +1362,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-danger {
   color: #fff;
-  background: #CC3352;
-  border-color: #CC3352;
+  background: #C72D4C;
+  border-color: #C72D4C;
   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;
-  background: #d9596e;
-  border-color: #d9596e;
+  background: #d45368;
+  border-color: #d45368;
 }
 .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;
-  background: #a62140;
-  border-color: #a62140;
+  background: #a11d3c;
+  border-color: #a11d3c;
 }
 .du-bois-light-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1422,7 +1422,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1505,7 +1505,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1564,7 +1564,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-text {
-  color: #20272E;
+  color: #1F272D;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -1624,7 +1624,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1648,12 +1648,12 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-text:hover,
 .du-bois-light-btn-text:focus {
-  color: #20272E;
+  color: #1F272D;
   background: rgba(0, 0, 0, 0.018);
   border-color: transparent;
 }
 .du-bois-light-btn-text:active {
-  color: #20272E;
+  color: #1F272D;
   background: rgba(0, 0, 0, 0.028);
   border-color: transparent;
 }
@@ -1686,9 +1686,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous {
-  color: #CC3352;
+  color: #C72D4C;
   background: #fff;
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1704,9 +1704,9 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous:hover,
 .du-bois-light-btn-dangerous:focus {
-  color: #d9596e;
+  color: #d45368;
   background: #fff;
-  border-color: #d9596e;
+  border-color: #d45368;
 }
 .du-bois-light-btn-dangerous:hover > a:only-child,
 .du-bois-light-btn-dangerous:focus > a:only-child {
@@ -1723,9 +1723,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous:active {
-  color: #a62140;
+  color: #a11d3c;
   background: #fff;
-  border-color: #a62140;
+  border-color: #a11d3c;
 }
 .du-bois-light-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1745,7 +1745,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   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;
-  background: #CC3352;
-  border-color: #CC3352;
+  background: #C72D4C;
+  border-color: #C72D4C;
   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;
-  background: #d9596e;
-  border-color: #d9596e;
+  background: #d45368;
+  border-color: #d45368;
 }
 .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;
-  background: #a62140;
-  border-color: #a62140;
+  background: #a11d3c;
+  border-color: #a11d3c;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1829,7 +1829,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1852,7 +1852,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link {
-  color: #CC3352;
+  color: #C72D4C;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -1912,7 +1912,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1936,7 +1936,7 @@ 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;
+  color: #d45368;
   background: transparent;
   border-color: transparent;
 }
@@ -1955,7 +1955,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
-  color: #a62140;
+  color: #a11d3c;
   background: transparent;
   border-color: transparent;
 }
@@ -2000,7 +2000,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text {
-  color: #CC3352;
+  color: #C72D4C;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2060,7 +2060,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2084,7 +2084,7 @@ 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;
+  color: #d45368;
   background: rgba(0, 0, 0, 0.018);
   border-color: transparent;
 }
@@ -2103,7 +2103,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active {
-  color: #a62140;
+  color: #a11d3c;
   background: rgba(0, 0, 0, 0.028);
   border-color: transparent;
 }
@@ -2162,11 +2162,11 @@ abbr[data-original-title] {
   width: 40px;
   height: 40px;
   padding: 0 0;
-  font-size: 21px;
+  font-size: 20px;
   border-radius: 4px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-lg > * {
-  font-size: 21px;
+  font-size: 20px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-sm {
   width: 32px;
@@ -2187,7 +2187,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-round.du-bois-light-btn-lg {
   height: 40px;
   padding: 0 20px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 40px;
 }
 .du-bois-light-btn-round.du-bois-light-btn-sm {
@@ -2285,7 +2285,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-group-lg > span > .du-bois-light-btn {
   height: 40px;
   padding: 0 16px;
-  font-size: 19px;
+  font-size: 18px;
   border-radius: 0;
 }
 .du-bois-light-btn-group-lg .du-bois-light-btn.du-bois-light-btn-icon-only {
@@ -2500,7 +2500,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2523,9 +2523,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger {
-  color: #CC3352;
+  color: #C72D4C;
   background: transparent;
-  border-color: #CC3352;
+  border-color: #C72D4C;
   text-shadow: none;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger > a:only-child {
@@ -2542,9 +2542,9 @@ 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;
+  color: #d45368;
   background: transparent;
-  border-color: #d9596e;
+  border-color: #d45368;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:hover > a:only-child,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:focus > a:only-child {
@@ -2561,9 +2561,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active {
-  color: #a62140;
+  color: #a11d3c;
   background: transparent;
-  border-color: #a62140;
+  border-color: #a11d3c;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active > a:only-child {
   color: currentColor;
@@ -2583,7 +2583,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2606,9 +2606,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous {
-  color: #CC3352;
+  color: #C72D4C;
   background: transparent;
-  border-color: #CC3352;
+  border-color: #C72D4C;
   text-shadow: none;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous > a:only-child {
@@ -2625,9 +2625,9 @@ 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;
+  color: #d45368;
   background: transparent;
-  border-color: #d9596e;
+  border-color: #d45368;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:hover > a:only-child,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:focus > a:only-child {
@@ -2644,9 +2644,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active {
-  color: #a62140;
+  color: #a11d3c;
   background: transparent;
-  border-color: #a62140;
+  border-color: #a11d3c;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -2666,7 +2666,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2689,7 +2689,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link {
-  color: #CC3352;
+  color: #C72D4C;
   background: transparent;
   border-color: transparent;
   text-shadow: none;
@@ -2708,7 +2708,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;
+  color: #d45368;
   background: transparent;
   border-color: transparent;
 }
@@ -2727,7 +2727,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
-  color: #a62140;
+  color: #a11d3c;
   background: transparent;
   border-color: transparent;
 }
@@ -2749,7 +2749,7 @@ abbr[data-original-title] {
 .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);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2803,11 +2803,11 @@ a.du-bois-light-btn-sm {
 .du-bois-light-btn-group-rtl.du-bois-light-btn-group .du-bois-light-btn-primary:last-child:not(:first-child),
 .du-bois-light-btn-group-rtl.du-bois-light-btn-group .du-bois-light-btn-primary + .du-bois-light-btn-primary {
   border-right-color: #448dc2;
-  border-left-color: #d9d9d9;
+  border-left-color: #CDDAE5;
 }
 .du-bois-light-btn-group-rtl.du-bois-light-btn-group .du-bois-light-btn-primary:last-child:not(:first-child)[disabled],
 .du-bois-light-btn-group-rtl.du-bois-light-btn-group .du-bois-light-btn-primary + .du-bois-light-btn-primary[disabled] {
-  border-right-color: #d9d9d9;
+  border-right-color: #CDDAE5;
   border-left-color: #448dc2;
 }
 .du-bois-light-btn-rtl.du-bois-light-btn > .du-bois-light-btn-loading-icon .anticon {
@@ -2832,7 +2832,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -2866,7 +2866,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-alert-info {
   background-color: #F2F5F7;
-  border: 1px solid #C4CDD4;
+  border: 1px solid #CDDAE5;
 }
 .du-bois-light-alert-info .du-bois-light-alert-icon {
   color: #5D7283;
@@ -2876,14 +2876,14 @@ a.du-bois-light-btn-sm {
   border: 1px solid #F8D4A5;
 }
 .du-bois-light-alert-warning .du-bois-light-alert-icon {
-  color: #93320B;
+  color: #BF511E;
 }
 .du-bois-light-alert-error {
-  background-color: #fff0f0;
+  background-color: #FFF5F7;
   border: 1px solid #FBD0D8;
 }
 .du-bois-light-alert-error .du-bois-light-alert-icon {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-alert-error .du-bois-light-alert-description > pre {
   margin: 0;
@@ -2896,8 +2896,8 @@ a.du-bois-light-btn-sm {
   margin-left: 8px;
   padding: 0;
   overflow: hidden;
-  font-size: 11px;
-  line-height: 11px;
+  font-size: 12px;
+  line-height: 12px;
   background-color: transparent;
   border: none;
   outline: none;
@@ -2932,7 +2932,7 @@ a.du-bois-light-btn-sm {
   display: block;
   margin-bottom: 4px;
   color: inherit;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-alert-message {
   color: inherit;
@@ -2998,7 +2998,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -3042,7 +3042,7 @@ a.du-bois-light-btn-sm {
   height: 16px;
   direction: ltr;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
@@ -3101,7 +3101,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-checkbox-disabled .du-bois-light-checkbox-inner {
   background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  border-color: #CDDAE5 !important;
 }
 .du-bois-light-checkbox-disabled .du-bois-light-checkbox-inner::after {
   border-color: #f5f5f5;
@@ -3120,7 +3120,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -3151,7 +3151,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -3170,7 +3170,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-checkbox-indeterminate .du-bois-light-checkbox-inner {
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-checkbox-indeterminate .du-bois-light-checkbox-inner::after {
   top: 50%;
@@ -3209,7 +3209,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -3378,7 +3378,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-select-multiple.du-bois-light-select-show-arrow .du-bois-light-select-selector,
 .du-bois-light-select-multiple.du-bois-light-select-allow-clear .du-bois-light-select-selector {
-  padding-right: 19px;
+  padding-right: 20px;
 }
 .du-bois-light-select-multiple .du-bois-light-select-selection-item {
   position: relative;
@@ -3402,7 +3402,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-select-disabled.du-bois-light-select-multiple .du-bois-light-select-selection-item {
   color: #bfbfbf;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-select-multiple .du-bois-light-select-selection-item-content {
@@ -3534,7 +3534,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -3547,7 +3547,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select:not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
   position: relative;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -3632,11 +3632,11 @@ a.du-bois-light-btn-sm {
   position: absolute;
   top: 50%;
   right: 7px;
-  width: 11px;
-  height: 11px;
-  margin-top: -5.5px;
+  width: 12px;
+  height: 12px;
+  margin-top: -6px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 11px;
+  font-size: 12px;
   line-height: 1;
   text-align: center;
   pointer-events: none;
@@ -3672,11 +3672,11 @@ a.du-bois-light-btn-sm {
   right: 7px;
   z-index: 1;
   display: inline-block;
-  width: 11px;
-  height: 11px;
-  margin-top: -5.5px;
+  width: 12px;
+  height: 12px;
+  margin-top: -6px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 11px;
+  font-size: 12px;
   font-style: normal;
   line-height: 1;
   text-align: center;
@@ -3699,7 +3699,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select-dropdown {
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-variant: tabular-nums;
   line-height: 20px;
   list-style: none;
@@ -3743,7 +3743,7 @@ a.du-bois-light-btn-sm {
   display: block;
   min-height: 32px;
   padding: 5px 8px;
-  color: #20272E;
+  color: #1F272D;
   font-weight: normal;
   font-size: 13px;
   line-height: 22px;
@@ -3754,7 +3754,7 @@ a.du-bois-light-btn-sm {
   display: block;
   min-height: 32px;
   padding: 5px 8px;
-  color: #20272E;
+  color: #1F272D;
   font-weight: normal;
   font-size: 13px;
   line-height: 22px;
@@ -3763,7 +3763,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-select-item-group {
   color: #5D7283;
-  font-size: 11px;
+  font-size: 12px;
   cursor: default;
 }
 .du-bois-light-select-item-option {
@@ -3782,7 +3782,7 @@ a.du-bois-light-btn-sm {
   background-color: #f5f5f5;
 }
 .du-bois-light-select-item-option-selected:not(.du-bois-light-select-item-option-disabled) {
-  color: #20272E;
+  color: #1F272D;
   font-weight: 600;
   background-color: #e6f1f5;
 }
@@ -3800,7 +3800,7 @@ a.du-bois-light-btn-sm {
   padding-left: 16px;
 }
 .du-bois-light-select-lg {
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-select-borderless .du-bois-light-select-selector {
   background-color: transparent !important;
@@ -3828,7 +3828,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select-rtl.du-bois-light-select-multiple.du-bois-light-select-show-arrow .du-bois-light-select-selector,
 .du-bois-light-select-rtl.du-bois-light-select-multiple.du-bois-light-select-allow-clear .du-bois-light-select-selector {
   padding-right: 3px;
-  padding-left: 19px;
+  padding-left: 20px;
 }
 .du-bois-light-select-rtl.du-bois-light-select-multiple .du-bois-light-select-selection-item {
   text-align: right;
@@ -3954,19 +3954,19 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   background-color: #fafafa;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-bottom: 0;
   border-radius: 4px;
 }
 .du-bois-light-collapse > .du-bois-light-collapse-item {
-  border-bottom: 1px solid #d9d9d9;
+  border-bottom: 1px solid #CDDAE5;
 }
 .du-bois-light-collapse > .du-bois-light-collapse-item:last-child,
 .du-bois-light-collapse > .du-bois-light-collapse-item:last-child > .du-bois-light-collapse-header {
@@ -3992,7 +3992,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-collapse > .du-bois-light-collapse-item > .du-bois-light-collapse-header .du-bois-light-collapse-arrow {
   display: inline-block;
   margin-right: 12px;
-  font-size: 11px;
+  font-size: 12px;
   vertical-align: -1px;
 }
 .du-bois-light-collapse > .du-bois-light-collapse-item > .du-bois-light-collapse-header .du-bois-light-collapse-arrow svg {
@@ -4026,9 +4026,9 @@ a.du-bois-light-btn-sm {
   transform: translateY(-50%);
 }
 .du-bois-light-collapse-content {
-  color: #20272E;
+  color: #1F272D;
   background-color: #fff;
-  border-top: 1px solid #d9d9d9;
+  border-top: 1px solid #CDDAE5;
 }
 .du-bois-light-collapse-content > .du-bois-light-collapse-content-box {
   padding: 8px;
@@ -4044,7 +4044,7 @@ a.du-bois-light-btn-sm {
   border: 0;
 }
 .du-bois-light-collapse-borderless > .du-bois-light-collapse-item {
-  border-bottom: 1px solid #d9d9d9;
+  border-bottom: 1px solid #CDDAE5;
 }
 .du-bois-light-collapse-borderless > .du-bois-light-collapse-item:last-child,
 .du-bois-light-collapse-borderless > .du-bois-light-collapse-item:last-child .du-bois-light-collapse-header {
@@ -4103,7 +4103,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -4114,7 +4114,7 @@ a.du-bois-light-btn-sm {
   display: inline-flex;
   align-items: center;
   background: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: border 0.3s, box-shadow 0.3s;
 }
@@ -4131,7 +4131,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-picker.du-bois-light-picker-disabled {
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-picker.du-bois-light-picker-disabled .du-bois-light-picker-suffix {
@@ -4154,12 +4154,12 @@ a.du-bois-light-btn-sm {
   width: 100%;
   min-width: 0;
   padding: 3px 7px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 20px;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s;
   flex: auto;
@@ -4196,7 +4196,7 @@ a.du-bois-light-btn-sm {
   opacity: 1;
 }
 .du-bois-light-picker-input > input-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-picker-input > input[disabled] {
@@ -4206,7 +4206,7 @@ a.du-bois-light-btn-sm {
   opacity: 1;
 }
 .du-bois-light-picker-input > input[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-picker-input > input-borderless,
@@ -4228,8 +4228,8 @@ textarea.du-bois-light-picker-input > input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-picker-input > input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-light-picker-input > input-sm {
   padding: 0 3px;
@@ -4250,7 +4250,7 @@ textarea.du-bois-light-picker-input > input {
   padding: 0 7px 0;
 }
 .du-bois-light-picker-large .du-bois-light-picker-input > input {
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-picker-small {
   padding: 0 3px 0;
@@ -4287,9 +4287,9 @@ textarea.du-bois-light-picker-input > input {
   position: relative;
   display: inline-block;
   width: 1em;
-  height: 19px;
+  height: 18px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 19px;
+  font-size: 18px;
   vertical-align: top;
   cursor: default;
 }
@@ -4336,7 +4336,7 @@ textarea.du-bois-light-picker-input > input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -4503,7 +4503,7 @@ textarea.du-bois-light-picker-input > input {
   font-size: 13px;
 }
 .du-bois-light-picker-header > button:hover {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-picker-header-view {
   flex: auto;
@@ -4576,7 +4576,7 @@ textarea.du-bois-light-picker-input > input {
 }
 .du-bois-light-picker-content th {
   height: 30px;
-  color: #20272E;
+  color: #1F272D;
   line-height: 30px;
 }
 .du-bois-light-picker-cell {
@@ -4585,7 +4585,7 @@ textarea.du-bois-light-picker-input > input {
   cursor: pointer;
 }
 .du-bois-light-picker-cell-in-view {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-picker-cell::before {
   position: absolute;
@@ -4933,7 +4933,7 @@ tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-st
   height: 28px;
   margin: 0;
   padding: 0 0 0 14px;
-  color: #20272E;
+  color: #1F272D;
   line-height: 28px;
   border-radius: 0;
   cursor: pointer;
@@ -5104,7 +5104,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   list-style: none;
@@ -5113,11 +5113,11 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   height: auto;
   margin-right: 8px;
   padding: 0 7px;
-  font-size: 11px;
+  font-size: 12px;
   line-height: 20px;
   white-space: nowrap;
   background: #fafafa;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   opacity: 1;
   transition: all 0.3s;
@@ -5125,7 +5125,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 .du-bois-light-tag,
 .du-bois-light-tag a,
 .du-bois-light-tag a:hover {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-tag > a:first-child:last-child {
   display: inline-block;
@@ -5348,17 +5348,17 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
   color: #fff;
-  background-color: #CC3352;
+  background-color: #C72D4C;
 }
 .du-bois-light-dropdown {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -5498,7 +5498,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 .du-bois-light-dropdown-menu-item-icon {
   min-width: 12px;
   margin-right: 8px;
-  font-size: 11px;
+  font-size: 12px;
 }
 .du-bois-light-dropdown-menu-title-content {
   flex: auto;
@@ -5523,7 +5523,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   clear: both;
   margin: 0;
   padding: 5px 8px;
-  color: #20272E;
+  color: #1F272D;
   font-weight: normal;
   font-size: 13px;
   line-height: 22px;
@@ -5581,7 +5581,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   list-style: none;
 }
 .du-bois-light-dropdown-menu-submenu-title {
-  padding-right: 19px;
+  padding-right: 20px;
 }
 .du-bois-light-dropdown-menu-submenu-vertical {
   position: relative;
@@ -5716,7 +5716,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 }
 .du-bois-light-dropdown-rtl .du-bois-light-dropdown-menu-submenu-title {
   padding-right: 8px;
-  padding-left: 19px;
+  padding-left: 20px;
 }
 .du-bois-light-dropdown-rtl .du-bois-light-dropdown-menu-submenu-vertical > .du-bois-light-dropdown-menu {
   right: 100%;
@@ -5955,7 +5955,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   /* To support leave along ErrorList. We add additional className to handle explain style */
 }
 .du-bois-light-form-item-explain.du-bois-light-form-item-explain-error {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-form-item-explain.du-bois-light-form-item-explain-warning {
   color: #AF5B23;
@@ -6095,54 +6095,54 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-shadow: 0 0 0 2px rgba(175, 91, 35, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-form-item-split {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .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;
+  border-color: #C72D4C;
 }
 .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-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-calendar-picker-open .du-bois-light-calendar-picker-input {
-  border-color: #d9596e;
+  border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-prefix {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-group-addon {
-  color: #CC3352;
-  border-color: #CC3352;
+  color: #C72D4C;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .has-feedback {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-form-item-has-error.du-bois-light-form-item-has-feedback .du-bois-light-form-item-children-icon {
-  color: #CC3352;
+  color: #C72D4C;
   animation-name: diffZoomIn2 !important;
 }
 .du-bois-light-form-item-has-error .du-bois-light-select:not(.du-bois-light-select-disabled):not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
   background-color: #fff;
-  border-color: #CC3352 !important;
+  border-color: #C72D4C !important;
 }
 .du-bois-light-form-item-has-error .du-bois-light-select:not(.du-bois-light-select-disabled):not(.du-bois-light-select-customize-input).du-bois-light-select-open .du-bois-light-select-selector,
 .du-bois-light-form-item-has-error .du-bois-light-select:not(.du-bois-light-select-disabled):not(.du-bois-light-select-customize-input).du-bois-light-select-focused .du-bois-light-select-selector {
-  border-color: #d9596e;
+  border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-group-addon .du-bois-light-select.du-bois-light-select-single:not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
   background-color: inherit;
@@ -6150,54 +6150,54 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-shadow: none;
 }
 .du-bois-light-form-item-has-error .du-bois-light-select.du-bois-light-select-auto-complete .du-bois-light-input:focus {
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-number,
 .du-bois-light-form-item-has-error .du-bois-light-picker {
   background-color: #fff;
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-number-focused,
 .du-bois-light-form-item-has-error .du-bois-light-picker-focused,
 .du-bois-light-form-item-has-error .du-bois-light-input-number:focus,
 .du-bois-light-form-item-has-error .du-bois-light-picker:focus {
-  border-color: #d9596e;
+  border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-number:not([disabled]):hover,
 .du-bois-light-form-item-has-error .du-bois-light-picker:not([disabled]):hover {
   background-color: #fff;
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-mention-wrapper .du-bois-light-mention-editor,
 .du-bois-light-form-item-has-error .du-bois-light-mention-wrapper .du-bois-light-mention-editor:not([disabled]):hover {
   background-color: #fff;
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-mention-wrapper.du-bois-light-mention-active:not([disabled]) .du-bois-light-mention-editor,
 .du-bois-light-form-item-has-error .du-bois-light-mention-wrapper .du-bois-light-mention-editor:not([disabled]):focus {
-  border-color: #d9596e;
+  border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-cascader-picker:hover .du-bois-light-cascader-picker-label:hover + .du-bois-light-cascader-input.du-bois-light-input {
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-cascader-picker:focus .du-bois-light-cascader-input {
   background-color: #fff;
-  border-color: #d9596e;
+  border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(204, 51, 82, 0.2);
+  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-transfer-list {
-  border-color: #CC3352;
+  border-color: #C72D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-transfer-list-search:not([disabled]) {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-form-item-has-error .du-bois-light-transfer-list-search:not([disabled]):hover {
   border-color: #448dc2;
@@ -6210,10 +6210,10 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-radio-button-wrapper {
-  border-color: #CC3352 !important;
+  border-color: #C72D4C !important;
 }
 .du-bois-light-form-item-has-error .du-bois-light-radio-button-wrapper:not(:first-child)::before {
-  background-color: #CC3352;
+  background-color: #C72D4C;
 }
 .du-bois-light-form-item-is-validating.du-bois-light-form-item-has-feedback .du-bois-light-form-item-children-icon {
   display: inline-block;
@@ -6223,7 +6223,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -6236,10 +6236,10 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin-bottom: 20px;
   padding: 0;
   color: #5D7283;
-  font-size: 19px;
+  font-size: 18px;
   line-height: inherit;
   border: 0;
-  border-bottom: 1px solid #d9d9d9;
+  border-bottom: 1px solid #CDDAE5;
 }
 .du-bois-light-form label {
   font-size: 13px;
@@ -6272,7 +6272,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 .du-bois-light-form output {
   display: block;
   padding-top: 15px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 20px;
 }
@@ -6296,7 +6296,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -11745,7 +11745,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -11995,12 +11995,12 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   width: 100%;
   min-width: 0;
   padding: 3px 7px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 20px;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s;
   display: inline-flex;
@@ -12041,7 +12041,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   opacity: 1;
 }
 .du-bois-light-input-affix-wrapper-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-input-affix-wrapper[disabled] {
@@ -12051,7 +12051,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   opacity: 1;
 }
 .du-bois-light-input-affix-wrapper[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-input-affix-wrapper-borderless,
@@ -12073,8 +12073,8 @@ textarea.du-bois-light-input-affix-wrapper {
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-input-affix-wrapper-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-light-input-affix-wrapper-sm {
   padding: 0 3px;
@@ -12129,7 +12129,7 @@ textarea.du-bois-light-input-affix-wrapper {
 .anticon.du-bois-light-input-clear-icon {
   margin: 0 4px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 11px;
+  font-size: 12px;
   vertical-align: -1px;
   cursor: pointer;
   transition: color 0.3s;
@@ -12138,7 +12138,7 @@ textarea.du-bois-light-input-affix-wrapper {
   color: #5D7283;
 }
 .anticon.du-bois-light-input-clear-icon:active {
-  color: #20272E;
+  color: #1F272D;
 }
 .anticon.du-bois-light-input-clear-icon-hidden {
   visibility: hidden;
@@ -12168,12 +12168,12 @@ textarea.du-bois-light-input-affix-wrapper {
   width: 100%;
   min-width: 0;
   padding: 3px 7px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 20px;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -12213,7 +12213,7 @@ textarea.du-bois-light-input-affix-wrapper {
   opacity: 1;
 }
 .du-bois-light-input-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-input[disabled] {
@@ -12223,7 +12223,7 @@ textarea.du-bois-light-input-affix-wrapper {
   opacity: 1;
 }
 .du-bois-light-input[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-input-borderless,
@@ -12245,8 +12245,8 @@ textarea.du-bois-light-input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-light-input-sm {
   padding: 0 3px;
@@ -12258,7 +12258,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -12320,12 +12320,12 @@ textarea.du-bois-light-input {
 .du-bois-light-input-group-addon {
   position: relative;
   padding: 0 7px;
-  color: #20272E;
+  color: #1F272D;
   font-weight: normal;
   font-size: 13px;
   text-align: center;
   background-color: #fafafa;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s;
 }
@@ -12386,8 +12386,8 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-input-group-lg .du-bois-light-input,
 .du-bois-light-input-group-lg > .du-bois-light-input-group-addon {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-light-input-group-sm .du-bois-light-input,
 .du-bois-light-input-group-sm > .du-bois-light-input-group-addon {
@@ -12517,12 +12517,12 @@ textarea.du-bois-light-input {
   border-radius: 0 4px 4px 0;
 }
 .du-bois-light-input-group-rtl .du-bois-light-input-group-addon:first-child {
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #CDDAE5;
   border-left: 0;
 }
 .du-bois-light-input-group-rtl .du-bois-light-input-group-addon:last-child {
   border-right: 0;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #CDDAE5;
 }
 .du-bois-light-input-group-rtl.du-bois-light-input-group > .du-bois-light-input:last-child,
 .du-bois-light-input-group-rtl.du-bois-light-input-group-addon:last-child {
@@ -12674,7 +12674,7 @@ textarea.du-bois-light-input {
 .du-bois-light-input-search-rtl .du-bois-light-input:hover + .du-bois-light-input-group-addon .du-bois-light-input-search-button:not(.du-bois-light-btn-primary),
 .du-bois-light-input-search-rtl .du-bois-light-input:focus + .du-bois-light-input-group-addon .du-bois-light-input-search-button:not(.du-bois-light-btn-primary) {
   border-right-color: #448dc2;
-  border-left-color: #d9d9d9;
+  border-left-color: #CDDAE5;
 }
 .du-bois-light-input-search-rtl > .du-bois-light-input-group > .du-bois-light-input-affix-wrapper:hover,
 .du-bois-light-input-search-rtl > .du-bois-light-input-group > .du-bois-light-input-affix-wrapper-focused {
@@ -12732,13 +12732,13 @@ textarea.du-bois-light-input {
 .du-bois-light-layout-header {
   height: 64px;
   padding: 0 50px;
-  color: #20272E;
+  color: #1F272D;
   line-height: 64px;
   background: #001529;
 }
 .du-bois-light-layout-footer {
   padding: 24px 50px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   background: #f0f2f5;
 }
@@ -12820,11 +12820,11 @@ textarea.du-bois-light-input {
   background: #fff;
 }
 .du-bois-light-layout-sider-light .du-bois-light-layout-sider-trigger {
-  color: #20272E;
+  color: #1F272D;
   background: #fff;
 }
 .du-bois-light-layout-sider-light .du-bois-light-layout-sider-zero-width-trigger {
-  color: #20272E;
+  color: #1F272D;
   background: #fff;
 }
 .du-bois-light-layout-rtl {
@@ -12836,36 +12836,36 @@ textarea.du-bois-light-input {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-menu-item-danger.du-bois-light-menu-item {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-menu-item-danger.du-bois-light-menu-item:hover,
 .du-bois-light-menu-item-danger.du-bois-light-menu-item-active {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-menu-item-danger.du-bois-light-menu-item:active {
   background: #fff1f0;
 }
 .du-bois-light-menu-item-danger.du-bois-light-menu-item-selected {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-menu-item-danger.du-bois-light-menu-item-selected > a,
 .du-bois-light-menu-item-danger.du-bois-light-menu-item-selected > a:hover {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-menu:not(.du-bois-light-menu-horizontal) .du-bois-light-menu-item-danger.du-bois-light-menu-item-selected {
   background-color: #fff1f0;
 }
 .du-bois-light-menu-inline .du-bois-light-menu-item-danger.du-bois-light-menu-item::after {
-  border-right-color: #CC3352;
+  border-right-color: #C72D4C;
 }
 .du-bois-light-menu-dark .du-bois-light-menu-item-danger.du-bois-light-menu-item,
 .du-bois-light-menu-dark .du-bois-light-menu-item-danger.du-bois-light-menu-item:hover,
 .du-bois-light-menu-dark .du-bois-light-menu-item-danger.du-bois-light-menu-item > a {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-menu-dark.du-bois-light-menu-dark:not(.du-bois-light-menu-horizontal) .du-bois-light-menu-item-danger.du-bois-light-menu-item-selected {
   color: #fff;
-  background-color: #CC3352;
+  background-color: #C72D4C;
 }
 .du-bois-light-menu {
   box-sizing: border-box;
@@ -12876,7 +12876,7 @@ textarea.du-bois-light-input {
   font-feature-settings: 'tnum';
   margin-bottom: 0;
   padding-left: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 0;
   text-align: left;
@@ -12944,7 +12944,7 @@ textarea.du-bois-light-input {
   transition: color 0.3s;
 }
 .du-bois-light-menu-item a {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-menu-item a:hover {
   color: #2272B4;
@@ -12959,7 +12959,7 @@ textarea.du-bois-light-input {
   content: '';
 }
 .du-bois-light-menu-item > .du-bois-light-badge a {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-menu-item > .du-bois-light-badge a:hover {
   color: #2272B4;
@@ -13127,7 +13127,7 @@ textarea.du-bois-light-input {
   top: 50%;
   right: 16px;
   width: 10px;
-  color: #20272E;
+  color: #1F272D;
   transform: translateY(-50%);
   transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -13229,7 +13229,7 @@ textarea.du-bois-light-input {
   padding: 0;
 }
 .du-bois-light-menu-horizontal > .du-bois-light-menu-item a {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-menu-horizontal > .du-bois-light-menu-item a:hover {
   color: #2272B4;
@@ -13351,7 +13351,7 @@ textarea.du-bois-light-input {
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item-group > .du-bois-light-menu-item-group-list > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title,
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title {
   left: 0;
-  padding: 0 calc(50% - 19px / 2);
+  padding: 0 calc(50% - 18px / 2);
   text-overflow: clip;
 }
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item .du-bois-light-menu-submenu-arrow,
@@ -13369,7 +13369,7 @@ textarea.du-bois-light-input {
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item-group > .du-bois-light-menu-item-group-list > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title .anticon,
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title .anticon {
   margin: 0;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 40px;
 }
 .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item .du-bois-light-menu-item-icon + span,
@@ -13420,7 +13420,7 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-menu-root.du-bois-light-menu-inline-collapsed .du-bois-light-menu-item > .du-bois-light-menu-inline-collapsed-noicon,
 .du-bois-light-menu-root.du-bois-light-menu-inline-collapsed .du-bois-light-menu-submenu .du-bois-light-menu-submenu-title > .du-bois-light-menu-inline-collapsed-noicon {
-  font-size: 19px;
+  font-size: 18px;
   text-align: center;
 }
 .du-bois-light-menu-sub.du-bois-light-menu-inline {
@@ -13727,7 +13727,7 @@ textarea.du-bois-light-input {
   padding-left: 34px;
 }
 .du-bois-light-menu-rtl.du-bois-light-menu-inline-collapsed.du-bois-light-menu-vertical .du-bois-light-menu-submenu-title {
-  padding: 0 calc(50% - 19px / 2);
+  padding: 0 calc(50% - 18px / 2);
 }
 .du-bois-light-menu-rtl .du-bois-light-menu-item-group-list .du-bois-light-menu-item,
 .du-bois-light-menu-rtl .du-bois-light-menu-item-group-list .du-bois-light-menu-submenu-title {
@@ -13749,7 +13749,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -13800,7 +13800,7 @@ textarea.du-bois-light-input {
   margin: 0;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 22px;
   word-wrap: break-word;
 }
@@ -13833,7 +13833,7 @@ textarea.du-bois-light-input {
   display: block;
   width: 102px;
   height: 102px;
-  font-size: 19px;
+  font-size: 18px;
   font-style: normal;
   line-height: 102px;
   text-align: center;
@@ -13847,7 +13847,7 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-modal-header {
   padding: 40px 40px 20px;
-  color: #20272E;
+  color: #1F272D;
   background: #fff;
   border-bottom: 0px solid #f0f0f0;
   border-radius: 4px 4px 0 0;
@@ -13917,12 +13917,12 @@ textarea.du-bois-light-input {
   overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 1.4;
 }
 .du-bois-light-modal-confirm-body .du-bois-light-modal-confirm-content {
   margin-top: 8px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
 }
 .du-bois-light-modal-confirm-body > .anticon {
@@ -13942,7 +13942,7 @@ textarea.du-bois-light-input {
   margin-left: 8px;
 }
 .du-bois-light-modal-confirm-error .du-bois-light-modal-confirm-body > .anticon {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-modal-confirm-warning .du-bois-light-modal-confirm-body > .anticon,
 .du-bois-light-modal-confirm-confirm .du-bois-light-modal-confirm-body > .anticon {
@@ -13999,7 +13999,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -14049,7 +14049,7 @@ textarea.du-bois-light-input {
 .du-bois-light-notification-notice-message {
   margin-bottom: 8px;
   color: rgba(0, 0, 0, 0.85);
-  font-size: 19px;
+  font-size: 18px;
   line-height: 24px;
 }
 .du-bois-light-notification-notice-message-single-line-auto-margin {
@@ -14072,7 +14072,7 @@ textarea.du-bois-light-input {
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-message {
   margin-bottom: 4px;
   margin-left: 48px;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
   margin-left: 48px;
@@ -14094,7 +14094,7 @@ textarea.du-bois-light-input {
   color: #AF5B23;
 }
 .anticon.du-bois-light-notification-notice-icon-error {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-notification-notice-close {
   position: absolute;
@@ -14208,7 +14208,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -14278,12 +14278,12 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-popover-inner-content {
   padding: 8px 8px;
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-popover-message {
   position: relative;
   padding: 4px 0 12px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
 }
 .du-bois-light-popover-message > .anticon {
@@ -14511,7 +14511,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -14530,7 +14530,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -14552,7 +14552,7 @@ textarea.du-bois-light-input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -14597,7 +14597,7 @@ textarea.du-bois-light-input {
   width: 16px;
   height: 16px;
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-style: solid;
   border-width: 1px;
   border-radius: 50%;
@@ -14642,7 +14642,7 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-radio-disabled .du-bois-light-radio-inner {
   background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  border-color: #CDDAE5 !important;
   cursor: not-allowed;
 }
 .du-bois-light-radio-disabled .du-bois-light-radio-inner::after {
@@ -14665,18 +14665,18 @@ span.du-bois-light-radio + * {
   height: 40px;
   margin: 0;
   padding: 0 7px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 38px;
   background: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-top-width: 1.02px;
   border-left-width: 0;
   cursor: pointer;
   transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
 }
 .du-bois-light-radio-button-wrapper a {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-radio-button-wrapper > .du-bois-light-radio-button {
   position: absolute;
@@ -14688,7 +14688,7 @@ span.du-bois-light-radio + * {
 }
 .du-bois-light-radio-group-large .du-bois-light-radio-button-wrapper {
   height: 40px;
-  font-size: 19px;
+  font-size: 18px;
   line-height: 38px;
 }
 .du-bois-light-radio-group-small .du-bois-light-radio-button-wrapper {
@@ -14705,12 +14705,12 @@ span.du-bois-light-radio + * {
   width: 1px;
   height: 100%;
   padding: 1px 0;
-  background-color: #d9d9d9;
+  background-color: #CDDAE5;
   transition: background-color 0.3s;
   content: '';
 }
 .du-bois-light-radio-button-wrapper:first-child {
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #CDDAE5;
   border-radius: 4px 0 0 4px;
 }
 .du-bois-light-radio-button-wrapper:last-child {
@@ -14784,22 +14784,22 @@ span.du-bois-light-radio + * {
 .du-bois-light-radio-button-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-radio-button-wrapper-disabled:first-child,
 .du-bois-light-radio-button-wrapper-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-radio-button-wrapper-disabled:first-child {
-  border-left-color: #d9d9d9;
+  border-left-color: #CDDAE5;
 }
 .du-bois-light-radio-button-wrapper-disabled.du-bois-light-radio-button-wrapper-checked {
   color: rgba(0, 0, 0, 0.25);
   background-color: #e6e6e6;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   box-shadow: none;
 }
 @keyframes antRadioEffect {
@@ -14829,7 +14829,7 @@ span.du-bois-light-radio + * {
   left: 0;
 }
 .du-bois-light-radio-button-wrapper.du-bois-light-radio-button-wrapper-rtl.du-bois-light-radio-button-wrapper:first-child {
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #CDDAE5;
   border-radius: 0 4px 4px 0;
 }
 .du-bois-light-radio-button-wrapper-checked:not([class*=' du-bois-light-radio-button-wrapper-disabled']).du-bois-light-radio-button-wrapper:first-child {
@@ -14839,7 +14839,7 @@ span.du-bois-light-radio + * {
   border-radius: 4px 0 0 4px;
 }
 .du-bois-light-radio-button-wrapper.du-bois-light-radio-button-wrapper-rtl.du-bois-light-radio-button-wrapper-disabled:first-child {
-  border-right-color: #d9d9d9;
+  border-right-color: #CDDAE5;
 }
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -15146,7 +15146,7 @@ span.du-bois-light-radio + * {
   margin: -12px -8px;
 }
 .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-tbody .du-bois-light-table-wrapper:only-child .du-bois-light-table {
-  margin: -12px -8px -12px 24px;
+  margin: -12px -8px -12px 25px;
 }
 .du-bois-light-table.du-bois-light-table-small {
   font-size: 13px;
@@ -15166,7 +15166,7 @@ span.du-bois-light-radio + * {
   margin: -8px -8px;
 }
 .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-tbody .du-bois-light-table-wrapper:only-child .du-bois-light-table {
-  margin: -8px -8px -8px 24px;
+  margin: -8px -8px -8px 25px;
 }
 .du-bois-light-table-small .du-bois-light-table-thead > tr > th {
   background-color: #fafafa;
@@ -15286,7 +15286,7 @@ span.du-bois-light-radio + * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-variant: tabular-nums;
   line-height: 20px;
   list-style: none;
@@ -15372,7 +15372,7 @@ span.du-bois-light-radio + * {
 }
 .du-bois-light-table-tbody > tr > td > .du-bois-light-table-wrapper:only-child .du-bois-light-table,
 .du-bois-light-table-tbody > tr > td > .du-bois-light-table-expanded-row-fixed > .du-bois-light-table-wrapper:only-child .du-bois-light-table {
-  margin: -16px -16px -16px 32px;
+  margin: -16px -16px -16px 33px;
 }
 .du-bois-light-table-tbody > tr > td > .du-bois-light-table-wrapper:only-child .du-bois-light-table-tbody > tr:last-child > td,
 .du-bois-light-table-tbody > tr > td > .du-bois-light-table-expanded-row-fixed > .du-bois-light-table-wrapper:only-child .du-bois-light-table-tbody > tr:last-child > td {
@@ -15505,7 +15505,7 @@ td.du-bois-light-table-column-sort {
   margin: -4px -8px -4px 4px;
   padding: 0 4px;
   color: #bfbfbf;
-  font-size: 11px;
+  font-size: 12px;
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s;
@@ -15521,7 +15521,7 @@ td.du-bois-light-table-column-sort {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -15859,7 +15859,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   text-align: right;
 }
 .du-bois-light-table-tbody > tr .du-bois-light-table-wrapper:only-child .du-bois-light-table.du-bois-light-table-rtl {
-  margin: -16px 32px -16px -16px;
+  margin: -16px 33px -16px -16px;
 }
 .du-bois-light-table-wrapper.du-bois-light-table-wrapper-rtl .du-bois-light-table-pagination-left {
   justify-content: flex-end;
@@ -15919,7 +15919,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -16107,7 +16107,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -16146,7 +16146,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   vertical-align: middle;
   list-style: none;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   outline: 0;
   cursor: pointer;
@@ -16155,7 +16155,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-item a {
   display: block;
   padding: 0 6px;
-  color: #20272E;
+  color: #1F272D;
   transition: none;
 }
 .du-bois-light-pagination-item a:hover {
@@ -16197,7 +16197,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-jump-prev .du-bois-light-pagination-item-container .du-bois-light-pagination-item-link-icon,
 .du-bois-light-pagination-jump-next .du-bois-light-pagination-item-container .du-bois-light-pagination-item-link-icon {
   color: #2272B4;
-  font-size: 11px;
+  font-size: 12px;
   letter-spacing: -1px;
   opacity: 0;
   transition: all 0.2s;
@@ -16251,7 +16251,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   display: inline-block;
   min-width: 40px;
   height: 40px;
-  color: #20272E;
+  color: #1F272D;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   line-height: 40px;
   text-align: center;
@@ -16268,7 +16268,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 }
 .du-bois-light-pagination-prev button,
 .du-bois-light-pagination-next button {
-  color: #20272E;
+  color: #1F272D;
   cursor: pointer;
   user-select: none;
 }
@@ -16285,7 +16285,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   font-size: 12px;
   text-align: center;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   outline: none;
   transition: all 0.3s;
@@ -16306,7 +16306,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-disabled:hover .du-bois-light-pagination-item-link,
 .du-bois-light-pagination-disabled:focus-visible .du-bois-light-pagination-item-link {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-pagination-slash {
@@ -16340,12 +16340,12 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   width: 100%;
   min-width: 0;
   padding: 3px 7px;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   line-height: 20px;
   background-color: #fff;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   transition: all 0.3s;
   width: 50px;
@@ -16379,7 +16379,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   opacity: 1;
 }
 .du-bois-light-pagination-options-quick-jumper input-disabled:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-pagination-options-quick-jumper input[disabled] {
@@ -16389,7 +16389,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   opacity: 1;
 }
 .du-bois-light-pagination-options-quick-jumper input[disabled]:hover {
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   border-right-width: 1px !important;
 }
 .du-bois-light-pagination-options-quick-jumper input-borderless,
@@ -16411,8 +16411,8 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-pagination-options-quick-jumper input-lg {
-  padding: -171px 7px;
-  font-size: 19px;
+  padding: -161px 7px;
+  font-size: 18px;
 }
 .du-bois-light-pagination-options-quick-jumper input-sm {
   padding: 0 3px;
@@ -16446,7 +16446,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   padding: 0 6px;
   text-align: center;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   outline: none;
   transition: border-color 0.3s;
@@ -16457,7 +16457,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-pagination.mini .du-bois-light-pagination-total-text,
@@ -16518,7 +16518,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 }
 .du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item {
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item a {
@@ -16536,7 +16536,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
   color: rgba(0, 0, 0, 0.25);
   background: #f5f5f5;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
   cursor: not-allowed;
 }
 .du-bois-light-pagination-simple.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
@@ -16610,7 +16610,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 }
 .du-bois-light-tabs-large > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   padding: 8px 0;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-tabs-card.du-bois-light-tabs-small > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   padding: 6px 8px;
@@ -16881,7 +16881,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -16915,7 +16915,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 5px 8px;
   overflow: hidden;
-  color: #20272E;
+  color: #1F272D;
   font-weight: normal;
   font-size: 13px;
   line-height: 22px;
@@ -16998,7 +16998,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -17129,7 +17129,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin-right: -4px;
   margin-left: 8px;
   color: #5D7283;
-  font-size: 11px;
+  font-size: 12px;
   background: transparent;
   border: none;
   outline: none;
@@ -17250,7 +17250,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -17294,7 +17294,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   height: 16px;
   direction: ltr;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
+  border: 1px solid #CDDAE5;
   border-radius: 4px;
   border-collapse: separate;
   transition: all 0.3s;
@@ -17353,7 +17353,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 }
 .du-bois-light-tree-checkbox-disabled .du-bois-light-tree-checkbox-inner {
   background-color: #f5f5f5;
-  border-color: #d9d9d9 !important;
+  border-color: #CDDAE5 !important;
 }
 .du-bois-light-tree-checkbox-disabled .du-bois-light-tree-checkbox-inner::after {
   border-color: #f5f5f5;
@@ -17372,7 +17372,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -17403,7 +17403,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -17422,7 +17422,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 }
 .du-bois-light-tree-checkbox-indeterminate .du-bois-light-tree-checkbox-inner {
   background-color: #fff;
-  border-color: #d9d9d9;
+  border-color: #CDDAE5;
 }
 .du-bois-light-tree-checkbox-indeterminate .du-bois-light-tree-checkbox-inner::after {
   top: 50%;
@@ -17443,7 +17443,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -17619,7 +17619,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   top: 0;
   right: 12px;
   bottom: -2px;
-  border-right: 1px solid #d9d9d9;
+  border-right: 1px solid #CDDAE5;
   content: '';
 }
 .du-bois-light-tree-show-line .du-bois-light-tree-indent-unit-end::before {
@@ -17648,7 +17648,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   right: auto;
   left: -13px;
   border-right: none;
-  border-left: 1px solid #d9d9d9;
+  border-left: 1px solid #CDDAE5;
 }
 .du-bois-light-tree-rtl.du-bois-light-tree-checkbox {
   margin: 4px 0 0 8px;
@@ -17662,7 +17662,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-typography {
-  color: #20272E;
+  color: #1F272D;
   overflow-wrap: break-word;
 }
 .du-bois-light-typography.du-bois-light-typography-secondary {
@@ -17675,12 +17675,12 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   color: #AF5B23;
 }
 .du-bois-light-typography.du-bois-light-typography-danger {
-  color: #CC3352;
+  color: #C72D4C;
 }
 a.du-bois-light-typography.du-bois-light-typography-danger:active,
 a.du-bois-light-typography.du-bois-light-typography-danger:focus,
 a.du-bois-light-typography.du-bois-light-typography-danger:hover {
-  color: #d9596e;
+  color: #d45368;
 }
 .du-bois-light-typography.du-bois-light-typography-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -18011,7 +18011,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 .du-bois-light-switch {
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -18058,7 +18058,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   display: block;
   margin: 0 5px 0 18px;
   color: #fff;
-  font-size: 11px;
+  font-size: 12px;
   transition: margin 0.2s;
 }
 .du-bois-light-switch-checked .du-bois-light-switch-inner {
@@ -18111,7 +18111,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 }
 .du-bois-light-switch-small .du-bois-light-switch-inner {
   margin: 0 5px 0 18px;
-  font-size: 11px;
+  font-size: 12px;
 }
 .du-bois-light-switch-small .du-bois-light-switch-handle {
   width: 12px;
@@ -18224,7 +18224,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-variant: tabular-nums;
   line-height: 20px;
   list-style: none;
@@ -18243,10 +18243,10 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   color: #448dc2;
 }
 .du-bois-light-breadcrumb > span:last-child {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-breadcrumb > span:last-child a {
-  color: #20272E;
+  color: #1F272D;
 }
 .du-bois-light-breadcrumb > span:last-child .du-bois-light-breadcrumb-separator {
   display: none;
@@ -18309,7 +18309,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: #20272E;
+  color: #1F272D;
   font-size: 13px;
   font-variant: tabular-nums;
   line-height: 20px;
@@ -18359,7 +18359,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 .du-bois-light-notification-notice-message {
   margin-bottom: 8px;
   color: rgba(0, 0, 0, 0.85);
-  font-size: 19px;
+  font-size: 18px;
   line-height: 24px;
 }
 .du-bois-light-notification-notice-message-single-line-auto-margin {
@@ -18382,7 +18382,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-message {
   margin-bottom: 4px;
   margin-left: 48px;
-  font-size: 19px;
+  font-size: 18px;
 }
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
   margin-left: 48px;
@@ -18404,7 +18404,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   color: #AF5B23;
 }
 .anticon.du-bois-light-notification-notice-icon-error {
-  color: #CC3352;
+  color: #C72D4C;
 }
 .du-bois-light-notification-notice-close {
   position: absolute;