@carbon/charts 0.58.2 → 0.58.3-carbon-components-10.58.10.0

package/CHANGELOG.md

@@ -3,14 +3,6 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [0.58.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.1...v0.58.2) (2022-05-24)
-
-**Note:** Version bump only for package @carbon/charts
-
-
-
-
-
 ## [0.58.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.58.0...v0.58.1) (2022-05-19)
 
 **Note:** Version bump only for package @carbon/charts

package/demo/styles.css

@@ -3630,14 +3630,14 @@ em {
   box-shadow: none;
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--btn:focus {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon path:not([data-icon-path]):not([fill=none]),
 .bx--btn--ghost.bx--btn--icon-only .bx--btn__icon {
     fill: ButtonText;
@@ -3748,7 +3748,7 @@ input[data-invalid]:not(:focus),
 .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
 .bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
 .bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
-.bx--list-box[data-invalid]:not(:focus),
+.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),
 .bx--combo-box[data-invalid] .bx--text-input:not(:focus) {
   outline: 2px solid #da1e28;
   outline-offset: -2px;
@@ -3759,7 +3759,7 @@ input[data-invalid]:not(:focus),
 .bx--text-input__field-wrapper[data-invalid] > .bx--text-input--invalid:not(:focus),
 .bx--text-area__wrapper[data-invalid] > .bx--text-area--invalid:not(:focus),
 .bx--select-input__wrapper[data-invalid] .bx--select-input:not(:focus),
-.bx--list-box[data-invalid]:not(:focus),
+.bx--list-box[data-invalid]:not(.bx--multi-select--invalid--focused),
 .bx--combo-box[data-invalid] .bx--text-input:not(:focus) {
     outline-style: dotted;
   }
@@ -4126,7 +4126,7 @@ optgroup.bx--select-optgroup:disabled,
   display: none;
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--select__arrow {
     fill: ButtonText;
   }
@@ -4458,20 +4458,20 @@ optgroup.bx--select-optgroup:disabled,
 }
 
 /* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tag {
     outline: 1px solid transparent;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tag__close-icon svg,
 .bx--tag__custom-icon svg {
     fill: ButtonText;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tag__close-icon:focus {
     color: Highlight;
     outline: 1px solid Highlight;
@@ -6644,7 +6644,7 @@ optgroup.bx--select-optgroup:disabled,
 }
 
 /* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tooltip__trigger svg,
 .bx--tooltip__trigger:hover svg,
 .bx--tooltip__trigger:focus svg {
@@ -6652,20 +6652,20 @@ optgroup.bx--select-optgroup:disabled,
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tooltip__trigger:focus svg {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--tooltip {
     outline: 1px solid transparent;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--assistive-text {
     outline: 1px solid transparent;
   }
@@ -6771,14 +6771,10 @@ optgroup.bx--select-optgroup:disabled,
   content: "";
   transform: scale(0.5);
 }
-@media screen and (-ms-high-contrast: active) {
-  .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-    background-color: WindowText;
-  }
-}
-@media screen and (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--radio-button:checked + .bx--radio-button__label .bx--radio-button__appearance::before {
-    border: 2px solid WindowText;
+    fill: ButtonText;
+    background-color: ButtonText;
   }
 }
 
@@ -7195,13 +7191,13 @@ optgroup.bx--select-optgroup:disabled,
 }
 
 /* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--inline-notification {
     outline: 1px solid transparent;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--inline-notification__close-button:focus,
 .bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus {
     color: Highlight;
@@ -7209,8 +7205,8 @@ optgroup.bx--select-optgroup:disabled,
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
-  .bx--inline-notification__icon {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .bx--inline-notification .bx--inline-notification__close-icon {
     fill: ButtonText;
   }
 }
@@ -7601,7 +7597,7 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 /* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--overflow-menu:focus,
 .bx--overflow-menu-options__btn:focus {
     color: Highlight;
@@ -7609,7 +7605,7 @@ a.bx--overflow-menu-options__btn::before {
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--overflow-menu svg {
     fill: ButtonText;
   }
@@ -7652,9 +7648,14 @@ a.bx--overflow-menu-options__btn::before {
 .bx--modal .bx--dropdown-list,
 .bx--modal .bx--number input[type=number],
 .bx--modal .bx--date-picker__input,
-.bx--modal .bx--multi-select {
+.bx--modal .bx--multi-select,
+.bx--modal .bx--number__control-btn::before,
+.bx--modal .bx--number__control-btn::after {
   background-color: #ffffff;
 }
+.bx--modal .bx--number__rule-divider {
+  background-color: #e0e0e0;
+}
 
 .bx--modal.is-visible .bx--modal-container {
   transform: translate3d(0, 0, 0);
@@ -7697,6 +7698,9 @@ a.bx--overflow-menu-options__btn::before {
     width: 48%;
   }
 }
+.bx--modal-container .bx--modal-container-body {
+  display: contents;
+}
 
 .bx--modal-content {
   font-size: 0.875rem;
@@ -7724,7 +7728,7 @@ a.bx--overflow-menu-options__btn::before {
   }
 }
 
-.bx--modal-content p,
+.bx--modal-content > p,
 .bx--modal-content__regular-content {
   padding-right: 20%;
   font-size: 0.875rem;
@@ -7766,7 +7770,7 @@ a.bx--overflow-menu-options__btn::before {
 .bx--modal-container--xs .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-.bx--modal-container--xs .bx--modal-content p {
+.bx--modal-container--xs .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -7789,7 +7793,7 @@ a.bx--overflow-menu-options__btn::before {
 .bx--modal-container--sm .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-.bx--modal-container--sm .bx--modal-content p {
+.bx--modal-container--sm .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -7802,7 +7806,7 @@ a.bx--overflow-menu-options__btn::before {
     width: 42%;
     max-height: 72%;
   }
-  .bx--modal-container--sm .bx--modal-content p,
+  .bx--modal-container--sm .bx--modal-content > p,
 .bx--modal-container--sm .bx--modal-content__regular-content {
     padding-right: 20%;
   }
@@ -7933,13 +7937,13 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 /* stylelint-disable */
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--modal-close__icon {
     fill: ButtonText;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--modal-close:focus {
     color: Highlight;
     outline: 1px solid Highlight;
@@ -8294,7 +8298,10 @@ a.bx--overflow-menu-options__btn::before {
 }
 
 .bx--action-list .bx--btn:disabled {
-  color: #8d8d8d;
+  border-color: transparent;
+  background-color: transparent;
+  color: #ffffff;
+  opacity: 0.5;
 }
 
 .bx--action-list .bx--btn .bx--btn__icon {
@@ -9259,7 +9266,7 @@ tr.bx--data-table--selected:last-of-type td {
   margin: -0.1875rem 0;
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--data-table-content {
     outline: 1px solid transparent;
   }
@@ -9557,14 +9564,14 @@ tr.bx--parent-row.bx--data-table--selected.bx--expandable-row--hover + tr[data-c
   background: #e0e0e0;
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--table-expand__button:focus .bx--table-expand__svg {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--table-expand__svg {
     fill: ButtonText;
   }
@@ -9754,7 +9761,7 @@ th .bx--table-sort__flex {
   margin-top: 0.8125rem;
 }
 
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .bx--table-sort__icon,
 .bx--table-sort__icon-unsorted {
     fill: ButtonText;
@@ -19941,9 +19948,14 @@ div.container.theme--g10 .bx--modal .bx--dropdown,
 div.container.theme--g10 .bx--modal .bx--dropdown-list,
 div.container.theme--g10 .bx--modal .bx--number input[type=number],
 div.container.theme--g10 .bx--modal .bx--date-picker__input,
-div.container.theme--g10 .bx--modal .bx--multi-select {
+div.container.theme--g10 .bx--modal .bx--multi-select,
+div.container.theme--g10 .bx--modal .bx--number__control-btn::before,
+div.container.theme--g10 .bx--modal .bx--number__control-btn::after {
   background-color: #f4f4f4;
 }
+div.container.theme--g10 .bx--modal .bx--number__rule-divider {
+  background-color: #e0e0e0;
+}
 div.container.theme--g10 .bx--modal.is-visible .bx--modal-container {
   transform: translate3d(0, 0, 0);
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -19984,6 +19996,9 @@ div.container.theme--g10 .bx--modal-container {
     width: 48%;
   }
 }
+div.container.theme--g10 .bx--modal-container .bx--modal-container-body {
+  display: contents;
+}
 div.container.theme--g10 .bx--modal-content {
   font-size: 0.875rem;
   font-weight: 400;
@@ -20009,7 +20024,7 @@ div.container.theme--g10 .bx--modal-content:focus {
     outline-style: dotted;
   }
 }
-div.container.theme--g10 .bx--modal-content p,
+div.container.theme--g10 .bx--modal-content > p,
 div.container.theme--g10 .bx--modal-content__regular-content {
   padding-right: 20%;
   font-size: 0.875rem;
@@ -20046,7 +20061,7 @@ div.container.theme--g10 .bx--modal-header__heading {
 div.container.theme--g10 .bx--modal-container--xs .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g10 .bx--modal-container--xs .bx--modal-content p {
+div.container.theme--g10 .bx--modal-container--xs .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -20068,7 +20083,7 @@ div.container.theme--g10 .bx--modal-container--xs .bx--modal-content p {
 div.container.theme--g10 .bx--modal-container--sm .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g10 .bx--modal-container--sm .bx--modal-content p {
+div.container.theme--g10 .bx--modal-container--sm .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -20081,7 +20096,7 @@ div.container.theme--g10 .bx--modal-container--sm .bx--modal-content p {
     width: 42%;
     max-height: 72%;
   }
-  div.container.theme--g10 .bx--modal-container--sm .bx--modal-content p,
+  div.container.theme--g10 .bx--modal-container--sm .bx--modal-content > p,
 div.container.theme--g10 .bx--modal-container--sm .bx--modal-content__regular-content {
     padding-right: 20%;
   }
@@ -20197,12 +20212,12 @@ div.container.theme--g10 .bx--body--with-modal-open .bx--tooltip,
 div.container.theme--g10 .bx--body--with-modal-open .bx--overflow-menu-options {
   z-index: 9000;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--modal-close__icon {
     fill: ButtonText;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--modal-close:focus {
     color: Highlight;
     outline: 1px solid Highlight;
@@ -20554,14 +20569,14 @@ div.container.theme--g10 .bx--overflow-menu--flip::before {
 div.container.theme--g10 .bx--overflow-menu__container {
   display: inline-block;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--overflow-menu:focus,
 div.container.theme--g10 .bx--overflow-menu-options__btn:focus {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--overflow-menu svg {
     fill: ButtonText;
   }
@@ -21212,7 +21227,7 @@ div.container.theme--g10 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper
 div.container.theme--g10 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
   margin: -0.1875rem 0;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--data-table-content {
     outline: 1px solid transparent;
   }
@@ -21445,7 +21460,7 @@ div.container.theme--g10 .bx--select.bx--skeleton::before {
 div.container.theme--g10 .bx--select.bx--skeleton .bx--select-input {
   display: none;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g10 .bx--select__arrow {
     fill: ButtonText;
   }
@@ -26203,9 +26218,14 @@ div.container.theme--g90 .bx--modal .bx--dropdown,
 div.container.theme--g90 .bx--modal .bx--dropdown-list,
 div.container.theme--g90 .bx--modal .bx--number input[type=number],
 div.container.theme--g90 .bx--modal .bx--date-picker__input,
-div.container.theme--g90 .bx--modal .bx--multi-select {
+div.container.theme--g90 .bx--modal .bx--multi-select,
+div.container.theme--g90 .bx--modal .bx--number__control-btn::before,
+div.container.theme--g90 .bx--modal .bx--number__control-btn::after {
   background-color: #525252;
 }
+div.container.theme--g90 .bx--modal .bx--number__rule-divider {
+  background-color: #6f6f6f;
+}
 div.container.theme--g90 .bx--modal.is-visible .bx--modal-container {
   transform: translate3d(0, 0, 0);
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -26246,6 +26266,9 @@ div.container.theme--g90 .bx--modal-container {
     width: 48%;
   }
 }
+div.container.theme--g90 .bx--modal-container .bx--modal-container-body {
+  display: contents;
+}
 div.container.theme--g90 .bx--modal-content {
   font-size: 0.875rem;
   font-weight: 400;
@@ -26271,7 +26294,7 @@ div.container.theme--g90 .bx--modal-content:focus {
     outline-style: dotted;
   }
 }
-div.container.theme--g90 .bx--modal-content p,
+div.container.theme--g90 .bx--modal-content > p,
 div.container.theme--g90 .bx--modal-content__regular-content {
   padding-right: 20%;
   font-size: 0.875rem;
@@ -26308,7 +26331,7 @@ div.container.theme--g90 .bx--modal-header__heading {
 div.container.theme--g90 .bx--modal-container--xs .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g90 .bx--modal-container--xs .bx--modal-content p {
+div.container.theme--g90 .bx--modal-container--xs .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -26330,7 +26353,7 @@ div.container.theme--g90 .bx--modal-container--xs .bx--modal-content p {
 div.container.theme--g90 .bx--modal-container--sm .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g90 .bx--modal-container--sm .bx--modal-content p {
+div.container.theme--g90 .bx--modal-container--sm .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -26343,7 +26366,7 @@ div.container.theme--g90 .bx--modal-container--sm .bx--modal-content p {
     width: 42%;
     max-height: 72%;
   }
-  div.container.theme--g90 .bx--modal-container--sm .bx--modal-content p,
+  div.container.theme--g90 .bx--modal-container--sm .bx--modal-content > p,
 div.container.theme--g90 .bx--modal-container--sm .bx--modal-content__regular-content {
     padding-right: 20%;
   }
@@ -26459,12 +26482,12 @@ div.container.theme--g90 .bx--body--with-modal-open .bx--tooltip,
 div.container.theme--g90 .bx--body--with-modal-open .bx--overflow-menu-options {
   z-index: 9000;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--modal-close__icon {
     fill: ButtonText;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--modal-close:focus {
     color: Highlight;
     outline: 1px solid Highlight;
@@ -26816,14 +26839,14 @@ div.container.theme--g90 .bx--overflow-menu--flip::before {
 div.container.theme--g90 .bx--overflow-menu__container {
   display: inline-block;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--overflow-menu:focus,
 div.container.theme--g90 .bx--overflow-menu-options__btn:focus {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--overflow-menu svg {
     fill: ButtonText;
   }
@@ -27474,7 +27497,7 @@ div.container.theme--g90 .bx--data-table--xs .bx--form-item.bx--checkbox-wrapper
 div.container.theme--g90 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
   margin: -0.1875rem 0;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--data-table-content {
     outline: 1px solid transparent;
   }
@@ -27707,7 +27730,7 @@ div.container.theme--g90 .bx--select.bx--skeleton::before {
 div.container.theme--g90 .bx--select.bx--skeleton .bx--select-input {
   display: none;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g90 .bx--select__arrow {
     fill: ButtonText;
   }
@@ -32477,9 +32500,14 @@ div.container.theme--g100 .bx--modal .bx--dropdown,
 div.container.theme--g100 .bx--modal .bx--dropdown-list,
 div.container.theme--g100 .bx--modal .bx--number input[type=number],
 div.container.theme--g100 .bx--modal .bx--date-picker__input,
-div.container.theme--g100 .bx--modal .bx--multi-select {
+div.container.theme--g100 .bx--modal .bx--multi-select,
+div.container.theme--g100 .bx--modal .bx--number__control-btn::before,
+div.container.theme--g100 .bx--modal .bx--number__control-btn::after {
   background-color: #393939;
 }
+div.container.theme--g100 .bx--modal .bx--number__rule-divider {
+  background-color: #525252;
+}
 div.container.theme--g100 .bx--modal.is-visible .bx--modal-container {
   transform: translate3d(0, 0, 0);
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -32520,6 +32548,9 @@ div.container.theme--g100 .bx--modal-container {
     width: 48%;
   }
 }
+div.container.theme--g100 .bx--modal-container .bx--modal-container-body {
+  display: contents;
+}
 div.container.theme--g100 .bx--modal-content {
   font-size: 0.875rem;
   font-weight: 400;
@@ -32545,7 +32576,7 @@ div.container.theme--g100 .bx--modal-content:focus {
     outline-style: dotted;
   }
 }
-div.container.theme--g100 .bx--modal-content p,
+div.container.theme--g100 .bx--modal-content > p,
 div.container.theme--g100 .bx--modal-content__regular-content {
   padding-right: 20%;
   font-size: 0.875rem;
@@ -32582,7 +32613,7 @@ div.container.theme--g100 .bx--modal-header__heading {
 div.container.theme--g100 .bx--modal-container--xs .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g100 .bx--modal-container--xs .bx--modal-content p {
+div.container.theme--g100 .bx--modal-container--xs .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -32604,7 +32635,7 @@ div.container.theme--g100 .bx--modal-container--xs .bx--modal-content p {
 div.container.theme--g100 .bx--modal-container--sm .bx--modal-content__regular-content {
   padding-right: 1rem;
 }
-div.container.theme--g100 .bx--modal-container--sm .bx--modal-content p {
+div.container.theme--g100 .bx--modal-container--sm .bx--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -32617,7 +32648,7 @@ div.container.theme--g100 .bx--modal-container--sm .bx--modal-content p {
     width: 42%;
     max-height: 72%;
   }
-  div.container.theme--g100 .bx--modal-container--sm .bx--modal-content p,
+  div.container.theme--g100 .bx--modal-container--sm .bx--modal-content > p,
 div.container.theme--g100 .bx--modal-container--sm .bx--modal-content__regular-content {
     padding-right: 20%;
   }
@@ -32733,12 +32764,12 @@ div.container.theme--g100 .bx--body--with-modal-open .bx--tooltip,
 div.container.theme--g100 .bx--body--with-modal-open .bx--overflow-menu-options {
   z-index: 9000;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--modal-close__icon {
     fill: ButtonText;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--modal-close:focus {
     color: Highlight;
     outline: 1px solid Highlight;
@@ -33090,14 +33121,14 @@ div.container.theme--g100 .bx--overflow-menu--flip::before {
 div.container.theme--g100 .bx--overflow-menu__container {
   display: inline-block;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--overflow-menu:focus,
 div.container.theme--g100 .bx--overflow-menu-options__btn:focus {
     color: Highlight;
     outline: 1px solid Highlight;
   }
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--overflow-menu svg {
     fill: ButtonText;
   }
@@ -33748,7 +33779,7 @@ div.container.theme--g100 .bx--data-table--xs .bx--form-item.bx--checkbox-wrappe
 div.container.theme--g100 .bx--data-table--sm .bx--form-item.bx--checkbox-wrapper:last-of-type {
   margin: -0.1875rem 0;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--data-table-content {
     outline: 1px solid transparent;
   }
@@ -33981,7 +34012,7 @@ div.container.theme--g100 .bx--select.bx--skeleton::before {
 div.container.theme--g100 .bx--select.bx--skeleton .bx--select-input {
   display: none;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast) {
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
   div.container.theme--g100 .bx--select__arrow {
     fill: ButtonText;
   }