@carbon/ibm-products 2.7.0 → 2.8.1

package/css/index-full-carbon.css

@@ -3732,6 +3732,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--create-influencer {
   display: grid;
   height: 100%;
+  padding: 1.5rem 2rem;
   grid-template-columns: 100%;
   grid-template-rows: 1fr auto;
 }
@@ -3742,8 +3743,12 @@ p.c4p--about-modal__copyright-text:first-child {
   overflow-y: auto;
 }
 
-.c4p--create-influencer__progress-indicator.cds--progress {
-  padding: 1.5rem;
+.c4p--create-influencer__title {
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+  margin-bottom: 1.5rem;
 }
 
 .c4p--create-influencer__view-all-toggle {
@@ -8532,7 +8537,8 @@ button.c4p--add-select__global-filter-toggle--open {
   white-space: nowrap;
 }
 .c4p--page-header .c4p--page-header__title-row {
-  margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
+  --title-row-margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
+  margin-top: var(--title-row-margin-top);
   margin-bottom: 0;
   transform: translateY(0.125rem);
 }
@@ -8570,7 +8576,7 @@ button.c4p--add-select__global-filter-toggle--open {
   position: sticky;
 }
 .c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs + .c4p--page-header__title-row--sticky {
-  top: var(--c4p--page-header--breadcrumb-top);
+  top: calc(var(--c4p--page-header--breadcrumb-top) - var(--title-row-margin-top));
 }
 .c4p--page-header .c4p--page-header__title-column {
   min-height: 40px;
@@ -9532,6 +9538,22 @@ button.c4p--add-select__global-filter-toggle--open {
   content: "";
 }
 
+.c4p--tooltip-trigger {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  outline: none;
+}
+
 @keyframes web-terminal-entrance {
   from {
     opacity: 0;
@@ -11335,6 +11357,22 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100%;
   padding-top: 0;
 }
+.c4p--datagrid__grid-container .cds--data-table-header__description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.c4p--datagrid__grid-container .cds--data-table-header__title {
+  overflow: hidden;
+  max-width: 80ch;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@media (min-width: 42rem) {
+  .c4p--datagrid__grid-container .cds--data-table-header__title {
+    max-width: 55ch;
+  }
+}
 .c4p--datagrid__grid-container .cds--data-table-content {
   width: 100%;
   height: 100%;
@@ -11749,6 +11787,72 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 0;
 }
 
+.c4p--datagrid .c4p--datagrid__col-resizer-range {
+  position: absolute;
+  z-index: 2;
+  top: 0;
+  right: calc(0.5rem * -1);
+  width: 1rem;
+  height: 100%;
+  margin: 0;
+  -moz-appearance: initial;
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range:focus {
+  outline: 0;
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 2px;
+  height: var(--c4p--datagrid--header-height);
+  background-color: var(--cds-focus, #0f62fe);
+  content: "";
+  transform: translate(-50%, -50%);
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator {
+  position: absolute;
+  z-index: 2;
+  right: calc(0.5rem * -1);
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 100%;
+  margin: 0;
+  background-color: var(--cds-focus, #0f62fe);
+  transform: translate(-50%, 0);
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::after {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: calc(var(--c4p--datagrid--row-height) - 20px);
+  right: 0.25rem;
+  width: 1px;
+  height: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
+  background-color: var(--cds-layer-active-01, #c6c6c6);
+  content: "";
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range::-webkit-slider-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+}
+
+.c4p--datagrid .c4p--datagrid__col-resizer-range::-moz-range-thumb {
+  visibility: hidden;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -15521,6 +15625,7 @@ a.cds--side-nav__link--current::before {
 .c4p--create-influencer {
   display: grid;
   height: 100%;
+  padding: 1.5rem 2rem;
   grid-template-columns: 100%;
   grid-template-rows: 1fr auto;
 }
@@ -15531,8 +15636,12 @@ a.cds--side-nav__link--current::before {
   overflow-y: auto;
 }
 
-.c4p--create-influencer__progress-indicator.cds--progress {
-  padding: 1.5rem;
+.c4p--create-influencer__title {
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+  margin-bottom: 1.5rem;
 }
 
 .c4p--create-influencer__view-all-toggle {