@carbon/ibm-products 2.80.0 → 2.81.0

package/css/carbon.css

@@ -2795,7 +2795,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;
@@ -3034,7 +3034,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;
@@ -3273,7 +3273,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;
@@ -3511,7 +3511,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;
@@ -10926,11 +10926,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,
@@ -13646,7 +13641,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--search--expandable .cds--search-input {
   padding: 0;
   inline-size: 0;
-  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9), width 0s linear 70ms;
+  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--search--expandable .cds--search-input::placeholder {
   position: relative;
@@ -13694,6 +13689,15 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--search-magnifier-tooltip {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cds--search-magnifier-tooltip .cds--search-magnifier {
+  position: relative;
+}
+
 .cds--table-toolbar {
   position: relative;
   z-index: 1;
@@ -15937,7 +15941,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;
 }
 
@@ -16762,7 +16766,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;
@@ -19633,6 +19637,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;
@@ -20527,6 +20555,7 @@ optgroup.cds--select-optgroup:disabled,
 .cds--inline-loading {
   display: flex;
   align-items: center;
+  color: var(--cds-text-secondary, #525252);
   inline-size: 100%;
   min-block-size: 2rem;
 }
@@ -20536,7 +20565,6 @@ optgroup.cds--select-optgroup:disabled,
   font-weight: var(--cds-label-02-font-weight, 400);
   line-height: var(--cds-label-02-line-height, 1.28572);
   letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
-  color: var(--cds-text-secondary, #525252);
 }
 
 .cds--inline-loading__animation {
@@ -20727,7 +20755,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;
@@ -20862,6 +20890,7 @@ 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);
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
@@ -27186,7 +27215,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;
@@ -28210,7 +28239,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;