@carbon/styles 1.78.0 → 1.79.0

package/css/styles.css

@@ -4828,7 +4828,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 .cds--btn--tertiary:disabled, .cds--btn--tertiary:hover:disabled, .cds--btn--tertiary:focus:disabled, .cds--btn--tertiary.cds--btn--disabled, .cds--btn--tertiary.cds--btn--disabled:hover, .cds--btn--tertiary.cds--btn--disabled:focus {
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 
@@ -4868,7 +4868,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--btn--ghost:disabled, .cds--btn--ghost:hover:disabled, .cds--btn--ghost:focus:disabled, .cds--btn--ghost.cds--btn--disabled, .cds--btn--ghost.cds--btn--disabled:hover, .cds--btn--ghost.cds--btn--disabled:focus {
   border-color: transparent;
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--btn--ghost:not([disabled]) svg {
@@ -4991,7 +4991,7 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 .cds--btn--danger--tertiary:disabled, .cds--btn--danger--tertiary:hover:disabled, .cds--btn--danger--tertiary:focus:disabled, .cds--btn--danger--tertiary.cds--btn--disabled, .cds--btn--danger--tertiary.cds--btn--disabled:hover, .cds--btn--danger--tertiary.cds--btn--disabled:focus {
   background: transparent;
-  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
 .cds--btn--danger--ghost {
@@ -21276,6 +21276,103 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
+.cds--page-header {
+  border: 1px solid rebeccapurple; /* stylelint-disable-line */
+}
+
+.cds--page-header__breadcrumb-bar {
+  border: 1px solid blue; /* stylelint-disable-line */
+}
+
+.cds--page-header__content {
+  margin: 1.5rem 0;
+  border: 1px solid red; /* stylelint-disable-line */
+}
+
+.cds--page-header__content__title-wrapper {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+}
+@media (max-width: 41.98rem) {
+  .cds--page-header__content__title-wrapper {
+    flex-direction: column;
+  }
+}
+
+.cds--page-header__content__start {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.cds--page-header__content__title-container {
+  display: flex;
+}
+
+.cds--page-header__content__contextual-actions {
+  display: flex;
+}
+
+.cds--page-header__content__title {
+  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-productive-heading-04-font-weight, 400);
+  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  max-inline-size: 40rem;
+  text-overflow: ellipsis;
+  white-space: normal;
+}
+
+.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title {
+  -webkit-line-clamp: 1;
+}
+
+.cds--page-header__content__icon {
+  margin-inline-end: 1rem;
+}
+
+.cds--page-header__content__page-actions {
+  display: flex;
+  gap: 1rem;
+}
+
+.cds--page-header__content__subtitle {
+  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
+  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;
+}
+
+.cds--page-header__content__body {
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+  margin-block-start: 0.5rem;
+  max-inline-size: 40rem;
+}
+
+.cds--page-header__content:not(:has(.cds--page-header__content__sub-title)) .cds--page-header__content__body {
+  margin-block-start: 1rem;
+}
+
+.cds--page-header__hero-image {
+  display: flex;
+  overflow: hidden;
+  align-items: center;
+  block-size: 100%;
+}
+
+.cds--page-header__tab-bar {
+  border: 1px solid green; /* stylelint-disable-line */
+}
+
 .cds--data-table-container + .cds--pagination {
   border-block-start: 0;
 }