@carbon/styles 1.32.0 → 1.33.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
@@ -7357,6 +7357,7 @@ fieldset[disabled] .cds--form__helper-text {
7357
7357
  z-index: 9100;
7358
7358
  right: 0;
7359
7359
  left: 0;
7360
+ display: none;
7360
7361
  width: 100%;
7361
7362
  background-color: var(--cds-layer);
7362
7363
  overflow-y: auto;
@@ -7371,9 +7372,10 @@ fieldset[disabled] .cds--form__helper-text {
7371
7372
  }
7372
7373
  }
7373
7374
 
7374
- .cds--list-box .cds--list-box__field[aria-expanded=false] + .cds--list-box__menu {
7375
+ .cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
7375
7376
  display: none;
7376
7377
  max-height: 0;
7378
+ visibility: hidden;
7377
7379
  }
7378
7380
 
7379
7381
  .cds--list-box--expanded .cds--list-box__menu {
@@ -7571,10 +7573,15 @@ fieldset[disabled] .cds--form__helper-text {
7571
7573
  }
7572
7574
 
7573
7575
  .cds--list-box__menu-item--highlighted {
7574
- border-color: transparent;
7575
- background-color: var(--cds-layer-selected);
7576
+ outline: 2px solid var(--cds-focus, #0f62fe);
7577
+ outline-offset: -2px;
7576
7578
  color: var(--cds-text-primary, #161616);
7577
7579
  }
7580
+ @media screen and (prefers-contrast) {
7581
+ .cds--list-box__menu-item--highlighted {
7582
+ outline-style: dotted;
7583
+ }
7584
+ }
7578
7585
 
7579
7586
  .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
7580
7587
  .cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {
@@ -14280,8 +14287,8 @@ optgroup.cds--select-optgroup:disabled,
14280
14287
  }
14281
14288
 
14282
14289
  .cds--text-area--fluid div.cds--label {
14283
- right: 1rem;
14284
- left: initial;
14290
+ display: flex;
14291
+ justify-content: flex-end;
14285
14292
  }
14286
14293
 
14287
14294
  .cds--text-area--fluid .cds--text-area {