@carbon/styles 1.28.0-rc.0 → 1.28.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
@@ -7761,6 +7761,40 @@ fieldset[disabled] .cds--form__helper-text {
7761
7761
  width: 100%;
7762
7762
  }
7763
7763
 
7764
+ .cds--contained-list .cds--search {
7765
+ position: sticky;
7766
+ z-index: 1;
7767
+ top: 48px;
7768
+ }
7769
+
7770
+ .cds--search.cds--search--expandable .cds--search-input {
7771
+ background-color: var(--cds-field);
7772
+ }
7773
+
7774
+ .cds--search .cds--search-input {
7775
+ border-bottom: 1px solid var(--cds-border-subtle);
7776
+ background-color: var(--cds-background, #ffffff);
7777
+ }
7778
+
7779
+ .cds--search .cds--search-close::before {
7780
+ display: none;
7781
+ }
7782
+
7783
+ .cds--search .cds--search-close {
7784
+ border-right: 2px solid transparent;
7785
+ outline: none;
7786
+ }
7787
+
7788
+ .cds--search .cds--search-input ~ .cds--search-close:hover {
7789
+ border-bottom: 1px solid transparent;
7790
+ }
7791
+
7792
+ .cds--search .cds--search-input:focus ~ .cds--search-close:hover {
7793
+ border: 2px solid var(--cds-focus, #0f62fe);
7794
+ border-left: 0;
7795
+ outline: none;
7796
+ }
7797
+
7764
7798
  .cds--contained-list--on-page.cds--contained-list--sm .cds--contained-list__header {
7765
7799
  height: 2rem;
7766
7800
  }
@@ -12505,6 +12539,10 @@ button.cds--dropdown-text:focus {
12505
12539
  font-weight: 600;
12506
12540
  }
12507
12541
 
12542
+ .cds--number .cds--number__input-wrapper--warning input[type=number] {
12543
+ padding-right: 8rem;
12544
+ }
12545
+
12508
12546
  .cds--number input[type=number] {
12509
12547
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
12510
12548
  font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -12517,7 +12555,7 @@ button.cds--dropdown-text:focus {
12517
12555
  min-width: 9.375rem;
12518
12556
  height: 2.5rem;
12519
12557
  box-sizing: border-box;
12520
- padding-right: 8rem;
12558
+ padding-right: 6rem;
12521
12559
  padding-left: 1rem;
12522
12560
  border: 0;
12523
12561
  border-bottom: 0.0625rem solid var(--cds-border-strong);
@@ -12552,12 +12590,27 @@ button.cds--dropdown-text:focus {
12552
12590
  -webkit-appearance: none;
12553
12591
  appearance: none;
12554
12592
  }
12593
+ .cds--number input[type=number][data-invalid] {
12594
+ padding-right: 8rem;
12595
+ }
12555
12596
 
12556
12597
  .cds--number--lg.cds--number input[type=number] {
12598
+ padding-right: 7rem;
12599
+ }
12600
+ .cds--number--lg.cds--number input[type=number][data-invalid] {
12601
+ padding-right: 9rem;
12602
+ }
12603
+ .cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number] {
12557
12604
  padding-right: 9rem;
12558
12605
  }
12559
12606
 
12560
12607
  .cds--number--sm.cds--number input[type=number] {
12608
+ padding-right: 5rem;
12609
+ }
12610
+ .cds--number--sm.cds--number input[type=number][data-invalid] {
12611
+ padding-right: 7rem;
12612
+ }
12613
+ .cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number] {
12561
12614
  padding-right: 7rem;
12562
12615
  }
12563
12616