@carbon/styles 1.94.0-rc.0 → 1.94.1-rc.0

package/css/styles.css

@@ -2900,7 +2900,7 @@ em {
   --cds-link-primary-hover: #0043ce;
   --cds-link-secondary: #0043ce;
   --cds-link-visited: #8a3ffc;
-  --cds-overlay: rgba(22, 22, 22, 0.5);
+  --cds-overlay: rgba(0, 0, 0, 0.6);
   --cds-shadow: rgba(0, 0, 0, 0.3);
   --cds-skeleton-background: #e8e8e8;
   --cds-skeleton-element: #c6c6c6;
@@ -3139,7 +3139,7 @@ em {
   --cds-link-primary-hover: #0043ce;
   --cds-link-secondary: #0043ce;
   --cds-link-visited: #8a3ffc;
-  --cds-overlay: rgba(22, 22, 22, 0.5);
+  --cds-overlay: rgba(0, 0, 0, 0.6);
   --cds-shadow: rgba(0, 0, 0, 0.3);
   --cds-skeleton-background: #e8e8e8;
   --cds-skeleton-element: #c6c6c6;
@@ -3378,7 +3378,7 @@ em {
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
   --cds-link-visited: #be95ff;
-  --cds-overlay: rgba(0, 0, 0, 0.65);
+  --cds-overlay: rgba(0, 0, 0, 0.6);
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #333333;
   --cds-skeleton-element: #525252;
@@ -3616,7 +3616,7 @@ em {
   --cds-link-primary-hover: #a6c8ff;
   --cds-link-secondary: #a6c8ff;
   --cds-link-visited: #be95ff;
-  --cds-overlay: rgba(0, 0, 0, 0.65);
+  --cds-overlay: rgba(0, 0, 0, 0.6);
   --cds-shadow: rgba(0, 0, 0, 0.8);
   --cds-skeleton-background: #292929;
   --cds-skeleton-element: #393939;
@@ -11083,11 +11083,6 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-end: 7.125rem;
 }
 
-.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > *,
-.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
-  inset-inline-end: 7.25rem;
-}
-
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--list-box__field,
   .cds--list-box__menu,
@@ -16172,7 +16167,7 @@ th .cds--table-sort__flex {
 }
 
 .cds--dialog::backdrop {
-  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
   opacity: 0;
 }
 
@@ -17000,7 +16995,7 @@ button.cds--dropdown-text:focus {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
   block-size: 100%;
   inline-size: 100%;
   inset-block-start: 0;
@@ -19879,6 +19874,30 @@ optgroup.cds--select-optgroup:disabled,
   display: none;
 }
 
+.cds--select--fluid__skeleton {
+  position: relative;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  block-size: 4rem;
+  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
+}
+
+.cds--select--fluid__skeleton .cds--skeleton {
+  position: absolute;
+  block-size: 0.5rem;
+  inline-size: 25%;
+  inset-block-start: 1rem;
+  inset-inline-start: 1rem;
+}
+
+.cds--select--fluid__skeleton .cds--label {
+  position: absolute;
+  padding: 0;
+  block-size: 0.5rem;
+  inline-size: 50%;
+  inset-block-start: 2.25rem;
+  inset-inline-start: 1rem;
+}
+
 .cds--text-area {
   box-sizing: border-box;
   padding: 0;
@@ -20990,7 +21009,7 @@ optgroup.cds--select-optgroup:disabled,
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
   block-size: 100vh;
   content: "";
   inline-size: 100vw;
@@ -21125,8 +21144,8 @@ optgroup.cds--select-optgroup:disabled,
 .cds--modal-container {
   position: fixed;
   display: grid;
+  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   background-color: var(--cds-layer);
-  block-size: 100%;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
   inline-size: 100%;
@@ -21139,7 +21158,6 @@ optgroup.cds--select-optgroup:disabled,
 @media (min-width: 42rem) {
   .cds--modal-container {
     position: relative;
-    block-size: auto;
     inline-size: 84%;
     max-block-size: 90%;
   }
@@ -22762,6 +22780,7 @@ optgroup.cds--select-optgroup:disabled,
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: flex;
+  overflow: initial;
   align-items: center;
   justify-content: space-between;
   background-color: var(--cds-layer);
@@ -22770,12 +22789,8 @@ optgroup.cds--select-optgroup:disabled,
   container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
-  overflow-x: auto;
 }
 @container pagination (min-width: 42rem) {
-  .cds--pagination {
-    overflow: initial;
-  }
   .cds--pagination .cds--pagination__control-buttons {
     display: flex;
   }
@@ -27493,7 +27508,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 @media (max-width: 65.98rem) {
   .cds--side-nav__overlay-active {
     z-index: 6000;
-    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
     block-size: 100vh;
     inline-size: 100vw;
     opacity: 1;
@@ -28529,7 +28544,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
 @media (max-width: 65.98rem) {
   .cds--side-nav__overlay-active {
     z-index: 6000;
-    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
     block-size: 100vh;
     inline-size: 100vw;
     opacity: 1;