@carbon/styles 1.94.0 → 1.95.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,
@@ -13836,7 +13831,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::-moz-placeholder {
   position: relative;
@@ -13897,6 +13892,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;
@@ -16172,7 +16176,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 +17004,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 +19883,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 +21018,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,6 +21153,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;
@@ -27488,7 +27517,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;
@@ -28524,7 +28553,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;