@carbon/ibm-products 2.0.0-rc.7 → 2.0.0-rc.9

package/README.md

@@ -10,8 +10,8 @@
 
 [![All Contributors](https://img.shields.io/badge/all_contributors-10-orange.svg?style=flat-square)](#contributors-)
 [![Licensed under the Apache License, Version 2.0](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/blob/master/LICENSE)
-[![Build status](https://github.com/carbon-design-system/ibm-cloud-cognitive/workflows/ci/badge.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions?query=workflow%3Aci)
-[![Netlify status](https://img.shields.io/netlify/19d81e71-7987-4124-8a3a-36e051486e6b)](https://app.netlify.com/sites/ibm-cloud-cognitive/deploys)
+[![Build status](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions/workflows/ci.yml/badge.svg)](https://github.com/carbon-design-system/ibm-cloud-cognitive/actions/workflows/ci.yml)
+[![Netlify status](https://img.shields.io/netlify/e8cd9972-0fc8-4c51-a911-e9a930ca6605)](https://app.netlify.com/sites/v11-carbon-for-ibm-products/deploys)
 [![GitHub Lerna version](https://img.shields.io/github/lerna-json/v/carbon-design-system/ibm-cloud-cognitive)](https://lerna.js.org)
 [![PRs welcome](https://img.shields.io/badge/PRs-welcome-brightgreen)](https://github.com/carbon-design-system/ibm-cloud-cognitive/blob/master/.github/CONTRIBUTING.md)
 

package/css/index-full-carbon.css

@@ -4325,13 +4325,14 @@
   flex-direction: column;
   justify-content: center;
 }
-.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
+.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
+.c4p--add-select__selections .cds--structured-list-row:focus-within .c4p--add-select__selections-hidden-hover {
   visibility: visible;
 }
 .c4p--add-select__selections-hidden-hover {
   visibility: hidden;
 }
-.c4p--add-select__selections-row-selectedcds--structured-list-row {
+.c4p--add-select__selections-row--selected.cds--structured-list-row {
   border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
   background-color: var(--cds-layer-selected-01, #e0e0e0);
 }
@@ -4362,7 +4363,7 @@
 .c4p--add-select__selections-row {
   border-left: 0.125rem solid transparent;
 }
-.c4p--add-select__selections-row-meta-selected {
+.c4p--add-select__selections-row-meta--selected {
   border-left: 0.125rem solid var(--cds-interactive, #0f62fe);
   background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
@@ -4377,11 +4378,6 @@
   fill: currentColor;
 }
 
-.c4p--add-select cds--structured-list--selection .c4p--add-select__selections-row-selectedcds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
-  border-bottom: 1px solid var(--cds-layer-accent-hover-01, #d1d1d1);
-  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
-}
-
 .c4p--add-select__sub-header {
   display: flex;
   align-items: flex-end;
@@ -4391,11 +4387,11 @@
   padding: 0 1rem;
 }
 
-.c4p--add-select cds--structured-list-row {
+.c4p--add-select .cds--structured-list-row {
   border-bottom: 0;
 }
 
-.c4p--add-select cds--structured-list--selection cds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
+.c4p--add-select .cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
   border-bottom: 0;
 }
 
@@ -4466,7 +4462,7 @@
 .c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
   margin-left: 0.5rem;
 }
-.c4p--add-select__columns .c4p--add-select__selections-rowcds--structured-list-row {
+.c4p--add-select__columns .c4p--add-select__selections-row.cds--structured-list-row {
   border-left: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
@@ -4476,14 +4472,14 @@
   height: auto;
   padding: 0 0.5rem;
 }
-.c4p--add-select__columns .c4p--add-select__tag-container {
+.c4p--add-select__columns .c4p--add-select__tags {
   padding: 0 0.5rem;
   margin-bottom: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
   padding: 0;
 }
-.c4p--add-select__columns .c4p--add-select__selectionscds--structured-list {
+.c4p--add-select__columns .c4p--add-select__selections.cds--structured-list {
   border-top: 0;
 }
 
@@ -4515,13 +4511,13 @@
   border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
 }
 
-.c4p--add-select__tag-container {
+.c4p--add-select__tags {
   display: flex;
   align-items: center;
   margin-top: 1rem;
   margin-bottom: 0.5rem;
 }
-.c4p--add-select__tag-container-label {
+.c4p--add-select__tags-label {
   margin-right: 0.5rem;
 }
 
@@ -4603,7 +4599,11 @@ button.c4p--add-select__global-filter-toggle--open {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
 
-.c4p--add-select__tag-container .cds--tag {
+.c4p--add-select__selections .cds--list-box__menu {
+  left: auto;
+}
+
+.c4p--add-select__tags .cds--tag {
   margin: 0;
 }
 
@@ -4677,15 +4677,15 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: rotate(90deg);
 }
 
-.c4p--add-select cds--accordion--start cds--accordion__arrow {
+.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
   margin: 0 0 0 1rem;
 }
 
-.c4p--add-select cds--accordion--start cds--accordion__title {
+.c4p--add-select .cds--accordion--start .cds--accordion__title {
   margin: 0 1rem 0 0.5rem;
 }
 
-.c4p--add-select cds--accordion__item--active cds--accordion__content {
+.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0.5rem;
@@ -7578,12 +7578,6 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: translateY(-2px);
   vertical-align: middle;
 }
-.c4p--page-header .c4p--page-header__title-wrapper {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
-}
 .c4p--page-header .c4p--page-header__page-actions {
   flex: 0 0 100%;
   margin-top: 1rem;
@@ -9962,6 +9956,74 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-support-error, #da1e28);
 }
 
+.c4p--inline-edit-v2 {
+  display: flex;
+  align-items: center;
+  background: transparent;
+  cursor: pointer;
+}
+
+.c4p--inline-edit-v2-readonly {
+  cursor: not-allowed;
+}
+
+.c4p--inline-edit-v2:hover {
+  background: var(--cds-field-01, #f4f4f4);
+}
+
+.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
+  visibility: visible;
+}
+
+.c4p--inline-edit-v2__btn-edit {
+  visibility: hidden;
+}
+
+.c4p--inline-edit-v2-focused {
+  background: var(--cds-field-01, #f4f4f4);
+  outline: 2px solid var(--cds-focus, #0f62fe);
+}
+
+.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;
+  color: var(--cds-support-error, #da1e28);
+}
+
+.c4p--inline-edit-v2__warning-text {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  margin-top: 0.5rem;
+  color: var(--cds-support-error, #da1e28);
+}
+
+.c4p--inline-edit-v2__text-input.cds--text-input {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+}
+
+.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
+.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
+  cursor: not-allowed;
+}
+
+.c4p--inline-edit-v2__text-input.cds--text-input:focus,
+.c4p--inline-edit-v2__text-input.cds--text-input:active {
+  outline: none;
+}
+
 .c4p--data-spreadsheet {
   --c4p--data-spreadsheet--total-width: 0;
   display: inline-block;
@@ -10557,8 +10619,22 @@ button.c4p--add-select__global-filter-toggle--open {
   max-height: 100%;
 }
 
-.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
-  border-left: 1px solid var(--cds-button-primary, #0f62fe);
+.c4p--datagrid__carbon-row-expanded {
+  position: relative;
+}
+.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
+  position: absolute;
+  z-index: 2;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: var(--c4p--datagrid--row-height);
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  left: calc(
+      var(--c4p--datagrid--indicator-offset-amount) + 1rem
+    );
+  width: 1px;
+  height: var(--c4p--datagrid--indicator-height);
+  border-left: 1px solid var(--cds-background-brand, #0f62fe);
+  content: "";
 }
 
 .c4p--datagrid .cds--data-table-header {
@@ -10654,6 +10730,38 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: center;
 }
 
+.cds--body--with-modal-open .c4p--datagrid__grid-container {
+  overflow: hidden;
+  height: 100vh;
+}
+
+.c4p--datagrid .cds--modal {
+  width: 100%;
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
+  flex-shrink: 0;
+  background-color: var(--cds-interactive, #0f62fe);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
+  fill: var(--cds-background, #ffffff);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+
+.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
+  background-color: transparent;
+}
+
+.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
+  position: absolute;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36