@databricks/design-system 1.1.0 → 1.2.0

package/dist/index.css

@@ -950,7 +950,7 @@ abbr[data-original-title] {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-btn {
-  line-height: 1.5715;
+  line-height: 20px;
   position: relative;
   display: inline-block;
   font-weight: 400;
@@ -964,8 +964,8 @@ abbr[data-original-title] {
   user-select: none;
   touch-action: manipulation;
   height: 40px;
-  padding: 8px 16px;
-  font-size: 14px;
+  padding: 0 16px;
+  font-size: 13px;
   border-radius: 4px;
   color: #20272E;
   background: #fff;
@@ -994,14 +994,14 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-lg {
   height: 40px;
-  padding: 6.4px 16px;
-  font-size: 16px;
+  padding: 0 16px;
+  font-size: 19px;
   border-radius: 4px;
 }
 .du-bois-light-btn-sm {
   height: 32px;
-  padding: 4px 16px;
-  font-size: 14px;
+  padding: 0 16px;
+  font-size: 13px;
   border-radius: 4px;
 }
 .du-bois-light-btn > a:only-child {
@@ -2150,50 +2150,50 @@ abbr[data-original-title] {
 .du-bois-light-btn-icon-only {
   width: 40px;
   height: 40px;
-  padding: 6.4px 0;
-  font-size: 16px;
+  padding: 0 0;
+  font-size: 15px;
   border-radius: 4px;
   vertical-align: -1px;
 }
 .du-bois-light-btn-icon-only > * {
-  font-size: 16px;
+  font-size: 15px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-lg {
   width: 40px;
   height: 40px;
-  padding: 4.9px 0;
-  font-size: 18px;
+  padding: 0 0;
+  font-size: 21px;
   border-radius: 4px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-lg > * {
-  font-size: 18px;
+  font-size: 21px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-sm {
   width: 32px;
   height: 32px;
-  padding: 4px 0;
-  font-size: 14px;
+  padding: 0 0;
+  font-size: 13px;
   border-radius: 4px;
 }
 .du-bois-light-btn-icon-only.du-bois-light-btn-sm > * {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-btn-round {
   height: 40px;
-  padding: 8px 20px;
-  font-size: 14px;
+  padding: 0 20px;
+  font-size: 13px;
   border-radius: 40px;
 }
 .du-bois-light-btn-round.du-bois-light-btn-lg {
   height: 40px;
-  padding: 6.4px 20px;
-  font-size: 16px;
+  padding: 0 20px;
+  font-size: 19px;
   border-radius: 40px;
 }
 .du-bois-light-btn-round.du-bois-light-btn-sm {
   height: 32px;
-  padding: 4px 16px;
-  font-size: 14px;
+  padding: 0 16px;
+  font-size: 13px;
   border-radius: 32px;
 }
 .du-bois-light-btn-round.du-bois-light-btn-icon-only {
@@ -2279,13 +2279,13 @@ abbr[data-original-title] {
   z-index: 0;
 }
 .du-bois-light-btn-group .du-bois-light-btn-icon-only {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-btn-group-lg > .du-bois-light-btn,
 .du-bois-light-btn-group-lg > span > .du-bois-light-btn {
   height: 40px;
-  padding: 6.4px 16px;
-  font-size: 16px;
+  padding: 0 16px;
+  font-size: 19px;
   border-radius: 0;
 }
 .du-bois-light-btn-group-lg .du-bois-light-btn.du-bois-light-btn-icon-only {
@@ -2297,13 +2297,13 @@ abbr[data-original-title] {
 .du-bois-light-btn-group-sm > .du-bois-light-btn,
 .du-bois-light-btn-group-sm > span > .du-bois-light-btn {
   height: 32px;
-  padding: 4px 16px;
-  font-size: 14px;
+  padding: 0 16px;
+  font-size: 13px;
   border-radius: 0;
 }
 .du-bois-light-btn-group-sm > .du-bois-light-btn > .anticon,
 .du-bois-light-btn-group-sm > span > .du-bois-light-btn > .anticon {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-btn-group-sm .du-bois-light-btn.du-bois-light-btn-icon-only {
   width: 32px;
@@ -2833,9 +2833,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -2854,8 +2854,8 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-alert-description {
   display: none;
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 13px;
+  line-height: 21px;
 }
 .du-bois-light-alert-success {
   background-color: #b6c2b8;
@@ -2896,8 +2896,8 @@ a.du-bois-light-btn-sm {
   margin-left: 8px;
   padding: 0;
   overflow: hidden;
-  font-size: 12px;
-  line-height: 12px;
+  font-size: 11px;
+  line-height: 11px;
   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: 16px;
+  font-size: 19px;
 }
 .du-bois-light-alert-message {
   color: inherit;
@@ -2999,9 +2999,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -3121,9 +3121,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-flex;
@@ -3152,9 +3152,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-block;
@@ -3210,9 +3210,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
 }
@@ -3265,11 +3265,11 @@ a.du-bois-light-btn-sm {
   content: '\a0';
 }
 .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
-  right: 21px;
+  right: 20px;
 }
 .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
 .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
-  padding-right: 18px;
+  padding-right: 17px;
 }
 .du-bois-light-select-single.du-bois-light-select-open .du-bois-light-select-selection-item {
   color: #bfbfbf;
@@ -3331,11 +3331,11 @@ a.du-bois-light-btn-sm {
   padding: 0 3px;
 }
 .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
-  right: 24px;
+  right: 22.5px;
 }
 .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
 .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
-  padding-right: 21px;
+  padding-right: 19.5px;
 }
 .du-bois-light-select-single.du-bois-light-select-lg:not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
   padding: 0 7px;
@@ -3360,7 +3360,7 @@ a.du-bois-light-btn-sm {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  padding: 3px 8px;
+  padding: 0px 3px;
 }
 .du-bois-light-select-show-search.du-bois-light-select-multiple .du-bois-light-select-selector {
   cursor: text;
@@ -3372,13 +3372,13 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select-multiple .du-bois-light-select-selector::after {
   display: inline-block;
   width: 0;
-  margin: 4px 0;
-  line-height: 24px;
+  margin: 2px 0;
+  line-height: 34px;
   content: '\a0';
 }
 .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: 20px;
+  padding-right: 19px;
 }
 .du-bois-light-select-multiple .du-bois-light-select-selection-item {
   position: relative;
@@ -3386,17 +3386,17 @@ a.du-bois-light-btn-sm {
   flex: none;
   box-sizing: border-box;
   max-width: 100%;
-  height: 24px;
-  margin-top: 4px;
-  margin-bottom: 4px;
-  line-height: 22px;
+  height: 34px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  line-height: 32px;
   background: #f5f5f5;
   border: 1px solid #f0f0f0;
   border-radius: 4px;
   cursor: default;
   transition: font-size 0.3s, line-height 0.3s, height 0.3s;
   user-select: none;
-  margin-inline-end: 8px;
+  margin-inline-end: 3px;
   padding-inline-start: 4px;
   padding-inline-end: 2px;
 }
@@ -3453,15 +3453,15 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select-multiple .du-bois-light-select-selection-search {
   position: relative;
   max-width: 100%;
-  margin-top: 4px;
-  margin-bottom: 4px;
-  margin-inline-start: -1px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  margin-inline-start: 4px;
 }
 .du-bois-light-select-multiple .du-bois-light-select-selection-search-input,
 .du-bois-light-select-multiple .du-bois-light-select-selection-search-mirror {
-  height: 24px;
+  height: 34px;
   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: 24px;
+  line-height: 34px;
   transition: all 0.3s;
 }
 .du-bois-light-select-multiple .du-bois-light-select-selection-search-input {
@@ -3485,36 +3485,36 @@ a.du-bois-light-btn-sm {
   transition: all 0.3s;
 }
 .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selector::after {
-  line-height: 24px;
+  line-height: 34px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-item {
-  height: 24px;
-  line-height: 22px;
+  height: 34px;
+  line-height: 32px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search {
-  height: 24px;
-  line-height: 24px;
+  height: 34px;
+  line-height: 34px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search-input,
 .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search-mirror {
-  height: 24px;
-  line-height: 22px;
+  height: 34px;
+  line-height: 32px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selector::after {
-  line-height: 16px;
+  line-height: 26px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-item {
-  height: 16px;
-  line-height: 14px;
+  height: 26px;
+  line-height: 24px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search {
-  height: 16px;
-  line-height: 16px;
+  height: 26px;
+  line-height: 26px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search-input,
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search-mirror {
-  height: 16px;
-  line-height: 14px;
+  height: 26px;
+  line-height: 24px;
 }
 .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-placeholder {
   left: 3px;
@@ -3535,9 +3535,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -3632,11 +3632,11 @@ a.du-bois-light-btn-sm {
   position: absolute;
   top: 50%;
   right: 7px;
-  width: 12px;
-  height: 12px;
-  margin-top: -6px;
+  width: 11px;
+  height: 11px;
+  margin-top: -5.5px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 12px;
+  font-size: 11px;
   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: 12px;
-  height: 12px;
-  margin-top: -6px;
+  width: 11px;
+  height: 11px;
+  margin-top: -5.5px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 12px;
+  font-size: 11px;
   font-style: normal;
   line-height: 1;
   text-align: center;
@@ -3701,7 +3701,7 @@ a.du-bois-light-btn-sm {
   padding: 0;
   color: #20272E;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -3711,7 +3711,7 @@ a.du-bois-light-btn-sm {
   box-sizing: border-box;
   padding: 4px 0;
   overflow: hidden;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: initial;
   background-color: #fff;
   border-radius: 4px;
@@ -3745,7 +3745,7 @@ a.du-bois-light-btn-sm {
   padding: 5px 8px;
   color: #20272E;
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 22px;
   color: rgba(0, 0, 0, 0.25);
 }
@@ -3756,14 +3756,14 @@ a.du-bois-light-btn-sm {
   padding: 5px 8px;
   color: #20272E;
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 22px;
   cursor: pointer;
   transition: background 0.3s ease;
 }
 .du-bois-light-select-item-group {
   color: #5D7283;
-  font-size: 12px;
+  font-size: 11px;
   cursor: default;
 }
 .du-bois-light-select-item-option {
@@ -3800,7 +3800,7 @@ a.du-bois-light-btn-sm {
   padding-left: 16px;
 }
 .du-bois-light-select-lg {
-  font-size: 16px;
+  font-size: 19px;
 }
 .du-bois-light-select-borderless .du-bois-light-select-selector {
   background-color: transparent !important;
@@ -3827,8 +3827,8 @@ 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: 8px;
-  padding-left: 20px;
+  padding-right: 3px;
+  padding-left: 19px;
 }
 .du-bois-light-select-rtl.du-bois-light-select-multiple .du-bois-light-select-selection-item {
   text-align: right;
@@ -3857,12 +3857,12 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
   right: 7px;
-  left: 21px;
+  left: 20px;
 }
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
   padding-right: 0;
-  padding-left: 18px;
+  padding-left: 17px;
 }
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
   right: 2px;
@@ -3870,7 +3870,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
 .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
   padding-right: 0;
-  padding-left: 21px;
+  padding-left: 19.5px;
 }
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -3879,8 +3879,8 @@ a.du-bois-light-btn-sm {
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-empty {
   margin: 0 8px;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   text-align: center;
 }
 .du-bois-light-empty-image {
@@ -3955,9 +3955,9 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   background-color: #fafafa;
@@ -3976,7 +3976,7 @@ a.du-bois-light-btn-sm {
   position: relative;
   padding: 8px 8px;
   color: rgba(0, 0, 0, 0.85);
-  line-height: 1.5715;
+  line-height: 20px;
   cursor: pointer;
   transition: all 0.3s, visibility 0s;
 }
@@ -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: 12px;
+  font-size: 11px;
   vertical-align: -1px;
 }
 .du-bois-light-collapse > .du-bois-light-collapse-item > .du-bois-light-collapse-header .du-bois-light-collapse-arrow svg {
@@ -4104,12 +4104,12 @@ a.du-bois-light-btn-sm {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
-  padding: 8px 7px 8px;
+  padding: 0 7px 0;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -4153,10 +4153,10 @@ a.du-bois-light-btn-sm {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 8px 7px;
+  padding: 3px 7px;
   color: #20272E;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #d9d9d9;
@@ -4223,16 +4223,16 @@ textarea.du-bois-light-picker-input > input {
   max-width: 100%;
   height: auto;
   min-height: 40px;
-  line-height: 1.5715;
+  line-height: 20px;
   vertical-align: bottom;
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-picker-input > input-lg {
-  padding: 6.5px 7px;
-  font-size: 16px;
+  padding: -171px 7px;
+  font-size: 19px;
 }
 .du-bois-light-picker-input > input-sm {
-  padding: 4px 3px;
+  padding: 0 3px;
 }
 .du-bois-light-picker-input > input:focus {
   box-shadow: none;
@@ -4247,13 +4247,13 @@ textarea.du-bois-light-picker-input > input {
   color: #bfbfbf;
 }
 .du-bois-light-picker-large {
-  padding: 6.5px 7px 6.5px;
+  padding: 0 7px 0;
 }
 .du-bois-light-picker-large .du-bois-light-picker-input > input {
-  font-size: 16px;
+  font-size: 19px;
 }
 .du-bois-light-picker-small {
-  padding: 4px 3px 4px;
+  padding: 0 3px 0;
 }
 .du-bois-light-picker-suffix {
   align-self: center;
@@ -4287,9 +4287,9 @@ textarea.du-bois-light-picker-input > input {
   position: relative;
   display: inline-block;
   width: 1em;
-  height: 16px;
+  height: 19px;
   color: rgba(0, 0, 0, 0.25);
-  font-size: 16px;
+  font-size: 19px;
   vertical-align: top;
   cursor: default;
 }
@@ -4337,9 +4337,9 @@ textarea.du-bois-light-picker-input > input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -4500,7 +4500,7 @@ textarea.du-bois-light-picker-input > input {
 }
 .du-bois-light-picker-header > button {
   min-width: 1.6em;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-picker-header > button:hover {
   color: #20272E;
@@ -5105,16 +5105,15 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-block;
   height: auto;
   margin-right: 8px;
   padding: 0 7px;
-  font-size: 12px;
+  font-size: 11px;
   line-height: 20px;
   white-space: nowrap;
   background: #fafafa;
@@ -5360,9 +5359,9 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -5499,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: 12px;
+  font-size: 11px;
 }
 .du-bois-light-dropdown-menu-title-content {
   flex: auto;
@@ -5526,7 +5525,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   padding: 5px 8px;
   color: #20272E;
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 22px;
   white-space: nowrap;
   cursor: pointer;
@@ -5582,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: 20px;
+  padding-right: 19px;
 }
 .du-bois-light-dropdown-menu-submenu-vertical {
   position: relative;
@@ -5717,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: 20px;
+  padding-left: 19px;
 }
 .du-bois-light-dropdown-rtl .du-bois-light-dropdown-menu-submenu-vertical > .du-bois-light-dropdown-menu {
   right: 100%;
@@ -5824,7 +5823,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 .du-bois-light-col-24.du-bois-light-form-item-label,
 .du-bois-light-col-xl-24.du-bois-light-form-item-label {
   padding: 0 0 8px;
-  line-height: 1.5715;
+  line-height: 20px;
   white-space: initial;
   text-align: left;
 }
@@ -5846,7 +5845,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 @media (max-width: 575px) {
   .du-bois-light-form-item .du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5869,7 +5868,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   }
   .du-bois-light-col-xs-24.du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5886,7 +5885,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 @media (max-width: 767px) {
   .du-bois-light-col-sm-24.du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5903,7 +5902,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 @media (max-width: 991px) {
   .du-bois-light-col-md-24.du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5920,7 +5919,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 @media (max-width: 1199px) {
   .du-bois-light-col-lg-24.du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5937,7 +5936,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 @media (max-width: 1599px) {
   .du-bois-light-col-xl-24.du-bois-light-form-item-label {
     padding: 0 0 8px;
-    line-height: 1.5715;
+    line-height: 20px;
     white-space: initial;
     text-align: left;
   }
@@ -5990,13 +5989,13 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   right: 32px;
 }
 .du-bois-light-form-item-has-feedback .du-bois-light-picker {
-  padding-right: 25.2px;
+  padding-right: 23.9px;
 }
 .du-bois-light-form-item-has-feedback .du-bois-light-picker-large {
-  padding-right: 25.2px;
+  padding-right: 23.9px;
 }
 .du-bois-light-form-item-has-feedback .du-bois-light-picker-small {
-  padding-right: 21.2px;
+  padding-right: 19.9px;
 }
 .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-success .du-bois-light-form-item-children-icon,
 .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-warning .du-bois-light-form-item-children-icon,
@@ -6009,7 +6008,7 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   width: 40px;
   height: 20px;
   margin-top: -10px;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 20px;
   text-align: center;
   visibility: visible;
@@ -6225,9 +6224,9 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
 }
@@ -6237,13 +6236,13 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin-bottom: 20px;
   padding: 0;
   color: #5D7283;
-  font-size: 16px;
+  font-size: 19px;
   line-height: inherit;
   border: 0;
   border-bottom: 1px solid #d9d9d9;
 }
 .du-bois-light-form label {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-form input[type='search'] {
   box-sizing: border-box;
@@ -6274,8 +6273,8 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   display: block;
   padding-top: 15px;
   color: #20272E;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
 }
 .du-bois-light-form .du-bois-light-form-text {
   display: inline-block;
@@ -6298,9 +6297,9 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   margin-bottom: 24px;
@@ -6330,17 +6329,17 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   align-items: center;
   height: 40px;
   color: rgba(0, 0, 0, 0.85);
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-form-item-label > label > .anticon {
-  font-size: 14px;
+  font-size: 13px;
   vertical-align: top;
 }
 .du-bois-light-form-item-label > label.du-bois-light-form-item-required:not(.du-bois-light-form-item-required-mark-optional)::before {
   display: inline-block;
   margin-right: 4px;
   color: #ff4d4f;
-  font-size: 14px;
+  font-size: 13px;
   font-family: SimSun, sans-serif;
   line-height: 1;
   content: '*';
@@ -6394,10 +6393,11 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   clear: both;
   min-height: 24px;
   color: #5D7283;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-  padding-top: 0px;
+  margin-top: -118px;
+  margin-bottom: -118px;
 }
 .du-bois-light-form-item .du-bois-light-input-textarea-show-count::after {
   margin-bottom: -22px;
@@ -6533,15 +6533,15 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
 }
 .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker {
   padding-right: 7px;
-  padding-left: 25.2px;
+  padding-left: 23.9px;
 }
 .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker-large {
   padding-right: 7px;
-  padding-left: 25.2px;
+  padding-left: 23.9px;
 }
 .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker-small {
   padding-right: 3px;
-  padding-left: 21.2px;
+  padding-left: 19.9px;
 }
 .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-success .du-bois-light-form-item-children-icon,
 .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-warning .du-bois-light-form-item-children-icon,
@@ -11746,9 +11746,9 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -11994,10 +11994,10 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 8px 7px;
+  padding: 3px 7px;
   color: #20272E;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #d9d9d9;
@@ -12068,16 +12068,16 @@ textarea.du-bois-light-input-affix-wrapper {
   max-width: 100%;
   height: auto;
   min-height: 40px;
-  line-height: 1.5715;
+  line-height: 20px;
   vertical-align: bottom;
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-input-affix-wrapper-lg {
-  padding: 6.5px 7px;
-  font-size: 16px;
+  padding: -171px 7px;
+  font-size: 19px;
 }
 .du-bois-light-input-affix-wrapper-sm {
-  padding: 4px 3px;
+  padding: 0 3px;
 }
 .du-bois-light-input-affix-wrapper-rtl {
   direction: rtl;
@@ -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: 12px;
+  font-size: 11px;
   vertical-align: -1px;
   cursor: pointer;
   transition: color 0.3s;
@@ -12167,10 +12167,10 @@ textarea.du-bois-light-input-affix-wrapper {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 8px 7px;
+  padding: 3px 7px;
   color: #20272E;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #d9d9d9;
@@ -12240,16 +12240,16 @@ textarea.du-bois-light-input {
   max-width: 100%;
   height: auto;
   min-height: 40px;
-  line-height: 1.5715;
+  line-height: 20px;
   vertical-align: bottom;
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-input-lg {
-  padding: 6.5px 7px;
-  font-size: 16px;
+  padding: -171px 7px;
+  font-size: 19px;
 }
 .du-bois-light-input-sm {
-  padding: 4px 3px;
+  padding: 0 3px;
 }
 .du-bois-light-input-rtl {
   direction: rtl;
@@ -12259,9 +12259,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -12322,7 +12322,7 @@ textarea.du-bois-light-input {
   padding: 0 7px;
   color: #20272E;
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   text-align: center;
   background-color: #fafafa;
   border: 1px solid #d9d9d9;
@@ -12330,7 +12330,7 @@ textarea.du-bois-light-input {
   transition: all 0.3s;
 }
 .du-bois-light-input-group-addon .du-bois-light-select {
-  margin: -9px -7px;
+  margin: -4px -7px;
 }
 .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;
@@ -12386,12 +12386,12 @@ 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: 6.5px 7px;
-  font-size: 16px;
+  padding: -171px 7px;
+  font-size: 19px;
 }
 .du-bois-light-input-group-sm .du-bois-light-input,
 .du-bois-light-input-group-sm > .du-bois-light-input-group-addon {
-  padding: 4px 3px;
+  padding: 0 3px;
 }
 .du-bois-light-input-group-lg .du-bois-light-select-single .du-bois-light-select-selector {
   height: 40px;
@@ -12604,7 +12604,7 @@ textarea.du-bois-light-input {
   border-radius: 0;
 }
 .du-bois-light-input-search .du-bois-light-input-lg {
-  line-height: 1.5713;
+  line-height: 19.9998px;
 }
 .du-bois-light-input-search > .du-bois-light-input-group > .du-bois-light-input-group-addon:last-child {
   left: -1px;
@@ -12739,7 +12739,7 @@ textarea.du-bois-light-input {
 .du-bois-light-layout-footer {
   padding: 24px 50px;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   background: #f0f2f5;
 }
 .du-bois-light-layout-content {
@@ -12872,12 +12872,12 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   font-feature-settings: 'tnum';
   margin-bottom: 0;
   padding-left: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 0;
   text-align: left;
   list-style: none;
@@ -12915,11 +12915,11 @@ textarea.du-bois-light-input {
   display: none;
 }
 .du-bois-light-menu-item-group-title {
-  height: 1.5715;
+  height: 20px;
   padding: 8px 16px;
   color: #5D7283;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   transition: all 0.3s;
 }
 .du-bois-light-menu-horizontal .du-bois-light-menu-submenu {
@@ -13054,7 +13054,7 @@ textarea.du-bois-light-input {
 .du-bois-light-menu-item .anticon,
 .du-bois-light-menu-submenu-title .anticon {
   min-width: 14px;
-  font-size: 14px;
+  font-size: 13px;
   transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
 }
 .du-bois-light-menu-item .du-bois-light-menu-item-icon + span,
@@ -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% - 16px / 2);
+  padding: 0 calc(50% - 19px / 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: 16px;
+  font-size: 19px;
   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: 16px;
+  font-size: 19px;
   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% - 16px / 2);
+  padding: 0 calc(50% - 19px / 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 {
@@ -13750,9 +13750,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   pointer-events: none;
@@ -13800,7 +13800,7 @@ textarea.du-bois-light-input {
   margin: 0;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  font-size: 16px;
+  font-size: 19px;
   line-height: 22px;
   word-wrap: break-word;
 }
@@ -13833,7 +13833,7 @@ textarea.du-bois-light-input {
   display: block;
   width: 102px;
   height: 102px;
-  font-size: 16px;
+  font-size: 19px;
   font-style: normal;
   line-height: 102px;
   text-align: center;
@@ -13854,8 +13854,8 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-modal-body {
   padding: 0 40px;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   word-wrap: break-word;
 }
 .du-bois-light-modal-footer {
@@ -13917,13 +13917,13 @@ textarea.du-bois-light-input {
   overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  font-size: 16px;
+  font-size: 19px;
   line-height: 1.4;
 }
 .du-bois-light-modal-confirm-body .du-bois-light-modal-confirm-content {
   margin-top: 8px;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-modal-confirm-body > .anticon {
   float: left;
@@ -14000,9 +14000,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: fixed;
@@ -14021,7 +14021,7 @@ textarea.du-bois-light-input {
   animation-name: NotificationLeftFadeIn;
 }
 .du-bois-light-notification-close-icon {
-  font-size: 14px;
+  font-size: 13px;
   cursor: pointer;
 }
 .du-bois-light-notification-hook-holder {
@@ -14035,7 +14035,7 @@ textarea.du-bois-light-input {
   margin-left: auto;
   padding: 16px 24px;
   overflow: hidden;
-  line-height: 1.5715;
+  line-height: 20px;
   word-wrap: break-word;
   background: #fff;
   border-radius: 4px;
@@ -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: 16px;
+  font-size: 19px;
   line-height: 24px;
 }
 .du-bois-light-notification-notice-message-single-line-auto-margin {
@@ -14064,7 +14064,7 @@ textarea.du-bois-light-input {
   content: '';
 }
 .du-bois-light-notification-notice-description {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-notification-notice-closable .du-bois-light-notification-notice-message {
   padding-right: 24px;
@@ -14072,11 +14072,11 @@ 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: 16px;
+  font-size: 19px;
 }
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
   margin-left: 48px;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-notification-notice-icon {
   position: absolute;
@@ -14209,9 +14209,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -14284,16 +14284,16 @@ textarea.du-bois-light-input {
   position: relative;
   padding: 4px 0 12px;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-popover-message > .anticon {
   position: absolute;
-  top: 8.0005px;
+  top: 127.5px;
   color: #AF5B23;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-popover-message-title {
-  padding-left: 22px;
+  padding-left: 21px;
 }
 .du-bois-light-popover-buttons {
   margin-bottom: 4px;
@@ -14492,7 +14492,7 @@ textarea.du-bois-light-input {
   text-align: right;
 }
 .du-bois-light-popover-rtl .du-bois-light-popover-message-title {
-  padding-right: 22px;
+  padding-right: 21px;
   padding-left: 8px;
 }
 .du-bois-light-popover-rtl .du-bois-light-popover-buttons {
@@ -14512,9 +14512,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-block;
@@ -14531,9 +14531,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -14553,9 +14553,9 @@ textarea.du-bois-light-input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -14666,7 +14666,7 @@ span.du-bois-light-radio + * {
   margin: 0;
   padding: 0 7px;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 38px;
   background: #fff;
   border: 1px solid #d9d9d9;
@@ -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: 16px;
+  font-size: 19px;
   line-height: 38px;
 }
 .du-bois-light-radio-group-small .du-bois-light-radio-button-wrapper {
@@ -15129,7 +15129,7 @@ span.du-bois-light-radio + * {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-table.du-bois-light-table-middle {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-title,
 .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-footer,
@@ -15146,10 +15146,10 @@ 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 25px;
+  margin: -12px -8px -12px 24px;
 }
 .du-bois-light-table.du-bois-light-table-small {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-title,
 .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-footer,
@@ -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 25px;
+  margin: -8px -8px -8px 24px;
 }
 .du-bois-light-table-small .du-bois-light-table-thead > tr > th {
   background-color: #fafafa;
@@ -15288,11 +15288,11 @@ span.du-bois-light-radio + * {
   padding: 0;
   color: #20272E;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
-  font-size: 14px;
+  font-size: 13px;
   background: #fff;
   border-radius: 4px;
 }
@@ -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 33px;
+  margin: -16px -16px -16px 32px;
 }
 .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: 12px;
+  font-size: 11px;
   border-radius: 4px;
   cursor: pointer;
   transition: all 0.3s;
@@ -15522,9 +15522,9 @@ td.du-bois-light-table-column-sort {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   min-width: 120px;
@@ -15676,7 +15676,7 @@ table tr th.du-bois-light-table-selection-column::after {
   content: none;
 }
 .du-bois-light-table-row-indent + .du-bois-light-table-row-expand-icon {
-  margin-top: 2.5005px;
+  margin-top: 121.5px;
   margin-right: 4px;
 }
 tr.du-bois-light-table-expanded-row > td,
@@ -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 33px -16px -16px;
+  margin: -16px 32px -16px -16px;
 }
 .du-bois-light-table-wrapper.du-bois-light-table-wrapper-rtl .du-bois-light-table-pagination-left {
   justify-content: flex-end;
@@ -15920,9 +15920,9 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -15961,7 +15961,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   position: absolute;
   top: 50%;
   width: 100%;
-  padding-top: 5px;
+  padding-top: 5.5px;
   text-shadow: 0 1px 2px #fff;
 }
 .du-bois-light-spin-nested-loading > div > .du-bois-light-spin.du-bois-light-spin-show-text .du-bois-light-spin-dot {
@@ -15971,7 +15971,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   margin: -7px;
 }
 .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-sm .du-bois-light-spin-text {
-  padding-top: 2px;
+  padding-top: 2.5px;
 }
 .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-sm.du-bois-light-spin-show-text .du-bois-light-spin-dot {
   margin-top: -17px;
@@ -15980,7 +15980,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   margin: -16px;
 }
 .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-lg .du-bois-light-spin-text {
-  padding-top: 11px;
+  padding-top: 11.5px;
 }
 .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-lg.du-bois-light-spin-show-text .du-bois-light-spin-dot {
   margin-top: -26px;
@@ -16108,9 +16108,9 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
 }
@@ -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: 12px;
+  font-size: 11px;
   letter-spacing: -1px;
   opacity: 0;
   transition: all 0.2s;
@@ -16339,10 +16339,10 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 8px 7px;
+  padding: 3px 7px;
   color: #20272E;
-  font-size: 14px;
-  line-height: 1.5715;
+  font-size: 13px;
+  line-height: 20px;
   background-color: #fff;
   background-image: none;
   border: 1px solid #d9d9d9;
@@ -16406,16 +16406,16 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   max-width: 100%;
   height: auto;
   min-height: 40px;
-  line-height: 1.5715;
+  line-height: 20px;
   vertical-align: bottom;
   transition: all 0.3s, height 0s;
 }
 .du-bois-light-pagination-options-quick-jumper input-lg {
-  padding: 6.5px 7px;
-  font-size: 16px;
+  padding: -171px 7px;
+  font-size: 19px;
 }
 .du-bois-light-pagination-options-quick-jumper input-sm {
-  padding: 4px 3px;
+  padding: 0 3px;
 }
 .du-bois-light-pagination-simple .du-bois-light-pagination-prev,
 .du-bois-light-pagination-simple .du-bois-light-pagination-next {
@@ -16509,7 +16509,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   line-height: 24px;
 }
 .du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper input {
-  padding: 4px 3px;
+  padding: 0 3px;
   width: 44px;
   height: 32px;
 }
@@ -16606,11 +16606,11 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-light-tabs-small > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   padding: 4px 0;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-tabs-large > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   padding: 8px 0;
-  font-size: 16px;
+  font-size: 19px;
 }
 .du-bois-light-tabs-card.du-bois-light-tabs-small > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   padding: 6px 8px;
@@ -16882,9 +16882,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: absolute;
@@ -16917,7 +16917,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   overflow: hidden;
   color: #20272E;
   font-weight: normal;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 22px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -16936,7 +16936,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs-card > .du-bois-light-tabs-nav .du-bois-light-tabs-tab,
 .du-bois-light-tabs-card > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
   margin: 0;
-  padding: 8px 8px;
+  padding: -111px 8px;
   background: #fafafa;
   border: 1px solid #f0f0f0;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -16999,9 +16999,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: flex;
@@ -17056,7 +17056,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-more,
 .du-bois-light-tabs > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-more {
   position: relative;
-  padding: 8px 8px;
+  padding: -111px 8px;
   background: transparent;
   border: 0;
 }
@@ -17108,7 +17108,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   display: inline-flex;
   align-items: center;
   padding: 8px 0;
-  font-size: 14px;
+  font-size: 13px;
   background: transparent;
   border: 0;
   outline: none;
@@ -17129,7 +17129,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin-right: -4px;
   margin-left: 8px;
   color: #5D7283;
-  font-size: 12px;
+  font-size: 11px;
   background: transparent;
   border: none;
   outline: none;
@@ -17251,9 +17251,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -17373,9 +17373,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-flex;
@@ -17404,9 +17404,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   display: inline-block;
@@ -17444,9 +17444,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   background: #fff;
@@ -17696,7 +17696,7 @@ h1.du-bois-light-typography,
   margin-bottom: 0.5em;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
-  font-size: 38px;
+  font-size: 36px;
   line-height: 1.23;
 }
 h2.du-bois-light-typography,
@@ -17704,7 +17704,7 @@ h2.du-bois-light-typography,
   margin-bottom: 0.5em;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
-  font-size: 30px;
+  font-size: 28px;
   line-height: 1.35;
 }
 h3.du-bois-light-typography,
@@ -17712,7 +17712,7 @@ h3.du-bois-light-typography,
   margin-bottom: 0.5em;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
-  font-size: 24px;
+  font-size: 23px;
   line-height: 1.35;
 }
 h4.du-bois-light-typography,
@@ -17720,7 +17720,7 @@ h4.du-bois-light-typography,
   margin-bottom: 0.5em;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
-  font-size: 20px;
+  font-size: 19px;
   line-height: 1.4;
 }
 h5.du-bois-light-typography,
@@ -17728,7 +17728,7 @@ h5.du-bois-light-typography,
   margin-bottom: 0.5em;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 600;
-  font-size: 16px;
+  font-size: 15px;
   line-height: 1.5;
 }
 .du-bois-light-typography + h1.du-bois-light-typography,
@@ -17902,8 +17902,8 @@ a.du-bois-light-typography.du-bois-light-typography-disabled:active,
 }
 div.du-bois-light-typography-edit-content {
   left: -8px;
-  margin-top: -9px;
-  margin-bottom: calc(1em - 8px - 1px);
+  margin-top: -4px;
+  margin-bottom: calc(1em - 3px - 1px);
 }
 .du-bois-light-typography-edit-content-confirm {
   position: absolute;
@@ -18012,9 +18012,9 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: relative;
@@ -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: 12px;
+  font-size: 11px;
   transition: margin 0.2s;
 }
 .du-bois-light-switch-checked .du-bois-light-switch-inner {
@@ -18097,7 +18097,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 }
 .du-bois-light-switch-loading-icon {
   position: relative;
-  top: 0px;
+  top: 0.5px;
   color: rgba(0, 0, 0, 0.65);
   vertical-align: top;
 }
@@ -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: 12px;
+  font-size: 11px;
 }
 .du-bois-light-switch-small .du-bois-light-switch-handle {
   width: 12px;
@@ -18226,14 +18226,14 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   padding: 0;
   color: #20272E;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   color: #5D7283;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-breadcrumb .anticon {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-breadcrumb a {
   color: #5D7283;
@@ -18310,9 +18310,9 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   margin: 0;
   padding: 0;
   color: #20272E;
-  font-size: 14px;
+  font-size: 13px;
   font-variant: tabular-nums;
-  line-height: 1.5715;
+  line-height: 20px;
   list-style: none;
   font-feature-settings: 'tnum';
   position: fixed;
@@ -18331,7 +18331,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   animation-name: NotificationLeftFadeIn;
 }
 .du-bois-light-notification-close-icon {
-  font-size: 14px;
+  font-size: 13px;
   cursor: pointer;
 }
 .du-bois-light-notification-hook-holder {
@@ -18345,7 +18345,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   margin-left: auto;
   padding: 16px 24px;
   overflow: hidden;
-  line-height: 1.5715;
+  line-height: 20px;
   word-wrap: break-word;
   background: #fff;
   border-radius: 4px;
@@ -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: 16px;
+  font-size: 19px;
   line-height: 24px;
 }
 .du-bois-light-notification-notice-message-single-line-auto-margin {
@@ -18374,7 +18374,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   content: '';
 }
 .du-bois-light-notification-notice-description {
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-notification-notice-closable .du-bois-light-notification-notice-message {
   padding-right: 24px;
@@ -18382,11 +18382,11 @@ 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: 16px;
+  font-size: 19px;
 }
 .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
   margin-left: 48px;
-  font-size: 14px;
+  font-size: 13px;
 }
 .du-bois-light-notification-notice-icon {
   position: absolute;