@carbon/styles 1.10.0-rc.0 → 1.12.0-rc.0

package/css/styles.css

@@ -5204,8 +5204,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true]::before {
   border: none;
   border-width: 1px;
   background-color: var(--cds-icon-primary, #161616);
@@ -5217,8 +5216,7 @@ fieldset[disabled] .cds--form__helper-text {
           transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
 }
 
-.cds--checkbox:indeterminate + .cds--checkbox-label::after,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::after {
+.cds--checkbox:indeterminate + .cds--checkbox-label::after {
   top: 0.6875rem;
   width: 0.5rem;
   border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
@@ -5231,8 +5229,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-label__focus::before,
 .cds--checkbox:checked:focus + .cds--checkbox-label::before,
 .cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
-.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed].cds--checkbox-label__focus::before {
+.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1px;
 }
@@ -5250,8 +5247,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked:disabled + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
   background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -13029,7 +13025,7 @@ button.cds--dropdown-text:focus {
   padding-left: 0;
 }
 
-.cds--multi-select--filterable.cds--list-box--disabled:hover .cds--text-input {
+.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
   background-color: var(--cds-field);
 }
 
@@ -13043,6 +13039,10 @@ button.cds--dropdown-text:focus {
   background-color: transparent;
 }
 
+.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
+  visibility: hidden;
+}
+
 .cds--inline-notification {
   position: relative;
   display: -webkit-box;
@@ -19927,6 +19927,8 @@ span.cds--pagination__text.cds--pagination__items-count {
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  padding-top: 0.4375rem;
+  padding-bottom: 0.4375rem;
 }
 .cds--tree-node__label:hover {
   background-color: var(--cds-layer-hover-01, #e8e8e8);
@@ -19967,7 +19969,15 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 
 .cds--tree-parent-node__toggle {
-  padding: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  padding: 0.0625rem 0;
   border: 0;
   margin-right: 0.5rem;
 }
@@ -19994,6 +20004,9 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tree-node__icon {
   min-width: 1rem;
   min-height: 1rem;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  margin-top: 0.0625rem;
   margin-right: 0.5rem;
   fill: var(--cds-icon-secondary, #525252);
 }
@@ -20026,6 +20039,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--tree--xs .cds--tree-node__label {
   min-height: 1.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 
 .cds--content {