@carbon/ibm-products 2.75.0-rc.0 → 2.76.0-rc.0

package/css/index-full-carbon.css

@@ -7306,11 +7306,6 @@ button.c4p--add-select__global-filter-toggle--open {
   min-inline-size: initial;
   text-align: start;
 }
-.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link.cds--link:visited {
-  display: inline-block;
-  margin: 0.5rem 0 0.25rem;
-  color: var(--cds-link-inverse, #78a9ff);
-}
 .c4p--tag-set-overflow__tagset-popover .cds--link:active,
 .c4p--tag-set-overflow__tagset-popover .cds--link:active:visited,
 .c4p--tag-set-overflow__tagset-popover .cds--link:active:visited:hover {
@@ -7324,6 +7319,15 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-link-inverse, #78a9ff);
   margin-block-start: 0.5rem;
 }
+.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:hover {
+  color: var(--cds-link-inverse-hover, #a6c8ff);
+}
+.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:focus {
+  color: var(--cds-focus-inverse, #ffffff);
+}
+.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:visited {
+  color: var(--cds-link-inverse, #78a9ff);
+}
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
   background-color: var(--cds-background-inverse-hover, #474747);
 }
@@ -7994,6 +7998,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--page-header__next .c4p--page-header__content {
   padding: 1.5rem 0;
+  background-color: var(--cds-layer);
 }
 .c4p--page-header__next .c4p--page-header__content__title-wrapper {
   display: grid;
@@ -8087,11 +8092,12 @@ button.c4p--add-select__global-filter-toggle--open {
   block-size: 100%;
 }
 .c4p--page-header__next .c4p--page-header__tab-bar {
+  background-color: var(--cds-layer);
   margin-inline-start: -1rem;
 }
 .c4p--page-header__next .c4p--page-header__tab-bar--tablist {
   display: grid;
-  grid-gap: 4rem;
+  gap: 2rem;
   grid-template-columns: auto minmax(0, 1fr);
 }
 .c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
@@ -8138,6 +8144,28 @@ button.c4p--add-select__global-filter-toggle--open {
   flex-direction: column;
   padding: 1rem;
 }
+.c4p--page-header__next .c4p--page-header--tag-overflow-container {
+  align-content: center;
+  text-align: end;
+  transform: translateX(calc(-1 * 1.5rem));
+}
+@media (min-width: 42rem) {
+  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
+    transform: translateX(calc(-1 * 0.5rem));
+  }
+}
+@media (min-width: 66rem) {
+  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
+    transform: translateX(2.5rem);
+  }
+}
+.c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
+  visibility: hidden;
+}
+.c4p--page-header__next .c4p--page-header--tag-overflow-container__has-no-hidden-items {
+  /* stylelint-disable-next-line carbon/layout-use */
+  transform: translateX(2rem);
+}
 .c4p--page-header__next .c4p--page-header__tag-item {
   flex-shrink: 0;
 }
@@ -17216,11 +17244,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   border: none !important;
   font-family: inherit;
 }
-.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link.cds--link:visited {
-  display: inline-block;
-  margin: 0.5rem 0 0.25rem;
-  color: var(--cds-link-inverse, #78a9ff);
-}
 .c4p--tag-overflow-popover__el .cds--link:active,
 .c4p--tag-overflow-popover__el .cds--link:active:visited,
 .c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
@@ -17234,6 +17257,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-link-inverse, #78a9ff);
   margin-block-start: 0.5rem;
 }
+.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:hover {
+  color: var(--cds-link-inverse-hover, #a6c8ff);
+}
+.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:focus {
+  color: var(--cds-focus-inverse, #ffffff);
+}
+.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:visited {
+  color: var(--cds-link-inverse, #78a9ff);
+}
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
   background-color: var(--cds-background-inverse-hover, #474747);
 }