@databricks/design-system 1.3.1 → 1.4.0

package/dist/index.css

@@ -1362,8 +1362,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-danger {
   color: #fff;
-  background: #C72D4C;
-  border-color: #C72D4C;
+  background: #C82D4C;
+  border-color: #C82D4C;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1686,9 +1686,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous {
-  color: #C72D4C;
+  color: #C82D4C;
   background: #fff;
-  border-color: #C72D4C;
+  border-color: #C82D4C;
 }
 .du-bois-light-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1769,8 +1769,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary {
   color: #fff;
-  background: #C72D4C;
-  border-color: #C72D4C;
+  background: #C82D4C;
+  border-color: #C82D4C;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1852,7 +1852,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link {
-  color: #C72D4C;
+  color: #C82D4C;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2000,7 +2000,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text {
-  color: #C72D4C;
+  color: #C82D4C;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2523,9 +2523,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger {
-  color: #C72D4C;
+  color: #C82D4C;
   background: transparent;
-  border-color: #C72D4C;
+  border-color: #C82D4C;
   text-shadow: none;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger > a:only-child {
@@ -2606,9 +2606,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous {
-  color: #C72D4C;
+  color: #C82D4C;
   background: transparent;
-  border-color: #C72D4C;
+  border-color: #C82D4C;
   text-shadow: none;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous > a:only-child {
@@ -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: #C72D4C;
+  color: #C82D4C;
   background: transparent;
   border-color: transparent;
   text-shadow: none;
@@ -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: #BF511E;
+  color: #BE501E;
 }
 .du-bois-light-alert-error {
   background-color: #FFF5F7;
   border: 1px solid #FBD0D8;
 }
 .du-bois-light-alert-error .du-bois-light-alert-icon {
-  color: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-alert-error .du-bois-light-alert-description > pre {
   margin: 0;
@@ -5348,11 +5348,11 @@ _:-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: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
   color: #fff;
-  background-color: #C72D4C;
+  background-color: #C82D4C;
 }
 .du-bois-light-dropdown {
   box-sizing: border-box;
@@ -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: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-form-item-explain.du-bois-light-form-item-explain-warning {
   color: #AF5B23;
@@ -6095,14 +6095,14 @@ _:-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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  border-color: #C82D4C;
 }
 .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,
@@ -6111,38 +6111,38 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 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: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-prefix {
-  color: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-input-group-addon {
-  color: #C72D4C;
-  border-color: #C72D4C;
+  color: #C82D4C;
+  border-color: #C82D4C;
 }
 .du-bois-light-form-item-has-error .has-feedback {
-  color: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-form-item-has-error.du-bois-light-form-item-has-feedback .du-bois-light-form-item-children-icon {
-  color: #C72D4C;
+  color: #C82D4C;
   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: #C72D4C !important;
+  border-color: #C82D4C !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: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 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,12 +6150,12 @@ _:-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: #C72D4C;
+  border-color: #C82D4C;
 }
 .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: #C72D4C;
+  border-color: #C82D4C;
 }
 .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,
@@ -6164,37 +6164,37 @@ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-
   border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 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: #C72D4C;
+  border-color: #C82D4C;
 }
 .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: #C72D4C;
+  border-color: #C82D4C;
 }
 .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: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 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: #C72D4C;
+  border-color: #C82D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-cascader-picker:focus .du-bois-light-cascader-input {
   background-color: #fff;
   border-color: #d45368;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(199, 45, 76, 0.2);
+  box-shadow: 0 0 0 2px rgba(200, 45, 76, 0.2);
 }
 .du-bois-light-form-item-has-error .du-bois-light-transfer-list {
-  border-color: #C72D4C;
+  border-color: #C82D4C;
 }
 .du-bois-light-form-item-has-error .du-bois-light-transfer-list-search:not([disabled]) {
   border-color: #CDDAE5;
@@ -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: #C72D4C !important;
+  border-color: #C82D4C !important;
 }
 .du-bois-light-form-item-has-error .du-bois-light-radio-button-wrapper:not(:first-child)::before {
-  background-color: #C72D4C;
+  background-color: #C82D4C;
 }
 .du-bois-light-form-item-is-validating.du-bois-light-form-item-has-feedback .du-bois-light-form-item-children-icon {
   display: inline-block;
@@ -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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  border-right-color: #C82D4C;
 }
 .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: #C72D4C;
+  color: #C82D4C;
 }
 .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: #C72D4C;
+  background-color: #C82D4C;
 }
 .du-bois-light-menu {
   box-sizing: border-box;
@@ -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: #C72D4C;
+  color: #C82D4C;
 }
 .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 {
@@ -14094,7 +14094,7 @@ textarea.du-bois-light-input {
   color: #AF5B23;
 }
 .anticon.du-bois-light-notification-notice-icon-error {
-  color: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-notification-notice-close {
   position: absolute;
@@ -17675,7 +17675,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   color: #AF5B23;
 }
 .du-bois-light-typography.du-bois-light-typography-danger {
-  color: #C72D4C;
+  color: #C82D4C;
 }
 a.du-bois-light-typography.du-bois-light-typography-danger:active,
 a.du-bois-light-typography.du-bois-light-typography-danger:focus,
@@ -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: #C72D4C;
+  color: #C82D4C;
 }
 .du-bois-light-notification-notice-close {
   position: absolute;
@@ -18509,10 +18509,10 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 .du-bois-light-notification-rtl .du-bois-light-notification-notice-btn {
   float: left;
 }
-.du-bois-light-notification-compact {
+.du-bois-light-notification-notice {
   padding: 10px 40px 10px 32px;
 }
-.du-bois-light-notification-compact .du-bois-light-notification-notice-icon {
+.du-bois-light-notification-notice .du-bois-light-notification-notice-icon {
   font-size: 16px;
   width: 16px;
   height: 16px;
@@ -18521,25 +18521,25 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
   top: 12px;
   line-height: 16px;
 }
-.du-bois-light-notification-compact .du-bois-light-notification-notice-close {
+.du-bois-light-notification-notice .du-bois-light-notification-notice-close {
   top: 12px;
   right: 12px;
   width: 16px;
   height: 16px;
   line-height: 16px;
 }
-.du-bois-light-notification-compact .du-bois-light-notification-notice-close span[role='img'] {
+.du-bois-light-notification-notice .du-bois-light-notification-notice-close span[role='img'] {
   font-size: 16px;
 }
-.du-bois-light-notification-compact .du-bois-light-notification-notice-message {
+.du-bois-light-notification-notice .du-bois-light-notification-notice-message {
   display: flex;
   align-items: center;
-  height: 20px;
+  min-height: 20px;
   line-height: 20px;
   font-weight: 600;
 }
-.du-bois-light-notification-compact .du-bois-light-notification-notice-message,
-.du-bois-light-notification-compact .du-bois-light-notification-notice-description {
+.du-bois-light-notification-notice .du-bois-light-notification-notice-message,
+.du-bois-light-notification-notice .du-bois-light-notification-notice-description {
   margin-left: unset;
   font-size: 13px;
   margin-bottom: 0;