@carbon/styles 1.94.0 → 1.95.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/styles",
   "description": "Styles for the Carbon Design System",
-  "version": "1.94.0",
+  "version": "1.95.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -45,7 +45,7 @@
     "@carbon/grid": "^11.45.0",
     "@carbon/layout": "^11.43.0",
     "@carbon/motion": "^11.37.0",
-    "@carbon/themes": "^11.62.0",
+    "@carbon/themes": "^11.63.0",
     "@carbon/type": "^11.49.0",
     "@ibm/plex": "6.0.0-next.6",
     "@ibm/plex-mono": "1.1.0",
@@ -75,5 +75,5 @@
     "scss/**/*.css",
     "css/**/*.css"
   ],
-  "gitHead": "4bb1c57e936fa6a1527a4d6483668ecf3cfff51f"
+  "gitHead": "d2ccae94e5aa3defcce07cc9ea90058fda6c9705"
 }

package/scss/components/fluid-select/_fluid-select.scss

@@ -230,4 +230,29 @@
     .#{$prefix}--slug::before {
     display: none;
   }
+
+  // Skeleton
+  .#{$prefix}--select--fluid__skeleton {
+    position: relative;
+    background: $skeleton-background;
+    block-size: convert.to-rem(64px);
+    border-block-end: 1px solid $skeleton-element;
+  }
+
+  .#{$prefix}--select--fluid__skeleton .#{$prefix}--skeleton {
+    position: absolute;
+    block-size: convert.to-rem(8px);
+    inline-size: 25%;
+    inset-block-start: $spacing-05;
+    inset-inline-start: $spacing-05;
+  }
+
+  .#{$prefix}--select--fluid__skeleton .#{$prefix}--label {
+    position: absolute;
+    padding: 0;
+    block-size: convert.to-rem(8px);
+    inline-size: 50%;
+    inset-block-start: convert.to-rem(36px);
+    inset-inline-start: $spacing-05;
+  }
 }

package/scss/components/list-box/_list-box.scss

@@ -1156,18 +1156,7 @@ $list-box-menu-width: convert.to-rem(300px);
     .#{$prefix}--list-box__invalid-icon {
     inset-inline-end: convert.to-rem(114px);
   }
-  .#{$prefix}--list-box__wrapper--decorator
-    .#{$prefix}--list-box--invalid
-    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
-    ~ .#{$prefix}--list-box__inner-wrapper--decorator
-    > *,
-  .#{$prefix}--list-box__wrapper--decorator
-    .#{$prefix}--list-box--warning
-    .#{$prefix}--list-box__field:has(.#{$prefix}--list-box__selection)
-    ~ .#{$prefix}--list-box__inner-wrapper--decorator
-    > * {
-    inset-inline-end: convert.to-rem(116px);
-  }
+
   // Windows HCM fix
   .#{$prefix}--list-box__field,
   .#{$prefix}--list-box__menu,

package/scss/components/modal/_modal.scss

@@ -96,6 +96,7 @@
   .#{$prefix}--modal-container {
     position: fixed;
     display: grid;
+    border: 1px solid $border-subtle-01;
     background-color: $layer;
     grid-template-columns: 100%;
     grid-template-rows: auto 1fr auto;

package/scss/components/search/_search.scss

@@ -334,9 +334,7 @@
   .#{$prefix}--search--expandable .#{$prefix}--search-input {
     padding: 0;
     inline-size: 0;
-    transition:
-      padding $duration-fast-01 motion(standard, productive),
-      width 0s linear $duration-fast-01;
+    transition: transform $duration-fast-01 motion(standard, productive);
 
     &::placeholder {
       position: relative;
@@ -389,4 +387,13 @@
   .#{$prefix}--search--expandable.#{$prefix}--search--disabled svg {
     fill: $icon-disabled;
   }
+
+  .#{$prefix}--search-magnifier-tooltip {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .#{$prefix}--search-magnifier {
+      position: relative;
+    }
+  }
 }