@carbon/ibm-products 2.0.0-rc.28 → 2.0.0-rc.29

package/css/config.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=config.css.map */

package/css/config.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"config.css"}

package/css/index-full-carbon.css

@@ -843,61 +843,66 @@
 }
 
 .c4p--about-modal .c4p--about-modal__logo {
-  margin: 1rem;
+  margin: 1rem 1rem 2rem 1rem;
 }
 
 .c4p--about-modal .c4p--about-modal__header {
-  padding: 0 20% 0.5rem 1rem;
+  padding: 0 20% 0 1rem;
   margin-bottom: 0;
   grid-row: auto;
 }
 
 .c4p--about-modal .c4p--about-modal__title {
-  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);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
   color: var(--cds-text-primary, #161616);
 }
 
 .c4p--about-modal .c4p--about-modal__body {
-  font-size: var(--cds-body-short-02-font-size, 1rem);
-  font-weight: var(--cds-body-short-02-font-weight, 400);
-  line-height: var(--cds-body-short-02-line-height, 1.375);
-  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
   min-height: 4rem;
   padding: 0 20% 0 1rem;
+  margin-bottom: 1.5rem;
   grid-row: auto;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-.c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
-  min-height: calc(4rem + 2.5rem);
-  margin-bottom: calc(3rem + 2.5rem);
-}
-
-.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
-  bottom: calc(3rem + 2.5rem);
-}
-
 .c4p--about-modal .cds--modal-content--overflow-indicator {
+  bottom: 1.5rem;
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-layer-01, #f4f4f4));
 }
 
 .c4p--about-modal .c4p--about-modal__links-container {
-  margin-top: 1rem;
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  margin-top: 1.5rem;
+}
+
+.c4p--about-modal .c4p--about-modal__version {
+  color: var(--cds-text-secondary, #525252);
 }
 
 .c4p--about-modal .c4p--about-modal__links-container a + a {
   padding-left: 0.5rem;
-  border-left: 1px solid var(--cds-text-primary, #161616);
+  border-left: 1px solid var(--cds-border-strong-01, #8d8d8d);
   margin-left: 0.5rem;
 }
 
-.c4p--about-modal .c4p--about-modal__legal-text,
+.c4p--about-modal .c4p--about-modal__content,
 .c4p--about-modal .c4p--about-modal__copyright-text {
-  margin-top: 2rem;
+  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: 1.5rem;
   margin-bottom: 0;
   color: var(--cds-text-secondary, #525252);
 }
@@ -906,51 +911,33 @@
   margin-top: 1rem;
 }
 
+p.c4p--about-modal__content:first-child,
+p.c4p--about-modal__copyright-text:first-child {
+  margin-top: 2rem;
+}
+
 .c4p--about-modal .c4p--about-modal__footer {
   position: relative;
-  height: 4.5rem;
+  height: calc(
+    1rem + 0.25rem + 1.5rem + 2rem
+  );
   flex-direction: column;
   justify-content: center;
-  background-color: var(--cds-background-inverse, #393939);
-  color: var(--cds-text-inverse, #ffffff);
-}
-
-.c4p--about-modal .c4p--about-modal__tab-container {
-  position: absolute;
-  bottom: 0;
-}
-
-.c4p--about-modal .c4p--about-modal__version-label,
-.c4p--about-modal .c4p--about-modal__version-number {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  padding-left: 1rem;
-  margin-top: 0;
-  margin-bottom: 0;
-  color: var(--cds-text-inverse, #ffffff);
-}
-
-.c4p--about-modal .c4p--about-modal__version-label {
-  font-weight: 600;
-}
-
-.c4p--about-modal .cds--tabs .cds--tabs__nav-link,
-.c4p--about-modal .cds--tab-content {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  background-color: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--about-modal .cds--tab-content {
-  height: 4.5rem;
+.c4p--about-modal .c4p--about-modal__footer-label {
+  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);
+  padding: 1rem 0 0 1rem;
+  margin-bottom: 0.25rem;
+  color: var(--cds-text-secondary, #525252);
 }
 
-.c4p--about-modal .cds--tab-content:not([hidden]) {
-  display: flex;
-  align-items: center;
+.c4p--about-modal .c4p--about-modal__footer-content {
+  padding: 0 0 1rem 1rem;
 }
 
 .c4p--action-set {
@@ -4216,76 +4203,6 @@ c4p--card__icon:active {
   background: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--modified-tabs .c4p--modified-tabs__tab-label {
-  display: flex;
-  width: 100%;
-  align-items: flex-end;
-  justify-content: space-between;
-}
-
-.c4p--modified-tabs__tab-new,
-.c4p--modified-tabs__tab {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-}
-
-.c4p--modified-tabs__tab-new-img,
-.c4p--modified-tabs__tab-close {
-  position: absolute;
-  top: -0.75rem;
-  right: -1rem;
-  overflow: hidden;
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: 0.75rem;
-  border: 0.125rem solid transparent;
-  background-color: transparent;
-  border-radius: 0;
-  cursor: pointer;
-  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-@media (prefers-reduced-motion: reduce) {
-  .c4p--modified-tabs__tab-new-img,
-.c4p--modified-tabs__tab-close {
-    transition: none;
-  }
-}
-
-.c4p--modified-tabs__tab-new-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin-top: 0.125rem;
-}
-
-.c4p--modified-tabs__tab-close:focus {
-  border-color: var(--cds-button-primary, #0f62fe);
-  outline: none;
-}
-
-.c4p--modified-tabs__tab-close:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-}
-
-.c4p--modified-tabs__tab-new-img {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-}
-
-.c4p--modified-tabs .cds--tabs__nav-item.cds--tabs__nav-link {
-  width: 10rem;
-}
-
-.c4p--modified-tabs .cds--tab--overflow-nav-button--previous,
-.c4p--modified-tabs .cds--tab--overflow-nav-button--next {
-  z-index: 2;
-}
-
 .c4p--add-select__header {
   padding: 1rem;
   padding-bottom: 0;
@@ -4501,6 +4418,10 @@ c4p--card__icon:active {
   border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
 }
 
+.c4p--add-select-sort_overflow {
+  z-index: 9999;
+}
+
 .c4p--add-select__tags {
   display: flex;
   align-items: center;
@@ -4513,7 +4434,7 @@ c4p--card__icon:active {
 
 .c4p--add-select__global-filter {
   position: absolute;
-  z-index: 6000;
+  z-index: 999999;
   right: 0;
   width: 100%;
   max-width: 40rem;
@@ -4677,8 +4598,8 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 0.5rem;
 }
 
-.c4p--add-select .cds--tooltip,
-.c4p--add-select .cds--overflow-menu-options {
+.c4p--add-select + div .cds--tooltip,
+.c4p--add-select + div .cds--overflow-menu-options {
   z-index: 9000;
 }
 
@@ -10119,7 +10040,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
   background-color: var(--cds-background-inverse, #393939);
-  color: var(--cds-text-on-color, #ffffff);
+  color: var(--cds-text-inverse, #ffffff);
   /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,