@carbon/styles 1.24.0 → 1.26.0-rc.0

package/css/styles.css

@@ -5053,7 +5053,7 @@ input[data-invalid]:not(:focus),
 .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-.cds--list-box[data-invalid]:not(:focus),
+.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
 .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
@@ -5064,7 +5064,7 @@ input[data-invalid]:not(:focus),
 .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-.cds--list-box[data-invalid]:not(:focus),
+.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
 .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
     outline-style: dotted;
   }
@@ -5081,6 +5081,7 @@ input[data-invalid] ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
 .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
+.cds--text-area__wrapper--warn ~ .cds--form-requirement,
 .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
 .cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
 .cds--time-picker[data-invalid] ~ .cds--form-requirement,
@@ -5261,18 +5262,18 @@ fieldset[disabled] .cds--form__helper-text {
   border: 1px solid var(--cds-icon-primary, #161616);
   margin: 0.125rem 0.125rem 0.125rem 0.1875rem;
   background-color: transparent;
-  border-radius: 1px;
+  border-radius: 2px;
   content: "";
 }
 
 .cds--checkbox-label::after {
   position: absolute;
-  top: 0.5rem;
+  top: 0.46875rem;
   left: 0.4375rem;
   width: 0.5625rem;
   height: 0.3125rem;
-  border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
-  border-left: 2px solid var(--cds-icon-inverse, #ffffff);
+  border-bottom: 1.5px solid var(--cds-icon-inverse, #ffffff);
+  border-left: 1.5px solid var(--cds-icon-inverse, #ffffff);
   margin-top: -0.1875rem /*rtl:0rem*/;
   background: none;
   content: "";
@@ -5789,6 +5790,16 @@ fieldset[disabled] .cds--form__helper-text {
   -webkit-transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
   transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+.cds--snippet--multi .cds--snippet-container:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+  outline-offset: 0;
+}
+@media screen and (prefers-contrast) {
+  .cds--snippet--multi .cds--snippet-container:focus {
+    outline-style: dotted;
+  }
+}
 
 .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
   padding-bottom: 1rem;
@@ -8109,6 +8120,43 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--combo-button__container {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-column-gap: 0.0625rem;
+     -moz-column-gap: 0.0625rem;
+          column-gap: 0.0625rem;
+}
+
+.cds--combo-button__container--sm .cds--combo-button__primary-action {
+  min-width: 7.9375rem;
+}
+
+.cds--combo-button__container--md .cds--combo-button__primary-action {
+  min-width: 7.4375rem;
+}
+
+.cds--combo-button__container--lg .cds--combo-button__primary-action {
+  min-width: 6.9375rem;
+}
+
+.cds--combo-button__primary-action .cds--btn {
+  width: 100%;
+}
+
+.cds--combo-button__trigger svg {
+  -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--combo-button__container--open .cds--combo-button__trigger svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+
 .cds--contained-list__header {
   position: -webkit-sticky;
   position: sticky;
@@ -9655,9 +9703,8 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--batch-actions--active {
-  overflow: auto hidden;
-  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
+  -webkit-clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
+          clip-path: polygon(0 0, 200% 0, 200% 200%, 0 200%);
   pointer-events: all;
   -webkit-transform: translate3d(0, 0, 0);
           transform: translate3d(0, 0, 0);
@@ -12659,6 +12706,24 @@ button.cds--dropdown-text:focus {
 }
 
 .cds--file__drop-container {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -12677,6 +12742,15 @@ button.cds--dropdown-text:focus {
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
+.cds--file__drop-container *,
+.cds--file__drop-container *::before,
+.cds--file__drop-container *::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+.cds--file__drop-container::-moz-focus-inner {
+  border: 0;
+}
 
 .cds--file__drop-container--drag-over {
   background: none;
@@ -13213,6 +13287,14 @@ button.cds--dropdown-text:focus {
   bottom: 0.5rem;
 }
 
+.cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(.cds--multi-select--filterable__wrapper) .cds--list-box__field--wrapper--input-focused {
+  outline: none;
+}
+
+.cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {
+  margin-top: 1.25rem;
+}
+
 .cds--list-box__wrapper--fluid .cds--multi-select--filterable--input-focused {
   outline: none;
   outline-offset: 0;
@@ -13783,6 +13865,10 @@ button.cds--dropdown-text:focus {
   white-space: nowrap;
 }
 
+.cds--number-input--fluid .cds--number__input-wrapper {
+  position: initial;
+}
+
 .cds--number-input--fluid input[type=number] {
   min-height: 4rem;
   padding: 2rem 5rem 0.8125rem 1rem;
@@ -14974,10 +15060,7 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--select--fluid .cds--select-input__wrapper {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  display: block;
 }
 
 .cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
@@ -15114,7 +15197,18 @@ optgroup.cds--select-optgroup:disabled,
   display: none;
 }
 
-.cds--text-area--fluid .cds--text-area--invalid + .cds--text-area__divider {
+.cds--text-area--fluid .cds--text-area--invalid,
+.cds--text-area--fluid .cds--text-area--warn {
+  resize: none;
+}
+
+.cds--text-area--fluid .cds--text-area--invalid {
+  padding: 0 0.875rem 0.8125rem;
+  margin-top: 1.875rem;
+}
+
+.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider,
+.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--text-area__divider {
   display: block;
   border-style: solid;
   border-color: var(--cds-border-subtle);
@@ -15122,7 +15216,8 @@ optgroup.cds--select-optgroup:disabled,
   margin: 0 1rem;
 }
 
-.cds--text-area--fluid .cds--text-area--invalid + .cds--text-area__divider + .cds--form-requirement {
+.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement,
+.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
   position: relative;
   display: block;
   overflow: visible;
@@ -15130,10 +15225,23 @@ optgroup.cds--select-optgroup:disabled,
   padding: 0.5rem 2.5rem 0.5rem 1rem;
   margin: 0;
   background: var(--cds-field);
+}
+
+.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
+  border-bottom: 1px solid var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+}
+
+.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement {
+  border-bottom: none;
   color: var(--cds-text-error, #da1e28);
 }
 
-.cds--modal .cds--text-area--fluid .cds--text-area--invalid + .cds--text-area__divider + .cds--form-requirement {
+.cds--text-area--fluid .cds--text-area--warn {
+  border-bottom: none;
+}
+
+.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement {
   background: var(--cds-field-02, #ffffff);
 }
 
@@ -15142,21 +15250,13 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {
-  outline: 2px solid var(--cds-support-error, #da1e28);
-  outline-offset: -2px;
-  outline-offset: 0;
-}
-@media screen and (prefers-contrast) {
-  .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {
-    outline-style: dotted;
-  }
+  border: 2px solid var(--cds-support-error, #da1e28);
 }
 
 .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
 .cds--text-area--fluid .cds--text-area__wrapper:focus-within {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
@@ -15726,12 +15826,28 @@ optgroup.cds--select-optgroup:disabled,
   content: "▪";
 }
 
+.cds--menu-button__trigger:not(.cds--btn--ghost) {
+  min-width: 10rem;
+}
+
+.cds--menu-button__trigger svg {
+  -webkit-transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--menu-button__trigger--open svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+
 .cds--menu {
   -webkit-box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
           box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: fixed;
   z-index: 9000;
-  min-width: 13rem;
+  min-width: 10rem;
   max-width: 18rem;
   padding: 0.25rem 0;
   background-color: var(--cds-layer);
@@ -15739,6 +15855,10 @@ optgroup.cds--select-optgroup:disabled,
   visibility: hidden;
 }
 
+.cds--menu--with-icons {
+  min-width: 12rem;
+}
+
 .cds--menu--open {
   visibility: visible;
 }
@@ -15774,8 +15894,8 @@ optgroup.cds--select-optgroup:disabled,
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
   cursor: pointer;
-  grid-template-columns: 0 1fr -webkit-max-content;
-  grid-template-columns: 0 1fr max-content;
+  grid-template-columns: 1fr -webkit-max-content;
+  grid-template-columns: 1fr max-content;
   padding-inline: 1rem;
   -webkit-transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -15811,6 +15931,10 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--menu-item__icon {
+  display: none;
+}
+
+.cds--menu--with-icons .cds--menu-item__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -15907,6 +16031,28 @@ optgroup.cds--select-optgroup:disabled,
 .cds--modal .cds--number__rule-divider {
   background-color: var(--cds-border-subtle-02, #e0e0e0);
 }
+.cds--modal .cds--text-input--fluid .cds--text-input,
+.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
+.cds--modal .cds--text-area--fluid .cds--text-area,
+.cds--modal .cds--search--fluid .cds--search-input,
+.cds--modal .cds--select--fluid .cds--select-input,
+.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
+.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
+.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
+.cds--modal .cds--number-input--fluid input[type=number],
+.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
+.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
+  background-color: var(--cds-field-01, #f4f4f4);
+}
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
+  background-color: var(--cds-field-hover);
+}
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
+  border-left: 2px solid var(--cds-focus, #0f62fe);
+}
 
 .cds--modal.is-visible .cds--modal-container {
   -webkit-transform: translate3d(0, 0, 0);
@@ -15988,6 +16134,11 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
+.cds--modal-content .cds--form--fluid {
+  margin-right: -1rem;
+  margin-left: -1rem;
+}
+
 .cds--modal-content > p,
 .cds--modal-content__regular-content {
   font-size: var(--cds-body-01-font-size, 0.875rem);
@@ -16153,7 +16304,10 @@ optgroup.cds--select-optgroup:disabled,
   -webkit-box-flex: 0;
       -ms-flex: 0 1 50%;
           flex: 0 1 50%;
-  padding-top: 1rem;
+  -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+  padding-top: 0.875rem;
   padding-bottom: 2rem;
   margin: 0;
 }
@@ -16229,12 +16383,24 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 /* stylelint-enable */
-.cds--multi-select .cds--tag {
-  min-width: auto;
-  margin: 0 0.5rem 0 0;
+.cds--multi-select .cds--list-box__field--wrapper {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 100%;
+  height: calc(100% + 1px);
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 
-.cds--multi-select--filterable .cds--tag {
+.cds--multi-select .cds--list-box__field:focus {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+}
+
+.cds--multi-select .cds--tag {
+  min-width: auto;
   margin: 0 0.5rem 0 1rem;
 }
 
@@ -16285,17 +16451,20 @@ optgroup.cds--select-optgroup:disabled,
   outline: none;
 }
 
-.cds--multi-select--filterable--input-focused {
+.cds--multi-select--filterable--input-focused,
+.cds--multi-select .cds--list-box__field--wrapper--input-focused {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
 }
 @media screen and (prefers-contrast) {
-  .cds--multi-select--filterable--input-focused {
+  .cds--multi-select--filterable--input-focused,
+.cds--multi-select .cds--list-box__field--wrapper--input-focused {
     outline-style: dotted;
   }
 }
 
-.cds--multi-select--filterable.cds--multi-select--selected .cds--text-input {
+.cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
+.cds--multi-select.cds--multi-select--selected .cds--list-box__field {
   padding-left: 0;
 }
 
@@ -18925,6 +19094,84 @@ span.cds--pagination__text.cds--pagination__items-count {
           transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
 
+.cds--popover--tab-tip .cds--popover-content {
+  border-radius: 0;
+}
+
+.cds--popover--tab-tip__button {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  position: relative;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  width: 2rem;
+  height: 2rem;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.cds--popover--tab-tip__button *,
+.cds--popover--tab-tip__button *::before,
+.cds--popover--tab-tip__button *::after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+.cds--popover--tab-tip__button::-moz-focus-inner {
+  border: 0;
+}
+.cds--popover--tab-tip__button:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--popover--tab-tip__button:focus {
+    outline-style: dotted;
+  }
+}
+.cds--popover--tab-tip__button:hover {
+  background-color: var(--cds-layer-hover);
+}
+
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
+  background: var(--cds-layer);
+  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
+}
+
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
+  position: absolute;
+  z-index: 6001;
+  bottom: 0;
+  width: 100%;
+  height: 2px;
+  background: var(--cds-layer);
+  content: "";
+}
+
+.cds--popover--tab-tip__button svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
 .cds--progress-bar__label {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -19733,6 +19980,55 @@ span.cds--pagination__text.cds--pagination__items-count {
           user-select: text;
 }
 
+.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
+  border-color: var(--cds-support-error, #da1e28);
+}
+
+.cds--radio-button__validation-msg {
+  display: none;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  margin-top: 0.5rem;
+}
+
+.cds--radio-button__invalid-icon {
+  margin: 0 0.0625rem 0 0.1875rem;
+  fill: var(--cds-support-error, #da1e28);
+}
+
+.cds--radio-button__invalid-icon--warning {
+  fill: var(--cds-support-warning, #f1c21b);
+}
+
+.cds--radio-button__invalid-icon--warning path:first-of-type {
+  fill: #000000;
+}
+
+.cds--radio-button__validation-msg .cds--form__helper-text {
+  margin-top: 0;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
+.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
+.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
+  display: block;
+  overflow: visible;
+  max-height: 100%;
+  margin-top: 0;
+  margin-left: 0.5rem;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
+  color: var(--cds-text-error, #da1e28);
+}
+
 .cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1.5px;
@@ -20748,7 +21044,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   overflow: hidden;
-  max-width: 10rem;
   padding: 0.75rem 1rem 0.5rem;
   border-bottom: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-secondary, #525252);
@@ -20781,8 +21076,20 @@ span.cds--pagination__text.cds--pagination__items-count {
   height: 3rem;
   padding: 0.5rem 1rem;
   border-bottom: 0;
+}
+.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
   line-height: calc(3rem - (0.5rem * 2));
 }
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  min-height: 1rem;
+}
+.cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {
+  height: 4rem;
+}
 .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
   overflow-x: visible;
 }
@@ -20800,6 +21107,9 @@ span.cds--pagination__text.cds--pagination__items-count {
           justify-content: center;
   padding: 0;
 }
+.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon .cds--tabs__nav-item-label {
+  line-height: 0;
+}
 .cds--tabs.cds--tabs__icon--lg {
   --cds-icon-tab-size: 3rem;
 }
@@ -20829,9 +21139,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-primary, #161616);
 }
+.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
+  line-height: calc(3rem - (0.5rem * 2));
+}
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
   background-color: var(--cds-layer);
-  line-height: calc(3rem - (0.5rem * 2));
 }
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
@@ -21075,6 +21387,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   fill: var(--cds-support-error, #da1e28);
 }
 
+.cds--text-area__invalid-icon--warning {
+  fill: var(--cds-support-warning, #f1c21b);
+}
+
+.cds--text-area__invalid-icon--warning path[fill] {
+  fill: #000000;
+  opacity: 1;
+}
+
 .cds--text-area__counter-alert {
   position: absolute;
   overflow: hidden;
@@ -22013,14 +22334,17 @@ 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);
   color: var(--cds-text-primary, #161616);
 }
 
+.cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
+  padding-top: 0.4375rem;
+  padding-bottom: 0.4375rem;
+}
+
 .cds--tree-node__label:hover .cds--tree-node__label__details {
   color: var(--cds-text-primary, #161616);
 }
@@ -22058,14 +22382,17 @@ span.cds--pagination__text.cds--pagination__items-count {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  width: 1.5rem;
+  height: 1.5rem;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -ms-flex-item-align: start;
       align-self: flex-start;
-  padding: 0.0625rem 0;
+  padding-left: 0.25rem;
   border: 0;
-  margin-right: 0.5rem;
+  margin-top: 0.25rem;
+  margin-right: 0.25rem;
 }
 .cds--tree-parent-node__toggle:hover {
   cursor: pointer;