@carbon/styles 1.25.0 → 1.26.0

package/css/styles.css

@@ -5262,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: "";
@@ -13865,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;
@@ -15056,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),
@@ -15201,6 +15202,11 @@ optgroup.cds--select-optgroup:disabled,
   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;
@@ -15244,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,
@@ -16033,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);
@@ -16114,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);
@@ -16279,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;
 }
@@ -19952,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.375rem;
+}
+
+.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-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-group ~ .cds--form__helper-text {
+  margin-top: 0.375rem;
+}
+
 .cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1.5px;
@@ -20999,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;
 }
@@ -21018,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;
 }
@@ -21047,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,
@@ -22240,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);
 }
@@ -22285,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;