@carbon/ibm-products 1.48.0 → 1.49.0

package/css/index-full-carbon.css

@@ -11418,7 +11418,6 @@ a.bx--overflow-menu-options__btn::before {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--cds-ui-01, #f4f4f4);
 }
 .c4p--side-panel__container .bx--btn.c4p--side-panel__close-button .bx--btn__icon {
   margin: 0;
@@ -21342,7 +21341,7 @@ button.c4p--add-select__global-filter-toggle--open {
   position: relative;
   width: 100%;
   max-height: 100%;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .c4p--datagrid__carbon-row-expanded {
@@ -22832,6 +22831,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   /* stylelint-disable-next-line carbon/layout-token-use */
   margin-right: var(--c4p--inline-edit--toolbar-width);
   margin-left: var(--cds-spacing-05, 1rem);
+  color: var(--cds-text-01, #161616);
   line-height: var(--c4p--inline-edit--size);
 }
 .c4p--inline-edit .c4p--inline-edit__input:focus {
@@ -23023,7 +23023,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--inline-edit-v2__btn-edit {
   visibility: hidden;
 }
-.c4p--inline-edit-v2-focused {
+.c4p--inline-edit-v2--focused {
   background: var(--cds-field-01, #f4f4f4);
   outline: 2px solid var(--cds-focus, #0f62fe);
 }
@@ -23034,8 +23034,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   display: none;
 }
 .c4p--inline-edit-v2__warning-icon {
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  margin-right: 0.4375rem;
+  margin: var(--cds-spacing-03, 0.5rem);
   color: var(--cds-support-01, #da1e28);
 }
 .c4p--inline-edit-v2__warning-text {
@@ -23064,6 +23063,39 @@ th.c4p--datagrid__select-all-toggle-on.button {
   outline: none;
 }
 
+.c4p--inline-edit-v2__toolbar {
+  --toolbar-width: var(--cds-spacing-07, 2rem);
+  --toolbar-width-focussed: var(--cds-spacing-10, 4rem);
+  display: inline-flex;
+  overflow: hidden;
+  width: var(--toolbar-width);
+}
+
+.c4p--inline-edit-v2--invalid .c4p--inline-edit-v2__toolbar {
+  --toolbar-width: var(--cds-spacing-07, 2rem);
+  --toolbar-width-focussed: var(--cds-spacing-12, 6rem);
+}
+
+@keyframes slide-in {
+  0% {
+    overflow: hidden;
+    width: var(--toolbar-width);
+  }
+  99% {
+    overflow: hidden;
+    width: var(--toolbar-width-focussed);
+  }
+  100% {
+    overflow: visible;
+    width: var(--toolbar-width-focussed);
+  }
+}
+.c4p--inline-edit-v2--focused .c4p--inline-edit-v2__toolbar {
+  overflow: initial;
+  width: var(--toolbar-width-focussed);
+  animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+
 @keyframes fade {
   0% {
     opacity: 0;