@carbon/ibm-products 1.6.1 → 1.7.0

package/css/index-full-carbon.css

@@ -16677,6 +16677,16 @@ a.bx--side-nav__link--current::before {
   margin-bottom: var(--cds-spacing-03, 0.5rem);
 }
 
+.c4p--add-select .c4p--add-select__sidebar-item-remove-button:hover {
+  background: var(--cds-disabled-02, #c6c6c6);
+}
+
+.c4p--add-select .c4p--add-select__sidebar-accordion-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
 .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
   max-width: 29rem;
   flex: 0 0 50%;
@@ -16705,6 +16715,13 @@ a.bx--side-nav__link--current::before {
   cursor: pointer;
 }
 
+.bx--accordion__item:hover .c4p--add-select__sidebar-accordion-title button {
+  opacity: 1;
+}
+.bx--accordion__item .c4p--add-select__sidebar-accordion-title button {
+  opacity: 0;
+}
+
 /* 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 */
@@ -22831,6 +22848,7 @@ a.bx--side-nav__link--current::before {
   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 {
@@ -22847,22 +22865,22 @@ a.bx--side-nav__link--current::before {
   --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--editing {
-  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-focus, #0f62fe);
+.c4p--inline-edit.c4p--inline-edit--invalid {
+  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
   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 {
+  .c4p--inline-edit.c4p--inline-edit--invalid {
     outline-style: dotted;
   }
 }
-.c4p--inline-edit .c4p--inline-edit--invalid {
-  outline: var(--cds-spacing-01, 0.125rem) solid var(--cds-support-01, #da1e28);
+.c4p--inline-edit.c4p--inline-edit--editing {
+  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--invalid {
+  .c4p--inline-edit.c4p--inline-edit--editing {
     outline-style: dotted;
   }
 }
@@ -23030,6 +23048,54 @@ a.bx--side-nav__link--current::before {
   color: var(--cds-support-error, #da1e28);
 }
 
+/* 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--data-spreadsheet {
+  display: inline-block;
+  border-spacing: 0;
+}
+.c4p--data-spreadsheet button.c4p--data-spreadsheet__td {
+  margin: 0;
+  background-color: transparent;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .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;
+  color: var(--cds-text-01, #161616);
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th:last-child,
+.c4p--data-spreadsheet .c4p--data-spreadsheet__td:last-child {
+  border-right: 1px solid var(--cds-text-03, #a8a8a8);
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
+.c4p--data-spreadsheet button.c4p--data-spreadsheet__td-th {
+  border-right: 1px solid var(--cds-text-03, #a8a8a8);
+  border-bottom: 1px solid var(--cds-text-03, #a8a8a8);
+  background-color: var(--cds-ui-01, #f4f4f4);
+  cursor: pointer;
+}
+.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);
+  cursor: cell;
+  text-align: left;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
+  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-productive-heading-01-font-weight, 600);
+  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  color: var(--cds-text-01, #161616);
+  text-align: left;
+}
+
 /* 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 */
@@ -25198,14 +25264,33 @@ li.bx--accordion__item--disabled:last-of-type {
   color: var(--cds-text-secondary, #525252);
   text-align: left;
   text-decoration: none;
-  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
   white-space: nowrap;
 }
+.bx--content-switcher-btn::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: var(--cds-layer-selected-inverse, #161616);
+  content: "";
+  transform: scaleY(0);
+  transform-origin: bottom;
+  transition: all 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.bx--content-switcher-btn:disabled::after {
+  display: none;
+}
 .bx--content-switcher-btn:focus {
   z-index: 3;
   border-color: var(--cds-focus, #0f62fe);
   box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
 }
+.bx--content-switcher-btn:focus::after {
+  clip-path: inset(3px 3px 3px 3px);
+}
 .bx--content-switcher-btn:hover {
   color: var(--cds-text-primary, #161616);
   cursor: pointer;
@@ -25289,6 +25374,7 @@ li.bx--accordion__item--disabled:last-of-type {
 }
 
 .bx--content-switcher__label {
+  z-index: 1;
   overflow: hidden;
   max-width: 100%;
   text-overflow: ellipsis;
@@ -25305,6 +25391,9 @@ li.bx--accordion__item--disabled:last-of-type {
   background-color: var(--cds-layer-selected-inverse, #161616);
   color: var(--cds-text-inverse, #ffffff);
 }
+.bx--content-switcher-btn.bx--content-switcher--selected::after {
+  transform: scaleY(1);
+}
 .bx--content-switcher-btn.bx--content-switcher--selected:disabled {
   background-color: var(--cds-layer-selected-disabled, #8d8d8d);
   color: var(--cds-text-disabled, #c6c6c6);
@@ -25829,6 +25918,7 @@ li.bx--accordion__item--disabled:last-of-type {
 .bx--table-toolbar--small,
 .bx--table-toolbar--sm {
   height: 2rem;
+  min-height: 2rem;
 }
 .bx--table-toolbar--small .bx--toolbar-search-container-expandable,
 .bx--table-toolbar--small .bx--toolbar-search-container-persistent,
@@ -25912,6 +26002,16 @@ li.bx--accordion__item--disabled:last-of-type {
   outline-offset: -2px;
   background-color: transparent;
 }
+.bx--table-toolbar--small .bx--overflow-menu.bx--toolbar-action,
+.bx--table-toolbar--sm .bx--overflow-menu.bx--toolbar-action {
+  width: 2rem;
+  min-width: 2rem;
+  height: 2rem;
+}
+.bx--table-toolbar--small .bx--toolbar-content,
+.bx--table-toolbar--sm .bx--toolbar-content {
+  height: 2rem;
+}
 
 .bx--search--disabled .bx--search-magnifier-icon:hover {
   background-color: transparent;
@@ -25948,6 +26048,11 @@ li.bx--accordion__item--disabled:last-of-type {
   height: 2rem;
 }
 
+.bx--table-toolbar--small .bx--batch-summary,
+.bx--table-toolbar--sm .bx--batch-summary {
+  min-height: 2rem;
+}
+
 /* 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 */
@@ -32029,6 +32134,12 @@ span.bx--pagination__text {
   color: transparent;
 }
 
+.bx--text-area__label-wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+
 /* 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 */