@carbon/styles 1.80.0 → 1.81.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/css/styles.css CHANGED
@@ -8696,6 +8696,12 @@ fieldset[disabled] .cds--form__helper-text {
8696
8696
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
8697
8697
  fill: var(--cds-icon-primary, #161616);
8698
8698
  }
8699
+ @media screen and (-ms-high-contrast: active), (forced-colors: active) {
8700
+ .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg,
8701
+ .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg {
8702
+ fill: ButtonText;
8703
+ }
8704
+ }
8699
8705
 
8700
8706
  .cds--text-input--invalid,
8701
8707
  .cds--text-input--warning {
@@ -21273,13 +21279,17 @@ optgroup.cds--select-optgroup:disabled,
21273
21279
  }
21274
21280
 
21275
21281
  .cds--page-header__content__title-wrapper {
21276
- display: flex;
21277
- justify-content: space-between;
21282
+ display: grid;
21278
21283
  gap: 1rem;
21284
+ grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
21285
+ margin-block-end: 1rem;
21286
+ min-block-size: 2.5rem;
21279
21287
  }
21280
21288
  @media (max-width: 41.98rem) {
21281
21289
  .cds--page-header__content__title-wrapper {
21290
+ display: flex;
21282
21291
  flex-direction: column;
21292
+ grid-gap: 1rem;
21283
21293
  }
21284
21294
  }
21285
21295
 
@@ -21293,6 +21303,10 @@ optgroup.cds--select-optgroup:disabled,
21293
21303
  display: flex;
21294
21304
  }
21295
21305
 
21306
+ .cds--page-header__content__title-container .cds--definition-term {
21307
+ border-block-end: none;
21308
+ }
21309
+
21296
21310
  .cds--page-header__content__contextual-actions {
21297
21311
  display: flex;
21298
21312
  }
@@ -21321,7 +21335,17 @@ optgroup.cds--select-optgroup:disabled,
21321
21335
 
21322
21336
  .cds--page-header__content__page-actions {
21323
21337
  display: flex;
21324
- gap: 1rem;
21338
+ justify-content: right;
21339
+ }
21340
+ @media (max-width: 41.98rem) {
21341
+ .cds--page-header__content__page-actions {
21342
+ justify-content: left;
21343
+ margin-block-start: 0;
21344
+ }
21345
+ }
21346
+
21347
+ .cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
21348
+ min-inline-size: 0;
21325
21349
  }
21326
21350
 
21327
21351
  .cds--page-header__content__subtitle {
@@ -21329,7 +21353,7 @@ optgroup.cds--select-optgroup:disabled,
21329
21353
  font-weight: var(--cds-productive-heading-03-font-weight, 400);
21330
21354
  line-height: var(--cds-productive-heading-03-line-height, 1.4);
21331
21355
  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
21332
- margin-block-start: 1rem;
21356
+ margin-block-end: 0.5rem;
21333
21357
  }
21334
21358
 
21335
21359
  .cds--page-header__content__body {
@@ -21345,10 +21369,15 @@ optgroup.cds--select-optgroup:disabled,
21345
21369
  margin-block-start: 1rem;
21346
21370
  }
21347
21371
 
21372
+ [data-hidden]:not([data-fixed]) {
21373
+ display: none;
21374
+ }
21375
+
21348
21376
  .cds--page-header__hero-image {
21349
21377
  display: flex;
21350
21378
  overflow: hidden;
21351
21379
  align-items: center;
21380
+ justify-content: end;
21352
21381
  block-size: 100%;
21353
21382
  }
21354
21383
 
@@ -22267,6 +22296,8 @@ span.cds--pagination__text.cds--pagination__items-count {
22267
22296
 
22268
22297
  .cds--progress--space-equal .cds--progress-text {
22269
22298
  overflow: hidden;
22299
+ padding: 0.125rem;
22300
+ margin: -0.125rem;
22270
22301
  }
22271
22302
 
22272
22303
  .cds--progress-label {