@carbon/ibm-products 1.7.0 → 1.8.0

package/css/index-full-carbon.css

@@ -22706,134 +22706,6 @@ a.bx--side-nav__link--current::before {
     transition: none;
   }
 }
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-/* stylelint-disable-line no-invalid-position-at-import-rule */
-.c4p--cancelable-text-edit {
-  --size: var(--cds-spacing-08, 2.5rem);
-  --icon-size: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--cancelable-text-edit--sm {
-  --size: var(--cds-spacing-07, 2rem);
-  --icon-size: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--cancelable-text-edit--lg {
-  --size: var(--cds-spacing-09, 3rem);
-  --icon-size: var(--cds-spacing-05, 1rem);
-}
-
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__main {
-  position: relative;
-  display: inline-flex;
-  width: 100%;
-  min-height: var(--size);
-  vertical-align: top;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__input {
-  height: var(--size);
-  padding-right: calc(2 * var(--size));
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons {
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__buttons-inner {
-  display: flex;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
-  border: 1px solid transparent;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:hover {
-  border-color: var(--cds-hover-field, #e5e5e5);
-  border-bottom-color: transparent;
-  background-clip: content-box;
-  box-shadow: initial;
-  outline: initial;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus {
-  border-color: var(--cds-focus, #0f62fe);
-  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
-  outline: initial;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert:focus:active:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save:focus:active:hover {
-  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-field-01, #f4f4f4);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert::before,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save::before {
-  background-color: transparent;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert[disabled],
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save[disabled] {
-  border-color: transparent;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__revert:hover {
-  border: 1px solid transparent;
-  box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .c4p--cancelable-text-edit__save:hover {
-  box-shadow: inset 0 1px 0 var(--cds-support-01, #da1e28), inset 0 -1px 0 var(--cds-support-01, #da1e28), inset -1px 0 0 var(--cds-support-01, #da1e28);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
-  border: 1px solid transparent;
-  box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__revert:hover,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save:hover {
-  background-clip: content-box;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input-wrapper:focus-within ~ .c4p--cancelable-text-edit__buttons .c4p--cancelable-text-edit__save {
-  box-shadow: inset 0 1px 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 var(--cds-focus, #0f62fe), inset -1px 0 0 var(--cds-focus, #0f62fe);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save {
-  display: flex;
-  width: var(--size);
-  height: var(--size);
-  min-height: var(--size);
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__revert svg,
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .c4p--cancelable-text-edit__save svg {
-  width: var(--icon-size);
-  height: var(--icon-size);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn .bx--form-requirement {
-  display: block;
-  max-height: initial;
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid.c4p--cancelable-text-edit--inline .bx--form-requirement, .c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--warn.c4p--cancelable-text-edit--inline .bx--form-requirement {
-  margin-left: calc(20% + 1.25rem);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit--invalid .bx--form-requirement {
-  display: block;
-  overflow: visible;
-  color: var(--cds-text-error, #da1e28);
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input {
-  padding-right: calc(2 * var(--size));
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input--invalid {
-  padding-right: calc(3 * var(--size));
-}
-.c4p--cancelable-text-edit.c4p--cancelable-text-edit.c4p--cancelable-text-edit .bx--text-input__invalid-icon {
-  margin-right: var(--cds-spacing-11, 5rem);
-}
-
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */
@@ -22902,10 +22774,13 @@ a.bx--side-nav__link--current::before {
   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;
@@ -22934,8 +22809,10 @@ a.bx--side-nav__link--current::before {
   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 {
   position: absolute;
@@ -23055,16 +22932,21 @@ a.bx--side-nav__link--current::before {
   display: inline-block;
   border-spacing: 0;
 }
+.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
+  outline: 2px solid var(--cds-inverse-link, #78a9ff);
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
+  position: relative;
+}
 .c4p--data-spreadsheet button.c4p--data-spreadsheet__td {
   margin: 0;
   background-color: transparent;
 }
-.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .td {
+.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__td {
   border-bottom: 0;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td {
-  height: 2.25rem;
   padding: 0 var(--cds-spacing-03, 0.5rem);
   border: 0;
   margin: 0;
@@ -23081,6 +22963,12 @@ a.bx--side-nav__link--current::before {
   background-color: var(--cds-ui-01, #f4f4f4);
   cursor: pointer;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th {
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td {
   border-right: 1px solid var(--cds-ui-03, #e0e0e0);
   border-bottom: 1px solid var(--cds-ui-03, #e0e0e0);
@@ -23095,6 +22983,15 @@ a.bx--side-nav__link--current::before {
   color: var(--cds-text-01, #161616);
   text-align: left;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
+  position: absolute;
+  border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
+  background-color: transparent;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
+  border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
+  outline: 0;
+}
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */