@carbon/ibm-products 2.0.0-rc.1 → 2.0.0-rc.2

package/css/index-full-carbon.css

@@ -4909,6 +4909,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -8685,6 +8689,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -9057,6 +9065,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
+  --cds-helper-text-02-font-size: carbon--type-scale(2);
+  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-line-height: 1.28572;
+  --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
   --cds-body-short-01-font-weight: 400;
   --cds-body-short-01-line-height: 1.28572;
@@ -10417,6 +10429,12 @@ button.c4p--add-select__global-filter-toggle--open {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  white-space: initial;
+}
 .c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
   display: flex;
   overflow: hidden;
@@ -12768,6 +12786,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -15296,6 +15315,7 @@ em {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: flex;
@@ -16399,12 +16419,61 @@ li.cds--accordion__item--disabled:last-of-type {
   margin-bottom: 0;
 }
 
-.cds--label .cds--tooltip__trigger {
+.cds--label + .cds--tooltip {
+  position: relative;
+  top: 0.2rem;
+  left: 0.5rem;
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   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);
 }
+.cds--label + .cds--tooltip .cds--tooltip__trigger *,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
+  border: 0;
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
+  fill: var(--cds-icon-secondary, #525252);
+}
+
+.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--label + .cds--toggletip {
+  top: 0.2rem;
+  left: 0.5rem;
+}
 
 .cds--label.cds--skeleton {
   position: relative;
@@ -16668,8 +16737,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true]::before {
   border: none;
   border-width: 1px;
   background-color: var(--cds-icon-primary, #161616);
@@ -16680,8 +16748,7 @@ fieldset[disabled] .cds--form__helper-text {
   transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
 }
 
-.cds--checkbox:indeterminate + .cds--checkbox-label::after,
-.cds--checkbox-label[data-contained-checkbox-state=mixed]::after {
+.cds--checkbox:indeterminate + .cds--checkbox-label::after {
   top: 0.6875rem;
   width: 0.5rem;
   border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
@@ -16693,8 +16760,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-label__focus::before,
 .cds--checkbox:checked:focus + .cds--checkbox-label::before,
 .cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
-.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed].cds--checkbox-label__focus::before {
+.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1px;
 }
@@ -16712,8 +16778,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked:disabled + .cds--checkbox-label::before,
 .cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
-.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before,
-.cds--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true]::before {
+.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
   background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
@@ -17856,6 +17921,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: inline-flex;
@@ -17947,6 +18013,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: absolute;
   right: 1rem;
   display: flex;
@@ -17991,6 +18058,7 @@ fieldset[disabled] .cds--form__helper-text {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: absolute;
   top: 50%;
   /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
@@ -18646,6 +18714,16 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-secondary, #525252);
 }
+@media (min-width: 42rem) {
+  .cds--data-table-header__description {
+    max-width: 50ch;
+  }
+}
+@media (min-width: 66rem) {
+  .cds--data-table-header__description {
+    max-width: 80ch;
+  }
+}
 
 .cds--data-table {
   width: 100%;
@@ -19445,6 +19523,7 @@ tr.cds--data-table--selected:last-of-type td {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 3rem;
@@ -19476,6 +19555,7 @@ tr.cds--data-table--selected:last-of-type td {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 3rem;
@@ -19973,6 +20053,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   display: inline-flex;
   width: 100%;
   height: calc(100% + 1px);
@@ -20277,6 +20358,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   display: flex;
   width: 100%;
   min-height: 100%;
@@ -22900,7 +22982,7 @@ button.cds--dropdown-text:focus {
   padding-left: 0;
 }
 
-.cds--multi-select--filterable.cds--list-box--disabled:hover .cds--text-input {
+.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
   background-color: var(--cds-field);
 }
 
@@ -24143,6 +24225,7 @@ button.cds--dropdown-text:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: relative;
   display: inline-flex;
@@ -24484,6 +24567,7 @@ button.cds--dropdown-text:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   outline: 2px solid transparent;
   outline-offset: -2px;
@@ -25611,6 +25695,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   position: relative;
   display: block;
   min-width: 3rem;
@@ -26178,6 +26263,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   border-bottom: 1px dotted var(--cds-border-strong);
   border-radius: 0;
@@ -26397,6 +26483,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   text-align: left;
@@ -26868,6 +26955,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: absolute;
@@ -27805,6 +27893,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   width: 2.5rem;
@@ -27955,6 +28044,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   outline: 2px solid transparent;
   outline-offset: -2px;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -28473,6 +28563,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   position: absolute;
   right: 0;
@@ -28735,6 +28826,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: flex;
   align-items: center;
@@ -29129,6 +29221,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: inline-flex;
   width: 3rem;
@@ -29625,6 +29718,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -30036,6 +30130,7 @@ a.cds--side-nav__link--current::before {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   display: inline-flex;
   width: 3rem;
@@ -30532,6 +30627,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   appearance: none;
   background: none;
   cursor: pointer;
+  text-align: start;
   width: 100%;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);