@carbon/styles 1.39.0-rc.0 → 1.39.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
@@ -4881,6 +4881,7 @@ li.cds--accordion__item--disabled:last-of-type {
4881
4881
  .cds--overflow-menu--sm {
4882
4882
  block-size: 2rem;
4883
4883
  inline-size: 2rem;
4884
+ min-block-size: 2rem;
4884
4885
  }
4885
4886
 
4886
4887
  .cds--overflow-menu--lg {
@@ -6464,7 +6465,6 @@ fieldset[disabled] .cds--form__helper-text {
6464
6465
  }
6465
6466
 
6466
6467
  .cds--snippet--multi .cds--snippet-container pre {
6467
- overflow-x: auto;
6468
6468
  padding-block-end: 1.5rem;
6469
6469
  padding-inline-end: 2.5rem;
6470
6470
  }
@@ -6473,21 +6473,17 @@ fieldset[disabled] .cds--form__helper-text {
6473
6473
  padding-inline-end: 0;
6474
6474
  }
6475
6475
 
6476
- .cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre {
6477
- overflow-x: auto;
6478
- }
6479
-
6480
- .cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after {
6476
+ .cds--snippet--multi.cds--snippet--has-right-overflow::after {
6481
6477
  position: absolute;
6482
6478
  background-image: linear-gradient(to right, transparent, var(--cds-layer));
6483
6479
  block-size: 100%;
6484
6480
  content: "";
6485
6481
  inline-size: 1rem;
6486
6482
  inset-block-start: 0;
6487
- inset-inline-end: 0;
6483
+ inset-inline-end: 1rem;
6488
6484
  }
6489
6485
 
6490
- [dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after {
6486
+ [dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
6491
6487
  background-image: linear-gradient(to left, transparent, var(--cds-layer));
6492
6488
  }
6493
6489
 
@@ -6653,7 +6649,7 @@ fieldset[disabled] .cds--form__helper-text {
6653
6649
  }
6654
6650
 
6655
6651
  .cds--snippet--light.cds--snippet--single::after,
6656
- .cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after {
6652
+ .cds--snippet--light.cds--snippet--multi::after {
6657
6653
  background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
6658
6654
  }
6659
6655
 
@@ -15780,7 +15776,7 @@ optgroup.cds--select-optgroup:disabled,
15780
15776
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
15781
15777
  outline: 2px solid transparent;
15782
15778
  outline-offset: -2px;
15783
- padding: 0.6875rem 1rem;
15779
+ padding: 0.6875rem var(--cds-layout-density-padding-inline-local);
15784
15780
  border: none;
15785
15781
  background-color: var(--cds-field);
15786
15782
  block-size: 100%;
@@ -15837,6 +15833,7 @@ optgroup.cds--select-optgroup:disabled,
15837
15833
  }
15838
15834
 
15839
15835
  .cds--text-area__wrapper {
15836
+ --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
15840
15837
  position: relative;
15841
15838
  display: flex;
15842
15839
  inline-size: 100%;
@@ -15846,7 +15843,7 @@ optgroup.cds--select-optgroup:disabled,
15846
15843
  position: absolute;
15847
15844
  fill: var(--cds-support-error, #da1e28);
15848
15845
  inset-block-start: 0.75rem;
15849
- inset-inline-end: 1rem;
15846
+ inset-inline-end: var(--cds-layout-density-padding-inline-local);
15850
15847
  }
15851
15848
 
15852
15849
  .cds--text-area__invalid-icon--warning {
@@ -22115,6 +22112,10 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
22115
22112
  list-style-type: none;
22116
22113
  }
22117
22114
 
22115
+ .cds--side-nav__divider hr {
22116
+ border: none;
22117
+ }
22118
+
22118
22119
  .cds--side-nav__submenu {
22119
22120
  box-sizing: border-box;
22120
22121
  padding: 0;
@@ -23139,6 +23140,10 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
23139
23140
  list-style-type: none;
23140
23141
  }
23141
23142
 
23143
+ .cds--side-nav__divider hr {
23144
+ border: none;
23145
+ }
23146
+
23142
23147
  .cds--side-nav__submenu {
23143
23148
  box-sizing: border-box;
23144
23149
  padding: 0;