@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:
|
|
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
|
-
|
|
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-
|
|
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 {
|