@databricks/design-system 1.4.1 → 1.5.1

package/dist/index-dark.css

@@ -3248,9 +3248,9 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-single .du-bois-dark-select-selector .du-bois-dark-select-selection-search {
   position: absolute;
   top: 0;
-  right: 7px;
+  right: 12px;
   bottom: 0;
-  left: 7px;
+  left: 12px;
 }
 .du-bois-dark-select-single .du-bois-dark-select-selector .du-bois-dark-select-selection-search-input {
   width: 100%;
@@ -3283,7 +3283,7 @@ a.du-bois-dark-btn-sm {
   content: '\a0';
 }
 .du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-search {
-  right: 20px;
+  right: 25px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-item,
 .du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-placeholder {
@@ -3295,7 +3295,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-single:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   width: 100%;
   height: 40px;
-  padding: 0 7px;
+  padding: 0 12px;
 }
 .du-bois-dark-select-single:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector .du-bois-dark-select-selection-search-input {
   height: 38px;
@@ -3314,7 +3314,7 @@ a.du-bois-dark-btn-sm {
   position: absolute;
   right: 0;
   left: 0;
-  padding: 0 7px;
+  padding: 0 12px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-customize-input .du-bois-dark-select-selector .du-bois-dark-select-selection-placeholder::after {
   display: none;
@@ -3342,21 +3342,21 @@ a.du-bois-dark-btn-sm {
   height: 30px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selection-search {
-  right: 3px;
-  left: 3px;
+  right: 12px;
+  left: 12px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
-  padding: 0 3px;
+  padding: 0 12px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-search {
-  right: 22.5px;
+  right: 31.5px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-item,
 .du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-placeholder {
   padding-right: 19.5px;
 }
 .du-bois-dark-select-single.du-bois-dark-select-lg:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
-  padding: 0 7px;
+  padding: 0 12px;
 }
 /**
  * Do not merge `height` & `line-height` under style with `selection` & `search`,
@@ -3378,7 +3378,7 @@ a.du-bois-dark-btn-sm {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  padding: 0px 3px;
+  padding: 1px 5px;
 }
 .du-bois-dark-select-show-search.du-bois-dark-select-multiple .du-bois-dark-select-selector {
   cursor: text;
@@ -3390,8 +3390,8 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-multiple .du-bois-dark-select-selector::after {
   display: inline-block;
   width: 0;
-  margin: 2px 0;
-  line-height: 34px;
+  margin: 3px 0;
+  line-height: 30px;
   content: '\a0';
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-show-arrow .du-bois-dark-select-selector,
@@ -3404,17 +3404,17 @@ a.du-bois-dark-btn-sm {
   flex: none;
   box-sizing: border-box;
   max-width: 100%;
-  height: 34px;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  line-height: 32px;
+  height: 30px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  line-height: 28px;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid #303030;
   border-radius: 4px;
   cursor: default;
   transition: font-size 0.3s, line-height 0.3s, height 0.3s;
   user-select: none;
-  margin-inline-end: 3px;
+  margin-inline-end: 5px;
   padding-inline-start: 4px;
   padding-inline-end: 2px;
 }
@@ -3471,15 +3471,15 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-search {
   position: relative;
   max-width: 100%;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  margin-inline-start: 4px;
+  margin-top: 3px;
+  margin-bottom: 3px;
+  margin-inline-start: 7px;
 }
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-search-input,
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-search-mirror {
-  height: 34px;
+  height: 30px;
   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: 34px;
+  line-height: 30px;
   transition: all 0.3s;
 }
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-search-input {
@@ -3497,45 +3497,45 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-select-multiple .du-bois-dark-select-selection-placeholder {
   position: absolute;
   top: 50%;
-  right: 7px;
-  left: 7px;
+  right: 12px;
+  left: 12px;
   transform: translateY(-50%);
   transition: all 0.3s;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-lg .du-bois-dark-select-selector::after {
-  line-height: 34px;
+  line-height: 30px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-lg .du-bois-dark-select-selection-item {
-  height: 34px;
-  line-height: 32px;
+  height: 30px;
+  line-height: 28px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-lg .du-bois-dark-select-selection-search {
-  height: 34px;
-  line-height: 34px;
+  height: 30px;
+  line-height: 30px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-lg .du-bois-dark-select-selection-search-input,
 .du-bois-dark-select-multiple.du-bois-dark-select-lg .du-bois-dark-select-selection-search-mirror {
-  height: 34px;
-  line-height: 32px;
+  height: 30px;
+  line-height: 28px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selector::after {
-  line-height: 26px;
+  line-height: 22px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-item {
-  height: 26px;
-  line-height: 24px;
+  height: 22px;
+  line-height: 20px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-search {
-  height: 26px;
-  line-height: 26px;
+  height: 22px;
+  line-height: 22px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-search-input,
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-search-mirror {
-  height: 26px;
-  line-height: 24px;
+  height: 22px;
+  line-height: 20px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-placeholder {
-  left: 3px;
+  left: 12px;
 }
 .du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-search {
   margin-inline-start: 3px;
@@ -3845,7 +3845,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple.du-bois-dark-select-show-arrow .du-bois-dark-select-selector,
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple.du-bois-dark-select-allow-clear .du-bois-dark-select-selector {
-  padding-right: 3px;
+  padding-right: 5px;
   padding-left: 20px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple .du-bois-dark-select-selection-item {
@@ -3861,11 +3861,11 @@ a.du-bois-dark-btn-sm {
   left: auto;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple .du-bois-dark-select-selection-placeholder {
-  right: 7px;
+  right: 12px;
   left: auto;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-multiple.du-bois-dark-select-sm .du-bois-dark-select-selection-placeholder {
-  right: 3px;
+  right: 12px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-single .du-bois-dark-select-selector .du-bois-dark-select-selection-item,
 .du-bois-dark-select-rtl.du-bois-dark-select-single .du-bois-dark-select-selector .du-bois-dark-select-selection-placeholder {
@@ -3874,8 +3874,8 @@ a.du-bois-dark-btn-sm {
   text-align: right;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-search {
-  right: 7px;
-  left: 20px;
+  right: 12px;
+  left: 25px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-item,
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-show-arrow .du-bois-dark-select-selection-placeholder {
@@ -3883,7 +3883,7 @@ a.du-bois-dark-btn-sm {
   padding-left: 17px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-search {
-  right: 2px;
+  right: 11px;
 }
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-item,
 .du-bois-dark-select-rtl.du-bois-dark-select-single.du-bois-dark-select-sm:not(.du-bois-dark-select-customize-input).du-bois-dark-select-show-arrow .du-bois-dark-select-selection-placeholder {
@@ -4138,7 +4138,7 @@ a.du-bois-dark-btn-sm {
   line-height: 20px;
   list-style: none;
   font-feature-settings: tnum;
-  padding: 0 7px 0;
+  padding: 0 12px 0;
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -4182,7 +4182,7 @@ a.du-bois-dark-btn-sm {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 3px 7px;
+  padding: 5px 12px;
   color: #ffffffd6;
   font-size: 13px;
   line-height: 20px;
@@ -4257,11 +4257,11 @@ textarea.du-bois-dark-picker-input > input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-picker-input > input-lg {
-  padding: -161px 7px;
+  padding: 5px 12px;
   font-size: 18px;
 }
 .du-bois-dark-picker-input > input-sm {
-  padding: 0 3px;
+  padding: 5px 12px;
 }
 .du-bois-dark-picker-input > input:focus {
   box-shadow: none;
@@ -4276,13 +4276,13 @@ textarea.du-bois-dark-picker-input > input {
   color: rgba(255, 255, 255, 0.3);
 }
 .du-bois-dark-picker-large {
-  padding: 0 7px 0;
+  padding: 0 12px 0;
 }
 .du-bois-dark-picker-large .du-bois-dark-picker-input > input {
   font-size: 18px;
 }
 .du-bois-dark-picker-small {
-  padding: 0 3px 0;
+  padding: 0 12px 0;
 }
 .du-bois-dark-picker-suffix {
   align-self: center;
@@ -4333,7 +4333,7 @@ textarea.du-bois-dark-picker-input > input {
   display: inline-flex;
 }
 .du-bois-dark-picker-range .du-bois-dark-picker-clear {
-  right: 7px;
+  right: 12px;
 }
 .du-bois-dark-picker-range:hover .du-bois-dark-picker-clear {
   opacity: 1;
@@ -4341,7 +4341,7 @@ textarea.du-bois-dark-picker-input > input {
 .du-bois-dark-picker-range .du-bois-dark-picker-active-bar {
   bottom: -1px;
   height: 2px;
-  margin-left: 7px;
+  margin-left: 12px;
   background: #2272B4;
   opacity: 0;
   transition: all 0.3s ease-out;
@@ -4356,10 +4356,10 @@ textarea.du-bois-dark-picker-input > input {
   line-height: 1;
 }
 .du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-clear {
-  right: 3px;
+  right: 12px;
 }
 .du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-active-bar {
-  margin-left: 3px;
+  margin-left: 12px;
 }
 .du-bois-dark-picker-dropdown {
   box-sizing: border-box;
@@ -4446,7 +4446,7 @@ textarea.du-bois-dark-picker-input > input {
   display: none;
   width: 10px;
   height: 10px;
-  margin-left: 10.5px;
+  margin-left: 18px;
   box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
   transition: left 0.3s ease-out;
 }
@@ -5006,14 +5006,14 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
 }
 .du-bois-dark-picker-rtl.du-bois-dark-picker-range .du-bois-dark-picker-clear {
   right: auto;
-  left: 7px;
+  left: 12px;
 }
 .du-bois-dark-picker-rtl.du-bois-dark-picker-range .du-bois-dark-picker-active-bar {
-  margin-right: 7px;
+  margin-right: 12px;
   margin-left: 0;
 }
 .du-bois-dark-picker-rtl.du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-active-bar {
-  margin-right: 3px;
+  margin-right: 12px;
 }
 .du-bois-dark-picker-dropdown-rtl .du-bois-dark-picker-ranges {
   text-align: right;
@@ -6027,13 +6027,13 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   right: 32px;
 }
 .du-bois-dark-form-item-has-feedback .du-bois-dark-picker {
-  padding-right: 23.9px;
+  padding-right: 28.9px;
 }
 .du-bois-dark-form-item-has-feedback .du-bois-dark-picker-large {
-  padding-right: 23.9px;
+  padding-right: 28.9px;
 }
 .du-bois-dark-form-item-has-feedback .du-bois-dark-picker-small {
-  padding-right: 19.9px;
+  padding-right: 28.9px;
 }
 .du-bois-dark-form-item-has-feedback.du-bois-dark-form-item-has-success .du-bois-dark-form-item-children-icon,
 .du-bois-dark-form-item-has-feedback.du-bois-dark-form-item-has-warning .du-bois-dark-form-item-children-icon,
@@ -6532,11 +6532,11 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   width: 100%;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-input {
-  padding-right: 7px;
+  padding-right: 12px;
   padding-left: 24px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-input-affix-wrapper .du-bois-dark-input-suffix {
-  padding-right: 7px;
+  padding-right: 12px;
   padding-left: 18px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-input-affix-wrapper .du-bois-dark-input {
@@ -6570,16 +6570,16 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   left: 32px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-picker {
-  padding-right: 7px;
-  padding-left: 23.9px;
+  padding-right: 12px;
+  padding-left: 28.9px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-picker-large {
-  padding-right: 7px;
-  padding-left: 23.9px;
+  padding-right: 12px;
+  padding-left: 28.9px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback .du-bois-dark-picker-small {
-  padding-right: 3px;
-  padding-left: 19.9px;
+  padding-right: 12px;
+  padding-left: 28.9px;
 }
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback.du-bois-dark-form-item-has-success .du-bois-dark-form-item-children-icon,
 .du-bois-dark-form-rtl .du-bois-dark-form-item-has-feedback.du-bois-dark-form-item-has-warning .du-bois-dark-form-item-children-icon,
@@ -12041,7 +12041,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 3px 7px;
+  padding: 5px 12px;
   color: #ffffffd6;
   font-size: 13px;
   line-height: 20px;
@@ -12120,11 +12120,11 @@ textarea.du-bois-dark-input-affix-wrapper {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-input-affix-wrapper-lg {
-  padding: -161px 7px;
+  padding: 5px 12px;
   font-size: 18px;
 }
 .du-bois-dark-input-affix-wrapper-sm {
-  padding: 0 3px;
+  padding: 5px 12px;
 }
 .du-bois-dark-input-affix-wrapper-rtl {
   direction: rtl;
@@ -12214,7 +12214,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 3px 7px;
+  padding: 5px 12px;
   color: #ffffffd6;
   font-size: 13px;
   line-height: 20px;
@@ -12292,11 +12292,11 @@ textarea.du-bois-dark-input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-input-lg {
-  padding: -161px 7px;
+  padding: 5px 12px;
   font-size: 18px;
 }
 .du-bois-dark-input-sm {
-  padding: 0 3px;
+  padding: 5px 12px;
 }
 .du-bois-dark-input-rtl {
   direction: rtl;
@@ -12366,7 +12366,7 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-input-group-addon {
   position: relative;
-  padding: 0 7px;
+  padding: 0 12px;
   color: #ffffffd6;
   font-weight: normal;
   font-size: 13px;
@@ -12377,7 +12377,7 @@ textarea.du-bois-dark-input {
   transition: all 0.3s;
 }
 .du-bois-dark-input-group-addon .du-bois-dark-select {
-  margin: -4px -7px;
+  margin: -6px -12px;
 }
 .du-bois-dark-input-group-addon .du-bois-dark-select.du-bois-dark-select-single:not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   background-color: inherit;
@@ -12433,12 +12433,12 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-input-group-lg .du-bois-dark-input,
 .du-bois-dark-input-group-lg > .du-bois-dark-input-group-addon {
-  padding: -161px 7px;
+  padding: 5px 12px;
   font-size: 18px;
 }
 .du-bois-dark-input-group-sm .du-bois-dark-input,
 .du-bois-dark-input-group-sm > .du-bois-dark-input-group-addon {
-  padding: 0 3px;
+  padding: 5px 12px;
 }
 .du-bois-dark-input-group-lg .du-bois-dark-select-single .du-bois-dark-select-selector {
   height: 40px;
@@ -16605,7 +16605,7 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
   display: inline-block;
   width: 100%;
   min-width: 0;
-  padding: 3px 7px;
+  padding: 5px 12px;
   color: #ffffffd6;
   font-size: 13px;
   line-height: 20px;
@@ -16677,11 +16677,11 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   transition: all 0.3s, height 0s;
 }
 .du-bois-dark-pagination-options-quick-jumper input-lg {
-  padding: -161px 7px;
+  padding: 5px 12px;
   font-size: 18px;
 }
 .du-bois-dark-pagination-options-quick-jumper input-sm {
-  padding: 0 3px;
+  padding: 5px 12px;
 }
 .du-bois-dark-pagination-simple .du-bois-dark-pagination-prev,
 .du-bois-dark-pagination-simple .du-bois-dark-pagination-next {
@@ -16775,7 +16775,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   line-height: 24px;
 }
 .du-bois-dark-pagination.mini .du-bois-dark-pagination-options-quick-jumper input {
-  padding: 0 3px;
+  padding: 5px 12px;
   width: 44px;
   height: 32px;
 }
@@ -18176,9 +18176,9 @@ a.du-bois-dark-typography.du-bois-dark-typography-disabled:active,
   position: relative;
 }
 div.du-bois-dark-typography-edit-content {
-  left: -8px;
-  margin-top: -4px;
-  margin-bottom: calc(1em - 3px - 1px);
+  left: -13px;
+  margin-top: -6px;
+  margin-bottom: calc(1em - 5px - 1px);
 }
 .du-bois-dark-typography-edit-content-confirm {
   position: absolute;
@@ -18266,7 +18266,7 @@ span.du-bois-dark-typography-ellipsis-single-line {
   float: left;
 }
 div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
-  right: -8px;
+  right: -13px;
   left: auto;
 }
 .du-bois-dark-typography-rtl .du-bois-dark-typography-edit-content-confirm {