@carbon/styles 1.80.0 → 1.81.0

package/css/styles.css

@@ -8696,6 +8696,12 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
   fill: var(--cds-icon-primary, #161616);
 }
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
+  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
+    fill: ButtonText;
+  }
+}
 
 .cds--text-input--invalid,
 .cds--text-input--warning {
@@ -14334,6 +14340,12 @@ th .cds--table-sort__flex {
   margin-block-start: 0.8125rem;
 }
 
+.cds--table-sort__header .cds--ai-label,
+.cds--table-sort__header .cds--slug,
+.cds--table-sort__header .cds--table-header-label--decorator-inner {
+  display: none;
+}
+
 .cds--table-sort__header--slug .cds--table-sort__icon,
 .cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
 .cds--table-sort__header--ai-label .cds--table-sort__icon,
@@ -14347,6 +14359,7 @@ th .cds--table-sort__flex {
 .cds--table-sort__header--ai-label .cds--slug,
 .cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
 .cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
+  display: block;
   margin-inline-end: 0.5rem;
 }
 
@@ -16161,16 +16174,22 @@ button.cds--dropdown-text:focus {
 .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
   inline-size: -webkit-fill-available;
   padding-inline-start: 1rem;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
 }
 .cds--file__selected-file .cds--file-filename-tooltip {
   inline-size: -webkit-fill-available;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
@@ -16191,8 +16210,11 @@ button.cds--dropdown-text:focus {
   outline: inherit;
   text-overflow: ellipsis;
   white-space: nowrap;
+  /* This is for targeting styles specific to firefox */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
-@document url-prefix() {
+@-moz-document url-prefix() {
   .cds--file__selected-file .cds--file-filename-button {
     inline-size: -moz-available;
   }
@@ -21273,13 +21295,17 @@ optgroup.cds--select-optgroup:disabled,
 }
 
 .cds--page-header__content__title-wrapper {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
   gap: 1rem;
+  grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
+  margin-block-end: 1rem;
+  min-block-size: 2.5rem;
 }
 @media (max-width: 41.98rem) {
   .cds--page-header__content__title-wrapper {
+    display: flex;
     flex-direction: column;
+    grid-gap: 1rem;
   }
 }
 
@@ -21293,6 +21319,10 @@ optgroup.cds--select-optgroup:disabled,
   display: flex;
 }
 
+.cds--page-header__content__title-container .cds--definition-term {
+  border-block-end: none;
+}
+
 .cds--page-header__content__contextual-actions {
   display: flex;
 }
@@ -21321,7 +21351,17 @@ optgroup.cds--select-optgroup:disabled,
 
 .cds--page-header__content__page-actions {
   display: flex;
-  gap: 1rem;
+  justify-content: right;
+}
+@media (max-width: 41.98rem) {
+  .cds--page-header__content__page-actions {
+    justify-content: left;
+    margin-block-start: 0;
+  }
+}
+
+.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
+  min-inline-size: 0;
 }
 
 .cds--page-header__content__subtitle {
@@ -21329,7 +21369,7 @@ optgroup.cds--select-optgroup:disabled,
   font-weight: var(--cds-productive-heading-03-font-weight, 400);
   line-height: var(--cds-productive-heading-03-line-height, 1.4);
   letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
-  margin-block-start: 1rem;
+  margin-block-end: 0.5rem;
 }
 
 .cds--page-header__content__body {
@@ -21345,10 +21385,15 @@ optgroup.cds--select-optgroup:disabled,
   margin-block-start: 1rem;
 }
 
+[data-hidden]:not([data-fixed]) {
+  display: none;
+}
+
 .cds--page-header__hero-image {
   display: flex;
   overflow: hidden;
   align-items: center;
+  justify-content: end;
   block-size: 100%;
 }
 
@@ -22267,6 +22312,8 @@ span.cds--pagination__text.cds--pagination__items-count {
 
 .cds--progress--space-equal .cds--progress-text {
   overflow: hidden;
+  padding: 0.125rem;
+  margin: -0.125rem;
 }
 
 .cds--progress-label {