@databricks/design-system 1.3.1 → 1.4.0

package/dist/index-dark.css

@@ -1368,8 +1368,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger {
   color: #fff;
-  background: #f7a6b6d6;
-  border-color: #f7a6b6d6;
+  background: #f792a6d6;
+  border-color: #f792a6d6;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1388,8 +1388,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-danger:focus {
   color: #fff;
-  background: #d18294;
-  border-color: #d18294;
+  background: #d17187;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-danger:focus > a:only-child {
@@ -1407,8 +1407,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger:active {
   color: #fff;
-  background: #ffd4db;
-  border-color: #ffd4db;
+  background: #ffbfca;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1692,9 +1692,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1710,9 +1710,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-dangerous:focus {
-  color: #d18294;
+  color: #d17187;
   background: transparent;
-  border-color: #d18294;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -1729,9 +1729,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: transparent;
-  border-color: #ffd4db;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1775,8 +1775,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary {
   color: #fff;
-  background: #f7a6b6d6;
-  border-color: #f7a6b6d6;
+  background: #f792a6d6;
+  border-color: #f792a6d6;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1795,8 +1795,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus {
   color: #fff;
-  background: #d18294;
-  border-color: #d18294;
+  background: #d17187;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus > a:only-child {
@@ -1814,8 +1814,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active {
   color: #fff;
-  background: #ffd4db;
-  border-color: #ffd4db;
+  background: #ffbfca;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1858,7 +1858,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -1942,7 +1942,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
-  color: #d18294;
+  color: #d17187;
   background: transparent;
   border-color: transparent;
 }
@@ -1961,7 +1961,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: transparent;
   border-color: transparent;
 }
@@ -2006,7 +2006,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   box-shadow: none;
@@ -2090,7 +2090,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
-  color: #d18294;
+  color: #d17187;
   background: rgba(255, 255, 255, 0.03);
   border-color: transparent;
 }
@@ -2109,7 +2109,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: rgba(255, 255, 255, 0.04);
   border-color: transparent;
 }
@@ -2529,9 +2529,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   text-shadow: none;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger > a:only-child {
@@ -2548,9 +2548,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus {
-  color: #d18294;
+  color: #d17187;
   background: transparent;
-  border-color: #d18294;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus > a:only-child {
@@ -2567,9 +2567,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: transparent;
-  border-color: #ffd4db;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -2612,9 +2612,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   text-shadow: none;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous > a:only-child {
@@ -2631,9 +2631,9 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus {
-  color: #d18294;
+  color: #d17187;
   background: transparent;
-  border-color: #d18294;
+  border-color: #d17187;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -2650,9 +2650,9 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: transparent;
-  border-color: #ffd4db;
+  border-color: #ffbfca;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -2695,7 +2695,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   background: transparent;
   border-color: transparent;
   text-shadow: none;
@@ -2714,7 +2714,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
-  color: #d18294;
+  color: #d17187;
   background: transparent;
   border-color: transparent;
 }
@@ -2733,7 +2733,7 @@ abbr[data-original-title] {
   content: '';
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
-  color: #ffd4db;
+  color: #ffbfca;
   background: transparent;
   border-color: transparent;
 }
@@ -2892,7 +2892,7 @@ a.du-bois-dark-btn-sm {
   border: 1px solid #FBD0D8;
 }
 .du-bois-dark-alert-error .du-bois-dark-alert-icon {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-alert-error .du-bois-dark-alert-description > pre {
   margin: 0;
@@ -5383,11 +5383,11 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger:hover {
   color: #fff;
-  background-color: #f7a6b6d6;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-dropdown {
   box-sizing: border-box;
@@ -5993,7 +5993,7 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   /* To support leave along ErrorList. We add additional className to handle explain style */
 }
 .du-bois-dark-form-item-explain.du-bois-dark-form-item-explain-error {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-explain.du-bois-dark-form-item-explain-warning {
   color: #AF5B23;
@@ -6133,54 +6133,54 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: 0 0 0 2px rgba(175, 91, 35, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-form-item-split {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
 .du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-calendar-picker-open .du-bois-dark-calendar-picker-input {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-prefix {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-group-addon {
-  color: #f7a6b6d6;
-  border-color: #f7a6b6d6;
+  color: #f792a6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .has-feedback {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error.du-bois-dark-form-item-has-feedback .du-bois-dark-form-item-children-icon {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
   animation-name: diffZoomIn2 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input) .du-bois-dark-select-selector {
   background-color: transparent;
-  border-color: #f7a6b6d6 !important;
+  border-color: #f792a6d6 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input).du-bois-dark-select-open .du-bois-dark-select-selector,
 .du-bois-dark-form-item-has-error .du-bois-dark-select:not(.du-bois-dark-select-disabled):not(.du-bois-dark-select-customize-input).du-bois-dark-select-focused .du-bois-dark-select-selector {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .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;
@@ -6188,51 +6188,51 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: none;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-select.du-bois-dark-select-auto-complete .du-bois-dark-input:focus {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker {
   background-color: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number-focused,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker-focused,
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number:focus,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker:focus {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-input-number:not([disabled]):hover,
 .du-bois-dark-form-item-has-error .du-bois-dark-picker:not([disabled]):hover {
   background-color: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor,
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor:not([disabled]):hover {
   background-color: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper.du-bois-dark-mention-active:not([disabled]) .du-bois-dark-mention-editor,
 .du-bois-dark-form-item-has-error .du-bois-dark-mention-wrapper .du-bois-dark-mention-editor:not([disabled]):focus {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-cascader-picker:hover .du-bois-dark-cascader-picker-label:hover + .du-bois-dark-cascader-input.du-bois-dark-input {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-cascader-picker:focus .du-bois-dark-cascader-input {
   background-color: transparent;
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
   border-right-width: 1px !important;
   outline: 0;
-  box-shadow: 0 0 0 2px rgba(247, 166, 182, 0.2);
+  box-shadow: 0 0 0 2px rgba(247, 146, 166, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-transfer-list {
-  border-color: #f7a6b6d6;
+  border-color: #f792a6d6;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-transfer-list-search:not([disabled]) {
   border-color: #ffffff7a;
@@ -6248,10 +6248,10 @@ _:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-pa
   box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-radio-button-wrapper {
-  border-color: #f7a6b6d6 !important;
+  border-color: #f792a6d6 !important;
 }
 .du-bois-dark-form-item-has-error .du-bois-dark-radio-button-wrapper:not(:first-child)::before {
-  background-color: #f7a6b6d6;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-form-item-is-validating.du-bois-dark-form-item-has-feedback .du-bois-dark-form-item-children-icon {
   display: inline-block;
@@ -12889,36 +12889,36 @@ textarea.du-bois-dark-input {
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:hover,
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-active {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:active {
   background: #2a1215;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected > a,
 .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected > a:hover {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu:not(.du-bois-dark-menu-horizontal) .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
   background-color: #2a1215;
 }
 .du-bois-dark-menu-inline .du-bois-dark-menu-item-danger.du-bois-dark-menu-item::after {
-  border-right-color: #f7a6b6d6;
+  border-right-color: #f792a6d6;
 }
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item,
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item:hover,
 .du-bois-dark-menu-dark .du-bois-dark-menu-item-danger.du-bois-dark-menu-item > a {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-menu-dark.du-bois-dark-menu-dark:not(.du-bois-dark-menu-horizontal) .du-bois-dark-menu-item-danger.du-bois-dark-menu-item-selected {
   color: #fff;
-  background-color: #f7a6b6d6;
+  background-color: #f792a6d6;
 }
 .du-bois-dark-menu {
   box-sizing: border-box;
@@ -13998,7 +13998,7 @@ textarea.du-bois-dark-input {
   margin-left: 8px;
 }
 .du-bois-dark-modal-confirm-error .du-bois-dark-modal-confirm-body > .anticon {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-modal-confirm-warning .du-bois-dark-modal-confirm-body > .anticon,
 .du-bois-dark-modal-confirm-confirm .du-bois-dark-modal-confirm-body > .anticon {
@@ -14339,7 +14339,7 @@ textarea.du-bois-dark-input {
   color: #AF5B23;
 }
 .anticon.du-bois-dark-notification-notice-icon-error {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-notification-notice-close {
   position: absolute;
@@ -17950,12 +17950,12 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   color: #AF5B23;
 }
 .du-bois-dark-typography.du-bois-dark-typography-danger {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 a.du-bois-dark-typography.du-bois-dark-typography-danger:active,
 a.du-bois-dark-typography.du-bois-dark-typography-danger:focus,
 a.du-bois-dark-typography.du-bois-dark-typography-danger:hover {
-  color: #ffd4db;
+  color: #ffbfca;
 }
 .du-bois-dark-typography.du-bois-dark-typography-disabled {
   color: rgba(255, 255, 255, 0.3);
@@ -18775,7 +18775,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
   color: #AF5B23;
 }
 .anticon.du-bois-dark-notification-notice-icon-error {
-  color: #f7a6b6d6;
+  color: #f792a6d6;
 }
 .du-bois-dark-notification-notice-close {
   position: absolute;
@@ -18880,10 +18880,10 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 .du-bois-dark-notification-rtl .du-bois-dark-notification-notice-btn {
   float: left;
 }
-.du-bois-dark-notification-compact {
+.du-bois-dark-notification-notice {
   padding: 10px 40px 10px 32px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-icon {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-icon {
   font-size: 16px;
   width: 16px;
   height: 16px;
@@ -18892,25 +18892,25 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
   top: 12px;
   line-height: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-close {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-close {
   top: 12px;
   right: 12px;
   width: 16px;
   height: 16px;
   line-height: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-close span[role='img'] {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-close span[role='img'] {
   font-size: 16px;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-message {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-message {
   display: flex;
   align-items: center;
-  height: 20px;
+  min-height: 20px;
   line-height: 20px;
   font-weight: 600;
 }
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-message,
-.du-bois-dark-notification-compact .du-bois-dark-notification-notice-description {
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-message,
+.du-bois-dark-notification-notice .du-bois-dark-notification-notice-description {
   margin-left: unset;
   font-size: 13px;
   margin-bottom: 0;