@carbon/ibm-products 1.8.0 → 1.9.0

package/css/index-full-carbon.css

@@ -13936,8 +13936,7 @@ a.bx--side-nav__link--current::before {
   margin: 0;
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header--with-close-icon {
-  padding-right: var(--cds-spacing-05, 1rem);
-  margin-right: var(--cds-spacing-09, 3rem);
+  padding-right: var(--cds-spacing-10, 4rem);
 }
 .c4p--tearsheet .c4p--tearsheet__header-content {
   display: flex;
@@ -16641,6 +16640,18 @@ a.bx--side-nav__link--current::before {
   align-items: center;
   justify-content: space-between;
 }
+.c4p--add-select__selections-cell-title {
+  display: block;
+  color: var(--cds-text-01, #161616);
+}
+.c4p--add-select__selections-cell-subtitle {
+  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);
+  display: block;
+  color: var(--cds-text-02, #525252);
+}
 
 .c4p--add-select__sidebar-header {
   display: flex;
@@ -16658,6 +16669,17 @@ a.bx--side-nav__link--current::before {
   margin-right: var(--cds-spacing-03, 0.5rem);
 }
 
+.c4p--add-select__sidebar-selected-item-title {
+  color: var(--cds-text-01, #161616);
+}
+.c4p--add-select__sidebar-selected-item-subtitle {
+  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);
+  color: var(--cds-text-02, #525252);
+}
+
 .c4p--add-select__sidebar-body {
   padding: var(--cds-spacing-05, 1rem);
 }
@@ -16667,6 +16689,8 @@ a.bx--side-nav__link--current::before {
   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-bottom: var(--cds-spacing-03, 0.5rem);
+  color: var(--cds-text-02, #525252);
 }
 
 .c4p--add-select .c4p--add-select__sidebar-item-body {
@@ -16674,7 +16698,7 @@ a.bx--side-nav__link--current::before {
   font-weight: var(--cds-body-long-01-font-weight, 400);
   line-height: var(--cds-body-long-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-  margin-bottom: var(--cds-spacing-03, 0.5rem);
+  margin-bottom: var(--cds-spacing-05, 1rem);
 }
 
 .c4p--add-select .c4p--add-select__sidebar-item-remove-button:hover {
@@ -16687,11 +16711,29 @@ a.bx--side-nav__link--current::before {
   justify-content: space-between;
 }
 
+.c4p--add-select__columns {
+  display: flex;
+  flex-direction: row;
+}
+
+.c4p--add-select__columns .c4p--add-select__selections-cell {
+  padding: 0 var(--cds-spacing-05, 1rem) !important;
+}
+
+.c4p--add-select__column {
+  padding: var(--cds-spacing-05, 1rem);
+  border-right: var(--cds-ui-03, #e0e0e0);
+}
+
 .c4p--add-select .c4p--tearsheet .c4p--tearsheet__influencer {
   max-width: 29rem;
   flex: 0 0 50%;
 }
 
+.c4p--add-select .c4p--tearsheet__header-description {
+  color: var(--cds-text-02, #525252);
+}
+
 .c4p--add-select .c4p--add-select__items-label {
   font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
@@ -16707,6 +16749,10 @@ a.bx--side-nav__link--current::before {
   padding-bottom: var(--cds-spacing-05, 1rem);
 }
 
+.c4p--add-select .bx--radio-button__appearance {
+  margin: 0 var(--cds-spacing-05, 1rem) 0 0;
+}
+
 .c4p--add-select .bx--radio-button-wrapper .bx--radio-button__label {
   justify-content: left;
 }
@@ -16715,13 +16761,17 @@ a.bx--side-nav__link--current::before {
   cursor: pointer;
 }
 
-.bx--accordion__item:hover .c4p--add-select__sidebar-accordion-title button {
+.c4p--add-select .bx--accordion__item:hover .c4p--add-select__sidebar-accordion-title button {
   opacity: 1;
 }
-.bx--accordion__item .c4p--add-select__sidebar-accordion-title button {
+.c4p--add-select .bx--accordion__item .c4p--add-select__sidebar-accordion-title button {
   opacity: 0;
 }
 
+.c4p--add-select .bx--checkbox-label-text {
+  padding-left: var(--cds-spacing-05, 1rem);
+}
+
 /* 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 */
@@ -22892,11 +22942,16 @@ a.bx--side-nav__link--current::before {
   box-shadow: initial;
   outline: initial;
 }
-.c4p--inline-edit .c4p--inline-edit__edit--hover-visible {
-  opacity: 0;
-  transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
+@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:hover .c4p--inline-edit__edit--hover-visible {
+.c4p--inline-edit .c4p--inline-edit__edit--always-visible {
   opacity: 1;
 }
 .c4p--inline-edit .c4p--inline-edit__validation-icon {
@@ -22985,6 +23040,7 @@ a.bx--side-nav__link--current::before {
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
   position: absolute;
+  z-index: 2;
   border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
   background-color: transparent;
 }
@@ -22992,6 +23048,23 @@ a.bx--side-nav__link--current::before {
   border: var(--cds-spacing-01, 0.125rem) solid var(--cds-interactive-01, #0f62fe);
   outline: 0;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
+  position: absolute;
+  z-index: 2;
+  border: 1px solid var(--cds-interactive-01, #0f62fe);
+  pointer-events: none;
+}
+.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  background-color: var(--cds-interactive-01, #0f62fe);
+  content: "";
+  opacity: 0.25;
+}
 
 /* stylelint-disable-line no-invalid-position-at-import-rule */
 /* stylelint-disable-line no-invalid-position-at-import-rule */