@carbon/styles 1.28.0 → 1.29.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
@@ -7766,30 +7766,38 @@ fieldset[disabled] .cds--form__helper-text {
7766
7766
  z-index: 1;
7767
7767
  top: 48px;
7768
7768
  }
7769
-
7770
- .cds--search.cds--search--expandable .cds--search-input {
7769
+ .cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
7771
7770
  background-color: var(--cds-field);
7772
7771
  }
7773
7772
 
7774
- .cds--search .cds--search-input {
7773
+ .cds--contained-list .cds--search .cds--search-input {
7775
7774
  border-bottom: 1px solid var(--cds-border-subtle);
7776
7775
  background-color: var(--cds-background, #ffffff);
7777
7776
  }
7778
7777
 
7779
- .cds--search .cds--search-close::before {
7778
+ .cds--contained-list .cds--search .cds--search-close::before {
7780
7779
  display: none;
7781
7780
  }
7782
7781
 
7783
- .cds--search .cds--search-close {
7782
+ .cds--contained-list .cds--search .cds--search-close {
7784
7783
  border-right: 2px solid transparent;
7785
7784
  outline: none;
7786
7785
  }
7786
+ .cds--contained-list .cds--search .cds--search-close:focus {
7787
+ outline: 2px solid var(--cds-focus, #0f62fe);
7788
+ outline-offset: -2px;
7789
+ }
7790
+ @media screen and (prefers-contrast) {
7791
+ .cds--contained-list .cds--search .cds--search-close:focus {
7792
+ outline-style: dotted;
7793
+ }
7794
+ }
7787
7795
 
7788
- .cds--search .cds--search-input ~ .cds--search-close:hover {
7796
+ .cds--contained-list .cds--search .cds--search-input ~ .cds--search-close:hover {
7789
7797
  border-bottom: 1px solid transparent;
7790
7798
  }
7791
7799
 
7792
- .cds--search .cds--search-input:focus ~ .cds--search-close:hover {
7800
+ .cds--contained-list .cds--search .cds--search-input:focus ~ .cds--search-close:hover {
7793
7801
  border: 2px solid var(--cds-focus, #0f62fe);
7794
7802
  border-left: 0;
7795
7803
  outline: none;
@@ -19312,11 +19320,15 @@ span.cds--pagination__text.cds--pagination__items-count {
19312
19320
  white-space: nowrap;
19313
19321
  }
19314
19322
 
19323
+ .cds--structured-list-input + .cds--structured-list-td {
19324
+ text-align: right;
19325
+ }
19326
+
19315
19327
  .cds--structured-list-svg {
19316
19328
  display: inline-block;
19317
19329
  fill: transparent;
19318
19330
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
19319
- vertical-align: middle;
19331
+ vertical-align: top;
19320
19332
  }
19321
19333
 
19322
19334
  .cds--structured-list-input:checked + .cds--structured-list-row .cds--structured-list-svg,
@@ -21348,6 +21360,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
21348
21360
 
21349
21361
  @media (max-width: 65.98rem) {
21350
21362
  .cds--side-nav__overlay-active {
21363
+ z-index: 6000;
21351
21364
  width: 100vw;
21352
21365
  height: 100vh;
21353
21366
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
@@ -22272,6 +22285,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
22272
22285
 
22273
22286
  @media (max-width: 65.98rem) {
22274
22287
  .cds--side-nav__overlay-active {
22288
+ z-index: 6000;
22275
22289
  width: 100vw;
22276
22290
  height: 100vh;
22277
22291
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));