@carbon/ibm-products 1.35.1 → 1.36.0

package/css/index.css

@@ -5352,14 +5352,17 @@ a.bx--tabs__nav-link:focus, a.bx--tabs__nav-link:active {
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  height: var(--cds-spacing-10, 4rem);
   align-items: center;
+  margin: 0;
+}
+.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
+  height: var(--cds-spacing-10, 4rem);
   padding-top: var(--cds-spacing-05, 1rem);
   padding-bottom: var(--cds-spacing-07, 2rem);
-  margin: 0;
 }
 
-.c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn.bx--btn--expressive {
+.c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn.bx--btn--expressive,
+.c4p--action-set.bx--btn-set .c4p--action-set__action-button.bx--btn {
   max-width: none;
 }
 
@@ -18948,243 +18951,6 @@ button.c4p--add-select__global-filter-toggle--open {
     transition: none;
   }
 }
-.c4p--inline-edit {
-  --c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
-  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
-  --c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
-  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
-  position: relative;
-  display: inline-block;
-  min-width: calc(4 * var(--c4p--inline-edit--size));
-  max-width: 100%;
-  height: var(--c4p--inline-edit--size);
-  background-color: var(--c4p--inline-edit--background-color);
-  cursor: text;
-  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
-  vertical-align: middle;
-  white-space: nowrap;
-}
-.c4p--inline-edit.c4p--inline-edit--light {
-  --c4p--inline-edit--background-color: transparent;
-}
-.c4p--inline-edit:hover {
-  --c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
-}
-.c4p--inline-edit.c4p--inline-edit--sm {
-  --c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
-  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
-}
-.c4p--inline-edit.c4p--inline-edit--lg {
-  --c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
-  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
-}
-.c4p--inline-edit.c4p--inline-edit--invalid {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
-  outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
-}
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--invalid {
-    outline-style: dotted;
-  }
-}
-.c4p--inline-edit.c4p--inline-edit--editing {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
-  outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
-  background-color: var(--cds-ui-01, #f4f4f4);
-}
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--editing {
-    outline-style: dotted;
-  }
-}
-.c4p--inline-edit .c4p--inline-edit__input {
-  display: inline-block;
-  overflow: hidden;
-  width: calc(
-        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
-      );
-  max-width: calc(
-        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
-      );
-  min-height: var(--c4p--inline-edit--size);
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  margin-right: var(--c4p--inline-edit--toolbar-width);
-  margin-left: var(--cds-spacing-05, 1rem);
-  line-height: var(--c4p--inline-edit--size);
-}
-.c4p--inline-edit .c4p--inline-edit__input:focus {
-  outline: none;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
-  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
-}
-.c4p--inline-edit .c4p--inline-edit__input::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  overflow: hidden;
-  width: 0;
-  margin-left: var(--cds-spacing-05, 1rem);
-  color: var(--cds-text-05, #6f6f6f);
-  content: attr(data-placeholder);
-  opacity: 0;
-  visibility: hidden;
-}
-.c4p--inline-edit .c4p--inline-edit__ellipsis {
-  display: inline-block;
-  overflow: hidden;
-  width: 0;
-  height: var(--c4p--inline-edit--size);
-  line-height: var(--c4p--inline-edit--size);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
-  width: initial;
-  opacity: 1;
-}
-.c4p--inline-edit .c4p--inline-edit__disabled-cover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
-  cursor: not-allowed;
-  pointer-events: all;
-}
-.c4p--inline-edit .c4p--inline-edit__input--empty::after {
-  width: initial;
-  opacity: 1;
-  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  visibility: visible;
-}
-.c4p--inline-edit .c4p--inline-edit__after-input-elements {
-  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  width: var(--c4p--inline-edit--toolbar-width);
-  height: 100%;
-  justify-content: space-between;
-  cursor: text;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
-  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
-}
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  border: 2px solid var(--cds-focus, #0f62fe);
-  border-left: 0;
-  content: "";
-  pointer-events: none;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
-  display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
-  outline: initial;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
-  border-color: var(--cds-focus, #0f62fe);
-  box-shadow: initial;
-  outline: initial;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
-  box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
-  background-color: transparent;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
-  border-color: transparent;
-}
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
-  overflow: visible;
-  width: var(--c4p--inline-edit--edit-size);
-  transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  transition-property: margin, padding;
-}
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
-  overflow: hidden;
-  width: 0;
-  padding: 0;
-  border-right: 0;
-  border-left: 0;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
-  display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
-  border-color: transparent;
-  background-color: transparent;
-  box-shadow: initial;
-  outline: initial;
-}
-@media (hover: hover) {
-  .c4p--inline-edit .c4p--inline-edit__edit {
-    opacity: 0;
-    transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
-  }
-  .c4p--inline-edit:hover .c4p--inline-edit__edit {
-    opacity: 1;
-  }
-}
-.c4p--inline-edit .c4p--inline-edit__edit--always-visible {
-  opacity: 1;
-}
-.c4p--inline-edit .c4p--inline-edit__validation-icon {
-  display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
-  color: var(--cds-support-error, #da1e28);
-}
-.c4p--inline-edit .c4p--inline-edit__validation-text {
-  display: block;
-  overflow: visible;
-  margin-left: var(--cds-spacing-05, 1rem);
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
-  color: var(--cds-support-error, #da1e28);
-}
-
 .c4p--data-spreadsheet {
   --c4p--data-spreadsheet--total-width: 0;
   display: inline-block;
@@ -19869,6 +19635,21 @@ button.c4p--add-select__global-filter-toggle--open {
   border-bottom: none;
 }
 
+.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
+  position: relative;
+}
+
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: -1px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--cds-border-subtle, #e0e0e0);
+  content: "";
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20245,6 +20026,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
   content: "";
 }
 
+.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
+  padding: var(--cds-spacing-03, 0.5rem);
+  padding-right: 0;
+}
+
+.c4p--datagrid__row-expander.bx--btn {
+  display: flex;
+  width: var(--cds-spacing-07, 2rem);
+  height: var(--cds-spacing-07, 2rem);
+  min-height: var(--cds-spacing-07, 2rem);
+  justify-content: center;
+  padding: 0;
+}
+.c4p--datagrid__row-expander.bx--btn .c4p--datagrid__row-expander--icon {
+  fill: var(--cds-ui-05, #161616);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -20873,6 +20671,243 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   color: #ffffff;
 }
 
+.c4p--inline-edit {
+  --c4p--inline-edit--size: var(--cds-spacing-08, 2.5rem);
+  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
+  --c4p--inline-edit--background-color: var(--cds-ui-01, #f4f4f4);
+  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
+  position: relative;
+  display: inline-block;
+  min-width: calc(4 * var(--c4p--inline-edit--size));
+  max-width: 100%;
+  height: var(--c4p--inline-edit--size);
+  background-color: var(--c4p--inline-edit--background-color);
+  cursor: text;
+  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.c4p--inline-edit.c4p--inline-edit--light {
+  --c4p--inline-edit--background-color: transparent;
+}
+.c4p--inline-edit:hover {
+  --c4p--inline-edit--background-color: var(--cds-hover-field, #e5e5e5);
+}
+.c4p--inline-edit.c4p--inline-edit--sm {
+  --c4p--inline-edit--size: var(--cds-spacing-07, 2rem);
+  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
+}
+.c4p--inline-edit.c4p--inline-edit--lg {
+  --c4p--inline-edit--size: var(--cds-spacing-09, 3rem);
+  --c4p--inline-edit--icon-size: var(--cds-spacing-05, 1rem);
+}
+.c4p--inline-edit.c4p--inline-edit--invalid {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
+  outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
+}
+@media screen and (prefers-contrast) {
+  .c4p--inline-edit.c4p--inline-edit--invalid {
+    outline-style: dotted;
+  }
+}
+.c4p--inline-edit.c4p--inline-edit--editing {
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
+  outline-offset: calc(-1 * var(--cds-spacing-01, 0.125rem));
+  background-color: var(--cds-ui-01, #f4f4f4);
+}
+@media screen and (prefers-contrast) {
+  .c4p--inline-edit.c4p--inline-edit--editing {
+    outline-style: dotted;
+  }
+}
+.c4p--inline-edit .c4p--inline-edit__input {
+  display: inline-block;
+  overflow: hidden;
+  width: calc(
+        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
+      );
+  max-width: calc(
+        100% - var(--c4p--inline-edit--toolbar-width) - var(--cds-spacing-05, 1rem)
+      );
+  min-height: var(--c4p--inline-edit--size);
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  margin-right: var(--c4p--inline-edit--toolbar-width);
+  margin-left: var(--cds-spacing-05, 1rem);
+  line-height: var(--c4p--inline-edit--size);
+}
+.c4p--inline-edit .c4p--inline-edit__input:focus {
+  outline: none;
+}
+.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
+  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
+}
+.c4p--inline-edit .c4p--inline-edit__input::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  overflow: hidden;
+  width: 0;
+  margin-left: var(--cds-spacing-05, 1rem);
+  color: var(--cds-text-05, #6f6f6f);
+  content: attr(data-placeholder);
+  opacity: 0;
+  visibility: hidden;
+}
+.c4p--inline-edit .c4p--inline-edit__ellipsis {
+  display: inline-block;
+  overflow: hidden;
+  width: 0;
+  height: var(--c4p--inline-edit--size);
+  line-height: var(--c4p--inline-edit--size);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
+  width: initial;
+  opacity: 1;
+}
+.c4p--inline-edit .c4p--inline-edit__disabled-cover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
+  cursor: not-allowed;
+  pointer-events: all;
+}
+.c4p--inline-edit .c4p--inline-edit__input--empty::after {
+  width: initial;
+  opacity: 1;
+  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  visibility: visible;
+}
+.c4p--inline-edit .c4p--inline-edit__after-input-elements {
+  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: flex;
+  width: var(--c4p--inline-edit--toolbar-width);
+  height: 100%;
+  justify-content: space-between;
+  cursor: text;
+}
+.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
+  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
+}
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  border: 2px solid var(--cds-focus, #0f62fe);
+  border-left: 0;
+  content: "";
+  pointer-events: none;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
+  display: inline-flex;
+  width: var(--c4p--inline-edit--size);
+  max-width: var(--c4p--inline-edit--size);
+  height: 100%;
+  min-height: initial;
+  max-height: var(--c4p--inline-edit--size);
+  align-items: center;
+  justify-content: center;
+  border: 2px solid transparent;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
+  outline: initial;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
+  border-color: var(--cds-focus, #0f62fe);
+  box-shadow: initial;
+  outline: initial;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
+  box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
+  background-color: transparent;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
+  border-color: transparent;
+}
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
+  overflow: visible;
+  width: var(--c4p--inline-edit--edit-size);
+  transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition-property: margin, padding;
+}
+.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
+  overflow: hidden;
+  width: 0;
+  padding: 0;
+  border-right: 0;
+  border-left: 0;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
+  display: inline-flex;
+  width: var(--c4p--inline-edit--size);
+  max-width: var(--c4p--inline-edit--size);
+  height: 100%;
+  min-height: initial;
+  max-height: var(--c4p--inline-edit--size);
+  align-items: center;
+  justify-content: center;
+  border: 2px solid transparent;
+}
+.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
+  border-color: transparent;
+  background-color: transparent;
+  box-shadow: initial;
+  outline: initial;
+}
+@media (hover: hover) {
+  .c4p--inline-edit .c4p--inline-edit__edit {
+    opacity: 0;
+    transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  .c4p--inline-edit:hover .c4p--inline-edit__edit {
+    opacity: 1;
+  }
+}
+.c4p--inline-edit .c4p--inline-edit__edit--always-visible {
+  opacity: 1;
+}
+.c4p--inline-edit .c4p--inline-edit__validation-icon {
+  display: inline-flex;
+  width: var(--c4p--inline-edit--size);
+  max-width: var(--c4p--inline-edit--size);
+  height: 100%;
+  min-height: initial;
+  max-height: var(--c4p--inline-edit--size);
+  align-items: center;
+  justify-content: center;
+  border: 2px solid transparent;
+}
+.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
+  color: var(--cds-support-error, #da1e28);
+}
+.c4p--inline-edit .c4p--inline-edit__validation-text {
+  display: block;
+  overflow: visible;
+  margin-left: var(--cds-spacing-05, 1rem);
+}
+.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
+  color: var(--cds-support-error, #da1e28);
+}
+
 .c4p--inline-edit-v2 {
   display: flex;
   align-items: center;
@@ -20898,6 +20933,9 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 .c4p--inline-edit-v2__text-input {
   flex: 1;
 }
+.c4p--inline-edit-v2__text-input-label {
+  display: none;
+}
 .c4p--inline-edit-v2__warning-icon {
   /* stylelint-disable-next-line carbon/layout-token-use */
   margin-right: 0.4375rem;